@charset "utf-8";

/* 배경색 */
.bg-grey {
  background-color: #BCBFC1;
}

/* 공통 레이아웃 */
.members__section {
  padding: calc(60 * var(--vw-400)) calc(16 * var(--vw-400));
}
.members__section .section__header {
  display: flex;
  flex-direction: column;
  margin-bottom: calc(40 * var(--vw-400));
  text-align: center;
}
.members__section .section__label {
  margin-bottom: calc(6 * var(--vw-400));
  font-size: calc(16 * var(--vw-400));
  font-weight: 700;
  line-height: calc(26 * var(--vw-400));
  letter-spacing: calc(-0.8 * var(--vw-400));
  color: #8E8F8F;
}
.members__section .section__label--white {
  color: #fff;
}
.members__section .section__label .font--en {
  font-size: calc(18 * var(--vw-400));
  font-family: "ProximaNova";
  letter-spacing: 0;
}
.members__section .section__title {
  font-size: calc(26 * var(--vw-400));
  font-weight: 900;
  font-family: "Noto Sans KR";
  line-height: calc(39 * var(--vw-400));
  letter-spacing: calc(-1.3 * var(--vw-400));
  color: #373B32;
}
.members__section .section__title .font--en {
  font-size: calc(30 * var(--vw-400));
  font-weight: 800;
  font-family: "ProximaNova";
  letter-spacing: 0;
}
.members__section .section__desc {
  margin-top: calc(16 * var(--vw-400));
  font-size: calc(18 * var(--vw-400));
  line-height: calc(28 * var(--vw-400));
  letter-spacing: calc(-0.9 * var(--vw-400));
}
.members__section .section__desc .font--en {
  font-size: calc(20 * var(--vw-400));
  letter-spacing: -1px;
}

.members__intro {
  margin-bottom: calc(50 * var(--vw-400));
  font-size: calc(18 * var(--vw-400));
  font-weight: 700;
  line-height: calc(28 * var(--vw-400));
  letter-spacing: calc(-0.9 * var(--vw-400));
  text-align: center;
}
.members__intro .font--en {
  font-size: calc(20 * var(--vw-400));
  letter-spacing: 0;
}

/* 영역별 카테고리 Tab */
.members__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(8 * var(--vw-400));
  margin-bottom: calc(40 * var(--vw-400));
}
.members__tab .tab {
  display: inline-block;
  height: calc(40 * var(--vw-400));
  padding: 0 calc(16 * var(--vw-400));
  background-color: #BCBFC1;
  border: 0;
  border-radius: calc(20 * var(--vw-400));
  font-family: inherit;
  font-size: calc(14 * var(--vw-400));
  font-weight: 700;
  line-height: calc(40 * var(--vw-400));
  letter-spacing: calc(-0.7 * var(--vw-400));
  color: #727272;
  text-align: center;
  white-space: nowrap;
  -webkit-appearance: none;
  appearance: none;
}
/* iOS Safari 전용 — 한글 폰트 baseline 위쪽 치우침 보정 */
@supports (-webkit-touch-callout: none) {
  .members__tab .tab {
    padding-top: calc(2 * var(--vw-400));
  }
}
.members__tab .tab.on {
  background-color: #373B32;
  color: #fff;
}
.members__tab-content {
  position: relative;
}
.members__tab-content:not(.on) {
  display: none !important;
}

