@charset "utf-8";

/** Animation **/
#header h1.logo,
#header h1.logo a,
#header .mob_btn,
#header .toputil,
#header #nav #gnb,
#header #nav #gnb ul li a span:after,
#header #nav #gnb ul li ul
{transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}


/** Common **/
.js_mobile_check {display:none; position:absolute; left:0; top:-1000px; width:1px; height:1px; line-height:1px;}
#wrap {width:100%; height:auto; margin:0 auto; overflow:hidden;}
.sub #wrap {padding:100px 0 0 0;}


/** Header **/
#slide_map {display:none;}
#header {position:fixed; top:0; left:0; width:100%; height:auto; z-index:2000; background:#fff; }
#header #global {position:relative; background:#464646; color:#fff; width:auto; padding:0 3%;}
#header #global:after {content:""; display:block; clear:both;}
#header #global span {display:inline-block; vertical-align:top; float:left; padding:7px 12px 7px 0;}
#header #global a {display:inline-block; vertical-align:top; background:#373737; color:#fff; padding:7px 20px; float:left; margin-left:2px;}
#header .inner {position:relative; width:100%;border-bottom:3px solid #0d6fb8; }
.sub #header {position:absolute;}	 
#header h1.logo {position:absolute; left:0px; top:25px; z-index:999;}
#header h1.logo a {display:block; background:url(/img/main/logo.png) no-repeat left top; width:280px; height:50px;}
#header h1.logo a span {line-height:1px; font-size:1px; position:absolute; left:-10000px; top:0; overflow:hidden; text-indent:-30000px;}
#header .mob_btn {display:none;}
#header #blind {width:100%; height:100%; position:absolute; left:0; top:100px; z-index:1000; border-top:1px solid #e2e2e2; }
#header #nav {width:1200px; margin:0 auto; height:100px; position:relative; overflow: hidden; min-width:1200px; }
#header #nav #gnb {width:auto; right:0px; margin:0 auto; position:absolute; z-index:1000; max-width:1200px; }
#header #nav #gnb ul {width:100%; height:auto;}
#header #nav #gnb ul:after {content:""; display:block; clear:both;}
#header #nav #gnb ul li {float:left;}
#header #nav #gnb ul li.menu1 {width:150px;}
#header #nav #gnb ul li.menu2 {width:150px;}
#header #nav #gnb ul li.menu3 {width:150px; letter-spacing:-0.05em;}
#header #nav #gnb ul li.menu4 {width:150px; letter-spacing:-0.05em;}
#header #nav #gnb ul li.menu5 {width:150px; letter-spacing:-0.02em;}
#header #nav #gnb ul li.menu6 {width:150px;}
#header #nav #gnb ul li a {display:block; text-align:center; text-decoration:none;}
#header #nav #gnb ul li a span {display:inline-block; vertical-align:top; font-size:17px; height:65px; padding:35px 0 0 0; line-height:30px; color:#222; font-weight:400; position:relative; letter-spacing:-0.02em;}
#header #nav #gnb ul li a span:after {content:""; display:block; height:4px; width:0px; position:absolute; bottom:0; left:50%;}
#header #nav #gnb ul li a.ov span, #header #nav #gnb ul li a:hover span, #header #nav #gnb ul li a:active span {color:#0d6fb8;}
#header #nav #gnb ul li a.ov span:after, #header #nav #gnb ul li a:hover span:after, #header #nav #gnb ul li a:active span:after {width:50%; background:#0d6fb8; left:0; padding-left:50%; opacity:1; -webkit-opacity:1; filter:alpha(opacity=100);}
#header #nav #gnb ul li ul {width:auto; /*padding:20px 9% 30px 10%;*/ padding:15px 0%; margin-top:1px;}
#header #nav #gnb ul li ul.ov {background:#f5f5f5;}
#header #nav #gnb ul li ul li:last-child {display:block;}
#header #nav #gnb ul li ul li {float:none; width:auto; margin:0; text-align:center; }
#header #nav #gnb ul li ul li a {display:inline-block; vertical-align:top; font-size:14px; line-height:24px; height:auto; padding:5px 0; color:#444; text-align:center; letter-spacing:-0.02em;}
/*#header #nav #gnb .lesp{letter-spacing:-0.04em;}*/
#header #nav #gnb ul li ul li a strong {font-weight:normal;}
#header #nav #gnb ul li ul li a:hover, #header #nav #gnb ul li ul li a:active, #header #nav #gnb ul li ul li a.ov { color:#0d6fb8;}
#header #nav #gnb ul li ul li ul {display:none !important;}