/* ============================================================================
   Apostille Korea — 서브페이지 표준 (ak-subpage.css) · 시안 v1 (2026-10-28)
   [ak-service] 미리보기 whomi_preview ak-lee-gemini/css/ak-subpage.css(dac0a3385) 이식.
   목적: 서브페이지마다 다르던 폭(924~1200px)·히어로 4종·제목 26~44px를 하나로 묶는다.
   · 폭 하나: 본문 1200px + 좌우 20px 여백. 경로 표시(site-header.js 의 .ak-crumbbar, 1200/20px)·히어로 글자·본문 왼쪽 끝이 한 선.
     경로 표시는 오너 규칙(2026-10-28)대로 헤더 바로 아래 — 히어로 안에 넣지 않는다.
   · 히어로 하나: 첫 화면(index .stage)과 같은 그라데이션·세계지도 점무늬 띠를 화면 끝까지.
     형태는 A(기본) · B(숫자 패널) 두 가지만.
   · 글자 위계 고정: 아래 --akp-fs-* 토큰 외의 크기는 쓰지 않는다.
   · 글꼴 하나: Pretendard(없으면 맑은 고딕).
   [2026-10-28 오너 확정] 시안(subpage-standard-draft.html) 그대로 확정. ak-sub.css(2026-08-14 셸)를 대체한다.
   ============================================================================ */
/* 글꼴 선언(@font-face)은 site-shell.css 4) — 외부 CDN 대신 assets/fonts/pretendard 를 쓴다. */
:root{
  /* 색 — ak-sub.css·index 와 같은 값 */
  --akp-navy:#0A2A5E; --akp-navy2:#143E8E; --akp-blue:#1E5BBA;
  --akp-gold:#FFAA33; --akp-gold2:#FFD56B;
  --akp-ink:#1d2433; --akp-sub:#586d8f; --akp-mute:#8a99b3; --akp-line:#e3e9f2;
  --akp-bg:#f7faff; --akp-card:#fff;
  --akp-sh:0 1px 3px rgba(10,42,94,.07),0 10px 26px rgba(10,42,94,.06);
  /* 폭·여백 (4px 단위) */
  --akp-w:1160px; --akp-gut:20px;   /* 1160 + 20×2 = 1200 = .ak-crumbbar .akcb-in 와 같은 상자 */
  --akp-sp-1:4px; --akp-sp-2:8px; --akp-sp-3:12px; --akp-sp-4:16px; --akp-sp-6:24px; --akp-sp-8:32px; --akp-sp-12:48px; --akp-sp-16:64px;
  --akp-r-card:16px; --akp-r-pill:999px;
  /* 글자 위계 — 이 8단계만 쓴다 */
  --akp-fs-eyebrow:13px;   /* 히어로 배지·섹션 키커 */
  --akp-fs-h1:40px;        /* 히어로 제목 (페이지당 1개) */
  --akp-fs-lead:17px;      /* 히어로 설명 */
  --akp-fs-h2:28px;        /* 섹션 제목 */
  --akp-fs-h3:20px;        /* 카드 제목 */
  --akp-fs-body:16px;      /* 본문 */
  --akp-fs-small:14px;     /* 보조 본문·칩·버튼 */
  --akp-fs-cap:13px;       /* 캡션·크럼·날짜 */
  --akp-font:'Pretendard Variable','Pretendard','Malgun Gothic','Apple SD Gothic Neo',sans-serif;
}
@media(max-width:1024px){:root{--akp-fs-h1:32px;--akp-fs-h2:24px;}}
@media(max-width:720px){:root{--akp-fs-h1:26px;--akp-fs-lead:15px;--akp-fs-h2:21px;--akp-fs-h3:18px;--akp-fs-body:15px;--akp-gut:16px;}}

.akp-body,body.akp-std{margin:0;background:var(--akp-bg);color:var(--akp-ink);font-family:var(--akp-font);font-size:var(--akp-fs-body);line-height:1.7;word-break:keep-all;-webkit-font-smoothing:antialiased;}
/* [ak-service 2026-10-28 QA] keep-all 은 띄어쓰기로 줄을 나누는 한국어용이다. 띄어쓰기가 없는 일본어·중국어판에서는
   줄 바꿀 자리가 없어 상담 띠·후기 카드·서비스 카드 문장이 한 줄로 늘어나 휴대폰 화면 밖으로 나갔다(ja·zh 390 실측 r 415~516). ak-cjk-wrap */
html:is([lang^="ja"],[lang^="zh"]) :is(.akp-body,body.akp-std){word-break:normal;line-break:strict;overflow-wrap:anywhere;}
.akp-wrap{max-width:var(--akp-w);margin:0 auto;padding:0 var(--akp-gut);box-sizing:content-box;}

