@charset "utf-8";


#wrap {width:100%; position: absolute;overflow:hidden; }  
#header {position: absolute;width:100%; min-width:1200px; background:url(/img/menu_bg.png) center top; height:132px; top:0; left:0; z-index:1000;}
#header.fixed {position:fixed; background:#fff;}
#header.prd {background:#fff;}
#header.sub{border-bottom:none;}
/* #header.sub {position:relative; background:#fff;} */

/* 헤더 */

#header .header-inner {/* padding:0 70px; */ max-width:1100px; margin:0 auto; position:relative; }
#header .header-inner:after {content:''; display:block; clear:both;}


#header .top {/* padding:0 70px; */ max-width:1100px; margin:0 auto; position:relative; }
.logo {position:absolute; text-align:left;z-index:1000; padding-top:30px;}


#gnb,
#gnb ul,
#gnb ul li,
#gnb ul li a,
#gnb #menu-button {margin: 0;padding: 0;border: 0;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#gnb #menu-button {display: none;}
#gnb {width: auto;line-height: 1; position: relative; right:0; top:104px; padding-left:16px;}
#gnb > ul > li {float: left;}

#gnb.align-center > ul {text-align: center;}
#gnb.align-center > ul > li {display: inline-block;float: none;}
#gnb.align-center ul ul {text-align: left;}
#gnb.align-right > ul > li {float: right;}
#gnb.align-right ul ul {text-align: right;}

#gnb > ul > li > a {padding: 0px 75px; text-align:center;  height:15px; color:#fff; font-size:15px; font-weight:600;}

/* #header.fixed #gnb > ul > li > a,
#header.sub #gnb > ul > li > a{color:#292929;} */
#header.fixed #gnb > ul > li > a,
body.prd #header.sub #gnb > ul > li > a{color:#fff;}
#header.sub #gnb > ul > li > a{color:#464646; }
#gnb > ul > li:hover > a,
#gnb > ul > li.active > a {/* font-weight:700; */ opacity:.6;}

#gnb ul ul {position: absolute; left: -9999px; padding-top:13px; margin-left:-15px;}
#gnb li:hover > ul {left:-1px;}
#gnb.align-right li:hover > ul {right: 0;}
#gnb ul ul ul {margin-left: 100%; top: -1px; border-bottom:1px solid #333; } 
#gnb.align-right ul ul ul {margin-left: 0;margin-right: 100%;} 
#gnb ul ul li {border-top:1px solid #333;height: 0;-webkit-transition: height .2s ease;-moz-transition: height .2s ease;-ms-transition: height .2s ease;-o-transition: height .2s ease;transition: height .2s ease;  }
#gnb ul ul li:first-child {border-top:0;}
#gnb ul li:hover > ul > li {height: 39px;}
#gnb ul ul li a {border:0px solid #dadada; border-top:0;padding: 12px 12px; width: 220px;font-size: 12px; line-height:17px;background: #000;text-decoration: none;color: #fff;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease;}
#gnb ul ul li:hover > a,
#gnb ul ul li a:hover {background: #2cc0d5; color:#fff;}

#gnb ul ul li.has-sub > a::after {position: absolute;top: 20px;right: 10px;width: 4px;height: 4px;border-bottom: 1px solid #585858;border-right: 1px solid #585858;content: "";-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: border-color 0.2s ease;-moz-transition: border-color 0.2s ease;-ms-transition: border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}

#gnb.align-right ul ul li.has-sub > a::after {right: auto;left: 0px;border-bottom: 0;border-right: 0;border-top: 1px solid #585858;border-left: 1px solid #585858;}

#gnb ul ul ul li {border-top:0;}
#gnb ul ul ul li:first-child {}
#gnb ul ul ul li a {border:0; border-right:1px solid #dadada; background:#fff; padding-left:28px; border-left:1px solid #dadada;}
#gnb ul ul ul li:first-child a {border-left:0;}
#gnb ul ul ul li a:hover {border-right:1px solid #dadada; text-decoration:underline;}
#gnb > ul.smallLink{display:none;}

#header .topmenu {position:absolute; width:100%; *zoom:1; padding-top:25px; z-index:20;}
#header .topmenu .inner{max-width:1100px; margin:0 auto;}
#header .topmenu .inner:after {content:''; display:block; clear:both;}
#header .topmenu .inner .util {float:right; background:rgba(255,255,255,0.7);border-radius:22px; padding-right:10px; }
#header .topmenu .inner .util ul:after {content:''; display:block; clear:both;}
#header .topmenu .inner .util li {float:left; }
#header .topmenu .inner .util li a {display:block; font-weight:bold; line-height: 2; font-size:12px; color:#555; padding-left:10px;}