/* BASIC css start */
/* BASIC css start */
/* swiper 공통 */
.swiper-button-prev { left:0; } 
.swiper-button-next { right:0; } 
.swiper-button-next:after, .swiper-button-prev:after { content:unset !important; } 
.swiper-button-prev img,
.swiper-button-next img { width:26px; } 


/* ============================================================
   메인 배너 영역
   ============================================================ */
#main_bnr_swiper { width: 100%; } 
#main_bnr_swiper .swiper-slide { position: relative; } 
#main_bnr_swiper .swiper-slide img { width:100%; } 
#main_bnr_swiper .swiper_view { position: absolute; left: 50%; transform: translateX(-50%); bottom: 17px; z-index: 9; display: flex; justify-content: space-between; align-items: center; } 
#main_bnr_swiper .swiper-pagination { bottom: 0; text-align:center; color:#fff; font-size:18px; position: relative; transform: unset; } 
#main_bnr_swiper .swiper-pagination-bullet { width:11px; height:11px; opacity:0.3 !important; background:transparent; border:2px solid #fff; margin:0 6px !important; position:relative; box-sizing:border-box; } 
#main_bnr_swiper .swiper-pagination-bullet-active { width: 11px; height: 2px; border-radius: 0; border: none; vertical-align: middle; background:#fff !important; opacity:1 !important; } 
#main_bnr_swiper .swiper-fraction { position: relative; color: #dbdbdb; margin-left: 17px; font-size:13px; } 
#main_bnr_swiper .swiper-fraction b { color:#fff; font-weight:normal; } 
#main_bnr_swiper .swiper-button-next { right:80px !important; } 
#main_bnr_swiper .swiper-button-prev { left:80px !important; } 
#main_bnr_swiper .swiper-slide:before{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(28,27,25,0) 65%, rgba(28,27,25,0.3) 100%);
  pointer-events:none; z-index:1;
}
#main_bnr_swiper .slide_content { position: absolute; left: 24px; bottom: 67px; right: 24px; z-index: 2; text-align: center; }
#main_bnr_swiper .slide_content .eyebrow { font-family: 'Pretendard', sans-serif; font-weight: 700; font-size: clamp(22px, 5.5vw, 35px); line-height: 1.3; color: #fff; display: block; margin-bottom: 8px; text-decoration: none !important; border: none !important; }
#main_bnr_swiper .slide_content h1 { font-family: 'Pretendard', sans-serif; font-weight: 700; font-size: clamp(22px, 5.5vw, 35px); line-height: 1.3; color: #fff;display: block; text-decoration: none !important; border: none !important; }
#main_bnr_swiper .slide_content .cta { display: none; }


