@charset "utf-8";

#top_menu_area{width:100%;height:100px;font-family: 'SBAggroL','Noto Sans KR';}
.top_menu_warp{position:relative;width:100%;height:100px;margin:0 auto}
.top_menu_warp .logo{position:absolute;top:13px;left:70px}

#way_hd.fixed{position:fixed;top:0;left:0;z-index:100;width:100%;-webkit-animation:updown .4s;-ms-animation:updown .4s;animation:updown .4s;box-shadow:2px 2px 1px 1px rgba(0, 0, 0, 0.03);background:#02344d}
@-webkit-keyframes updown{from{top:-100px}to{top:0}}
@-ms-keyframes updown{from{top:-100px}to{top:0}}
@keyframes updown{from{top:-100px}to{top:0}}

/*메뉴영역*/
#way_top_nav {position:absolute;top:26px;right:70px}
#way_top_nav>li {display:block;float:left;position:relative;padding:0 10px;font-size:15px;color:#fff;letter-spacing:-0.3px;text-align:center;}
#way_top_nav>li>a {display:block;padding:17px 0 40px 0;font-size:15px;color:#fff;zoom:1}
#way_top_nav>li>a.hov{color:#1eb4fa}
#way_top_nav>li:last-child{padding-right:0}
#way_top_nav>li:last-child a{padding-top:12px}
#way_top_nav>li:nth-child(3) > a,#way_top_nav>li:nth-child(4) > a{padding-top:12px}

#way_top_nav ul {display:none;position:absolute;top:72px;left:-19px;width:150px;padding:10px 0;border-top:2px solid #1eb4fa;background:#fff}
#way_top_nav ul li {float:none;margin-left:0;font-size:14px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}
#way_top_nav ul li:last-child{border-bottom:none}
#way_top_nav ul a {display:block;width:100%;height:100%;color:#666}
#way_top_nav ul a:hover{color: #1eb4fa}
#way_top_nav ul>li>a{padding:13px 20px}

/*소메뉴 개별크기*/
#way_top_nav .nav_li:nth-child(1) ul{width:179px;left:-35px}
#way_top_nav .nav_li:nth-child(2) ul{width:280px;left:-90px}
#way_top_nav .nav_li:nth-child(3) ul{width:200px;left:16px;}
#way_top_nav .nav_li:nth-child(4) ul{width:181px;left:-31px}
#way_top_nav .nav_li:nth-child(5) ul{width:338px;left:-121px;}
#way_top_nav .nav_li:nth-child(6) ul{left:-49px}
#way_top_nav .nav_li:nth-child(7) ul{width:245px;left:-80px}
#way_top_nav .nav_li:nth-child(8) ul{left:-41px}
#way_top_nav .nav_li:nth-child(9) ul{left:7px}

/* 메뉴 전체보기 버튼 */
#allmn_btn_wrap{position:absolute;top:40px;right:20px;z-index:1002;width:25px;height:25px;display:none}
#allmn_btn_wrap, #allmn_btn_wrap *{box-sizing:border-box}
#allmn_btn{display:block;position:relative;width:100%;height:100%;cursor:pointer;transition:all .2s}
#allmn_btn span, #allmn_btn span:before{position:absolute;z-index:20;width:25px;height:2px;background-color:#fff}
#allmn_btn span, #allmn_btn span:after{position:absolute;z-index:20;width:25px;height:2px;background-color:#fff}
#allmn_btn span{top:50%;right:0;margin-top:-1px;-webkit-transition:all ease .2s;transition:all ease .2s}
#allmn_btn span:before, #allmn_btn span:after{content:'';right:0;z-index:-1;-webkit-transition:all ease .2s;transition:all ease .2s}
#allmn_btn span:before{top:-8px}
#allmn_btn span:after{top:8px}
#allmn_btn.active{z-index:200;}
#allmn_btn.active span{background-color:transparent}
#allmn_btn.active span:before{-webkit-transform:translateY(4px) translateX(0) rotate(45deg);-ms-transform:translateY(4px) translateX(0) rotate(45deg);transform:translateY(4px) translateX(0) rotate(45deg);background:#333}
#allmn_btn.active span:after{width:25px;top:2px;-webkit-transform:translateY(-6px) translateX(0) rotate(-45deg);-ms-transform:translateY(-6px) translateX(0) rotate(-45deg);transform:translateY(-6px) translateX(0) rotate(-45deg);background:#333}
#allmn_btn_wrap.active{position:fixed}

#allmn_btn_wrap2{width:25px;height:25px}
#allmn_btn2{display:block;position:relative;width:100%;height:100%;cursor:pointer;transition:all .2s}
#allmn_btn2 span, #allmn_btn2 span:before{position:absolute;z-index:20;width:25px;height:2px;background-color:#fff}
#allmn_btn2 span, #allmn_btn2 span:after{position:absolute;z-index:20;width:25px;height:2px;background-color:#fff}
#allmn_btn2 span{top:50%;right:0;margin-top:-1px;-webkit-transition:all ease .2s;transition:all ease .2s}
#allmn_btn2 span:before, #allmn_btn2 span:after{content:'';right:0;z-index:-1;-webkit-transition:all ease .2s;transition:all ease .2s}
#allmn_btn2 span:before{top:-8px}
#allmn_btn2 span:after{top:8px}


/* 상단 버튼 및 오픈메뉴 */
#navWrap{display:none;position:fixed;right:0;top:0;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,.7);font-family:'SBAggroL','Noto Sans KR';}
#navWrap .inner{opacity:0;overflow-y: scroll;position:fixed;right:-40px;top:0;z-index:6;min-width:280px;width:75%;height:100%;padding:75px 0;background-color:#fff;-webkit-transition:all .1s;transition:all .1s}
#navWrap .inner:before{position:absolute;right:-40px;opacity:0;transition:all .4s;content:'';}
#navWrap.on .inner{opacity:1;right:0;-webkit-transition:all .4s;transition:all .4s}
#navWrap.on .inner:before{position:fixed;top:0;right:0;z-index:100;min-width:280px;width:75%;height:70px;background:#fff;opacity:1}

/* 대분류 */
#navWrap .lnb .bmenu{display:block;position:relative;width:100%;height:45px;padding:0 20px;border:none;border-bottom:1px solid #ddd;background:none;font-size:14px;line-height:45px;color:#333;text-align:left;font-family: 'SBAggroL','Noto Sans KR';}
#navWrap .lnb .bmenu:after{float:right;content:"\f107";font-family:'fontawesome'}
#navWrap .lnb .bmenu.on:after{content:"\f106"}
#navWrap .lnb .mn_empty{line-height:100px;text-align:center}

/* 소분류 */
#navWrap .smenu{display:none;padding:15px 20px;border-bottom:1px solid #ddd;background-color:#f2f3f5}
#navWrap .smenu li a{display:block;padding:5px 0;font-size:14px;color:#777}

@media (max-width: 1800px) {
.top_menu_warp .logo{left:5px}
#way_top_nav{right:5px}
#way_top_nav>li>a{font-size:14px}
}

@media (max-width: 1400px) {
#top_menu_area, .top_menu_warp{height:70px}	
.top_menu_warp .logo{top:5px;left:20px}
.top_menu_warp .logo img{height:60px}
#allmn_btn_wrap{display:block;top:21px}
#way_top_nav{display:none}
}

@media (max-width: 1024px) {
.top_menu_warp .logo img{max-width:180px}
}