.font-weight--300{
	font-weight: 300 !important;
}

.font-weight--400{
	font-weight: 300 !important;
}

@media only screen and (max-width: 767px){
  .font-weight--m300td400{
    font-weight: 300 !important;
  }
}

@media only screen and (min-width: 768px){
  .font-weight--m300td400{
    font-weight: 400 !important;
  }
}

.font-weight--300{
	font-weight: 300 !important;
}

.font-weight--400{
	font-weight: 300 !important;
}

@media only screen and (max-width: 767px){
  .font-weight--m300td400{
    font-weight: 300 !important;
  }
}

@media only screen and (min-width: 768px){
  .font-weight--m300td400{
    font-weight: 400 !important;
  }
}

.font-weight--300{
  font-weight: 300 !important;
}

.font-weight--400{
  font-weight: 400 !important; /* ✅ 400으로 복구 */
}

@media only screen and (max-width: 767px){
  .font-weight--m300td400{
    font-weight: 300 !important;
  }
}

@media only screen and (min-width: 768px){
  .font-weight--m300td400{
    font-weight: 400 !important;
  }
}

/* =========================================================
   WEECL customstyle.css 
   - 전역 토글(--accent-global) + 필요한 최소 오버라이드만
   ========================================================= */

:root{
  /* 1) PALETTE */
  --accent-green-1: #0ACF83;
  --accent-green-2: #00A76A;

  --accent-black: #000000;
  --accent-black-hover: #111111;

  --accent-white: #ffffff;
  --gray-200: #e6e6e6;
  --text-333: #333333;

  /* 2) GLOBAL TOGGLE */
  --accent-global: var(--accent-black);
  --accent-global-hover: var(--accent-black-hover);
  --accent-global-contrast: var(--accent-white);

  /* 3) CONNECTOR */
  --c-btn-primary-bg: var(--accent-global);
  --c-btn-primary-border: var(--accent-global);
  --c-btn-primary-text: var(--accent-global-contrast);

  --c-btn-primary-bg-hover: var(--accent-global-hover);
  --c-btn-primary-border-hover: var(--accent-global-hover);
  --c-btn-primary-text-hover: var(--accent-global-contrast);

  /* Landing bg */
  --c-welcome-service-bg: var(--accent-black);

  /* Store tabs */
  --c-tab-text: var(--accent-black);
  --c-tab-active-text: var(--accent-global);
  --c-tab-underline: var(--accent-global);

  /* Headings accent */
  --c-heading-accent: var(--accent-global);

  /* Pills */
  --c-pill-selected-bg: var(--accent-global);
  --c-pill-selected-border: var(--accent-global);
  --c-pill-selected-text: var(--accent-global-contrast);

  /* Cart badge */
  --c-cart-badge-bg: var(--accent-global);
  --c-cart-badge-text: var(--accent-global-contrast);

  /* Accordion chevron (v) */
  --c-accordion-chevron: var(--accent-global);
}

/* ===== Primary Buttons (green -> global) ===== */
button.button-style--primary,
button.button--mini.button-style--primary,
a.button-style--primary,
a.button--mini.button-style--primary,
a.button--secondary.button-style--primary,
a[role="button"].button-style--primary,
input[type="submit"].button-style--primary,
button.button-buy,
a.button-buy,
input[type="submit"].button-buy{
  background: var(--c-btn-primary-bg) !important;
  background-color: var(--c-btn-primary-bg) !important;
  border-color: var(--c-btn-primary-border) !important;
  color: var(--c-btn-primary-text) !important;
}

button.button-style--primary:hover,
button.button--mini.button-style--primary:hover,
a.button-style--primary:hover,
a.button--mini.button-style--primary:hover,
a.button--secondary.button-style--primary:hover,
a[role="button"].button-style--primary:hover,
input[type="submit"].button-style--primary:hover,
button.button-buy:hover,
a.button-buy:hover,
input[type="submit"].button-buy:hover,
button.button-style--primary:focus,
button.button--mini.button-style--primary:focus,
a.button-style--primary:focus,
a.button--mini.button-style--primary:focus,
a.button--secondary.button-style--primary:focus,
a[role="button"].button-style--primary:focus,
input[type="submit"].button-style--primary:focus,
button.button-buy:focus,
a.button-buy:focus,
input[type="submit"].button-buy:focus{
  background: var(--c-btn-primary-bg-hover) !important;
  background-color: var(--c-btn-primary-bg-hover) !important;
  border-color: var(--c-btn-primary-border-hover) !important;
  color: var(--c-btn-primary-text-hover) !important;
}

