@charset "utf-8";

#way_hd{width:100%;background:#fff;position:fixed;top:0;left:0;z-index:100;transition:all .3s;}
#way_hd.hd_scroll{box-shadow:0 0 1rem rgba(0,0,0,.1);top:-5rem;}
#way_hd.sub{border-bottom:1px solid #ddd}

/*tip_menu*/
#way_hd .tip_menu{width:100%;height:5rem;background:#000}
#way_hd .tip_menu .inner{max-width:160rem;width:calc(100% - 4rem);height:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}
#way_hd .tip_menu .inner ul{display:flex;flex-wrap:wrap;align-items: center;}
#way_hd .tip_menu .inner ul li{padding-right:1rem;margin-right:1rem;font-size:1.5rem;line-height:4.6rem;color:rgba(255,255,255,.8);position:relative}
#way_hd .tip_menu .inner ul li.favorite{cursor:pointer}
#way_hd .tip_menu .inner ul li a{color:rgba(255,255,255,.8);transition:all .3s}
#way_hd .tip_menu .inner ul li:before{content:'';width:1px;height:1rem;background:rgba(255,255,255,.3);position:absolute;top:50%;right:0;transform:translateY(-50%)}
#way_hd .tip_menu .inner ul li:last-child{padding-right:0;margin-right:0}
#way_hd .tip_menu .inner ul li:last-child:before{display:none}
#way_hd .tip_menu .inner ul li img{display:inline-block;width:1.7rem;margin-right:.5rem;vertical-align:-3px;opacity:.7;transition:all .3s}
#way_hd .tip_menu .inner ul li:hover a, #way_hd .tip_menu .inner ul li:hover{color:#fff}
#way_hd .tip_menu .inner ul li:hover img{opacity:1}

#way_hd .tip_menu .inner ul li.home{width:10rem;height:100%;padding:0;margin-right:2rem;background:#fff}
#way_hd .tip_menu .inner ul li.home a{display:block;width:100%;height:100%;color:#222;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}


/*상단네비영역*/
#way_hd .top_menu_area{width:100%;height:11.5rem;background:#fff}
#way_hd .top_menu_area .top_menu_inner{max-width:160rem;width:calc(100% - 4rem);height:100%;margin:0 auto;position:relative}

#way_hd .logo{height:100%;position:absolute;left:0;top:0} 
#way_hd .logo a{height:100%;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center}


/*상단네비*/
#way_hd .nav_list_area{position:absolute;left:22rem;top:50%;transform:translateY(-50%);display:flex;flex-wrap:wrap;align-items:center;}

/*pc 전체보기 버튼*/
#way_hd .menu_icon {width:4rem;height:4rem;border:1px solid #ddd;border-radius:3px;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column}
#way_hd .menu_icon .mn_icon_line {position: relative;display: block;width:15px;height:2px;margin-bottom:3px;background:#222;transition:transform .2s ease}
#way_hd .menu_icon .mn_icon_r {margin-bottom: 0}

#way_hd .menu_icon.active .mn_icon_line {width:15px;margin-bottom:0;transform: translateX(0px) rotate(-45deg)}
#way_hd .menu_icon.active .mn_icon_l {left:-1px;top:1px;transform: translateX(1px) rotate(45deg)}
#way_hd .menu_icon.active .mn_icon_c {top:-1px}
#way_hd .menu_icon.active .mn_icon_r {display: none}


/*전체카테고리 버튼*/
#way_hd .all_cate{padding-right:3rem;margin-right:3rem;position:relative}
#way_hd .all_cate:before{content:'';width:1px;height:2rem;background:#ddd;position:absolute;top:50%;right:0;transform:translateY(-50%)}
#way_hd .all_cate_btn{width:100%;font-size:1.8rem;font-weight:500;color:#222;cursor:pointer;display:flex;flex-wrap:wrap;align-items:center;gap:1rem} 

#way_hd .all_cate .shop_cate{width:44rem;border:1px solid #ddd;background:#fff;position:absolute;top:7.7rem;left:0;display:none;overflow-y:auto}
#way_hd .all_cate .shop_cate::-webkit-scrollbar {width:.5rem;}
#way_hd .all_cate .shop_cate::-webkit-scrollbar-thumb {height:20%;background:#222;border-radius:.5rem}
#way_hd .all_cate .shop_cate::-webkit-scrollbar-track {background:#f2f2f2}

#way_hd .all_cate .shop_cate .cate_list{width:50%;min-height:25rem;border-right:1px solid #ddd;text-align:left}
#way_hd .all_cate .shop_cate .cate_list > li{width:100%;height:5rem;padding:0 3rem;font-size:1.6rem;line-height:5rem;color:#333;cursor:pointer}
#way_hd .all_cate .shop_cate .cate_list > li.active, #way_hd .nav_area .all_btn_area .shop_cate .cate_list > li:hover{background:#f7f7f7;font-weight:700;color:#000}
#way_hd .all_cate .shop_cate .cate_list .cate_s_list.active{display:block}
#way_hd .all_cate .shop_cate .cate_list .cate_s_list{width:50%;padding:1.5rem 3rem;position:absolute;right:0;top:0;display:none}
#way_hd .all_cate .shop_cate .cate_list .cate_s_list li{padding-bottom:1.5rem;font-weight:normal;font-size:1.5rem;line-height:150%}
#way_hd .all_cate .shop_cate .cate_list .cate_s_list li a{color:#666}
#way_hd .all_cate .shop_cate .cate_list .cate_s_list li a:hover{color:#000}



