@charset "utf-8";

.gnb_wrap{position: absolute; right:15px; overflow: hidden;}
.gnb_wrap.active{width:100%; height:100%; background-color: #0798c8; top:0; margin-top:0; position: fixed; right:0;}
.gnb_wrap.active #gnb{position: absolute; display:block; width:100%; height:100%;}
.gnb_wrap.active .gnb_containor > li{width:100%; margin-left:0; text-align: left; overflow: hidden; padding:10px;}
.gnb_wrap.active .gnb_containor > li > ul{height:0; display:none; position: static; padding-top: 0;}
.gnb_wrap.active .gnb_containor > li > ul > li > a{background-color: transparent; color:#000; padding-top:10px; padding-bottom:10px;}
.gnb_wrap.active .gnb_containor > li:hover{overflow: visible;}
.gnb_wrap.active .gnb_containor > li:hover > ul{height:auto; display:block;}
.gnb_containor > li {float:left; font-size:16px; font-size:1.6rem; line-height:22px; line-height:2.2rem; font-weight:bold; letter-spacing:-0.045em; margin-left:30px; margin-right:30px;}
.gnb_containor > li:first-child {margin-left:0;}
.gnb_containor > li:last-child {margin-right:0;}
.gnb_containor > li > a{display:block; color:#000;}
.gnb_containor > li > a + ul { position: absolute; text-align: left; padding-top:48px; display:none;}
.gnb_containor > li > a.active + ul {display:block;}
.gnb_containor > li > a + ul > li {font-size:15px; font-size:1.5rem; line-height: 21px; line-height:2.1rem; font-weight: bold; letter-spacing: -0.025em; }
.gnb_containor > li > a + ul > li > a{padding-top:18px; padding-bottom:16px; padding-left:28px; padding-right:22px; display:block; color:#aeaeab; box-sizing: border-box; background-color: #1c1c1b;  }
.gnb_containor > li > a + ul > li:first-child > a{border-top:none;}
.gnb_containor > li > a + ul > li > a > span{}



.gnb_wrap .gnb_icon{cursor: pointer;}
.gnb_wrap.active .gnb_icon{display:none;}
.gnb_wrap.active .gnb_close_btn{display:block; position: absolute; top:15px; right:15px; cursor: pointer;}


/* 스크립트 */
/* gnb > li > a 에 active 시 미리 gnb > li > a > ul의 높이 + gnb > li의높이(22) 를 더해서 gnb_wrap에 height 부여! */


/* gnb_icon 누를 시 gnb_wrap에 active 부여 */