@charset "utf-8";


#wrap {width:100%; min-width:1200px;position:relative; overflow:hidden;}
#header {position:relative; width:100%; min-width:1200px; background:#fff; height:96px; 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:1200px; margin:0 auto; position:relative;}
#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; margin-top:5px;}


#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; float:right; top:22px;}
#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 {margin-right:20px; padding: 15px 0px 20px 28px;font-size: 18px; text-decoration: none;color: #4d4f59;letter-spacing:-0.03em;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease; font-weight:500;}

/* #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;border-top:0px solid #97bcc6; width: 180px; margin-left:-25px; background: #fff;}
#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 #97bcc6;}
#gnb.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
#gnb ul ul li {border-top:0px solid #293766;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: 35px;}
#gnb ul ul li a {font-size: 0.820rem; text-align:center; line-height:35px;text-decoration: none;color: #747474;-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 {width:160px; margin:0 auto; background: #3fb2bc; 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;}


.topmenu { width:100%; }
.topmenu .inner{max-width:1020px; margin:0 auto;}
.topmenu .inner .util {text-align:right; }
.topmenu .inner .util li {}
.topmenu .inner .util li a {display:block;color:#fff; margin:0 12px; line-height: 3; font-size:11px;}