:root{color-scheme:light;--ink:#3d241b;--muted:#7c6255;--paper:#fffaf1;--line:#ecd6bd;--accent:#d96232;--gold:#f1a83b;--shadow:0 24px 70px #5b322322}
*{box-sizing:border-box}html{background:#f5e5d0;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 8% 6%,#ffe7b877,transparent 30%),linear-gradient(145deg,#5a3328,#a66545 50%,#f5d5a6);font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;color:var(--ink)}a{color:inherit}.seo-shell{width:min(900px,calc(100% - 28px));margin:26px auto 46px}.seo-card{overflow:hidden;background:var(--paper);border:1px solid #f5e5cf;border-radius:30px;box-shadow:var(--shadow)}.seo-top{display:flex;align-items:center;justify-content:space-between;padding:22px 28px 0}.seo-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:-.05em}.seo-brand img{width:126px;height:auto;display:block}.seo-back{display:inline-flex;align-items:center;gap:6px;color:#8f5138;font-size:13px;font-weight:800;text-decoration:none}.seo-hero{padding:34px 52px 32px;background:linear-gradient(135deg,#fffaf1 0%,#fff2db 64%,#ffe5b5 100%);border-bottom:1px solid var(--line)}.seo-kicker{margin:0 0 11px;color:#b76a32;letter-spacing:.16em;font-size:12px;font-weight:900}.seo-hero h1{margin:0;max-width:700px;font-size:clamp(30px,6vw,58px);line-height:1.12;letter-spacing:-.075em}.seo-hero h1 em{font-style:normal;color:var(--accent)}.seo-lead{max-width:650px;margin:17px 0 0;color:#74594c;font-size:17px;line-height:1.75;letter-spacing:-.035em}.seo-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.seo-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid #e5bd91;border-radius:999px;background:#fff8ec;color:#95512f;font-size:12px;font-weight:800}.seo-body{padding:27px 52px 34px}.seo-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.seo-panel{padding:21px;border:1px solid var(--line);border-radius:20px;background:#fffdf9}.seo-panel h2{margin:0 0 10px;font-size:19px;letter-spacing:-.055em}.seo-panel p{margin:0;color:var(--muted);font-size:14px;line-height:1.75;letter-spacing:-.025em}.seo-list{display:grid;gap:9px;margin:15px 0 0;padding:0;list-style:none}.seo-list li{display:flex;gap:9px;align-items:flex-start;color:#5e4438;font-size:14px;line-height:1.55}.seo-list li::before{content:"✓";flex:0 0 auto;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e66f35;color:#fff;font-size:12px;font-weight:900}.seo-section{margin-top:14px}.seo-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.seo-menu{padding:14px;border:1px solid #efddc8;border-radius:15px;background:#fff8ee}.seo-menu b{display:block;font-size:14px}.seo-menu small{display:block;margin-top:4px;color:#9a7765;font-size:12px;line-height:1.45}.seo-note{margin:14px 0 0;color:#967767;font-size:12px;line-height:1.65}.seo-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding:20px 22px;border-radius:20px;background:linear-gradient(135deg,#dc6b36,#bf432c);color:#fff;text-decoration:none;box-shadow:0 12px 22px #b44a3030}.seo-cta b{display:block;font-size:18px;letter-spacing:-.05em}.seo-cta small{display:block;margin-top:4px;color:#ffe9d4;font-size:12px}.seo-cta span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff3db;color:#ae4b2b;font-size:25px;font-weight:900}.seo-faq{display:grid;gap:10px;margin-top:14px}.seo-faq details{padding:14px 16px;border:1px solid #efddc8;border-radius:14px;background:#fffdf9}.seo-faq summary{cursor:pointer;font-size:14px;font-weight:850}.seo-faq p{margin:9px 0 0;color:var(--muted);font-size:13px;line-height:1.65}.seo-foot{padding:0 52px 28px;color:#9c7c6a;font-size:12px;line-height:1.7}.seo-foot a{font-weight:800;color:#8c4e35}.seo-footer-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.seo-footer-links a{text-decoration:none}
@media(max-width:700px){.seo-shell{width:min(100% - 14px,560px);margin:8px auto 26px}.seo-card{border-radius:22px}.seo-top{padding:17px 18px 0}.seo-brand img{width:108px}.seo-back{font-size:12px}.seo-hero{padding:28px 20px 24px}.seo-hero h1{font-size:clamp(30px,10vw,45px)}.seo-lead{font-size:15px;line-height:1.65}.seo-body{padding:20px}.seo-grid{grid-template-columns:1fr}.seo-panel{padding:17px}.seo-menu-grid{grid-template-columns:repeat(2,1fr)}.seo-cta{padding:17px}.seo-cta b{font-size:16px}.seo-foot{padding:0 20px 23px}}