/* BASIC css start */
img {
  object-fit: cover;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  image-rendering: high-quality;
}

/* ============================================================
   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: 13px; opacity: 0.5; } 


/* ============================================================
   ¸ÞÀÎ ¹è³Ê ¿µ¿ª
   ============================================================ */
#main_bnr_swiper {width: 1500px;margin: 0 auto 140px;} 
#main_bnr_swiper .swiper-slide a { position:relative; display: block; } 
#main_bnr_swiper .swiper-slide img {width:100%;} 
#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: #9a9a99; margin-left: 17px; font-size:13px; } 
#main_bnr_swiper .swiper-fraction b { color:#fff; font-weight:normal; } 
#main_bnr_swiper .swiper-button-next{right: 20px !important;}
#main_bnr_swiper .swiper-button-prev{left: 20px !important;}
#main_bnr_swiper .swiper-button-next img,
#main_bnr_swiper .swiper-button-prev img{width:27px; opacity:1;}

#main_bnr_swiper .swiper-slide{ position:relative;}
#main_bnr_swiper .swiper-slide:before{
  content:'';position:absolute; inset:0;
  background:linear-gradient(105deg, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.14) 18%, rgba(0,0,0,0) 50%);
  pointer-events:none;z-index:1;
}

.slide_content{
  position: absolute; top: 55%; left: 13.5%; z-index: 2; max-width: 480px;
  text-align: left; transform: translateY(-50%); opacity: 0; text-decoration: none !important;
}
.slide_content *{text-decoration: none !important;}
.slide_content .eyebrow{
  font-family:'Pretendard', sans-serif; font-weight:400; font-size:17px;
  letter-spacing:0.02em; color:#e8e4dc; opacity:0.85; margin-bottom:24px;
}
.slide_content h1{
  font-family:'Pretendard', sans-serif; font-weight:300; font-size:46px;
  letter-spacing:-0.01em; color:#fff; line-height:1.3; margin-bottom:26px;
}
.slide_content .rule{display:none;}
.slide_content .cta{
  display:inline-flex;align-items:center; gap:4px; white-space:nowrap;
  font-family:'Pretendard', sans-serif; font-weight:400; font-size:15px;
  letter-spacing:0.02em; color:#fff; padding-bottom:7px;
  border-bottom:1px solid rgba(255,255,255,0.6); cursor:pointer;
}
.slide_content .cta:after{ content:'¡æ';font-size:14px; flex-shrink:0;}
.swiper-slide-active .slide_content{opacity:1;margin-bottom:20px;animation:moveUp 1.3s forwards;}
@keyframes moveUp{
  from{ opacity:0; margin-bottom:0; }
  to{ opacity:1; margin-bottom:20px; }
}


/* ============================================================
   º£½ºÆ® ¾ÆÀÌÅÛ
   ============================================================ */
.best_wrap { max-width: 1500px; margin: 0 auto 136px; position: relative; } 
.best_wrap .swiper-button-next { 
    top:55% !important; 
    right: 0 !important; 
    opacity: 0;
    transition: opacity 0.3s ease;
} 
.best_wrap .swiper-button-prev { 
    top:55% !important; 
    left: 0 !important; 
    opacity: 0;
    transition: opacity 0.3s ease;
} 
.best_wrap:hover .swiper-button-next,
.best_wrap:hover .swiper-button-prev {
    opacity: 1;
}
#best_swiper { max-width: 1500px; width: 100%; margin: 0 auto; } 
#best_swiper .item-cont .item-list .thumb img {width: 360px;}
#best_swiper .item-cont .item-list .thumb .p_preview a img {width:auto;}

/* ============================================================
   ¼­ºê ¹è³Ê ¿µ¿ª (ÇöÀç ¼û±è)
   ============================================================ */
