@charset "utf-8";

/**************************************************** reset ****************************************************/
* { padding:0; margin:0;}
html{overflow-y:auto;  }
html,body{width:100%; min-height:100%; -webkit-text-size-adjust:none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, pre, p, input, textarea, blockquote, th, td { padding:0; margin:0; }
body,textarea,button,table{font-family:'돋움',Dotum,'굴림',Gulim,AppleGothic,sans-serif;font-size:13px;color:#555; }

img { border:0; vertical-align:top; }
label img { vertical-align:middle; }
form, fieldset { display:block; border:0; }
caption, legend { position:absolute; left:-5000px; overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; }
ul, ol, li { list-style:none; }

hr { display:none; }
table { border-collapse:collapse; border-spacing:0;  }
p, acronym, address, big, small, cite, code, dfn, em, kbd, pre, samp, sub, sup, tt, var { font-weight:normal; font-style:normal; font-smoothing: antialiased; }

input, select, textarea { margin:0; padding:0; font-size:13px; font-family:'돋움',Dotum,'굴림',Gulim,AppleGothic,sans-serif; color:#555; vertical-align:middle;  }
blockquote, q { quotes:none; }
del { text-decoration:line-through; }

a { color:#444; text-decoration:none; }
a:hover, a:focus, a:visited { color:#111; text-decoration:none; }


@font-face {
font-family: 'NotoSansCJKkr-Regular';
font-weight: 300;
font-style: normal;
src: url(../font/NotoSansCJKkr-Regular.otf);
}

@font-face {
font-family: 'NotoSansCJKkr-Medium';
font-weight: 400;
font-style: normal;
src: url(../font/NotoSansCJKkr-Medium.otf);
}

@font-face {
font-family: 'NotoSansCJKkr';
font-weight: 600;
font-style: normal;
src: url(../font/NotoSansCJKkr-Bold.otf);
}

/**************************************************** common ****************************************************/

/* align, float */
.al_l { text-align:left!important; }
.al_c { text-align:center!important; }
.al_r { text-align:right!important; }
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

/* hidden */
.hidden {text-indent:-9999em; display:absolute;}

/* display */
.inblock { display:inline-block; }
.none { display:none!important; }
.block {display:block!important;}
.hide { overflow:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0; text-indent:-999999px; }
.bgn { background:none!important; }
.bdn { border:none!important; }

/* table */
.tbl-fixed { table-layout:fixed; }

/**************************************************** common layout ****************************************************/

#header .util .inner ul li a,
#gnb .gnb_inner ul > li > a,
.mtDropdownMenu .item,
.all_menu a.btn_open,
.tt_menu_ct .closeBtn, 
.tt_menu_ct .mn_list dt,
.tt_menu_ct .mn_list dd ul li a,
.tt_menu_ct .mn_list dd a,
#m-container,
#fWrap,
#contents { font-family:"NotoSansCJKkr-Regular" !important; }

/* header */
#header {width:100%;  }
#header .util { position:relative; width:100%; height:83px; }
#header .util .inner { overflow:hidden; width:1100px; margin:0 auto; }
#header .util .inner h1 { float:left; padding-top:10px; }
#header .util .inner ul { float:right; padding-top:27px;}
#header .util .inner ul li { float:left; padding: 0 12px 0 12px; line-height:25px; background:url(../images/2019/util_bar.png) 100% 50% no-repeat;}
#header .util .inner ul li.hide { display:none;} 
#header .util .inner ul li a { color:#333; }
#header .util .inner ul li:nth-child(3) { background-image:none !important; padding-right:0;}
#header .util .inner ul li.bg-round { margin-left:20px; background:#657c93; height:25px; line-height:22px; border-radius:15px; }
#header .util .inner ul li.bg-round a { color:#fff; padding: 0 7px 0 5px;  background:url(../images/2019/util_bar1.png) 100% 50% no-repeat;}
#header .util .inner ul li.bg-round a.last { padding-right:0; background:none;}

/* 주메뉴 */
#gnb {position:relative;height:50px; background:#0a56a4;}
#gnb .gnb_inner {width:1100px; margin:0 auto; overflow:hidden; }
#gnb .gnb_inner ul {overflow:hidden; float:left; width:1044px; box-sizing:border-box;  border-left:1px solid #004489;  }
#gnb .gnb_inner ul > li {float:left; line-height:50px;  border-right:1px solid #004489; box-sizing:border-box;  width:173px;}
#gnb .gnb_inner ul > li > a {display:block; font-size:17px; color:#fff; text-align:center; font-weight:600;  background:#0a56a4; }
#gnb .gnb_inner ul > li > a:hover, 
#gnb .gnb_inner ul > li > a.select {color:#fff; font-weight:600; background:#004489;}
#gnb .gnb_inner ul > li > a.last { width:178px;}
.mtDropdownMenu {left:-1000px;overflow:hidden;position:absolute;top: -1000px}
.mtDropdownMenu .content {position: absolute}
.mtDropdownMenu .items {z-index: 2; left:0px; border: 1px solid #aaa; position:relative;top:0px}
.top .items {border-top: medium none}
.mtDropdownMenu .item {border-right: medium none; border-top: medium none; font-size: 12px; color:#333 !important; border-left: medium none; cursor:pointer; color: #333 !important; border-bottom: medium none; text-decoration: none;  }
.mtDropdownMenu .background {z-index: 1; left: 0px; position: absolute; top: 0px; moz-opacity: .8}
.mtDropdownMenu .shadowright {z-index: 3; filter: alpha(opacity=40); width: 1px; position: absolute; top: 0; moz-opacity: .4}
.mtDropdownMenu .shadowBottom {z-index: 1; filter: alpha(opacity=40); left: 0; position: absolute; height: 1px; moz-opacity: .4}
.mtDropdownMenu .hover {background: #fff; font-weight: 600; color: #000 !important; }

/*all menu*/
.all_menu { float:right; width:55px; border-right:1px solid #004489; padding-bottom:0 !important; }
.all_menu a.btn_open { width:55px; height:50px; line-height:50px; text-align:center; display:block; position:relative; background:#004a95 url(../images/2019/btn_all_menu.png) 50% 50% no-repeat; text-indent:-9999999px;  }
.tt_menu{text-align:left; position:absolute; top:50px;  z-index:9999; width:1100px; border:1px solid #ccc; background:#fff; display:none; }
.tt_menu_ct {margin:0 auto; padding:30px 0 30px 60px; }
.tt_menu_ct .mn_list { display:inline-block; width:230px; vertical-align:top; margin-right:20px; margin-bottom:35px;  }
.tt_menu_ct .mn_list dt {height:35px; line-height:35px; font-size:15px; color:#fff; background:#0a56a4; font-weight:600; text-align:center; }
.tt_menu_ct .mn_list dd > a { display:block; font-size:14px; font-weight:600; color:#333; padding:5px 0px 5px 30px; border:1px solid #ccc; border-top:0; box-sizing:border-box; background:#f0f3fb url(../images/2019/bbs_dot.gif) 22px 14px no-repeat;  }
.tt_menu_ct .mn_list dd > a:hover { color:#0045d2; }
.tt_menu_ct .mn_list dd .depth2 { border:1px solid #ccc; border-top:0; padding:10px 10px 10px 30px; }
.tt_menu_ct .mn_list dd .depth2 a { display:block; font-size:13px; line-height:150%; color:#666;}
.tt_menu_ct .mn_list dd .depth2 a:hover { color:#000; }

.tt_menu_ct .closeBtn { position: absolute;right: 20px;bottom: 20px; color: #fff; font-weight: 600; display: inline-block; width: 70px; height: 30px; line-height: 30px; text-align: center; background:#333; font-size:13px; }

/**************************************************** main layout ****************************************************/

#mVisual {width:100%; height:337px; position:relative; overflow:hidden; background:url(../images/2019/m_visual1.jpg) center top no-repeat; z-index:-100;}
#m-container { width:1100px; margin:-111px auto 30px;  z-index:1; background:#fff; overflow:hidden; }
#m-container .custm { margin-bottom:20px; width:280px; height:210px; float:left; background:#4f6b87; }
#m-container .custm dl { height:85px; margin: 0 15px; padding: 25px 0 0 80px; border-bottom:1px solid #617a93; background:url(../images/2019/ic_custm.png) 10px 50% no-repeat;}
#m-container .custm dl dt { color:#fff; font-weight:600; font-size:16px; line-height:100%; margin-bottom:7px;}
#m-container .custm dl dd.tell { color:#a4d2ff; font-weight:600; font-size:25px; line-height:100%;  margin-bottom:2px;}
#m-container .custm dl dd { color:#fff; font-weight:600; font-size:15px; line-height:100%;}
#m-container .custm ul { padding:20px 0; margin: 0 15px; text-align:center;}
#m-container .custm ul li:first-child { color:#fff; font-weight:600; margin-bottom:7px;  line-height:100%;}
#m-container .custm ul li { color:#c5ccd4; font-size:13px;  line-height:130%;}
#m-container .c-bnl { margin-bottom:20px; width:545px; height:210px; float:left; }
#m-container .c-bnl ul { overflow:hidden;}
#m-container .c-bnl ul li { float:left; position:relative; width:50%; height:50%; border-right:1px solid #ddd;  border-bottom:1px solid #ddd; box-sizing:border-box;}
#m-container .c-bnl ul li.ico1 { background:#f1f6fa url(../images/2019/ico_b1.png) 20px 50% no-repeat;} 
#m-container .c-bnl ul li.ico2 { background:#f1f6fa url(../images/2019/ico_b2.png) 20px 50% no-repeat;} 
#m-container .c-bnl ul li.ico3 { background:#f1f6fa url(../images/2019/ico_b3.png) 20px 50% no-repeat;} 
#m-container .c-bnl ul li.ico4 { background:#f1f6fa url(../images/2019/ico_b4.png) 20px 50% no-repeat;} 
#m-container .c-bnl ul li a { display:block; width:100%; height:100%; position:absolute; left:0; top:0; }
#m-container .c-bnl ul li dl { margin: 25px 0 0 100px;}
#m-container .c-bnl ul li dl dt { font-size:15px; color:#000;  font-weight:600;}
#m-container .c-bnl ul li dl dd { font-size:12px; line-height:130%; font-weight:300;}
#m-container .m-logBx { margin-bottom:20px; padding:25px; width:225px; height:160px; float:right; background:#0a56a4; }
#m-container .m-logBx .tit { margin-bottom:15px; }
#m-container .m-logBx .tit span { color:#fff; font-size:16px; font-weight:600; line-height:100%; }
#m-container .m-logBx .tit p.idSave { float:right; color:#fff; }
#m-container .m-logBx .tit p.idSave input[type="checkbox"] { border:1px solid #fff !important; width:15px; height:15px; vertical-align:middle; margin-right:5px;}
#m-container .m-logBx ul { margin-bottom:10px;}
#m-container .m-logBx ul li { margin-bottom:3px; height:32px; }
#m-container .m-logBx ul li.id { background:#fff url(../images/2019/log_id_bg.png) 10px 50% no-repeat;}
#m-container .m-logBx ul li.pwd { background:#fff url(../images/2019/log_pwd_bg.png) 10px 50% no-repeat;}
#m-container .m-logBx ul li input[type="text"],
#m-container .m-logBx ul li input[type="password"] { float:right; border:0; width:180px; height:32px; background:none; }
#m-container .m-logBx ul li input[type="submit"] {  border:0; width:100%; height:32px; background:#598fc6; color:#fff; }
#m-container .m-logBx .log_btn { text-align:center; }
#m-container .m-logBx .log_btn a { padding-right:10px; margin-right:5px; color:#fff; background:url(../images/2019/util_bar1.png) 100% 50% no-repeat;}
#m-container .m-logBx .log_btn a.last { padding-right:0; margin-right:0; background:none;}
#m-container .m-logBx .login_txt_Bx { width:185px; height:75px; background:#fff; border:1px solid #fff; border-radius:3px; padding:15px 20px; overflow:hidden; text-align:center;}
#m-container .m-logBx .login_txt_Bx p.mem { color:#111;}
#m-container .m-logBx .login_txt_Bx p.service { margin-bottom:3px; color:#0a56a4;}
#m-container .m-logBx .login_txt_Bx div a { padding-right:10px; margin-right:5px; color:#333; background:url(../images/2019/util_bar.png) 100% 50% no-repeat;}
#m-container .m-logBx .login_txt_Bx div a.last { padding-right:0; margin-right:0; background:none;}

#m-container #m-bbs { width:825px; height:285px; float:left;  border:1px solid #ddd;  border-right:0; box-sizing:border-box; position:relative;}
#m-container #m-bbs h3 { float:left; height:40px; width:137px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; cursor:pointer;}
#m-container #m-bbs h3.last { width:139px; border-right:0;  }
#m-container #m-bbs h3 a { display:block; width:100%; height:100%; line-height:40px; text-align:center; background:#f2f2f2; font-size:14px; }
#m-container #m-bbs h3 a:hover,
#m-container #m-bbs h3 a.on { height:51px; background:url(../images/2019/bbs_tab_bg.png) 0 37px no-repeat; color:#111; font-weight:600; }
#m-container #m-bbs .bbs-lst { position:absolute; top:60px; left:40px; width:740px; height:200px; }
#m-container #m-bbs .bbs-lst ul { overflow:hidden;}
#m-container #m-bbs .bbs-lst ul li { overflow:hidden; margin-bottom:7px;} 
#m-container #m-bbs .bbs-lst ul li a { float:left; color:#333 !important; overflow:hidden; line-height:130%; width:500px; text-overflow:ellipsis; white-space:nowrap; font-size:13px; padding-left:8px; background:url(../images/2019/bbs_dot.gif) 0 8px no-repeat;} 
#m-container #m-bbs .bbs-lst ul li a span.kr-lang { display:block; color:#004096;}
#m-container #m-bbs .bbs-lst ul li span.date { float:right; color:#666; font-weight:300 !important; }

#m-container .r-bnl { width:275px; height:285px; float:right;  }
#m-container .r-bnl div { height:95px; width:100%; border:1px solid #ddd; border-bottom:0; box-sizing:border-box; display:table; position:relative;}
#m-container .r-bnl div:last-child { border-bottom:1px solid #ddd;}
#m-container .r-bnl div a { position:absolute; left:0; top:0; width:100%; height:100%; display:block; background:url(../images/2019/bull_bnl_r.png) 90% 50% no-repeat; text-indent:-99999px;}
#m-container .r-bnl div dl { display:table-cell; vertical-align:middle; padding:0 0 0 30px;}
#m-container .r-bnl div dl dt { font-weight:600; color:#111; font-size:16px;}
#m-container .r-bnl div dl dt span { color:#0a56a4;}
#m-container .r-bnl div dl dd { color:#555; font-size:13px; }
#m-container .b-bnl { width:305px; height:166px; float:left;  }
#m-container .b-bnl ul { overflow:hidden; border-left:1px solid #ddd; }
#m-container .b-bnl ul li { float:left; width:50%; height:83px;  border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
#m-container .b-bnl ul li a { display:block; width:100%; height:100%; line-height:83px; padding:0 0 0 70px; font-size:14px; }
#m-container .b-bnl ul li a:hover { color:#111;}
#m-container .b-bnl ul li a.ico_s1 { background:url(../images/2019/ico_s1.png) 20px 50% no-repeat; }
#m-container .b-bnl ul li a.ico_s2 { background:url(../images/2019/ico_s2.png) 20px 50% no-repeat; }
#m-container .b-bnl ul li a.ico_s3 { background:url(../images/2019/ico_s3.png) 20px 50% no-repeat; }
#m-container .b-bnl ul li a.ico_s4 { background:url(../images/2019/ico_s4.png) 20px 50% no-repeat; }
#m-container .acting { width:235px; height:166px; float:left; border:1px solid #ddd; border-top:0; border-left:0; box-sizing:border-box;}
#m-container .acting ul { overflow:hidden; margin:20px 25px; }
#m-container .acting ul li { width:100%; height:32px; line-height:32px; background:url(../images/2019/line_regist.png) 0 bottom repeat-x; }
#m-container .acting ul li:last-child { background:none;}
#m-container .acting ul li a { display:block; padding-left:20px; background:url(../images/2019/bull_regist.png) 0 50% no-repeat; }
#m-container .acting ul li a span { margin:7px 0 0 0; padding:0 5px; float:right; display:inline-block; font-size:11px; letter-spacing:-0.05em; border:1px solid #ddd; height:15px; line-height:15px; background:#f5f5f5;}
#m-container .acting ul li a:hover { color:#111;}
#m-container .bank { width:286px; height:166px; padding:25px 30px; float:left; border:1px solid #ddd; border-top:0; border-left:0; box-sizing:border-box; position:relative;}
#m-container .bank span { position:absolute; right:30px; top:25px; font-size:12px;}
#m-container .bank p { margin-bottom:15px;color:#111; font-size:16px; font-weight:600; line-height:100%; }
#m-container .bank ul li { line-height:100%; padding-left:20px; margin-bottom:9px;}
#m-container .bank ul li.kb {background:url(../images/2019/bank_kb.png) 0 50% no-repeat; } 
#m-container .bank ul li.sh {background:url(../images/2019/bank_sh.png) 0 50% no-repeat; } 
#m-container .bank ul li.wr {background:url(../images/2019/bank_wr.png) 0 50% no-repeat; } 
#m-container .bank ul li.nh {background:url(../images/2019/bank_nh.png) 0 50% no-repeat; } 
#m-container .viewer { width:274px; height:166px; padding:25px 30px; float:right; border:1px solid #ddd; border-top:0; border-left:0; box-sizing:border-box;}
#m-container .viewer p { margin-bottom:25px;color:#111; font-size:16px; font-weight:600; line-height:100%; }
#m-container .viewer ul li { float:left; width:45%; line-height:100%; margin-bottom:7px;}
#m-container .viewer ul li:nth-child(2n) { width:55%;}
#m-container .viewer ul li a { height:26px; padding-left:30px; display:block;}
#m-container .viewer ul li a:hover { color:#111;}
#m-container .viewer ul li a span { padding:6px 0 0 0; display:inline-block;}
#m-container .viewer ul li a.word {background:url(../images/2019/ico_word.gif) 0 0 no-repeat; } 
#m-container .viewer ul li a.acro {background:url(../images/2019/ico_pdf.gif) 0 0 no-repeat; } 
#m-container .viewer ul li a.excel {background:url(../images/2019/ico_excel.gif) 0 0 no-repeat; } 
#m-container .viewer ul li a.ppt {background:url(../images/2019/ico_ppt.gif) 0 0 no-repeat; } 

#fWrap { clear:both; width:100%; border-top:1px solid #ddd; background:#f5f5f5;}
#fWrap .fMenu { width:100%; border-bottom:1px solid #ddd; height:40px; line-height:40px; background:#fff;}
#fWrap ul { width:1100px; margin:0 auto;  overflow:hidden; }
#fWrap ul li { float:left;}
#fWrap ul li a { padding:0 10px; background:url(../images/2019/btm_menu_bar.gif) 0 50% no-repeat; } 
#fWrap ul li a.first { padding-left:0; background:none;} 
#fWrap ul li a:hover { color:#111;}
#fWrap .f-adr { width:1100px; padding:20px 0; margin:0 auto; overflow:hidden; background:url(../images/2019/btm_logo.gif) 0 25px no-repeat; } 
#fWrap .f-adr p { line-height:130%; padding-left:140px; font-size:13px; background:none !important;}
#fWrap .f-adr p span { display:block; padding-top:5px;}


div#wrapper{min-width:100%;max-width:100%;margin-left:auto;margin-right:auto}

/* container */
#container{position:relative; width:1000px}

/* content */
#content{position:relative; width:810px}

/* aside */
aside{position:relative; padding-left:10px; width:195px}

/* copyright
#footer{ padding:10px 0 60px;border-top:2px solid #1976b8;background-color:#fff;font-size:12px;color:#666;text-align:center} */


#sContainer {position:relative; width:1100px; margin:20px auto 0; overflow:hidden;}
#lnb { float:left; }
#contents {position:relative; width:900px; float:right; padding:0 0 40px 0; min-height:450px; }