/* 오늘의 발매 탭 - 자식 총 길이 > 부모 너비일 때 좌측 정렬 + 가로 스크롤 */
.members__tab.jsTodayTab {
  justify-content: safe center;
  overflow-x: auto;
  padding: 0 calc(16 * var(--vw-400));
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.members__tab.jsTodayTab::-webkit-scrollbar {
  display: none;
}

/* Key Visual */
.members__kv {
  position: relative;
}
.members__kv img {
  width: 100%;
  display: block;
}

/* Sticky Menu */
.members__nav {
  background: #fff;
  position: sticky;
  top: 55px;
  z-index: 11;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.members__nav::-webkit-scrollbar {
  display: none;
}
.members__nav .nav__inner {
  position: relative;
  display: flex;
  align-items: center;
  gap: calc(40 * var(--vw-400));
  padding: 0 calc(16 * var(--vw-400));
  width: max-content;
  min-width: 100%;
}
.members__nav .nav__title {
  height: calc(50 * var(--vw-400));
  padding: 0;
  background: transparent;
  border: 0;
  color: #8E8F8F;
  font-size: calc(14 * var(--vw-400));
  font-weight: 700;
  letter-spacing: calc(-0.7 * var(--vw-400));
  font-family: "Noto Sans KR";
  white-space: nowrap;
  transition: color 0.5s;
}
.members__nav .nav__title.on {
  font-weight: 900;
  color: #373B32;
}
.members__nav .line {
  position: absolute;
  bottom: 0;
  left: calc(16 * var(--vw-400));
  width: calc(92 * var(--vw-400));
  height: calc(4 * var(--vw-400));
  background: #373B32;
  transition: left 0.5s, width 0.5s;
  z-index: 11;
}

/* 공통 버튼 */
.members__btns {
  display: flex;
  gap: calc(10 * var(--vw-400));
  align-items: center;
  justify-content: center;
}
.members__btns {
  flex-direction: column;
}
.members__btns .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(6 * var(--vw-400));
  width: calc(310 * var(--vw-400));
  height: calc(48 * var(--vw-400));
  border: calc(1 * var(--vw-400)) solid transparent;
  border-radius: calc(5 * var(--vw-400));
  font-size: calc(16 * var(--vw-400));
  letter-spacing: calc(-0.8 * var(--vw-400));
}
.members__btns .btn b {
  font-weight: 700;
}
.members__btns .btn .font--en {
  font-size: calc(16 * var(--vw-400));
  font-family: "ProximaNova";
  letter-spacing: 0;
}
.members__btns .btn--dark {
  background-color: #373B32;
  color: #fff;
}
.members__btns .btn--white {
  background-color: #fff;
  border-color: #373B32;
  color: #373B32;
}
.members__btns .btn--small {
  width: calc(120 * var(--vw-400));
  height: calc(40 * var(--vw-400));
  font-size: calc(14 * var(--vw-400));
  letter-spacing: calc(-0.7 * var(--vw-400));
}

/* 쿠폰 & 결제 혜택 */
.members__content--coupon {
  margin-top: -1px; /* 기기에서 메뉴와 영역 사이 흰색 배경이 보인다는 이슈 해결용 */
  padding: calc(60 * var(--vw-400)) 0;
}
.members__content--coupon .coupon__bottom {
  margin-top: calc(40 * var(--vw-400));
}

/* 오늘의 발매 */
.members__section--release {
  padding: calc(60 * var(--vw-400)) 0;
}
.members__section--release .section__header {
  margin-bottom: calc(30 * var(--vw-400));
}

/* 메인 카드 */
.members__section--release .release__main {
  position: relative;
  width: calc(368 * var(--vw-400));
  height: calc(342 * var(--vw-400));
  margin: 0 auto;
  padding: calc(14 * var(--vw-400)) calc(14 * var(--vw-400)) calc(20 * var(--vw-400));
  background-color: #373B32;
  border-radius: calc(5 * var(--vw-400));
  overflow: hidden;
  color: #fff;
}
.members__section--release .release__main-thumb {
  display: block;
  width: 100%;
  height: calc(260 * var(--vw-400));
  margin: 0;
  border-radius: calc(5 * var(--vw-400));
  overflow: hidden;
}
.members__section--release .release__main-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.members__section--release .release__main-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(10 * var(--vw-400));
  margin-top: calc(19 * var(--vw-400));
}
.members__section--release .release__main-title {
  font-size: calc(22 * var(--vw-400));
  font-weight: 800;
  line-height: calc(29 * var(--vw-400));
}
.members__section--release .release__main-date {
  font-size: calc(16 * var(--vw-400));
  font-weight: 700;
  line-height: calc(26 * var(--vw-400));
  letter-spacing: calc(-0.8 * var(--vw-400));
}
.members__section--release .release__main-date .font--en {
  font-size: calc(18 * var(--vw-400));
  font-family: "ProximaNova";
  letter-spacing: 0;
}

/* 응모 정보 (templateB에서만 노출) */
.members__section--release:not(.templateB) .release__info {
  display: none;
}
.members__section--release .release__info {
  display: flex;
  flex-direction: column;
  gap: calc(20 * var(--vw-400));
  margin-top: calc(30 * var(--vw-400));
  padding: 0 calc(16 * var(--vw-400));
}
.members__section--release .release__info li {
  display: flex;
  font-size: calc(15 * var(--vw-400));
  line-height: calc(22 * var(--vw-400));
  letter-spacing: calc(-0.75 * var(--vw-400));
  color: #373B32;
}
.members__section--release .release__info .info__title {
  flex: 0 0 calc(79 * var(--vw-400));
  font-weight: 900;
}

