/* 레이아웃: 상간 원고 시안 구조 · 검정 배경 하나로 이어짐 · 명조 200 제목 · 포인트는 딥네이비 */
:root{
  /* ---------- 컬러 ---------- */
  --bg:#000;                        /* 배경 */
  --card:#161616;                   /* 면 (무채색) */
  --card-2:#222;                    /* 안쪽 면 (무채색) */
  --line:rgba(255,255,255,.16);
  --line-2:rgba(255,255,255,.28);
  --navy:#1b2a4a;                   /* 딥네이비: 면·배너·빛 */
  --navy-deep:#0d1527;              /* 더 깊은 네이비 */
  --navy-glow:rgba(52,84,148,.55);  /* 빛 번짐 */
  --pt:#8fb2ee;                     /* 검정 위 강조 글자 (네이비를 밝힌 톤) */
  --res:#8fb4ff;                    /* 사례 결과 강조 (밝게) */
  --pt-2:#6a8bcb;                   /* 보조 포인트 (점·아이콘·번호) */
  --cta:#3b66c9;                    /* 상담 버튼 (흰 글씨) */
  --cta-h:#27479a;                  /* 상담 버튼 hover */
  --tx:#fff;
  --tx-2:rgba(255,255,255,.72);
  --mute:rgba(255,255,255,.42);
  --sans:'Pretendard',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
  --serif:'Noto Serif KR','Nanum Myeongjo',serif;
  --en:'Jost','Pretendard',sans-serif;
  --wrap:1200px;
  --hh:84px;
  --tgap:64px;
  --sp:clamp(72px,8.4vw,120px);     /* 섹션 위·아래 여백 (섹션 사이 간격 = 2배, 모두 동일) */
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--bg);scroll-padding-top:calc(var(--hh) + 16px)}
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--sans);font-size:17px;line-height:1.7;word-break:keep-all;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,p,ul,ol,li,dl,dd,figure{margin:0;padding:0}
h1,h2,h3,h4,b,strong{font-weight:600}
ul,ol{list-style:none}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
img{max-width:100%;display:block}
[hidden]{display:none!important}
.m-br{display:none}
:focus-visible{outline:2px solid var(--pt);outline-offset:3px}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:900;background:var(--bg)}
.wrap{max-width:calc(var(--wrap) + 48px);margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
.sec{padding-block:var(--sp)}
.band{margin-block:var(--sp)}
.final{margin-top:var(--sp)}
.center{text-align:center}
