/* header */
#hd_wr{}
#hd_wr .inner{height: 100%;}
#hd_wr #rnb{position: absolute; right: 0; top: 28px; transform: translateY(-50%);}
#hd_wr #rnb ul{display: flex;}
#hd_wr #rnb ul li:last-child::after { display: none; }
#hd_wr #rnb ul li::after { content:""; width: 1px; height: 10px; background: #c9c9c9; display: inline-block; margin: 0 8px; }
#hd_wr #rnb ul li a{font-size: 0.824em; color: #949494;}

.menu_wr{display: flex; align-items: center; width: auto;}
.menu_wr #hd_ct{background-color: transparent; border: 0px; color: #222; font-size: 20px; font-weight: 500; margin-right: 20px; position: relative; padding-left: 37px;}
.menu_wr #hd_ct::before{content: ''; width: 26px; height: 18px; display: block; background: url(/images/common/category_hambug.png) no-repeat center center; position: absolute; left: 0; top: 7px;}



@media all and (max-width:1400px){
	#hd_wr #rnb{ top: 20px; }
}

@media all and (max-width:1280px){
	#hd_wr #rnb{position: absolute; right: 0; }
	.cate { width: 450px; }
}

@media all and (max-width:969px){
	#hd_wr{margin-top: 0;}
	#hd_wr #rnb{display: none;}
	.menu_wr #hd_ct{display: none;}
}


/* 모바일 */
.mo_btn{display: none;}
.mo_cate_box{display: none;}
.mo_login{display: none;}
.cate_bg{display: none !important; position: fixed; top: 0; left: 0; width: 100%; height: 120vh; background-color: rgba(0,0,0,0.55); z-index: 100;}

