@charset "utf-8";


/* ==== 공통부분 ==== */
label, input, select{vertical-align:middle;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display:block;}
body{min-width:320px;}
.clearfix:before, .section .content:before, .section .content .c-illustr:before, .clearfix:after, .section .content:after, .section .content .c-illustr:after
.clearfix:before, .section .content:before, .section .content .c-illustr:before, .clearfix:after, .section .content:after, .section .content .c-illustr:after{content:"";display:table;}

.fp-enabled body, html.fp-enabled{margin:0;padding:0;/* overflow:hidden; */-webkit-tap-highlight-color:rgba(0,0,0,0);}

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {/margin:0;:0 */0 */padding:0;border:0;font-size:100%;}
ol, ul, li { list-style:none}
h1, h2, h3, h4, h5, h6 { font-weight:normal}
address, caption, em { font-weight:normal; font-style:normal}
fieldset, img,button { border:0}
img {/* line-height:100%; */font-size:100%;vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal}
blockquote, q {quotes:none}

ins {text-decoration:none}
del {text-decoration:line-through}
a,img,input{outline: none;}

/* base */
body{ font-size:13px; font-family:'Nanum Gothic', "나눔고딕", Dotum, "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; color:#666; letter-spacing:0; line-height:100%; text-align:left}
table{/*font-size:11px;*/ border-collapse:collapse;}
input,textarea,select{font-size:12px; color:#666; border:1px solid #b4b4b4; font-family:'Nanum Gothic', "나눔고딕", "돋움",Gulim, "굴림", Verdana, Tahoma, AppleGothic, sans-serif; }


/* skip */
legend, hr, .skip{position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.hide{display:none;}
caption{display:none;}

/* anchor */
a { color:#666; text-decoration:none;}
a:link,
a:visited { text-decoration:none}
a:hover,
a:active,
a:focus { text-decoration:none; color:#000;}

/* #skipNavi */
#skipNavi{position:relative; width:100%; margin:0 auto; display:none;}
#skipNavi a{display:block; position:absolute; left:0; top:0; z-index:10; width:0; height:0; font-size:0; overflow:hidden;}
#skipNavi a:active, #skipNavi a:focus{width:100%; height:auto; background:#000; color:#fff; font-size:1em; text-align:center; padding:5px 0;}

/* input */
input.textinput { height:18px; line-height:18px; font-size:12px; vertical-align:middle; color:#666; border:1px solid #b4b4b4}
input.textinput_gray { height:16px; line-height:16px; font-size:12px; vertical-align:middle; color:#666; border:1px solid #ccc}
textarea.textinput { width:99%; font-size:11px; vertical-align:middle; color:#666; border:1px solid #a6c9e2}
.selectBox{border:solid 1px #ccc; height:20px !important; line-height:20px !important; font-size:12px;}

/* vertical-align */
.v_t { vertical-align:top !important}
.v_m { vertical-align:middle !important}
.v_b { vertical-align:bottom !important}

/* text */
.bold { font-weight:bold; color:#666;}
.underline { text-decoration:underline}

/* background */
.bg_none{background:none !important;}

/* border */
.bd_none{border:none !important;}
.bd_t_none{border-top:none !important;}
.bd_r_none{border-right:none !important;}
.bd_b_none{border-bottom:none !important;}
.bd_l_none{border-left:none !important;}

/* width */
.wid1{width:1%!important}.wid2{width:2%!important}.wid3{width:3%!important}.wid4{width:4%!important}.wid5{width:5%!important}.wid6{width:6%!important}.wid7{width:7%!important}.wid8{width:8%!important}.wid9{width:9%!important}.wid10{width:10%!important}.wid11{width:11%!important}.wid12{width:12%!important}.wid13{width:13%!important}.wid14{width:14%!important}.wid15{width:15%!important}.wid16{width:16%!important}.wid17{width:17%!important}.wid18{width:18%!important}.wid19{width:19%!important}.wid20{width:20%!important}.wid21{width:21%!important}.wid22{width:22%!important}.wid23{width:23%!important}.wid24{width:24%!important}.wid25{width:25%!important}.wid26{width:26%!important}.wid27{width:27%!important}.wid28{width:28%!important}.wid29{width:29%!important}.wid30{width:30%!important}.wid31{width:31%!important}.wid32{width:32%!important}.wid33{width:33%!important}.wid34{width:34%!important}.wid35{width:35%!important}.wid36{width:36%!important}.wid37{width:37%!important}.wid38{width:38%!important}.wid39{width:39%!important}.wid40{width:40%!important}.wid41{width:41%!important}.wid42{width:42%!important}.wid43{width:43%!important}.wid44{width:44%!important}.wid45{width:45%!important}.wid46{width:46%!important}.wid47{width:47%!important}.wid48{width:48%!important}.wid49{width:49%!important}.wid50{width:50%!important}.wid51{width:51%!important}.wid52{width:52%!important}.wid53{width:53%!important}.wid54{width:54%!important}.wid55{width:55%!important}.wid56{width:56%!important}.wid57{width:57%!important}.wid58{width:58%!important}.wid59{width:59%!important}.wid60{width:60%!important}.wid61{width:61%!important}.wid62{width:62%!important}.wid63{width:63%!important}.wid64{width:64%!important}.wid65{width:65%!important}.wid66{width:66%!important}.wid67{width:67%!important}.wid68{width:68%!important}.wid69{width:69%!important}.wid70{width:70%!important}.wid71{width:71%!important}.wid72{width:72%!important}.wid73{width:73%!important}.wid74{width:74%!important}.wid75{width:75%!important}.wid76{width:76%!important}.wid77{width:77%!important}.wid78{width:78%!important}.wid79{width:79%!important}.wid80{width:80%!important}.wid81{width:81%!important}.wid82{width:82%!important}.wid83{width:83%!important}.wid84{width:84%!important}.wid85{width:85%!important}.wid85_5{width:85.5%!important}.wid86{width:86%!important}.wid87{width:87%!important}.wid88{width:88%!important}.wid89{width:89%!important}.wid90{width:90%!important}.wid91{width:91%!important}.wid92{width:92%!important}.wid93{width:93%!important}.wid94{width:94%!important}.wid95{width:95%!important}.wid96{width:96%!important}.wid97{width:97%!important}.wid98{width:98%!important}.wid99{width:99%!important}.wid100{width:100%!important}

/* common gap class */
.m0{margin:0 !important}.m5{margin:5px !important}.m10{margin:10px !important}.m15{margin:15px !important}.m20{margin:20px !important}.m25{margin:25px !important}.m30{margin:30px !important}
.mt0{margin-top:0px !important}.mt1{margin-top:1px !important}.mt2{margin-top:2px !important}.mt3{margin-top:3px !important}.mt4{margin-top:4px !important}.mt5{margin-top:5px !important}.mt6{margin-top:6px !important}.mt7{margin-top:7px !important}.mt8{margin-top:8px !important}.mt10{margin-top:10px !important}.mt15{margin-top:15px !important}.mt20{margin-top:20px !important}.mt21{margin-top:20px !important}.mt22{margin-top:22px !important}.mt25{margin-top:25px !important}.mt30{margin-top:30px !important}.mt33{margin-top:33px !important}.mt40{margin-top:40px !important}.mt50{margin-top:50px !important}.mt60{margin-top:60px !important}.mt70{margin-top:70px !important}.mt80{margin-top:80px !important}.mt90{margin-top:90px !important}.mt100{margin-top:100px !important}.mt150{margin-top:150px !important}
.mr0{margin-right:0px !important}.mr1{margin-right:1px !important}.mr2{margin-right:2px !important}.mr3{margin-right:3px !important}.mr4{margin-right:4px !important}.mr5{margin-right:5px !important}.mr6{margin-right:6px !important}.mr7{margin-right:7px !important}.mr8{margin-right:8px !important}.mr9{margin-right:9px !important}.mr10{margin-right:10px !important}.mr15{margin-right:15px !important}.mr18{margin-right:18px !important}.mr20{margin-right:20px !important}.mr25{margin-right:25px !important}.mr30{margin-right:30px !important}.mr35{margin-right:35px !important}.mr40{margin-right:40px !important}.mr45{margin-right:45px !important}.mr50{margin-right:50px !important}
.mb0{margin-bottom:0px !important}.mb1{margin-bottom:1px !important}.mb2{margin-bottom:2px !important}.mb3{margin-bottom:3px !important}.mb4{margin-bottom:4px !important}.mb5{margin-bottom:5px !important}.mb6{margin-bottom:6px !important}.mb7{margin-bottom:7px !important}.mb8{margin-bottom:8px !important}.mb9{margin-bottom:9px !important}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb18{margin-bottom:18px !important}.mb20{margin-bottom:20px !important}.mb25{margin-bottom:25px !important}.mb30{margin-bottom:30px !important}.mb35{margin-bottom:35px !important}.mb40{margin-bottom:40px !important}.mb45{margin-bottom:45px !important}.mb50{margin-bottom:50px !important}
.ml0{margin-left:0px !important}.ml1{margin-left:1px !important}.ml2{margin-left:2px !important}.ml3{margin-left:3px !important}.ml4{margin-left:4px !important}.ml5{margin-left:5px !important}.ml6{margin-left:6px !important}.ml7{margin-left:7px !important}.ml8{margin-left:8px !important}.ml9{margin-left:9px !important}.ml10{margin-left:10px !important}.ml15{margin-left:15px !important}.ml20{margin-left:20px !important}.ml25{margin-left:25px !important}.ml30{margin-left:30px !important}.ml35{margin-left:35px !important}.ml40{margin-left:40px !important}.ml45{margin-left:45px !important}.ml38{margin-left:38px !important}.ml50{margin-left:50px !important}.ml57{margin-left:57px !important}.ml60{margin-left:60px !important}.ml65{margin-left:65px !important}.ml70{margin-left:70px !important}.ml100{margin-left:100px !important}.ml150{margin-left:150px !important}
.pt0{padding-top:0 !important}.pt1{padding-top:1px !important}.pt2{padding-top:2px !important}.pt3{padding-top:3px !important}.pt4{padding-top:4px !important}.pt5{padding-top:5px !important}.pt6{padding-top:6px !important}.pt7{padding-top:7px !important}.pt8{padding-top:8px !important}.pt10{padding-top:10px !important}.pt11{padding-top:11px !important}.pt12{padding-top:12px !important}.pt13{padding-top:13px !important}.pt14{padding-top:14px !important}.pt15{padding-top:15px !important}.pt16{padding-top:16px !important}.pt18{padding-top:18px !important}.pt20{padding-top:20px !important}.pt23{padding-top:23px !important}.pt25{padding-top:25px !important}.pt30{padding-top:30px !important}.pt35{padding-top:35px !important}.pt37{padding-top:37px !important}.pt40{padding-top:40px !important}.pt41{padding-top:41px !important}.pt45{padding-top:45px !important}.pt50{padding-top:50px !important}.pt55{padding-top:55px !important}
.pr0{padding-right:0 !important}.pr1{padding-right:1px !important}.pr2{padding-right:2px !important}.pr3{padding-right:3px !important}.pr4{padding-right:4px !important}.pr5{padding-right:5px !important}.pr6{padding-right:6px !important}.pr7{padding-right:7px !important}.pr8{padding-right:8px !important}.pr9{padding-right:9px !important}.pr10{padding-right:10px !important}.pr15{padding-right:15px !important}.pr17{padding-right:17px !important}.pr20{padding-right:20px !important}.pr25{padding-right:25px !important}.pr30{padding-right:30px !important}.pr35{padding-right:35px !important}.pr40{padding-right:40px !important}.pr45{padding-right:45px !important}.pr50{padding-right:50px !important}.pr51{padding-right:51px !important}.pr60{padding-right:60px !important}
.pb0{padding-bottom:0 !important}.pb1{padding-bottom:1px !important}.pb2{padding-bottom:2px !important}.pb3{padding-bottom:3px !important}.pb4{padding-bottom:4px !important}.pb5{padding-bottom:5px !important}.pb6{padding-bottom:6px !important}.pb7{padding-bottom:7px !important}.pb8{padding-bottom:8px !important}.pb9{padding-bottom:9px !important}.pb10{padding-bottom:10px !important}.pb11{padding-bottom:11px !important}.pb12{padding-bottom:12px !important}.pb13{padding-bottom:13px !important}.pb14{padding-bottom:14px !important}.pb15{padding-bottom:15px !important}.pb18{padding-bottom:18px !important}.pb19{padding-bottom:19px !important}.pb20{padding-bottom:20px !important}.pb24{padding-bottom:24px !important}.pb25{padding-bottom:25px !important}.pb26{padding-bottom:26px !important}.pb30{padding-bottom:30px !important}.pb32{padding-bottom:32px !important}.pb35{padding-bottom:35px !important}.pb40{padding-bottom:40px !important}.pb45{padding-bottom:45px !important}.pb50{padding-bottom:50px !important}.pb60{padding-bottom:60px !important}.pb76{padding-bottom:76px !important}.pb93{padding-bottom:93px !important}.pb150{padding-bottom:150px !important}.pb250{padding-bottom:250px !important}
.pl0{padding-left:0 !important}.pl1{padding-left:1px !important}.pl2{padding-left:2px !important}.pl3{padding-left:3px !important}.pl4{padding-left:4px !important}.pl5{padding-left:5px !important}.pl6{padding-left:6px !important}.pl7{padding-left:7px !important}.pl8{padding-left:8px !important}.pl9{padding-left:9px !important}.pl10{padding-left:10px !important}.pl13{padding-left:13px !important}.pl14{padding-left:14px !important}.pl15{padding-left:15px !important}.pl16{padding-left:16px !important}.pl17{padding-left:17px !important}.pl18{padding-left:18px !important}.pl19{padding-left:19px !important}.pl20{padding-left:20px !important}.pl21{padding-left:21px !important}.pl22{padding-left:22px !important}.pl23{padding-left:23px !important}.pl24{padding-left:24px !important}.pl25{padding-left:25px !important}.pl26{padding-left:26px !important}.pl27{padding-left:27px !important}.pl28{padding-left:28px !important}.pl30{padding-left:30px !important}.pl34{padding-left:34px !important}.pl36{padding-left:36px !important}.pl38{padding-left:38px !important}.pl39{padding-left:39px !important}.pl40{padding-left:40px !important}.pl45{padding-left:45px !important}.pl50{padding-left:50px !important}.pl55{padding-left:55px !important}.pl60{padding-left:60px !important}.pl61{padding-left:61px !important}.pl65{padding-left:65px !important}.pl70{padding-left:70px !important}.pl75{padding-left:75px !important}.pl80{padding-left:80px !important}.pl90{padding-left:90px !important}.pl115{padding-left:115px !important}.pl120{padding-left:120px !important}.pl130{padding-left:130px !important}.pl170{padding-left:170px !important}.pl215{padding-left:215px !important}.pl460px{padding-left:460px !important}
.p0{padding:0 !important}.p1{padding:1px !important}.p2{padding:2px !important}.p3{padding:3px !important}.p4{padding:4px !important}.p5{padding:5px !important}.p6{padding:6px !important}.p7{padding:7px !important}.p8{padding:8px !important}.p10{padding:10px !important}.p15{padding:15px !important}.p20{padding:20px !important}.p25{padding:25px !important}.p30{padding:30px !important}.p35{padding:35px !important}.p40{padding:40px !important}.p45{padding:45px !important}.p50{padding:50px !important}
/*! float 적용 요소 감싸는 클래스 - clearfix */
.cf:before,
.cf:after {content: " "; display: table; }
.cf:after {clear: both; }
.clearfix {*zoom: 1; }

/*! 공통 클래스 스타일 */

/*! 이미지 대체 기법 */
.ir {overflow: hidden; text-indent: -9999em; }

/*! 스크린리더/브라우저에서 모두 감추기 */
.hidden {display: none !important; visibility: hidden; }

/*! 스크린리더에서는 읽기 가능 */
.acc_hidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;visibility:hidden; font-size:0;  }

/*! 스크린리더에서는 읽기 가능 + 포커스 적용 */
.acc_hidden.focusable:active,
.acc_hidden.focusable:focus {clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/*! 화면에서는 안 보이지만, 레이아웃 공간 적용 */
.invisible {visibility: hidden; }

/*
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/NanumGothicBold.eot);
  src: url(/fonts/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothicBold.woff) format('woff');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/NanumGothic.eot);
  src: url(/fonts/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic.woff) format('woff');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/fonts/NanumGothicExtraBold.eot);
  src: url(/fonts/NanumGothicExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothicExtraBold.woff) format('woff');
}

/* 부트스트랩의 기본 스타일을 이곳에서 오버라이딩 한다. */
*{word-break:keep-all;all */all */all */all */all */all */;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {padding: 15px 8px;}
.table>thead>tr>th {vertical-align:middle;}
.table.text-center th,.table.text-center td {text-align:center;}
.table>tbody{border-bottom:1px solid #ddd;}
table th {background: #f8f8f8;height: 50px;vertical-align: middle;}
table {border-top: 2px solid #999;}
.table-header {margin-bottom: 30px;}
.table-header h2 {font-size:19px;margin:5px 0 0 0;padding:0;}
.table-header h2 span {position: relative;top: 3px;}
.modal .modal-content {border:0;}
.modal .modal-header {overflow:hidden; height:61px; padding:0 0 0 15px; background:#0082d4;}
.modal .modal-header button.close {opacity:1; margin:0; text-shadow:none;}
.modal .modal-header h4.modal-title {float:left; font-size:0;}
.modal .modal-header h4.modal-title b {font-size:26px; font-weight:bold; line-height:60px; color:#fff;}
.modal .modal-header h4.modal-title span {opacity:0.5; padding-left:15px; font-size:13px; line-height:60px; color:#fff;}
.modal .modal-body {position:relative;padding:15px 0;}

h1 {font-weight: 600;letter-spacing: -1px;padding-bottom: 20px;margin-bottom: 20px;}
h2 {font-size:26px;padding-top: 15px;padding-bottom: 15px;margin-bottom: 10px;position: relative;}
h2 small {font-size:90%;font-weight:normal;}
h2 select {max-width:150px;float:right;}
h2.line {font-weight:bold;font-size:24px;margin-top: 70px;border-bottom: 1px solid rgb(0,143,212);padding-bottom: 15px;margin-bottom: 30px;}
h2.line.no-bottom {border-bottom:0;}
h2.line::after {content : ' ';position: absolute;left:0;top:0;width:20px;height:3px;background: rgb(0,143,212);}
h2 small.pull-right {font-size:60%;margin-top: 7px;}
h2.line-success {border-color:rgb(153,202,60);}
h2.line-success::after {background:rgb(153,202,60);}
.btn {border-radius: 0;}
.bold {font-weight:bold;}
.btn-ghost {background: transparent;border:1px solid #fff;color:#fff!important;}
.btn-primary {background: rgb(0,143,212);border-color: #0087c8;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active {background: #0087c8;border-color: #0087c8;}
.btn-success {background: rgb(153,202,60);border-color: #94c33a;}
.btn-success:hover,.btn-success:focus,.btn-success:active {background: #94c33a;border-color: #94c33a;}
.btn-gray { color: #fff; background-color: #a5a5a5; border-color: #a5a5a5;}
.btn-gray:focus,.btn-gray.focus {color: #fff;background-color: #008fd5;border-color: #008fd5;}
.btn-gray:hover {color: #fff; background-color: #008fd5; border-color: #008fd5;}
.text-white{color:#ffffff !important;}
.text-blue{color:#0190d6 !important;}
.text-green{color:#99ca3b !important;}
.text-orange{color:#efb509 !important;}
.text-brown{color:#c5760f !important;}
.text-primary {color: rgb(0,143,212)!important;}
.text-success {color:rgb(153,202,60)!important;}
.text-default {color:rgb(92,102,105)!important;}
.text-point {color:rgb(228,108,10)!important;}
.bg-white{background-color:#ffffff !important;}
.bg-blue{background-color:#0190d6 !important;color:#fff}
.bg-green{background-color:#99ca3b !important;color:#fff}
.bg-orange{background-color:#efb509 !important;color:#fff}
.bg-primary {background-color: rgb(0,143,212)!important;}
.bg-success {background-color:rgb(153,202,60)!important;color:#fff}
.bg-default {background-color:rgb(92,102,105)!important;}
.bg-point {background-color:rgb(228,108,10)!important;}
.bg-gray{background-color:rgb(243,243,243)!important;}
.bg-white:hover{background-color:#0190d6 !important;color:#fff}
.bg-blue:hover{background-color:#99ca3b !important;color:#fff}
.bg-green:hover{background-color:#0190d6 !important;color:#fff}
.bg-orange:hover{background-color:#efb509 !important;}
.bg-primary:hover {background-color: rgb(0,143,212)!important;}
.bg-success:hover {background-color:rgb(153,202,60)!important;}
.bg-default:hover {background-color:rgb(92,102,105)!important;}
.bg-point:hover {background-color:rgb(228,108,10)!important;}
.bg-gray:hover{background-color:rgb(243,243,243)!important;}
.bg-white{transition: all 0.5s ease-in-out;}
.bg-blue{transition: all 0.5s ease-in-out;}
.bg-orange{transition: all 0.5s ease-in-out;}
.bg-green{transition: all 0.5s ease-in-out;}

.label-danger {background: rgb(228,108,10);}
.transition {-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.leading {font-size: 16px;}

/* header */
.pc_area{position: relative;z-index:102;width: 100%;background: #008fd5;}
#top {position: relative;z-index:102;max-width: 1140px;margin: 0 auto;height: 32px;}
#top ul {list-style: none;padding: 0;margin:0 0 0 -8px;}
#top ul.pull-right {margin-right: -8px;}
#top ul li {display: inline-block;font-size: 12px;padding: 6px 8px 3px 8px;color:#fff;}
#top a {color: #fff;text-decoration: none;font-weight: 700;font-family: 'Open Sans', sans-serif;}

#nav{position:relative; height: 76px;background: #fff;z-index: 102;margin: 0 auto;}
#nav .container {width:96%; max-width:1140px;}
#header_m{display:none;}
#header-location {background: #ededed;}
#header-location .container {padding-top: 7px;padding-bottom: 7px;font-size:12px;text-align:right;}
#nav .logo{position:absolute;top: 0;margin: 0;height:84px;z-index:120;padding-right:0;}
#nav .logo > a{display:inline-block;width:100%;line-height:70px;}
#nav .logo > a > img{width:100%;max-width: 170px;}
#submenu .container .col-md-2 {width: 13.9%;}
#submenu .container .col-sm-offset-2 .col-md-2:nth-child(3) {width:15%;}
.gnb {position: relative;height: 85px;}
.gnb h1{float:left; margin:0; width:300px;}
.gnb ul{display: block;width: 100%;padding:0;list-style:none;margin-top: 26px;height: 50px;overflow: hidden;}
.gnb ul li {float: left;position: relative;text-align: center;list-style-type: none;width: 13.9%;}
.gnb ul li:nth-child(3) {width: 14.9%;}

@media all and (max-width: 1060px) {
  .gnb ul li {padding:0 4px;}
  .gnb {padding-right:0px !important;}
  #nav .container {width:100%;}
}
.gnb ul li a {display: block;width: 100%;/* padding: 10px 15px; */font-size:17px;font-weight: bold;color: #444;text-decoration:none; line-height:20px;}
.gnb ul li:last-child a {font-size:14px; line-height:24px; color:#333;}
.gnb ul li:last-child a:after {content:"▼"; display:inline-block; padding-left:5px; vertical-align:middle; font-size:10px;}
.gnb ul li a:hover{ color: #008fd5;  }
#snb, #snb1, #snb2, #snb3, #snb4, #snb5 {position: relative;display:none;top: -10px;width:100%;height: 280px;background: url('../images/common/bg_header_sub01.png') no-repeat 60% 100%; background-size:cover;}
#snb h4, #snb h5{font-weight:bold}
#submenu {width:100%; margin:0 auto; color:#fff;}
#submenu ul.submm{display:block;padding-top: 20px;margin-left: -28px;}
#submenu ul.submm li{padding: 0 0 7px;font-weight: 600;}
#submenu ul.submm li h5{font-size:14px;font-weight:bold;margin-bottom: 20px;}
#submenu1 {float:left; text-align:left; width:100px; margin-left:515px; height:133px;}
#submenu2 {float:left; text-align:left; width:100px; margin-left:5px; height:133px;}
#submenu3 {float:left; text-align:left; width:100px; margin-left:5px; height:133px;}
#submenu4 {float:left; text-align:left; width:100px; margin-left:5px; height:133px;}
#submenu4 {float:left; text-align:left; width:100px; margin-left:5px; height:133px;}
#submenu a{display:block; color:#fff; font-size:13px; text-align:center; padding:0 4px; text-decoration:none;}
#submenu a:hover{color:#008fd5;}

/* header - mobile */
#header_m{z-index:5000;background:#fff;}
#header_m .snb_all{background:#444}
#header_m .snb_all > li{position:relative;text-align:center}
#header_m .snb_all > li > a{color:#fff;font-size:15px;padding-left:20px;font-weight:700;text-align:left;}
#header_m .snb_all > li > .depth{display:none;overflow:hidden;width:100%;padding: 0;background:#dadada;}
#header_m .snb_all > li > .depth > li{padding-left:2px;text-align:left;font-size:13px;font-weight:700;line-height:25px;}
#header_m .snb_all > li > .depth > li > a{color:#444;text-decoration:none;border-bottom: 1px solid #f0f0f0;padding-left:20px;}
#header_m .snb_all > li > .depth > li > a:hover{color:#2a6496}
#header_m .snb_all > li > .depth > li > a:focus{color:#2a6496}
#header_m .close_all{height:40px;line-height:40px;background:#008fd5;text-align:right;padding-right:15px}
#header_m .close_all i{color:#fff;font-size:24px;line-height:36px;cursor:pointer;}
#gray-window{display:none;position:fixed;top: 0;background:#000;opacity:0.7;filter:alpha(opacity:'70');width:100%;height:100%;z-index:1000;}
#gray-window{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}

.m_top{height:50px;background: url('../images/common/m_h_bg.jpg') no-repeat 0 100%;background-size:100% 5px;position:relative;z-index:150;}
.m_top h1{background:url('../images/common/logo.jpg') no-repeat 50% 50%; text-indent:-9999px;height:100%; margin:0;; position:absolute; top:0; width:100%; background-size:108px 30px; background-position:50% 40%}
.m_top h1 a{display:block; width:30%; height:100%; margin:0 auto; position:relative; z-index:1;}
.m_top .nav{float:left; position:relative; z-index:5; width:100%;}
.m_top .nav .nav_btn{display:block; position:absolute;width:30px; height:36px;top:12px; left:13px;}
.m_top .nav .nav_btn i{color:#0086d1;font-size:22px;line-height:22px;cursor:pointer;  width:37px; height:30px;}
.m_top .language{float:right; position:relative; z-index:100;top:13px; right:13px;}
.m_top .language a{float:right; position:relative; z-index:100; display:block; font-size:12px;}
.m_top .language .cu_language{border:1px solid #c9c9c9; color:#656565; border-radius:10px;padding:2px 7px; font-size:10px;}
.m_top .language ul{position:absolute; border:1px solid #c9c9c9; color:#656565; border-radius:10px; padding:1px 7px; top:0; background:#fff;}
.m_top .language ul li{line-height:120%}
.m_top .language ul li a{font-size:10px}

/* 계열사 */
.familySite{background:#fff;}
.allMenu_On{display:none; width:1140px; margin:0 auto; padding:32px 0 26px 0}
.allMenu_On ul{overflow:hidden;}
.allMenu_On ul li{float:left; width:25%; padding-bottom:6px;}
.allMenu_On ul li a{color:#3b4145; font-size:14px; font-weight:500; display:block; line-height:50px; margin-right:7px; padding-left:84px;}
.allMenu_On ul li.posi_right a{margin:0;}



/*#98d4fa*/
.allMenu_On ul li#allMenu_bg_gbio a{background:#e5e5e5 url('../images/common/allMenu_bg_gbio.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg01 a{background:#e5e5e5 url('../images/common/allMenu_bg01.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg02 a{background:#e5e5e5 url('../images/common/allMenu_bg02.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg03 a{background:#e5e5e5 url('../images/common/allMenu_bg03.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg04 a{background:#e5e5e5 url('../images/common/allMenu_bg04.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg05 a{background:#e5e5e5 url('../images/common/allMenu_bg05.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg06 a{background:#e5e5e5 url('../images/common/allMenu_bg06.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg07 a{background:#e5e5e5 url('../images/common/allMenu_bg07.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg08 a{background:#e5e5e5 url('../images/common/allMenu_bg08.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg09 a{background:#e5e5e5 url('../images/common/allMenu_bg09.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg10 a{background:#e5e5e5 url('../images/common/allMenu_bg10.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg11 a{background:#e5e5e5 url('../images/common/allMenu_bg11.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg12 a{background:#e5e5e5 url('../images/common/allMenu_bg12.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg13 a{background:#e5e5e5 url('../images/common/allMenu_bg13.png') no-repeat 30px center;}
.allMenu_On ul li#allMenu_bg22 a{background:#e5e5e5 url('../images/common/allMenu_bg22.png') no-repeat 30px center;}

.toggle-m{position: absolute;right: 5%;}
.toggle-m .all_on{display: none;height:30px;color: #fff;margin:10px 18px;padding:0 14px;font-size:13px;line-height:30px;background:#0e79b4;}
.toggle-m .all_off{display:inline-block;height:30px;margin:10px 18px;padding:0 14px;color: #fff;font-size:13px;line-height:30px;background:#0e79b4;}