@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#20302e;--muted:#63736e;--line:#d7e0dc;--accent:#147e73;--dark:#153e39;--pale:#e1f4ed;--cream:#f7faf8;--white:#fff;--shadow:0 20px 50px rgba(20,40,50,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font:16px/1.8 'Noto Sans KR','Malgun Gothic',sans-serif;color:var(--ink);word-break:keep-all}a{color:var(--dark);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%}h1,h2,h3{letter-spacing:-.045em;line-height:1.4}h1{font-size:clamp(2.0rem,4.3vw,3.35rem);margin:12px 0 18px;font-weight:900}h2{font-size:1.58rem;margin:52px 0 19px}h3{font-size:1.12rem;margin:30px 0 10px}p{margin:12px 0 18px}header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.bar{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 23px}.brand{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:900;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:42px;height:42px;background:var(--dark);color:white;border-radius:14px;font-size:1.7rem}.brand small{display:block;font-size:.66rem;line-height:1.2;letter-spacing:0;color:var(--muted)}nav{display:flex;gap:23px;flex-wrap:wrap}nav a{font-size:.92rem;font-weight:700}.container{max-width:1160px;margin:auto;padding:28px 22px 82px}.hero{border-radius:28px;overflow:hidden;background:linear-gradient(125deg,var(--dark) 0%,var(--accent) 100%);color:white;padding:55px min(6vw,64px);position:relative;min-height:260px;box-shadow:var(--shadow)}.hero:before{content:'';position:absolute;right:-70px;top:-140px;border:1px solid rgba(255,255,255,.17);width:390px;height:390px;border-radius:50%}.hero:after{content:'';position:absolute;right:70px;bottom:-175px;width:340px;height:340px;border:1px dashed rgba(255,255,255,.28);border-radius:50%}.hero h1{max-width:720px}.hero p{max-width:660px;font-size:1.1rem;opacity:.94}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.83rem;letter-spacing:.08em;text-transform:uppercase}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:45px 0 22px}.section-title h2{margin:0}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tile,.panel,.article,.aside,.info-card{background:#fff;border:1px solid var(--line);border-radius:20px}.tile{padding:22px;transition:transform .2s,box-shadow .2s;min-height:166px}.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow);text-decoration:none}.tile .cat{font-size:.79rem;color:var(--accent);font-weight:800;letter-spacing:.04em}.tile h3{font-size:1.13rem;margin:10px 0}.tile p{color:var(--muted);font-size:.88rem;line-height:1.7;margin:8px 0}.tile .go{color:var(--accent);font-weight:800}.layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:25px}.article{padding:clamp(23px,4vw,45px);overflow:hidden}.article .intro{font-size:1.11rem;line-height:1.9;color:#314d46;border-left:4px solid var(--accent);padding:15px 0 15px 20px}.article h2{padding-top:8px;border-top:1px solid var(--line)}.article a{text-decoration:underline;text-decoration-color:#a8b3c3;text-underline-offset:3px}.meta{color:var(--muted);font-size:.85rem}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:.86rem;margin:0 0 21px}.breadcrumb a{color:var(--accent)}.toc{background:var(--pale);padding:19px 23px;border-radius:18px;margin:32px 0}.toc strong{display:block;margin-bottom:8px}.toc a{display:block;margin:4px 0;font-size:.89rem}.aside{padding:20px;position:sticky;top:95px}.aside h3{margin:0 0 15px}.aside a{display:block;border-top:1px solid var(--line);padding:11px 0;font-size:.88rem}.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{font-weight:750;cursor:pointer}.faq p{margin:10px 0 0}.table-wrap{width:100%;overflow-x:auto;border-radius:12px;border:1px solid var(--line);margin:20px 0}table{width:100%;border-collapse:collapse;background:#fff;font-size:.93rem;text-align:left}th,td{border-bottom:1px solid var(--line);padding:12px 14px;vertical-align:top}thead{background:var(--pale)}tbody tr:last-child td{border-bottom:0}.panel{padding:23px;margin:24px 0}.panel h2,.panel h3{margin:0 0 12px;border:0}.controls{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:.85rem;flex:1;min-width:130px}.field input,.field select,.searchbox{width:100%;border:1px solid #becfc7;background:white;border-radius:11px;padding:12px 14px;min-height:47px;color:var(--ink)}.searchbox{margin:8px 0 16px;font-size:1rem}button,.btn{border:0;border-radius:11px;padding:12px 18px;background:var(--accent);color:#fff;font-weight:800;display:inline-block;text-decoration:none!important}button:hover,.btn:hover{filter:brightness(.93)}.btn.secondary,button.secondary{color:var(--dark);background:var(--pale)}.output{background:var(--pale);padding:17px;border-radius:12px;margin:14px 0;font-weight:750}.note{padding:16px 19px;border-left:4px solid var(--accent);background:#f2f7f5;border-radius:9px;font-size:.9rem;margin:22px 0}.source{font-size:.83rem;color:var(--muted);padding-left:19px}.source li{padding:4px 0}.footer{border-top:1px solid var(--line);background:white}.footer .inner{max-width:1160px;margin:auto;padding:34px 22px;display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.footer nav a{font-weight:600;font-size:.85rem}.ad-label{font-size:.71rem;text-align:center;color:#7b8985;letter-spacing:.06em}.ad-wrap{margin:34px auto;border-top:1px solid var(--line);padding-top:14px;max-width:920px}.key{background:#f7f6ff;border:1px solid #d8d3ef;box-shadow:inset 0 -2px 0 #c7c0e8;padding:4px 8px;border-radius:7px;font-weight:800;white-space:nowrap;font-size:.85rem}.shortcut-table tr.hide{display:none}.keycopy{background:transparent;color:var(--accent);border:1px solid var(--line);padding:5px 9px;font-size:.74rem}.quiz-prompt{font-size:1.22rem;font-weight:850}.art-player{text-align:center;background:#fffaf7;border:1px solid #f0d8c9;border-radius:20px;padding:18px}.art-player img{width:100%;max-width:570px;aspect-ratio:1.42;object-fit:contain}.step-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.step-list{padding-left:22px;counter-reset:st}.step-list li{padding:10px 0}.step-list li strong{display:block}.art-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.step-card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden}.step-card img{width:100%;background:#fff9f3}.step-card .txt{padding:13px 17px}.step-card strong{display:block}.print-only{display:none}.legal-compact{font-size:.86rem;color:var(--muted)}.spec-pill{display:inline-block;background:var(--pale);color:var(--dark);border-radius:22px;padding:5px 11px;margin:0 6px 6px 0;font-size:.81rem;font-weight:800}
body.site-shortcut{--ink:#252744;--muted:#666b85;--line:#dedff0;--accent:#6757ce;--dark:#211e4e;--pale:#eeecff;--cream:#f8f8ff}body.site-origami{--ink:#463a38;--muted:#81736e;--line:#e9ded6;--accent:#d76451;--dark:#5b3435;--pale:#fff0e6;--cream:#fff9f4}
@media(max-width:920px){.layout{grid-template-columns:1fr}.aside{position:static}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:36px 28px}nav{gap:14px}.bar{align-items:flex-start}}@media(max-width:620px){body{font-size:15px}.bar{flex-wrap:wrap;padding:12px 15px}nav{font-size:.8rem;gap:12px}.container{padding:14px 12px 50px}.hero{border-radius:18px;padding:30px 20px}.grid,.art-gallery{grid-template-columns:1fr}.article{padding:21px 17px}.section-title{margin-top:34px}.field{min-width:105px}th,td{padding:10px 8px}}
@media print{header,.footer,.aside,.ad-wrap,.toc,.step-controls,.searchbox,.keycopy,.screen-only,button{display:none!important}.container{max-width:none;padding:0}.article,.panel{border:none;box-shadow:none;padding:0}.layout{display:block}body{background:white;color:#000;font-size:12px}.hero{background:transparent;color:black;box-shadow:none;padding:0}.art-gallery{grid-template-columns:repeat(2,1fr)}.step-card{break-inside:avoid}.step-card img{max-height:125px}a{color:black!important;text-decoration:none!important}@page{size:A4;margin:14mm}}