:root{--ink:#173331;--muted:#61716e;--line:#d6dfd8;--accent:#0f766e;--paper:#fffdf7;--soft:#edf4ef;--shadow:0 18px 46px rgba(35,65,61,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f2e9;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Segoe UI",sans-serif;line-height:1.75;word-break:keep-all}a{color:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:100;padding:10px 15px;background:#111;color:#fff}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(23,51,49,.1);background:rgba(255,253,247,.94);backdrop-filter:blur(12px)}.header-inner{display:flex;width:min(1180px,calc(100% - 40px));min-height:68px;margin:auto;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:1.18rem;font-weight:900;letter-spacing:-.04em;text-decoration:none}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:9px 14px 14px 9px;background:var(--accent);color:#fff;font-size:.82rem;box-shadow:inset 3px 0 rgba(255,255,255,.22)}.site-header nav{display:flex;gap:18px}.site-header nav a{padding:4px 0;border-bottom:2px solid transparent;color:#50635f;font-size:.87rem;font-weight:800;text-decoration:none}.site-header nav a[aria-current=page]{border-color:var(--accent);color:var(--accent)}.breadcrumb{display:flex;width:min(1120px,calc(100% - 40px));margin:26px auto 0;align-items:center;gap:9px;color:#73817e;font-size:.8rem}.breadcrumb a{text-decoration:none}.guide-hero{width:min(1120px,calc(100% - 40px));margin:22px auto 48px;padding:72px 64px;border:1px solid #d2dbd5;border-radius:8px 28px 28px 8px;background:linear-gradient(rgba(15,118,110,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(15,118,110,.04) 1px,transparent 1px),var(--paper);background-size:28px 28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.guide-hero:before{position:absolute;inset:0 auto 0 0;width:8px;background:linear-gradient(var(--accent),#60b6aa);content:""}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:.74rem;font-weight:900;letter-spacing:.12em}.guide-hero h1{max-width:860px;margin:0;font-size:clamp(2.35rem,6vw,4.5rem);line-height:1.09;letter-spacing:-.065em}.guide-hero>p:not(.eyebrow){max-width:820px;margin:24px 0 0;color:#526662;font-size:1.05rem}.modified{display:inline-block;margin-top:22px;padding:6px 11px;border:1px solid #cbd8d1;border-radius:999px;background:rgba(255,255,255,.76);color:#667672;font-size:.75rem;font-weight:800}.content-section{padding:78px max(20px,calc((100% - 1120px)/2));background:var(--paper)}.content-section--tint{background:var(--soft)}.section-heading{max-width:780px;margin-bottom:30px}.section-heading>span{color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.12em}.section-heading h2{margin:6px 0 0;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.2;letter-spacing:-.05em}.section-heading p{margin:10px 0 0;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.category-grid a{display:flex;min-height:260px;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:8px 20px 20px 8px;background:#fff;text-decoration:none;box-shadow:0 10px 26px rgba(35,65,61,.055);transition:transform .2s,border-color .2s}.category-grid a:hover,.category-grid a:focus-visible{transform:translateY(-3px);border-color:var(--accent)}.category-grid i{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#e5f1ee;color:var(--accent);font-style:normal;font-weight:900}.category-grid strong{margin-top:18px;font-size:1.12rem}.category-grid span{display:-webkit-box;overflow:hidden;margin-top:9px;color:var(--muted);font-size:.86rem;-webkit-box-orient:vertical;-webkit-line-clamp:3}.category-grid small{margin-top:auto;padding-top:16px;border-top:1px solid #e0e5df;color:var(--accent);font-weight:900}.step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.step-grid li{padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,253,247,.9)}.step-grid b{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:var(--accent);color:#fff}.step-grid h3{margin:18px 0 7px;font-size:1.05rem}.step-grid p{margin:0;color:var(--muted);font-size:.87rem}.step-grid a{color:var(--accent);font-weight:900}.prose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.prose-grid article{padding:27px;border-left:5px solid var(--accent);border-radius:4px 16px 16px 4px;background:var(--paper)}.prose-grid h3{margin:0;font-size:1.1rem}.prose-grid p{margin:10px 0 0;color:var(--muted);font-size:.9rem}.prose-grid code{padding:2px 5px;border-radius:5px;background:#e4ece8;color:#1e5d57}.link-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.link-cards a{display:flex;min-height:145px;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none}.link-cards strong{font-size:1.05rem}.link-cards span{margin-top:auto;color:var(--accent);font-size:.85rem;font-weight:900}.faq-list{display:grid;gap:12px}.faq-list details{padding:0 24px;border:1px solid var(--line);border-radius:15px;background:#fff}.faq-list summary{padding:20px 0;cursor:pointer;font-weight:900}.faq-list p{margin:0;padding:0 0 22px;color:var(--muted)}footer{padding:38px 20px;background:#173331;color:#e7f1ed}footer>div{display:flex;width:min(1120px,100%);margin:auto;align-items:center;justify-content:space-between;gap:25px}footer p,footer small{margin:0;color:#b8c8c4;font-size:.8rem}@media(max-width:900px){.site-header nav{gap:12px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prose-grid{grid-template-columns:1fr}}@media(max-width:680px){.header-inner{min-height:62px}.site-header nav{gap:9px}.site-header nav a{font-size:.75rem}.brand>span:last-child{display:none}.guide-hero{padding:45px 28px}.category-grid,.link-cards{grid-template-columns:1fr}.category-grid a{min-height:230px}footer>div{display:block}footer p,footer small{display:block;margin-top:10px}}@media(max-width:480px){body{word-break:normal}.breadcrumb,.guide-hero{width:calc(100% - 28px)}.guide-hero h1{font-size:2.35rem}.content-section{padding:58px 16px}.step-grid{grid-template-columns:1fr}.site-header nav a{font-size:.7rem}}