/* 상품 리스트 (가로 스크롤) */
.members__section--release .release__goods {
  display: flex;
  gap: calc(8 * var(--vw-400));
  margin-top: calc(30 * var(--vw-400));
  padding: 0 calc(16 * var(--vw-400));
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
/* 래플 템플릿 또는 상품이 없을 경우 상품 리스트 노출 안함 */
.members__section--release.templateB .release__goods,
.members__section--release .release__goods:empty {
  display: none;
}
.members__section--release .release__goods::-webkit-scrollbar {
  display: none;
}
.members__section--release .release__goods-item {
  flex: 0 0 calc(114 * var(--vw-400));
  max-width: calc(114 * var(--vw-400));
}
.members__section--release .release__goods-item > a {
  display: block;
  color: #373B32;
}
.members__section--release .release__thumb {
  margin: 0 0 calc(14 * var(--vw-400));
  background-color: #E0E2E3;
  aspect-ratio: 1;
}
.members__section--release .release__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.members__section--release .release__title {
  font-size: calc(12 * var(--vw-400));
  line-height: 1;
  letter-spacing: calc(-0.6 * var(--vw-400));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* template C */
.members__section--release.templateC .members__tab {
  display: none;
}
.members__section--release.templateC .release__main {
  background-color: transparent;
  padding: 0;
  height: auto;
}
.members__section--release.templateC .release__main-thumb {
  height: auto;
}
.members__section--release.templateC .release__main-content {
  display: none;
}
.members__section--release.templateC .release__main-btn {
  position: absolute;
  bottom: calc(50 * var(--vw));
  left: calc(40 * var(--vw));
}


/* === 가격 표시 공통 (release & curation) === */
.release__price,
.curation__price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(8 * var(--vw-400)) calc(6 * var(--vw-400));
  margin-top: calc(10 * var(--vw-400));
  line-height: 1;
}
.release__price .origin,
.curation__price .origin {
  flex: 0 0 100%;
  font-size: calc(12 * var(--vw-400));
  text-decoration-line: line-through;
}
.release__price .origin .num,
.curation__price .origin .num {
  font-size: calc(13 * var(--vw-400));
  font-family: "ProximaNova";
}
.release__price .discount,
.curation__price .discount {
  font-size: calc(14 * var(--vw-400));
  font-family: "ProximaNova";
  font-weight: 700;
  color: #CF0A2C;
}
.release__price .price,
.curation__price .price {
  font-size: calc(12 * var(--vw-400));
  font-weight: 700;
}
.release__price .price .num,
.curation__price .price .num {
  font-size: calc(14 * var(--vw-400));
  font-family: "ProximaNova";
  font-weight: 700;
}
/* 섹션별 origin 색상 (배경 대비) */
.members__section--release .release__price .origin {
  color: #BCBFC1;
}

/* 더 보러가기 */
.members__section--release .release__more {
  margin-top: calc(40 * var(--vw-400));
}

/* 발매 & 재입고 캘린더 */
.members__section--drop {
  padding: calc(60 * var(--vw-400)) 0;
  background-color: #BCBFC1;
}
.members__section--drop .section__header {
  margin-bottom: calc(30 * var(--vw-400));
}
.members__section--drop .members__tab {
  gap: calc(10 * var(--vw-400));
  margin-bottom: calc(40 * var(--vw-400));
}
.members__section--drop .members__tab .tab {
  width: calc(80 * var(--vw-400));
  height: calc(40 * var(--vw-400));
  font-size: calc(16 * var(--vw-400));
  letter-spacing: calc(-0.8 * var(--vw-400));
}
.members__section--drop .members__tab .tab:not(.on) {
  background-color: #8E8F8F;
  color: #BCBFC1;
}

/* drop list */
.members__section--drop .drop__content {
  display: flex;
  flex-direction: column;
  gap: calc(40 * var(--vw-400));
}
.members__section--drop .drop__group {}
.members__section--drop .drop__date {
  margin-bottom: calc(10 * var(--vw-400));
  padding: 0 calc(16 * var(--vw-400));
  font-size: calc(16 * var(--vw-400));
  font-weight: 700;
  line-height: calc(26 * var(--vw-400));
  letter-spacing: calc(-0.8 * var(--vw-400));
  color: #373B32;
}
.members__section--drop .drop__date .font--en {
  font-size: calc(18 * var(--vw-400));
  font-family: "ProximaNova";
  letter-spacing: 0;
}

/* === drop & recommend 카드 리스트 공통 === */
.drop__list,
.recommend__list {
  display: flex;
  flex-direction: column;
  background-color: #fff;
}
.drop__list > li:last-child,
.recommend__list > li:last-child {
  border-bottom: 0;
}
.drop__thumb,
.recommend__thumb {
  width: calc(82 * var(--vw-400));
  height: calc(82 * var(--vw-400));
  margin: 0;
  background-color: #BCBFC1;
  overflow: hidden;
}
.drop__thumb img,
.recommend__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.drop__title,
.recommend__title {
  font-size: calc(15 * var(--vw-400));
  font-weight: 700;
  line-height: calc(21 * var(--vw-400));
  letter-spacing: calc(-0.75 * var(--vw-400));
  color: #373B32;
}
.drop__title .font--en,
.recommend__title .font--en {
  font-size: calc(16 * var(--vw-400));
  font-family: "ProximaNova";
  letter-spacing: 0;
}
.drop__desc,
.recommend__desc {
  font-size: calc(13 * var(--vw-400));
  line-height: calc(20 * var(--vw-400));
  letter-spacing: calc(-0.65 * var(--vw-400));
  color: #373B32;
}
.drop__desc .font--en,
.recommend__desc .font--en {
  font-size: calc(14 * var(--vw-400));
  font-family: "ProximaNova";
  letter-spacing: 0;
}

/* btns (좌측 세로 구분선 포함) */
.drop__btns,
.recommend__btns {
  position: relative;
  margin: 0;
  padding-left: calc(16 * var(--vw-400));
}
.drop__btns::before,
.recommend__btns::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5px;
  height: calc(82 * var(--vw-400));
  background: #BCBFC1;
}

