.shop-content { display: flex; flex-direction: column; gap: 200px; } 



#idx_hit { display: flex; align-items: center; color: #231916; } 
#idx_hit > * { width: 50%; } 
#idx_hit header { display: flex; flex-direction: column; } 
#idx_hit header h2 { font-size:  clamp(30px, calc( 40 / 1600 * 100vw ), 40px);; font-weight: 700; line-height: 110%; } 
#idx_hit header h2 b { display: block; color: #744999; font-size:  clamp(40px, calc( 60 / 1600 * 100vw ), 60px); font-weight: 800; } 
#idx_hit header p { margin: 20px 0 40px; font-weight: 500; line-height: 130%; } 
#idx_hit header a { display: flex; padding: 14px 18px; justify-content: center; align-items: center; gap: 8px; border-radius: 999px; border: 1px solid #231916; background: #FFF; text-align: center; width: fit-content; } 
#idx_hit header a i,.se-comp a i,.se-review header a i { position: relative; display: block; width: 15px; height: 2px; background: #231916; border-radius: 50px; transition: width 0.3s; }
.se-comp a i{background: #ffffff;}
#idx_hit header a i::after,.se-comp a i::after,.se-review header a i::after { content: ''; position: absolute; right: -1px; top: 50%; width: 10px; height: 10px; border-right: 2px solid #231916; border-top: 2px solid #231916; transform: translateY(-50%) rotate(45deg); }
.se-comp a i::after{border-color: #fff;}
#idx_hit header a:hover i,.se-comp a:hover i,.se-review header a:hover i { width: 25px; }
#idx_hit .sct_img a { display: block; width: 100%; height: 100%; aspect-ratio: 1/1; } 
#idx_hit .sct_img img { width: 100%; height: 100%; object-fit: cover; } 

.se-event { width: 100%; } 
.se-event .img-box { width: 100%; overflow: hidden; } 
.se-event .img-box img { width: 100%; height: 100%; object-fit: cover; } 

/* PC/모바일 이미지 반응형 */
.se-event .img-box .pc-img { display:block } 
.se-event .img-box .mobile-img { display:none } 





.smt_40 { } 
.smt_40 .sct_li { display: flex; flex-direction: column; } 
.smt_40 .sct_txt {  margin: 20px 0 12px; font-size: 20px; font-weight: 500; line-height: 130%; } 
.smt_40 .sct_cost { position: relative; display: flex; flex-wrap: wrap; align-items: center; } 
.smt_40 .sct_cust_price { color: #7A7878; font-size: 16px; font-weight: 500; line-height: 130%; text-decoration-line: line-through; width: 100%; } 
.smt_40 .sct_discount { color: #F26B6B; font-size: 18px; font-weight: 700; line-height: 130%; margin-right: 12px; } 
.smt_40 .sct_price { font-size: 24px; font-weight: 700; line-height: 130%; } 
.smt_40 .btn_cart { position: absolute; top: 0; right: 0; } 




.se-comp { position: relative; background: url(../img/main/se-comp-bg.jpg)no-repeat center; background-size: cover; text-align: center; color: #FFF; } 
.se-comp::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: rgba(67, 68, 76, 0.53); } 
.se-comp .inner { display: flex; justify-content: center; align-items: center; height: 500px; } 
.se-comp .text-box { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 60px; justify-content: center; align-items: center; } 
.se-comp .text-box p { font-size: 20px; font-weight: 600; line-height: 130%; } 
.se-comp a { display: flex; padding: 14px 18px; justify-content: center; align-items: center; gap: 8px; border-radius: 999px; border: 1px solid #ffffff; text-align: center; width: fit-content; } 


.se-review { padding-bottom: 160px; --left-area: 600px; } 
.se-review .inner { display: flex; align-items: center; } 
.se-review header { width: var(--left-area); display: flex; flex-direction: column; gap: 40px; } 
.se-review header h2 { font-size:  clamp(40px, calc( 48 / 1600 * 100vw ), 48px); font-weight: 700; line-height: 140%;; } 
.se-review header a { display: flex; padding: 14px 18px; justify-content: center; align-items: center; gap: 8px; border-radius: 999px; border: 1px solid #231916; background: #FFF; text-align: center; width: fit-content; } 
.se-review .main-review-list { width: calc(100% - var(--left-area)); padding: 0 50px; position: relative; overflow: hidden; } 
.se-review .review-swiper { overflow: visible; } 
.se-review .review-prev,
.se-review .review-next { position: absolute; top: 50% ; transform: translateY(-50%); width: 50px; height: 105%; background: #fff; margin: 0; } 
.se-review .review-prev { left: -50px; } 
.se-review .review-next { right: -50px; } 
.se-review .review-prev:after,
.se-review .review-next:after { font-size: 18px; color: #333; } 
.se-review .review-img { overflow: hidden; margin-bottom: 20px; aspect-ratio: 322/240; width: 100%; } 
.se-review .review-img img { width: 100%; height: 100%; object-fit: cover; } 
.se-review .review-content { display: flex; flex-direction: column; } 
.se-review .review-content .review-info { display: flex; justify-content: space-between; align-items: center; margin: 12px 0 20px; font-size: 15px; font-weight: 500; line-height: 130%; } 
.se-review .review-content .review-info .review-date { color: #7A7878; } 
.se-review .review-content .review-product-name { margin-bottom: 12px; font-size: 18px; font-weight: 500; line-height: 130%; } 
.se-review .review-content .review-text { font-size: 15px; font-weight: 500; line-height: 130%; } 
.se-review .review-content .review-star { display: flex; justify-content: center; align-items: center; } 


@media screen and (max-width:1500px){
.se-review { --left-area: 300px; } 
}
@media screen and (max-width:1200px){
 .shop-content { gap: 80px; } 
 #idx_hit { flex-direction: column; justify-content: center; align-items: center; } 
 #idx_hit header { justify-content: center; align-items: center; text-align: center; padding-bottom: 40px; } 
 #idx_hit > * { width: 100%; } 
 .se-review .inner{flex-direction: column;justify-content: center;align-items: center;}
 .se-review header{width: 100%;align-items: center;text-align: center;margin-bottom: 40px;gap: 20px;}
 .se-review .main-review-list{width: 100%;}
 }
 @media (max-width: 768px){
     .se-event .img-box .pc-img { display:none } 
     .se-event .img-box .mobile-img { display:block } 
     
    }
    @media (max-width: 500px){
        .se-review .main-review-list{padding: 0 30px;}
        .se-review .review-prev{left: -31px;justify-content: start;padding-left: 1px;}
        .se-review .review-next{right: -31px;justify-content: end;padding-right: 1px;}
        .se-review .review-prev, .se-review .review-next{width: 31px;}
    }