#way_hd .nav_list{display:flex;flex-wrap:wrap;align-items:center;gap:3rem}
#way_hd .nav_list li a{font-size:1.8rem;color:#222}

/*상단아이콘*/
#way_hd .shop_icon {position: absolute;right: 0;top: 50%;transform: translateY(-50%);display: flex;flex-wrap: wrap;gap:2rem}
#way_hd .shop_icon li {position:relative}
#way_hd .shop_icon .icon_tit {width:8rem;height:2.2rem;border-radius:2.2rem;border:1px solid #ddd;font-weight:500;font-size:1.3rem;text-align:center;line-height:2rem;color:#333;background:#fff;position:absolute;bottom:-2rem;left:50%;transform:translateX(-50%);opacity:0;transition: all .3s}

#way_hd .shop_icon .cart_icon .cart_count{padding:2px .8rem;border-radius:2rem;background:#000;font-weight:500;font-size:10px;color:#fff;position:absolute;bottom:-.7rem;right:-1.1rem}

#way_hd .shop_icon li:hover .icon_tit {bottom:-2.8rem;opacity:1}

#way_hd .sch_area{width:25rem;height:4.5rem;position:absolute;top:50%;right:14rem;transform:translateY(-50%)}
#way_hd .sch_area form{display:block;width:100%;height:100%}
#way_hd .sch_area .sch_input{width:100%;height:100%;float:left;position:relative}
#way_hd .sch_area .sch_input input{width:100%;height:100%;padding:0 5rem 0 2rem;border:0;border-radius:5rem;background:#f7f7f7}
#way_hd .sch_area .sch_input label{font-weight:500;font-size:1.5rem;color:#999;position:absolute;left:2rem;top:50%;transform:translateY(-50%)}
#way_hd .sch_area .sch_input label.skip{display:none}
#way_hd .sch_area .s_btn{width:4.5rem;height:4.5rem;border-radius:5rem;position:absolute;top:0;right:1rem;cursor:pointer}


/*모바일 검색*/
#way_hd .m_sch_icon{display:none;width:4.5rem;height:4.5rem;border-radius:4.5rem;background:#f7f7f7;position:absolute;right:14rem;top:50%;transform:translateY(-50%);flex-wrap:wrap;align-items:center;justify-content: center;}

/*모바일 검색창 영역*/
#way_hd .m_sch_area {width: 100%;height: 10rem;background: #fff;position: fixed;top: -10rem;left: 50%;transform: translateX(-50%);z-index: 200;transition: top .3s}
#way_hd .m_sch_area .sch_close {width: 5rem;height: 5rem;border-radius: 5rem;background:#fff;position: absolute;left: 50%;top: 8rem;opacity: 0;transform: translateX(-50%);transition: all .3s;}
#way_hd .m_sch_area .sch_close img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#way_hd .m_sch_area .top_sch {max-width: 600px;width: calc(100% - 3rem);height: 5rem;border-radius: .5rem;border: 1px solid #ddd;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);overflow: hidden;}
#way_hd .m_sch_area .top_sch form {width: 100%;height: 100%;display: flex}
#way_hd .m_sch_area .top_sch .sch_input {width: calc(100% - 5rem);height: 100%;position: relative}
#way_hd .m_sch_area .top_sch .sch_input .input_search {width: 100%;height: 100%;border: 0;padding: 0 1rem;font-size: 1.5rem;color: #333}
#way_hd .m_sch_area .top_sch .sch_input label {padding-right: 2rem;font-size: 1.5rem;line-height: 120%;color: #999;position: absolute;left: 1rem;top: 50%;transform: translateY(-50%);word-break: keep-all}
#way_hd .m_sch_area .top_sch .sch_input label em {font-style: normal}
#way_hd .m_sch_area .top_sch .sch_input label .color {color: #000}
#way_hd .m_sch_area .top_sch .sch_input label.skip {display: none}
#way_hd .m_sch_area .top_sch .s_btn {width: 5rem;height: 5rem;background:#000;position: absolute;top: 0;right: 0;cursor: pointer}
#way_hd .m_sch_area .top_sch .s_btn img {width: 1.8rem;}
#way_hd .sch_area_bg {display: none;width: 100%;min-width: 32rem;height: 100%;margin: 0 auto;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 50%;transform: translateX(-50%);z-index: 199;cursor: pointer;}
#way_hd .m_sch_area.on {box-shadow: 0 0 1rem rgba(0,0,0,.1);top: 0;}
#way_hd .m_sch_area.on .sch_close {top: 11rem;opacity: 1}

