:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;color:#171717;background:#fafafa}
*{box-sizing:border-box} body{margin:0} a{color:inherit;text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:56px 24px 80px}
.badge{display:inline-block;padding:7px 12px;border:1px solid #ddd;border-radius:999px;font-size:13px;background:#fff}
h1{font-size:48px;line-height:1.12;margin:18px 0 10px} .lead{font-size:18px;color:#666;max-width:720px;line-height:1.7}
.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:40px}
.card{background:#fff;border:1px solid #e5e5e5;border-radius:18px;overflow:hidden;transition:.15s transform,.15s box-shadow}
.card:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(0,0,0,.08)}
.card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.card .txt{padding:14px}.card h2{font-size:16px;margin:0 0 6px}.card p{font-size:13px;color:#777;line-height:1.5;margin:0}
.note{margin-top:40px;padding:18px 20px;background:#fff;border:1px dashed #ccc;border-radius:14px;color:#555;line-height:1.7}
.detail{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start;margin-top:30px}
.detail img{width:100%;border-radius:22px;border:1px solid #ddd}
.back{display:inline-block;margin-bottom:20px;color:#666}
footer{margin-top:64px;color:#999;font-size:13px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}h1{font-size:38px}}
@media(max-width:540px){.grid{grid-template-columns:1fr}.wrap{padding:36px 18px 60px}}