:root{--navy:#0b1c32;--ink:#102238;--teal:#0ea5a6;--pale:#effafa;--line:#d9e5e9;--muted:#607386;--sun:#fee500;--wrap:1040px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;color:var(--ink);background:#fff;line-height:1.75;word-break:keep-all}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(var(--wrap),calc(100% - 36px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.head{height:68px;display:flex;align-items:center;justify-content:space-between}.brand img{width:145px}.actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid var(--line);border-radius:12px;font-size:13px;font-weight:900}.btn.kakao{background:var(--sun);border-color:var(--sun);color:#191919}.btn.call{background:#fff}
.hero{padding:64px 0;background:radial-gradient(circle at 8% 14%,#d7f7f5,transparent 35%),linear-gradient(125deg,#f9feff,#fffaf0)}.hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:46px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.15em;color:#078987;font-weight:900}.draft{display:inline-flex;margin-left:8px;padding:4px 8px;border-radius:999px;background:#edf2f7;color:#627384;font-size:10px;font-weight:800;letter-spacing:0}.hero h1{font-size:clamp(38px,5.8vw,60px);line-height:1.18;letter-spacing:-.055em;margin:13px 0 18px}.hero h1 em{font-style:normal;color:var(--teal)}.hero p{font-size:16px;color:#42586b;margin:0}.hero-actions{display:flex;gap:9px;margin-top:23px}.hero-actions .btn{padding:14px 20px}.compare-card{background:#fff;border:1px solid var(--line);padding:12px;border-radius:21px;box-shadow:0 22px 52px rgba(21,51,70,.13)}.compare-title{display:flex;justify-content:space-between;padding:2px 3px 10px;font-size:11px}.compare-title span{color:var(--muted)}
.cmp{position:relative;overflow:hidden;border-radius:14px;aspect-ratio:4/5;background:#dce7eb;user-select:none;touch-action:pan-y;cursor:ew-resize}.cmp>img,.cmp .before img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cmp .before{position:absolute;inset:0;width:100%;overflow:hidden;clip-path:inset(0 50% 0 0)}.cmp .divider{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;box-shadow:0 0 14px rgba(0,0,0,.45)}.cmp .knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#087f87;font-weight:900;box-shadow:0 5px 18px rgba(0,0,0,.35)}.cmp .hint{position:absolute;left:50%;bottom:11px;transform:translateX(-50%);padding:5px 11px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:10px;font-weight:800;white-space:nowrap}.cmp.dragging .hint{opacity:0}
section{padding:62px 0}.section-head{max-width:700px;margin-bottom:27px}.section-head h2{font-size:clamp(26px,4vw,38px);line-height:1.3;letter-spacing:-.045em;margin:7px 0}.section-head p{margin:0;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.service{padding:21px;border:1px solid var(--line);border-radius:15px;background:#fff}.service h3{font-size:16px;margin:0 0 7px}.service p{font-size:13px;color:var(--muted);margin:0}.local{background:var(--navy);color:#eef7fa}.local h2{color:#fff}.local p{color:#b7c8d2}.local-box{display:grid;grid-template-columns:1fr 1fr;gap:14px}.local-box article{border-top:1px solid #3e566d;padding:19px 2px}.local-box b{display:block;color:#73ded8;margin-bottom:6px}.local-box p{font-size:13px;margin:0}.faq{background:var(--pale)}.qa{padding:17px 19px;border:1px solid var(--line);border-radius:13px;background:#fff;margin-top:9px}.qa h3{font-size:14px;margin:0 0 5px}.qa p{font-size:13px;color:var(--muted);margin:0}.nearby{display:flex;flex-wrap:wrap;gap:8px}.nearby a{padding:8px 11px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800;background:#fff}.contact{padding:44px 0;background:linear-gradient(135deg,#0b1c32,#0f5e62);color:#fff}.contact-box{display:flex;align-items:center;justify-content:space-between;gap:20px}.contact h2{margin:0 0 6px}.contact p{margin:0;color:#bed1d8;font-size:13px}.number{font-size:24px;font-weight:900}footer{padding:25px 0 88px;background:#07111f;color:#8da0b0;font-size:12px}footer b{color:#e7eef3}:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
@media(max-width:760px){.actions .call{display:none}.brand img{width:128px}.hero{padding:42px 0}.hero-grid{grid-template-columns:1fr;gap:28px}.hero h1{font-size:39px}.hero-actions{flex-direction:column}.service-grid,.local-box{grid-template-columns:1fr}.contact-box{align-items:flex-start;flex-direction:column}.number{font-size:21px}}