@charset "utf-8";

.members__section {}
.members__section .section__header {
  display: flex;
  flex-direction: column;
  margin-bottom: calc(60 * var(--vw));
  color: #373B32;
  text-align: center;
}
.members__section .section__title {
  font-size: calc(40 * var(--vw));
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: -0.05em;
}
.members__section .section__desc {
  margin-top: calc(20 * var(--vw));
  font-size: calc(24 * var(--vw));
  line-height: calc(38 * var(--vw));
  letter-spacing: calc(-1.2 * var(--vw));
}

/* 쿠폰 & 결제 혜택 */
.members__content--coupon {
  padding: calc(100 * var(--vw)) 0;
  background-color: #BCBFC1;
}

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

/* ================================================================
 * 첫구매 기획전 (First.jsp) :: S
 * "첫 구매 고객 혜택" 섹션 — Welcome Coupon + Members Week Event
 * ================================================================ */

/* 첫구매 — 섹션 공통 */
.members__content--first {
  text-align: center;
}
.members__content--first .section__label {
  line-height: calc(28 * var(--vw));
  letter-spacing: -0.05em;
  color: #fff;
}

/* 첫구매 — 그룹 (Welcome Coupon / Members Week Event) */
.members__content--first .first__group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(30 * var(--vw));
  margin-top: calc(60 * var(--vw));
}
.members__content--first .first__group-title {
  font-size: calc(20 * var(--vw));
  font-weight: 700;
  line-height: calc(28 * var(--vw));
  color: #373B32;
}

/* 첫구매 — Welcome Coupon 카드 (info / download 각각 독립 둥근 박스) */
.members__content--first .first__coupon {
  display: flex;
  align-items: stretch;
  width: calc(520 * var(--vw));
  height: calc(110 * var(--vw));
  color: #FFFFFF;
}
.members__content--first .first__coupon. {}
.members__content--first .first__coupon-info {
  background-color: #373B32;
}
.members__content--first .first__coupon-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(9 * var(--vw));
  padding-left: calc(34 * var(--vw));
  width: calc(400 * var(--vw));
  height: calc(110 * var(--vw));
  text-align: left;
  border-radius: calc(8 * var(--vw));
  border-right: calc(1 * var(--vw)) dashed #BCBFC1;
}
.members__content--first .first__coupon-desc {
  font-size: calc(16 * var(--vw));
  line-height: calc(22 * var(--vw));
  letter-spacing: -0.05em;
}
.members__content--first .first__coupon-title {
  font-size: calc(22 * var(--vw));
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.05em;
}
.members__content--first .first__coupon-download {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(14 * var(--vw));
  width: calc(119 * var(--vw));
  padding: calc(20 * var(--vw));
  background-color: #2C2F26;
  font-size: calc(15 * var(--vw));
  line-height: calc(20 * var(--vw));
  border-radius: calc(8 * var(--vw));
  letter-spacing: -0.05em;
}
.members__content--first .first__coupon-download img {
  display: inline-block;
  width: calc(26 * var(--vw));
  height: calc(26 * var(--vw));
  /* TODO: 다운로드 아이콘 이미지 슬라이스 받은 뒤 아래 background 활성화 */
  /* background: url('/img/NBRB_PC/event/mw2026_summer/first/ico_download.png') no-repeat center / contain; */
}
/* 첫구매 — 쿠폰 발급 완료 상태 (mw_common.css의 본행사 .coupon__item--disabled .coupon__status 룰 자동 적용 활용) */
.members__content--first .first__coupon--disabled {
  pointer-events: none;
}
.members__content--first .first__coupon--disabled .first__coupon-info,
.members__content--first .first__coupon--disabled .first__coupon-download {
  background-color: #8E8F8F;
  color: #BCBFC1;
}

/* 첫구매 — Members Week Event 카드 리스트 */
.members__content--first .first__event-list {
  display: flex;
  justify-content: center;
  gap: calc(20 * var(--vw));
}
.members__content--first .first__event-item {
  position: relative;
  display: flex;
  align-items: center;
  height: calc(200 * var(--vw));
  width: calc(520 * var(--vw));
  background-color: #FFFFFF;
  text-align: left;
}
.members__content--first .first__event-thumb {
  flex-shrink: 0;
  width: calc(200 * var(--vw));
  height: calc(200 * var(--vw));
  margin:0;
}
.members__content--first .first__event-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.members__content--first .first__event-info {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--vw));
  padding: calc(24 * var(--vw)) calc(30 * var(--vw));

}
.members__content--first .first__event-title {
  font-size: calc(26 * var(--vw));
  font-weight: 700;
  line-height: calc(28 * var(--vw));
  letter-spacing: -0.05em;
  color: #373B32;
}
.members__content--first .first__event-desc {
  font-size: calc(18 * var(--vw));
  line-height: calc(28 * var(--vw));
  letter-spacing: -0.05em;
  color: #373B32;
}
/* 네이버혜택 종료 케이스 :: S */
.members__content--first .first__event-item.end::after {
  content: '모두 소진되었습니다.';
  z-index: 1;
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.70);
  font-size: calc(32 * var(--vw));
  font-weight: 900;
  letter-spacing: calc(-1.6 * var(--vw));
  color: #fff;
}
/* 네이버혜택 종료 케이스 :: E */

