@charset "utf-8";



#header {position: relative; width:100%; min-width:1200px; background:url("../img/top_bg.gif") 0 50%; height:109px; top:0; left:0; z-index:1000;}



/* 헤더 */

#header .header-inner {/* padding:0 70px; */ max-width:1200px; margin:0 auto; text-align:right; }
#header .header-inner:after {content:''; display:block; clear:both;}


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


#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 {line-height: 1; right:0; top:58px;}
#gnb > ul > li {display:inline-block; *display:inline; *zoom:1;}

#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 0px 0px 90px; text-align:center;  height:15px; }

/* #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:#464646;}
#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:36px; padding-left:40px; text-align:left;}
#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: auto;}
#gnb ul ul li a {border:0px solid #dadada; border-top:0;padding: 12px 12px; width: 188px;font-size: 13px;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: #19293d; 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:0px; z-index:20;}
#header .topmenu .inner{max-width:1200px; margin:0 auto; padding-top:3px;}
#header .topmenu .inner:after {content:''; display:block; clear:both;}
#header .topmenu .inner .util {float:right; }
#header .topmenu .inner .util ul:after {content:''; display:block; clear:both; }
#header .topmenu .inner .util li {float:left; padding:0 10px; background:#2d3238; border-radius:20px; margin-left:5px; }
#header .topmenu .inner .util li a {display:block; font-weight:500;  line-height: 3; font-size:11px; color:#fff; }
*/

#header .topmenu {position:absolute; width:100%; *zoom:1; padding-top:0px; z-index:20;}
#header .topmenu .inner{max-width:1200px; margin:0 auto; padding-top:10px;}
#header .topmenu .inner:after {content:''; display:block; clear:both;}
#header .topmenu .inner .util {float:right; }
#header .topmenu .inner .util ul:after {content:''; display:block; clear:both; }
#header .topmenu .inner .util li {float:left; border-radius:20px; margin-left:5px; }
#header .topmenu .inner .util li a {display:block; font-weight:600;  font-size:12px; color:#3a3a3a; }