/*mobile 전체보기 버튼*/
#way_hd .m_menu_icon {display:none;width:4rem;height:4rem;border-radius:4rem;background:#000;position:absolute;top:50%;right:0;transform:translateY(-50%);flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column;z-index:10}
#way_hd .m_menu_icon .mn_icon_line {position: relative;display: block;width:15px;height:2px;margin-bottom:3px;background:#fff;transition:transform .2s ease}
#way_hd .m_menu_icon .mn_icon_r {margin-bottom: 0}

#way_hd .m_menu_icon.active{z-index:9999}
#way_hd .m_menu_icon.active .mn_icon_line {width:15px;margin-bottom:0;transform: translateX(0px) rotate(-45deg)}
#way_hd .m_menu_icon.active .mn_icon_l {left:-1px;top:1px;transform: translateX(1px) rotate(45deg)}
#way_hd .m_menu_icon.active .mn_icon_c {top:-1px}
#way_hd .m_menu_icon.active .mn_icon_r {display: none}


/*모바일 전체메뉴*/
#s_nav_area{display:none;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);position:fixed}
#s_nav_area .nav_wrap{max-width:50rem;width:100%;height:100%;background:#fff;background:#fff;position:absolute;right:-50%;opacity:0;transition:all .3s}
#s_nav_area .nav_wrap .close_btn{position:absolute;top:2rem;right:2rem}
#s_nav_area .nav_top_box{width:100%;padding:3rem 0;text-align:center;background:#000}
#s_nav_area .nav_top_box .login_tit{margin-bottom:2rem;font-size:2.2rem;color:#fff;}
#s_nav_area .nav_top_box .login_txt{margin-bottom:1.5rem;font-size:1.4rem;color:rgba(255,255,255,.6);}
#s_nav_area .nav_top_box .mb_btn_area{width:100%;padding:0 3rem;display:flex;flex-wrap:wrap;gap:2%}
#s_nav_area .nav_top_box .mb_btn_area li{width:49%;height:5rem;border:1px solid rgba(255,255,255,.4);border-radius:5rem;font-size:1.4rem;color:#fff}
#s_nav_area .nav_top_box .mb_btn_area li a{display:block;width:100%;height:100%;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;}
#s_nav_area .standalone_link{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem}
#s_nav_area .standalone_link li a{color:rgba(255,255,255,.8)}


#s_nav_area .m_nav_list{width:100%;height:calc(100% - 23rem);overflow-y:scroll}
#s_nav_area .m_nav_list li{width:100%;border-bottom:1px dashed #ddd;}
#s_nav_area .m_nav_list li .list_tit{display:block;width:100%;height:5rem;padding:0 3rem;font-size:1.7rem;color:#333;line-height:5rem;position:relative}
#s_nav_area .m_nav_list li .list_tit i{position:absolute;right:3rem;top:50%;transform:translateY(-50%);transition:all .3s}
#s_nav_area .m_nav_list li .list_tit.on i{transform:rotate(-180deg) translateY(30%);}
#s_nav_area .m_nav_list li .list_cont{display:none;padding:2rem 3rem;background:#f7f7f7}
#s_nav_area .m_nav_list li .list_cont .s_menu {position:relative;padding:1rem 1.5rem;border-bottom:1px dashed #ddd}
#s_nav_area .m_nav_list li .list_cont .s_menu:before{content:'';width:3px;height:3px;background:#2b74c6;position:absolute;left:0;top:2rem}
#s_nav_area .m_nav_list li .list_cont .s_menu:last-child{border-bottom:0}
#s_nav_area .m_nav_list li .list_cont .s_menu a{display:block;width:100%;font-size:1.6rem;color:#333;}
#s_nav_area .m_nav_list li .list_cont .s_menu .s_p_menu{padding-bottom:.5rem}
#s_nav_area .m_nav_list li .list_cont .s_menu .s_d_menu{padding:.8rem 0 .5rem;font-size:1.5rem;color:#666}
#s_nav_area .m_nav_list li .list_cont .s_menu .program_s_tit{margin:0;font-size:1.5rem;color:#2b74c6}
#s_nav_area .m_nav_list li .list_cont .s_menu .program_s_tit02{margin-top:1rem}

#s_nav_area.on{display:block;z-index:200}
#s_nav_area.on .nav_wrap{right:0;opacity:1}

@media(max-width:1280px){
	#way_hd .logo img{width:14rem}
	#way_hd .nav_list_area{left:18rem}
    
     #way_hd .nav_list {gap:2rem}
	
	#way_hd .sch_area{display:none}
	#way_hd .m_sch_icon{display:flex}
}
@media(max-width:1024px){
	#way_hd.hd_scroll{top:0}
	#way_hd .tip_menu{display:none}
	#way_hd .top_menu_area{height:8rem}
	#way_hd .logo img {width:13rem}
	
	
   
	#way_hd .nav_list_area{display:none}
	#way_hd .shop_icon{display:none}
	
	#way_hd .m_menu_icon{display:flex;}
	#way_hd .m_sch_icon{right:5rem}
	
}
@media(max-width:767px){
	
	#way_hd .top_menu_area{height:7rem}
	#way_hd .logo img{width:13rem}
}
@media(max-width:480px){
	
}
@media(max-width:320px){
	
}