/* 첫구매 — 유의사항 링크 */
.members__content--first .first__notice {
  display: block;
  margin: calc(60 * var(--vw)) auto 0;
  padding: 0;
  background: none;
  border: 0;
  font-size: calc(16 * var(--vw));
  font-weight: 700;
  line-height: calc(22 * var(--vw));
  color: #727272;
  text-decoration: underline;
  text-underline-offset: 25%;
  text-decoration-thickness: calc(1.5 * var(--vw));
  cursor: pointer;
}

/* 첫구매 — 카테고리별 추천 상품 */
.members__section--category {
  padding: calc(100 * var(--vw)) 0 calc(60 * var(--vw));
}
/*.members__section--category .members__tab {*/
/*  display: flex;*/
/*  justify-content: center;*/
/*  flex-wrap: wrap;*/
/*  gap: calc(12 * var(--vw));*/
/*  margin-bottom: calc(50 * var(--vw));*/
/*}*/
/*.members__section--category .members__tab .tab {*/
/*  padding: calc(10 * var(--vw)) calc(24 * var(--vw));*/
/*  border: calc(1 * var(--vw)) solid #373B32;*/
/*  border-radius: calc(40 * var(--vw));*/
/*  background-color: transparent;*/
/*  font-size: calc(18 * var(--vw));*/
/*  line-height: calc(24 * var(--vw));*/
/*  letter-spacing: calc(-0.5 * var(--vw));*/
/*  color: #373B32;*/
/*  cursor: pointer;*/
/*}*/
/*.members__section--category .members__tab .tab.on {*/
/*  background-color: #373B32;*/
/*  color: #FFFFFF;*/
/*}*/

/* 카테고리 슬라이드 — swiper 1420 + 좌우 화살표 */
.members__section--category .categoryTab {
  position: relative;
  width: calc(1420 * var(--vw));
  min-height: calc(380 * var(--vw));
  margin: 0 auto;
}
.members__section--category .category__swiper {
  width: calc(1420 * var(--vw));
  margin: 0 auto;
  overflow: hidden;
}
.members__section--category .category__thumb {
  width: 100%;
  aspect-ratio: 1 / 1;
  background-color: #E5E5E5;
  overflow: hidden;
  margin: 0;
}
.members__section--category .category__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.members__section--category .category__title {
  margin-top: calc(16 * var(--vw));
  font-size: calc(18 * var(--vw));
  line-height: calc(24 * var(--vw));
  letter-spacing: calc(-0.5 * var(--vw));
  color: #373B32;
}
.members__section--category .category__price {
  display: flex;
  align-items: baseline;
  gap: calc(8 * var(--vw));
  margin-top: calc(8 * var(--vw));
  color: #373B32;
}
.members__section--category .category__price .origin {
  font-size: calc(14 * var(--vw));
  line-height: calc(20 * var(--vw));
  color: #999999;
  text-decoration: line-through;
}
.members__section--category .category__price .discount {
  font-size: calc(18 * var(--vw));
  font-weight: 700;
  color: #E60000;
}
.members__section--category .category__price .price {
  font-size: calc(18 * var(--vw));
  font-weight: 700;
}

/* 카테고리 슬라이드 네비게이션 — 베스트 랭킹과 동일 디자인, swiper 외부 absolute */
.members__section--category .category__swiperPrev,
.members__section--category .category__swiperNext {
  z-index: 1;
  position: absolute;
  top: 40%;
  width: calc(22 * var(--vw));
  height: calc(22 * var(--vw));
  margin-top: calc(-11 * var(--vw));
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  cursor: pointer;
}
.members__section--category .category__swiperPrev {
  left: calc(-60 * var(--vw));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='31' viewBox='0 0 17 31' fill='none'%3E%3Cpath d='M15.1421 29.2842L1 15.1421L15.1421 0.999954' stroke='%238E8F8F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.members__section--category .category__swiperNext {
  right: calc(-60 * var(--vw));
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='31' viewBox='0 0 17 31' fill='none'%3E%3Cpath d='M1.00004 0.999952L15.1422 15.1421L1.00005 29.2842' stroke='%238E8F8F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* 카테고리 — 더 보러가기 버튼 */
.members__section--category .members__btns {
  display: flex;
  justify-content: center;
  margin-top: calc(60 * var(--vw));
}
.members__section--category .members__btns a{
  width: calc(130 * var(--vw));
}


/* ================================================================
 * 첫구매 기획전 (First.jsp) :: E
 * ================================================================ */