@charset "utf-8";

/* gnb */
.gnb_wrap {overflow: hidden; position: relative;}
.gnb_wrap > li {color:#fff; float:left; font-size: 17px; font-size: 1.7rem; line-height: 2.3rem; font-weight: 100; margin-left: 50px; padding-bottom: 10px;}
.gnb_wrap > li:first-child {margin-left: 0;}
.gnb_wrap > li > a {display: inline-block; padding-bottom: 10px; border-bottom:2px solid transparent;}
.gnb_wrap > li:hover > a{border-bottom:2px solid #75b40d;}
.gnb_wrap > li > a.active {border-bottom:2px solid #75b40d;}
.gnb_wrap > li > ul {height: 0; overflow: hidden; position: absolute; margin-top: 10px; width:100%; left:-7px;}
.gnb_wrap > li > ul > li {float: left; margin-left: 7px; margin-right:7px; font-size: 13px;}

.header_wrap .mobile_gnb{cursor: pointer;}
.main_logo_con .logo_title1{color:#fff;}
.main_logo_con .logo_subtitle1{color:#fff; letter-spacing:0.7em;}
#gnb .close_btn{cursor: pointer; position: absolute; right:15px; top:15px; z-index: 200; display:none;}
#gnb.active .close_btn{display:block;}
#gnb #domId li.open > ul{display:none;}
#gnb #domId > li:hover > ul {display:block; padding:0 !important;}
#gnb #domId li:hover > a{font-weight:100;}
#gnb #domId li > a.active{font-weight:100;}


#gnb.active .gnb_wrap{display:block; background-color: #000; top:0; left:0; height:100%;  position: fixed; width:100%; padding-left:15px;}
#gnb.active .gnb_wrap > li{width:100%; margin-left:0; padding:20px 0; color:#75b40d;}
#gnb.active .gnb_wrap > li a{border-bottom:none !important;}
#gnb.active .gnb_wrap > li > ul{position: relative; left:0;}
#gnb.active .gnb_wrap > li > ul > li{width:100%;margin-left:0; margin-right:0; padding:10px; }
/* //gnb */