/* ── 히어로 (A 기본 · B 숫자 패널) ── 첫 화면 .stage 와 같은 배경 */
.akp-hero{position:relative;overflow:hidden;color:#fff;
  background:
    radial-gradient(ellipse at 18% -4%, rgba(46,123,214,.40) 0%, transparent 52%),
    radial-gradient(ellipse at 92% 6%, rgba(10,58,140,.55) 0%, transparent 55%),
    linear-gradient(135deg,var(--akp-navy) 0%,var(--akp-navy2) 44%,var(--akp-blue) 100%);}
.akp-hero::before{content:"";position:absolute;inset:-40px 0 0 0;pointer-events:none;z-index:0;opacity:.10;
  background:url("../img/akp-worldmap.svg") center top/min(96%,1500px) auto no-repeat;} /* 첫 화면과 같은 점무늬 지도 */
.akp-hero__in{position:relative;z-index:1;padding-top:56px;padding-bottom:56px;}
.akp-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--akp-fs-eyebrow);font-weight:800;letter-spacing:1.5px;
  color:var(--akp-gold2);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:var(--akp-r-pill);padding:6px 14px;margin-bottom:var(--akp-sp-4);}
.akp-eyebrow.is-split{color:var(--akp-gold2);} /* 번역 사전이 안쪽을 통째로 바꾸는 배지 — 전체 금색 */
.akp-eyebrow .no{color:var(--akp-gold2);}
.akp-backbar{display:none;} /* 업종 상세의 '← 산업별 서비스 전체' 줄 — 바로 위 경로 표시(기업별 › 산업별)와 같은 길이라 표준에서는 숨긴다 */
.akp-eyebrow .sub{color:#fff;letter-spacing:0;font-weight:700;}
.akp-h1{margin:0 0 var(--akp-sp-4);font-size:var(--akp-fs-h1);font-weight:800;line-height:1.25;letter-spacing:-.03em;text-shadow:0 4px 24px rgba(0,0,0,.2);}
.akp-h1 .hl{background:linear-gradient(135deg,var(--akp-gold2) 0%,var(--akp-gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.akp-lead{margin:0;max-width:680px;font-size:var(--akp-fs-lead);line-height:1.65;color:rgba(255,255,255,.88);}
.akp-hchips{display:flex;flex-wrap:wrap;gap:var(--akp-sp-2);margin-top:var(--akp-sp-6);padding:0;list-style:none;}
.akp-hchips>*{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);border-radius:var(--akp-r-pill);padding:8px 15px;font-size:var(--akp-fs-small);font-weight:700;}
/* B형 — 오른쪽 숫자 패널 (반투명 유리판: 어두운 띠 위에서 흰 카드보다 덜 튄다) */
.akp-hero--stats .akp-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:var(--akp-sp-12);align-items:center;}
.akp-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--akp-sp-3);}
.akp-stat{text-align:left;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:18px 20px;}
.akp-stat b{display:block;font-size:26px;font-weight:800;line-height:1.2;letter-spacing:-.02em;color:#fff;}
.akp-stat>span{display:block;margin-top:4px;font-size:var(--akp-fs-cap);font-weight:600;color:#a9c6f2;}
@media(max-width:1024px){.akp-hero--stats .akp-hero__grid{grid-template-columns:1fr;gap:var(--akp-sp-8);}}
/* 히어로 체크 목록 (설명 대신 3줄 요점을 쓰는 페이지) */
.akp-checks{display:flex;flex-direction:column;gap:10px;margin:0;}
.akp-checks>div{display:flex;gap:10px;align-items:flex-start;font-size:var(--akp-fs-body);line-height:1.6;color:rgba(255,255,255,.9);}
.akp-checks .ck{flex:0 0 22px;height:22px;margin-top:2px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);color:var(--akp-gold2);font-size:12px;font-weight:800;display:grid;place-items:center;}
.akp-crumb-gap{height:6px;} /* 경로 표시와 히어로 사이 */
@media(max-width:720px){.akp-hero__in{padding-top:36px;padding-bottom:40px;}.akp-stat b{font-size:22px;}}

/* ── 형제 페이지 탭 (히어로 바로 아래, 스크롤 시 고정) ── */
.akp-tabs{position:sticky;top:0;z-index:40;background:#0d1b36;box-shadow:0 6px 18px rgba(10,42,94,.18);}
.akp-tabs .akp-wrap{display:flex;overflow-x:auto;scrollbar-width:none;}
.akp-tab{flex:1 0 auto;text-align:center;padding:15px 18px;font-size:var(--akp-fs-small);font-weight:700;color:#93a5c4;text-decoration:none;border-bottom:3px solid transparent;white-space:nowrap;}
.akp-tab:hover{color:#fff;}
.akp-tab.on{color:#fff;border-bottom-color:var(--akp-gold);}

/* ── 섹션 ── */
.akp-sec{padding:var(--akp-sp-16) 0 0;}
.akp-sec:last-child{padding-bottom:var(--akp-sp-16);}
.akp-sec-head{display:block;margin-bottom:var(--akp-sp-6);}
.akp-sec-head + .akp-desc{margin:-16px 0 var(--akp-sp-6);} /* 설명이 머리 밖에 있는 옛 마크업 */
.akp-kicker{display:block;font-size:var(--akp-fs-eyebrow);font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--akp-blue);margin-bottom:6px;}
.akp-h2{margin:0;font-size:var(--akp-fs-h2);font-weight:800;line-height:1.35;letter-spacing:-.02em;color:var(--akp-navy);}
.akp-desc{margin:8px 0 0;font-size:var(--akp-fs-body);color:var(--akp-sub);}
.akp-h3{margin:0 0 8px;font-size:var(--akp-fs-h3);font-weight:800;line-height:1.4;color:var(--akp-ink);}
.akp-small{font-size:var(--akp-fs-small);color:var(--akp-sub);}
.akp-cap{font-size:var(--akp-fs-cap);color:var(--akp-mute);}

/* ── 카드·그리드 ── */
.akp-card{background:var(--akp-card);border:1px solid var(--akp-line);border-radius:var(--akp-r-card);box-shadow:var(--akp-sh);padding:var(--akp-sp-6);}
.akp-grid{display:grid;gap:var(--akp-sp-4);}
.akp-grid.c2{grid-template-columns:repeat(2,minmax(0,1fr));}
.akp-grid.c3{grid-template-columns:repeat(3,minmax(0,1fr));}
.akp-grid.c4{grid-template-columns:repeat(4,minmax(0,1fr));}
@media(max-width:1024px){.akp-grid.c3,.akp-grid.c4{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:720px){.akp-grid.c2,.akp-grid.c3,.akp-grid.c4{grid-template-columns:1fr;}}
.akp-btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:10px;padding:11px 18px;font:700 var(--akp-fs-small)/1 var(--akp-font);cursor:pointer;text-decoration:none;
  background:linear-gradient(135deg,var(--akp-navy),var(--akp-blue));color:#fff;}
.akp-chip{display:inline-flex;align-items:center;border:1px solid var(--akp-line);background:#fff;border-radius:var(--akp-r-pill);padding:7px 14px;font-size:var(--akp-fs-cap);font-weight:700;color:#4d5d78;}

/* ── 상세형(서류 상세 PDP · 2026-10-28 2단계) ─────────────────────────────
   서류 상세는 오른쪽에 견본·주문 요약이 첫 화면에 보여야 하는 상품 화면이라 히어로 띠를 얹지 않는다(마이페이지와 같은 예외).
   대신 폭·글자·글꼴만 표준에 맞춘다. 생성기(build_cc_doc_pages · build_us_doc_pages)와 기존 페이지 모두 body.akp-pdp. */
body.akp-pdp{font-family:var(--akp-font);}
body.akp-pdp > .wrap{max-width:var(--akp-w);padding-left:var(--akp-gut);padding-right:var(--akp-gut);box-sizing:content-box;}
body.akp-pdp #docH1,body.akp-pdp .dhero h1{font-size:var(--akp-fs-h1);font-weight:800;line-height:1.25;letter-spacing:-.03em;}
body.akp-pdp #docH1.long{font-size:32px;}
body.akp-pdp .pdp-main .sec-title,body.akp-pdp .pdp-main h2,body.akp-pdp .sec-head .sec-title{font-size:var(--akp-fs-h2);font-weight:800;letter-spacing:-.02em;}
@media(max-width:720px){body.akp-pdp #docH1.long{font-size:22px;}}

/* ── 용어집(docs/glossary) — 옅은 회색 띠 → 표준 A형 띠. 본문 .wrap 도 1200 상자 ── */
body.akp-gl .wrap:not(.akp-wrap){max-width:1200px;}
.akp-hero.hero{padding:0;border-bottom:0;}
.akp-hero .ctry{background:#fff;}
.akp-hero .kicker{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.24);}
.akp-hero .g-dnl,.akp-hero .g-dnl *{color:rgba(255,255,255,.92) !important;} /* 용어집 한국어 서류명 줄(js 가 채움) — 어두운 띠 위 */
body.akp-gl h2{font-size:var(--akp-fs-h2);font-weight:800;color:var(--akp-navy);}

/* ── 앱 화면(견적·결제 등) — 히어로 없이 폭·글자·글꼴만. 제목은 밝은 바탕용 H1 ── */
body.akp-app{font-family:var(--akp-font);}
.akp-h1-light{font-size:var(--akp-fs-h1) !important;font-weight:800;line-height:1.25;letter-spacing:-.03em;color:var(--akp-navy);}
/* 부모여행동의서 목록 — 오른쪽 칸에 영상 썸네일(숫자 패널 대신) */
.akp-hero__grid > .hero-video{align-self:center;}
body.akp-app .grid>*{min-width:0;} /* 견적·결제: 글자 단계 조정 후 모바일에서 카드가 칸을 미는 것 방지 */
body.akp-std > footer.site-footer,body.akp-pdp > footer.site-footer{margin-top:var(--akp-sp-16);} /* [2026-10-28] 상담 안내 띠 제거 후 마지막 섹션과 푸터 사이 표준 섹션 간격 */