/* ══ 회원 화면 3종 — 10-01 시안 v3 (2026-10-04 대표님: 시안대로) ══════════
   로그인 I12 160:1950 · 가입 I11 160:1888 · 재설정 I13 160:4040 (Figma 9JestgL7cHstsesdBSzaBf).
   마이페이지(I14)는 components.css "Member" 그대로. 양식 이름·흐름은 바꾸지 않았다.
   입력은 시안대로 상자형 — 밑줄 입력(components.css .gb-member .gb-field .gb-input)을 이 세 화면에서만 덮는다. */

.gb-member--card,
.gb-member--split,
.gb-member--flow { max-inline-size: none; margin: 0; padding: 0; }

/* Astra page-builder 틀이 article 에 남기는 좌우 20px·위 2em (.ast-single-post.ast-page-builder-template .site-main > article, 0,3,1) — 바탕이 화면 끝까지 닿게 끈다 */
body.gb-member-full.ast-page-builder-template .site-main > article { padding: 0; margin: 0; }
body.gb-member-full .site-main > article > .entry-content { margin: 0; }

.gb-member--card,
.gb-member--split,
.gb-member--flow { margin-block: 0; }

/* ── 공통: 라벨·상자 입력·꽉 찬 버튼·안내 줄 ── */
.gb-member--card .gb-field__label,
.gb-member--split .gb-field__label,
.gb-member--flow .gb-field__label {
  margin-block-end: 8px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.12em;
  color: var(--gb-ink);
}
.gb-member--card .gb-field__row,
.gb-member--split .gb-field__row,
.gb-member--flow .gb-field__row { align-items: baseline; margin-block-end: 8px; }
.gb-member--card .gb-field__row .gb-field__label { margin-block-end: 0; }
.gb-member--card .gb-field__row a { font-size: 12px; font-weight: 500; color: var(--gb-navy); text-decoration: none; }
.gb-member--card .gb-field__row a:hover { text-decoration: underline; }

.gb-member--card .gb-field .gb-input,
.gb-member--split .gb-field .gb-input,
.gb-member--flow .gb-field .gb-input {
  box-sizing: border-box;
  block-size: 48px;
  padding: 14px 16px;
  border: 1px solid var(--gb-gray-600);
  background: var(--gb-white);
  font-size: 15px;
}
.gb-member--card .gb-field .gb-input:focus,
.gb-member--split .gb-field .gb-input:focus,
.gb-member--flow .gb-field .gb-input:focus {
  background-color: var(--gb-white) !important; /* Astra 다크 모드 :focus !important 를 이긴다 */
  border: 1px solid var(--gb-navy) !important;
  outline: 2px solid var(--gb-navy);
  outline-offset: -2px;
}
.gb-member--card .gb-field--error .gb-input,
.gb-member--split .gb-field--error .gb-input,
.gb-member--flow .gb-field--error .gb-input { border: 2px solid var(--gb-ink); }
.gb-member--card .gb-field .gb-input::placeholder,
.gb-member--split .gb-field .gb-input::placeholder,
.gb-member--flow .gb-field .gb-input::placeholder { color: var(--gb-gray-600); opacity: 1; }
.gb-member--card .gb-field__hint,
.gb-member--split .gb-field__hint,
.gb-member--flow .gb-field__hint { margin-block-start: 8px; font-family: var(--gb-font-family-ui); font-size: 13px; }

.gb-member--card .gb-member__form,
.gb-member--split .gb-member__form,
.gb-member--flow .gb-member__form { max-inline-size: none; }
.gb-member--card .gb-member__form > * + *,
.gb-member--flow .gb-member__form > * + * { margin-block-start: 20px; }
.gb-member--split .gb-member__form > * + * { margin-block-start: 22px; }
/* gb_field() 의 <p> 에 Astra 가 아래 여백 1.6em(30.4px)을 준다 — 간격은 위 > * + * 로만 낸다 */
.gb-member--card .gb-member__form .gb-field,
.gb-member--split .gb-member__form .gb-field,
.gb-member--flow .gb-member__form .gb-field { margin-block-end: 0; }
/* 가입 시안: 동의 줄과 버튼 사이 48 (gap 22 + spacer 4 + gap 22) */
.gb-member--split .gb-member__form > .gb-btn { margin-block-start: 48px; }