.sub_bnr_wrap { max-width: 1500px; margin: 0 auto 136px; display: flex; justify-content: space-between; overflow:hidden; gap:0 24px; } 
.sub_bnr_wrap a { display:inline-block; } 
.sub_bnr_wrap .sub_bnr_r { position: relative; width: 50%; } 
.sub_bnr_wrap .sub_bnr_r .sub_bnr_rt { display: flex; justify-content: space-between; margin-bottom: 24px; } 
.sub_bnr_wrap .sub_bnr_l { position: relative; max-width: 672px; width: 50%; } 
.sub_bnr_wrap .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; } 
.sub_bnr_wrap .swiper-pagination-bullet-active { width: 11px; height: 2px; border-radius: 0; border: none; vertical-align: super; background:#fff !important; opacity:1 !important; } 
.sub_bnr_wrap img { width:100%; } 
.sub_bnr_wrap{display:none !important;}


/* ============================================================
   Áß°£ ¹è³Ê ¿µ¿ª
   ============================================================ */
.mid_bnr_wrap { position:relative; max-width: 1500px; width: 100%; margin: 0 auto 136px; } 
.mid_bnr_wrap a { display:block; } 
.mid_bnr_wrap a img { width:100%; } 


/* ============================================================
   ¶ì¹è³Ê ¿µ¿ª (ÇöÀç ¼û±è)
   ============================================================ */
.tc-ft-bnr-wrap{max-width:1500px; margin:0 auto 40px;position:relative;}
.tc-ft-bnr-swiper{background:#f7f7f7 !important;}
.tc-ft-bnr-swiper .swiper-slide{padding:26px 60px 40px !important;text-align:center !important;box-sizing:border-box !important;}
.tc-ft-bnr-swiper .swiper-slide a{text-decoration:none !important;display:block !important;}
.tc-ft-bnr-swiper .tit{font-size:16px !important;font-weight:700 !important;color:#1c1b19 !important;margin-bottom:6px !important;}
.tc-ft-bnr-swiper .sub{font-size:13px !important;color:#888 !important;font-weight:400 !important;}
.tc-ft-bnr-swiper .swiper-pagination{bottom:14px !important;}
.tc-ft-bnr-swiper .swiper-pagination-bullet{width:6px !important; height:6px !important;background:#ccc !important;opacity:1 !important;}
.tc-ft-bnr-swiper .swiper-pagination-bullet-active{background:#1c1b19 !important;}
.tc-ft-bnr-swiper .swiper-button-next,
.tc-ft-bnr-swiper .swiper-button-prev{color:#999 !important;width:20px !important;height:20px !important;}
.tc-ft-bnr-swiper .swiper-button-next:after,
.tc-ft-bnr-swiper .swiper-button-prev:after{font-size:14px !important;}
/* ¡å¡å Áö±ÝÀº ¼û±è ó¸®   ³ªÁß¿¡ ÄÑ°í ½ÍÀ¸¸é ÀÌ ÇÑ ÁÙ¸¸ Áö¿ì¼¼¿ä ¡å¡å */
.tc-ft-bnr-wrap{ display:none !important; }


/* ============================================================
   ·èºÏ ¿µ¿ª   ¹è°æ 1500px / ÄÜÅÙÃ÷ 1280px (ÀǵµÀûÀ¸·Î ´Ù¸£°Ô)
   ============================================================ */
.lookbook_wrap{
  position:relative !important; max-width:1500px !important; width:100% !important;
  margin:0 auto 136px !important; background:#fafafa !important;
}
.lookbook_inner{
  max-width:1280px !important; width:100% !important; margin:0 auto !important;
  padding:64px 0 72px !important;
}
.lookbook_inner .cateTit{ padding:0 0 32px !important; }
.tc-lb-swiper{overflow:hidden !important;}
.tc-lb-swiper .swiper-wrapper{display:flex !important;}
.tc-lb-swiper .swiper-slide{ width:calc(50% - 8px) !important;flex-shrink:0 !important; margin-right:16px !important;aspect-ratio:3/4 !important;overflow:hidden !important;}
.tc-lb-swiper .swiper-slide a{ display:block !important;width:100% !important; height:100% !important;}
.tc-lb-swiper .swiper-slide img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
.tc-lb-swiper .swiper-button-next,
.tc-lb-swiper .swiper-button-prev{color:#fff;width:36px; height:36px;}
.tc-lb-swiper .swiper-button-next:after,
.tc-lb-swiper .swiper-button-prev:after{ font-size:16px;}


/* ============================================================
   »óÇ° ±×¸®µå °øÅë Æø   º£½ºÆ®¾ÆÀÌÅÛ/¿À´ÃÀǽŻóÇ°/½ºÅ׵𼿷¯/
   ¹é&½´Áî/ACC ÀüºÎ 1500px·Î ÅëÀÏ
   ============================================================ */
.item-wrap{ max-width:1500px !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; }
.item-wrap .item-cont.flexed{ width:1500px !important; }


/* ============================================================
   ½ºÅ׵𼿷¯ (¹è°æ Á¦°ÅµÊ   ·èºÏ ¹è°æ°ú °ãÄ¡Áö ¾Êµµ·Ï)
   ============================================================ */
.item-wrap .item-cont .item-list .thumb .dc_per { display:none !important; } 
.steady_seller_wrap .item-wrap .item-cont .item-list .thumb .dc_per { display:inline !important; } 
.steady_seller_wrap { position: relative; padding: 81px 0; margin-bottom: 136px; } 
.steady_seller_wrap .item-wrap { margin-bottom: 0 !important; } 
.steady_seller_wrap .item-wrap .item-cont .item-list .prd-info { padding-bottom:0; } 


/* ============================================================
   °í°´´ÔµéÀÇ ´ã¹éÇÑ ¸®ºä
   ============================================================ */
.review_wrap { position: relative; max-width: 1500px; width: 100%; margin: 0 auto 80px; } 


/* ============================================================
   ȸ¿øÇýÅÃ
   ============================================================ */
.benefit_wrap{max-width:1500px;margin:0 auto 60px;display:flex;background:#fafafa;padding:44px 0;}
.benefit_wrap a{flex:1;text-align:center;padding:0 20px;text-decoration:none; color:#1c1b19;border-right:1px solid #e6e6e6;}
.benefit_wrap a:last-child{border-right:none;}
.benefit_wrap .icon{width:32px; height:32px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;}
.benefit_wrap .icon svg{ width:100%; height:100%;}
.benefit_wrap .tit{font-size:15px;font-weight:700;margin-bottom:8px;}
.benefit_wrap .desc{font-size:12.5px;color:#888;font-weight:400;}

/* ============================================================
   BASIC css end
   ============================================================ */

@media (max-width: 1500px) {
     #best_swiper .item-cont .item-list .thumb img { width:100%; }
}


/* ============================================================
   Àüü »óÇ° ½æ³×ÀÏ È£¹ö È¿°ú - ÃÖÁ¾º» v2
   1) »çÁø È®´ë ¾Ö´Ï¸ÞÀ̼Ç: ´ëÇ¥ »çÁø¿¡¸¸ Àû¿ë (¾ÆÀÌÄÜ/¹îÁö Á¦¿Ü)
   2) È£¹ö ¾ÆÀÌÄÜ: ÂòÇϱâ(ÇÏÆ®) + Àå¹Ù±¸´Ï
   3) »óÇ°¸í+°¡°Ý ¿À¹ö·¹ÀÌ (º£½ºÆ®»óÇ°¸¸)
   4) Ç°Àý ¹îÁö: Áß½ÉÁ¡ °íÁ¤, ¹è°æ Åõ¸í, È®´ëÈ¿°ú Á¦¿Ü
   ============================================================ */

.item-wrap .item-list{ position:relative !important; }
.item-wrap .item-list .thumb{ position:relative !important; overflow:hidden !important; }

/* ´ëÇ¥ »çÁø¿¡¸¸ È®´ëÈ¿°ú - ¾ÆÀÌÄÜ/¹îÁö´Â ¿©±â¼­ ¹èÁ¦ */
.item-wrap .item-list .thumb > a > img{
  transition: transform .7s cubic-bezier(0.25,0.46,0.45,0.94) !important;
}
.item-wrap .item-list:hover .thumb > a > img{ transform: scale(1.08) !important; }

/* È£¹ö ¾ÆÀÌÄÜ ¿µ¿ª (ÂòÇϱâ + Àå¹Ù±¸´Ï) */
.item-wrap .item-list .p_preview{
  background:transparent !important; border:none !important; box-shadow:none !important;
  position:absolute !important; right:14px !important; top:78% !important; left:auto !important; bottom:auto !important;
  z-index:3 !important; display:flex !important; flex-direction:column !important; gap:8px !important;
  width:auto !important; align-items:center !important;
  transform:translateY(-50%) !important; opacity:0 !important; transition:opacity .3s ease !important; }
.item-wrap .item-list:hover .p_preview{ opacity:1 !important; }

.item-wrap .item-list .p_preview a,
.item-wrap .item-list .p_preview span.my-wish-list{
  width:38px !important; height:38px !important;
  border-radius:10px !important;
  background:rgba(255,255,255,0.92) !important;
  box-shadow:0 2px 6px rgba(0,0,0,0.10) !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  filter:none !important;
  cursor:pointer !important;
}
.item-wrap .item-list .p_preview a img,
.item-wrap .item-list .p_preview span.my-wish-list img{
  width:20px !important; height:20px !important;
  opacity:0.8 !important;
  filter:none !important;
  transform:none !important;
}

/* º£½ºÆ®»óÇ° Àü¿ë: È£¹ö½Ã »çÁø »ì¦ ¾îµÎ¿öÁü (ÅؽºÆ® °¡µ¶¼º) */
.best_wrap .item-cont .item-list .thumb:before{
  content:''; position:absolute; inset:0; z-index:1;
  background:rgba(0,0,0,0);
  transition:background .3s ease;
  pointer-events:none;
}
.best_wrap .item-cont .item-list:hover .thumb:before{
  background:rgba(0,0,0,0.28);
}

.best_wrap.item-wrap .item-cont.flexed .item-list .prd-info,
.best_wrap .item-cont .item-list .prd-info{
  display:block !important; position:absolute !important; left:0 !important; right:0 !important;
  top:38% !important; bottom:auto !important; z-index:2 !important; padding:0 20px !important;
  background:none !important; border:none !important;
  text-align:center !important;
  opacity:0 !important; transition:opacity .3s ease !important; margin:0 !important;
}
.best_wrap .item-cont .item-list:hover .prd-info{ opacity:1 !important; }
.best_wrap.item-wrap .item-cont.flexed .item-list .prd-info ul,
.best_wrap .item-cont .item-list .prd-info ul{
  list-style:none !important; padding:0 !important; margin:0 !important;
  border:none !important; text-align:center !important;
}
.best_wrap.item-wrap .item-cont.flexed .item-list .prd-info li,
.best_wrap .item-cont .item-list .prd-info li{
  text-align:center !important; border:none !important; width:100% !important; float:none !important;
}
.best_wrap.item-wrap .item-cont.flexed .item-list .prd-info .prd-name,
.best_wrap .item-cont .item-list .prd-info .prd-name{
  font-size:13px !important; margin-bottom:6px !important;
  text-decoration:none !important; text-align:center !important; border:none !important;
}
.best_wrap.item-wrap .item-cont.flexed .item-list .prd-info .prd-name a,
.best_wrap .item-cont .item-list .prd-info .prd-name a{
  color:#fff !important;
  text-decoration:none !important;
  border:none !important;
}
.best_wrap.item-wrap .item-cont.flexed .item-list .prd-info .prd-price,
.best_wrap .item-cont .item-list .prd-info .prd-price{
  font-size:14px !important; font-weight:600 !important;
  text-align:center !important; border:none !important;
  display:block !important; width:100% !important;
}
.best_wrap .item-cont .item-list .prd-info .prd-price .normal,
.best_wrap .item-cont .item-list .prd-info .prd-price b{ color:#fff !important; }
.best_wrap .item-cont .item-list .prd-info .prd-color,
.best_wrap .item-cont .item-list .prd-info .prd-subname,
.best_wrap .item-cont .item-list .prd-info .prd-ico,
.best_wrap .item-cont .item-list .prd-info .p_review,
.best_wrap .item-cont .item-list .prd-info .dc_per,
.best_wrap .item-cont .item-list .prd-info .consumer{ display:none !important; }

/* º£½ºÆ®»óÇ° Àü¿ë: ¾ÆÀÌÄÜ °¡·Î¹èÄ¡, ÇÏ´ÜÁß¾Ó */
.best_wrap.item-wrap .item-cont.flexed .item-list .p_preview,
.best_wrap .item-cont .item-list .p_preview{
  position:absolute !important;
  left:0 !important; right:auto !important; bottom:20px !important; top:auto !important;
  transform:none !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
}

/* ============================================================
   Ç°Àý - ½æ³×ÀÏ Àüü ¾îµÓ°Ô + SOLD OUT ÅؽºÆ®
   ============================================================ */

.thumb .p_soldout {
    position: absolute !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    transform: none !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: 13px;
    letter-spacing: 1.5px;
    font-weight: 400;
}
/* Ç°Àý »óÇ°¿¡¼­´Â ÂòÇϱâ/Àå¹Ù±¸´Ï ¾ÆÀÌÄÜ ¿ÏÀüÈ÷ ¼û±è */
.thumb:has(.p_soldout) .p_preview{
    display: none !important;
}
/* BASIC css end */