/* 설비맵 새 화면 — 옛 앱 화면이던 쪽(개인정보 처리방침·404·운영 전 지역 미리보기 12쪽)을 새 화면 머리말·바닥글과 맞춘다
   (2026-10-14 설비맵 운영 방 운영자 29588 「다 신디자인으로 바꿔」 · /mnt/data2/seolbimap-wsdesign-20261014/ws-newdesign.js 가 붙인다 — 손으로 고치면 그 폴더 사본도 같이)
   글자 모양은 같은 site.css 의 파랑 사본(/assets/beta/d/site.css)이 그대로 맡고, 여기선 옛 「휴대폰 폭 카드 틀」만 화면 폭으로 펴고 빈 곳을 맞춘다. */
body.ap-page{background:#fff!important;background-image:none!important}
body.ap-page .app-shell{width:100%!important;max-width:none!important;min-height:0;margin:0;box-shadow:none!important;overflow:visible;background:#fff}
body.ap-page main{display:block}
/* 처리방침 · 쪽 안 이동 칩(옛 머리말 메뉴 4개) */
.ap-toc{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.ap-toc a{display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border:1px solid #cfdcf7;border-radius:999px;background:#fff;color:#1652d8;font-size:13px;font-weight:800;line-height:1.2;text-decoration:none;box-shadow:0 4px 12px rgba(22,82,216,.06)}
.ap-toc a:hover,.ap-toc a:focus-visible{background:#eef4ff;border-color:#9fbaf0}
.ap-privacy .detail-hero.ap-hero{padding-top:34px}
/* 처리방침·지역 미리보기 끝의 연락 카드(상담 절) — 새 화면 상세 쪽과 같은 모양, 옛 카드 틀 안에서도 화면 폭 */
body.ap-page #consultation.sbm-ipc{margin:0}
/* 404 첫 화면 */
.ap-404{padding:0}
.ap-404 .ap-hero-in{max-width:760px;padding:44px 0 56px}
.ap-404 .rn-intro{margin-top:14px}
.ap-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:28px}
.ap-home{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 22px;border-radius:999px;background:#2468f6;color:#fff;font-size:16px;font-weight:800;text-decoration:none;box-shadow:0 10px 24px rgba(36,104,246,.24)}
.ap-home:hover,.ap-home:focus-visible{background:#1652d8;color:#fff}
.ap-home .bt-ico,.ap-link .bt-ico{width:18px;height:18px;flex:0 0 auto}
.ap-link{display:inline-flex;align-items:center;gap:4px;min-height:44px;color:#1652d8;font-size:15px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
@media (max-width:480px){.ap-404 .ap-hero-in{padding:30px 0 44px}.ap-home{width:100%;justify-content:center}}
/* 제목 굵기 — 옛 틀은 굵기 클래스(font-[880] 등)가 CSS 에 없어 얇게 보였다 → 새 화면 제목처럼 굵게 */
.ap-404 h1{margin:16px 0 0;font-size:clamp(34px,6vw,54px);line-height:1.16;font-weight:850;letter-spacing:-.045em;color:#0f1a36}
.ap-privacy .detail-hero h1{font-weight:850;color:#0f1a36}
.ap-privacy .detail-footer-cta h2{font-weight:850}
.ap-privacy .detail-footer-cta a{color:#9cc0ff}
/* 상담 절은 .renewal 묶음(ap-consult) 안 — 새 화면 상세 쪽과 같은 모양. 옛 site.css 의 문단 자간만 상세 쪽 값으로 */
.ap-consult #consultation .rn-section-lead{letter-spacing:-.16px}