.gb-member--card .gb-btn--primary,
.gb-member--split .gb-btn--primary,
.gb-member--flow .gb-btn--primary {
  justify-content: center;
  inline-size: 100%;
  block-size: 50px;
  padding: 16px 0;
  font-size: 15px;
  font-weight: 500;
}

.gb-member--card .gb-check,
.gb-member--split .gb-check { gap: 10px; font-family: var(--gb-font-family-ui); font-size: 14px; }
.gb-member--split .gb-check a { font-weight: 500; color: var(--gb-navy); text-decoration: none; }

.gb-member--card .gb-member__alt,
.gb-member--split .gb-member__alt,
.gb-member--flow .gb-member__alt {
  max-inline-size: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-family: var(--gb-font-family-ui);
  font-size: 14px;
  color: var(--gb-gray-600);
}
.gb-member--card .gb-member__alt a,
.gb-member--split .gb-member__alt a,
.gb-member--flow .gb-member__alt a { margin-inline-start: 2px; font-weight: 500; color: var(--gb-navy); text-decoration: none; }
.gb-member--card .gb-member__alt a:hover,
.gb-member--split .gb-member__alt a:hover,
.gb-member--flow .gb-member__alt a:hover { text-decoration: underline; }

.gb-member--card .gb-notice,
.gb-member--split .gb-notice,
.gb-member--flow .gb-notice { max-inline-size: none; margin: 0; padding: 16px 20px; border: 1px solid var(--gb-gray-200); border-block-start: 2px solid var(--gb-navy); font-family: var(--gb-font-family-ui); font-size: 14px; }
.gb-member--card .gb-notice--error,
.gb-member--split .gb-notice--error,
.gb-member--flow .gb-notice--error { border-block-start-color: var(--gb-ink); }

