/* 임금체불센터 — 광고로 들어온 사람이 휴대폰 한 화면에서 결정하게. 모바일 먼저, 넓은 화면은 아래 미디어쿼리에서 넓힌다 */
:root{--ink:#101418;--ink2:#2a3038;--paper:#f6f3ec;--card:#fff;--rule:#ddd6c8;--y:#ffd400;--y2:#ffe55c;--mute:#6b6a64;--ok:#1f8a4c}
*{box-sizing:border-box}[hidden]{display:none!important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:var(--ink);background:var(--card);line-height:1.65;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;padding-bottom:76px}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}
.wrap{max-width:1080px;margin:0 auto;padding:0 18px}.narrow{max-width:680px}.center{text-align:center}
mark{background:linear-gradient(transparent 55%,var(--y) 55%);color:inherit;padding:0 2px}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:.06em;color:var(--mute);margin:0 0 10px}
h1,h2{letter-spacing:-.04em;line-height:1.2;margin:0 0 14px}h2{font-size:27px;font-weight:900}
.small{font-size:13.5px;color:var(--mute)}

/* 머리 */
.hd{position:sticky;top:0;z-index:40;background:var(--ink);color:#fff}
.hd-in{display:flex;align-items:center;justify-content:space-between;height:58px}
.brand{display:flex;align-items:center;gap:9px}.mark{width:34px;height:34px;border:2px solid var(--y);color:var(--y);display:grid;place-items:center;font-weight:900;font-size:13px;transform:rotate(-4deg)}
.bt{display:flex;flex-direction:column;line-height:1.1}.bt small{font-size:10.5px;color:#a9a8a0}.bt b{font-size:16.5px}
.hd-tel{font-weight:800;font-size:15px;color:var(--y);border:1.5px solid var(--y);padding:6px 10px}

/* 첫 화면 */
.hero{background:var(--ink);color:#fff;padding:34px 0 40px}
.hero .eyebrow{color:var(--y)}
.hero h1{font-size:38px;font-weight:900;margin-bottom:14px}.hero h1 mark{background:none;color:var(--y);padding:0}
.hero .lead{font-size:16.5px;color:#d6d4cc;margin:0 0 22px}
.price{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px}
.price div{background:#1b2128;border:1.5px solid #39414b;padding:14px 14px 12px}
.price small{display:block;font-size:13px;color:#a9a8a0;font-weight:700}
.price b{display:block;font-size:30px;font-weight:900;color:var(--y);letter-spacing:-.03em;line-height:1.15}.price b i{font-style:normal;font-size:17px;margin-left:2px}
.price span{display:block;font-size:12.5px;color:#c9c7bf;margin-top:4px}
.cta{display:flex;flex-direction:column;gap:9px}.cta.center{align-items:stretch}
.go{display:flex;align-items:center;justify-content:center;min-height:58px;padding:0 20px;background:var(--y);color:var(--ink);font-weight:900;font-size:18px;border:0;cursor:pointer;width:100%;font-family:inherit;letter-spacing:-.02em}
.go:hover{background:var(--y2)}
.tel{display:flex;align-items:center;justify-content:center;min-height:50px;border:1.5px solid #6a717b;color:#fff;font-weight:800;font-size:16px}
.tel.dark{border-color:var(--ink);color:var(--ink)}
.proof{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:6px}
.proof li{font-size:12.5px;color:#c9c7bf;border:1px solid #39414b;padding:4px 9px}

/* 구역 */
.sec{padding:46px 0}.sec.paper{background:var(--paper)}
.sec.dark{background:var(--ink);color:#fff}.sec.dark .eyebrow{color:var(--y)}.sec.dark mark{background:none;color:var(--y);padding:0}
.sec .sub{color:var(--mute);margin:-4px 0 20px}
.big{font-size:17px;color:#d6d4cc;margin:0 0 14px}.sec:not(.dark) .big{color:var(--ink2)}
.sec.last{padding:54px 0 60px}.sec.last .cta{margin-top:22px}

/* 접수칸 */
.apply-sec{background:var(--paper);border-top:6px solid var(--y)}
.apply{background:var(--card);border:2px solid var(--ink);padding:18px 16px}
.q{border:0;padding:0;margin:0 0 18px}.q legend{font-weight:900;font-size:17px;margin-bottom:9px;padding:0}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opts button{min-height:50px;border:1.5px solid var(--rule);background:#fff;font:inherit;font-size:15.5px;font-weight:700;color:var(--ink);cursor:pointer;padding:6px 8px;line-height:1.3}
.opts button.on{border-color:var(--ink);background:var(--ink);color:var(--y)}
.q[data-k="now"] .opts{grid-template-columns:1fr}
.who{display:grid;gap:10px;margin:4px 0 12px}.who label{font-weight:800;font-size:14.5px}
.who input{display:block;width:100%;height:54px;margin-top:5px;border:1.5px solid var(--ink);padding:0 14px;font:inherit;font-size:17px;background:#fff;border-radius:0}
.agree{margin:0 0 14px;font-size:14px}.agree summary{list-style:none;cursor:pointer}.agree summary::-webkit-details-marker{display:none}
.agree label{display:flex;align-items:center;gap:8px;font-weight:700}.agree input{width:20px;height:20px}.agree span{color:var(--mute);font-weight:500}
.agree p{font-size:13px;color:var(--mute);margin:8px 0 0;background:var(--paper);padding:10px}
.agree a{text-decoration:underline}
.apply .out{min-height:1em;margin:10px 0 0;font-weight:700;color:#c0392b}
.apply .alt{font-size:14px;color:var(--mute);margin:8px 0 0;text-align:center}.apply .alt a{color:var(--ink);font-weight:800;text-decoration:underline}

/* 해당하는 분 */
.who-grid{display:grid;gap:10px}
.card{background:var(--card);border:1.5px solid var(--rule);padding:15px 16px}.card b{display:block;font-size:16.5px;line-height:1.4}.card p{margin:6px 0 0;font-size:14.5px;color:var(--ink2)}
.sec:not(.paper) .card{background:var(--paper);border-color:transparent}

/* 순서 */
.steps{list-style:none;padding:0;margin:0;display:grid;gap:0}
.steps li{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--rule)}.steps li:last-child{border-bottom:1px solid var(--rule)}
.steps i{flex:0 0 36px;height:36px;display:grid;place-items:center;background:var(--ink);color:var(--y);font-style:normal;font-weight:900}
.steps b{font-size:17px}.steps p{margin:3px 0 0;font-size:14.5px;color:var(--ink2)}

/* 비용 */
.fee{width:100%;border-collapse:collapse;background:#fff;border:2px solid var(--ink)}
.fee th{width:30%;text-align:left;padding:14px;background:var(--ink);color:var(--y);font-size:15px;vertical-align:top}
.fee td{padding:14px;border-bottom:1px solid var(--rule)}.fee td b{display:block;font-size:22px;font-weight:900}.fee td small{display:block;font-size:13px;color:var(--mute)}
.calc{margin-top:16px;background:#fff;border:1.5px dashed var(--ink);padding:14px}
.calc label{font-weight:800;font-size:15px}.calc input{display:block;width:100%;height:50px;margin-top:6px;border:1.5px solid var(--ink);padding:0 12px;font:inherit;font-size:17px;border-radius:0}
.calc p{margin:12px 0 0;font-size:15px}.calc b{font-weight:900}

/* 변호사 */
.law{display:grid;gap:18px;align-items:center}.law img{width:170px;border-bottom:6px solid var(--y)}
.law .cta{margin-top:14px}

/* 문답 */
.faq details{background:#fff;border:1.5px solid var(--rule);margin-bottom:8px}
.faq summary{padding:15px 16px;font-weight:800;font-size:16px;cursor:pointer;list-style:none;position:relative;padding-right:40px}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:16px;top:12px;font-size:22px;font-weight:400}
.faq details[open] summary::after{content:"−"}.faq p{margin:0;padding:0 16px 16px;color:var(--ink2);font-size:15px}

/* 완료 */
.thanks{min-height:70vh}.dark-card{background:#1b2128;border-color:#39414b;color:#fff;margin:18px 0}.dark-card ul{margin:8px 0 0;padding-left:18px;color:#d6d4cc}

/* 아래 고정 막대(휴대폰) — 접수칸이 화면에 보이면 숨긴다 */
.bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:62px 62px 1fr;background:var(--ink);padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:8px;transition:transform .2s}
.bar.hide{transform:translateY(110%)}
.bar .tel{min-height:52px;font-size:15px}.bar .go{min-height:52px;font-size:16px}

/* 꼬리 */
.ft{background:#0a0d10;color:#9a988f;font-size:12.5px;padding:26px 0 30px}.ft p{margin:3px 0}.ft b{color:#d6d4cc}.ft a{text-decoration:underline}.ft-n{margin-top:10px!important;color:#77756d}
.policy h1{font-size:28px}.policy h2{font-size:18px;margin-top:24px}.policy p,.policy li{font-size:15px;color:var(--ink2)}

/* 넓은 화면 */
@media (min-width:760px){
  body{padding-bottom:0}.bar{display:none}
  .hero{padding:64px 0 70px}.hero h1{font-size:60px}.hero .lead{font-size:19px;max-width:620px}
  .price{max-width:560px}.price b{font-size:38px}
  .cta{flex-direction:row}.cta .go{width:auto;min-width:280px}.cta .tel{padding:0 22px}
  h2{font-size:36px}.sec{padding:76px 0}
  .who-grid{grid-template-columns:repeat(3,1fr)}
  .opts{grid-template-columns:repeat(4,1fr)}.q[data-k="now"] .opts{grid-template-columns:repeat(3,1fr)}
  .who{grid-template-columns:1fr 1fr}.apply{padding:28px}
  .law{grid-template-columns:220px 1fr;gap:36px}.law img{width:220px}
  .big{font-size:19px;max-width:760px}
}
#apply{scroll-margin-top:58px}
.case{margin-top:18px;background:var(--ink);color:#fff;padding:18px 18px 16px;border-left:6px solid var(--y)}
.case small{display:block;color:var(--y);font-weight:800;font-size:12.5px;margin-bottom:6px}.case b{display:block;font-size:18px;line-height:1.35}
.case p{margin:8px 0 6px;color:#d6d4cc;font-size:15px}.case mark{background:none;color:var(--y);font-weight:900;padding:0}.case span{font-size:12px;color:#8f8d85}