*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --acc:#0E7490; --accd:#155E75; --accp:#E3F3F7;
  --acc2:#10B981; --acc2p:#D1FAE5;
  --ink:#0F1D2B; --inks:#33475C; --muted:#64748B;
  --line:#E1E9EE; --tint:#F4F8F9; --r:16px; --maxw:1140px;
  --font:'Pretendard','Pretendard Variable',-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
}
html{scroll-behavior:smooth;}
body{font-family:var(--font);color:var(--ink);background:#fff;line-height:1.75;
  -webkit-font-smoothing:antialiased;word-break:keep-all;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
h1,h2,h3,h4{letter-spacing:-0.03em;line-height:1.35;}

header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);
  backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line);}
.hbar{display:flex;align-items:center;gap:14px;height:66px;}
.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:16.5px;letter-spacing:-0.03em;}
.brand .dot{width:30px;height:30px;border-radius:9px;background:var(--acc);color:#fff;
  display:grid;place-items:center;flex:none;}
.brand .dot svg{width:17px;height:17px;}
.brand small{font-size:12.5px;font-weight:700;color:var(--acc);margin-left:1px;}
.hnav{margin-left:auto;display:flex;align-items:center;gap:20px;}
.hnav a{font-size:14.5px;font-weight:700;color:var(--inks);}
.hnav a:hover{color:var(--acc);}
.hcta{background:var(--acc);color:#fff;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:800;}
@media(max-width:820px){.hnav a:not(.hcta){display:none;}}
@media(max-width:560px){
  .hbar{height:60px;gap:8px;}
  .brand .dot{width:28px;height:28px;} .brand .dot svg{width:16px;height:16px;}
  .brand b{font-size:15px;} .brand small{font-size:11.5px;}
  .hcta{padding:9px 14px;font-size:13.5px;white-space:nowrap;}
}

.crumb{font-size:12.5px;color:var(--muted);padding:18px 0 0;font-weight:600;}
.crumb a:hover{color:var(--acc);} .crumb span{margin:0 6px;opacity:.55;}

.hero{padding:24px 0 46px;}
.chip{display:inline-flex;align-items:center;font-size:12.5px;font-weight:800;color:var(--accd);
  background:var(--accp);border-radius:999px;padding:6px 15px;margin-bottom:16px;}
.hero h1{font-size:34px;font-weight:800;margin-bottom:8px;}
@media(max-width:700px){.hero h1{font-size:25px;}}
.info{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px;}
@media(max-width:760px){.info{grid-template-columns:1fr;}}
.info div{background:var(--tint);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;}
.info dt{font-size:11.5px;font-weight:800;color:var(--acc);letter-spacing:.04em;margin-bottom:6px;}
.info dd{font-size:14.5px;font-weight:700;line-height:1.6;}

section{padding:52px 0;}
section.tinted{background:var(--tint);}
.eyebrow{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.1em;color:var(--acc);margin-bottom:10px;}
h2.title{font-size:26px;font-weight:800;margin-bottom:16px;}
@media(max-width:700px){h2.title{font-size:21px;}}
.body p{font-size:15.5px;color:var(--inks);margin-bottom:16px;max-width:840px;}

.shot{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;max-width:840px;}
.shot .ba{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line);}
.shot .half{position:relative;}
.shot .half img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.shot .half .t{position:absolute;left:9px;bottom:9px;font-size:10.5px;font-weight:800;color:#fff;
  border-radius:6px;padding:3px 10px;}
.shot .half.b .t{background:rgba(15,29,43,.85);}
.shot .half.a .t{background:var(--acc);}

.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media(max-width:900px){.steps{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.steps{grid-template-columns:1fr;}}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 18px;}
.step .n{font-size:11.5px;font-weight:800;color:#fff;background:var(--acc);border-radius:999px;
  padding:3px 10px;display:inline-block;margin-bottom:10px;}
.step h4{font-size:15.5px;font-weight:800;margin-bottom:6px;}
.step p{font-size:13.5px;color:var(--muted);line-height:1.65;}

.near{display:flex;flex-wrap:wrap;gap:9px;}
.near a{font-size:13.5px;font-weight:700;color:var(--inks);background:var(--tint);
  border:1px solid var(--line);border-radius:999px;padding:8px 16px;}
.near a:hover{border-color:var(--acc);color:var(--acc);}

.cta{background:var(--acc);color:#fff;border-radius:var(--r);padding:40px 34px;text-align:center;}
.cta h3{font-size:23px;font-weight:800;margin-bottom:10px;color:#fff;}
.cta p{font-size:15px;opacity:.94;margin-bottom:22px;}
.cta .btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.cta a{border-radius:999px;padding:13px 26px;font-size:15px;font-weight:800;}
.cta .p{background:#fff;color:var(--accd);}
.cta .s{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.45);}

footer{background:var(--ink);color:#fff;padding:52px 0 30px;}
.foot{display:grid;grid-template-columns:1.6fr 1fr;gap:34px;}
@media(max-width:820px){.foot{grid-template-columns:1fr;gap:26px;}}
footer .brand{color:#fff;margin-bottom:12px;}
footer .fd{font-size:13.5px;color:rgba(255,255,255,.62);line-height:1.75;}
footer .fp{font-size:19px;font-weight:800;margin-top:12px;}
footer h5{font-size:13px;font-weight:800;color:rgba(255,255,255,.5);margin-bottom:12px;}
footer .fcol a{display:block;font-size:14px;color:rgba(255,255,255,.82);padding:5px 0;}
footer .fcol a:hover{color:#fff;}
.fmeta{margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);
  font-size:12.5px;color:rgba(255,255,255,.46);line-height:1.8;}

.float{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:60;}
.fbtn{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;
  box-shadow:0 8px 22px rgba(0,0,0,.2);}
.fbtn svg{width:22px;height:22px;}
.fbtn.sms{background:var(--acc2);} .fbtn.call{background:var(--acc);}