/* 더 보기 (arrow + label) */
.drop__more,
.recommend__more {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(8 * var(--vw-400));
  min-width: calc(51 * var(--vw-400));
  color: #373B32;
}
.drop__more::before,
.recommend__more::before {
  content: '';
  width: calc(11 * var(--vw-400));
  height: calc(20 * var(--vw-400));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' viewBox='0 0 11 20' fill='none'%3E%3Cpath d='M0.75 0.75L9.75 9.75L0.75 18.75' stroke='%23727272' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
}
.drop__more-label,
.recommend__more-label {
  font-size: calc(12 * var(--vw-400));
  line-height: calc(14 * var(--vw-400));
  letter-spacing: calc(-0.6 * var(--vw-400));
  text-align: center;
}

/* === drop 전용 (grid 레이아웃 + 알림 버튼) === */
.members__section--drop .drop__list > li {
  display: grid;
  grid-template-columns: calc(82 * var(--vw-400)) 1fr auto;
  grid-template-rows: auto auto;
  align-items: center;
  gap: calc(2 * var(--vw-400)) 0;
  padding: calc(16 * var(--vw-400));
}
.members__section--drop .drop__list > li:not(:first-child) {
  border-top: 0.5px solid #BCBFC1;
}
.members__section--drop .drop__thumb {
  grid-column: 1;
  grid-row: 1 / span 2;
}
.members__section--drop .drop__title {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  margin-left: calc(16 * var(--vw-400));
}
.members__section--drop .drop__desc {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  margin-left: calc(16 * var(--vw-400));
}
.members__section--drop .drop__list > li:has(.drop__link) {
  grid-template-rows: auto auto auto;
}
.members__section--drop .drop__list > li:has(.drop__link) .drop__thumb,
.members__section--drop .drop__list > li:has(.drop__link) .drop__btns {
  grid-row: 1 / -1;
}
.members__section--drop .drop__link {
  grid-column: 2;
  grid-row: 3;
  align-self: start;
  justify-self: start;
  display: inline-block;
  margin-top: calc(6 * var(--vw-400));
  margin-left: calc(16 * var(--vw-400));
  padding-right: calc(11 * var(--vw-400));
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='9' viewBox='0 0 5 9' fill='none'%3E%3Cpath d='M0.375 0.375L4.125 4.125L0.375 7.875' stroke='%23727272' stroke-width='0.75' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right center / calc(5 * var(--vw-400)) auto;
  font-size: calc(11 * var(--vw-400));
  line-height: 1;
  letter-spacing: calc(-0.55 * var(--vw-400));
  color: #727272;
}
.members__section--drop .drop__btns {
  grid-column: 3;
  grid-row: 1 / span 2;
  align-self: center;
}

/* drop 알림 받기 토글 */
.members__section--drop .drop__alarm {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(8 * var(--vw-400));
  min-width: calc(51 * var(--vw-400));
  cursor: pointer;
}
.members__section--drop .alarm__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.members__section--drop .alarm__track {
  position: relative;
  width: calc(37 * var(--vw-400));
  height: calc(20 * var(--vw-400));
  background: #BCBFC1;
  border-radius: calc(32 * var(--vw-400));
  transition: background-color 0.2s;
}
.members__section--drop .alarm__track::before {
  content: '';
  position: absolute;
  top: calc(2 * var(--vw-400));
  left: calc(2 * var(--vw-400));
  width: calc(16 * var(--vw-400));
  height: calc(16 * var(--vw-400));
  background: #fff;
  border-radius: 50%;
  transition: left 0.2s;
}
.members__section--drop .alarm__input:checked + .alarm__track {
  background: #373B32;
}
.members__section--drop .alarm__input:checked + .alarm__track::before {
  left: calc(19 * var(--vw-400));
}
.members__section--drop .alarm__label {
  font-size: 0;
}
.members__section--drop .alarm__label::after {
  content: '알림 받기';
  position: absolute;
  left: 50%;
  white-space: nowrap;
  text-align: center;
  padding-left: 16px;
  transform: translateX(-50%);
  font-size: calc(12 * var(--vw-400));
  line-height: calc(14 * var(--vw-400));
  letter-spacing: calc(-0.6 * var(--vw-400));
  color: #373B32;
  text-align: center;
}
.members__section--drop .alarm__input:checked ~ .alarm__label::after {
  content: '알림 받기 완료';
}

