:root{--navy:#172a45;--text:#24364b;--muted:#687789;--line:#dbe3ec;--bg:#f7f9fc;--card:#fff;--soft:#f1f5f9;--green:#386657;--page:1040px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;word-break:keep-all}.case-main{width:min(var(--page),100%);margin:auto;padding:40px 18px 72px}.case-intro{max-width:760px;margin-bottom:26px}.case-intro span,.case-detail-heading>span{color:var(--green);font-size:12px;font-weight:850}.case-intro h1,.case-detail-heading h1{margin:9px 0 12px;color:var(--navy);font-size:clamp(29px,5vw,42px);line-height:1.23;letter-spacing:-1px}.case-intro p{margin:0;color:var(--muted);font-size:15px;line-height:1.7}.case-tabs{display:flex;gap:8px;margin-bottom:22px;overflow:auto;scrollbar-width:none}.case-tabs button{min-height:43px;padding:0 17px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#526275;font-weight:800;white-space:nowrap;cursor:pointer}.case-tabs button.active{border-color:var(--navy);background:var(--navy);color:#fff}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.case-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--card);box-shadow:0 9px 26px rgba(23,42,69,.06);color:inherit;text-decoration:none}.case-card-image{display:grid;aspect-ratio:4/3;place-items:center;background:#e9eef4;color:var(--muted);font-size:12px}.case-card-image img{width:100%;height:100%;object-fit:cover}.case-card-body{padding:17px}.case-card-body>span{color:var(--green);font-size:11px;font-weight:850}.case-card h2{margin:7px 0 10px;color:var(--navy);font-size:18px;line-height:1.4}.case-card p,.case-card time{display:block;margin:0;color:var(--muted);font-size:12px;line-height:1.6}.case-card time{margin-top:7px}.case-empty,.case-not-found{padding:60px 20px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:center}.case-empty strong,.case-not-found h1{color:var(--navy)}.case-empty p,.case-not-found p{color:var(--muted)}.case-not-found a{color:var(--navy);font-weight:800}.case-detail{max-width:880px;margin:auto}.case-detail-heading{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}.case-detail-heading dl{display:flex;gap:10px;margin:22px 0 0}.case-detail-heading dl div{min-width:0;padding:11px 14px;border-radius:12px;background:var(--soft)}.case-detail-heading dt{color:var(--muted);font-size:11px}.case-detail-heading dd{margin:5px 0 0;color:var(--navy);font-size:13px;font-weight:800}.case-detail>section{margin-top:18px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}.case-detail h2{margin:0 0 14px;color:var(--navy);font-size:21px}.case-detail section>p,.case-progress p{margin:7px 0;color:#526275;font-size:14px;line-height:1.75}.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.case-photo{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:15px;background:var(--soft)}.case-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.case-photo figcaption{display:flex;gap:8px;padding:11px 13px;align-items:center}.case-photo b{padding:4px 7px;border-radius:7px;background:#e3ece8;color:var(--green);font-size:10px}.case-photo span{color:var(--muted);font-size:11px}.case-privacy-note{margin-top:18px;padding:15px 17px;border-radius:13px;background:#edf3f8;color:var(--muted);font-size:12px;line-height:1.6}.case-cta{text-align:center}.case-cta>p{max-width:620px;margin-inline:auto!important}.case-cta>div{display:flex;justify-content:center;gap:9px;margin-top:18px}.case-cta a{display:grid;min-height:48px;padding:0 18px;place-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);font-size:13px;font-weight:850;text-decoration:none}.case-cta a.primary{border-color:var(--navy);background:var(--navy);color:#fff}@media(max-width:760px){.case-main{padding:28px 14px 58px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.case-detail-heading{padding:21px}.case-detail-heading dl{display:grid;grid-template-columns:1fr 1fr}.case-detail>section{padding:19px}.case-gallery{grid-template-columns:1fr}.case-cta>div{flex-direction:column}.case-cta a{width:100%}}@media(max-width:520px){.case-grid{grid-template-columns:1fr}.case-intro h1{font-size:28px}.case-detail-heading dl{grid-template-columns:1fr}.case-card-image{aspect-ratio:16/10}}@media(max-width:360px){.case-main{padding-inline:12px}.case-intro h1{font-size:25px}}