header { font-family:"notokr-regular"; border-bottom:1px solid #e1e1e1; position: relative; }
header .htop { overflow:hidden; border-bottom:1px solid #ededed; }
header .htop .article { padding:5px 0; }
header .htop .call {font-size:12px; padding-left:20px; background:url("../img/common/ico_tel.gif") no-repeat left center}
header .htop ul {overflow:hidden; float:right; }
header .htop ul li { float:left; text-align:center; font-size:12px; }
header .htop ul li form { display:block; margin:6px 0 0; position:relative; }
header .htop ul li input { display:block; border:1px solid #ccc; height:22px; width:200px; margin:0; padding:0 50px 0 0;}
header .htop ul li button { display:block; font-size:12px; position:absolute; top:0; right:0; width:45px; text-align:center; height:22px; border:1px solid #ccc; line-height:0; }
header .htop ul li a {display:block; font-size:12px; padding:0 10px; }

header .gnb-wrap #main-logo {position:relative;left:-16px; float:left; margin:10px 0; }
header .gnb-wrap #main-logo a { display:block; width:150px; }

header .gnb-wrap #main-gnb {float:right; overflow:hidden; margin:14px 0 0; }
header .gnb-wrap #main-gnb li {float:left; }
header .gnb-wrap #main-gnb li a {display:block; font-size:16px; padding:20px 30px; font-weight:700; }
header .gnb-wrap #main-gnb li a:hover ,
header .gnb-wrap #main-gnb li a.on { color:#000; }

header .gnb-wrap #main-gnb li.m1 a:hover ,
header .gnb-wrap #main-gnb li.m1 a.on { color:#245d92; }
header .gnb-wrap #main-gnb li.m2 a:hover ,
header .gnb-wrap #main-gnb li.m2 a.on { color:#6a9732; }
header .gnb-wrap #main-gnb li.m3 a:hover ,
header .gnb-wrap #main-gnb li.m3 a.on { color:#0ba29b; }
header .gnb-wrap #main-gnb li.m4 a:hover ,
header .gnb-wrap #main-gnb li.m4 a.on { color:#6e1c44; }

header .gnb-sub {position:absolute; z-index:999; width:100%; background:#000; filter:alpha(opacity=70); opacity:0.7; overflow:hidden; display:none; }
header .gnb-sub .article { position:relative; overflow: hidden;}
header .gnb-sub .article .sub-wrap {float:right; overflow: hidden; padding:20px 0 25px}
header .gnb-sub ul {float:left; min-height:156px; width:118.8px; border-right:1px solid #ccc; opacity:0; text-align:center; }
header .gnb-sub ul.sub01 { }
header .gnb-sub ul.sub02 { }
header .gnb-sub ul.sub03 { }
header .gnb-sub ul.sub04 { }
header .gnb-sub ul.sub05 { border-right:none; }
header .gnb-sub ul li a {display:block; padding:0 10px; color:#fff; font-size:13px; line-height:2.0; font-family:'Nanum Gothic', 'dotum', 'applegothic'; letter-spacing: -1.5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
header .gnb-sub ul li a:hover {font-weight:800}

header > .article { position:relative; overflow:visible; }
header > .article .quick { position:absolute; top:50px; right:-165px; z-index:1000; }
header > .article .quick li { width:115px; }
header > .article .quick li a { display:block; }

@media all and (max-width:1450px){
header > .article .quick { display:none; }
}