@media all and (max-width:969px){
	.cate_bg.on{display: block !important;}
    #gnb_pc{display: none !important;}
    .mo_btn{display: block; width: 100%; text-align: right; position: absolute; top: 52%; transform: translateY(-50%); right: 40px;}
    .mo_btn button{background-color: transparent; border: 0px;}
    .mo_btn #btn_cate{background-color: none;}
    .mo_btn #btn_cate img{vertical-align: middle;}
    .mo_btn #btn_sch{margin-right: 15px; font-size: 20px;}
    .mo_btn #btn_cartop{float: left; font-size: 24px;}
    
    .mo_cate_box{display: block; height: 45px; background-color: #fff;}
    .mo_cate_box #gnb_dp1_wrap{display: flex; flex-direction: row; margin-left: 0; position: absolute; top: 0; left: 0;}
    .mo_cate_box #gnb_dp1_wrap div{flex: 0 0 auto;}
    .mo_cate_box #gnb_dp1_wrap div span{display: inline-block; font-size: 15px; font-weight: 500; padding: 12px 0;}
    
    .mo_login{display: flex; justify-content: space-between; align-items: center; padding: 20px 20px 10px;}
    .mo_login a{display: block; font-size: 0.8em;  width: 49%; text-align: center; padding: 5px 0; cursor: pointer;}
    .mo_login a:nth-child(1){background-color: #006297; color: #fff;}
    .mo_login a:nth-child(2){background-color: #000; color: #fff;}
    
}
@media all and (max-width:480px){
    .mo_cate_box{width: 100vw;}
}


/* PC 카테고리 전체보기 */
#hd_ct{outline: none;}
#gnb_pc{display:none;position:absolute;top:96px;left:0;max-width:100%; -webkit-backface-visibility: hidden;
    z-index:909;text-align:left; box-sizing: border-box; z-index: 10; border: 1px solid #dedede; border-top: 0;}
#gnb_pc.on{display: block;}
#gnb_pc #gnb_dp1_wrap{display: flex;}
.menu_wr #gnb_pc li div{text-align: center;}
.menu_wr #gnb_pc li div span > a{ display: inline-block; width: 160px; color: #000; text-align: left;  font-size: 18px; font-weight: 500; border-right: 1px solid #eee; text-align: center;}
.menu_wr #gnb_pc li:hover div span > a{ color: #69c61e}
.menu_wr #gnb_pc li ul.smenu{flex-wrap: wrap;  position: absolute; background-color: #f5f5f3; left: 160px; top: 0; flex-direction: column; width: 160px; display: none;}
.menu_wr #gnb_pc li:hover ul.smenu{display: flex;}
.menu_wr #gnb_pc li ul.smenu li{text-align: center; line-height: 50px;}
.menu_wr #gnb_pc li ul.smenu li:hover{background-color: #eee;}
.menu_wr #gnb_pc li ul.smenu li a{transition: .2s; font-size: 15px; font-weight: 400; color: #444;}
.menu_wr #gnb_pc li ul.smenu li:hover a{}
.menu_wr #gnb_pc #gnb_dp1_wrap{display: flex; justify-content: space-around; flex-direction: column; position: relative; background-color: #fff;}
.menu_wr #gnb_pc #gnb_dp1_wrap .gnb_dp2{display: flex; align-items: center; line-height: 50px;padding-left: 0; padding-right: 0; position: relative;}
#hd_ct_close{position: absolute; font-size: 1.5em; right: 0; bottom: 0;z-index: 3; cursor: pointer;}
.catebox #category li.gnb_dp2 > div > span > a{color: rgba(0,0,0,0.9); font-size: 13px;}

@media all and (max-width:1279px){
    .cate_box #category #hd_ct{display: none;}
    #gnb_dp1_wrap{margin-left: 0;}
}
	
@media all and (max-width:969px){
	#gnb_dp1_wrap{width: 100%;}
    #hd_btn{display: block;}
	#hd_btn button.btn_icon#btn_sch { width: 40px; height: 40px; }
}

@media all and (max-width:639px){
	#hd_btn button.btn_icon#btn_sch { width: 36px; height: 30px; }
}

@media all and (max-width:480px){
	#hd_btn button.btn_icon#btn_sch { width: 36px; height: 34px; }
}


.quick{position: absolute !important; left: calc(50% + 850px); top: 204px; transform: translateX(-50%); width: 100px; z-index: 999;}
#stv{ background-color: #fff; box-sizing: border-box; padding-top: 10px; border-radius: 5px; padding-bottom: 0; text-align: center; overflow: hidden; border: 1px solid #e6e6e6; position: relative; padding-bottom: 15px;}
#stv h2{color: #222; font-weight: 500; font-size: 14px; margin-bottom: 15px;}
#stv #stv_ul{}
#stv #stv_ul li{margin: .75rem 0;}
#stv #stv_ul li .prd_img{max-width: 68px; margin: 0 auto;}
#stv #stv_ul li .prd_img img{border-radius: 10px;}
#stv #stv_ul li .prd_name{display:none;}
#stv #stv_ul li .prd_cost{display:none;}
#stv button.submit{background-color: #0e60f5; width: 100%; border: 0px; color: #fff; padding-left: 20px; padding-right: 20px; margin-top: 10px; padding-top: 8px; padding-bottom: 8px; font-size: 1.2rem; font-weight: 600;}
#stv button.submit a{color: #fff;}

#up{position:absolute;bottom:16px;left:10px;background:url(/images/common/btn_sb_prev.png) no-repeat 50% 50%;width:20px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}
#down{position:absolute;bottom:16px;right:10px;background:url(/images/common/btn_sb_next.png) no-repeat 50% 50%;width:20px;height:20px;text-indent:-999px;overflow:hidden;border:1px solid #ccc;}

/* 오늘 본 상품 */
#stv{position:relative}
#stv_pg {display:block;;text-align:center;margin:10px 0 0;line-height:20px}


.quick .go_top{text-align: center; font-size: 14px; color: #fff; width: 100%; padding: 8px 0; background-color: #666; border-radius: 5px; margin: 10px 0; cursor: pointer; font-weight: 700;}


@media all and (max-width:1279px){
    .quick{display: none;}
}


#gnb_dp1_wrap li:nth-child(3) > div > span > a { font-weight: bold; color: #ff5509; }
#gnb_dp1_wrap li:nth-child(3) > .sub_cate { background: #ff5509; }
#gnb_dp1_wrap li:nth-child(3) > .sub_cate li:hover { background: #e14803; }


#gnb_dp1_wrap li:nth-child(4) > .sub_cate li:nth-child(4) { background: #ffc913; }
#gnb_dp1_wrap li:nth-child(4) > .sub_cate li:nth-child(4):hover { background: #eda700; }
#gnb_dp1_wrap li:nth-child(4) > .sub_cate li:nth-child(4) a { color: #3a1d1d; font-weight: bold; }
#gnb_dp1_wrap li:nth-child(4) > .sub_cate li:last-child { background: #4e4835; }
#gnb_dp1_wrap li:nth-child(4) > .sub_cate li:last-child:hover { background: #403b2a; }

@media all and (max-width:969px){
#gnb_dp1_wrap li:nth-child(3) > div > span > a {color: #ff5509; }
#gnb_dp1_wrap li:nth-child(3) > .sub_cate { background: #fff; }
#gnb_dp1_wrap li:nth-child(4) > .sub_cate li:nth-child(4) { background: #fff; }
#gnb_dp1_wrap li:nth-child(4) > .sub_cate li:nth-child(4) a { color: #727280; font-weight: normal; }
#gnb_dp1_wrap li:nth-child(4) > .sub_cate li:last-child { background: #fff; }
}




#footer .pv a { color: #66768a; padding: 0 10px; }
#footer .pv { margin-bottom: 14px; }

@media all and (max-width:969px){
	#footer .pv a { font-size: 0.9em; }
}