/* 메인 카테고리 */
.main_cate { position:relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: -1px; border-bottom: 1px solid #ddd; margin-bottom: 60px; } 
.main_cate a {width: 25%;text-align: center;font-size: 13px;font-weight: 500;padding: 11px 0;border: 1px solid #ddd;box-sizing: border-box;border-collapse: collapse;border-right: 0;border-bottom: 0;color: #646464;} 
.main_cate a:nth-child(4n+1) { border-left:0; } 


/* ============================================================
   서브배너
   ============================================================ */
#sub_bnr_swiper { padding: 0 0 0 15px; margin-bottom: 60px; } 
#sub_bnr_swiper .swiper-slide { position: relative; }
#sub_bnr_swiper .swiper-slide a { display: block; position: relative; width: 100%; overflow: hidden; } 
#sub_bnr_swiper .swiper-slide a img { width: 100%; } 
#sub_bnr_swiper .swiper-slide a:before{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(28,27,25,0) 45%, rgba(28,27,25,0.3) 100%);
  pointer-events:none; z-index:1;
}
#sub_bnr_swiper .sub_content { position: absolute; left: 20px; bottom: 24px; right: 20px; z-index: 2; text-align: left; }
#sub_bnr_swiper .sub_content .eyebrow { font-family: 'Pretendard', sans-serif; font-weight: 600; font-size: clamp(20px, 7vw, 35px); line-height: 1.3; color: #fff; display: block; margin-bottom: 6px; text-decoration: none !important; border: none !important; }
#sub_bnr_swiper .sub_content h3 { font-family: 'Pretendard', sans-serif; font-weight: 400; font-size: clamp(15px, 3vw, 18px); line-height: 1.3; color: #fff; opacity: 0.9; text-decoration: none !important; border: none !important; }


/* 베스트 아이템 */
.tabcontent { display: none; padding: 28px 0 0 15px; } 
.tabcontent.current { display: block; } 
.best_wrap { position: relative; margin-bottom: 60px; } 
.best_wrap ul.tab { overflow: scroll; display: flex; border-bottom: 1px solid #ddd; padding: 0 15px 12px; gap: 0 30px; } 
.best_wrap ul.tab li a { font-size:15px; white-space: pre; color:#999; padding-bottom: 10px; } 
.best_wrap ul.tab li.current a { color:#333; padding-bottom: 8px; border-bottom:2px solid #000; font-weight: bold; } 
.slick-dots {position: absolute;top: 0;left: 0;right: 0;overflow: scroll;border-bottom: 1px solid #ddd;padding: 0 15px 0;display: flex !important;justify-content: space-between;} 
.slick-dots li {display: inline-block;font-size: 15px;white-space: pre;color: #999;padding-bottom: 10px;} 
.slick-dots li.slick-active { color: #333; padding-bottom: 8px; border-bottom: 2px solid #000; font-weight: bold; } 
.slick-list { padding-top: 50px !important; } 
.best_wrap .slick-track{overflow:hidden;}


/* 중간 배너 */
#mid_bnr_swiper { position: relative; margin-bottom: 60px; } 
#mid_bnr_swiper .swiper-slide a { display: block; } 
#mid_bnr_swiper .swiper-slide a img { width: 100%; } 


/* 오늘의 신상품 */
.todaynew .MK_block_new_product {padding: 0 4px;box-sizing:border-box;} 
.MK_block_add8_product {padding: 0 4px;box-sizing:border-box;} 
.MK_block_add9_product {padding: 0 4px;box-sizing:border-box;} 


/* ============================================================
   하단 배너
   ============================================================ */
#ft_bnr_swiper { position: relative; margin-bottom: 60px; } 
#ft_bnr_swiper .swiper-slide { position: relative; }
#ft_bnr_swiper .swiper-slide a { display: block; } 
#ft_bnr_swiper .swiper-slide a img { width: 100%; } 
#ft_bnr_swiper .swiper-slide:before{
  content:''; position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(28,27,25,0) 65%, rgba(28,27,25,0.3) 100%);
  pointer-events:none; z-index:1;
}
#ft_bnr_swiper .slide_content { position: absolute; left: 30px; bottom: 67px; right: 24px; z-index: 2; text-align: left; }
#ft_bnr_swiper .slide_content .eyebrow { font-family: 'Pretendard', sans-serif; font-weight: 700; font-size: clamp(28px, 7vw, 46px); line-height: 1.3; color: #fff; display: block; margin-bottom: 8px; text-decoration: none !important; border: none !important; }
#ft_bnr_swiper .slide_content h1 { font-family: 'Pretendard', sans-serif; font-weight: 400; font-size: clamp(17px, 4vw, 24px); line-height: 1.3; color: #fff; opacity: 0.9; text-decoration: none !important; border: none !important; }
#ft_bnr_swiper .slide_content .cta { display: none; }


/* 룩북 배너 */
.lookbook_wrap { position: relative; } 
.lookbook_wrap .lookbook_cont { position: relative; padding: 0 0 0 15px; } 
#lookbook_swiper { position: relative; margin-bottom: 60px; } 
#lookbook_swiper .swiper-wrapper { padding-bottom:33px; } 
#lookbook_swiper .swiper-slide a { display: block; } 
#lookbook_swiper .swiper-slide a img { width: 100%; } 
#lookbook_swiper .swiper-pagination { width: 97%; top: auto; bottom: 0; height: 2px; background: #ddd; } 
#lookbook_swiper .swiper-pagination .swiper-pagination-progressbar-fill { background:#000; } 
/* ▼▼ 지금은 숨김 처리   나중에 켜고 싶으면 이 한 줄만 지우세요 ▼▼ */


.item-wrap .item-cont.flexed{overflow:hidden;}
.best_wrap .item-wrap .item-cont.flexed{overflow:hidden; padding:0 4px; box-sizing:border-box;}
/* BASIC css end */


/* ============================================================
   품절 - 썸네일 전체 흰색 반투명 워시 + SOLD OUT 텍스트
   ============================================================ */
.thumb .p_soldout {
    position: absolute !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    z-index: 5 !important;
    cursor: pointer !important;
    background: rgba(255,255,255,0.55) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.thumb .p_soldout img{ display: none !important; }
.thumb .p_soldout::after{
    content: "SOLD OUT";
    color: rgba(0,0,0,0.5);
    font-family: 'Pretendard', sans-serif;
    font-size: 12px;
    letter-spacing: 1.2px;
    font-weight: 400;
}
.thumb{ position:relative !important; overflow:hidden !important; }
/* BASIC css end */