/* BASIC css start */
/*공통 css*/
section {padding: 0 20px;} 
section.no_p {padding:0; } 
section .sectionTit {position:relative; } 
section .sectionTit h2 {margin: 40px 0 20px;font-size: 20px;font-weight:500;line-height: 24px;} 
section .sectionTit a {position:absolute;top:0;right:0;line-height:21px;font-size:12px;font-weight: 400;color: #656565;} 
section .sectionTit a img {vertical-align:middle;margin-left:2px;margin-top: -3px; } 

/*메인 슬라이더*/
.mainSlider ul li img {width:100%; } 
.mainSlider .swiper-pagination {bottom:10px;left:auto;right:10px;width:46px;background:rgba(0,0,0,0.4);color:#fff;line-height:20px;border-radius:10px; } 
.mainSlider .thinBan a {position:relative;display:block;font-size: 14px;font-weight: 500;color:#fff;line-height: 40px;padding: 0 46px 0 20px;background:#593574;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} 
.mainSlider .thinBan a img {position:absolute;top: 50%;right: 20px;transform: translateY(-50%);} 

/*신상품*/
.newProduct {overflow:hidden; } 
.newProduct .swiper {overflow: visible; }
.newProduct .swiper .swiper-pagination {top:auto;bottom:0;left:50%;width:160px;height:1px;margin-left:-80px;background:#e6e6e6; } 
.newProduct .swiper .swiper-pagination {top:auto;bottom:40px;left:50%;width:160px;height:2px;margin-left:-80px;background:#e6e6e6;border-radius:1px; } 
.newProduct .swiper .swiper-pagination-progressbar-fill {background:#121212;border-radius: 1px; } 


/*이 상품 어때요*/
.recmdProduct {overflow:hidden; } 
.recmdProduct .goodsList ul li .textWrap .goodsPrice .c_price {/*display:none;*/ } 
.recmdProduct .swiper {padding-bottom:40px;overflow:visible; } 
.recmdProduct .swiper .swiper-pagination {top:auto;bottom:0;left:50%;width:160px;height:1px;margin-left:-80px;background:#e6e6e6; } 
.recmdProduct .swiper .swiper-pagination {top:auto;bottom:40px;left:50%;width:160px;height:2px;margin-left:-80px;background:#e6e6e6;border-radius:1px; } 
.recmdProduct .swiper .swiper-pagination-progressbar-fill {background:#121212;border-radius: 1px; } 


/*핫한 키워드*/
.hotKeyWord .keywordTabBtn {margin: 0 -20px 15px;padding: 0 20px;} 
.hotKeyWord .keywordTabBtn ul li {display:block;width:auto;font-size:13px;line-height:28px;padding:0 13px;border:1px solid #ededed;color:#999;border-radius:14px; } 
.hotKeyWord .keywordTabBtn ul li.swiper-slide-thumb-active {background:#593574;border:1px solid #593574;color:#fff; } 
.hotKeyWord .keywordTabCon {margin: 0 -20px;} 
.hotKeyWord .keywordTabCon .goodsList {padding: 0 20px;} 
.hotKeyWord .goodsList ul li .textWrap .goodsName {overflow:hidden;text-overflow:ellipsis;white-space:nowrap; } 
.hotKeyWord .goodsList ul li .textWrap .goodsSubName {display:none; } 
.hotKeyWord .goodsList ul li .textWrap .goodsPrice {padding-top:0; } 
.hotKeyWord .goodsList ul li .textWrap .goodsPrice .c_price {/* display:none; */}
.hotKeyWord .goodsList.swiper {padding-bottom:40px; } 
.hotKeyWord .swiper .swiper-pagination {top:auto;bottom:0;left:50%;width:160px;height:1px;margin-left:-80px;background:#e6e6e6; } 
.hotKeyWord .swiper .swiper-pagination {top:auto;bottom:40px;left:50%;width:160px;height:2px;margin-left:-80px;background:#e6e6e6;border-radius:1px; } 
.hotKeyWord .swiper .swiper-pagination-progressbar-fill {background:#121212;border-radius: 1px; } 

/*구매가 많은 인기상품*/
.hotSellProduct {overflow:hidden; } 
.hotSellProduct .goodsList ul li .textWrap .goodsPrice .c_price {/d8isplay:none;*/ } 
.hotSellProduct .swiper {padding-bottom:40px;overflow:visible; } 
.hotSellProduct .swiper .swiper-pagination {top:auto;bottom:0;left:50%;width:160px;height:1px;margin-left:-80px;background:#e6e6e6; } 
.hotSellProduct .swiper .swiper-pagination {top:auto;bottom:40px;left:50%;width:160px;height:2px;margin-left:-80px;background:#e6e6e6;border-radius:1px; } 
.hotSellProduct .swiper .swiper-pagination-progressbar-fill {background:#121212;border-radius: 1px; } 

/*진행중인 이벤트*/
.nowEvent {overflow:hidden;padding-bottom:40px; } 
.nowEvent .swiper {overflow:visible;; } 
.nowEvent .swiper-slide {border-radius:10px;overflow:hidden; } 
.nowEvent .swiper-slide img {width:100%; } 
.nowEvent .swiper-pagination {bottom:10px;left:auto;right:10px;width:46px;background:rgba(0,0,0,0.4);color:#fff;line-height:20px;border-radius: 10px; } 


/* 예시: .price-box 안의 할인율만 적용 */
.discountPer {color: #f15929 !important;}
.price-box .discountPer { color: #f15929;}


/*리뷰모음*/
.best_review_card {background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 16px; transform: scale(0.95); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);}
.best_review_photo {text-align: center; margin-bottom: 14px;}
.best_review_photo img { width: 100%; max-width: 350px; height: auto; border-radius: 6px; object-fit: cover; display: inline-block;} 
.review_text_wrap {margin-top: 12px;}
.review_text_wrap .score {color: #ff5356; font-size: 12px; margin-bottom: 4px;}
.review_text_wrap .review_text {color: #333; font-size: 15px; margin: 10px 0; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden;}
.review_text_wrap .date {font-size: 12px; color: #999; margin-top: 6px;}
.product_info {display: flex; align-items: flex-start; gap: 12px; margin-top: 14px;}
.product_info .product_img img width: 70px; height: 70px; border-radius: 4px; object-fit: cover}
.product_info .product_meta {font-size: 14px; line-height: 1.5;}
.product_info .product_name {font-weight: bold; margin-bottom: 6px;}
.product_info .rating {color: #999; margin-right: 4px;}

/* 현재 분류명 */
.now_cate_tit { position: relative; font-size: 24px; color: #121212; font-weight: 600; padding: 40px 20px 24px; } 

/* 카테고리 */
.class-list { position: relative; padding: 0 20px 72px; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 8px 7%; } 
.class-list dd a { font-size: 14px; font-weight: 400; color: #656565; } 
.class-list dd a.sel { font-weight:600; color:#121212; } 
body .swiper_wrap .swiper-pagination { top:auto; bottom:0; left:50%; width:160px; height:1px; margin-left:-80px; background:#e6e6e6; } 
body .swiper_wrap .swiper-pagination { top:auto; bottom:40px; left:50%; width:160px; height:2px; margin-left:-80px; background:#e6e6e6; border-radius:1px; } 
body .swiper_wrap .swiper-pagination-progressbar-fill { background:#121212; border-radius: 1px; } 

/* 베스트 아이템 */
.cont_tit {font-size: 20px;font-weight: 500;color: #121212;padding: 0 0 16px;} 
.goodsList .swiper-container {padding: 0 0 22px 0;} 

/* 상품 리스트 */
#MS_product {position: relative;padding: 0 20px;} 
.swiper_wrap{padding: 0 20px;margin-bottom: 26px;overflow: hidden;}
.goodsList{position: relative;}


/* 예시: .price-box 안의 할인율만 적용 */
.discountPer {color: #f15929 !important;}
.price-box .discountPer { color: #f15929;}


/* ===== 모바일 상품 아이콘 (좌측 상단 오버레이) ===== */

/* imgWrap을 position 기준점으로 설정 */
.goodsList .imgWrap {
    position: relative;
    overflow: hidden;
}

/* 아이콘 영역 - 좌측 상단 (찜 버튼과 겹치지 않도록) */
.goodsList .imgWrap .prd-icons {
    position: absolute;
    top: 0px;
    left: -5px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 3px;
    pointer-events: none; /* 아이콘이 상품 클릭 영역을 가리지 않도록 */
    max-width: calc(100% - 12px);
}

/* 아이콘 이미지 - 모바일에 맞게 작게 표시 */
.goodsList .imgWrap .prd-icons img {
    display: block;
    max-width: 50px;
    height: auto;
    margin: 0;
}

/* 아이콘이 span/em 등으로 감싸진 텍스트 라벨인 경우 */
.goodsList .imgWrap .prd-icons span,
.goodsList .imgWrap .prd-icons em {
    display: inline-block;
    font-size: 11px;
    line-height: 1.4;
    padding: 2px 6px;
    border-radius: 2px;
    font-style: normal;
    margin: 0;
}

/* swiper 슬라이드 안에서 아이콘이 잘리지 않도록 보정 */
.swiper-slide {
    position: relative;
}

/* 2단 그리드 상품 리스트에서도 동일 적용 */
.goodsList.grid_2 li {
    position: relative;
}

/* BASIC css end */