/* ✅ 예외: 커스텀 하기 버튼(tertiary/custom)은 _store.scss:498 원복 */
button#doCustom.button-custom,
button.button-style--tertiary.button-custom,
button.button--primary.button-style--tertiary.button-custom{
  background: #f8f8f8 !important;
  background-color: #f8f8f8 !important;
  border-color: #ebebeb !important;
  color: #3a3a3a !important;
}

/* ===== Landing section background ===== */
.welcome__service{
  background-color: var(--c-welcome-service-bg) !important;
}

/* ===== Store tabs (text / underline) ===== */
.store__navigator .navigator__anchor,
.store__navigator .navigator__anchor span,
.store__navigator .navigator__anchor:visited,
.store__navigator .navigator__anchor span:visited{
  color: var(--c-tab-text) !important;
}

.store__navigator .navigator__anchor.is-active,
.store__navigator .navigator__anchor.is-active span,
.store__navigator .navigator__item.is-active .navigator__anchor,
.store__navigator .navigator__item.is-active .navigator__anchor span{
  color: var(--c-tab-active-text) !important;
}

/* underline */
.store__navigator .navigator__anchor.is-active{
  border-bottom-color: var(--c-tab-underline) !important;
}
.store__navigator .navigator__anchor.is-active::after,
.store__navigator .navigator__anchor.is-active::before,
.store__navigator .navigator__item.is-active .navigator__anchor::after,
.store__navigator .navigator__item.is-active .navigator__anchor::before{
  background-color: var(--c-tab-underline) !important;
}
.store__navigator .navigator__anchor.is-active span::after,
.store__navigator .navigator__item.is-active .navigator__anchor span::after{
  background: var(--c-tab-underline) !important;
  background-color: var(--c-tab-underline) !important;
}

/* ===== Section titles (green -> global) ===== */
.store__information .information__title,
.store__information .information__title *,
h3.review__title,
h3.review__title.sticky-title,
h3.help__title,
dt.help-sub__title{
  color: var(--c-heading-accent) !important;
}

/* ===== Review filter pills (tag_list) — checked label bg ===== */
ul.input__list.tag__list .input-container--radio input:checked + label{
  background: var(--c-pill-selected-bg) !important;
  background-color: var(--c-pill-selected-bg) !important;
  border-color: var(--c-pill-selected-border) !important;
  color: var(--c-pill-selected-text) !important;
}

/* ===== Size pills (size-list) — checked label bg ===== */
ul.input__list.size-list .input-container--radio input:checked + label{
  background: var(--c-pill-selected-bg) !important;
  background-color: var(--c-pill-selected-bg) !important;
  border-color: var(--c-pill-selected-border) !important;
  color: var(--c-pill-selected-text) !important;
}

/* ===== Cart badge (green -> global) ===== */
.cart__badge,
i.cart__badge{
  background: var(--c-cart-badge-bg) !important;
  background-color: var(--c-cart-badge-bg) !important;
  color: var(--c-cart-badge-text) !important;
}

/* ---------------------------------------------------------
   (1) Accordion “v(chevron)”만 검정 / 마름모(배경)는 원래대로
   ✅ 핵심: ::after만 V로 쓰는 경우가 많으니 ::after만 조작
   --------------------------------------------------------- */

/* 마름모/배경은 건드리지 않음(=before는 손대지 않음) */
/* V(chevron)만 검정: ::after의 border-color만 변경 */
.store__information .information__section.section__toggle button.button-style--simple::after{
  background: revert !important;
  background-color: revert !important;
  border-color: transparent var(--c-accordion-chevron) var(--c-accordion-chevron) transparent !important;
}

