/* =====================================================================
   구의점 전용 톤 정리 (2026-10-16) — gm.css 위에 덮어쓴다. 사가정점에는 영향 없음.
   - 색은 바탕 남색 + 흰 글자 + 강조색 빨강 하나. 빨강은 「할인가」와 버튼 hover 에만.
   - 글자 굵기를 한 단계씩 내려 차분하게, 보조 글자·선 투명도를 한 값으로 통일.
   ===================================================================== */
.page-guui {
  --c: #0c1322;
  --w: #f4f5f7;              /* 순백 대신 살짝 누른 흰색 */
  --w2: rgba(244,245,247,.62);
  --ln: rgba(244,245,247,.14);
  --line: rgba(244,245,247,.5); /* 구간 머리 선 — 순백 대신 반투명 */
  --red: #e5483d;
}

/* 선 */
.page-guui .sec__head { border-top-color: var(--line); }
.page-guui .foot { border-top-color: var(--line); }
.page-guui .acc--sub > summary { border-top-color: var(--ln); }

/* 글자 굵기 */
.page-guui .lead { font-weight: 400; color: var(--w); }
.page-guui .facts dd { font-weight: 500; }
.page-guui .programs b { font-weight: 600; }
.page-guui .intro__meta { color: var(--w2); }

/* 버튼 — 기본 흰색, hover 때만 빨강 */
.page-guui .btn { background: var(--w); color: var(--c); }
.page-guui .btn:hover { background: var(--red); color: #fff; }
.page-guui .btn--line { background: none; color: var(--w); box-shadow: inset 0 0 0 1px var(--line); }
.page-guui .btn--line:hover { background: var(--w); color: var(--c); box-shadow: none; }
.page-guui .acc__btn::after { border-color: var(--line); }

/* 회원권 — 할인가 빨강 */
.page-guui .price dt { font-weight: 500; }
.page-guui .price dd { font-weight: 700; }
.page-guui .price em {
  background: var(--red); color: #fff; border: 0;
  padding: 4px 8px; font-weight: 700;
}
.page-guui .price__note { font-size: 13px; color: var(--w2); margin-top: 14px; }

/* 링크 밑줄 hover 도 강조색 하나로 */
.page-guui .ul:hover { color: var(--red); }

/* 오시는 길 — 지도와 입구 사진을 같은 크기·같은 좌우 끝선으로 (10/16 사장님) */
.page-guui .visit__media { display: grid; gap: 2px; align-content: start; }
.page-guui .visit__media .map,
.page-guui .visit__photo { width: 100%; aspect-ratio: 4 / 3; min-height: 0; border: 0; }
.page-guui .visit__media .map iframe { width: 100%; height: 100%; min-height: 0; }
.page-guui .visit__photo { object-fit: cover; }

/* 미세 투톤 (10/16 사장님) — 바탕 #0c1322 와 한 톤 밝은 #111a2d 를 구간마다 번갈아.
   첫 화면·회원권 = 기본, 수업·오시는 길 = 밝은 쪽. 띠가 끝까지 깔리도록 아래 여백을 구간 안에 둔다. */
.page-guui { --c2: #111a2d; }
.page-guui .sec { padding-bottom: clamp(72px, 9vw, 120px); }
.page-guui #class, .page-guui #visit { background: var(--c2); }
.page-guui .intro { padding-bottom: clamp(56px, 7vw, 96px); }
.page-guui .foot { margin-top: 0; }