/* ============================================================
   FIX #305 — sub-hero-wrap 폭 shrink 정정

   문제
     - 운영(head.jsp)은 모든 페이지에 index.css 일괄 로드
     - index.css 의 .site-main { display:flex; flex-direction:column; align-items:center; } 으로
       sub 페이지 flex 자식이 콘텐츠 폭(약 400px)으로 줄어듦
     - 결과: 공지사항 등 sub 페이지에서 page-header 의 NOTICE 마키가 정상 폭으로 표시되지 않음
   정본 v2 와의 정합
     - 메인(index.html) v2 정본: index.css 로드 + site-main flex (의도된 디자인 — 카드/섹션 가운데 정렬)
     - sub 페이지(공지사항 등) v2 정본: index.css 미로드 + site-main block → .sub-hero-wrap 폭 100%
   본 fix
     - .sub-hero-wrap 에 align-self: stretch 강제 → flex 자식 폭이 부모(.site-main) 폭 그대로 확장
     - 다른 sub 영역(.sub-page-wrap)은 이미 align-self: stretch 적용되어 영향 없음
     - 메인 페이지에는 .sub-hero-wrap 미사용으로 영향 없음
   ============================================================ */

.sub-hero-wrap {
  align-self: stretch;
}

/* ============================================================
   FIX #326 — 로그인 폼(.login-flow-v3) 동일 원인 정정

   - login-layout.jsp 의 .site-main(display:flex; align-items:center) 자식인
     .login-wrap.login-flow-v3 가 콘텐츠 폭으로 수축 → .login-card 가
     의도된 max-width 로 렌더되지 못함 (#305 와 동일 root cause)
   - .login-rejoin-v2(약관재동의)는 전폭 처리되어 있으나 .login-flow-v3 만 누락 — 대칭 보강
   - login-page-V3.css 는 02_design SoT 동기화 대상이라 직접 수정 시 재생성에 덮어쓰임
     → #305 선례대로 본 fix 파일에서 정정
   ============================================================ */
.login-wrap.login-flow-v3 {
  align-self: stretch;
}

/* ============================================================
   FIX — 회원가입 플로우 동일 원인 정정 (#305·#326 root cause)

   - 회원유형선택(.signup-v3) / 본인인증·정보입력·이메일인증(.login-wrap.signup-flow-v3) /
     약관동의(.login-wrap.signup-agree-v3) 래퍼가 .site-main(display:flex; align-items:center)
     자식으로 콘텐츠 폭(~400px)으로 수축 → 카드(jsel-item / login-card max-width 80rem)가
     좁게 렌더(PUB 대비 jsel 240<303·login-card 440/633<800)
   - signup-page-V3.css 는 02_design SoT 동기화 대상이라 본 fix 파일에서 stretch 보강
   - PUB(02_design)은 index.css 미로드라 본 이슈 없음 → 동일 폭으로 정합
   ============================================================ */
.signup-v3,
.login-wrap.signup-flow-v3,
.login-wrap.signup-agree-v3 {
  align-self: stretch;
}

/* ============================================================
   FIX — sub 페이지 site-main 을 block 으로 (간격 모델 정합, 서브페이지 가이드 v1.7)

   원인
     - dev(head.jsp)는 index.css 를 전역 로드 → .site-main { display:flex; gap:40px } (index.css)
       → sub 페이지의 섹션 간격이 [flex gap 40px + margin 비-collapse(쌓임)]으로 부풀어짐.
       (예: HERO↔TAB = gap40 + 히어로mb20 = 60px / v1.7 기대 50px,
            HERO↔CONTENT(케이스C) = gap40 + 20 + 100 ≈ 160px / v1.7 100px)
     - PUB(02_design)은 index.css 미로드라 block → margin-collapse 정상 → v1.7 정합.
   처방
     - .sub-page-wrap 을 가진 sub 페이지의 main 만 block 으로 되돌림
       → margin-collapse 복원 + flex gap 제거 → 기존 v1.7 margin 들이 그대로 정답값 산출.
     - 메인(index.html)은 .sub-page-wrap 미보유 → 미해당 → flex/카드 센터링 유지.
     - 센터링은 .sub-hero-wrap(margin:0 auto) / .sub-page-wrap(margin-inline:auto) 자체 처리
       → block 전환에도 정렬 영향 없음(오히려 #305 폭-수축 원인이던 align-items:center 제거 효과).
   ============================================================ */
main.site-main:has(.sub-page-wrap) {
  display: block;
}