/* compact.css — 「조금 더 촘촘하게」 덮개 (2026-10-25 한대표님: 전체 윤곽은 맞다, 조금 더 컴팩트하게. 과하면 되돌린다)
   - style.css·pages.css 는 그대로 두고, 이 파일이 뒤에서 간격만 덮어쓴다. 모든 페이지 <head> 의
         <link rel="stylesheet" href="…compact.css">
     한 줄을 빼면 기준본(sample_baseline_v3_20261025)과 같은 모습으로 돌아간다.
   - 줄이는 것: 구역 사이 · 카드 안쪽 · 히어로 상하 · 목록 행 높이 · 제목↔본문 · 하위 본문 문단/표/단계 간격.
   - 🔴 글꼴 크기(font-size)는 한 곳도 건드리지 않는다. 터치 대상 최소 높이 40px 유지.
   - 🔴 플로팅 버튼 자리 확보(오른쪽 padding-right/margin-right 의 max(...) 식)는 건드리지 않으려고 padding-top/bottom 같은 개별 속성만 쓴다. */

/* ── 히어로 · 두 갈래 카드 ── */
.hero { padding-top: 12px; padding-bottom: 6px; }
.hero h1 { margin-top: 2px; line-height: 1.3; }
.paths { padding-top: 0; padding-bottom: 2px; }
.paths-in { gap: 8px; }
.path-hd { padding-top: 6px; padding-bottom: 6px; }
.plinks a { min-height: 40px; padding-top: 2px; padding-bottom: 2px; }

/* ── 구역 사이 ── */
.sec { padding-top: 16px; padding-bottom: 12px; }
.sec + .sec { padding-top: 2px; }
.duo-in { gap: 14px; }
.lead { margin-top: 0; line-height: 1.45; }
.sec-hd { gap: 2px 6px; }
.news-grid { margin-top: 6px; gap: 8px; }
.zone > .box { margin-top: 6px; }
.zone > .box + .box { margin-top: 8px; }
.pts-grid { gap: 4px; margin-top: 6px; }

/* ── 목록 행 높이 (터치 40px 하한 유지) ── */
.acc { margin-top: 6px; }
.acc > summary, .pt > summary { min-height: 44px; }
.svc-list a { min-height: 40px; padding-top: 3px; padding-bottom: 3px; }
.svc-main b, .svc-main span { line-height: 1.25; }
.box { padding-top: 4px; }
.rows a { padding-top: 7px; padding-bottom: 7px; }
.rows.sched a { padding-top: 3px; padding-bottom: 3px; }
.rows { margin-top: 0; }
.more { min-height: 40px; }
.pt p { padding-bottom: 8px; line-height: 1.5; }

/* ── 푸터 ── */
.site-footer { margin-top: 6px; padding-top: 14px; padding-bottom: 76px; }
.ft-in { gap: 6px; }
.ft-tel { row-gap: 0; }                    /* column-gap(PC 가로 배열 간격)은 건드리지 않는다 */

/* ── 하위 페이지 틀 ── */
.sub { padding-top: 2px; padding-bottom: 12px; }
.crumb-path { min-height: 36px; }
.chips { padding-top: 4px; padding-bottom: 8px; }
.chips-wrap::before, .chips-wrap::after { bottom: 8px; }
.chips-more { top: 4px; }

/* ── 하위 페이지 본문(원고) ── */
.pg { line-height: 1.5; }
.pg h2.text-5, .pg .main_h2 { margin-top: 12px; margin-bottom: 6px; }
.pg > h2.text-5:first-child, .pg > .container > h2.text-5:first-child { margin-top: 4px; }
.pg h3 { margin-bottom: 6px; }
.pg p { margin-bottom: 8px; }
.pg .bg_box { margin-top: 10px; margin-bottom: 6px; padding-top: 8px; padding-bottom: 8px; }
.pg .alert, .pg .acerti_alert { margin-top: 8px; margin-bottom: 8px; padding-top: 8px; padding-bottom: 8px; }
.pg .certificationl_wrwr { margin-top: 6px; margin-bottom: 6px; }
.pg ul[class^="certification_"] li + li { margin-top: 4px; }
.pg th, .pg td { padding-top: 6px; padding-bottom: 6px; }
.pg .nav { margin-bottom: 8px; gap: 6px; }
.pg .nav-link { min-height: 40px; }
.pg .btn_guide { margin-top: 6px; margin-bottom: 8px; }
.pg .btn_guide li a { min-height: 40px; }
.pg .step_list li { margin-bottom: 6px; padding-top: 9px; padding-bottom: 9px; }
.pg .step_list li::before { top: 9px; }
.pg .acerti_search { margin-top: 6px; margin-bottom: 6px; padding-top: 10px; padding-bottom: 6px; }
.pg .acerti_search_block { margin-bottom: 8px; }
.pg .form-field-list li { margin-bottom: 4px; padding-top: 6px; padding-bottom: 6px; }
.pg .acerti_box, .pg .acerti_s_box, .pg .acerti_p_box { margin-bottom: 8px; padding-top: 10px; padding-bottom: 10px; }
.pg .lt li { padding-top: 6px; padding-bottom: 6px; }
.pg .pro_box, .pg .special_box { margin-bottom: 8px; padding-top: 10px; padding-bottom: 10px; }
.pg li.gall_li { padding-bottom: 10px; }
.pg .card { margin-bottom: 6px; }
.pg .card-body { padding-top: 8px; padding-bottom: 8px; }
.pg-spec { gap: 6px; }
.pg-spec ul.certification_triangle { padding-top: 10px; padding-bottom: 10px; }
.pg .history_div .p_box + .p_box { margin-top: 10px; }
.pg .transportation_wr { margin-bottom: 6px; padding-top: 8px; padding-bottom: 8px; }
.pg-note { margin-top: 10px; padding-top: 8px; padding-bottom: 8px; }
.pending-box { padding-top: 18px; padding-bottom: 18px; }

@media (min-width: 960px) {
  .hero { padding-top: 24px; padding-bottom: 8px; }
  .paths { padding-top: 0; padding-bottom: 4px; }
  .paths-in { gap: 16px; }
  .path-hd { padding-top: 8px; padding-bottom: 8px; }
  .plinks a { min-height: 42px; }
  .sec { padding-top: 22px; padding-bottom: 14px; }
  .sec + .sec { padding-top: 2px; }
  .duo-in { gap: 16px; }
  .acc { margin-top: 8px; }
  .acc > summary { min-height: 46px; }
  .svc-list a { min-height: 42px; padding-top: 4px; padding-bottom: 4px; }
  .box { padding-top: 6px; }
  .rows a { padding-top: 8px; padding-bottom: 8px; }
  .rows.sched a { padding-top: 5px; padding-bottom: 5px; }
  .pt > summary { min-height: 44px; }
  .pt p { padding-bottom: 8px; }
  .pts-grid { gap: 12px; margin-top: 6px; }
  .site-footer { padding-top: 16px; padding-bottom: 20px; }
  .sub { padding-top: 8px; padding-bottom: 28px; }
  .pg-spec { gap: 12px; }
  .pg-spec ul.certification_triangle { padding-top: 14px; padding-bottom: 14px; }
}