/* ── 로그인 I12: 점무늬 바탕 + 가운데 카드 ── */
.gb-member-field {
  --gb-member-dots: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><circle cx='17.5' cy='17.5' r='1.5' fill-opacity='0.22'/><circle cx='41.5' cy='17.5' r='1.5' fill-opacity='0.22'/><circle cx='65.5' cy='17.5' r='1.5' fill-opacity='0.22'/><circle cx='89.5' cy='17.5' r='1.5' fill-opacity='0.22'/><circle cx='113.5' cy='17.5' r='1.5' fill-opacity='0.22'/><circle cx='137.5' cy='17.5' r='1.5' fill-opacity='0.22'/><circle cx='161.5' cy='17.5' r='1.5' fill-opacity='0.22'/><circle cx='185.5' cy='17.5' r='1.5' fill-opacity='0.22'/><circle cx='209.5' cy='17.5' r='1.5' fill-opacity='0.22'/><circle cx='233.5' cy='17.5' r='1.5' fill-opacity='0.22'/><circle cx='17.5' cy='41.5' r='1.5' fill-opacity='0.22'/><circle cx='41.5' cy='41.5' r='1.5' fill-opacity='0.22'/><circle cx='65.5' cy='41.5' r='1.5' fill-opacity='0.22'/><circle cx='89.5' cy='41.5' r='1.5' fill-opacity='0.9'/><circle cx='113.5' cy='41.5' r='1.5' fill-opacity='0.22'/><circle cx='137.5' cy='41.5' r='1.5' fill-opacity='0.22'/><circle cx='161.5' cy='41.5' r='1.5' fill-opacity='0.22'/><circle cx='185.5' cy='41.5' r='1.5' fill-opacity='0.22'/><circle cx='209.5' cy='41.5' r='1.5' fill-opacity='0.22'/><circle cx='233.5' cy='41.5' r='1.5' fill-opacity='0.22'/><circle cx='17.5' cy='65.5' r='1.5' fill-opacity='0.22'/><circle cx='41.5' cy='65.5' r='1.5' fill-opacity='0.22'/><circle cx='65.5' cy='65.5' r='1.5' fill-opacity='0.22'/><circle cx='89.5' cy='65.5' r='1.5' fill-opacity='0.22'/><circle cx='113.5' cy='65.5' r='1.5' fill-opacity='0.9'/><circle cx='137.5' cy='65.5' r='1.5' fill-opacity='0.22'/><circle cx='161.5' cy='65.5' r='1.5' fill-opacity='0.9'/><circle cx='185.5' cy='65.5' r='1.5' fill-opacity='0.22'/><circle cx='209.5' cy='65.5' r='1.5' fill-opacity='0.22'/><circle cx='233.5' cy='65.5' r='1.5' fill-opacity='0.22'/><circle cx='17.5' cy='89.5' r='1.5' fill-opacity='0.22'/><circle cx='41.5' cy='89.5' r='1.5' fill-opacity='0.22'/><circle cx='65.5' cy='89.5' r='1.5' fill-opacity='0.22'/><circle cx='89.5' cy='89.5' r='1.5' fill-opacity='0.22'/><circle cx='113.5' cy='89.5' r='1.5' fill-opacity='0.22'/><circle cx='137.5' cy='89.5' r='1.5' fill-opacity='0.22'/><circle cx='161.5' cy='89.5' r='1.5' fill-opacity='0.22'/><circle cx='185.5' cy='89.5' r='1.5' fill-opacity='0.22'/><circle cx='209.5' cy='89.5' r='1.5' fill-opacity='0.22'/><circle cx='233.5' cy='89.5' r='1.5' fill-opacity='0.22'/><circle cx='17.5' cy='113.5' r='1.5' fill-opacity='0.22'/><circle cx='41.5' cy='113.5' r='1.5' fill-opacity='0.22'/><circle cx='65.5' cy='113.5' r='1.5' fill-opacity='0.22'/><circle cx='89.5' cy='113.5' r='1.5' fill-opacity='0.9'/><circle cx='113.5' cy='113.5' r='1.5' fill-opacity='0.22'/><circle cx='137.5' cy='113.5' r='1.5' fill-opacity='0.22'/><circle cx='161.5' cy='113.5' r='1.5' fill-opacity='0.22'/><circle cx='185.5' cy='113.5' r='1.5' fill-opacity='0.22'/><circle cx='209.5' cy='113.5' r='1.5' fill-opacity='0.22'/><circle cx='233.5' cy='113.5' r='1.5' fill-opacity='0.22'/><circle cx='17.5' cy='137.5' r='1.5' fill-opacity='0.22'/><circle cx='41.5' cy='137.5' r='1.5' fill-opacity='0.22'/><circle cx='65.5' cy='137.5' r='1.5' fill-opacity='0.22'/><circle cx='89.5' cy='137.5' r='1.5' fill-opacity='0.9'/><circle cx='113.5' cy='137.5' r='1.5' fill-opacity='0.22'/><circle cx='137.5' cy='137.5' r='1.5' fill-opacity='0.22'/><circle cx='161.5' cy='137.5' r='1.5' fill-opacity='0.22'/><circle cx='185.5' cy='137.5' r='1.5' fill-opacity='0.22'/><circle cx='209.5' cy='137.5' r='1.5' fill-opacity='0.22'/><circle cx='233.5' cy='137.5' r='1.5' fill-opacity='0.22'/><circle cx='17.5' cy='161.5' r='1.5' fill-opacity='0.22'/><circle cx='41.5' cy='161.5' r='1.5' fill-opacity='0.22'/><circle cx='65.5' cy='161.5' r='1.5' fill-opacity='0.22'/><circle cx='89.5' cy='161.5' r='1.5' fill-opacity='0.22'/><circle cx='113.5' cy='161.5' r='1.5' fill-opacity='0.22'/><circle cx='137.5' cy='161.5' r='1.5' fill-opacity='0.9'/><circle cx='161.5' cy='161.5' r='1.5' fill-opacity='0.22'/><circle cx='185.5' cy='161.5' r='1.5' fill-opacity='0.22'/><circle cx='209.5' cy='161.5' r='1.5' fill-opacity='0.22'/><circle cx='233.5' cy='161.5' r='1.5' fill-opacity='0.9'/><circle cx='17.5' cy='185.5' r='1.5' fill-opacity='0.22'/><circle cx='41.5' cy='185.5' r='1.5' fill-opacity='0.22'/><circle cx='65.5' cy='185.5' r='1.5' fill-opacity='0.22'/><circle cx='89.5' cy='185.5' r='1.5' fill-opacity='0.22'/><circle cx='113.5' cy='185.5' r='1.5' fill-opacity='0.22'/><circle cx='137.5' cy='185.5' r='1.5' fill-opacity='0.22'/><circle cx='161.5' cy='185.5' r='1.5' fill-opacity='0.22'/><circle cx='185.5' cy='185.5' r='1.5' fill-opacity='0.22'/><circle cx='209.5' cy='185.5' r='1.5' fill-opacity='0.9'/><circle cx='233.5' cy='185.5' r='1.5' fill-opacity='0.22'/><circle cx='17.5' cy='209.5' r='1.5' fill-opacity='0.22'/><circle cx='41.5' cy='209.5' r='1.5' fill-opacity='0.9'/><circle cx='65.5' cy='209.5' r='1.5' fill-opacity='0.22'/><circle cx='89.5' cy='209.5' r='1.5' fill-opacity='0.22'/><circle cx='113.5' cy='209.5' r='1.5' fill-opacity='0.22'/><circle cx='137.5' cy='209.5' r='1.5' fill-opacity='0.9'/><circle cx='161.5' cy='209.5' r='1.5' fill-opacity='0.22'/><circle cx='185.5' cy='209.5' r='1.5' fill-opacity='0.22'/><circle cx='209.5' cy='209.5' r='1.5' fill-opacity='0.9'/><circle cx='233.5' cy='209.5' r='1.5' fill-opacity='0.22'/><circle cx='17.5' cy='233.5' r='1.5' fill-opacity='0.22'/><circle cx='41.5' cy='233.5' r='1.5' fill-opacity='0.22'/><circle cx='65.5' cy='233.5' r='1.5' fill-opacity='0.9'/><circle cx='89.5' cy='233.5' r='1.5' fill-opacity='0.22'/><circle cx='113.5' cy='233.5' r='1.5' fill-opacity='0.22'/><circle cx='137.5' cy='233.5' r='1.5' fill-opacity='0.22'/><circle cx='161.5' cy='233.5' r='1.5' fill-opacity='0.22'/><circle cx='185.5' cy='233.5' r='1.5' fill-opacity='0.22'/><circle cx='209.5' cy='233.5' r='1.5' fill-opacity='0.9'/><circle cx='233.5' cy='233.5' r='1.5' fill-opacity='0.9'/></svg>");
  position: relative;
  display: flex;
  justify-content: center;
  padding: 128px 20px;
  background: var(--gb-gray-50);
}
/* 내용이 화면보다 짧으면 Astra 가 .site-content 를 늘려 푸터를 바닥에 붙인다. 바탕도 그 끝까지 늘린다 (2026-10-05 K4).
   카드는 위에서 정한 여백 자리에 그대로 — 바탕 안에서 늘어나지 않게 align-items 를 위로 */
