/* header */
#header{width:100%; height:100px; position:relative;}
#header:after{content:""; display:block; clear:both;}
.m980 {width:980px; margin:0 auto;}

#header .headerTop{width:100%; min-width:980px; height:50px;  background:#23272b; padding-top:10px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {#header .headerTop{padding-top:10px; height:50px; }}
#header .headerTop .headerTop_right{float:right; height:45px; font-size:15px; color:#fff; white-space: pre;}
#header .headerTop .headerTop_right span{ font-size:25px; font-weight:600; color:#ffea00;}

.blogbt {padding-left:20px;}


#header .header_btm {width:980px; margin:0 auto;}
#header .header_btm .header_logo{float:left; top:0px; left:0%; }
#header .header_btm .header_logo li {display:inline-block; *display:inline; *zoom:1; }

.header_link{width:890px; height:0px; margin:0 auto; text-align:right; padding-top:6px; padding-left:0px;}
.header_link li {display:inline-block; *display:inline; *zoom:1; padding:0 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; z-index:20000;}
#gnb #menu-button {display: none;}
#gnb {width: auto;line-height: 1; position: relative; float:right; top:26px; font-size:0; width:735px;  background:url("/img/menu_bg.gif") no-repeat center top; }
@media screen and (-webkit-min-device-pixel-ratio:0) {#gnb {top:26px;}}
#gnb > ul > li {display:inline-block; *display:inline; *zoom:1; background:url("/img/line.png") no-repeat left 22px; }
#gnb > ul > li:first-child {background:none;}

#gnb > ul > li span {font-size:7px; letter-spacing:0.3px; opacity:.4; display:block;}

#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:0px; padding: 0px 40px;font-size: 15px; 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; line-height:60px; text-align:center;}

@media screen and (-webkit-min-device-pixel-ratio:0) {#gnb {top:26px;}}

@media screen and (-webkit-min-device-pixel-ratio:0) {#gnb > ul > li > a {line-height:57px;}}

/* #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; */ background:url("/img/menu_on.png") no-repeat center 15px; color:#689931; }

#gnb ul ul {position: absolute;left: -9999px;border-top:0px solid #97bcc6; padding-top:0px; margin-left:-10px;}
#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: 0px;margin-right: 100%;}
#gnb ul ul li {border-top:1px solid #f3f3f3;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 #97bcc6; border-top:0;padding: 12px 12px; width: 150px;font-size: 12px;line-height:17px;background: #fbfbfb;text-decoration: none;color: #333;-webkit-transition: color .2s ease;-moz-transition: color .2s ease;-ms-transition: color .2s ease;-o-transition: color .2s ease;transition: color .2s ease; border-radius:2px;}
#gnb ul ul li:hover > a,
#gnb ul ul li a:hover {background: #699b31; 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;}



 .category{width:100%;height:100%;z-index:99; padding-top:20px;}
 .category .cate{width:100%;height:83px;margin:auto;text-align:center;}
 .category .cate > li{display:inline-block;position:relative;margin:0 20px;font-size:18px; font-weight:500; letter-spacing:-0.5px;}
 .category .cate > li > a:hover{color:#ddd;font-weight:500;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
 .category .cate > li > a{color:#444;font-weight:500;}
 .category .cate > li ol{position:absolute;top:50px;width:170px;left:50%;margin-left:-75px;z-index:99;background:#fff;display:none;padding:15px 0;}
 .category .cate > li ol > li{width:155px;height:28px;line-height:28px;font-size:13px;margin:2px 7.5px;text-align:left; font-weight:400;}
 .category .cate > li ol > li a{padding-left:12px;display:block;background:none;}
 .category .cate > li ol > li:hover{background:#0058a0;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
 .category .cate > li ol > li:hover a{padding-left:16px;color:#fff;background:url('/img/cate_arr.png') no-repeat;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
 
 .cate_right{float:right;padding-right:0px;}
 .cate_right a{font-size:11px;color:#555;margin-left:20px; opacity:.6;}