/* === 데일리 추천 === */
.members__section--recommend {
  padding: calc(60 * var(--vw-400)) 0;
}
.members__section--recommend .recommend__swiper {
  position: relative;
}
.members__section--recommend .recommend__swiper .swiper-slide {
  width: 100%;
}
.members__section--recommend .recommend__list > li {
  display: flex;
  align-items: center;
  gap: calc(16 * var(--vw-400));
  padding: calc(16 * var(--vw-400));

}
.members__section--recommend .recommend__list > li:not(:nth-child(3n + 1)) {
  border-top:calc(0.5 * var(--vw-400)) solid #BCBFC1;
}
.members__section--recommend .recommend__thumb {
  flex: 0 0 calc(82 * var(--vw-400));
}
.members__section--recommend .recommend__content {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--vw-400));
}
.members__section--recommend .recommend__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-width: calc(39 * var(--vw-400));
  padding: 0 calc(6 * var(--vw-400));
  background: rgba(55, 59, 50, 0.50);
  border-radius: calc(3 * var(--vw-400));
  font-size: calc(10 * var(--vw-400));
  font-weight: 700;
  font-family: "ProximaNova";
  line-height: calc(16 * var(--vw-400));
  letter-spacing: calc(-0.2 * var(--vw-400));
  color: #fff;
}
.members__section--recommend .recommend__label .font--en {
  font-family: "ProximaNova";
  letter-spacing: 0;
}
.members__section--recommend .recommend__btns {
  flex: 0 0 auto;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.members__section--recommend .recommend__soon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: calc(51 * var(--vw-400));
  font-size: calc(14 * var(--vw-400));
  line-height: calc(19 * var(--vw-400));
  letter-spacing: calc(-0.7 * var(--vw-400));
  color: #373B32;
  text-align: center;
}

/* === 스와이퍼 indicator 공통 (recommend & curation) === */
/* 셀렉터 specificity ≥ swiper.css `.swiper-container-horizontal > .swiper-scrollbar` 보다 동등/높게 유지 */
.members__section--recommend .recommend__scrollbar,
.members__section--curation .curation__scrollbar {
  position: relative;
  height: calc(2 * var(--vw-400));
  margin: calc(40 * var(--vw-400)) auto 0;
  background-color: #E0E2E3;
  border-radius: 0;
}
.members__section--recommend .recommend__scrollbar .swiper-scrollbar-drag,
.members__section--curation .curation__scrollbar .swiper-scrollbar-drag {
  background-color: #373B32;
  border-radius: 0;
}
.members__section--recommend .recommend__scrollbar,
.members__section--curation .curation__scrollbar {
  width: calc(368 * var(--vw-400));
}

/* === 나이별 상품 큐레이션 === */
.members__section--curation {
  padding: calc(60 * var(--vw-400)) 0;
  background-color: #BCBFC1;
}
.members__section--curation .section__header {
  margin-bottom: calc(30 * var(--vw-400));
}
.members__section--curation .members__tab {
  margin-bottom: calc(40 * var(--vw-400));
  padding: 0 calc(16 * var(--vw-400));
}
.members__section--curation .members__tab .tab:not(.on) {
  background-color: #8E8F8F;
  color: #BCBFC1;
}

/* curation list (가로 스와이퍼) */
.members__section--curation .curation__list {
  position: relative;
}
.members__section--curation .curation__item {
  width: calc(160 * var(--vw-400));
}
.members__section--curation .curation__item > a {
  display: block;
  color: #373B32;
}
.members__section--curation .curation__thumb {
  width: calc(160 * var(--vw-400));
  height: calc(160 * var(--vw-400));
  margin: 0 0 calc(20 * var(--vw-400));
  background-color: #E0E2E3;
  overflow: hidden;
}
.members__section--curation .curation__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.members__section--curation .curation__title {
  font-size: calc(14 * var(--vw-400));
  line-height: calc(16 * var(--vw-400));
  letter-spacing: calc(-0.6 * var(--vw-400));
  color: #373B32;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.members__section--curation .curation__price .num {

}
.members__section--curation .curation__price .origin {
  color: #e8e8e8;
}
.members__section--curation .curation__price .price {
  font-size: calc(14 * var(--vw-400));
}
.members__section--curation .curation__price .discount,
.members__section--curation .curation__price .price .num {
  font-size: calc(16 * var(--vw-400));
}