body.gb-member-full .site-content,
body.gb-member-full .site-content > .ast-container,
body.gb-member-full .content-area,
body.gb-member-full .site-main,
body.gb-member-full .site-main > article,
body.gb-member-full .entry-content,
body.gb-member-full .gb-member { display: flex; flex-direction: column; }
body.gb-member-full .site-content > .ast-container,
body.gb-member-full .content-area,
body.gb-member-full .site-main,
body.gb-member-full .site-main > article,
body.gb-member-full .entry-content,
body.gb-member-full .gb-member,
body.gb-member-full .gb-member--card > *,
body.gb-member-full .gb-member--flow > * { flex: 1 0 auto; } /* 가입 좌우 판은 늘리지 않는다 — 판이 늘면 양식이 세로 가운데로 내려가 시안 구도가 바뀐다 */
/* .ast-container 의 margin: 0 auto 는 flex 열 안에서 내용 폭으로 줄인다 — 폭을 꽉 채운다 */
body.gb-member-full .site-content > .ast-container { box-sizing: border-box; inline-size: 100%; }
body.gb-member-full .gb-member-field { align-items: flex-start; }
body.gb-member-full .gb-member-flow { justify-content: flex-start; }
/* 점무늬: 24px 격자 3px 점, 옅은 점 22퍼센트 + 진한 점 90퍼센트 (시안 2040개 중 292개). 색은 토큰 navy, 모양만 mask */
.gb-member-field::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--gb-navy);
  -webkit-mask: var(--gb-member-dots) 0 0 / 240px 240px repeat;
          mask: var(--gb-member-dots) 0 0 / 240px 240px repeat;
  pointer-events: none;
}
.gb-member-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  box-sizing: border-box;
  inline-size: 480px;
  max-inline-size: 100%;
  padding: 48px;
  border: 1px solid var(--gb-gray-200);
  background: var(--gb-white);
}
/* Astra .entry-content p 아래 여백 1.6em 을 이긴다 — 간격은 부모 gap 으로만 */
body.gb-member-full .gb-member-card > *,
body.gb-member-full .gb-member-flow > *,
body.gb-member-full .gb-member-split__aside p { margin: 0; }
.gb-member-tabs { display: flex; }
/* 시안: 탭 아래 gap 20 + spacer 4 + gap 20 = 44 (카드 gap 20 에 24 를 더한다) */
body.gb-member-full .gb-member-card > .gb-member-tabs { margin-block-end: 24px; }
.gb-member--card .gb-member-tabs a { /* Astra .ast-single-post .entry-content a 밑줄(0,2,1)을 이긴다 */
  flex: 1 1 0;
  padding-block-end: 12px;
  border-block-end: 1px solid var(--gb-gray-200);
  font-family: var(--gb-font-family-ui);
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  color: var(--gb-gray-600);
  text-decoration: none;
}
.gb-member--card .gb-member-tabs a[aria-current="page"] { border-block-end: 2px solid var(--gb-navy); color: var(--gb-ink); }
.gb-member--card .gb-member-tabs a:hover { color: var(--gb-ink); }
.gb-member--card .gb-member-tabs a:focus-visible { outline: 2px solid var(--gb-navy); outline-offset: 2px; }
.gb-member-card__title { font-family: var(--gb-font-display-family); font-size: 34px; font-weight: 400; line-height: normal; color: var(--gb-ink); }
.gb-member--card .gb-member__alt { padding-block-start: 20px; border-block-start: 1px solid var(--gb-gray-200); }

