@import url(/hd/top_menu/style.css);

@media(max-width: 1280px){	
.top_menu_warp{width:calc(100% - 4rem)}
.top_menu_warp .logo img{max-width:27rem}

#way_top_nav{left:auto;right:16rem;transform:translateY(-50%)}
#way_top_nav .nav_li > .nav_name{padding:0.5rem 1.5rem 0}
#way_hd .top_menu_warp{height:9rem}
#way_hd .mypage_btn{width:5rem;height:5rem;right:6rem}
#way_hd .top_btn{width:5rem;height:5rem;padding:0 1.5rem}



}
@media(max-width: 1024px){
#way_hd .top_btn.pc_all_btn{display:none}    
#way_hd .top_btn.m_all_btn{display:flex}
#way_hd .top_tip_area{display:none}


#way_hd .top_menu_warp{height:8rem}
#way_hd.on{top:0}
#way_hd.on .top_menu_warp{height:8rem}

#way_top_nav{display:none}
.top_menu_warp .logo img{max-width:26rem}
}
@media(max-width: 767px){
.top_menu_warp .logo img{max-width:24rem}

#way_hd .top_menu_warp{height:7rem}
#way_hd.on .top_menu_warp{height:7rem}

}
@media(max-width: 480px){
#way_hd .top_menu_warp{height:7rem}
#way_hd.on .top_menu_warp{height:7rem}
#navWrap .inner, #navWrap .inner, #navWrap.on .inner:before{width:70%}
.top_menu_warp .logo img{max-width:22rem}

#way_hd .mypage_btn, #way_hd.on .mypage_btn{width:4.5rem;height:4.5rem;right:5.5rem}
#way_hd .mypage_btn img{width:2rem}
#way_hd .top_btn, #way_hd.on .top_btn{width:4.5rem;height:4.5rem;padding:0 1.25rem}


}


@media(max-width: 320px){
.top_menu_warp .logo img{max-width:20rem}
}