body {
    -ms-overflow-style: none;  // IE 10+
    overflow: -moz-scrollbars-none;  // Firefox
}

#wrap{ width:100%; overflow:hidden;min-width:1100px;}
.header_wrap{background: url(/images/top_bg.gif) repeat-x;height:140px; }
.container_wrap{width:100%;overflow:hidden;background-color:#fff;}


/* top */
#Top{width:1100px;margin:0 auto;height:87px;}
#Top .logo{margin-top:17px;float:left;}
#Top .right{float:right;text-align:right;}
#topLine{}
#topLine ul{list-style:none;margin:0;float:right;}
#topLine li{float:left;list-style:none; white-space:nowrap;padding:0 10px 0 10px; font-size:12px;color:#48494a;}
#topLine li a{color:#48494a;line-height:87px;}
#topLine li:last-child{padding-right:0;padding-top:29px;}

/*s:gnb*/
header{position:absolute;top:87px;z-index:99999;height:53px; width: 100%;}
header nav.pc{max-width:1100px; margin:0 auto; padding:0 0}
header nav.pc ul.gnb{transition:all 0.25s;}
header nav.pc ul.gnb:after{content:''; display:block; clear:both}
header nav.pc ul.gnb li{display:inline-block;vertical-align:top;position:relative;line-height:53px;padding:0 65px;float:left;background:url(/images/menu_bg.gif)no-repeat right center;}
header nav.pc ul.gnb li:last-child{padding-right:0;background:none;}
header nav.pc ul.gnb li.allmenu{width:152px;background:url(/images/all_menu.gif) no-repeat;padding:0 0 0 64px;margin-right:22px; }
header nav.pc ul.gnb li a{color:#666;font-size:16px;;transition:all 0.25s;font-weight:500; }


header nav.pc .down_gnb{width:100%; background:#f8f8f8; position:absolute;;left:0;top:53px;display:none; height:auto !important;border-bottom:1px solid #666;}
header nav.pc .down_gnb .down_gnb_width{max-width:1100px; margin:0 auto;padding:40px 0 30px 0;}
header nav.pc .down_gnb .down_gnb_width .tit_box{width:20%; float:left;position:relative}
header nav.pc .down_gnb .down_gnb_width .sub_gnb_box{ float:right;margin-bottom:10px;}
header nav.pc .down_gnb .down_gnb_width .sub_gnb_box:after{content:''; display:block; clear:both}

header nav.pc .down_gnb .down_gnb_width .tit_box h2{font-size:36px; letter-spacing:-0.4px; color:#333; font-weight:400;font-family: "Noto Sans Korean", sans-serif;position:absolute;top:0; left:0;opacity:0;transition:all 0.5s;z-index:1}
header nav.pc .down_gnb .down_gnb_width .tit_box h2 span{ font-weight:bold}
header nav.pc .down_gnb .down_gnb_width .tit_box .img{margin-top:75px;position:absolute;top:0; left:3px;opacity:0;transition:all 0.5s;z-index:0}
header nav.pc .down_gnb .down_gnb_width .tit_box .img img{max-width:100%}
header nav.pc .down_gnb .down_gnb_width .tit_box .tit{opacity:0; width:100%; height:100%;display: inline-block;;  transition:all 0.5s;}
header nav.pc .down_gnb .down_gnb_width .tit_box .tit.on{transition:all 0.5s;opacity:1}
header nav.pc .down_gnb .down_gnb_width .tit_box .tit.on h2{opacity:1;transition:all 0.5s;}
header nav.pc .down_gnb .down_gnb_width .tit_box .tit.on .img{opacity:1;transition:all 0.5s;}


header nav.pc .down_gnb .down_gnb_width .sub_gnb_box ul{padding:0 7px 0 0; float:left;width:185px;}
header nav.pc .down_gnb .down_gnb_width .sub_gnb_box ul:nth-child(1){width:10px;}
header nav.pc .down_gnb .down_gnb_width .sub_gnb_box ul:nth-child(2){width:185px;}
header nav.pc .down_gnb .down_gnb_width .sub_gnb_box ul:nth-child(3){width:195px;}
header nav.pc .down_gnb .down_gnb_width .sub_gnb_box ul:nth-child(4){width:195px;}
header nav.pc .down_gnb .down_gnb_width .sub_gnb_box ul:nth-child(5){width:190px;}
header nav.pc .down_gnb .down_gnb_width .sub_gnb_box ul:nth-child(6){padding-right:0;padding-left:0;width:90px;}

header nav.pc .down_gnb .down_gnb_width .sub_gnb_box ul li{margin-bottom:10px}
header nav.pc .down_gnb .down_gnb_width .sub_gnb_box ul li a{font-size:15px; letter-spacing:-0.6px;color:#555;transition:all 0.25s;font-weight:400;}
header nav.pc .down_gnb .down_gnb_width .sub_gnb_box ul li a:hover{border-bottom:2px solid #ec8191;transition:all 0.25s;color:#333; }

/*e:gnb*/
.col6 li{width:16.66%}
.col5 li{width:20%}
.col4 li{width:25%}
.col3 li{width:33.33%}
.col2 li{width:50%}
.col1 li{width:100%}


/* Main banner */
#mainBanner{width:1100px;padding-top:18px;height:428px;overflow:hidden;margin:0 auto;}
.sliders{width:683px;height:388px;float:left;margin-right:12px;}
.R_banner{float:right;width:403px;overflow:hidden;}
.main-quick {display:table-cell; width:100%; vertical-align:top;  border:1px solid #c1c1c1;}
.main-quick ul {padding:25px 25px 12px 28px;background:#fff;}
.main-quick ul li {display:inline-block; width:62px; height:109px; margin:0 11px; vertical-align:top;}
.main-quick ul li span {display:inline-block; width:100%;  padding-top:70px; color:#5555; text-align:center; font-size:14px; }
.main-quick .q-ic01 {background:url(/images/quick01.png) center top no-repeat;}
.main-quick .q-ic02 {background:url(/images/quick02.png) center top no-repeat;}
.main-quick .q-ic03 {background:url(/images/quick03.png) center top no-repeat;}
.main-quick .q-ic04 {background:url(/images/quick04.png) center top no-repeat;}
.main-quick .q-ic05 {background:url(/images/quick05.png) center top no-repeat;}
.main-quick .q-ic06 {background:url(/images/quick06.png) center top no-repeat;}
.main-quick .q-ic07 {background:url(/images/quick07.png) center top no-repeat;}
.main-quick .q-ic08 {background:url(/images/quick08.png) center top no-repeat;}
.quick-info {margin-top:10px;border:0;}

/* mid banner */
#midBan{width:1100px;margin:0 auto;}
#midBan ul{width:1100px;}
#midBan ul li{float:left;}


/* latest board */
#lateBg{width:100%;margin-top:20px;background-color:#f8f8f8;}
#lateBoard{width:1100px;margin:0 auto;height:174px;background:url(/images/board_bg.gif) no-repeat;}
#lateBoard .gallery{width:798px;padding:27px 0 0 0;float:left;margin-right:25px;}
#lateBoard .gallery .imgs{width:160px;height:118px;float:left;margin-right:24px;}
#lateBoard .gallery .ncon {float:left;width:178px;overflow:hidden;margin-right:22px;font-family:"Nanum Gothic";color:#555;font-size:13px;}
#lateBoard .gallery .ncon h2{font-size:16px; color:#282929;margin-bottom:14px;font-weight:normal;font-family:"Noto Sans Korean";}
#lateBoard .gallery .ncon .more{margin-top:10px;}
#lateBoard .download{margin-top:10px;text-align:right;float:right;}
#lateBoard .download li {margin-top:10px;}


/* bottom_banner */
#bottomBanner{width:1100px;margin:0 auto;}
#bottomBanner ul{width:1100px;margin-top:25px;}
#bottomBanner ul li{float:left;margin-right:7px;}
#bottomBanner ul li.boards{margin-right:0;width:604px;}



.kraph-bbs {position:relative; border:1px solid #d1d8e4; background:#fff;vertical-align:top;height:267px;width:604px !important;}
.kraph-bbs ul{margin-top:0 !important;padding:0;width:604px;}
.kraph-bbs li h3{float:left;padding:0 15px; height:51px !important; line-height:52px; text-align:center; cursor:pointer; border-right:1px solid #d1d8e4; color:#666; font-weight:400;font-family:'Noto Sans Korean';font-size:15px;margin-top:0 !important;margin-right:-7px !important;}
.kraph-bbs li h3.active {background:#f26c69;color:#fff;margin-top:0 !important;margin-right:-7px !important;}
.kraph-bbs .kraph-bbs-con div>div {position:absolute; width:100%; top:50px; padding:35px 30px; border-top:1px solid #d1d8e4;z-index:0;}
.kraph-bbs .kraph-bbs-con div ul li {position:relative; padding-bottom:10px; padding-left:21px;float:none !important;width:590px !important;}
.kraph-bbs .kraph-bbs-con div ul li:before {position:absolute; top:5px; left:0; display:block; width:7px; height:10px; background:url(/images/dot.gif)no-repeat; content:""}
.kraph-bbs .kraph-bbs-con div ul li.date {float:right; font-size:13px; color:#999;}
.kraph-bbs .kraph-bbs-con div ul li a {display:inline-block; width:80%; color:#504e4e; font-size:14px; text-decoration:none; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;float:left;  }
.kraph-bbs .kraph-bbs-con div ul li a:hover {color:#000;}
.kraph-bbs .kraph-bbs-con .more {position:absolute; display:block; width:24px; height:24px; right:20px; top:-35px; font-size:0; background:url(/images/btn-more.jpg) no-repeat;}


/* sub */
#subWrap2{width:100%;margin:0;}
#subWrap{width:1100px;margin:0 auto;position:relative;margin-top:20px;height:100%;display: flex;flex-direction: row;background:url(/images/sub_bg.gif)repeat-y;background-color:#eef0f4;}
#subWrap .s_title{height:50px;background-color:#40392e;width:1100px;border-bottom:1px solid #514a3f;position:absolute;top:200px;left:50%;margin:0 0 0 -600px;}

/*sub_left*/	
.leftm{float:left; width:240px;margin-right:20px;border-left:1px solid #ced0d3;border-right:1px solid #ced0d3;}
.sidemenu{color:#fff;background:#fff;}
.menu-title{height:110px; font-size:30px; background:#2256a2;color:#fff;font-weight:400;text-align:center;padding-top:25px;font-family:"Noto Sans Korean", "Nanum Gothic";letter-spacing:-0.04em;line-height:30px;}
.p-title{text-decoration:underline;}
.e-title{font-size:20px;color:#a5c1d4;text-decoration:none !important;}
.sMenu > ul > li{border-bottom:1px solid #e4e4e4; background:url(../images/menu_off.png) no-repeat 95% 13px;font-family:"Noto Sans Korean","Nanum Gothic";letter-spacing:-0.02em;text-transform:uppercase;padding:5px 20px 5px 30px; }
.sMenu > ul > li:hover, .sMenu > ul > li.active{background-image:url(../images/menu_on.png);background-color:#f9f9fa;}
.sMenu > ul > li > a{display: block; padding:5px 0 5px 5px;color:#666;font-size:15px;}
.sMenu > ul > li:hover > a, .sMenu > ul > li.active > a{font-weight: 500; color:#246b9c;}
.sMenu > ul > li > ul{padding:5px 0; font-size:11px; border-top:1px solid #dbdde1; background-color:#f8f9fa;} /* 2depth */
.sMenu > ul > li > ul > li > a{display: block; padding:3px 0 3px 15px; white-space: nowrap;}
.sMenu > ul > li > ul > li > a:hover{font-weight:normal;}

.left_banner{overflow:hidden;}
.left_banner li{display:block;}
.left_banner li:first-child{margin-top:28px;}
.left_banner li:last-child{margin-bottom:50px;}



/*sub_contents*/
.contentBody{float:left; width:840px;border-left:1px solid #ced0d3;border-right:1px solid #ced0d3;border-top:1px solid #ced0d3;height:100%;}
.contentBody .sub_title{height:48px;margin-bottom:28px;border-bottom:1px solid #e0e1e3;font-size:20px;color:#333;font-weight:bold;padding:10px 19px;font-family:"Noto Sans Korean", "Nanum Gothic";letter-spacing:-0.04em;background:url(/images/sub_dot.gif)no-repeat;font-weight:400;}
.contentBody .sub_title span{float:right;color:#777;font-size:12px;font-weight:normal;padding-top:6px;font-weight:normal;font-family:"Nanum Gothic";}
.contentBody .sub_title strong{color:#2970a2;font-weight:600;font-size:11px;font-family:"Nanum Gothic";}
.contentBody .sub_container{width:840px;padding: 10px 30px 50px 30px;word-break:break-all;font-size:14px;}
.conts_left{float:left;}
.conts_left img{margin-right:30px;margin-bottom:350px;}
.conts_right{float:left !important;word-break:break-all;width:100%;overflow:hidden;}
.text_21{color:#4880a7;font-size:20px;}
.text_right{color:#2c2b2b;text-align:right;font-size:15px;padding-right:25px;}
.text_right2{color:#444;text-align:right;font-size:13px;}

.t_blue{color:#1270d4;}


/*연혁*/
.history-wrap {display:table; width:100%;background: url(/images/sub01/h_line.gif)8px 0 repeat-y;}
.history-wrap h4 {position: relative; background:#3c6897; width:174px; height:50px; margin-bottom:15px; color:#fff; font-size:20px; text-align:center; padding-top:11px;}
.history-wrap h4.left {float:left;}
.history-wrap li {position:relative; overflow:hidden;}
.history-wrap li>div {width:98%; }
.history-wrap h4.left:after {position:absolute; left:-12px; top:18px;  display:block; width:12px; height:14px; background:url(/images/sub01/year-t.png) no-repeat; content:"";}
.history-wrap li>div.right {float:right; padding-left:40px;}
.history-wrap li>div.right h4 {}
.history-wrap li:after {position: absolute; top:43px;  left:0; display:block; width:18px; height:18px; margin:0 auto; content:""; background:url(/images/sub01/year_round.gif) no-repeat;}
.history-con {width:100%; padding:5px; margin-top:20px; text-shadow:0.5px 0; color:#354363; border:2px dashed #dadada; font-size:14px; clear:both;}
.history-con>div {padding:1em; background:#fcfcfc; text-shadow:none;}
.history-con dl {display:table; padding-bottom:10px; }
.history-con dl>dt {display:table-cell; color:#5171b5;}
.history-con dl>dd {display:table-cell; padding-left:20px; color:#333;}


/*textarea*/
.textbox {padding:1em;border:1px solid #e5e5e5; background:#f8f8f8;}
.textbox textarea {width:100%; height:300px;padding:2em 1em; background:#f8f8f8; color:#555; font-size:14px; border:none;line-height:22px;}
.bg_box{border:1px solid #e4e4e4;padding:15px 0 15px 15px;margin-bottom:7px;}

.lines{width:100%;height:1px;background:#e4e4e4;margin:13px 0 25px 0;}

/*branch*/
.cate_map_wrap {height: 350px;border: 1px solid #ccc; display: inline-block;margin-bottom:10px;}
.cate_map_wrap h1 {padding: 10px 0 0 15px; font-size: 22px; display: inline-block;}
.cate_map_wrap h2 {text-align: left; font-size: 16px; margin: 5px 0 13px 15px; color: #717171;}
.cate_map{width: 50%;height: 348px;text-align: center;background: #f8f8f8;float: left;border-right:1px solid #ccc;}
.cate_map_in svg {text-align:center;vertical-align: middle;}
.cate_search_wrap {width:50%;float: left;padding-top:29px;}
#bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {float:left;margin-bottom:-1px;width:25%}
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:10px 0;border:1px solid #ddd;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;}
#bo_cate .on {z-index:2;border:1px solid #000;background:#fff;color:#fff; font-weight:500;background-color:#555;}
#bo_cate_ul {margin: 0 15px;}


/* map */
.l_round{float:left;margin-right:10px;height:30px;width:100px;border-radius:30px;background-color:#2f94b1;color:#fff;line-height:30px;text-align:center;margin-bottom:7px;}
.r_cont{float:left;width:650px;line-height:30px;}


/* business */
.kraph-subtitle-box { padding:5px 25px 25px 30px;  color:#555; border:2px dashed #ddd;font-size:14px;margin-bottom:10px;line-height:25px;}
.kraph-subtitle-box h3{color:#2763ba;font-size:18px;margin-bottom:12px;margin-top:10px;}
.kraph-subtitle-box>div {padding:1em; background:#fff;}
.kraph-subtitle-box>ul {padding:5px; background:#fff;}

.kraph-ul01 {padding-top:3px;}
.kraph-ul01 lu {padding:0;margin:0;}
.kraph-ul01>li {position:relative; padding-left:15px; padding-bottom:5px; font-size:14px; color:#555; line-height:20px;}
.kraph-ul01>li:before {position:absolute; top:8px; left:0; display:block; width:3px ; height:3px; background:#5171b5; content:"";}

.kraph-ul02 {padding-left:20px;}
.kraph-ul02 ul {padding:0;margin:0;}
.kraph-ul02>li {position:relative; padding-left:15px; padding-bottom:5px; font-size:14px; color:#555; line-height:20px;}
.kraph-ul02>li:before {position:absolute; top:8px; left:0; display:block; width:3px ; height:3px; background:#5171b5; content:"";}

.kraph_cont{}
.kraph_cont p{margin:15px 0;}
.kraph_cont span{font-size:14px; color:#555;}
.kraph_cont h4{font-size: 18px; color: #333; font-weight: 400;font-family:"Noto Sans Korean";margin-bottom:15px;}
.kraph_cont h3{font-size: 20px; color: #333; font-weight: 500;font-family:"Noto Sans Korean";margin-bottom:15px;}
.kraph-p01 {padding-top:5px; padding-left:20px; font-size:14px; color:#555; line-height:20px;}
.kraph-subtitle00 {font-size:20px; color:#5171b5; font-weight:500;}
.kraph-subtitle01 {font-size:20px; color:#333; padding-left:28px; font-weight:500; background:url(/images/sub03/s_dot.png) 0 3px no-repeat;}
.kraph-subtitle01.mt0 {margin-top:0;}
.kraph-subtitle02 {padding-left:20px; margin-left:20px; margin-top:25px; background:url(/images/sub03/s_dot2.png) 0 7px no-repeat; color:#333;}
.kraph-subtitle03 {padding-left:20px; margin-top:25px; background:url(/images/sub03/s_dot2.png) 0 7px no-repeat; color:#333;}
.kraph-subtitle04 {padding-left:20px; margin-top:0; background:url(/images/sub03/s_dot2.png) 0 7px no-repeat; color:#333;}

/* copyTop */
#copyTop{width:100%;background:url(../images/copy_top_bg.gif) repeat-x;height:151px;}
#copyBtn{width:380px;height:46px;margin:0 auto;padding:0;text-align:center;line-height:46px;}
#copyBtn li{float:left;padding:0 10px 0 10px; background:url(../images/divine.gif) no-repeat; background-position:right;}
#copyBtn li:last-child{background:none;}
#copyBtn li a{color:#fff;font-size:12px;}


/* copyright */
#footer {width:100%;height:98px;}
#Copy{width:1100px; height:34px;margin:0 auto;padding-top:30px;font-size:12px;}

.bans{}
.bans ul{margin-top:5px;margin-left:15px;}
.bans ul li{float:left;margin-right:30px;margin-bottom:30px;}
.bans ul li:nth-child(3){margin-right:0;}
.bans ul li:nth-child(6){margin-right:0;}
.bans ul li:nth-child(9){margin-right:0;}
.bans ul li:nth-child(12){margin-right:0;}