/* BASIC css start */
body #contentWrap {width:1400px;}
body .item-wrap {width:100%; margin-top:100px;}
body .cateTit {padding:0;}
body .cateTit h3 {text-align:left; font-size:20px; color:#121212; font-weight:500; margin-bottom:16px; font-family: "SUIT", sans-serif;}

/* class-list */
#productClass .cate-wrap {overflow:hidden;}
#productClass .cate-wrap .bcate { padding-bottom:24px; font-size:24px; color:#121212; font-weight:600;}
.class-list {}
.class-list dd {display:inline-block; vertical-align:top; margin-right:36px;}
.class-list dd a {display:block; font-size:14px; color:var(--txt);}
.class-list dd a.sel {color:#121212; font-weight:600;}

/* best-item */
#productClass .best-item {}
#productClass .prdList.basic.best-item ul {gap:16px;}
#productClass .prdList.basic.best-item ul li {width:220px;}

/* total-sort */
#productClass .total-sort { padding-top: 30px; }
.sort {display:flex; align-items:center; justify-content: space-between; margin-bottom:16px;}
.item-total {display:inline-block; color:#121212; font-size:14px;}
.trxSchOrd {}
.trxSchOrd select {width:120px; height:30px; border:1px solid #ededed; border-radius:4px; appearance:none; background:url(//skin.makeshop.co.kr/skin/fragrance/pc/img/sel_down.png)no-repeat 93% center; text-indent: 10px;}

/* ÇÏÀ§ ºÐ·ù */
#productClass .item-cate { display: flex; justify-content: space-between; align-items: end; padding: 30px 0; }
#productClass .item-cate a { font-weight: bold; color: #1c1c1c; letter-spacing: -1px; }
#productClass .item-cate .scate a { font-size: 18px; }
#productClass .item-cont .thumb .main_icons {  position:relative; }

#MS_product {display: flex; flex-wrap: wrap; gap: 60px 20px; justify-content: start;}

/*  Ç°Àý */
.prdList ul li .soldout {position:relative;}
.prdList ul li .soldout .soldout_txt {position: absolute; width: 100%; height:100%; background: rgba(0, 0, 0, 0.5);line-height: 100%; display: flex; text-align: center; color: #dddddd; font-size: 24px; font-weight: 400; align-items: center;justify-content: center;border-radius: 15px;}

/*  ´õº¸±â */
#MS_product_more_btn_area .more {width:280px;height:46px;border:1px solid #EDEDED;text-align:center;line-height:46px;margin:100px auto}
#MS_product_more_btn_area .more a {color:#121212;font-size:14px;}

/* ÇÊÅÍ */
.btn-filter {margin-top:30px; padding-left:25px; font-size:15px; font-weight:bold; background:url(/images/common/icon_filter.png) no-repeat left center;}
.filter-wrap * {font-family:'Malgun Gothic'; color:#202020; word-break:break-all;}
.layer-filter-wrap {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:200; content:'';}
.layer-filter-wrap .layer-filter {position:fixed; left:0; top:0; width:400px; height:100%; background:#fff; z-index:200; overflow:auto;}
.layer-filter-wrap .layer-filter::-webkit-scrollbar {width:6px;}
.layer-filter-wrap .layer-filter::-webkit-scrollbar-thumb {height:30%; background:#666; border:2px solid #fff;}
.layer-filter-wrap .layer-filter::-webkit-scrollbar-track {background:#fff;}
.layer-filter-wrap .layer-filter .tit {position:sticky; top:0; padding:30px; background:#fff; border-bottom:1px solid #f0f0f0; z-index:100;}
.layer-filter-wrap .layer-filter .tit h3 {display:inline-block; font-size:17px; font-weight:bold;}
.layer-filter-wrap .layer-filter .tit .total-count {display:inline-block; margin-left:15px; color:#b17efe; font-size:13px;}
.layer-filter-wrap .layer-filter .tit .btn-close {position:absolute; right:30px; top:30px; width:18px; height:18px; font-size:0px; text-indent:-9999px; background:url(/images/common/icon_close.png) no-repeat left center;}
.layer-filter-wrap .layer-filter .opt-box li > div {padding-top:7px;}
.layer-filter-wrap .layer-filter .opt-box li {padding:18px 30px 17px; border-bottom:1px solid #f0f0f0; background:url(/images/common/icon_arr_down.png) no-repeat 92% 22px; font-size:15px; font-weight:bold; cursor:pointer;}
.layer-filter-wrap .layer-filter .opt-box li.active {background:url(/images/common/icon_arr_up.png) no-repeat 92% 22px;}
.layer-filter-wrap .layer-filter .opt-box li input[type="checkbox"]{display:none;}
.layer-filter-wrap .layer-filter .opt-box li .chk-box label {position:relative; height:21px; line-height:19px; margin-top:10px; padding-left:26px; display:block; font-size:13px; font-weight:normal; cursor:pointer;}
.layer-filter-wrap .layer-filter .opt-box li .chk-box label:before {position:absolute; left:0; top:0; width:21px; height:21px; background:url(/images/common/chkbox_off.png) no-repeat center center; content:'';}
.layer-filter-wrap .layer-filter .opt-box li .chk-box input[type="checkbox"]:checked + label:before {background:url(/images/common/chkbox_on.png) no-repeat center center;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code {display:flex; flex-wrap:wrap; gap:15px; margin-top:10px;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code label {display:block; width:36px; height:36px; border:3px solid #fff; border-radius:50%; font-size:13px; font-weight:normal; box-shadow:0px 0px 1px 1px #dfdfdf; cursor:pointer;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code input[type="checkbox"]:checked + label {box-shadow:0px 0px 1px 1px #000;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code input[type="checkbox"]:checked + label + p {color:#202020;}
.layer-filter-wrap .layer-filter .opt-box li .chk-color-code p {padding-top:9px; color:#a6a6a6; font-size:12px; text-align:center; font-weight:normal;}
.layer-filter-wrap .layer-filter .select-filter {display:flex; flex-wrap:wrap; gap:5px; margin:20px 0 30px; padding:0 30px;}
.layer-filter-wrap .layer-filter .select-filter li {display:flex; align-items:center; padding:6px 10px 7px; background:#f8f8f8; border-radius:5px; font-size:13px;}
.layer-filter-wrap .layer-filter .select-filter li .btn-del {width:10px; height:10px; margin-left:5px; background:url(/images/common/icon_txt_delete.png) no-repeat right center; font-size:0px; text-indent:-9999px;}
.layer-filter-wrap .layer-filter .select-filter li .color-code {display:inline-block; width:18px; height:18px; margin-right:5px; border-radius:50%;}
.layer-filter-wrap .layer-filter .select-filter li .filter-text {max-width:200px;}
.layer-filter-wrap .layer-filter .btn-wrap {display:flex; margin:30px; border:1px solid #202020; border-radius:5px; box-sizing:border-box;}
.layer-filter-wrap .layer-filter .btn-wrap button {width:auto; padding:16px 0; text-align:center; background:#fff; font-size:14px; font-weight:bold;}
.layer-filter-wrap .layer-filter .btn-wrap button.btn-reset {width:100%; min-width:120px; border-radius:5px;}
.layer-filter-wrap .layer-filter .btn-wrap button.btn-search {min-width:220px; background:#202020; border-radius:0 5px 5px 0;}
.layer-filter-wrap .layer-filter .btn-wrap button span {display:inline-block; visibility:visible;}
.layer-filter-wrap .layer-filter .btn-wrap button span.fc-fff {color:#fff;}





/* ============================================================
   ȨIJ½º ¹«µå Ä÷º¼Ç - ¸ÞÀÌÅ©¼¥ »ðÀÔ¿ë CSS
   - ¸ðµç ¼±ÅÃÀÚ¿¡ .hc- ÇÁ¸®ÇȽº + .hc-mood-wrap ½ºÄÚÇÁ Àû¿ë
   - ¸ÞÀÌÅ©¼¥ ±âÁ¸ CSS(body, .item-wrap, :root µî)¿Í Ãæµ¹ ¾øÀ½
   - µðÀÚÀÎ ½ºÅ² °ü¸® > CSS Ãß°¡ ¿µ¿ª µî¿¡ ±×´ë·Î ºÙ¿©³Ö±â
   ============================================================ */

.hc-mood-wrap{
  /* ===== Typography / Color º¯¼ö (Àü¿ª :root ´ë½Å wrap ¾È¿¡¼­¸¸) ===== */
  --hc-fs-eyebrow: 14px;
  --hc-fs-title: 34px;
  --hc-fs-subtitle: 17px;
  --hc-fs-tag: 19px;
  --hc-fs-product: 15px;
  --hc-fs-price: 14px;
  --hc-fs-price-sale: 17px;

  --hc-sp-1: 8px;
  --hc-sp-2: 16px;
  --hc-sp-3: 24px;
  --hc-sp-4: 32px;
  --hc-sp-5: 40px;
  --hc-sp-6: 48px;
  --hc-sp-8: 64px;

  --hc-radius-card: 14px;
  --hc-text-dark: #1c1c1c;
  --hc-text-sub: #6b6b6b;
  --hc-accent-red: #dc5b5b;
  --hc-transition: 0.25s ease;

  /* body{} Àü¿ª ¼±ÅÃÀÚ ´ë½Å wrap ¾È¿¡¼­¸¸ ÆùÆ®/»ö ÁöÁ¤ */
  font-family:'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  color:var(--hc-text-dark);
  -webkit-font-smoothing:antialiased;
}
.hc-mood-wrap *{
  box-sizing:border-box;
}

.hc-intro-banner{
  display:block;
  width:100%;
  max-width:900px;
  margin:0 auto;
  height:auto;
}

/* ===================================
   MOOD SECTION COMMON
=================================== */
.hc-mood-wrap .hc-mood-section{
  padding: var(--hc-sp-8) 0 var(--hc-sp-6);
  overflow:hidden;
}
.hc-mood-wrap .hc-mood-section--a{ background:#f3ede3; }
.hc-mood-wrap .hc-mood-section--b{ background:#f7f2ea; }
.hc-mood-wrap .hc-mood-section--c{ background:#efe6d8; }

.hc-mood-wrap .hc-mood-inner{
  max-width:900px;
  margin:0 auto;
  padding:0 var(--hc-sp-4);
}

.hc-mood-wrap .hc-mood-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:var(--hc-sp-6);
}
.hc-mood-wrap .hc-mood-eyebrow{
  font-size:var(--hc-fs-eyebrow);
  font-weight:600;
  letter-spacing:0.08em;
  color:var(--hc-text-dark);
}
.hc-mood-wrap .hc-mood-category{
  font-size:var(--hc-fs-eyebrow);
  font-weight:500;
  color:var(--hc-text-sub);
}

.hc-mood-wrap .hc-mood-copy{
  text-align:center;
  margin-bottom:var(--hc-sp-6);
}
.hc-mood-wrap .hc-mood-title{
  font-size:var(--hc-fs-title);
  font-weight:800;
  line-height:1.35;
  letter-spacing:-0.02em;
  margin-bottom:var(--hc-sp-2);
}
.hc-mood-wrap .hc-mood-subtitle{
  font-size:var(--hc-fs-subtitle);
  font-weight:500;
  color:var(--hc-text-sub);
}

.hc-mood-wrap .hc-mood-tag{
  font-size:var(--hc-fs-tag);
  font-weight:700;
  margin-bottom:var(--hc-sp-3);
}

/* ===================================
   SLIDER (auto-flow + drag + swipe)
=================================== */
.hc-mood-wrap .hc-slider{
  overflow:hidden;
  cursor:grab;
  user-select:none;
  padding-bottom:var(--hc-sp-1);
}
.hc-mood-wrap .hc-slider.is-dragging{ cursor:grabbing; }

.hc-mood-wrap .hc-slider__track{
  display:flex;
  gap:var(--hc-sp-3);
  width:max-content;
  will-change:transform;
}

.hc-mood-wrap .hc-product-card{
  flex:0 0 auto;
  width:280px;
  display:block;
  color:inherit;
  text-decoration:none;
}
@media (max-width:640px){
  .hc-mood-wrap .hc-product-card{ width:68vw; }
}

.hc-mood-wrap .hc-product-card__thumb{
  position:relative;
  width:100%;
  aspect-ratio:4/5;
  border-radius:var(--hc-radius-card);
  overflow:hidden;
  margin-bottom:var(--hc-sp-2);
  background:#dfe7ee;
  pointer-events:none;
}
.hc-mood-wrap .hc-product-card__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  -webkit-user-drag:none;
  transition:transform 0.4s ease;
}
.hc-mood-wrap .hc-product-card:hover .hc-product-card__thumb img{
  transform:scale(1.04);
}

.hc-mood-wrap .hc-product-card__badge{
  position:absolute;
  top:var(--hc-sp-1);
  right:var(--hc-sp-1);
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--hc-accent-red);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:800;
  letter-spacing:-0.02em;
  box-shadow:0 2px 8px rgba(0,0,0,0.18);
}
.hc-mood-wrap .hc-product-card__badge:empty{ display:none; }

.hc-mood-wrap .hc-product-card__name{
  font-size:var(--hc-fs-product);
  font-weight:500;
  color:var(--hc-text-dark);
  margin-bottom:4px;
}
.hc-mood-wrap .hc-product-card__price{
  font-size:var(--hc-fs-price);
  color:var(--hc-text-sub);
  text-decoration:line-through;
  margin-bottom:2px;
}
.hc-mood-wrap .hc-product-card__price-sale{
  font-size:var(--hc-fs-price-sale);
  font-weight:800;
  color:var(--hc-accent-red);
}

@media (max-width:768px){
  .hc-mood-wrap .hc-mood-title{ font-size:26px; }
  .hc-mood-wrap .hc-mood-subtitle{ font-size:15px; }
  .hc-mood-wrap .hc-mood-section{ padding: var(--hc-sp-6) 0 var(--hc-sp-4); }
  .hc-mood-wrap .hc-mood-header{ margin-bottom:var(--hc-sp-4); }
  .hc-mood-wrap .hc-mood-copy{ margin-bottom:var(--hc-sp-4); }
}

/* ===================================
   NOTICE
=================================== */
.hc-mood-wrap .hc-notice{
  background:#f4f4f4;
  border-top:1px solid #e5e5e5;
}
.hc-mood-wrap .hc-notice__inner{
  max-width:900px;
  margin:0 auto;
  padding:var(--hc-sp-5) var(--hc-sp-4);
}
.hc-mood-wrap .hc-notice__title{
  font-size:15px;
  font-weight:700;
  color:var(--hc-text-dark);
  margin-bottom:var(--hc-sp-2);
}
.hc-mood-wrap .hc-notice__list{
  list-style:none;
}
.hc-mood-wrap .hc-notice__list li{
  position:relative;
  padding-left:14px;
  font-size:13px;
  line-height:1.8;
  color:var(--hc-text-sub);
}
.hc-mood-wrap .hc-notice__list li::before{
  content:"-";
  position:absolute;
  left:0;
}






/* ============================================================
   ȨIJ½º ¹«µå Ä÷º¼Ç - ¸ÞÀÌÅ©¼¥ »ðÀÔ¿ë CSS
   - ¸ðµç ¼±ÅÃÀÚ¿¡ .hc- ÇÁ¸®ÇȽº + .hc-mood-wrap ½ºÄÚÇÁ Àû¿ë
   - ¸ÞÀÌÅ©¼¥ ±âÁ¸ CSS(body, .item-wrap, :root µî)¿Í Ãæµ¹ ¾øÀ½
   - µðÀÚÀÎ ½ºÅ² °ü¸® > CSS Ãß°¡ ¿µ¿ª µî¿¡ ±×´ë·Î ºÙ¿©³Ö±â
   ============================================================ */

.hc-mood-wrap{
  /* ===== Typography / Color º¯¼ö (Àü¿ª :root ´ë½Å wrap ¾È¿¡¼­¸¸) ===== */
  --hc-fs-eyebrow: 14px;
  --hc-fs-title: 34px;
  --hc-fs-subtitle: 17px;
  --hc-fs-tag: 19px;
  --hc-fs-product: 15px;
  --hc-fs-price: 14px;
  --hc-fs-price-sale: 17px;

  --hc-sp-1: 8px;
  --hc-sp-2: 16px;
  --hc-sp-3: 24px;
  --hc-sp-4: 32px;
  --hc-sp-5: 40px;
  --hc-sp-6: 48px;
  --hc-sp-8: 64px;

  --hc-radius-card: 14px;
  --hc-text-dark: #1c1c1c;
  --hc-text-sub: #6b6b6b;
  --hc-accent-red: #dc5b5b;
  --hc-transition: 0.25s ease;

  /* body{} Àü¿ª ¼±ÅÃÀÚ ´ë½Å wrap ¾È¿¡¼­¸¸ ÆùÆ®/»ö ÁöÁ¤ */
  font-family:'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
  color:var(--hc-text-dark);
  -webkit-font-smoothing:antialiased;

  /* ¾Æ·¡ÂÊ Ä«Å×°í¸® ¿µ¿ª°ú ºÙÁö ¾Êµµ·Ï ¿©¹é */
  margin-bottom:60px;
}
.hc-mood-wrap *{
  box-sizing:border-box;
}

.hc-intro-banner{
  display:block;
  width:100%;
  max-width:1400px;
  margin:0 auto;
  height:auto;
}

/* ===================================
   MOOD SECTION COMMON
=================================== */
.hc-mood-wrap .hc-mood-section{
  padding: var(--hc-sp-8) 0 var(--hc-sp-6);
  overflow:hidden;
}
.hc-mood-wrap .hc-mood-section--a{ background:#f3ede3; }
.hc-mood-wrap .hc-mood-section--b{ background:#f7f2ea; }
.hc-mood-wrap .hc-mood-section--c{ background:#efe6d8; }

.hc-mood-wrap .hc-mood-inner{
  max-width:1100px;
  margin:0 auto;
  padding:0 var(--hc-sp-4);
}

.hc-mood-wrap .hc-mood-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:var(--hc-sp-6);
}
.hc-mood-wrap .hc-mood-eyebrow{
  font-size:var(--hc-fs-eyebrow);
  font-weight:600;
  letter-spacing:0.08em;
  color:var(--hc-text-dark);
}
.hc-mood-wrap .hc-mood-category{
  font-size:var(--hc-fs-eyebrow);
  font-weight:500;
  color:var(--hc-text-sub);
}

.hc-mood-wrap .hc-mood-copy{
  text-align:center;
  margin-bottom:var(--hc-sp-6);
}
.hc-mood-wrap .hc-mood-title{
  font-size:var(--hc-fs-title);
  font-weight:800;
  line-height:1.35;
  letter-spacing:-0.02em;
  margin-bottom:var(--hc-sp-2);
}
.hc-mood-wrap .hc-mood-subtitle{
  font-size:var(--hc-fs-subtitle);
  font-weight:500;
  color:var(--hc-text-sub);
}

.hc-mood-wrap .hc-mood-tag{
  font-size:var(--hc-fs-tag);
  font-weight:700;
  margin-bottom:var(--hc-sp-3);
}

/* ===================================
   SLIDER (auto-flow + drag + swipe)
=================================== */
.hc-mood-wrap .hc-slider{
  overflow:hidden;
  cursor:grab;
  user-select:none;
  padding-bottom:var(--hc-sp-1);
}
.hc-mood-wrap .hc-slider.is-dragging{ cursor:grabbing; }

.hc-mood-wrap .hc-slider__track{
  display:flex;
  gap:var(--hc-sp-3);
  width:max-content;
  will-change:transform;
}

.hc-mood-wrap .hc-product-card{
  flex:0 0 auto;
  width:250px;
  display:block;
  color:inherit;
  text-decoration:none;
}
@media (max-width:640px){
  .hc-mood-wrap .hc-product-card{ width:68vw; }
}

.hc-mood-wrap .hc-product-card__thumb{
  position:relative;
  width:100%;
  aspect-ratio:4/5;
  border-radius:var(--hc-radius-card);
  overflow:hidden;
  margin-bottom:var(--hc-sp-2);
  background:#dfe7ee;
  pointer-events:none;
}
.hc-mood-wrap .hc-product-card__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  -webkit-user-drag:none;
  transition:transform 0.4s ease;
}
.hc-mood-wrap .hc-product-card:hover .hc-product-card__thumb img{
  transform:scale(1.04);
}

.hc-mood-wrap .hc-product-card__badge{
  position:absolute;
  top:var(--hc-sp-1);
  right:var(--hc-sp-1);
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--hc-accent-red);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  font-weight:800;
  letter-spacing:-0.02em;
  box-shadow:0 2px 8px rgba(0,0,0,0.18);
}
.hc-mood-wrap .hc-product-card__badge:empty{ display:none; }

.hc-mood-wrap .hc-product-card__name{
  font-size:var(--hc-fs-product);
  font-weight:500;
  color:var(--hc-text-dark);
  margin-bottom:4px;
}
.hc-mood-wrap .hc-product-card__price{
  font-size:var(--hc-fs-price);
  color:var(--hc-text-sub);
  text-decoration:line-through;
  margin-bottom:2px;
}
.hc-mood-wrap .hc-product-card__price-sale{
  font-size:var(--hc-fs-price-sale);
  font-weight:800;
  color:var(--hc-accent-red);
}

@media (max-width:768px){
  .hc-mood-wrap .hc-mood-title{ font-size:26px; }
  .hc-mood-wrap .hc-mood-subtitle{ font-size:15px; }
  .hc-mood-wrap .hc-mood-section{ padding: var(--hc-sp-6) 0 var(--hc-sp-4); }
  .hc-mood-wrap .hc-mood-header{ margin-bottom:var(--hc-sp-4); }
  .hc-mood-wrap .hc-mood-copy{ margin-bottom:var(--hc-sp-4); }
}

/* ===================================
   NOTICE
=================================== */
.hc-mood-wrap .hc-notice{
  background:#f4f4f4;
  border-top:1px solid #e5e5e5;
}
.hc-mood-wrap .hc-notice__inner{
  max-width:1100px;
  margin:0 auto;
  padding:var(--hc-sp-5) var(--hc-sp-4);
}
.hc-mood-wrap .hc-notice__title{
  font-size:15px;
  font-weight:700;
  color:var(--hc-text-dark);
  margin-bottom:var(--hc-sp-2);
}
.hc-mood-wrap .hc-notice__list{
  list-style:none;
}
.hc-mood-wrap .hc-notice__list li{
  position:relative;
  padding-left:14px;
  font-size:13px;
  line-height:1.8;
  color:var(--hc-text-sub);
}
.hc-mood-wrap .hc-notice__list li::before{
  content:"-";
  position:absolute;
  left:0;
}
/* BASIC css end */