/* 더 보러가기 */
.members__section--curation .curation__moreBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(120 * var(--vw-400));
  height: calc(40 * var(--vw-400));
  margin: calc(40 * var(--vw-400)) auto 0;
  background-color: #373B32;
  border-radius: calc(5 * var(--vw-400));
  font-size: calc(14 * var(--vw-400));
  font-weight: 700;
  letter-spacing: calc(-0.7 * var(--vw-400));
  color: #fff;
  text-decoration: none;
}


/* 베스트 랭킹 */
.members__section--best {
  padding: calc(60 * var(--vw-400)) 0 calc(30 * var(--vw-400));
}
.members__section--best .section__header {
  margin-bottom: calc(20 * var(--vw-400));
}
.members__section--best .section__label {
  margin-bottom: calc(6 * var(--vw-400));
}
.members__section--best .members__tab {
  margin-bottom: calc(40 * var(--vw-400));
}
.members__section--best .members__tab .tab {
  min-width: calc(66 * var(--vw-400));
}
.members__section--best .best__list {
  display: grid;
  grid-template-rows: repeat(4, auto);
  grid-template-columns: repeat(3, max-content);
  grid-auto-flow: column;
  gap: 0 calc(40 * var(--vw-400));
  padding: 0 calc(16 * var(--vw-400));
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.members__section--best .best__list::-webkit-scrollbar {
  display: none;
}
.members__section--best .best__list > li {
  border-top: 1px solid #E8E8E8;
}
.members__section--best .best__list > li:nth-child(4n + 1) {
  border-top: 0 none;
}
.members__section--best .best__list > li > a {
  display: flex;
  align-items: center;
  gap: calc(20 * var(--vw-400));
  width: calc(281 * var(--vw-400));
  padding: calc(10 * var(--vw-400)) 0;
  color: #373B32 !important;
}
.members__section--best .list__sort {
  flex-shrink: 0;
  width: calc(30 * var(--vw-400));
  font-size: calc(20 * var(--vw-400));
  font-family: "ProximaNova";
  font-style: italic;
  font-weight: 800;
  line-height: calc(28 * var(--vw-400));
  color: #373B32;
}
.members__section--best .list__thumb {
  flex-shrink: 0;
  width: calc(80 * var(--vw-400));
  height: calc(80 * var(--vw-400));
  margin: 0;
  background-color: #f5f5f5;
  overflow: hidden;
}
.members__section--best .list__thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.members__section--best .list__content {
  display: flex;
  flex-direction: column;
  gap: calc(15 * var(--vw-400));
  min-width: 0;
}
.members__section--best .list__title {
  font-size: calc(14 * var(--vw-400));
  font-weight: 400;
  line-height: calc(19 * var(--vw-400));
  letter-spacing: calc(-0.7 * var(--vw-400));
  color: #373B32;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.members__section--best .list__title .font--en {
  font-size: calc(15 * var(--vw-400));
  font-family: "ProximaNova";
  letter-spacing: 0;
}
.members__section--best .list__info {
  display: flex;
  align-items: baseline;
  gap: calc(6 * var(--vw-400));
}
.members__section--best .list__info .info__rate {
  font-size: calc(15 * var(--vw-400));
  font-family: "ProximaNova";
  font-weight: 700;
  line-height: 1;
  color: #CF0A2C;
}
.members__section--best .list__info .info__price {
  font-size: calc(13 * var(--vw-400));
  font-weight: 700;
  line-height: 1;
  letter-spacing: calc(-0.65 * var(--vw-400));
  color: #373B32;
}
.members__section--best .list__info .info__price span {
  font-size: calc(15 * var(--vw-400));
  font-family: "ProximaNova";
  font-weight: 700;
  letter-spacing: 0;
}

/* 이벤트 */
.members__content--event {
  padding: calc(60 * var(--vw-400)) 0 calc(50 * var(--vw-400));
}

/* 키즈 본행사 페이지 이동 */
.members__section--other {
  padding: 0;
}

/* [NB2024-10881] 키즈스냅 :: S */
/* 공통 */
.snap__header { text-align: center; margin-bottom: calc(20 * var(--vw-400)); }
.snap__subTitle {text-align: center; font-size: calc(16 * var(--vw-400)); font-weight: 700; color: #8E8F8F; letter-spacing: -0.05em; line-height: calc(26 * var(--vw-400)); }
.snap__title {text-align: center; font-size: calc(26 * var(--vw-400)); font-weight: 900; line-height: 1.4; letter-spacing: -0.05em; margin-top: calc(6 * var(--vw-400)); color: #373B32; }
[class*="__bodyInfoWrap"] { position: absolute; top: calc(12 * var(--vw-400)); left: calc(11 * var(--vw-400)); display: flex; flex-direction: column; gap: calc(2 * var(--vw-400)); z-index: 1; }
[class$="__bodyInfo"] { position: absolute; top: calc(12 * var(--vw-400)); left: calc(11 * var(--vw-400)); display: flex; justify-content: center; align-items: center; width: calc(92 * var(--vw-400)); height: calc(22 * var(--vw-400)); background: rgba(55, 59, 50, 0.5); color: #fff; font-size: calc(15 * var(--vw-400)); font-weight: 700; letter-spacing: -0.02em;}
[class*="__bodyInfoWrap"] > [class$="__bodyInfo"] { position: static; }
.snapFeed__bodyInfo { top: calc(5 * var(--vw-400)); left: calc(5 * var(--vw-400)); width: calc(62 * var(--vw-400)); height: calc(17 * var(--vw-400)); font-size: calc(10 * var(--vw-400)); }
.snapFeed__bodyInfoWrap { top: calc(5 * var(--vw-400)); left: calc(5 * var(--vw-400)); }
.snapDetail__bodyInfo{height: calc(31 * var(--vw-400));width: calc(95 * var(--vw-400));font-size: calc(14 * var(--vw-400));}
.snap__tab, .snapFeed__filterBar { display: flex; justify-content: center; gap: calc(8 * var(--vw-400)); margin-bottom: calc(40 * var(--vw-400)); flex-wrap: wrap; }
.snapFeed__filterBar{margin-bottom: calc(50 * var(--vw-400));}
.snap__tabBtn,.snapFeed__filterBtn { padding: calc(13 * var(--vw-400)) calc(20 * var(--vw-400)); border-radius: calc(20 * var(--vw-400)); background: #BCBFC1; font-size: calc(14 * var(--vw-400)); line-height: 1; font-weight: 700; color: #727272;}
.snap__tabBtn.on,.snapFeed__filterBtn.on { background: #151415; color: #fff; }

/* 스냅 구좌 섹션 */
.snap__section { position: relative; padding: calc(60 * var(--vw-400)) 0; background: #fff; }

/* [NB2024-10881] 스냅 카드 리스트 → 가로 swiper 로 변경 */
/* .snap__listWrap { display: grid; grid-template-columns: repeat(2, 1fr); row-gap: calc(40 * var(--vw-400)); } */
.snap__swiper { position: relative; }
.snap__scrollbar {
  position: relative;
  height: calc(2 * var(--vw-400));
  width: calc(368 * var(--vw-400));
  margin: calc(40 * var(--vw-400)) auto 0;
  background-color: #E0E2E3;
  border-radius: 0;
}
.snap__scrollbar .swiper-scrollbar-drag {
  background-color: #373B32;
  border-radius: 0;
}

/* 스냅 카드 */
.snap__card { cursor: pointer; width: 50%; height: auto; }
.snap__cardImg { position: relative; overflow: hidden; }
.snap__cardImg img { width: 100%; aspect-ratio: 5 / 6.25; object-fit: cover; display: block; }
.snap__cardProducts { display: flex; flex-direction: column; gap: calc(8 * var(--vw-400)); margin-top: calc(10 * var(--vw-400)); }
.snap__prodItem { display: flex; align-items: center; gap: calc(5 * var(--vw-400)); text-decoration: none; color: #151415; flex: 1; min-width: 0; }
.snap__prodItem > div { display: flex; flex-direction: column; }
.snap__prodItem img { width: calc(50 * var(--vw-400))!important; height: calc(50 * var(--vw-400)); object-fit: cover; border-radius: calc(4 * var(--vw-400)); }
.snap__prodName,.snap__prodColor { font-size: calc(13 * var(--vw-400)); display: block; letter-spacing: -0.05em; color: #373B32;font-weight: 400; line-height: 1; }
.snap__prodColor {margin-top: calc(3 * var(--vw-400));}
.snap__prodPrice { font-size: calc(15 * var(--vw-400)); font-weight: 700; }
.snap__prodPrice span { font-size: calc(13 * var(--vw-400)); }

/* 더 보러가기 버튼 */
.snap__moreBtn { display: flex; justify-content: center; align-items: center; border-radius: calc(5 * var(--vw-400)); width: calc(310 * var(--vw-400));height: calc(48 * var(--vw-400)); margin: calc(40 * var(--vw-400)) auto 0; border-radius: calc(5 * var(--vw-400)); background: #373B32; font-size: calc(16 * var(--vw-400)); font-weight: 400; color: #fff;}

/* 피드 레이어팝업 */
.snapFeed__page{margin-top: calc(60 * var(--vw-400)) ; }

/* 피드 그리드 */
.snapFeed__grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.snapFeed__item { position: relative; cursor: pointer; overflow: hidden; }
.snapFeed__item img { width: 100%; aspect-ratio: 5 / 6.25; object-fit: cover; display: block; }

/* 피드 하단 버튼 */
.snapFeed__moreBtn { margin: calc(24 * var(--vw-400)) calc(16 * var(--vw-400)); width: calc(100% - calc(32 * var(--vw-400))); }

/* 피드 빈 결과 */
.snapFeed__empty { padding: calc(80 * var(--vw-400)) 0; text-align: center; }
.snapFeed__empty p { font-size: calc(14 * var(--vw-400)); color: #999; }

/* 스냅 상세 레이어팝업 */
.snapDetail__page{margin-top: calc(60 * var(--vw-400)); }
.snap__detailPopup { position: fixed !important; inset: 0 !important; z-index: 130 !important; transform: none; top: 0 !important; left: 0 !important; }
.snap__detailPopup .pop_inner { width: 100%; height: 100%; max-height: 100vh; background: #fff; overflow: hidden; border-radius: 0; }
.snap__detailPopup .close { top: calc(14 * var(--vw-400)); right: calc(14 * var(--vw-400)); z-index: 1; }
.snap__detailPopup .close img { width: calc(20 * var(--vw-400)); height: calc(20 * var(--vw-400)); }
.snapDetail__scrollWrap { height: 100vh; overflow-y: auto; -webkit-overflow-scrolling: touch; }

/* 스냅 상세 아이템 */
/* [NB2024-10881] scrollIntoView 시 sticky 헤더(55px) 만큼 위 여백 확보 */
.snapDetail__item { scroll-margin-top: 75px; }
.snapDetail__item + .snapDetail__item{ margin-top: calc(40 * var(--vw-400));}
.snapDetail__image { position: relative; }
.snapDetail__image img { width: 100%; aspect-ratio: 5 / 6.25; object-fit: cover; display: block; }
.snapDetail__info { margin-top: calc(16 * var(--vw-400)); }
.snapDetail__desc { font-size: calc(16 * var(--vw-400)); color: #282828; margin-top: calc(10 * var(--vw-400)); line-height: calc(26 * var(--vw-400)); background-color: #F5F5F5; padding: calc(18 * var(--vw-400)) calc(16 * var(--vw-400)); }
.snapDetail__products { display: flex; flex-direction: column; gap: calc(10 * var(--vw-400)); }
.snapDetail__prodItem { display: flex; align-items: center; gap: calc(8 * var(--vw-400)); text-decoration: none; color: #151415; padding: 0 calc(10 * var(--vw-400)); }
.snapDetail__prodItem + .snapDetail__prodItem { margin-top: calc(5 * var(--vw-400)); }
.snapDetail__prodItem > div { display: flex; flex-direction: column; }
.snapDetail__prodItem img { width: calc(100 * var(--vw-400))!important; height: calc(100 * var(--vw-400)); object-fit: cover; border-radius: calc(4 * var(--vw-400)); }
.snapDetail__prodName, .snapDetail__prodColor{ font-size: calc(16 * var(--vw-400)); display: block; color: #373B32; letter-spacing: -0.05em; line-height: 1; }
.snapDetail__prodColor{margin-top: calc(3 * var(--vw-400));}
.snapDetail__prodPriceWrap { display: flex; align-items: center; gap: calc(4 * var(--vw-400)); margin-top: calc(3 * var(--vw-400)); }
.snapDetail__prodPrice { font-size: calc(22 * var(--vw-400)); font-weight: 700; display: block; line-height: 1; margin-top:  calc(20 * var(--vw-400));}
.snapDetail__prodPrice span { font-size: calc(20 * var(--vw-400)); }

/* [NB2024-10881] 키즈스냅 :: E */


/* 키즈 발매 영역 */
.members--kids .members__section--drop .drop__content.kids .drop__group:nth-child(n + 4) {
  display: none;
}
.members--kids .members__section--drop .drop__content.kids.open .drop__group:nth-child(n + 4) {
  display: block;
}
.members--kids .members__section--drop .drop__content.kids.open .jsOpenDrop {
  display: none;
}

/* 키즈 랭킹 영역 */
.members__section--best .members__tab .tab:not(.on) {
  background-color: #8E8F8F;
  color: #BCBFC1;
}