/* ═══ RUNIN.KR 장비 코너 /gear/(11화면) · /gear-inquiry/ — World Marathon Majors 디자인(공용 wm- · 지면 고유 wmg2-) · 2026-10-06 · 클로드A ═══
   규칙 한 장 : https://idc.kr/_claude/CODE_RULES.txt
   설계서 : D:\작업중\2026년\10월\런닝인사이드\장비WMM시안\ref\gear_설계서.md (값의 출처 = 4장 값표 · 기능 규칙 = 1-5 F1~F14 · 새 숫자 0)
   디자인 규칙 : RUNIN_WMM_DESIGN.txt v3.5 — 🔴 검정(#000)은 «글자»에만. 면·띠·2px 줄·단추 테두리·떠 있는 판 테두리·아이콘 = 남색 #000075.
      (설계서 4장 값표의 «2px #000» 은 v3.4 시절 값이라 전부 남색으로 읽었다 — 사장님 10-06 「넘 검정색이야」)
      🔵 예외 하나 : 투시도 말풍선 .rgx-bub 테두리·꼬리 = 1px 입력칸 색 #767676(--wm-field). 사장님 09-06 「선도 얕게, 연한 검정으로」(B 주석 1227 ·
         설계서 4장 값표) 지시를 그대로 둔다 — 검정이 아니고(v3.5 가 막는 것은 검정) 남색 1px 이면 «얕게» 지시를 거스른다. 펼침 판·자동완성 = 2px 남색.
   🔴 이 파일은 홈 wmm.css «뒤에» 실린다(같은 부품·같은 값). 홈 부품(.wm-btn .wm-chip .wm-sec .wm-tbl .wm-track …)은 다시 정의하지 않고,
      이 지면의 원문 덩어리(B 의 rgx-* 마크업 — class 는 그대로 옮겨 온다)에 «같은 값»을 입힌다. 선택자는 전부 .wmg2(새 main) 또는 body.wm-gearp 아래.
   🔴 글자는 완전 검정. 회색 글자 금지(B 의 --ri-text-sub 자리 전부 #000). 남색 글자는 개수·링크 단추·고른 칩만.
   🔴 포인트 빨강(--wm-hot)은 «할인 %» 칩(카드·배너 밝은 판·제품 사진)과 공용 메뉴 NEW 만. 「제휴」·혜택 칩·가격·「필수」·순위·탭·알림 띠 = 빨강 0.
   🔴 장식 가로줄 금지 — 남는 선 = 목록·표 머리 2px 남색 · 줄 사이 1px #d6dce2 · 정의 표 머리칸 오른쪽 1px · 입력칸 · 떠 있는 판 · 지금 여기 밑줄 · 폰 칩 띠 경계.
   🔴 사진 위 글 0 · 막 0 — 배너는 «사진 반 + 글 반»(글 칸 = 단색 띠), 카드는 사진 아래 글. 사진 위에는 할인 칩 하나뿐.
   🔴 :has() 는 쓰지 않는다 — 상태는 B·gear.js 가 붙인 이름(is-on · is-cur · aria-current · aria-selected · .rgx-js · [data-hover])으로.
   🔴 비스듬 칩은 «바탕만» 기울인다(::before skew) — 글자는 바로 선다(reg 3-3 꼴). 원문 마크업에 속 span 이 없어서 이렇게 한다. */

/* ═══ 0. 기능 규칙 — 옛 gear.css·app.css 를 걷으면서 «빠지면 오류 없이 깨지는» 것 (설계 1-5 F1~F14) ═══ */

/* F1 🔴 꿀단지 — 보이면 사람이 채우고 처리기(gear-inquiry.php:80)가 «성공한 척» 문의를 버린다. 머리 인라인 #wmg2-crit 와 같은 줄(세 겹 중 둘째) */
body.wm-gearp .rgx-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
/* F14 화면낭독기 전용 글 · 아이콘 · 알림 모달 (find 0장 값 그대로) */
body.wm-gearp .ri-sr, body.wm-gearp .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; margin: 0; padding: 0; border: 0; }
body.wm-gearp svg.ri-i { width: 1em; height: 1em; flex: none; vertical-align: -.125em; }
body.wm-gearp .ri-modal { position: fixed; inset: 0; z-index: 90; display: none; align-items: center; justify-content: center; padding: 1rem; background: rgba(0,0,30,.6); }
body.wm-gearp .ri-modal.is-open { display: flex; }
body.wm-gearp .ri-modal[hidden] { display: none; }
/* 알림 모달 속(원문 #ri-alert-modal + 이름 덧붙임 : 판 = .wm-dlg .wm-dlg__in · 닫기 = .wm-dlg__x — wmm-race.css 9장 · wmm-find.css 13장 값) · 1.0.1 검토 #1
   지금 장비 지면 8벌엔 여는 단추(data-ri="alert-open")가 0 이라 안 보이지만, B 가 붙이는 날 폰에서 판이 안 밀리고 X 가 단추를 가득 채우던 것을 막는다.
   🔵 닫기 X 색만 남색 — race·find 는 --wm-ink(검정)인데 v3.5 「아이콘 = 남색」 · wmm.css ⑨ .wm-dlg__x 남색과 맞춘다 */
body.wm-gearp .ri-modal__panel { max-height: 90vh; overflow-y: auto; }
body.wm-gearp .ri-modal__head h2 { padding-right: 3.5rem; font-size: 1.6875rem; line-height: 1.22; font-weight: 900; font-style: italic; text-transform: uppercase; }   /* = .wm-hs */
body.wm-gearp .ri-modal .wm-dlg__x { display: inline-flex; align-items: center; justify-content: center; padding: 0; color: var(--wm-navy); }
body.wm-gearp .ri-modal .wm-dlg__x svg { width: 1.25rem; height: 1.25rem; }
body.wm-gearp .ri-modal__note { margin-top: .75rem; font-size: .9375rem; }
body.wm-gearp .ri-modal .ri-mailform { margin-top: 1.25rem; }
body.wm-gearp .ri-modal .ri-mailform__row { display: grid; grid-template-columns: minmax(0, 1fr); gap: .75rem; align-items: end; }
body.wm-gearp .ri-modal .ri-field label span { font-weight: 500; }
body.ri-locked { overflow: hidden; }
/* F2 ri_gear_icon() SVG 에는 width/height 가 없다 → 갈래 아이콘 수십 개가 300×150 이 된다 */
.wmg2 .gi { width: 1em; height: 1em; display: block; }
.wmg2 .rgx-fi { width: 1rem; height: 1rem; flex: none; color: var(--wm-navy); }
/* F3 메인 배너 — transform 으로 민다(gear.js 가 --rgx-i 를 바꾼다 · scroll-snap 은 쓰지 않는다 — gear.js 머리말) */
.wmg2 .rgx-sl__win { position: relative; overflow: hidden; }
.wmg2 .rgx-sl__track { display: flex; width: 100%; margin: 0; padding: 0; list-style: none;
  transform: translate3d(calc(var(--rgx-i, 0) * -100%), 0, 0); transition: transform .5s cubic-bezier(.22, .61, .36, 1); }
.wmg2 .rgx-sl__s { flex: 0 0 100%; min-width: 0; display: flex; }
/* F4 다음 장까지 남은 시간 막대 — gear.js 가 .rgx-sl.is-running 을 붙인다(움직임 줄이기면 안 붙인다) */
.wmg2 .rgx-sl__bar i { display: block; height: 100%; width: 0; background: var(--wm-navy); }
.wmg2 .rgx-sl.is-running .rgx-sl__bar i { animation: wmg2bar 5s linear infinite; }
@keyframes wmg2bar { from { width: 0; } to { width: 100%; } }
/* F5 투시도 그림 자리 — 높이 0 · 말풍선 잘림 방지 */
.wmg2 .rgx-fig__in, .wmg2 .rgx-canvas { overflow: visible; }
.wmg2 .rgx-stage { min-width: 0; position: relative; }
.wmg2 .rgx-canvas { position: relative; aspect-ratio: 1 / 1; max-width: 620px; margin: 0 auto; background: var(--wm-nav2); }
.wmg2 .rgx-svg { position: absolute; inset: 0; width: 100%; height: 100%; }
/* F6 이름표 9개 — 그림 위 좌우 끝, 세로 자리는 원문 인라인 style="--ly:N%" */
.wmg2 .rgx-call { position: absolute; top: var(--ly); transform: translateY(-50%); display: block; max-width: 42%; z-index: 2; }
.wmg2 .rgx-call--l, .wmg2 .rgx-tag--l { left: 0; text-align: right; }
.wmg2 .rgx-call--r, .wmg2 .rgx-tag--r { right: 0; text-align: left; }
/* F7 SVG 판 — fill 기본이 «검정»이라 손잡이 판 9개가 그림을 덮는다 · 지시선·테 색만 토큰(은색 → 고르면 남색) */
.wmg2 .k-part { transition: opacity .14s ease; }
.wmg2 .k-ring { fill: none; stroke: var(--wm-navy); stroke-width: 0; opacity: 0; transition: opacity .14s ease, stroke-width .14s ease; }
.wmg2 .k-ring.is-on { stroke-width: 7; opacity: 1; }
.wmg2 .k-ld { fill: none; stroke: var(--wm-silver); stroke-width: 4.5; stroke-linecap: round; stroke-linejoin: round; transition: stroke .12s ease, stroke-width .12s ease; }
.wmg2 .k-ld.is-on { stroke: var(--wm-navy); stroke-width: 7.5; }
.wmg2 .k-arw { fill: var(--wm-silver); }
.wmg2 .k-hit rect { fill: transparent; }
.wmg2 .k-hit { cursor: pointer; }
.wmg2 .k-hit:focus { outline: none; }
.wmg2 .k-hit:focus-visible rect { fill: var(--wm-navy); fill-opacity: .12; stroke: var(--wm-navy); stroke-width: 6; }
/* F8 설명 카드 15장 — 하나만(옛 차례·세기 관계 그대로 «.wmg2» 한 칸씩 올림) */
.wmg2 .rgx-pop { display: none; }
.wmg2 .rgx-pop--idle { display: block; }
.wmg2 .rgx-stage[data-hover] .rgx-pop--idle { display: none; }
.wmg2 .rgx-pop.is-on { display: block; }
/* F9 JS 가 살아 있으면 아래 카드는 숨기고 말풍선이 그 일을 한다 · 말풍선은 «한 줄»만(셋 다 넣으면 372px 로 캐릭터를 덮는다 — B 주석 1321) ·
      __lead 는 «양쪽 다» 숨긴다(B 판단 그대로) */
