@charset "utf-8";

#time-sale .bg-pk{background: rgba(248, 40, 89, 0.1)}
#time-sale .sale-wrap{display:flex;align-items:center;justify-content:space-between;margin-top:30px}
#time-sale .time-wrap>img{width:280px}
#time-sale .day-wrap{font-weight: 700; font-size: 60px; line-height: 140%; letter-spacing: -0.5px; color: #F82859; }
#time-sale .hour-wrap{display:flex;align-items:center;font-weight: 700; font-size: 40px; line-height: 140%; letter-spacing: -0.5px; color: var(--gray-800);}
#time-sale .hour-wrap img{width:48px;margin-right:12px}
#time-sale #head-xl b{font-weight:700;color:#F82859}
#time-sale .time-wrap #head-md{margin:30px 0}
#time-sale #group-head #head-sm{display:none}
#time-sale .sale-product{overflow:hidden;width:980px}
#time-sale .sale-product li{border-radius:28px;background:var(--white)}
#time-sale .sale-item{overflow:hidden}
#time-sale .sale-item .img{text-align:center}
#time-sale .sale-item .img img{width:300px;height:auto}
#time-sale .time{display:flex;justify-content:center;align-items:center;gap:5px;width:90%;margin:0 auto;padding:10px 0;border-radius:50px;color:var(--white);text-align:center;background:#F82859}
#time-sale .time img{width:24px}
#time-sale .desc{margin-top:20px;padding:20px 20px 30px;border-top:1px solid var(--gray-200)}
#time-sale .sit_icon{display:flex;gap:5px;font-size:14px;font-weight:600}
#time-sale .sit_icon .shop_icon{display:inline-block;padding:3px 8px;border-radius:3px;background:#fff !important}


@media (max-width:1024px){
#time-sale .sale-wrap{margin-top:20px}
#time-sale .day-wrap{font-size:40px}
#time-sale .hour-wrap{font-size:24px}
#time-sale .hour-wrap img{width:24px}
#time-sale .sale-wrap{flex-direction:column}
#time-sale .sale-product{width:100%;padding-top:30px}
#time-sale .time-wrap #head-md{margin:15px 0 0 0}
#time-sale .time-wrap{position:relative;width:100%}
#time-sale .time-wrap>img{position:absolute;top:0;right:0;width:100px}
}
@media (max-width:768px){
#time-sale #group-head #head-sm{display:block}
#time-sale .sale-product li{border-radius:0;border:1px solid var(--gray-200)}
#time-sale .sale-item .img img{width:220px}
}
@media (max-width:580px){
#time-sale .day-wrap{font-size:30px}
#time-sale .time{margin-top:10px}
#time-sale .time-wrap>img{right:-25px}
#time-sale .desc{margin-top:0;border-top:none}
#time-sale .sit_icon .shop_icon{font-size:12px}
}