/* 일꾼철거 — style.css */
:root{
  --ink:#0d0e11;--ink-2:#15171b;--ink-3:#1e2127;--line-d:rgba(255,255,255,.12);--sub-d:#a9aeb8;
  --paper:#f4f2ed;--paper-2:#ebe8e0;--white:#fff;--text:#16181d;--sub:#565c67;--line:#e2ded5;
  --acc:#e5480b;--acc-h:#cc3d06;--acc-hi:#ff6a2b;--acc-tx:#c23a06;--acc-soft:#fff1ea;
  --kakao:#fee500;--kakao-tx:#191600;
  --r:16px;--r-sm:10px;--wrap:1200px;--hd:70px;
  --shadow:0 18px 50px -20px rgba(13,14,17,.35);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hd) + 14px)}
body{margin:0;background:var(--white);color:var(--text);font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:16.5px;line-height:1.7;letter-spacing:-.01em;word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
picture{display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
h1,h2,h3{margin:0;line-height:1.28;letter-spacing:-.035em;font-weight:800}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
em{font-style:normal}
.ic{width:1.15em;height:1.15em;flex:none}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--acc);color:#fff;padding:10px 14px;border-radius:8px;text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:3px solid var(--acc-hi);outline-offset:2px}
.center{text-align:center;margin-top:40px}

/* 버튼 */
.btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.btns--c{justify-content:center}
.btns--full>*{flex:1 1 220px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:12px;border:1.5px solid transparent;font-weight:700;font-size:15.5px;line-height:1.2;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s}
.btn:active{transform:translateY(1px)}
.btn--lg{min-height:56px;padding:0 24px;font-size:16.5px;border-radius:14px}
.btn--sm{min-height:40px;padding:0 14px;font-size:14px;border-radius:10px}
.btn--block{width:100%}
.btn--accent{background:var(--acc);color:#fff;box-shadow:0 10px 24px -12px rgba(229,72,11,.8)}
.btn--accent:hover{background:var(--acc-h)}
.btn--kakao{background:var(--kakao);color:var(--kakao-tx)}
.btn--kakao:hover{background:#f5dc00}
.btn--ghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.28)}
.btn--ghost:hover{background:rgba(255,255,255,.14)}
.btn--line{background:#fff;color:var(--text);border-color:var(--line)}
.btn--line:hover{border-color:var(--text)}
.btn--line-d{background:transparent;color:#fff;border-color:rgba(255,255,255,.3);margin-top:28px}
.btn--line-d:hover{background:#fff;color:var(--ink)}
.btn--dark{background:var(--ink);color:#fff}
.btn--dark:hover{background:#2a2d34}
.btn .ic{width:18px;height:18px}

/* 헤더 */
.hd{position:sticky;top:0;z-index:50;background:var(--ink);color:#fff;border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.hd.is-scrolled{border-bottom-color:var(--line-d);box-shadow:0 10px 30px -18px rgba(0,0,0,.6)}
.hd__in{height:var(--hd);display:flex;align-items:center;gap:28px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;flex:none}
.logo__mark{width:36px;height:36px}
.logo__txt{display:flex;flex-direction:column;line-height:1.1}
.logo__txt b{font-size:19px;font-weight:800;letter-spacing:-.04em}
.logo__txt small{font-size:11.5px;color:var(--sub-d);margin-top:3px;letter-spacing:-.01em}
.nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav>a,.nav__ddbtn{display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 13px;border-radius:9px;font-size:15px;font-weight:600;color:#dfe2e8;text-decoration:none;white-space:nowrap;background:none;border:0;cursor:pointer}
.nav>a:hover,.nav__ddbtn:hover,.nav>a[aria-current]{color:#fff;background:rgba(255,255,255,.07)}
.nav__ddbtn .ic{width:15px;height:15px;transition:transform .2s}
.nav__dd{position:relative}
.nav__ddmenu{position:absolute;top:100%;left:50%;min-width:260px;padding:14px 8px 8px;transform:translate(-50%,6px);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s}
.nav__ddmenu::before{content:"";position:absolute;inset:8px 0 0;background:#fff;border-radius:14px;box-shadow:var(--shadow);z-index:-1}
.nav__ddmenu a{display:flex;flex-direction:column;padding:10px 14px;border-radius:10px;color:var(--text);text-decoration:none;font-weight:700;font-size:15px}
.nav__ddmenu a small{font-weight:500;font-size:12.5px;color:var(--sub)}
.nav__ddmenu a:hover,.nav__ddmenu a[aria-current]{background:var(--acc-soft);color:var(--acc-tx)}
.nav__dd:hover .nav__ddmenu,.nav__dd:focus-within .nav__ddmenu,.nav__dd.open .nav__ddmenu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.nav__dd:hover .nav__ddbtn .ic,.nav__dd.open .nav__ddbtn .ic{transform:rotate(180deg)}
.nav__m{display:none}
.hd__acts{display:flex;gap:8px;flex:none}
.burger{display:none;width:44px;height:44px;margin-left:auto;border:0;background:rgba(255,255,255,.07);border-radius:10px;cursor:pointer;position:relative}
.burger span,.burger span::before,.burger span::after{position:absolute;left:12px;width:20px;height:2px;background:#fff;border-radius:2px;transition:transform .22s,background .22s;content:""}
.burger span{top:21px}.burger span::before{top:-6px;left:0}.burger span::after{top:6px;left:0}
.burger[aria-expanded="true"] span{background:transparent}
.burger[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}

@media (max-width:1120px){
  .hd__kakao{display:none}
}
@media (max-width:980px){
  .burger{display:block}
  .hd__acts{display:none}
  .nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:2px;margin:0;padding:10px clamp(16px,4vw,32px) 22px;background:var(--ink);border-top:1px solid var(--line-d);max-height:calc(100vh - var(--hd));overflow:auto;box-shadow:0 30px 40px -20px rgba(0,0,0,.6)}
  .nav.open{display:flex}
  .nav>a,.nav__ddbtn{height:50px;font-size:16.5px;padding:0 6px;border-radius:0;border-bottom:1px solid var(--line-d);background:none!important;width:100%;justify-content:space-between}
  .nav__ddbtn .ic{display:none}
  .nav__ddmenu{position:static;transform:none;opacity:1;visibility:visible;min-width:0;padding:6px 0 10px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .nav__ddmenu::before{display:none}
  .nav__ddmenu a{background:var(--ink-3);color:#fff;padding:10px 12px}
  .nav__ddmenu a small{color:var(--sub-d)}
  .nav__m{display:block;margin-top:14px}
}

/* 공통 섹션 */
.sec{padding-block:clamp(72px,9vw,120px)}
.sec--tight{padding-block:0 clamp(48px,6vw,72px)}
.sec--paper{background:var(--paper)}
.sec--dark{background:var(--ink);color:#fff}
.sh{max-width:760px;margin-bottom:clamp(36px,5vw,56px)}
.sh--c{margin-inline:auto;text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--acc-tx);letter-spacing:.02em;margin-bottom:14px}
.eyebrow::before{content:"";width:18px;height:3px;border-radius:2px;background:currentColor}
.sec--dark .eyebrow,.sec--subsidy .eyebrow{color:var(--acc-hi)}
.sh h2,.quote h2{font-size:clamp(28px,4.2vw,46px)}
.sh h2 em,.hero h1 em,.phero h1 em{color:var(--acc-hi)}
.sec:not(.sec--dark):not(.sec--subsidy) .sh h2 em{color:var(--acc-tx)}
.sh__lead{margin-top:16px;font-size:clamp(16px,1.6vw,18px);color:var(--sub)}
.sec--dark .sh__lead,.sec--subsidy .sh__lead{color:var(--sub-d)}
.kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 11px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:14px;font-weight:600;color:#e9ebef;margin-bottom:22px}
.kicker .ic{color:var(--acc-hi);width:16px;height:16px}

/* 히어로 */
.hero{position:relative;background:var(--ink);color:#fff;overflow:hidden;isolation:isolate}
.hero__bg{position:absolute;inset:0;z-index:-1}
.hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.22;filter:grayscale(.4)}
.hero__bg::after{content:"";position:absolute;inset:0;background:radial-gradient(90% 70% at 85% 30%,rgba(229,72,11,.22),transparent 60%),linear-gradient(90deg,var(--ink) 25%,rgba(13,14,17,.7) 60%,rgba(13,14,17,.85)),linear-gradient(0deg,var(--ink),transparent 40%)}
.hero__in{display:grid;grid-template-columns:1fr 1.02fr;gap:clamp(32px,5vw,64px);align-items:center;padding-block:clamp(56px,8vw,104px) clamp(64px,8vw,110px)}
.hero h1{font-size:clamp(34px,5.2vw,62px);line-height:1.2;letter-spacing:-.045em}
.hero__lead{margin-top:22px;font-size:clamp(16.5px,1.7vw,19px);color:#c9cdd5;max-width:560px}
.chips{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:28px;color:#dfe2e8;font-size:15px;font-weight:600}
.chips li{display:inline-flex;align-items:center;gap:6px}
.chips .ic{color:var(--acc-hi);width:17px;height:17px}
.hero__card{position:relative}
.hero__card::before{content:"";position:absolute;inset:-14px;border-radius:26px;border:1px solid rgba(255,255,255,.09);pointer-events:none}
@media (max-width:980px){
  .hero__in{grid-template-columns:1fr}
  .hero__bg::after{background:linear-gradient(180deg,rgba(13,14,17,.82),var(--ink) 70%)}
}

/* 티커 */
.ticker{background:var(--acc);color:#fff;overflow:hidden;white-space:nowrap;padding-block:14px}
.ticker__track{display:inline-flex;animation:tick 34s linear infinite}
.ticker span{display:inline-flex;align-items:center;font-weight:800;font-size:17px;letter-spacing:-.02em;padding-inline:22px}
.ticker span::after{content:"";width:7px;height:7px;background:rgba(255,255,255,.55);transform:rotate(45deg);margin-left:44px}
@keyframes tick{to{transform:translateX(-50%)}}

/* 전후 비교 슬라이더 */
.cmp{margin:0}
.cmp__stage{position:relative;aspect-ratio:var(--ar,4/3);overflow:hidden;border-radius:var(--r);background:#1b1d22;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize;box-shadow:var(--shadow)}
.cmp__layer{position:absolute;inset:0}
.cmp__layer picture,.cmp__layer img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.cmp__before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.cmp__line{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.35);pointer-events:none}
.cmp__knob{position:absolute;top:50%;left:var(--pos);width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#fff;color:var(--ink);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.35);pointer-events:none}
.cmp__knob .ic{width:17px;height:17px;stroke-width:2.6}
.cmp__stage:focus-within .cmp__knob{outline:3px solid var(--acc-hi);outline-offset:3px}
.cmp__range{position:absolute;left:0;bottom:0;width:100%;height:1px;opacity:0;pointer-events:none;margin:0}
.cmp__tag{position:absolute;top:14px;padding:6px 12px;border-radius:8px;font-size:13.5px;font-weight:800;pointer-events:none;letter-spacing:-.01em}
.cmp__tag--b{left:14px;background:rgba(13,14,17,.82);color:#fff}
.cmp__tag--a{right:14px;background:var(--acc);color:#fff}
.cmp__hint{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);padding:7px 14px;border-radius:999px;background:rgba(13,14,17,.72);color:#fff;font-size:13px;font-weight:600;pointer-events:none;transition:opacity .3s;white-space:nowrap}
.cmp.is-touched .cmp__hint{opacity:0}
.cmp figcaption{margin-top:14px;font-size:14.5px;color:var(--sub);line-height:1.6}
.cmp figcaption b{color:var(--text);margin-right:6px}
.sec--dark .cmp figcaption,.hero .cmp figcaption{color:var(--sub-d)}
.sec--dark .cmp figcaption b,.hero .cmp figcaption b{color:#fff}
.cmp--hero .cmp__stage{box-shadow:0 30px 70px -25px rgba(0,0,0,.8)}

/* 폐업지원금 */
.sec--subsidy{background:linear-gradient(180deg,#121317,#0d0e11);color:#fff;position:relative;overflow:hidden}
.sec--subsidy::before{content:"";position:absolute;right:-10%;top:-30%;width:60%;height:120%;background:radial-gradient(closest-side,rgba(229,72,11,.18),transparent);pointer-events:none}
.sub{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,80px);align-items:center;position:relative}
.sub .sh{margin-bottom:30px}
.si{display:grid;gap:4px}
.si li{display:flex;gap:16px;padding:16px 0;border-top:1px solid var(--line-d)}
.si li:last-child{border-bottom:1px solid var(--line-d)}
.si__ic{flex:none;width:42px;height:42px;border-radius:12px;background:rgba(255,106,43,.12);color:var(--acc-hi);display:grid;place-items:center}
.si__ic .ic{width:21px;height:21px}
.si b{font-size:16.5px}
.si p{color:var(--sub-d);font-size:15.5px;margin-top:2px}
@media (max-width:900px){.sub{grid-template-columns:1fr}}

.calc{background:#fff;color:var(--text);border-radius:22px;padding:clamp(22px,3.4vw,34px);box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.calc__top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line)}
.calc__label{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:16px}
.calc__label .ic{color:var(--acc)}
.calc__rule{font-size:13px;font-weight:700;color:var(--acc-tx);background:var(--acc-soft);padding:5px 10px;border-radius:8px}
.calc__q{display:block;margin-top:22px;font-weight:700;font-size:15px;color:var(--sub)}
.calc__row{display:flex;align-items:center;gap:16px;margin-top:10px}
.calc__row input{flex:1;accent-color:var(--acc);height:28px;cursor:pointer}
.calc__py{min-width:72px;text-align:right;font-weight:800;font-size:22px;letter-spacing:-.03em}
.calc__res{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:22px;padding:18px 20px;border-radius:14px;background:var(--paper)}
.calc__res span{font-weight:700;color:var(--sub);font-size:15px}
.calc__res strong{font-size:clamp(32px,4.6vw,46px);letter-spacing:-.045em;color:var(--acc-tx);line-height:1}
.calc__bar{height:8px;border-radius:8px;background:var(--paper-2);margin-top:14px;overflow:hidden}
.calc__bar span{display:block;height:100%;background:linear-gradient(90deg,#ff8a4f,var(--acc));border-radius:8px;transition:width .25s}
.calc.is-max .calc__res{background:var(--acc-soft)}
.calc__note{margin-top:14px;font-size:13.5px;color:var(--sub);line-height:1.6}

/* 이유 */
.pts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pt{position:relative;padding:30px 24px 28px;border-radius:var(--r);background:var(--paper);overflow:hidden;transition:transform .25s,box-shadow .25s}
.pt:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.pt__no{position:absolute;right:18px;top:12px;font-size:46px;font-weight:900;color:rgba(22,24,29,.06);letter-spacing:-.05em}
.pt__ic{width:52px;height:52px;border-radius:14px;background:var(--ink);color:#fff;display:grid;place-items:center;margin-bottom:22px}
.pt__ic .ic{width:25px;height:25px}
.pt h3{font-size:19px}
.pt p{margin-top:10px;color:var(--sub);font-size:15.5px}
@media (max-width:1040px){.pts{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pts{grid-template-columns:1fr}}

/* 비포애프터 */
.bagrid{display:grid;grid-template-columns:.82fr 1fr;gap:clamp(20px,3vw,40px);align-items:start}
.bagrid__main .cmp__stage{max-height:720px}
.bagrid__side{display:grid;gap:16px}
.bacard{background:#fff;border-radius:var(--r);padding:26px 26px 24px;border:1px solid var(--line)}
.bacard__tag{display:inline-block;padding:4px 10px;border-radius:7px;background:var(--ink);color:#fff;font-size:13px;font-weight:700}
.bacard h3{font-size:21px;margin-top:12px}
.bacard p{color:var(--sub);margin-top:8px;font-size:15.5px}
.bacard ul{display:grid;gap:6px;margin-top:14px}
.bacard li{display:flex;gap:8px;align-items:flex-start;font-size:15px;font-weight:600}
.bacard li .ic{color:var(--acc);margin-top:4px;width:16px;height:16px}
.duo{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin-top:clamp(24px,4vw,40px)}
.duo__item{position:relative;border-radius:var(--r);overflow:hidden;background:#fff}
.duo__item img{aspect-ratio:16/10;width:100%;object-fit:cover}
.duo__item p{padding:14px 18px;font-weight:700;font-size:15.5px}
.duo__tag{position:absolute;top:14px;left:14px;padding:6px 12px;border-radius:8px;background:rgba(13,14,17,.82);color:#fff;font-size:13.5px;font-weight:800}
.duo__tag--a{background:var(--acc)}
.duo__arrow{width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.duo__arrow .ic{width:22px;height:22px}
@media (max-width:900px){
  .bagrid{grid-template-columns:1fr}
  .bagrid__main .cmp__stage{max-height:none}
}
@media (max-width:700px){
  .duo{grid-template-columns:1fr}
  .duo__arrow{margin:-8px auto;transform:rotate(90deg);position:relative;z-index:1}
}
.strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:clamp(24px,4vw,40px)}
@media (max-width:900px){.strip{grid-template-columns:repeat(3,1fr)}}
.thumb{position:relative;display:block;border-radius:12px;overflow:hidden;background:#ddd;aspect-ratio:1/1}
.thumb picture{height:100%}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.thumb:hover img{transform:scale(1.06)}
.thumb__zoom{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;background:rgba(13,14,17,.66);color:#fff;display:grid;place-items:center;opacity:0;transition:opacity .2s}
.thumb:hover .thumb__zoom,.thumb:focus-visible .thumb__zoom{opacity:1}
.thumb__zoom .ic{width:16px;height:16px}
.thumb--cap::after{content:attr(data-cap);position:absolute;left:0;right:0;bottom:0;padding:26px 10px 9px;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);color:#fff;font-size:12.5px;font-weight:700;line-height:1.35}

/* 진행과정 */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s;position:relative}
.step{position:relative;padding:28px 24px;border-radius:var(--r);background:var(--ink-2);border:1px solid var(--line-d)}
.step__no{display:block;font-size:14px;font-weight:800;color:var(--acc-hi);letter-spacing:.02em}
.step__ic{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--ink-3);border:1px solid var(--line-d);margin:16px 0 20px;color:#fff}
.step__ic .ic{width:24px;height:24px}
.step h3{font-size:19px}
.step p{color:var(--sub-d);margin-top:10px;font-size:15.5px}
.step em{display:inline-block;margin-top:16px;padding:5px 10px;border-radius:7px;background:rgba(255,106,43,.12);color:var(--acc-hi);font-size:13px;font-weight:700}
.step:not(:last-child)::after{content:"";position:absolute;top:50px;right:-13px;width:10px;height:10px;border-top:2px solid var(--acc-hi);border-right:2px solid var(--acc-hi);transform:rotate(45deg);z-index:1}
@media (max-width:1040px){.steps{grid-template-columns:1fr 1fr}.step::after{display:none}}
@media (max-width:560px){.steps{grid-template-columns:1fr}}

/* 서비스 */
.svcs{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.svc{padding:26px 22px;border-radius:var(--r);border:1px solid var(--line);transition:border-color .2s,transform .2s}
.svc:hover{border-color:var(--acc);transform:translateY(-3px)}
.svc__ic{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--acc-soft);color:var(--acc-tx);margin-bottom:18px}
.svc__ic .ic{width:23px;height:23px}
.svc h3{font-size:18px}
.svc p{margin-top:8px;color:var(--sub);font-size:15px}
.kinds{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;padding:18px 20px;border-radius:var(--r);background:var(--paper)}
.kinds b{margin-right:8px;font-size:15px}
.kinds span{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:600}
@media (max-width:1100px){.svcs{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){.svcs{grid-template-columns:1fr 1fr}}
@media (max-width:460px){.svcs{grid-template-columns:1fr}}

/* 지역 카드 */
.rcards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.rcards--4{grid-template-columns:repeat(4,1fr)}
.rcard{position:relative;display:block;aspect-ratio:3/4;border-radius:var(--r);overflow:hidden;color:#fff;text-decoration:none;background:var(--ink);isolation:isolate}
.rcard picture,.rcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s}
.rcard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(13,14,17,.92) 8%,rgba(13,14,17,.15) 70%)}
.rcard:hover img{transform:scale(1.06)}
.rcard__body{position:absolute;left:0;right:0;bottom:0;padding:22px 20px}
.rcard strong{display:block;font-size:24px;font-weight:800;letter-spacing:-.04em}
.rcard small{display:block;margin-top:4px;padding-right:46px;color:#cfd3da;font-size:13.5px;line-height:1.45}
@media (max-width:700px){.rcard small{padding-right:0}}
.rcard__go{position:absolute;right:18px;bottom:24px;width:38px;height:38px;border-radius:50%;background:var(--acc);display:grid;place-items:center;transition:transform .2s}
.rcard:hover .rcard__go{transform:translateX(4px)}
.rcard__go .ic{width:18px;height:18px}
@media (max-width:1040px){.rcards,.rcards--4{grid-template-columns:repeat(3,1fr)}}
@media (max-width:700px){
  .rcards,.rcards--4{grid-template-columns:1fr 1fr}
  .rcard{aspect-ratio:4/5}
  .rcard strong{font-size:20px}
  .rcard__go{display:none}
}

/* FAQ */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(28px,5vw,72px);align-items:start}
.faq .sh{position:sticky;top:calc(var(--hd) + 30px)}
.faq__item{border-bottom:1px solid var(--line)}
.faq__item:first-child{border-top:2px solid var(--text)}
.faq__item summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 4px;font-size:17.5px;font-weight:700;cursor:pointer;list-style:none;letter-spacing:-.025em}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary:hover{color:var(--acc-tx)}
.faq__ic{flex:none;width:34px;height:34px;border-radius:50%;background:var(--paper);display:grid;place-items:center;transition:transform .25s,background .25s}
.faq__ic .ic{width:17px;height:17px}
.faq__item[open] .faq__ic{transform:rotate(45deg);background:var(--acc);color:#fff}
.faq__a{padding:0 4px 24px;color:var(--sub);font-size:16px}
@media (max-width:900px){.faq{grid-template-columns:1fr}.faq .sh{position:static}}

/* 견적 */
.sec--quote{background:var(--paper)}
.quote{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(28px,5vw,72px);align-items:start}
.quote h2{margin-bottom:0}
.qsteps{display:grid;gap:10px;margin-top:28px}
.qsteps li{display:flex;align-items:center;gap:12px;font-weight:700}
.qsteps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px}
.kid{display:flex;align-items:center;gap:14px;margin-top:28px;padding:18px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.kid__ic{flex:none;width:48px;height:48px;border-radius:14px;background:var(--kakao);color:var(--kakao-tx);display:grid;place-items:center}
.kid__ic .ic{width:26px;height:26px}
.kid div{flex:1;min-width:0;line-height:1.35}
.kid small{display:block;color:var(--sub);font-size:13px;font-weight:600}
.kid strong{display:block;font-size:26px;letter-spacing:-.02em}
.kid em{display:block;color:var(--sub);font-size:12.5px}
.qform{background:#fff;border-radius:22px;padding:clamp(20px,3.4vw,36px);box-shadow:0 30px 60px -36px rgba(13,14,17,.35);display:grid;gap:18px}
.qform__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fld{display:grid;gap:7px;margin:0;min-width:0;border:0;padding:0}
.fld>span,.fld legend{font-size:14.5px;font-weight:700;padding:0}
.fld i{color:var(--acc-tx);font-style:normal}
.fld input,.fld select,.fld textarea{width:100%;min-height:50px;padding:12px 14px;border-radius:11px;border:1.5px solid var(--line);background:#fcfbf9;font-size:16px;transition:border-color .2s,background .2s}
.fld textarea{resize:vertical;line-height:1.6}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--acc);background:#fff}
.fld.is-err input,.fld.is-err select{border-color:#d1242f;background:#fff6f6}
.fld--chk legend{margin-bottom:8px}
.chks{display:flex;flex-wrap:wrap;gap:8px}
.chk{position:relative;cursor:pointer}
.chk input{position:absolute;opacity:0;width:1px;height:1px}
.chk span{display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border-radius:999px;border:1.5px solid var(--line);font-size:14.5px;font-weight:600;background:#fff;transition:all .15s}
.chk input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
.chk input:focus-visible+span{outline:3px solid var(--acc-hi);outline-offset:2px}
.qform__out{display:grid;gap:14px;padding:18px;border-radius:14px;background:var(--acc-soft);border:1px dashed rgba(229,72,11,.4)}
.qform__out textarea{background:#fff;font-size:15px}
.qform__out .btns{margin-top:0}
.qform__priv{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--sub);line-height:1.55}
.qform__priv .ic{color:var(--sub);margin-top:2px;width:15px;height:15px}
@media (max-width:900px){.quote{grid-template-columns:1fr}}
@media (max-width:520px){.qform__grid{grid-template-columns:1fr}}

/* 밴드 */
.band{position:relative;color:#fff;overflow:hidden;isolation:isolate;text-align:center}
.band__bg{position:absolute;inset:0;z-index:-1}
.band__bg picture,.band__bg img{width:100%;height:100%;object-fit:cover}
.band__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,14,17,.94),rgba(13,14,17,.72)),radial-gradient(60% 80% at 50% 100%,rgba(229,72,11,.35),transparent)}
.band__in{padding-block:clamp(80px,10vw,130px)}
.band h2{font-size:clamp(28px,4.2vw,46px)}
.band p{margin-top:16px;color:#cfd3da;font-size:clamp(16px,1.6vw,18px)}
.band .btns{justify-content:center}

/* 하위 페이지 히어로 */
.phero{position:relative;background:var(--ink);color:#fff;overflow:hidden;isolation:isolate}
.phero__bg{position:absolute;inset:0;z-index:-1}
.phero__bg picture,.phero__bg img{width:100%;height:100%;object-fit:cover;opacity:.42}
.phero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 20%,rgba(13,14,17,.55)),linear-gradient(0deg,var(--ink),transparent 50%)}
.phero__in{padding-block:clamp(40px,6vw,64px) clamp(64px,8vw,100px);max-width:var(--wrap)}
.phero h1{font-size:clamp(32px,4.8vw,56px);line-height:1.22;letter-spacing:-.045em;max-width:820px}
.phero__lead{margin-top:20px;font-size:clamp(16px,1.7vw,19px);color:#c9cdd5;max-width:640px}
.crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:14px;color:var(--sub-d);margin-bottom:32px}
.crumbs a{text-decoration:none}
.crumbs a:hover{color:#fff}
.crumbs [aria-current]{color:#fff;font-weight:600}

/* 지역 */
.intro{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(28px,5vw,72px);align-items:start}
.intro .sh{margin-bottom:28px}
.prose p{font-size:17px;color:#33373f;line-height:1.85}
.prose p+p{margin-top:18px}
.prose a{color:var(--acc-tx);font-weight:700}
.intro__img{border-radius:var(--r);overflow:hidden}
.intro__img img{aspect-ratio:4/3;width:100%;object-fit:cover}
.areas{margin-top:16px;padding:22px;border-radius:var(--r);background:var(--paper)}
.areas h3{display:flex;align-items:center;gap:8px;font-size:17px}
.areas h3 .ic{color:var(--acc)}
.areas ul{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.areas li{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:600}
@media (max-width:900px){.intro{grid-template-columns:1fr}}
.spots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.spot{padding:30px 26px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.spot__ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--ink);color:#fff;margin-bottom:20px}
.spot__ic .ic{width:24px;height:24px}
.spot h3{font-size:19px}
.spot p{margin-top:10px;color:var(--sub);font-size:15.5px}
@media (max-width:900px){.spots{grid-template-columns:1fr}}
.regcase{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.regcase__cmp--tall{max-width:480px;width:100%;justify-self:center}
.regcase .sh{margin-bottom:24px}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gal--3{grid-template-columns:repeat(3,1fr);margin-bottom:24px}
@media (max-width:900px){.regcase{grid-template-columns:1fr}}
@media (max-width:700px){.gal{grid-template-columns:repeat(2,1fr)}.gal--3{grid-template-columns:repeat(3,1fr)}}

/* 폐업지원금 페이지 */
.sumgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(28px,5vw,64px);align-items:start}
.sumgrid>*,.intro>*,.regcase>*,.quote>*,.faq>*,.sub>*,.bagrid>*,.hero__in>*{min-width:0}
.sumgrid .sh{margin-bottom:28px}
.sumgrid__calc{position:sticky;top:calc(var(--hd) + 24px)}
.sumgrid__calc .calc{box-shadow:0 30px 60px -30px rgba(13,14,17,.35);border:1px solid var(--line)}
.tbl{overflow-x:auto;border-radius:var(--r);border:1px solid var(--line)}
.tbl table{width:100%;border-collapse:collapse;min-width:460px}
.tbl th,.tbl td{padding:18px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);font-size:16px}
.tbl tr:last-child th,.tbl tr:last-child td{border-bottom:0}
.tbl th{width:130px;background:var(--paper);font-weight:800;white-space:nowrap}
.notice{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:16px 18px;border-radius:12px;background:var(--paper);color:var(--sub);font-size:14.5px;line-height:1.65}
.notice .ic{flex:none;color:var(--acc);margin-top:3px}
@media (max-width:900px){.sumgrid{grid-template-columns:1fr}.sumgrid__calc{position:static}}
.docs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.doc{position:relative;padding:28px 24px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.doc__no{position:absolute;right:20px;top:18px;font-weight:900;font-size:15px;color:var(--acc-tx)}
.doc__ic{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--acc-soft);color:var(--acc-tx);margin-bottom:20px}
.doc__ic .ic{width:25px;height:25px}
.doc h3{font-size:19px}
.doc p{margin-top:8px;color:var(--sub);font-size:15px}
.doc em{display:flex;gap:6px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px dashed var(--line);font-size:14.5px;font-weight:700}
.doc em .ic{color:var(--acc);width:16px;height:16px}
@media (max-width:1040px){.docs{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.docs{grid-template-columns:1fr}}
.tips{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tip{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#fff}
.tip__img img{aspect-ratio:16/10;width:100%;object-fit:cover}
.tip__body{padding:24px}
.tip__ic{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--ink);color:#fff;margin-bottom:14px}
.tip__ic .ic{width:20px;height:20px}
.tip h3{font-size:18.5px}
.tip p{margin-top:8px;color:var(--sub);font-size:15px}
@media (max-width:900px){.tips{grid-template-columns:1fr}}

/* 시공사례 페이지 */
.casenav{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:-34px;position:relative;z-index:2}
.casenav a{display:flex;flex-direction:column;gap:2px;padding:18px 22px;border-radius:14px;background:#fff;box-shadow:var(--shadow);text-decoration:none;font-weight:700;font-size:17px;border:1px solid var(--line)}
.casenav a b{font-size:13px;color:var(--acc-tx)}
.casenav a:hover{border-color:var(--acc)}
@media (max-width:600px){.casenav{grid-template-columns:1fr}}
.case__head{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(24px,4vw,56px);align-items:end;margin-bottom:clamp(28px,4vw,44px)}
.case__head h2{font-size:clamp(28px,4vw,42px)}
.scope{display:grid;gap:8px;padding:22px;border-radius:var(--r);background:var(--ink);color:#fff}
.scope li{display:flex;gap:9px;align-items:flex-start;font-weight:600;font-size:15.5px}
.scope .ic{color:var(--acc-hi);margin-top:4px;width:16px;height:16px}
@media (max-width:900px){.case__head{grid-template-columns:1fr}}
.case__cmp--tall{max-width:560px;margin-inline:auto}
.phase{margin-top:clamp(36px,5vw,56px)}
.phase__t{display:flex;align-items:center;gap:10px;font-size:21px;margin-bottom:16px}
.phase__t span{position:relative;padding-left:14px}
.phase__t span::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:4px;border-radius:3px;background:var(--acc)}
.phase__t small{font-size:14px;color:var(--sub);font-weight:600}

/* 404 */
.nf{padding-block:clamp(90px,14vw,160px);text-align:center}
.nf h1{font-size:clamp(30px,4vw,44px)}
.nf p{margin-top:12px;color:var(--sub)}

/* 푸터 */
.ft{background:#08090b;color:#c4c8d0;padding-block:64px 32px;font-size:15px}
.ft__top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--line-d)}
.ft .logo{color:#fff}
.ft__brand p{margin-top:16px;color:var(--sub-d);line-height:1.7}
.ft__col{display:flex;flex-direction:column;gap:10px}
.ft__col h3{color:#fff;font-size:15px;margin-bottom:4px}
.ft__col a{text-decoration:none;color:#b3b8c1}
.ft__col a:hover{color:#fff}
.ft__info{display:flex;flex-wrap:wrap;gap:6px 18px;padding-top:28px;font-size:14px;color:var(--sub-d)}
.ft__info a{text-decoration:none}
.ft__copy{margin-top:12px;font-size:13px;color:#6f7581}
@media (max-width:760px){.ft__top{grid-template-columns:1fr 1fr}.ft__brand{grid-column:1/-1}}

/* 모바일 하단바 */
.mb{display:none}
@media (max-width:980px){
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .mb{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:8px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--ink);border-top:1px solid var(--line-d)}
  .mb a,.mb button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:52px;border-radius:12px;border:0;background:var(--ink-3);color:#fff;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer}
  .mb .ic{width:19px;height:19px}
  .mb .mb__kakao{background:var(--kakao);color:var(--kakao-tx)}
  .mb .mb__quote{background:var(--acc)}
}

/* 토스트 */
.toast{position:fixed;left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:90;transform:translate(-50%,20px);max-width:calc(100% - 32px);width:max-content;padding:14px 18px;border-radius:14px;background:#1f2228;color:#fff;font-size:15px;font-weight:600;line-height:1.5;box-shadow:0 20px 40px -10px rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:all .25s;text-align:center}
.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.toast b{color:var(--kakao)}
@media (min-width:981px){.toast{bottom:32px}}

/* 라이트박스 */
.lb{position:fixed;inset:0;z-index:95;background:rgba(6,7,9,.94);display:flex;align-items:center;justify-content:center;padding:60px 16px 70px}
.lb figure{margin:0;max-width:min(1200px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center}
.lb img{max-height:calc(100vh - 150px);max-width:100%;width:auto;border-radius:10px;object-fit:contain}
.lb figcaption{margin-top:14px;color:#dfe2e8;font-size:15px;text-align:center}
.lb button{position:absolute;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}
.lb button:hover{background:rgba(255,255,255,.2)}
.lb button .ic{width:24px;height:24px}
.lb__x{top:12px;right:12px}
.lb__prev{left:14px;top:50%;margin-top:-25px}
.lb__next{right:14px;top:50%;margin-top:-25px}
.lb__count{position:absolute;top:24px;left:20px;color:#a9aeb8;font-size:14px;font-weight:600}
@media (max-width:700px){.lb__prev,.lb__next{top:auto;bottom:14px;margin:0}}

/* 등장 효과 */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rv{opacity:1;transform:none;transition:none}
  .ticker__track{animation:none}
}