.wmg2.rgx-js .rgx-pops { display: none; }
.wmg2 .rgx-bub .rgx-pop__l, .wmg2 .rgx-bub .rgx-pop__t, .wmg2 .rgx-bub .rgx-pop__lead { display: none; }
.wmg2 .rgx-pops .rgx-pop__lead, .wmg2 .rgx-pops .rgx-pop__x2, .wmg2 .rgx-pops .rgx-pop__wq, .wmg2 .rgx-pops .rgx-pop__wa { display: none; }
.wmg2 .rgx-bub .rgx-pop__wa { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
/* F10 말풍선 — 자리는 gear.js 가 style.left/top 으로 · 위가 좁으면 .is-below. 선은 1px 입력칸 색(사장님 09-06 「선도 얕게, 연한 검정으로」 — B 주석 1227) */
.wmg2 .rgx-bub { position: absolute; z-index: 60; width: min(340px, 86vw); padding: 1rem 1.25rem; background: #fff; border: 1px solid var(--wm-field);
  transform: translate(-50%, -100%); pointer-events: none; }
.wmg2 .rgx-bub.is-below { transform: translate(-50%, 0); }
.wmg2 .rgx-bub, .wmg2 .rgx-bub a { pointer-events: auto; }   /* 안의 브랜드 칩을 누를 수 있어야 한다(B 주석 1235) */
.wmg2 .rgx-bub[hidden] { display: none; }                      /* F13 짝 */
.wmg2 .rgx-bub__tail { position: absolute; bottom: -8px; width: 15px; height: 15px; background: #fff;
  border-right: 1px solid var(--wm-field); border-bottom: 1px solid var(--wm-field); transform: translateX(-50%) rotate(45deg); }
.wmg2 .rgx-bub.is-below .rgx-bub__tail { bottom: auto; top: -8px; border: 0; border-left: 1px solid var(--wm-field); border-top: 1px solid var(--wm-field); }
/* F11 탭 — JS 가 죽으면 판이 «전부 펼쳐진 채»(내용 손실 없음). 숨김은 .rgx-js 관문 안에서만 */
.wmg2.rgx-js .rgx-tab__p { display: none; }
.wmg2.rgx-js .rgx-tab__p.is-on { display: block; }
/* F12 펼침 판(소갈래) — 얹거나 초점이 들어오면. 자리 잡기는 3장(≥992 에서만 보인다 · 손가락엔 hover 가 없다) */
.wmg2 .rgx-fly { display: none; }
/* F13 [hidden] 짝 — 자동완성 상자 */
.wmg2 .rgx-sugg[hidden] { display: none; }

/* ═══ 1. 머리 — ≥1024 메뉴 줄 «붙어 다니기» · 메뉴 「장비」 «지금 여기» (wmm-find.css 1장·11장 · wmm-race.css 1장 복사 — 2단계 공용) ═══
   🔴 홈 wmm.css .wm-nav{position:sticky} 는 header.wm-head 상자 «안»에 갇혀 헤더가 지나가면 같이 사라진다(find 검토 실측) →
      헤더 «통째»를 붙이고 로고 줄 높이(4.5625rem)만큼 위로 빼서 메뉴 줄만 남긴다. 1023↓ 은 메뉴 줄이 없다 */
@media (min-width: 1024px) {
  body.wm-gearp .wm-head { position: sticky; top: -4.5625rem; z-index: 50; }
  body.wm-gearp.admin-bar .wm-head { top: calc(32px - 4.5625rem); }
}
/* 허브는 aria-current="page", 그 밖 화면·문의는 "true"(장비 «아래») — 값과 상관없이 [aria-current] 로 잡는다 */
body.wm-gearp .wm-nav li a[aria-current] { font-weight: 800; }
body.wm-gearp .wm-nav li a[aria-current]::after { transform: none; }
body.wm-gearp .wm-dlg--nav a[aria-current], body.wm-gearp .wm-names a[aria-current], body.wm-gearp .wm-bn a[aria-current] { color: var(--wm-navy); }

/* ═══ 2. 장비 띠 nav.rgx-nav.wmg2-bar (설계 4-1 · D1 — 공용 머리 바로 밑 · main 맨 앞 · 붙지 않음) ═══ */
.wmg2 .wmg2-bar { position: relative; background: #fff; }   /* 메가 판·자동완성의 기준 상자(띠 전체 폭) — 안쪽 칸에는 position 을 주지 않는다 */
.wmg2 .rgx-nav__in { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.5rem; min-height: 4.5625rem; padding: .625rem var(--wm-gx); }
/* 「장비 GEAR」 */
.wmg2 .rgx-nav__home { display: inline-flex; align-items: baseline; gap: .5rem; flex: none; color: var(--wm-ink); }
.wmg2 .rgx-nav__home b { font-size: 1.125rem; line-height: 1; font-weight: 900; font-style: italic; }
.wmg2 .rgx-nav__home span { font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; color: var(--wm-navy); }
/* 전체 카테고리 — <details>(JS 없이도 열린다) · 보조 단추 꼴(v3.5 남색 테두리 · 남색 글자) · 열면 남색 바탕 흰 글자 */
.wmg2 .rgx-mega { flex: none; }
.wmg2 .rgx-mega > summary { display: inline-flex; align-items: center; gap: .5rem; height: 2.75rem; padding: 0 1rem; list-style: none; cursor: pointer;
  border: .125rem solid var(--wm-navy); background: transparent; color: var(--wm-navy); font-size: .8125rem; line-height: 1; font-weight: 800; font-style: italic; white-space: nowrap;
  transition: background-color .2s ease, color .2s ease; }
.wmg2 .rgx-mega > summary::-webkit-details-marker { display: none; }
.wmg2 .rgx-mega[open] > summary { background: var(--wm-navy); border-color: var(--wm-navy-bd); color: #fff; }
.wmg2 .rgx-mega__bars { display: grid; gap: 3px; }
.wmg2 .rgx-mega__bars i { display: block; width: 14px; height: 2px; background: currentColor; }
/* 메가 판 — 장비 띠 «전체 폭» · #f7f9fa · 4열 · 판 안 선 0. 아래 2px 남색 = «떠 있는 판»의 끝(장식선 아님 · 4-6) */
.wmg2 .rgx-mega__p { position: absolute; left: 0; right: 0; top: 100%; z-index: 60; background: var(--wm-page); padding: 2rem var(--wm-gx) 2.5rem;
  max-height: calc(100vh - 12rem); overflow-y: auto; border-bottom: 2px solid var(--wm-navy); }
.wmg2 .rgx-mega__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2rem; }
.wmg2 .rgx-mega__g > h3 { margin: 0 0 1rem; font-size: 1.6875rem; line-height: 1.22; font-weight: 900; font-style: italic; }   /* = .wm-hs */
.wmg2 .rgx-mega__c { margin: 0 0 1.25rem; }
.wmg2 .rgx-mega__ct { display: flex; align-items: center; gap: .5rem; font-size: 1rem; }
.wmg2 .rgx-mega__ct b { font-weight: 800; }
.wmg2 .rgx-mega__ct:hover b { text-decoration: underline; text-underline-offset: 3px; }
.wmg2 .rgx-mega__i { font-size: 1.25rem; color: var(--wm-navy); flex: none; }
.wmg2 .rgx-mega__ct .rgx-tag { font-style: normal; font-size: .8125rem; font-weight: 800; color: var(--wm-navy); }   /* 등재 제품 수 */
.wmg2 .rgx-mega__ct .rgx-tag--g { color: var(--wm-ink); font-weight: 600; }                                          /* 「N사」 */
.wmg2 .rgx-mega__c ul { margin: .4rem 0 0; padding: 0 0 0 1.75rem; list-style: none; }
.wmg2 .rgx-mega__c ul a { display: block; padding: .2rem 0; font-size: .9375rem; line-height: 1.4; font-weight: 500; }
.wmg2 .rgx-mega__c ul a:hover { text-decoration: underline; text-underline-offset: 3px; }
.wmg2 .rgx-mega__c ul a i { font-style: normal; font-size: .75rem; font-weight: 800; color: var(--wm-navy); margin-left: .25rem; }
.wmg2 .rgx-mega__f { margin: 1.5rem 0 0; max-width: 64rem; font-size: .875rem; line-height: 1.6; font-weight: 500; }   /* 🔴 C 설명문 재료(문의 지면) — 글자·자리 그대로 */
.wmg2 .rgx-mega__f b { font-weight: 800; }
/* 검색 — 틀 .125rem 남색(v3.5 폰 머리 검색칸과 같은 색) · 흰 바탕 · 단추 남색 네모 · 자리표시 글자는 손대지 않는다(D9) */
.wmg2 .rgx-search { position: relative; display: flex; flex: 1 1 16rem; min-width: 0; max-width: 48rem; margin: 0; border: .125rem solid var(--wm-navy); background: #fff; }
.wmg2 .rgx-search input { flex: 1 1 auto; min-width: 0; height: 2.75rem; padding: .75rem .9rem; border: 0; border-radius: 0; background: transparent;
  font: inherit; font-size: 1rem; color: var(--wm-ink); -webkit-appearance: none; appearance: none; }
.wmg2 .rgx-search input:focus-visible { outline-offset: -3px; box-shadow: none; }
.wmg2 .rgx-search button { flex: none; width: 2.75rem; border: 0; background: var(--wm-navy); color: #fff; display: grid; place-items: center; padding: 0; }
.wmg2 .rgx-search button svg { width: 1.25rem; height: 1.25rem; }
/* 자동완성 #rgx-sugg — gear.js 가 속(a > mark + span)과 hidden 을 바꾼다 · 떠 있는 판 = 흰 바탕 2px 남색(.wm-lang ul 값 · v3.5) */
.wmg2 .rgx-sugg { position: absolute; left: -.125rem; right: -.125rem; top: 100%; z-index: 60; background: #fff; border: 2px solid var(--wm-navy); max-height: 60vh; overflow-y: auto; }
.wmg2 .rgx-sugg a { display: flex; align-items: baseline; gap: .5rem; padding: .55rem .9rem; font-size: .9375rem; font-weight: 600; }
.wmg2 .rgx-sugg a:hover, .wmg2 .rgx-sugg a.is-on { background: var(--wm-nav2); }
.wmg2 .rgx-sugg a span { margin-left: auto; flex: none; font-size: .8125rem; font-weight: 600; }
.wmg2 .rgx-sugg mark { background: none; color: var(--wm-navy); font-weight: 800; }
/* 바로가기 5 — 메뉴 줄 값 · 지금 화면 = 800 + 아래 3px 남색 고정 줄(«지금 여기» — 장식선 아님) */
.wmg2 .rgx-nav__q { display: flex; align-items: stretch; flex: none; margin: 0; padding: 0; list-style: none; }
.wmg2 .rgx-nav__q a { position: relative; display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0 .8rem; font-size: 1rem; font-weight: 600; white-space: nowrap; }
.wmg2 .rgx-nav__q a::after { content: ""; position: absolute; left: .8rem; right: .8rem; bottom: 0; height: 3px; background: var(--wm-navy); transform: scaleX(0); transition: transform .2s ease; }
.wmg2 .rgx-nav__q a:hover::after, .wmg2 .rgx-nav__q a[aria-current]::after { transform: none; }
.wmg2 .rgx-nav__q a[aria-current] { font-weight: 800; }

/* ═══ 3. 지면 머리 · 격자 · 갈래 칸 · 펼침 판 (설계 2-1 ④ · 4-1) ═══ */
.wmg2 .wmg2-sec { padding-top: 2.5rem; }   /* 첫 구역 위 2.5rem(find .wm-fd-sec) · 아래·좌우는 .wm-sec 그대로 */
.wmg2 .wmg2-hd { margin: 0 0 2.5rem; }
.wmg2 .rgx-chead, .wmg2 .rgx-hero, .wmg2 .rgx-bhead { display: block; margin: 0; padding: 0; }
.wmg2 .rgx-chead__i { display: none; }     /* D13 — 장식(aria-hidden) · 문의 지면은 B 아이콘 표 오류로 «신발» 그림(13장 B-2) */
/* 라벨칩(.wm-eb 값 — .875rem 700 대문자 · #f3f3f3 · 비스듬 · 좌우 1rem · 아래 2rem) — 글자는 바로, 바탕만 ::before 로 기울인다 */
.wmg2 .rgx-chead__k, .wmg2 .rgx-hero__k, .wmg2 .rgx-bhead__k, .wmg2 .rgx-whybox__k, .wmg2 .rgx-take > b, .wmg2 .rgx-item__brand {
  position: relative; isolation: isolate; display: inline-block; margin: 0 0 2rem .3rem; padding: .5rem 1rem;
  font-size: .875rem; line-height: 1; font-weight: 700; text-transform: uppercase; color: var(--wm-ink); }
.wmg2 .rgx-chead__k::before, .wmg2 .rgx-hero__k::before, .wmg2 .rgx-bhead__k::before, .wmg2 .rgx-whybox__k::before, .wmg2 .rgx-take > b::before, .wmg2 .rgx-item__brand::before {
  content: ""; position: absolute; inset: 0; z-index: -1; background: var(--wm-chip); transform: skew(-16deg); }
/* h1 — .wm-h2 값(3rem/1.05 900 기울임 · 991↓ 2.5rem · 479↓ 8vw) · 🔴 text-transform:none(제품·브랜드 영문 이름을 바꾸지 않는다 — news 1-5).
   h1 에는 class 가 없다(i18n-core 번역 자리) — 여기서 감싼 칸으로 잡는다 */
.wmg2 .wmg2-hd h1, .wmg2 .rgx-item__buy h1 { margin: 0; font-size: 3rem; line-height: 1.05; font-weight: 900; font-style: italic; letter-spacing: -.01em; text-transform: none; color: var(--wm-ink); }
.wmg2 .wmg2-hd--hub .wm-eb { margin-bottom: 2rem; }
.wmg2 .rgx-chead__l, .wmg2 .rgx-hero__l, .wmg2 .rgx-bhead__t { margin: .625rem 0 0; max-width: 55ch; font-size: 1rem; line-height: 1.6; font-weight: 500; }
.wmg2 .rgx-hero__l b { color: var(--wm-navy); font-weight: 900; }            /* 「114곳 가운데 3곳」 개수 = 남색 */
.wmg2 .rgx-hero__n { margin: .75rem 0 0; max-width: 55ch; font-size: .875rem; line-height: 1.6; font-weight: 500; }
/* 브랜드 머리 — 로고 높이 3rem · 영문 이름 · 「제휴」 남색 배지 · 단추 둘(공식 홈페이지 = 보조 · 제품 N개 보기 = 링크 단추) */
.wmg2 .rgx-bhead__logo { margin: 0 0 1.25rem; }
.wmg2 .rgx-bhead__logo img { height: 3rem; width: auto; max-width: 14rem; object-fit: contain; object-position: left center; }
.wmg2 .rgx-bhead h1 em { margin-left: .5rem; font-size: 1.25rem; font-weight: 800; font-style: italic; letter-spacing: .02em; }
.wmg2 .rgx-bhead__a { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin-top: 1.75rem; }

/* 본문 격자 — 1칸 · ≥992 [14.75rem 갈래 칸 | 본문] 사이 3rem (D2 — B 라이브 236px · 사장님 09-06 「쿠팡처럼 좌측 메뉴 고정」) */
.wmg2 .wmg2-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; align-items: start; }
.wmg2 .wmg2-col { min-width: 0; }
.wmg2 .wmg2-rail { min-width: 0; }
/* 갈래 칸 — #f7f9fa · 안쪽 1rem 0 2rem(좌우 0 : 줄이 칸 끝까지 닿아야 펼침 판으로 마우스가 건너간다) */
.wmg2 .rgx-rail__in { background: var(--wm-page); padding: 1rem 0 2rem; }
.wmg2 .rgx-rail__h { display: flex; align-items: baseline; gap: .5rem; margin: 0 0 .5rem; padding: 0 1rem; font-size: .875rem; line-height: 1.2; font-weight: 900; font-style: italic; text-transform: uppercase; }
.wmg2 .rgx-rail__h span { color: var(--wm-navy); }
.wmg2 .rgx-rail__l { margin: 0; padding: 0; list-style: none; }
.wmg2 .rgx-rail__a { display: flex; align-items: center; gap: .6rem; min-height: 2.75rem; padding: 0 1rem; font-size: 1rem; font-weight: 600; color: var(--wm-ink); transition: background-color .2s ease; }
.wmg2 .rgx-rail__ic { font-size: 1.25rem; color: var(--wm-navy); flex: none; }
.wmg2 .rgx-rail__nm { min-width: 0; }
.wmg2 .rgx-rail__n { margin-left: auto; font-size: .8125rem; font-weight: 800; color: var(--wm-navy); font-variant-numeric: tabular-nums; }
.wmg2 .rgx-rail__ar { flex: none; color: var(--wm-navy); font-weight: 900; }
.wmg2 .rgx-rail__i:hover > .rgx-rail__a, .wmg2 .rgx-rail__i:focus-within > .rgx-rail__a { background: var(--wm-nav2); }
/* 지금 갈래(.is-cur) = 남색 바탕 흰 글자(규칙 2·3 «고르면 남색») */
.wmg2 .rgx-rail__i.is-cur > .rgx-rail__a { background: var(--wm-navy); color: #fff; }
.wmg2 .rgx-rail__i.is-cur > .rgx-rail__a .rgx-rail__ic, .wmg2 .rgx-rail__i.is-cur > .rgx-rail__a .rgx-rail__n, .wmg2 .rgx-rail__i.is-cur > .rgx-rail__a .rgx-rail__ar { color: #fff; }
/* 펼침 판 속 */
.wmg2 .rgx-fly__h { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem 1rem; margin: 0 0 1rem; }
.wmg2 .rgx-fly__h b { font-size: 1.25rem; line-height: 1.2; font-weight: 900; font-style: italic; }
.wmg2 .rgx-fly__h a { margin-left: auto; font-size: .875rem; font-weight: 800; font-style: italic; color: var(--wm-navy); }
.wmg2 .rgx-fly__h a:hover { text-decoration: underline; text-underline-offset: 3px; }
.wmg2 .rgx-fly__l { margin: 0; padding: 0; list-style: none; display: grid; gap: .25rem; }
.wmg2 .rgx-fly__l a { display: grid; gap: .15rem; padding: .5rem; transition: background-color .2s ease; }
.wmg2 .rgx-fly__l a:hover { background: var(--wm-page); }
.wmg2 .rgx-fly__l b { font-size: .9375rem; font-weight: 800; }
.wmg2 .rgx-fly__l b i { font-style: normal; font-size: .8125rem; color: var(--wm-navy); margin-left: .25rem; }
.wmg2 .rgx-fly__l em { font-style: normal; font-size: .8125rem; line-height: 1.5; font-weight: 500; }
.wmg2 .rgx-fly__f { margin: 1rem 0 0; font-size: .8125rem; line-height: 1.5; font-weight: 500; }
.wmg2 .rgx-fly__f b { color: var(--wm-navy); font-weight: 800; }
/* 바로가기 6 */
.wmg2 .rgx-rail__q { margin: 1.5rem 0 0; padding: 0; list-style: none; }
.wmg2 .rgx-rail__q a { display: flex; align-items: center; gap: .5rem; min-height: 2.5rem; padding: 0 1rem; font-size: .9375rem; font-weight: 700; transition: background-color .2s ease; }
.wmg2 .rgx-rail__q a span { margin-left: auto; font-size: .8125rem; font-weight: 800; color: var(--wm-navy); }
.wmg2 .rgx-rail__q a:hover { background: var(--wm-nav2); }
.wmg2 .rgx-rail__q a[aria-current] { font-weight: 800; color: var(--wm-navy); }
@media (min-width: 992px) {
  .wmg2 .wmg2-body { grid-template-columns: 14.75rem minmax(0, 1fr); gap: 3rem; }
  /* 붙박이 칸 — 메뉴 줄 아래(top 7.5rem · find 거르개 칸) · 칸이 길면 칸 «안»(.rgx-rail__in)에서 스크롤 */
  .wmg2 .wmg2-rail { position: sticky; top: 7.5rem; z-index: 20; align-self: start; }
  .wmg2 .rgx-rail__in { max-height: 80vh; overflow-y: auto; scrollbar-width: thin; }
  /* 🔴 펼침 판 자리 — 기준 상자 = 붙박이 칸(aside · sticky = 기준). li·.rgx-rail__in 에는 position 을 주지 않는다 →
        판이 칸 속 스크롤 상자에 «잘리지 않고» 칸 오른쪽 끝에 칸 높이만큼 붙는다(어느 줄에서 오른쪽으로 가도 판 위에 닿는다) */
  .wmg2 .rgx-fly { display: block; position: absolute; left: 100%; top: 0; min-height: 100%; width: 20rem; z-index: 40; padding: 1.5rem;
    background: #fff; border: 2px solid var(--wm-navy); opacity: 0; visibility: hidden; transition: opacity .12s ease, visibility 0s linear .12s; }
  .wmg2 .rgx-rail__i:hover > .rgx-fly, .wmg2 .rgx-rail__i:focus-within > .rgx-fly { opacity: 1; visibility: visible; transition-delay: 0s; }
}
/* 992~1023 — 칸은 붙는데 메뉴 줄이 없는 폭 → 위 2rem(find 와 같음) */
@media (min-width: 992px) and (max-width: 1023px) { .wmg2 .wmg2-rail { top: 2rem; } }

/* ═══ 4. 공통 구역 — 구역 사이 4rem · 머리(h2 2rem) · 링크 단추 · 단추 매핑(4-5) · 칩 꼴 · 빈 칸 · 근거 줄 ═══ */
.wmg2 .wmg2-col > * { margin-top: 0; margin-bottom: 0; }
.wmg2 .wmg2-col > * + * { margin-top: 4rem; }
.wmg2 .wmg2-col > .rgx-bc + *, .wmg2 .wmg2-col > .rgx-subs + *, .wmg2 .wmg2-col > .rgx-spon + * { margin-top: 2rem; }
/* 구역 머리 — h2 2rem 900 기울임 · 설명 1rem(최대 55ch) · 오른쪽 「… →」 */
.wmg2 .rgx-sec__h { display: flex; flex-wrap: wrap; align-items: flex-end; gap: .75rem 1.5rem; margin: 0 0 1.75rem; }
.wmg2 .rgx-sec__h h2 { flex: 1 1 100%; margin: 0; font-size: 2rem; line-height: 1.2; font-weight: 900; font-style: italic; letter-spacing: -.01em; text-transform: none; }
.wmg2 .rgx-sec__h h2 em { margin-left: .4rem; font-style: italic; color: var(--wm-navy); }   /* 개수 */
.wmg2 .rgx-sec__h > p { flex: 1 1 20rem; max-width: 55ch; margin: 0; font-size: 1rem; line-height: 1.6; font-weight: 500; }
/* 「… →」 링크 단추 = .wm-btn--link 값(글자 + 화살표 · 800 기울임 · 남색) — 카드 넘김 아래 것(.wm-btn)은 홈 보조 단추 그대로 */
.wmg2 .rgx-sec__go:not(.wm-btn), .wmg2 .rgx-guide__go, .wmg2 .rgx-near__n a, .wmg2 .rgx-tier__go, .wmg2 .rgx-pop__go, .wmg2 .rgx-gd__go a {
  display: inline-flex; align-items: center; font-weight: 800; font-style: italic; color: var(--wm-navy); text-decoration: none; }
.wmg2 .rgx-sec__go:not(.wm-btn) { margin-left: auto; font-size: 1rem; white-space: nowrap; }
.wmg2 .rgx-sec__go:not(.wm-btn):hover, .wmg2 .rgx-guide__go:hover, .wmg2 .rgx-near__n a:hover, .wmg2 .rgx-tier__go:hover, .wmg2 .rgx-pop__go:hover, .wmg2 .rgx-gd__go a:hover {
  text-decoration: underline; text-underline-offset: 3px; }
/* 단추 매핑(4-5) — class 는 그대로 · 값만 홈 .wm-btn 계열 */
.wmg2 .rgx-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: 1rem 2rem; border: .125rem solid var(--wm-navy-bd); border-radius: 0;
  background: var(--wm-navy); color: #fff; font: inherit; font-size: 1rem; line-height: 1.1; font-weight: 800; font-style: italic; text-align: center; text-decoration: none; cursor: pointer;
  transition: transform .2s ease; }
.wmg2 .rgx-btn:hover { transform: translateY(-.2rem); }
.wmg2 .rgx-btn--out { background: transparent; border-color: var(--wm-navy); color: var(--wm-navy); }   /* 보조 단추(v3.5 남색 테두리) */
.wmg2 .rgx-btn--gh { padding: .25rem 0; border: 0; background: none; color: var(--wm-navy); }      /* 링크 단추 */
.wmg2 .rgx-btn--gh:hover { transform: none; text-decoration: underline; text-underline-offset: 3px; }
/* 고르기 칩 = .wm-chip 값(높이 2.75rem · #f3f3f3 · 비스듬 · .9375rem 800 기울임) — 바탕만 ::before 로 기울이고 글자는 바로(마크업에 속 span 이 없다) ·
   고르면(is-on · aria-selected · aria-current) 남색 흰 글자 */
.wmg2 .rgx-subs a, .wmg2 .rgx-chips a, .wmg2 .rgx-bar a, .wmg2 .rgx-tab__l {
  position: relative; isolation: isolate; display: inline-flex; align-items: center; gap: .35rem; min-height: 2.75rem; padding: 0 1.1rem;
  border: 0; background: none; color: var(--wm-ink); font: inherit; font-size: .9375rem; line-height: 1.2; font-weight: 800; font-style: italic; white-space: nowrap; cursor: pointer;
  transition: color .2s ease; }
.wmg2 .rgx-subs a::before, .wmg2 .rgx-chips a::before, .wmg2 .rgx-bar a::before, .wmg2 .rgx-tab__l::before {
  content: ""; position: absolute; inset: 0; z-index: -1; background: var(--wm-chip); transform: skew(-16deg); transition: background-color .2s ease; }
.wmg2 .rgx-subs a:hover::before, .wmg2 .rgx-chips a:hover::before, .wmg2 .rgx-bar a:hover::before, .wmg2 .rgx-tab__l:hover::before { background: var(--wm-nav2); }
.wmg2 .rgx-subs a.is-on, .wmg2 .rgx-bar a.is-on, .wmg2 .rgx-tab__l.is-on, .wmg2 .rgx-tab__l[aria-selected="true"] { color: #fff; }
.wmg2 .rgx-subs a.is-on::before, .wmg2 .rgx-bar a.is-on::before, .wmg2 .rgx-tab__l.is-on::before, .wmg2 .rgx-tab__l[aria-selected="true"]::before { background: var(--wm-navy); }
.wmg2 .rgx-subs a i, .wmg2 .rgx-tab__l i { font-style: normal; font-size: .75rem; font-weight: 800; color: var(--wm-navy); }   /* 개수 */
.wmg2 .rgx-subs a.is-on i, .wmg2 .rgx-tab__l.is-on i, .wmg2 .rgx-tab__l[aria-selected="true"] i { color: #fff; }
.wmg2 .rgx-subs ul, .wmg2 .rgx-chips, .wmg2 .rgx-bar__f, .wmg2 .rgx-bar__s, .wmg2 .rgx-tab__b { display: flex; flex-wrap: wrap; gap: .5rem .6rem; margin: 0; padding: 0 0 0 .4rem; list-style: none; }
/* 「제휴」 배지(em.rgx-badge · i.rgx-badge) = .wm-new 값(남색 · .625rem 800 기울임 · 비스듬) — 빨강 아님 */
.wmg2 .rgx-badge { display: inline-block; vertical-align: middle; margin-left: .4rem; padding: .25rem .35rem; background: var(--wm-navy); color: #fff;
  font-size: .625rem; line-height: 1; font-weight: 800; font-style: italic; letter-spacing: .02em; transform: skew(-16deg); }
.wmg2 .wmg2-hd h1 .rgx-badge { font-size: .875rem; padding: .35rem .5rem; }
/* 빈 칸 — .wm-empty 값 + strong 1.25rem 900 기울임 + 남색 단추 */
.wmg2 .rgx-empty { display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; padding: 2rem 0; }
.wmg2 .rgx-empty strong { font-size: 1.25rem; line-height: 1.3; font-weight: 900; font-style: italic; }
.wmg2 .rgx-empty p { max-width: 55ch; margin: 0; font-size: 1rem; line-height: 1.6; font-weight: 600; }
/* 다른 갈래 · 이 브랜드가 다루는 갈래 · 많이 찾는 갈래 */
.wmg2 .rgx-near h2 { margin: 0 0 1.25rem; font-size: 1.6875rem; line-height: 1.22; font-weight: 900; font-style: italic; }   /* = .wm-hs */
.wmg2 .rgx-near h2 em { color: var(--wm-navy); font-style: italic; }
.wmg2 .rgx-near__n { margin: 1.25rem 0 0; font-size: 1rem; }
/* 근거 링크 줄 — em 라벨 800 · 링크 .8125rem 700 밑줄(B 의 1px 테두리 상자 버림) */
.wmg2 .rgx-fact__e { display: flex; flex-wrap: wrap; align-items: baseline; gap: .35rem .75rem; margin: 1rem 0 0; font-size: .8125rem; line-height: 1.5; }
.wmg2 .rgx-fact__e em { font-style: normal; font-weight: 800; }
.wmg2 .rgx-fact__e a { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
/* 작은 밝힘 문단들 */
.wmg2 .rgx-whybox__n, .wmg2 .rgx-guide__n, .wmg2 .rgx-src, .wmg2 .rgx-note, .wmg2 .rgx-tier__n2, .wmg2 .rgx-buyrow__n, .wmg2 .rgx-claim__n {
  margin: 1rem 0 0; max-width: 70ch; font-size: .875rem; line-height: 1.6; font-weight: 500; }
.wmg2 .rgx-note { font-size: .8125rem; }
.wmg2 .rgx-note span { display: block; }
/* 남색 네모 점 목록(B 5px = .3125rem) */
.wmg2 .rgx-good ul, .wmg2 .rgx-fact__l, .wmg2 .rgx-foot__b ul, .wmg2 .rgx-evt__n, .wmg2 .rgx-pop__l { margin: 0; padding: 0; list-style: none; display: grid; gap: .5rem; }
.wmg2 .rgx-good li, .wmg2 .rgx-fact__l li, .wmg2 .rgx-foot__b li, .wmg2 .rgx-evt__n li, .wmg2 .rgx-pop__l li { position: relative; padding-left: 1.1rem; line-height: 1.6; }
.wmg2 .rgx-good li::before, .wmg2 .rgx-fact__l li::before, .wmg2 .rgx-foot__b li::before, .wmg2 .rgx-evt__n li::before, .wmg2 .rgx-pop__l li::before {
  content: ""; position: absolute; left: 0; top: .65em; width: .3125rem; height: .3125rem; background: var(--wm-navy); }

/* ═══ 5. 카드 — 제품(사진 1:1 위 · 글 아래 · 홈 .wm-nc 값) · 카드 넘김 · 격자 · 장비 소식 · 브랜드 글 카드 · 브랜드 목록 줄 ═══ */
.wmg2 .rgx-plist { margin: 0; padding: 0; list-style: none; }
.wmg2 .rgx-plist:not(.wm-track) { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.75rem 1rem; }   /* = .wm-cg 값 */
.wmg2 .rgx-plist__i { min-width: 0; }
/* 허브 카드 넘김(D4) — ul.rgx-plist.wm-track(홈 wmm.css 의 가로 밀기 · 스냅) · 한 줄 4장(≥1280) · 3장 · 폰 2장 */
.wmg2 .rgx-plist.wm-track { gap: 1rem; }
.wmg2 .rgx-plist.wm-track > .rgx-plist__i { flex: 0 0 calc((100% - 3rem) / 4); scroll-snap-align: start; }
.wmg2 .wmg2-new .rgx-sec__h .wm-arws { margin-left: auto; }
/* 제품 카드 a.rgx-p — 바탕 없음 · 검정 · 🔴 wm-nc class 는 달지 않는다(wmm.css 의 aspect-ratio·바탕이 섞인다 · 값만 같게) */
.wmg2 .rgx-p { display: flex; flex-direction: column; height: 100%; color: var(--wm-ink); }
.wmg2 .rgx-p:focus-visible { outline: 3px solid var(--wm-navy); outline-offset: 3px; box-shadow: none; }
/* 사진 — 1:1 · #f7f9fa · contain(D5 — B 라이브처럼 «안 잘리게») · 막·그라데이션 0. 🔴 background-image 는 원문 인라인 style → 단축 background 금지(롱핸드만) */
.wmg2 .rgx-p__ph { position: relative; display: block; aspect-ratio: 1 / 1; background-color: var(--wm-page); background-position: center; background-size: contain; background-repeat: no-repeat; }
/* 할인 % (D6) — 빨강 바탕 + 흰 글자 800(4.52) · 비스듬 · 사진 왼쪽 위 — 이 지면 «핫» 자리 */
.wmg2 .rgx-p__off, .wmg2 .rgx-item__off { position: absolute; left: .6rem; top: .6rem; z-index: 1; isolation: isolate; display: inline-block; padding: .3rem .6rem;
  font-size: .75rem; line-height: 1; font-weight: 800; font-style: italic; color: #fff; }
.wmg2 .rgx-p__off::before, .wmg2 .rgx-item__off::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--wm-hot); transform: skew(-16deg); }
.wmg2 .rgx-p__b { display: flex; flex-direction: column; gap: .35rem; flex: 1 1 auto; padding: .85rem 0 .25rem; }
/* 브랜드(허브)·갈래(같은 브랜드 묶음) 꼬리표 = .wm-nc__tag 값(#f2f4f5 · 비스듬) — 글자 .75rem 700 */
.wmg2 .rgx-p__br, .wmg2 .bk-item__k { position: relative; isolation: isolate; align-self: flex-start; display: inline-block; padding: .15rem .4rem; margin-left: .2rem; font-size: .75rem; line-height: 1.4; font-weight: 700; }
.wmg2 .rgx-p__br::before, .wmg2 .bk-item__k::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--wm-smoke); transform: skew(-16deg); }
.wmg2 .rgx-p__br:empty { display: none; }
.wmg2 .rgx-p__nm { font-size: 1.1875rem; line-height: 1.25; font-weight: 900; font-style: italic; text-transform: none;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: color .2s ease; }
.wmg2 .rgx-p:hover .rgx-p__nm { color: var(--wm-navy); }
.wmg2 .rgx-p__tg { font-size: .8125rem; line-height: 1.5; font-weight: 500; }
.wmg2 .rgx-p__pr { display: flex; flex-wrap: wrap; align-items: baseline; gap: .15rem .5rem; margin-top: .15rem; }
.wmg2 .rgx-p__pr b { font-size: 1.125rem; font-weight: 900; font-style: italic; font-variant-numeric: tabular-nums; }
.wmg2 .rgx-p__pr s { font-size: .8125rem; font-weight: 500; }
.wmg2 .rgx-p__go { margin-top: auto; padding-top: .35rem; font-size: .8125rem; font-weight: 700; font-style: italic; color: var(--wm-navy); }
/* 장비 소식(H3) — 규칙 3 «카드(사진 아래 글) 3:2 · #f7f9fa · 날짜 800 · 제목 900 기울임» */
.wmg2 .bk-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.75rem 1rem; }
.wmg2 .bk-item { display: flex; flex-direction: column; min-width: 0; background: var(--wm-page); }
.wmg2 .bk-item__fig { display: block; aspect-ratio: 3 / 2; overflow: hidden; background: var(--wm-grey); }
.wmg2 .bk-item__fig img { width: 100%; height: 100%; object-fit: cover; }
.wmg2 .bk-item__body { display: flex; flex-direction: column; gap: .6rem; padding: 1.25rem 1.25rem 1.5rem; }
.wmg2 .bk-item h3 { margin: 0; font-size: 1.1875rem; line-height: 1.3; font-weight: 900; font-style: italic; }
.wmg2 .bk-item h3 a:hover { color: var(--wm-navy); }
.wmg2 .bk-item__m { margin: 0; font-size: .8125rem; font-weight: 800; }
/* 브랜드 목록 줄(명부·갈래·검색) — 위 2px 남색 · 줄마다 1px #d6dce2 · 3칸 [이름 | 한 줄 | 갈래·나라·N개](find 줄 비율) · hover #f7f9fa */
.wmg2 .rgx-brlist { margin: 0; padding: 0; list-style: none; border-top: 2px solid var(--wm-navy); }
.wmg2 .rgx-br { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.75fr) minmax(0, 1fr); gap: 1rem; align-items: center; padding: .75rem .25rem;
  border-bottom: 1px solid var(--wm-line); transition: background-color .2s ease; }
.wmg2 .rgx-br:hover { background: var(--wm-page); }
.wmg2 .rgx-br__h { display: flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .5rem; min-width: 0; }
.wmg2 .rgx-br__n { font-size: 1.0625rem; line-height: 1.35; font-weight: 800; }
.wmg2 .rgx-br__e { font-size: .75rem; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.wmg2 .rgx-br__h .rgx-badge { margin-left: .1rem; }
.wmg2 .rgx-br__t { font-size: .875rem; line-height: 1.5; font-weight: 500; }
.wmg2 .rgx-br__m { display: flex; flex-wrap: wrap; gap: .2rem .6rem; }
.wmg2 .rgx-br__m i { font-style: normal; font-size: .8125rem; font-weight: 700; }
.wmg2 .rgx-br__m .rgx-br__cnt { color: var(--wm-navy); font-weight: 800; }
/* 허브 「함께하는 브랜드」 3장 = #f7f9fa 글 카드 3열(.wm-pc__b 값) */
.wmg2 .wmg2-brc .rgx-brlist { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; border-top: 0; }
.wmg2 .wmg2-brc .rgx-br { display: flex; flex-direction: column; align-items: stretch; gap: .6rem; height: 100%; padding: 1.25rem 1.25rem 1.5rem; border-bottom: 0; background: var(--wm-page); }
.wmg2 .wmg2-brc .rgx-br:hover { background: var(--wm-nav2); }
.wmg2 .wmg2-brc .rgx-br__n { font-size: 1.25rem; line-height: 1.3; font-weight: 900; font-style: italic; transition: color .2s ease; }
.wmg2 .wmg2-brc .rgx-br:hover .rgx-br__n { color: var(--wm-navy); }

/* ═══ 6. 허브 — 메인 배너(«사진 반 + 글 반» · 글 칸 = 단색 띠 3톤 · D7) · 러너 투시도 ═══ */
.wmg2 .rgx-sl { position: relative; margin: 0; }
/* 창 = [장들 100%] → [막대 100%] → [몇째·멈춤 ……… ← →] (컨트롤이 창 «안»이라 줄을 바꿔 아래로 내린다 · 넘김 자르기 overflow 는 그대로) */
.wmg2 .rgx-sl__win { display: flex; flex-wrap: wrap; align-items: center; }
.wmg2 .rgx-sl__track { flex: 0 0 100%; order: 0; }
.wmg2 .rgx-sl__a { flex: 1 1 auto; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: min(30rem, 62vh); color: var(--wm-ink); text-decoration: none; }
.wmg2 .rgx-sl__a:focus-visible { outline-offset: -3px; box-shadow: none; }   /* 창 overflow 에 바깥 테두리가 잘리지 않게 */
/* 글 칸 = 단색 띠 — 짙은 판 남색 + 흰 글자 · 밝은 판 #f7f9fa + 검정 · 회색 판 #ebf2f5 + 검정 */
.wmg2 .rgx-sl__t { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: .6rem; min-width: 0; padding: 3rem 4rem 3rem 3rem; background: var(--wm-page); }
.wmg2 .rgx-sl__a--dark .rgx-sl__t { background: var(--wm-navy); color: #fff; }
.wmg2 .rgx-sl__a--grey .rgx-sl__t { background: var(--wm-nav2); }
.wmg2 .rgx-sl__lg { box-sizing: content-box; height: 1.875rem; width: auto; max-width: 12rem; padding: .3rem .5rem; background: #fff; object-fit: contain; }   /* 로고는 흰 칩 위 원색 그대로 */
/* 종류 라벨칩 — 밝은·회색 판 = 회색 칩 · 짙은 판 = 흰 칩 + 남색 글자 */
.wmg2 .rgx-sl__k { position: relative; isolation: isolate; display: inline-flex; align-items: center; gap: .5rem; margin-left: .3rem; padding: .45rem .8rem;
  font-size: .8125rem; line-height: 1; font-weight: 800; text-transform: uppercase; color: var(--wm-ink); }
.wmg2 .rgx-sl__k::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--wm-chip); transform: skew(-16deg); }
.wmg2 .rgx-sl__a--dark .rgx-sl__k { color: var(--wm-navy); }
.wmg2 .rgx-sl__a--dark .rgx-sl__k::before { background: #fff; }
/* 칩 속 em — 짙은 판 「제휴」 = 흰 바탕 남색 배지(2px 남색 테두리로 칩과 가른다) · 밝은 판(할인 %) = 빨강 + 흰 글자 */
.wmg2 .rgx-sl__k em { display: inline-block; padding: .2rem .4rem; font-style: italic; font-size: .6875rem; font-weight: 800; transform: skew(-16deg); background: var(--wm-hot); color: #fff; }
.wmg2 .rgx-sl__a--dark .rgx-sl__k em { background: #fff; color: var(--wm-navy); box-shadow: inset 0 0 0 2px var(--wm-navy); }
.wmg2 .rgx-sl__h { margin: .25rem 0 0; font-size: 3rem; line-height: 1.05; font-weight: 900; font-style: italic; letter-spacing: -.01em; text-transform: none; }
.wmg2 .rgx-sl__l { max-width: 30em; font-size: 1rem; line-height: 1.6; font-weight: 500; }
.wmg2 .rgx-sl__sub { max-width: 30em; font-size: .875rem; line-height: 1.6; font-weight: 500; }
/* 혜택 칩 — 흰 상자 + 남색 글자(「무료배송」 빨강 금지 · 규칙 3) */
.wmg2 .rgx-sl__chips { display: flex; flex-wrap: wrap; gap: .5rem; padding-left: .2rem; }
.wmg2 .rgx-sl__chips i { position: relative; isolation: isolate; display: inline-block; padding: .3rem .6rem; font-style: normal; font-size: .8125rem; line-height: 1.1; font-weight: 800; color: var(--wm-navy); }
.wmg2 .rgx-sl__chips i::before { content: ""; position: absolute; inset: 0; z-index: -1; background: #fff; transform: skew(-16deg); }
.wmg2 .rgx-sl__p { display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .5rem; }
.wmg2 .rgx-sl__p b { font-size: 2rem; line-height: 1.1; font-weight: 900; font-style: italic; font-variant-numeric: tabular-nums; }
.wmg2 .rgx-sl__p s { font-size: 1rem; font-weight: 500; }
.wmg2 .rgx-sl__p u { text-decoration: none; font-size: 1rem; font-weight: 600; }
/* 「… 보기 →」 — 밝은·회색 판 = 남색 주 단추 · 짙은 판 = 흰 바탕 남색 글자 · 배너 hover 때 .2rem 들림 */
.wmg2 .rgx-sl__cta { display: inline-flex; align-items: center; margin-top: .75rem; padding: 1rem 2rem; border: .125rem solid var(--wm-navy-bd); background: var(--wm-navy); color: #fff;
  font-size: 1rem; line-height: 1.1; font-weight: 800; font-style: italic; white-space: nowrap; transition: transform .2s ease; }
.wmg2 .rgx-sl__a--dark .rgx-sl__cta { background: #fff; color: var(--wm-navy); border-color: #fff; }
.wmg2 .rgx-sl__a:hover .rgx-sl__cta { transform: translateY(-.2rem); }
/* 사진 칸 — 흰 바탕 · 제품 사진 contain(안 잘리게) · 사진 없는 판은 갈래 아이콘 7rem 은색 */
.wmg2 .rgx-sl__v { position: relative; display: block; min-height: 12rem; overflow: hidden; background: #fff; }
.wmg2 .rgx-sl__v img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.wmg2 .rgx-sl__ic { position: absolute; inset: 0; display: grid; place-items: center; font-size: 7rem; color: var(--wm-silver); }
/* 컨트롤 — 막대(창 아래 전체 폭 .25rem) · 몇째 + 멈춤(왼쪽) · ← →(오른쪽 · .wm-arw 값 · 폰 숨김) */
.wmg2 .rgx-sl__bar { order: 1; flex: 0 0 100%; height: .25rem; background: none; }
.wmg2 .rgx-sl__count { order: 2; display: inline-flex; align-items: center; gap: .4rem; margin: .5rem auto .5rem 0; font-variant-numeric: tabular-nums; }
.wmg2 .rgx-sl__count b { font-size: 1.125rem; font-weight: 900; font-style: italic; }
.wmg2 .rgx-sl__count span { font-size: 1rem; font-weight: 600; }
.wmg2 .rgx-sl__pause { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; padding: 0; border: 0; background: none; color: var(--wm-navy); }
.wmg2 .rgx-sl__pause svg { width: .875rem; height: .875rem; }
.wmg2 .rgx-sl__pause[aria-pressed="true"] { color: var(--wm-navy); }   /* 1.0.1 — 검정 → 남색(v3.5 아이콘 = 남색). 멈춘 것은 진행 막대가 서는 것(.is-running 빠짐)과 aria-pressed 로 알린다 */
.wmg2 .rgx-sl__nav { order: 3; display: inline-flex; align-items: center; justify-content: center; width: 7.5rem; height: 3.25rem; padding: 0; border: 0; border-radius: 100vw;
  background: none; color: var(--wm-ink); transition: background-color .2s ease, color .2s ease; }
.wmg2 .rgx-sl__nav--next { order: 4; }
.wmg2 .rgx-sl__nav svg { width: 1.5rem; height: 1.5rem; }
.wmg2 .rgx-sl__nav:hover { background: var(--wm-navy); color: #f0f0f3; }
.wmg2 .rgx-sl__nav:focus-visible, .wmg2 .rgx-sl__pause:focus-visible { outline-offset: -3px; box-shadow: none; }
/* 점 10 — 누르는 면 2.75rem · 보이는 점 1.25rem 원 · 안 고른 것 은색 · 고른 것 남색(v3.5) */
.wmg2 .rgx-sl__dots { display: flex; flex-wrap: wrap; justify-content: center; margin: .25rem 0 0; padding: 0; list-style: none; }
.wmg2 .rgx-sl__dots a { position: relative; display: block; width: 2.75rem; height: 2.75rem; }
.wmg2 .rgx-sl__dots a span { position: absolute; left: 50%; top: 50%; width: 1.25rem; height: 1.25rem; margin: -.625rem 0 0 -.625rem; border-radius: 50%; background: var(--wm-silver); }
.wmg2 .rgx-sl__dots a.is-on span { background: var(--wm-navy); }

/* 러너 투시도 — 머리 · [그림 칸 1fr | 바로 가기 15rem] 사이 3rem(폰 1단) */
.wmg2 .rgx-fig__head { margin: 0 0 1.75rem; }
.wmg2 .rgx-fig__head h2 { margin: 0; font-size: 2rem; line-height: 1.2; font-weight: 900; font-style: italic; letter-spacing: -.01em; }
.wmg2 .rgx-fig__head p { margin: .75rem 0 0; max-width: 55ch; font-size: 1rem; line-height: 1.6; font-weight: 500; }
.wmg2 .rgx-fig__head p b { font-weight: 800; }
.wmg2 .rgx-fig__go { display: inline-flex; align-items: center; margin-top: 1.25rem; padding: .75rem 1.25rem; border: .125rem solid var(--wm-navy); color: var(--wm-navy);
  font-size: .875rem; line-height: 1.2; font-weight: 800; font-style: italic; transition: transform .2s ease; }   /* 보조 단추 */
.wmg2 .rgx-fig__go:hover { transform: translateY(-.2rem); }
.wmg2 .rgx-fig__in { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2rem; }
/* 이름표 — 흰 칩 · 검정 .8125rem 800 · 테두리 0 · 얹기·초점·켜짐 = 남색 바탕 흰 글자 · 제품 0(is-soon) = 600 */
.wmg2 .rgx-call__n { display: inline-block; padding: .25rem .5rem; background: #fff; color: var(--wm-ink); font-size: .8125rem; line-height: 1.25; font-weight: 800; white-space: nowrap;
  transition: background-color .2s ease, color .2s ease; }
.wmg2 .rgx-call__n i { font-style: normal; color: var(--wm-navy); margin-left: .25rem; }
.wmg2 .rgx-call:hover .rgx-call__n, .wmg2 .rgx-call:focus-visible .rgx-call__n, .wmg2 .rgx-call.is-on .rgx-call__n { background: var(--wm-navy); color: #fff; }
.wmg2 .rgx-call:hover .rgx-call__n i, .wmg2 .rgx-call:focus-visible .rgx-call__n i, .wmg2 .rgx-call.is-on .rgx-call__n i { color: #fff; }
.wmg2 .rgx-call.is-soon .rgx-call__n { font-weight: 600; }
/* 설명 글(말풍선·아래 카드 공용) */
.wmg2 .rgx-pop__k { margin: 0 0 .25rem; font-size: .75rem; line-height: 1.4; font-weight: 800; color: var(--wm-navy); }
.wmg2 .rgx-pop__h { display: block; font-size: 1rem; line-height: 1.35; font-weight: 900; }
.wmg2 .rgx-pop__w, .wmg2 .rgx-pop__lead { display: block; margin-top: .4rem; font-size: .875rem; line-height: 1.6; font-weight: 500; }
.wmg2 .rgx-pop__wq { display: block; margin: .6rem 0 .15rem; font-size: .875rem; line-height: 1.4; font-weight: 800; color: var(--wm-navy); }
.wmg2 .rgx-pop__wa { display: block; font-size: .8125rem; line-height: 1.6; font-weight: 500; }
.wmg2 .rgx-pop__l { margin-top: .6rem; max-width: 54em; }
.wmg2 .rgx-pop__l li { font-size: .875rem; }
.wmg2 .rgx-pop__x2 { display: block; margin-top: .4rem; font-size: .8125rem; }
.wmg2 .rgx-pop__x2 em, .wmg2 .rgx-pop__t em { font-style: normal; font-weight: 800; }
.wmg2 .rgx-pop__t { display: block; margin-top: .75rem; font-size: .875rem; line-height: 1.6; font-weight: 700; }
.wmg2 .rgx-pop__t em { color: var(--wm-navy); margin-right: .5rem; }
.wmg2 .rgx-pop__br { display: block; margin-top: .75rem; }
.wmg2 .rgx-pop__br > em { display: block; margin-bottom: .25rem; font-style: normal; font-size: .75rem; font-weight: 800; color: var(--wm-navy); }
.wmg2 .rgx-pop__brl { display: flex; flex-wrap: wrap; gap: .25rem; }
.wmg2 .rgx-pop__brl a { display: inline-flex; align-items: center; gap: .25rem; padding: .2rem .5rem; background: var(--wm-chip); color: var(--wm-ink); font-size: .75rem; font-weight: 700;
  transition: background-color .2s ease, color .2s ease; }
.wmg2 .rgx-pop__brl a:hover { background: var(--wm-navy); color: #fff; }
.wmg2 .rgx-pop__brl a i { display: inline-block; padding: .15rem .25rem; background: var(--wm-navy); color: #fff; font-style: italic; font-size: .625rem; line-height: 1; font-weight: 800; transform: skew(-16deg); }
.wmg2 .rgx-pop__brl a:hover i { background: #fff; color: var(--wm-navy); }
.wmg2 .rgx-pop__brl a.more { background: none; text-decoration: underline; text-underline-offset: 3px; }
.wmg2 .rgx-pop__go { margin-top: .75rem; font-size: .875rem; }
.wmg2 .rgx-bub .rgx-pop__go { font-size: .8125rem; }
/* 아래 카드(JS 없을 때) — #f7f9fa · 테두리 0 */
.wmg2 .rgx-pops { margin-top: 1rem; background: var(--wm-page); }
.wmg2 .rgx-pop { padding: 1rem 1.25rem; }
/* 바로 가기 13 — 목록 줄(머리 2px 남색 · 줄 1px) */
.wmg2 .rgx-side { min-width: 0; }
.wmg2 .rgx-side__h { margin: 0 0 .75rem; }
.wmg2 .rgx-side__h h3 { margin: 0; font-size: 1.125rem; line-height: 1.3; font-weight: 900; font-style: italic; }
.wmg2 .rgx-side__h p { margin: .25rem 0 0; font-size: .8125rem; line-height: 1.5; font-weight: 500; }
.wmg2 .rgx-parts { margin: 0; padding: 0; list-style: none; border-top: 2px solid var(--wm-navy); }
.wmg2 .rgx-parts a { display: flex; align-items: center; gap: .5rem; padding: .6rem .5rem; border-bottom: 1px solid var(--wm-line); font-size: .9375rem; font-weight: 700; transition: background-color .2s ease; }
.wmg2 .rgx-parts a:hover, .wmg2 .rgx-parts a.is-on { background: var(--wm-page); }
.wmg2 .rgx-parts__i { font-size: 1.125rem; color: var(--wm-navy); flex: none; }
.wmg2 .rgx-parts__n { min-width: 0; }
.wmg2 .rgx-parts a i { margin-left: auto; font-style: normal; font-size: .8125rem; font-weight: 800; color: var(--wm-navy); }

/* ═══ 7. 제품 지면 — 위(사진 | 구매 칸 1fr 1fr · 사이 4rem) · 정의 표 · 이런 분께 · 보기에 · 고르는 기준 · 구매 다시 ═══ */
.wmg2 .rgx-item > * { margin: 0; }
.wmg2 .rgx-item > * + * { margin-top: 4rem; }
.wmg2 .rgx-item > .rgx-take, .wmg2 .rgx-item > .rgx-item__src, .wmg2 .rgx-item > .rgx-buy__again { margin-top: 2.5rem; }
.wmg2 .rgx-item__top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 4rem; align-items: start; }
.wmg2 .rgx-item__ph { position: relative; margin: 0; aspect-ratio: 1 / 1; display: grid; place-items: center; overflow: hidden; background: #fff; }
.wmg2 .rgx-item__ph img { width: 100%; height: 100%; object-fit: contain; }
.wmg2 .rgx-item__noph { font-size: 6rem; color: var(--wm-silver); }
.wmg2 .rgx-item__off { font-size: .875rem; }
.wmg2 .rgx-item__buy { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; }
/* 브랜드 = 라벨칩 꼴(#f3f3f3 비스듬 · 글자 바로) + 남색 「제휴」 배지 — 아래 여백은 h1 쪽에서 */
.wmg2 .rgx-item__brand { display: inline-flex; align-items: baseline; gap: .4rem; margin-bottom: 1.25rem; padding: .45rem .9rem; text-transform: none; }
.wmg2 .rgx-item__brand em { font-style: normal; font-size: .75rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.wmg2 .rgx-item__brand:hover { text-decoration: underline; text-underline-offset: 3px; }
.wmg2 .rgx-item__buy h1 small { display: block; margin-top: .35rem; font-size: 1rem; line-height: 1.2; font-weight: 800; letter-spacing: .04em; }
.wmg2 .rgx-item__tg { margin: .625rem 0 0; max-width: 55ch; font-size: 1rem; line-height: 1.6; font-weight: 500; }
.wmg2 .rgx-item__pr { display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .6rem; margin: 1.5rem 0 0; }
.wmg2 .rgx-item__pr b { font-size: 2rem; line-height: 1.1; font-weight: 900; font-style: italic; font-variant-numeric: tabular-nums; }
.wmg2 .rgx-item__pr s { font-size: 1rem; font-weight: 500; }
/* 구매 단추 a.rgx-buy ×2(바깥 · rel=sponsored 그대로) — 남색 주 단추 · 첫 줄 1.125rem 800 · 둘째 줄 .8125rem 600 */
.wmg2 .rgx-buy { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: .35rem; margin-top: 1.5rem; padding: 1rem 2rem;
  border: .125rem solid var(--wm-navy-bd); background: var(--wm-navy); color: #fff; text-align: center; text-decoration: none; transition: transform .2s ease; }
.wmg2 .rgx-buy:hover { transform: translateY(-.2rem); }
.wmg2 .rgx-buy span { font-size: 1.125rem; line-height: 1.25; font-weight: 800; font-style: italic; }
.wmg2 .rgx-buy em { font-style: normal; font-size: .8125rem; line-height: 1.3; font-weight: 600; }
.wmg2 .rgx-item__note { margin: 1rem 0 0; max-width: 55ch; font-size: .875rem; line-height: 1.6; font-weight: 500; }
.wmg2 .rgx-item__meta { display: grid; gap: .5rem; margin: 1.25rem 0 0; padding: 0; list-style: none; }
.wmg2 .rgx-item__meta li { display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .5rem; font-size: .875rem; line-height: 1.5; }
.wmg2 .rgx-item__meta span { flex: none; width: 6.5rem; font-weight: 800; }
.wmg2 .rgx-item__meta a { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
/* 구역 h2(한눈에 · 이런 분께 · 고르는 기준 · 표 위) = 2rem 900 기울임 */
.wmg2 .rgx-spec h2, .wmg2 .rgx-good h2, .wmg2 .rgx-guide h2, .wmg2 .rgx-about h2, .wmg2 .rgx-whybox h2, .wmg2 .rgx-rk__h {
  margin: 0 0 1.25rem; font-size: 2rem; line-height: 1.2; font-weight: 900; font-style: italic; letter-spacing: -.01em; text-transform: none; }
/* 정의 표(dl — 제품 「한눈에」 · 회사 정보 · 개인정보 안내) = find 패널 표 값 : 위 2px 남색 · 줄 1px · 머리칸 118px(오른쪽 1px) · dt .9375rem 800 · dd 1rem/1.6 500 */
.wmg2 .rgx-spec dl, .wmg2 .rgx-facts dl, .wmg2 .rgx-agree__d { margin: 0; border-top: 2px solid var(--wm-navy); background: #fff; }
.wmg2 .rgx-spec dl > div, .wmg2 .rgx-facts dl > div, .wmg2 .rgx-agree__d > div { display: grid; grid-template-columns: 118px minmax(0, 1fr); border-bottom: 1px solid var(--wm-line); }
.wmg2 .rgx-spec dt, .wmg2 .rgx-facts dt, .wmg2 .rgx-agree__d dt { display: flex; align-items: flex-start; gap: .4rem; margin: 0; padding: .85rem .75rem; border-right: 1px solid var(--wm-line);
  font-size: .9375rem; line-height: 1.4; font-weight: 800; }
.wmg2 .rgx-facts dt .rgx-fi { margin-top: .15rem; }
/* 회사 정보 표는 머리칸에 아이콘 + 「사업자등록번호」(띄어쓰기 없는 7자)가 들어가 118px 를 넘쳐 값과 겹쳤다(10-06 c2sports 갈무리) → 이 표만 머리칸 10rem ·
   그래도 넘치면 머리칸 안에서 줄을 바꾼다(겹침 0) */
.wmg2 .rgx-facts dl > div { grid-template-columns: 10rem minmax(0, 1fr); }
.wmg2 .rgx-spec dt, .wmg2 .rgx-facts dt span, .wmg2 .rgx-agree__d dt { min-width: 0; overflow-wrap: anywhere; }
.wmg2 .rgx-spec dd, .wmg2 .rgx-facts dd, .wmg2 .rgx-agree__d dd { margin: 0; min-width: 0; padding: .85rem .75rem; font-size: 1rem; line-height: 1.6; font-weight: 500; }
.wmg2 .rgx-facts dd a { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }   /* 주소는 낱말이 없어 글자째 끊는다 */
/* 이런 분께 — h2 + em(블록 1rem 700) · 남색 네모 점 */
.wmg2 .rgx-good h2 em { display: block; margin-top: .4rem; font-style: normal; font-size: 1rem; line-height: 1.4; font-weight: 700; letter-spacing: 0; }
.wmg2 .rgx-good li { font-size: 1rem; }
/* 런닝인사이드가 보기에 — #f7f9fa 칸 2.25rem · b 라벨칩 · p 1.125rem 700 */
.wmg2 .rgx-take { margin: 0; padding: 2.25rem; background: var(--wm-page); }
.wmg2 .rgx-take > b { margin-bottom: 1.25rem; }
.wmg2 .rgx-take p { margin: 0; max-width: 60ch; font-size: 1.125rem; line-height: 1.6; font-weight: 700; }
/* 고르는 기준 — 큰 숫자 목록(2rem 900 기울임 남색 = 개수 꼴) */
.wmg2 .rgx-guide ol { margin: 0; padding: 0; list-style: none; counter-reset: wmg2g; display: grid; gap: .75rem; }
.wmg2 .rgx-guide li { counter-increment: wmg2g; display: grid; grid-template-columns: 3rem minmax(0, 1fr); align-items: baseline; font-size: 1rem; line-height: 1.6; font-weight: 600; }
.wmg2 .rgx-guide li::before { content: counter(wmg2g); font-size: 2rem; line-height: 1; font-weight: 900; font-style: italic; color: var(--wm-navy); }
.wmg2 .rgx-guide__go { margin-top: 1.25rem; font-size: 1rem; }
/* 자료 출처 줄 · 구매 다시(가운데 · 최대 30em — B 값) */
.wmg2 .rgx-item__src { padding: 1rem 1.25rem; background: var(--wm-page); font-size: .875rem; line-height: 1.6; font-weight: 500; }
.wmg2 .rgx-item__src b { display: block; font-weight: 800; }
.wmg2 .rgx-buy__again { display: flex; justify-content: center; }
.wmg2 .rgx-buy__again .rgx-buy { width: 100%; max-width: 30em; margin-top: 0; }

/* ═══ 8. 갈래·소갈래·브랜드·명부·검색·백과 덩어리 (설계 3-5 · 3-6 · 3-7) ═══ */
/* 소갈래는 왜 — 2열 #f7f9fa 칸 */
.wmg2 .rgx-sb__l { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.wmg2 .rgx-sb__i { display: flex; flex-direction: column; gap: .6rem; padding: 1.25rem 1.25rem 1.5rem; background: var(--wm-page); }
.wmg2 .rgx-sb__i h3 { margin: 0; font-size: 1.25rem; line-height: 1.3; font-weight: 900; font-style: italic; }
.wmg2 .rgx-sb__i h3 a:hover { color: var(--wm-navy); text-decoration: underline; text-underline-offset: 3px; }
.wmg2 .rgx-sb__w { margin: 0; font-size: .9375rem; line-height: 1.6; }
.wmg2 .rgx-sb__o, .wmg2 .rgx-sb__n { margin: 0; font-size: .875rem; line-height: 1.6; }
.wmg2 .rgx-sb__n { margin-top: auto; font-weight: 800; }
.wmg2 .rgx-sb__o em, .wmg2 .rgx-sb__num em, .wmg2 .rgx-fact__t em { display: block; margin-bottom: .2rem; font-style: normal; font-size: .8125rem; font-weight: 800; color: var(--wm-navy); }
/* 소갈래 지면 — 한 칸 크게 */
.wmg2 .rgx-sb__what, .wmg2 .rgx-ency__def { margin: 0 0 1.5rem; max-width: 60ch; font-size: 1.125rem; line-height: 1.6; font-weight: 600; }
.wmg2 .rgx-sb__why, .wmg2 .rgx-sb__cell { padding: 1.5rem; background: var(--wm-page); }
.wmg2 .rgx-sb__why p, .wmg2 .rgx-sb__cell p { margin: 0; font-size: 1rem; line-height: 1.6; }
.wmg2 .rgx-sb__why .rgx-sb__k, .wmg2 .rgx-sb__cell .rgx-sb__k { margin: 0 0 .4rem; font-size: .8125rem; font-weight: 800; color: var(--wm-navy); }
.wmg2 .rgx-sb__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.wmg2 .rgx-sb__num { margin: 1rem 0 0; font-size: 1rem; line-height: 1.6; font-weight: 800; }
/* 백과(「…란」) — 정의 · 「없이 달리면?」 #f7f9fa 문답 · 블록 h3 · 숫자 타일 3열 · 종류 2열 줄 · 언제부터 · 흔한 오해 짝 */
.wmg2 .rgx-ency__no { margin: 0 0 2.5rem; padding: 2.25rem; background: var(--wm-page); }
.wmg2 .rgx-ency__nq { margin: 0 0 .75rem; font-size: 1.25rem; line-height: 1.4; font-weight: 900; font-style: italic; }
.wmg2 .rgx-ency__na { margin: 0; font-size: 1rem; line-height: 1.6; font-weight: 600; }
.wmg2 .rgx-ency__blk { margin: 0 0 2.5rem; }
.wmg2 .rgx-ency__blk h3, .wmg2 .rgx-fact__b h3, .wmg2 .rgx-rk__head h3, .wmg2 .rgx-tier h3, .wmg2 .rgx-evt h3, .wmg2 .rgx-claim h3 {
  margin: 0 0 1rem; font-size: 1.25rem; line-height: 1.35; font-weight: 900; font-style: italic; }
.wmg2 .rgx-ency__blk > p { margin: 0; max-width: 65ch; font-size: 1rem; line-height: 1.6; }
.wmg2 .rgx-ency__nums { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.wmg2 .rgx-ency__nums li { display: flex; flex-direction: column; gap: .3rem; padding: 1.25rem; background: var(--wm-page); }
.wmg2 .rgx-ency__nums b { font-size: 2rem; line-height: 1.1; font-weight: 900; font-style: italic; color: var(--wm-navy); font-variant-numeric: tabular-nums; }
.wmg2 .rgx-ency__nums em { font-style: normal; font-size: .9375rem; font-weight: 800; }
.wmg2 .rgx-ency__nums span { font-size: .8125rem; line-height: 1.5; }
.wmg2 .rgx-ency__kinds { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 2rem; margin: 0; padding: 0; list-style: none; border-top: 2px solid var(--wm-navy); }
.wmg2 .rgx-ency__kinds li { display: flex; flex-direction: column; gap: .2rem; padding: .85rem .25rem; border-bottom: 1px solid var(--wm-line); }
.wmg2 .rgx-ency__kinds b { font-size: 1rem; font-weight: 800; }
.wmg2 .rgx-ency__kinds span { font-size: .875rem; line-height: 1.6; }
.wmg2 .rgx-ency__myth { display: grid; gap: 1.25rem; margin: 0; padding: 0; list-style: none; }
.wmg2 .rgx-ency__mc, .wmg2 .rgx-ency__mt { margin: 0; font-size: .9375rem; line-height: 1.6; }
.wmg2 .rgx-ency__mt { margin-top: .5rem; font-weight: 600; }
/* 「흔히 도는 말」 회색 칩 / 「실제로는」 남색 칩 */
.wmg2 .rgx-ency__mc em, .wmg2 .rgx-ency__mt em { position: relative; isolation: isolate; display: inline-block; margin: 0 .6rem 0 .2rem; padding: .2rem .5rem; font-style: normal; font-size: .75rem; line-height: 1.3; font-weight: 800; }
.wmg2 .rgx-ency__mc em::before, .wmg2 .rgx-ency__mt em::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--wm-chip); transform: skew(-16deg); }
.wmg2 .rgx-ency__mt em { color: #fff; }
.wmg2 .rgx-ency__mt em::before { background: var(--wm-navy); }
/* 왜 필요한가 — #f7f9fa 칸 2.25rem · 왼쪽 4px 강조선은 버림(장식선) */
.wmg2 .rgx-whybox { padding: 2.25rem; background: var(--wm-page); }
.wmg2 .rgx-whybox__k { margin-bottom: 1.25rem; }
.wmg2 .rgx-whybox h2 { margin-bottom: .75rem; }
.wmg2 .rgx-whybox__w { margin: 0; max-width: 60ch; font-size: 1rem; line-height: 1.6; }
.wmg2 .rgx-whybox__t { margin: 1rem 0 0; font-size: .9375rem; line-height: 1.6; font-weight: 700; }
.wmg2 .rgx-whybox__t em { font-style: normal; font-weight: 800; color: var(--wm-navy); margin-right: .5rem; }
/* 이 장비가 하는 일 — 부위별 글(사이 2.5rem · 선 없음) */
.wmg2 .rgx-fact__b { padding-top: 2.5rem; }
.wmg2 .rgx-fact__b:first-of-type { padding-top: 0; }
.wmg2 .rgx-fact__k { margin: 0 0 .35rem; font-size: .875rem; font-weight: 800; color: var(--wm-navy); }
.wmg2 .rgx-fact__l li { font-size: .9375rem; }
.wmg2 .rgx-fact__t { margin: 1rem 0 0; padding: 1rem 1.25rem; background: var(--wm-page); font-size: .9375rem; line-height: 1.6; }
/* 소개하는 제품 머리띠 — 개수 2rem 900 기울임 남색(= find 개수) · 브랜드 칩 · 줄 세우기 칩 */
.wmg2 .rgx-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin: 0 0 1.75rem; }
.wmg2 .rgx-bar__n { display: flex; align-items: baseline; gap: .25rem; margin: 0; font-size: 1rem; font-weight: 700; }
.wmg2 .rgx-bar__n b { font-size: 2rem; line-height: 1; font-weight: 900; font-style: italic; color: var(--wm-navy); }
.wmg2 .rgx-bar__s { margin-left: auto; }
/* 브랜드 지면 — 밝힘 한 줄 · 어떤 회사인가(2열 [글 | 회사 정보 표]) · 값대로 고르면 3열 · 이벤트 카드 · 회사가 내건 말 · 바로 사시려면 */
.wmg2 .rgx-spon { padding: 1rem 1.25rem; background: var(--wm-page); font-size: .9375rem; line-height: 1.6; }
.wmg2 .rgx-spon em { font-style: normal; font-weight: 800; margin-right: .6rem; }
.wmg2 .rgx-about__h { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem; margin: 0 0 1.5rem; }
.wmg2 .rgx-about__h h2 { margin: 0; }
.wmg2 .rgx-about__ci img { display: block; width: auto; height: auto; max-height: 2rem; max-width: 12rem; }
.wmg2 .rgx-about__one { margin: 0 0 1.5rem; max-width: 60ch; font-size: 1.25rem; line-height: 1.5; font-weight: 800; }
.wmg2 .rgx-about__cols { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 3rem; align-items: start; }
.wmg2 .rgx-about__txt p { margin: 0; font-size: 1rem; line-height: 1.6; }
.wmg2 .rgx-about__txt p + p { margin-top: 1rem; }
.wmg2 .rgx-facts h3 { margin: 0 0 .75rem; font-size: 1.125rem; line-height: 1.3; font-weight: 900; font-style: italic; }
.wmg2 .rgx-about > .rgx-tier, .wmg2 .rgx-about > .rgx-evt, .wmg2 .rgx-about > .rgx-claim, .wmg2 .rgx-about > .rgx-take { margin-top: 2.5rem; }
.wmg2 .rgx-tier__l { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.wmg2 .rgx-tier__i { display: flex; flex-direction: column; gap: .5rem; padding: 1.25rem 1.25rem 1.5rem; background: var(--wm-page); }
.wmg2 .rgx-tier__k { position: relative; isolation: isolate; align-self: flex-start; display: inline-block; margin: 0 0 0 .2rem; padding: .3rem .6rem; font-size: .75rem; line-height: 1.2; font-weight: 800; }
.wmg2 .rgx-tier__k::before { content: ""; position: absolute; inset: 0; z-index: -1; background: #fff; transform: skew(-16deg); }
.wmg2 .rgx-tier__n { margin: 0; font-size: 1.125rem; line-height: 1.3; font-weight: 900; font-style: italic; }
.wmg2 .rgx-tier__n i { font-style: normal; font-size: .8125rem; font-weight: 600; }
.wmg2 .rgx-tier__p { margin: 0; font-size: 1.5rem; line-height: 1.2; font-weight: 900; font-style: italic; font-variant-numeric: tabular-nums; }
.wmg2 .rgx-tier__w { margin: 0; font-size: .875rem; line-height: 1.6; }
.wmg2 .rgx-tier__go { margin-top: auto; padding-top: .35rem; font-size: .875rem; }
.wmg2 .rgx-evt__l { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 0 0 1rem; padding: 0; list-style: none; }
.wmg2 .rgx-evt__i a { display: flex; flex-direction: column; gap: .3rem; height: 100%; padding: 1.25rem; background: var(--wm-page); transition: background-color .2s ease; }
.wmg2 .rgx-evt__i a:hover { background: var(--wm-nav2); }
.wmg2 .rgx-evt__i b { font-size: 1rem; line-height: 1.35; font-weight: 900; font-style: italic; }
.wmg2 .rgx-evt__i span { font-size: .875rem; line-height: 1.5; }
.wmg2 .rgx-evt__k { margin: 0 0 .4rem; font-size: .875rem; font-weight: 800; }
.wmg2 .rgx-evt__n { margin: 0 0 1rem; }
.wmg2 .rgx-evt__n li { font-size: .875rem; }
.wmg2 .rgx-evt__note { margin: 0; padding: 1rem 1.25rem; background: var(--wm-page); font-size: .875rem; line-height: 1.6; }
.wmg2 .rgx-claim { padding: 2.25rem; background: var(--wm-page); }
.wmg2 .rgx-claim__n { margin: 0 0 1rem; }
.wmg2 .rgx-claim blockquote { margin: 0 0 1.25rem; }
.wmg2 .rgx-claim blockquote:last-child { margin-bottom: 0; }
.wmg2 .rgx-claim blockquote p { margin: 0; max-width: 60ch; font-size: 1.125rem; line-height: 1.6; font-weight: 700; }
.wmg2 .rgx-claim cite { display: block; margin-top: .35rem; font-style: normal; font-size: .8125rem; }
.wmg2 .rgx-claim cite a { text-decoration: underline; text-underline-offset: 3px; }
.wmg2 .rgx-buyrow { margin-top: 2.5rem; }
.wmg2 .rgx-buyrow__t { margin: 0 0 1rem; font-size: 1rem; line-height: 1.6; }
.wmg2 .rgx-buyrow__t b { font-weight: 800; }
.wmg2 .rgx-buyrow__l { display: flex; flex-wrap: wrap; gap: .75rem; margin: 0; padding: 0; list-style: none; }
/* 백과사전 목차 — 2열 #f7f9fa 칸 */
.wmg2 .rgx-gd__l { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 0; padding: 0; list-style: none; }
.wmg2 .rgx-gd__i { display: flex; flex-direction: column; gap: .6rem; padding: 1.5rem; background: var(--wm-page); }
.wmg2 .rgx-gd__k { display: flex; align-items: center; gap: .5rem; margin: 0; font-size: .8125rem; font-weight: 800; }
.wmg2 .rgx-gd__ic { display: inline-flex; font-size: 1.125rem; color: var(--wm-navy); }
.wmg2 .rgx-gd__q { margin: 0; font-size: 1.25rem; line-height: 1.4; font-weight: 900; font-style: italic; }
.wmg2 .rgx-gd__a { margin: 0; font-size: .9375rem; line-height: 1.6; }
.wmg2 .rgx-gd__d { margin: 0; font-size: .875rem; line-height: 1.6; }
.wmg2 .rgx-gd__go { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .5rem 1rem; margin: auto 0 0; padding-top: .5rem; font-size: .875rem; }
.wmg2 .rgx-gd__go span { font-weight: 600; font-variant-numeric: tabular-nums; }

/* ═══ 9. 표 — 판매 순위·세계기록 table.wm-tbl.wmg2-tbl(홈 .wm-tbl 값 · /records/ 꼴) · 1·2·3위 메달 · 탭 칩 ═══ */
.wmg2 .rgx-rk__c + .rgx-rk__c { margin-top: 4rem; }
.wmg2 .rgx-tab__b { margin-bottom: 1.5rem; }
.wmg2 .rgx-tab__p + .rgx-tab__p { margin-top: 2.5rem; }   /* JS 가 없을 때 판이 다 펼쳐진 경우의 사이 */
.wmg2 .rgx-rk__box + .rgx-rk__box { margin-top: 2.5rem; }
.wmg2 .rgx-rk__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem 1rem; margin: 0 0 .5rem; }
.wmg2 .rgx-rk__head h3 { margin: 0; }
.wmg2 .rgx-rk__src { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .6rem; margin: 0; font-size: .875rem; line-height: 1.4; }
.wmg2 .rgx-rk__src em { position: relative; isolation: isolate; display: inline-block; margin-left: .2rem; padding: .25rem .55rem; font-style: normal; font-size: .75rem; line-height: 1.2; font-weight: 800; }
.wmg2 .rgx-rk__src em::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--wm-chip); transform: skew(-16deg); }
.wmg2 .rgx-rk__src b { font-weight: 800; }
.wmg2 .rgx-rk__src span { font-weight: 500; font-variant-numeric: tabular-nums; }
.wmg2 .rgx-rk__basis { margin: 0 0 1rem; max-width: 70ch; font-size: .875rem; line-height: 1.6; }
.wmg2 .rgx-rk__wrap { overflow-x: auto; margin: 0 0 1rem; -webkit-overflow-scrolling: touch; }
.wmg2 .wmg2-tbl { width: 100%; min-width: 34rem; }
.wmg2 .wmg2-tbl--rc { min-width: 52rem; }
/* 세계기록 — 선수 이름(nowrap)이 폭을 먹어 대회·신발 칸이 좁아지고 신발 덧말 때문에 줄이 아주 높아졌다(10-06 390 갈무리) → 칸 몫을 정해 둔다 */
.wmg2 .wmg2-tbl--rc td.rgx-rc__rc { width: 22%; }
.wmg2 .wmg2-tbl--rc td.rgx-rc__sh { width: 38%; }
/* 홈 .wm-tbl 은 칸마다 nowrap — 설명 칸(「자료가 적은 것」·대회·신발)이 길어 줄바꿈을 허락하고 숫자·이름 칸만 nowrap */
.wmg2 .wmg2-tbl td { white-space: normal; vertical-align: top; line-height: 1.5; }
.wmg2 .wmg2-tbl thead th { white-space: nowrap; }
.wmg2 .wmg2-tbl td.rgx-rk__n { width: 1%; white-space: nowrap; }
.wmg2 .wmg2-tbl td.rgx-rk__b, .wmg2 .wmg2-tbl td.rgx-rk__s, .wmg2 .wmg2-tbl td.rgx-rc__tm { white-space: nowrap; }   /* 이름·값·기록은 한 줄(위 td 규칙보다 세게) */
.wmg2 .wmg2-rk { display: inline-block; font-size: 1.125rem; line-height: 1; font-weight: 900; font-style: italic; color: var(--wm-navy); font-variant-numeric: tabular-nums; white-space: nowrap; }
/* 1·2·3위 메달 — 기울인 상자(::after · skew -16°) 안에 «꽉 찬 왕관»(::before 마스크 · currentColor) + 숫자. 값·왕관 = news 4-4(B records.css:104-121) 그대로
   금 = 울트라 노랑 #ffd100(검정 14.4:1) · 은 = --wm-silver · 동 #d99a5b(8.7:1). 숫자는 검정 */
.wmg2 .wmg2-rk--1, .wmg2 .wmg2-rk--2, .wmg2 .wmg2-rk--3 { position: relative; isolation: isolate; display: inline-flex; align-items: center; gap: .3rem;
  padding: .32rem .7rem .32rem .55rem; font-size: 1rem; color: var(--wm-ink); }
.wmg2 .wmg2-rk--1::after, .wmg2 .wmg2-rk--2::after, .wmg2 .wmg2-rk--3::after { content: ""; position: absolute; inset: 0; z-index: -1; transform: skew(-16deg); background: var(--wmg2-medal); }
.wmg2 .wmg2-rk--1::before, .wmg2 .wmg2-rk--2::before, .wmg2 .wmg2-rk--3::before { content: ""; flex: none; width: 1.05em; height: 1.05em; background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.4 7.2l5.2 4.6L12 3.6l4.4 8.2 5.2-4.6L19.6 17.6H4.4z'/%3E%3Cpath d='M4.4 19.2h15.2v2.4H4.4z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.4 7.2l5.2 4.6L12 3.6l4.4 8.2 5.2-4.6L19.6 17.6H4.4z'/%3E%3Cpath d='M4.4 19.2h15.2v2.4H4.4z'/%3E%3C/svg%3E") center / contain no-repeat; }
.wmg2 .wmg2-rk--1 { --wmg2-medal: var(--wm-c-ultra); }
.wmg2 .wmg2-rk--2 { --wmg2-medal: var(--wm-silver); }
.wmg2 .wmg2-rk--3 { --wmg2-medal: #d99a5b; }
/* 순위 표 칸 */
.wmg2 .rgx-rk__b { white-space: nowrap; font-weight: 700; }
.wmg2 .rgx-rk__b a { text-decoration: underline; text-underline-offset: 3px; }
.wmg2 .rgx-rk__b i { display: block; font-style: normal; font-size: .8125rem; font-weight: 600; }
.wmg2 .rgx-rk__s { white-space: nowrap; font-weight: 800; font-variant-numeric: tabular-nums; }
.wmg2 .rgx-rk__w { min-width: 12rem; font-size: .875rem; }
.wmg2 .rgx-rk__hit { display: block; margin-top: .25rem; font-size: .8125rem; font-weight: 700; }
.wmg2 .rgx-rk__extra, .wmg2 .rgx-rk__cav, .wmg2 .rgx-rk__none { margin: 0 0 1rem; padding: 1rem 1.25rem; background: var(--wm-page); font-size: .875rem; line-height: 1.6; }
.wmg2 .rgx-rk__extra em, .wmg2 .rgx-rk__cav em { display: block; margin-bottom: .2rem; font-style: normal; font-weight: 800; }
/* 세계기록 표 칸 — 기록 800 tabular-nums nowrap · 선수 700 · 신발 칸 확신 꼬리표 = 라벨칩(#f3f3f3) / 「확인 안 됨」 = 2px 남색 테두리 칩 */
.wmg2 .rgx-rc__p b { display: block; font-weight: 700; white-space: nowrap; }
.wmg2 .rgx-rc__p i { font-style: normal; font-size: .8125rem; font-weight: 600; }
.wmg2 .rgx-rc__tm { white-space: nowrap; font-weight: 800; font-variant-numeric: tabular-nums; }
.wmg2 .rgx-rc__rc span { display: block; font-size: .8125rem; font-variant-numeric: tabular-nums; white-space: nowrap; }
.wmg2 .rgx-rc__sh b { display: block; font-weight: 800; }
.wmg2 .rgx-rc__sh b a { text-decoration: underline; text-underline-offset: 3px; }
.wmg2 .rgx-rc__sh > span { display: block; }
.wmg2 .rgx-rc__sh em { display: block; font-style: normal; font-size: .8125rem; line-height: 1.5; }
.wmg2 .rgx-rc__q { position: relative; isolation: isolate; display: inline-block; margin: .35rem 0 0 .2rem; padding: .2rem .5rem; text-decoration: none; font-size: .75rem; line-height: 1.2; font-weight: 800; }
.wmg2 .rgx-rc__q::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--wm-chip); transform: skew(-16deg); }
.wmg2 .rgx-rc__q--no::before { background: transparent; box-shadow: inset 0 0 0 2px var(--wm-navy); }
.wmg2 .rgx-rc__un { font-weight: 600; }

/* ═══ 10. 문의 — 알림 · 폼(reg 2-6 값) · 개인정보 칸 · 보내기 줄 (D8 · D9) ═══
   🔴 폼 태그·속성은 «한 바이트도» 안 바꾼다(대조 #9) — 모양은 전부 여기서. 폼 규칙은 .rgx-form 아래로만(발 알림 폼·모달·검색과 안 겹치게) */
.wmg2 .rgx-ginq { max-width: 56rem; }
/* 알림 — 보냄 = #f7f9fa 칸 · 덜 채움·기다림·오류·폼 못 열 때 = 남색 띠 흰 글자 700(reg Q2 와 같음 · 빨강 아님) */
.wmg2 .rgx-msg { margin: 0 0 1.75rem; padding: 1.25rem; font-size: 1rem; line-height: 1.6; }
.wmg2 .rgx-msg b { display: block; font-weight: 800; }
.wmg2 .rgx-msg--ok { background: var(--wm-page); font-weight: 600; }
.wmg2 .rgx-msg--no { background: var(--wm-navy); color: #fff; font-weight: 700; }
.wmg2 .rgx-msg--no a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.wmg2 .rgx-msg--no :focus-visible { outline-color: #fff; box-shadow: 0 0 0 5px #000; }
.wmg2 .rgx-form { margin: 0; }
.wmg2 .rgx-fs { min-width: 0; margin: 0 0 3rem; padding: 0; border: 0; }
.wmg2 .rgx-fs legend { padding: 0; margin: 0 0 1.25rem; font-size: 1.5rem; line-height: 1.2; font-weight: 900; font-style: italic; text-transform: uppercase; }
.wmg2 .rgx-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem .75rem; }
.wmg2 .rgx-f { display: flex; flex-direction: column; min-width: 0; margin: 0; }
.wmg2 .rgx-fs > .rgx-f + .rgx-f { margin-top: 1.25rem; }
.wmg2 .rgx-f--wide { grid-column: 1 / -1; }
.wmg2 .rgx-f label { display: block; margin: 0 0 .3rem; font-size: .875rem; line-height: 1.4; font-weight: 800; }
.wmg2 .rgx-f label em { margin-left: .25rem; font-style: normal; font-size: .75rem; font-weight: 800; color: var(--wm-navy); }   /* 「필수」 — 빨강 금지 */
.wmg2 .rgx-f input, .wmg2 .rgx-f select, .wmg2 .rgx-f textarea { width: 100%; min-height: 3.25rem; padding: .75rem 1rem; border: .125rem solid var(--wm-field); border-radius: 0;
  background: #fff; color: var(--wm-ink); font: inherit; font-size: 1rem; }   /* 입력 글자 1rem — 아이폰 확대 없음 */
.wmg2 .rgx-f textarea { resize: vertical; line-height: 1.6; }
.wmg2 .rgx-f input:focus, .wmg2 .rgx-f select:focus, .wmg2 .rgx-f textarea:focus { outline: none; border-color: var(--wm-navy); box-shadow: 0 0 0 2px var(--wm-navy); }
.wmg2 .rgx-f__hint { display: block; margin-top: .4rem; font-size: .875rem; line-height: 1.5; font-weight: 500; }
.wmg2 .rgx-f__hint b { font-weight: 800; }
.wmg2 .rgx-f__hint em { margin-left: .5rem; font-style: normal; font-weight: 800; color: var(--wm-navy); white-space: nowrap; }
/* 개인정보 칸 — #f7f9fa 2.25rem · h2 1.25rem 900 기울임 · 정의 표(8장 위 공용) · 체크 1.25rem 남색 */
.wmg2 .rgx-agree { margin: 0 0 2rem; padding: 2.25rem; background: var(--wm-page); }
.wmg2 .rgx-agree h2 { margin: 0 0 1rem; font-size: 1.25rem; line-height: 1.3; font-weight: 900; font-style: italic; }
.wmg2 .rgx-agree__d dt, .wmg2 .rgx-agree__d dd { font-size: .9375rem; }
.wmg2 .rgx-agree__d dd b { font-weight: 800; }
.wmg2 .rgx-agree__n { margin: 1rem 0; font-size: .875rem; line-height: 1.6; }
.wmg2 .rgx-agree__n a { font-weight: 800; text-decoration: underline; text-underline-offset: 3px; }
.wmg2 .rgx-agree__c { margin: 0; }
.wmg2 .rgx-agree__c label { display: flex; align-items: flex-start; gap: .75rem; cursor: pointer; }
.wmg2 .rgx-agree__c input { flex: none; width: 1.25rem; height: 1.25rem; margin: .2rem 0 0; accent-color: var(--wm-navy); }
.wmg2 .rgx-agree__c span { font-size: 1rem; line-height: 1.6; }
.wmg2 .rgx-agree__c b { font-weight: 800; }
.wmg2 .rgx-agree__c em { margin-left: .25rem; font-style: normal; font-size: .75rem; font-weight: 800; color: var(--wm-navy); }
/* 보내기 줄 — button.rgx-btn(class 그대로 · 4장 주 단추 값) · 덧말 .875rem */
.wmg2 .rgx-form__go { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; margin: 2rem 0 0; }
.wmg2 .rgx-form__go span { font-size: .875rem; line-height: 1.6; font-weight: 500; }
.wmg2 .rgx-form__go span b { font-weight: 800; }

/* ═══ 11. 맨 밑 — 안내(WMM RUNNER PORTAL 꼴 · D14 남색 주 단추) · 부스러기·밝힘 ═══ */
.wmg2 .wmg2-cta .rgx-foot__a { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 48rem; margin: 0 auto; }
.wmg2 .wmg2-cta h2 { margin: 0; font-size: 3rem; line-height: 1.05; font-weight: 900; font-style: italic; letter-spacing: -.01em; text-transform: none; }
.wmg2 .wmg2-cta p { margin: 1rem 0 0; max-width: 48rem; font-size: 1rem; line-height: 1.6; font-weight: 500; }
.wmg2 .wmg2-cta h2 + p { margin-top: 3.25rem; }   /* 규칙 2 제목↔설명 52px */
.wmg2 .wmg2-cta .rgx-btn { margin-top: 2rem; }
.wmg2 .wmg2-cta .rgx-btn--out { background: var(--wm-navy); border-color: var(--wm-navy-bd); color: #fff; }   /* D14 — B 는 테두리 단추였다 · 규칙 4⑦ 마지막 안내 = 남색 단추 */
.wmg2 .wmg2-end { padding: 4rem var(--wm-gx) 2.5rem; }
/* 부스러기(.rgx-bc — 맨 밑 · 제품 지면만 본문 칸 맨 위) .875rem 700 · 링크 밑줄 · 「›」 는 원문 글자 */
.wmg2 .rgx-bc { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem .5rem; margin: 0; font-size: .875rem; line-height: 1.5; font-weight: 700; }
.wmg2 .rgx-bc a { text-decoration: underline; text-underline-offset: 3px; }
.wmg2 .rgx-bc b { font-weight: 800; }
.wmg2 .wmg2-end .rgx-bc { margin-bottom: 2rem; }
.wmg2 .rgx-foot__b { max-width: 64rem; }
.wmg2 .rgx-foot__b h3 { margin: 0 0 1rem; font-size: 1.6875rem; line-height: 1.22; font-weight: 900; font-style: italic; }   /* = .wm-hs */
.wmg2 .rgx-foot__b li { font-size: .9375rem; font-weight: 500; }
.wmg2 .rgx-foot__b li b { font-weight: 800; }

/* ═══ 12. 반응형 1279 · 1199 · 991 · 767 · 560 · 479 ═══ */
@media (max-width: 1279px) {
  .wmg2 .rgx-plist:not(.wm-track) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wmg2 .rgx-plist.wm-track > .rgx-plist__i { flex-basis: calc((100% - 2rem) / 3); }
  /* 카드 38장 ÷ 한 줄 3장(폰 2장) = 점 13~19개 — 줄이 여러 겹으로 쌓였다(10-06 390 갈무리 : 점 20개가 7줄). 1279↓ 은 점을 숨기고
     화살표(768~1279)·손가락 밀기·「제품 전체 →」 로 넘긴다(점은 wmm.js 가 만들기만 하고 안 보인다) */
  .wmg2 .wmg2-new .wm-dots { display: none; }
  .wmg2 .wmg2-new .wm-news__ft { justify-content: flex-end; }
}
/* 장비 띠 — 1199↓ 검색이 둘째 줄 전체 폭(바로가기 5 는 첫 줄 오른쪽) */
@media (max-width: 1199px) {
  .wmg2 .rgx-nav__q { margin-left: auto; }
  .wmg2 .rgx-search { order: 5; flex: 1 1 100%; max-width: none; }
}
@media (max-width: 991px) {
  .wmg2 .wmg2-hd h1, .wmg2 .rgx-item__buy h1, .wmg2 .rgx-sl__h, .wmg2 .wmg2-cta h2 { font-size: 2.5rem; }
  .wmg2 .rgx-mega__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* 갈래 칸이 본문 «위»로 쌓인다(붙지 않음 · find 규칙 ⑨) — 갈래 13 = 칩 줄 바꿈 · 바로가기 6 = 칩 줄 · 펼침 판 숨김(소갈래 56 은 장비 띠 「전체 카테고리」에) */
  .wmg2 .rgx-rail__in { padding: 0; background: none; }
  .wmg2 .rgx-rail__h { padding: 0 0 0 .4rem; margin-bottom: .75rem; }
  .wmg2 .rgx-rail__ar { display: none; }
  .wmg2 .rgx-rail__l, .wmg2 .rgx-rail__q { display: flex; flex-wrap: wrap; gap: .5rem .6rem; padding-left: .4rem; }
  .wmg2 .rgx-rail__q { margin-top: .75rem; }
  .wmg2 .rgx-rail__l .rgx-rail__a, .wmg2 .rgx-rail__q a { position: relative; isolation: isolate; min-height: 2.75rem; padding: 0 1.1rem; gap: .4rem; background: none;
    font-size: .9375rem; font-weight: 800; font-style: italic; white-space: nowrap; }
  .wmg2 .rgx-rail__l .rgx-rail__a::before, .wmg2 .rgx-rail__q a::before { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--wm-chip); transform: skew(-16deg); transition: background-color .2s ease; }
  .wmg2 .rgx-rail__i:hover > .rgx-rail__a, .wmg2 .rgx-rail__i:focus-within > .rgx-rail__a, .wmg2 .rgx-rail__q a:hover { background: none; }
  .wmg2 .rgx-rail__i:hover > .rgx-rail__a::before, .wmg2 .rgx-rail__q a:hover::before { background: var(--wm-nav2); }
  .wmg2 .rgx-rail__i.is-cur > .rgx-rail__a { background: none; }
  .wmg2 .rgx-rail__i.is-cur > .rgx-rail__a::before, .wmg2 .rgx-rail__q a[aria-current]::before { background: var(--wm-navy); }
  .wmg2 .rgx-rail__q a[aria-current], .wmg2 .rgx-rail__q a[aria-current] span { color: #fff; }
  .wmg2 .rgx-rail__n, .wmg2 .rgx-rail__q a span { margin-left: .1rem; }
  .wmg2 .rgx-rail__ic { font-size: 1.125rem; }
  .wmg2 .rgx-item__top, .wmg2 .rgx-about__cols { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .wmg2 .bk-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wmg2 .rgx-sl__t { padding: 2rem 2rem 2rem 2rem; }
}
@media (min-width: 768px) {
  .wmg2 .rgx-fig__in { grid-template-columns: minmax(0, 1fr) 15rem; gap: 3rem; }   /* B 240px */
}
/* 폰 390 (설계 2-7 · 2-8) */
@media (max-width: 767px) {
  /* 장비 띠 3줄 : ① 장비 GEAR ……… 전체 카테고리 ② 검색 전체 폭 ③ 바로가기 5 한 줄 가로 밀기(홈 .wm-news .wm-tabs 폰 값) */
  .wmg2 .rgx-nav__in { gap: .6rem 1rem; padding: .75rem var(--wm-gx); }
  .wmg2 .rgx-mega { margin-left: auto; }
  .wmg2 .rgx-search { order: 3; }
  .wmg2 .rgx-nav__q { order: 4; flex: 1 1 100%; flex-wrap: nowrap; margin: 0 calc(-1 * var(--wm-gx)) 0 0; overflow-x: auto; scrollbar-width: none; }
  .wmg2 .rgx-nav__q::-webkit-scrollbar { display: none; }
  .wmg2 .rgx-nav__q li { flex: none; }
  .wmg2 .rgx-nav__q li:first-child a { padding-left: 0; }
  .wmg2 .rgx-nav__q li:first-child a::after { left: 0; }
  .wmg2 .rgx-mega__p { padding: 1.25rem var(--wm-gx) 1.5rem; max-height: calc(100vh - 8rem); }
  .wmg2 .rgx-mega__grid { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; }
  .wmg2 .wmg2-sec { padding-top: 2rem; }
  /* 갈래 칩 띠 — find 폰 칩 띠 값(sticky top 0 · z 30 · 흰 바탕 · 위 .6rem 아래 .5rem · 밑 1px #d6dce2) · 칩 13 한 줄 가로 밀기(오른쪽 끝까지) ·
     칸 머리·바로가기 6 숨김(같은 링크 = 장비 띠 「장비」·바로가기 5 · 「광고 · 제휴 문의」 = 맨 밑 안내 단추 — 설계 2-8) */
  .wmg2 .wmg2-rail { position: sticky; top: 0; z-index: 30; margin: 0 calc(-1 * var(--wm-gx)); padding: .6rem 0 .5rem; background: #fff; border-bottom: 1px solid var(--wm-line); }
  body.wmg2--inq .wmg2-rail { position: static; }   /* D10 — 문의 지면은 폼을 가리지 않게 붙이지 않는다 */
  .wmg2 .rgx-rail__h, .wmg2 .rgx-rail__q { display: none; }
  .wmg2 .rgx-rail__l { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding: .1rem var(--wm-gx) .3rem calc(var(--wm-gx) + .4rem); }
  .wmg2 .rgx-rail__l::-webkit-scrollbar { display: none; }
  .wmg2 .rgx-rail__i { flex: none; }
  .wmg2 .wmg2-body { gap: 1.5rem; }
  .wmg2 .wmg2-col > * + * { margin-top: 3rem; }
  .wmg2 .rgx-item > * + * { margin-top: 3rem; }
  .wmg2 .rgx-sec__h h2, .wmg2 .rgx-fig__head h2, .wmg2 .rgx-spec h2, .wmg2 .rgx-good h2, .wmg2 .rgx-guide h2, .wmg2 .rgx-about h2, .wmg2 .rgx-whybox h2, .wmg2 .rgx-rk__h { font-size: 1.6875rem; }
  .wmg2 .rgx-sec__go:not(.wm-btn) { margin-left: 0; }
  /* 카드 — 격자 2열 · 넘김 2장 · 넘김 화살표 숨김(규칙 3) */
  .wmg2 .rgx-plist:not(.wm-track) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem .75rem; }
  .wmg2 .rgx-plist.wm-track { gap: .75rem; }
  .wmg2 .rgx-plist.wm-track > .rgx-plist__i { flex-basis: calc((100% - 1.5rem) / 2.25); }   /* 셋째 장을 조금 보여 «더 있다»를 알린다(화살표·점이 없는 폭) */
  .wmg2 .wmg2-new .wm-arws { display: none; }
  .wmg2 .rgx-p__b { padding-top: .65rem; }
  .wmg2 .rgx-p__nm { font-size: 1rem; }
  .wmg2 .bk-grid, .wmg2 .wmg2-brc .rgx-brlist, .wmg2 .rgx-sb__l, .wmg2 .rgx-sb__row, .wmg2 .rgx-gd__l, .wmg2 .rgx-tier__l, .wmg2 .rgx-evt__l, .wmg2 .rgx-ency__kinds { grid-template-columns: minmax(0, 1fr); }
  .wmg2 .rgx-ency__nums { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* 브랜드 목록 줄 — 세 줄 쌓기 */
  .wmg2 .rgx-br { grid-template-columns: minmax(0, 1fr); gap: .3rem; }
  /* 배너 — 사진 위(4:3 · 흰 바탕 contain) · 글 아래(단색 띠) · 화살표 숨김(손가락 밀기·점 10) */
  .wmg2 .rgx-sl__a { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .wmg2 .rgx-sl__v { order: -1; aspect-ratio: 4 / 3; min-height: 0; }
  .wmg2 .rgx-sl__t { padding: 1.5rem 1rem; }
  .wmg2 .rgx-sl__h { font-size: 8vw; }
  .wmg2 .rgx-sl__nav { display: none; }
  .wmg2 .rgx-sl__cta { white-space: normal; }
  /* 칸 2.25rem → 1.25rem */
  .wmg2 .rgx-take, .wmg2 .rgx-whybox, .wmg2 .rgx-ency__no, .wmg2 .rgx-claim, .wmg2 .rgx-agree { padding: 1.25rem; }
  .wmg2 .rgx-sb__why, .wmg2 .rgx-sb__cell, .wmg2 .rgx-gd__i { padding: 1.25rem; }
  /* 정의 표 머리칸 84px .875rem */
  .wmg2 .rgx-spec dl > div, .wmg2 .rgx-facts dl > div, .wmg2 .rgx-agree__d > div { grid-template-columns: 84px minmax(0, 1fr); }
  .wmg2 .rgx-facts dl > div { grid-template-columns: 8.75rem minmax(0, 1fr); }
  .wmg2 .rgx-spec dt, .wmg2 .rgx-facts dt, .wmg2 .rgx-agree__d dt { padding: .65rem .5rem; font-size: .875rem; }
  .wmg2 .rgx-spec dd, .wmg2 .rgx-facts dd, .wmg2 .rgx-agree__d dd { padding: .65rem .6rem; font-size: .9375rem; }
  /* 제품 지면 — 구매 단추 전체 폭 */
  .wmg2 .rgx-buy { width: 100%; }
  .wmg2 .rgx-item__meta span { width: 5rem; }
  .wmg2 .wmg2-cta { padding-top: 3.5rem; padding-bottom: 3.5rem; }
  .wmg2 .wmg2-cta h2 + p { margin-top: 1.5rem; }
  .wmg2 .wmg2-end { padding-top: 3rem; }
  .wmg2 .rgx-bar__s { margin-left: 0; }
}
/* 로그인 화면 601~767 — 관리 막대가 «고정»(46px)이라 붙는 칩 띠가 그 밑에 숨는다 */
@media (min-width: 601px) and (max-width: 767px) { body.wm-gearp.admin-bar .wmg2-rail { top: 46px; } }
@media (max-width: 560px) {
  /* 표 감싸개를 화면 끝까지(가로 밀기 면적 · news 4-4) */
  .wmg2 .rgx-rk__wrap { margin-right: calc(-1 * var(--wm-gx)); }
}
@media (max-width: 479px) {
  .wmg2 .wmg2-hd h1, .wmg2 .rgx-item__buy h1, .wmg2 .wmg2-cta h2 { font-size: 8vw; }
  .wmg2 .rgx-grid2 { grid-template-columns: minmax(0, 1fr); }
  .wmg2 .rgx-form__go .rgx-btn { width: 100%; }
  .wmg2 .rgx-mega > summary { padding: 0 .75rem; }
}

/* ═══ 13. 움직임 줄이기 — 배너 transition·막대 animation · 칩·단추 transition 끔(wmm.css 5장 «줄이기» 와 같은 결 · 그쪽 !important 와 겹쳐도 해 없음) ═══ */
@media (prefers-reduced-motion: reduce) {
  .wmg2 .rgx-sl__track { transition: none; }
  .wmg2 .rgx-sl.is-running .rgx-sl__bar i { animation: none; width: 0; }
  .wmg2 .rgx-fly, .wmg2 .rgx-call__n, .wmg2 .k-ld, .wmg2 .k-ring, .wmg2 .k-part, .wmg2 .rgx-btn, .wmg2 .rgx-buy, .wmg2 .rgx-sl__cta { transition: none; }
  .wmg2 .rgx-btn:hover, .wmg2 .rgx-buy:hover, .wmg2 .rgx-fig__go:hover, .wmg2 .rgx-sl__a:hover .rgx-sl__cta { transform: none; }
}