:root{--ink:#12251d;--green:#177449;--lime:#d6f866;--mist:#f3f6f1;--line:#dce5dc}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);font-family:Arial,"Noto Sans KR",sans-serif;word-break:keep-all}
.wrap{width:min(1120px,calc(100% - 38px));margin:auto}
.nav{height:76px;display:flex;align-items:center;gap:28px;justify-content:space-between}
.brand{color:var(--ink);font-weight:800;font-size:20px;text-decoration:none}
.brand small{display:block;font-size:11px;font-weight:500;color:#597064;margin-top:3px}
.mark{color:var(--green)}
nav{display:flex;gap:18px}
nav a{color:#3f574b;font-size:14px;text-decoration:none}
.headcall{background:var(--ink);color:#fff;padding:12px 16px;border-radius:4px;text-decoration:none;font-size:14px;font-weight:bold}
.hero{background:linear-gradient(90deg,rgba(12,34,23,.93),rgba(12,34,23,.64)),url('images/hero-work.png') center/cover;color:#fff;min-height:630px;padding:122px 0 70px}
.pill,.hero-kicker{display:inline-block}
.pill{padding:7px 11px;border-radius:30px;background:rgba(255,255,255,.15);font-size:13px}
.hero-kicker{display:block;color:var(--lime);font-size:15px;font-weight:bold;margin-top:25px}
.hero h1{font-size:clamp(42px,6vw,70px);letter-spacing:-.07em;line-height:1.14;margin:13px 0 18px}
.hero em{color:var(--lime);font-style:normal}
.hero p{max-width:560px;line-height:1.7;color:#e0e9e2;font-size:17px}
.actions{display:flex;gap:9px;flex-wrap:wrap;margin:29px 0}
.actions a,.btn{padding:15px 18px;border-radius:4px;text-decoration:none;font-weight:bold;font-size:14px}
.diag{background:var(--lime);color:var(--ink)}
.call{background:#fff;color:var(--ink)}
.kakao{border:1px solid rgba(255,255,255,.65);color:#fff}
.proof{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;max-width:950px;background:rgba(255,255,255,.18)}
.proof div{padding:15px;background:rgba(7,23,15,.5);font-size:12px;color:#d2ded4}
.proof b{display:block;color:#fff;font-size:13px;margin-bottom:5px}
.section{padding:82px 0}
.section.alt{background:var(--mist)}
h2{font-size:clamp(29px,3.8vw,43px);letter-spacing:-.055em;margin:0 0 13px}
.sub{color:#597064;line-height:1.7;max-width:680px;margin:0 0 28px}
.accidents,.cards,.twocol{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.accident,.info-card,.feature{padding:26px;background:#fff;border:1px solid var(--line);border-radius:7px;text-decoration:none;color:var(--ink)}
.accident h3,.info-card strong{font-size:20px;margin:14px 0 8px;display:block;letter-spacing:-.04em}
.accident p,.info-card p,.feature p{font-size:14px;color:#5b7064;line-height:1.65}
.mini{font-size:13px;color:var(--green);font-weight:bold}
.twocol{grid-template-columns:1fr 1fr}
.feature{border-top:4px solid var(--green)}
.feature ul{padding-left:18px;color:#476154;font-size:14px;line-height:2}
.feature .btn{display:inline-block;background:var(--ink);color:#fff;margin-top:10px}
.cards{grid-template-columns:repeat(4,1fr)}
.info-card{padding:20px}
.info-card strong{font-size:17px;margin:0 0 8px}
.faq details{border-bottom:1px solid var(--line);padding:20px 0}
.faq summary{font-weight:bold;font-size:16px;cursor:pointer}
.faq p{line-height:1.7;color:#5b7064;font-size:14px}
.seo{background:#f7f9f6;border-top:1px solid var(--line)}
.seo .copy{line-height:1.9;color:#466053;font-size:14px;columns:2;gap:45px}
.final{background:var(--green);color:#fff;text-align:center;padding:75px 0}
.final p{color:#dcebe0}
.final .btn{display:inline-block;background:var(--lime);color:var(--ink)}
footer{background:#0d2017;color:#a5b6aa;font-size:12px;padding:30px 0}
@media(max-width:760px){.nav{height:64px}
.nav nav,.headcall{display:none}
.hero{padding-top:105px;min-height:610px}
.proof,.accidents,.cards,.twocol{grid-template-columns:1fr}
.proof{gap:8px;background:none}
.proof div{background:rgba(7,23,15,.55)}
.section{padding:60px 0}
.seo .copy{columns:1}
.actions a{width:100%;text-align:center}
}
.actions a{flex:1;text-align:center}
.cta-buttons .phone:after{content:' 010-4528-4730'}