/* ── 가입 I11: 왼쪽 navy 판 620 + 오른쪽 paper 양식 ── */
/* 시안 1440 기준 왼쪽 620 · 오른쪽 여백 120 을 비율로 — 1024 에서 620 고정이면 입력이 164 로 눌린다 */
.gb-member-split { display: grid; grid-template-columns: 43.0556% minmax(0, 1fr); min-block-size: 860px; }
.gb-member-split__aside {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 80px clamp(40px, 5vw, 72px);
  background: var(--gb-navy);
  color: var(--gb-white);
}
.gb-member-split__eyebrow { font-family: var(--gb-font-family-ui); font-size: 11px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gb-gold); }
.gb-member-split__display { margin: 0; font-family: var(--gb-font-display-family); font-size: clamp(40px, 3.612vw, 52px); line-height: 1.1; color: var(--gb-white); }
body.gb-member-full .gb-member-split__aside .gb-member-split__eyebrow { margin-block-end: 20px; }
.gb-member-split__art { color: var(--gb-gold); }
.gb-member-split__art svg { display: block; max-inline-size: 100%; block-size: auto; overflow: hidden; }
.gb-member-split__lead { margin: 0; font-family: var(--gb-font-serif); font-size: 19px; line-height: 1.5; color: var(--gb-white); }
.gb-member-split__main { display: flex; align-items: center; box-sizing: border-box; padding: 80px clamp(40px, 8.334vw, 120px); background: var(--gb-paper); }
.gb-member-split__inner { inline-size: 100%; max-inline-size: 580px; }
.gb-member-split__inner > * { margin: 0; }
.gb-member-split__title { font-family: var(--gb-font-display-family); font-size: 40px; font-weight: 400; line-height: normal; color: var(--gb-ink); }
.gb-member--split .gb-member__alt { margin-block: 22px 28px; }
.gb-member--split .gb-notice { margin-block-end: 22px; }