/* ---------------------------------------------------------
   (4) 컬러 원형 선택 UI 보더(3px) 검정
   --------------------------------------------------------- */
.store--pdp .colors__item .input-container--radio.radio--round2 input:checked + label .custom__color:before,
.store .colors__item .input-container--radio.radio--round2 input:checked + label .custom__color:before{
  border-color: var(--accent-black) !important;
}

/* ---------------------------------------------------------
   (5) 옵션 텍스트(초록) 검정
   --------------------------------------------------------- */
.store__detail .detail_options--wrapper .options__content,
.store__detail .detail_options--wrapper strong,
.store__detail .detail_options--wrapper b{
  color: var(--accent-black) !important;
}

/* =========================================================
   header__gnb 배경: "모바일 드로어"에서만 블랙
   데스크탑/태블릿은 투명/원복 강제
   ========================================================= */

/* 데스크탑/태블릿 */
@media (min-width: 768px){
  header .header__navigation nav.header__gnb,
  header nav.header__gnb,
  nav.header__gnb,
  .header__gnb{
    background: transparent !important;
    background-color: transparent !important;
  }
}

/* 모바일 */
@media (max-width: 767px){
  .header__navigation nav.header__gnb{
    background: #000 !important;
    background-color: #000 !important;
  }
}

/* =========================================================
   [잔여] 로그인(이메일 로그인) 버튼:
   - 배경 #f8f8f8
   - 보더 #ebebeb
   - 글자색 #000
   ========================================================= */
button#emailLogin.button--membership.button-style--tertiary.icon--email,
button#emailLogin.button--membership.button-style--tertiary.icon--email:visited{
  background: #f8f8f8 !important;
  background-color: #f8f8f8 !important;
  border-color: #ebebeb !important;
  color: #000000 !important;
}

/* ===============================
   My Account Summary (Green -> Black)
   =============================== */
.my-account__summary {
  background: #000 !important;
  background-color: #000 !important;
  color: #fff !important;
}
.my-account__summary * {
  color: #fff !important;
}

/* ===============================
   Help Search Header (Green -> Black)
   =============================== */
.help-search {
  background: #000 !important;
  background-color: #000 !important;
}
.help-search .help-search-container {
  background: transparent !important; /* 내부는 투명으로 두고, 섹션 배경이 보이게 */
}
/* help.scss:125 */
.help .tab__link[aria-selected=true]{
  color: #fff;
  background: #000; /* 기존 #0acf83 → 블랙으로 교체 */
}
/* help.scss:400 (mobile only) */
@media (max-width: 767px) {
  .help__item.is-active .help__button{
    color: #fff;
    background: #000; /* 기존 #0acf83 → #000 */
  }
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbXN0eWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtDQUNDLDJCQUEyQjtBQUM1Qjs7QUFFQTtDQUNDLDJCQUEyQjtBQUM1Qjs7QUFFQTtFQUNFO0lBQ0UsMkJBQTJCO0VBQzdCO0FBQ0Y7O0FBRUE7RUFDRTtJQUNFLDJCQUEyQjtFQUM3QjtBQUNGIiwiZmlsZSI6ImN1c3RvbXN0eWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mb250LXdlaWdodC0tMzAwe1xuXHRmb250LXdlaWdodDogMzAwICFpbXBvcnRhbnQ7XG59XG5cbi5mb250LXdlaWdodC0tNDAwe1xuXHRmb250LXdlaWdodDogMzAwICFpbXBvcnRhbnQ7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY3cHgpe1xuICAuZm9udC13ZWlnaHQtLW0zMDB0ZDQwMHtcbiAgICBmb250LXdlaWdodDogMzAwICFpbXBvcnRhbnQ7XG4gIH1cbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjhweCl7XG4gIC5mb250LXdlaWdodC0tbTMwMHRkNDAwe1xuICAgIGZvbnQtd2VpZ2h0OiA0MDAgIWltcG9ydGFudDtcbiAgfVxufVxuIl19 */