/* 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;}


/* =================================================
   EVENT 260116   CLEAN FINAL (COLOR UPDATED)
   - 800px 고정
   - 가운데 정렬
   - 흰 여백 없음
   - 섹션 가로 나열 방지
   - 탭 색상: 한지/브라운 톤으로 변경
================================================= */

/* 0. 기본 리셋 */
.ev_260116,
.ev_260116 *{
  box-sizing:border-box;
}

.ev_260116 p{
  margin:0 !important;
  padding:0 !important;
}

.ev_260116 br{
  display:none !important;
}

/* 1. 이벤트 영역 (부모 영향 제거용) */
.ev_260116{
  position:relative;
  width:100%;
  padding:0;
}

/* 2. 모든 섹션/유의사항을 "진짜 가운데"로 */
.ev_260116 > section,
.ev_260116 > details{
  position:relative;
  display:block;                 /* ★ 가로 나열 방지 */
  width:800px;
  left:50%;
  transform:translateX(-50%);
  margin:0;
  padding:0;
}

/* 섹션 간 간격 (필요 없으면 0으로) */
.ev_260116 .ev_sec{
  margin-bottom:0;
}

/* 3. 이미지 */
.ev_260116 img{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  vertical-align:top;
}

.ev_260116 .ev_img{
  margin:0;
  padding:0;
  line-height:0;
}

/* =================================================
   TAB (4개 / 200px × 4 = 800px) - COLOR UPDATED
   검정 → 한지/브라운 톤
================================================= */
.ev_260116 .winter-tab{
  width:800px;
  margin:0;
  padding:0;
  list-style:none;

  display:flex;
  flex-wrap:nowrap;

  background:#f6f1ec;            /* 한지 아이보리 */
  border:1px solid #e2d6cf;      /* 연한 테두리 */
}

.ev_260116 .winter-tab li{
  width:200px;
}

.ev_260116 .winter-tab li + li{
  border-left:1px solid #e2d6cf; /* 연한 구분선 */
}

.ev_260116 .winter-tab a{
  display:flex;
  align-items:center;
  justify-content:center;

  height:60px;
  padding:0 10px;

  font-size:15px;
  font-weight:600;
  color:#7a3f35;                 /* 딥 브라운 */
  text-decoration:none;
  white-space:nowrap;

  background:transparent;
}

/* 활성 탭 */
.ev_260116 .winter-tab li.is-active a{
  background:#7a3f35;            /* 딥 브라운 */
  color:#fdfaf7;                 /* 소프트 아이보리 */
}

/* hover (PC에서 자연스럽게) */
.ev_260116 .winter-tab a:hover{
  background:#efe6e0;
}

/* =================================================
   SALE LIST (2열)
================================================= */
.ev_260116 .wsale-list{
  width:800px;
  margin:0;
  padding:0;
  list-style:none;

  display:flex;
  flex-wrap:wrap;
}

.ev_260116 .wsale-list li{
  width:50%;
}

.ev_260116 .wsale-list a{
  display:block;
}

/* 클릭 이슈 방지 */
.ev_260116 .wsale-list,
.ev_260116 .wsale-list *{
  pointer-events:auto !important;
  position:relative;
  z-index:5;
}

/* =================================================
   NOTICE
================================================= */
.ev_260116 .ny-notice{
  width:800px;
  margin-top:20px;
  border:1px solid #e1e4f0;
  border-radius:12px;
  background:#fcf8f6;
  overflow:hidden;
}

.ev_260116 .ny-notice summary{
  list-style:none !important;
  cursor:pointer;
  padding:18px 20px;
  display:flex;
  justify-content:space-between;
}

.ev_260116 .ny-notice summary::-webkit-details-marker{display:none;}
.ev_260116 .ny-notice summary::marker{content:"";}

.ev_260116 .ny-notice__body{
  padding:16px 20px 20px;
  border-top:1px solid #e1e4f0;
  font-size:14px;
  line-height:1.7;
  color:#6b5a55;                 /* 서브 브라운으로 톤 맞춤 */
}


/* 이미지 위 텍스트 오버레이 (개선 버전) */
.evHero{
  position:relative;
  width:800px;
  left:50%;
  transform:translateX(-50%);
}

.evHero img{
  width:100%;
  height:auto;
  display:block;
}

/* 하단 전체를 덮는 그라데이션 */
.evHero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:42%;   /* 필요하면 40~48% 사이로 조절 */
  background:linear-gradient(
    to top,
    rgba(72,52,40,0.78) 0%,    /* #483428 진한 바닥 */
    rgba(72,52,40,0.50) 45%,
    rgba(72,52,40,0.22) 70%,
    rgba(72,52,40,0.00) 100%
  );
  z-index:1;
}


/* 텍스트 영역 */
.evHero__txt{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:80px;   /* ← 28px → 46px (조금 위로) */
  width:90%;
  text-align:center;
  color:#fff;
  line-height:1.5;
  z-index:2;
  padding:0 12px;
}

/* 메인 타이틀 */
.evHero__t1{
  font-size:26px;          /* ← 기존 22~23 → 26 */
  font-weight:800;
  letter-spacing:-0.02em;
  text-shadow:0 3px 10px rgba(0,0,0,0.45);
}

/* 서브 문구 */
.evHero__t2,
.evHero__t3{
  font-size:17px;          /* ← 기존 15 → 17 */
  font-weight:500;
  margin-top:8px;
  opacity:0.96;
  text-shadow:0 3px 10px rgba(0,0,0,0.45);
}

/* 기간/보조 문구 */
.evHero__t4{
  font-size:15px;          /* ← 기존 14 → 15 */
  font-weight:600;
  margin-top:10px;
  opacity:0.95;
  text-shadow:0 3px 10px rgba(0,0,0,0.45);
}


/* BASIC css end */