/* ── 재설정 I13: paper 바탕 가운데 정렬, 단계 3칸, 카드 560 ── */
.gb-member-flow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  padding: 72px 20px 96px;
  background: var(--gb-paper);
}
.gb-member-flow__eyebrow { font-family: var(--gb-font-family-ui); font-size: 11px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gb-navy); }
.gb-member-flow__title { font-family: var(--gb-font-display-family); font-size: 52px; font-weight: 400; line-height: normal; text-align: center; color: var(--gb-ink); }
.gb-member-steps { display: flex; align-items: center; gap: 20px; margin-block-end: 8px !important; padding: 0; list-style: none; }
.gb-member-steps li { display: flex; align-items: center; gap: 12px; margin: 0; font-family: var(--gb-font-family-ui); font-size: 14px; font-weight: 500; color: var(--gb-gray-600); }
.gb-member-steps li + li::before { content: ""; inline-size: 72px; block-size: 1px; margin-inline-end: 8px; background: var(--gb-gray-600); }
.gb-member-steps__num { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; inline-size: 32px; block-size: 32px; border: 1px solid var(--gb-gray-600); background: var(--gb-white); font-size: 13px; }
.gb-member-steps li[aria-current="step"] { color: var(--gb-ink); }
.gb-member-steps li[aria-current="step"] .gb-member-steps__num { border-color: var(--gb-navy); background: var(--gb-navy); color: var(--gb-white); }
.gb-member--flow .gb-member-card { inline-size: 560px; padding: 40px; }
.gb-member-card__step { font-family: var(--gb-font-family-ui); font-size: 11px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gb-navy); }
.gb-member-card__text { margin: 0; font-family: var(--gb-font-serif); font-size: 18px; line-height: 1.5; color: var(--gb-ink); }
/* 로그아웃 My account (K4): 안내 17/1.6, 링크 버튼은 Astra .entry-content a 색·밑줄을 이긴다 */
.gb-member--card .gb-member-card__text { font-size: 17px; line-height: 1.6; }
body.gb-member-full .gb-member--card a.gb-btn--primary { color: var(--gb-white); text-decoration: none; }

/* ── 1023 이하: 가입 판을 위아래로 — 390 시안 I11 226:4162 (2026-10-05 대표님 승인) ── */
@media (max-width: 1023px) {
  .gb-member-split { grid-template-columns: minmax(0, 1fr); min-block-size: 0; }
  .gb-member-split__aside { justify-content: flex-start; gap: 24px; padding: 48px 20px; }
  body.gb-member-full .gb-member-split__aside .gb-member-split__eyebrow { margin-block-end: 14px; }
  .gb-member-split__display { font-size: 32px; }
  .gb-member-split__art { display: none; }
  .gb-member-split__lead { font-size: 17px; }
  .gb-member-split__main { padding: 48px 20px 64px; }
  .gb-member-split__title { font-size: 30px; }
}
/* ── 767 이하: 로그인 226:2087, 재설정 226:4209 (2026-10-05 대표님 승인) ── */
@media (max-width: 767px) {
  /* 아이폰은 16 미만 입력을 누르면 화면을 확대한다 */
  .gb-member--card .gb-field .gb-input,
  .gb-member--split .gb-field .gb-input,
  .gb-member--flow .gb-field .gb-input { font-size: 16px; }

  /* 로그인: 바탕 위아래 40 · 좌우 16, 카드 화면 폭, 안쪽 28·20 */
  .gb-member-field { padding: 40px 16px; }
  .gb-member-card,
  .gb-member--flow .gb-member-card { padding: 28px 20px; }
  .gb-member-card__title { font-size: 30px; }

  /* 재설정: 간격 20 하나로, 제목 34, 단계 세 칸을 한 줄에 — 번호 아래 이름 */
  .gb-member-flow { gap: 20px; padding: 48px 16px 64px; }
  .gb-member-flow__title { font-size: 34px; }
  .gb-member-steps {
    container-type: inline-size;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
    inline-size: 100%;
    margin-block-end: 0 !important;
  }
  .gb-member-steps li {
    position: relative;
    flex-direction: column;
    gap: 8px;
    inline-size: 96px;
    font-size: 12px;
    text-align: center;
  }
  /* 이음선 20 을 칸 사이 가운데에: 칸 사이 = (줄 폭 - 96 x 3) / 2 */
  .gb-member-steps li + li::before {
    position: absolute;
    inset-block-start: 16px;
    inset-inline-start: calc((288px - 100cqw) / 4 - 10px);
    inline-size: 20px;
    margin: 0;
  }
  .gb-member-card__text { font-size: 17px; }
}