@layer reset{*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}img,svg{max-width:100%}button,input{font:inherit}a{color:inherit}html{scroll-behavior:smooth}button,a,input{touch-action:manipulation}}@layer base{:root{--ink:#173a33;--muted:#52665e;--paper:#f7f5ef;--line:#d8ded4;--green:#153f38;--lime:#d7ed8e;--white:#fffefa}body{background:var(--paper);color:var(--ink);word-break:keep-all;overflow-wrap:anywhere;font-family:Pretendard,Malgun Gothic,system-ui,sans-serif;font-size:1rem;line-height:1.8}a{text-underline-offset:.22em}a:hover{color:#386247}button{cursor:pointer}a,button,input{outline-offset:5px}:focus-visible{outline:3px solid #718f25}h1,h2,h3{letter-spacing:-.045em;font-weight:750;line-height:1.4}h1{font-size:clamp(2rem,4.7vw,3.8rem)}h2{font-size:clamp(1.45rem,2.5vw,2rem)}h3{font-size:1.2rem}p+p{margin-top:.8rem}::selection{background:var(--lime)}main{min-height:50vh}section{scroll-margin-top:2rem}ul,ol{padding-left:1.4rem}li+li{margin-top:.5rem}.shell{width:min(1180px,100% - 72px);margin:auto}.small{color:var(--muted);font-size:.875rem}.eyebrow{letter-spacing:.12em;color:var(--muted);font-size:.8rem;font-weight:700}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.8rem;display:flex}.section-head a{font-size:.9rem}.muted{color:var(--muted)}.section{border-bottom:1px solid var(--line);padding:3.7rem 0}.skip{z-index:30;background:#fff;padding:1rem;position:fixed;top:-100px;left:1rem}.skip:focus{top:1rem}.breadcrumbs{color:var(--muted);flex-wrap:wrap;gap:.65rem;padding:1.7rem 0;font-size:.85rem;display:flex}.page-intro{max-width:850px;margin:2rem 0 3rem}.page-intro h1{margin:.5rem 0 1rem;font-size:clamp(2rem,3.5vw,3rem)}.page-intro p{max-width:700px;color:var(--muted)}}@layer components{.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:100px;display:flex}.brand{flex-shrink:0;align-items:center;gap:.75rem;font-size:1.2rem;font-weight:800;line-height:1.4;text-decoration:none;display:flex}.brand small{letter-spacing:.09em;margin-top:.2rem;font-size:.65rem;font-weight:500;display:block}.brand-icon{background:var(--green);color:var(--lime);border-radius:10px;place-items:center;width:43px;height:43px;font-family:serif;font-size:1.8rem;display:grid}.header-inner nav{align-items:center;gap:1.8rem;display:flex}.header-inner nav a{white-space:nowrap;font-size:.95rem;font-weight:650;text-decoration:none}.header-inner nav a[aria-current]{text-decoration:underline 2px}.contact-actions{flex-wrap:wrap;gap:.65rem;display:flex}.button{background:var(--green);color:#fff;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:1rem;min-height:46px;padding:.75rem 1.1rem;font-size:.95rem;font-weight:650;text-decoration:none;display:inline-flex}.button:hover{color:#fff;background:#285b4d}.button.kakao{background:var(--lime);color:var(--ink)}.button.secondary{border-color:var(--line);color:var(--ink);background:0 0}.compact .button{padding:.5rem .75rem;font-size:.8rem}.header-contact .secondary{display:none}.hero{grid-template-columns:1.55fr 1fr;align-items:center;gap:4rem;padding:4.4rem 0 3.8rem;display:grid}.hero h1{margin:1rem 0 1.4rem}.hero h1 em{color:#608132;font-style:normal}.hero .lede{color:var(--muted);max-width:620px;font-size:1.1rem}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.hero-actions .text-link{padding:.8rem}.hero-note{color:var(--muted);margin-top:1.4rem;font-size:.8rem}.field-note{background:#e7ece1;border:1px solid #d3ddc9;border-radius:12px;padding:2.1rem;position:relative}.field-note:before{content:"";background:#8ea358;width:45px;height:4px;margin-bottom:1.5rem;display:block}.field-note .eyebrow{margin-bottom:1rem}.field-note h2{margin-bottom:1.4rem;font-size:1.4rem}.note-step{border-top:1px solid #cdd7c7;gap:1rem;padding:.9rem 0;display:flex}.note-step span{color:#657853;font-family:monospace;font-size:.8rem}.note-step strong{font-size:1rem}.field-note>a{margin-top:1rem;font-size:.9rem;font-weight:700;display:inline-block}.strip{border-block:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1rem 0;font-size:.875rem;display:flex}.route-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.route-card{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:1.4rem;text-decoration:none;transition:border-color .15s}.route-card:hover{border-color:#80935d}.route-card .num{color:#7b8b6f;font-family:monospace;font-size:.875rem}.route-card h3{margin:1rem 0 .6rem}.route-card p{color:var(--muted);font-size:.9rem}.route-card .arrow{text-align:right;font-size:1.5rem;display:block}.featured{grid-template-columns:1.15fr 1fr;gap:2rem;display:grid}.guide-feature{background:var(--green);color:var(--white);border-radius:9px;flex-direction:column;justify-content:space-between;padding:2.4rem;display:flex}.guide-feature .eyebrow{color:var(--lime)}.guide-feature h2{margin:1.5rem 0 1rem}.guide-feature p{color:#d8e1d7}.guide-feature>a{color:var(--lime);margin-top:2rem}.featured-links{border-top:1px solid var(--line)}.featured-links>a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;text-decoration:none;display:flex}.featured-links strong{font-size:1.1rem;display:block}.featured-links small{color:var(--muted);margin-top:.4rem;display:block}.articles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;display:grid}.article-card{background:var(--white);border:1px solid var(--line);border-radius:8px;flex-direction:column;padding:1.5rem;text-decoration:none;display:flex}.article-card:hover{border-color:#6b8558}.card-meta{color:#58704a;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.8rem;display:flex}.index{font-family:monospace}.article-card h3{margin-bottom:.9rem}.article-card p{color:var(--muted);flex:1;font-size:.9rem}.card-bottom{color:var(--muted);justify-content:space-between;margin-top:1.8rem;font-size:.8rem;display:flex}.card-bottom span{font-size:1.25rem}.contact-card{background:#e9eddf;border:1px solid #d5deca;border-radius:10px;grid-template-columns:1.2fr 1fr;gap:3rem;margin:3rem 0;padding:2.2rem;display:grid}.contact-card h2{margin:.6rem 0 1rem}.contact-card p{font-size:.95rem}.contact-card .small{font-size:.8rem}.copy-row{flex-wrap:wrap;align-items:center;gap:1rem;margin:1rem 0 .3rem;font-size:.9rem;display:flex}.copy-id{background:0 0;border:1px solid #99a78c;border-radius:4px;padding:.3rem .65rem;font-size:.8rem}.copy-status{min-height:1.4em;display:block}.site-footer{border-top:1px solid var(--line);background:#eaece4;margin-top:3rem;padding:3rem 0 2rem}.footer-top{justify-content:space-between;gap:3rem;margin-bottom:2rem;display:flex}.footer-brand{font-size:1.3rem;font-weight:800;text-decoration:none}.footer-top p{margin-top:.6rem}.site-footer nav{flex-wrap:wrap;gap:1.5rem;padding:1rem 0;font-size:.85rem;display:flex}.floating-contact{display:none}.article-heading{max-width:850px;padding:1rem 0 2rem}.article-heading h1{margin:.7rem 0 1rem;font-size:clamp(1.9rem,3.4vw,3rem)}.article-heading .description{color:var(--muted);font-size:1.1rem}.article-meta{color:var(--muted);flex-wrap:wrap;gap:.6rem 1.5rem;margin-top:1.3rem;font-size:.85rem;display:flex}.reading-grid{grid-template-columns:230px minmax(0,780px);align-items:start;gap:3rem;display:grid}.toc{border-top:2px solid var(--green);padding:1rem 0;font-size:.875rem;position:sticky;top:2rem}.toc strong{margin-bottom:.6rem;display:block}.toc a{color:var(--muted);padding:.45rem 0;text-decoration:none;display:block}.reading section{margin-bottom:2.8rem}.reading h2{margin-bottom:1rem;font-size:1.5rem}.reading h3{margin:1.7rem 0 .75rem}.reading p,.reading li{line-height:1.95}.reading table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.9rem;display:block;overflow-x:auto}.reading th,.reading td{text-align:left;border:1px solid var(--line);min-width:120px;padding:.8rem}.reading th{background:#e5ebdf}.answer-box{background:#e7eddf;border-left:4px solid #7e9b4e;border-radius:0 8px 8px 0;padding:1.8rem}.answer-box .eyebrow{margin-bottom:.7rem}.scope{background:#eeeee8;border-radius:7px;padding:1.2rem 1.5rem;font-size:.95rem}.faq details{border-top:1px solid var(--line);padding:1rem 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:650}.faq details p{color:var(--muted);margin-top:.7rem}.sources{padding:0;list-style:none}.sources li{border-top:1px solid var(--line);padding:1rem 0}.sources small{color:var(--muted);display:block}.related-list{padding:0;list-style:none}.related-list a{padding:.7rem 0;display:block}.back-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:1rem;padding-top:1.5rem;font-size:.9rem;display:flex}.prose-page{max-width:800px;padding-bottom:3rem}.prose-page h2{margin:2.4rem 0 1rem}.search-form{gap:.7rem;max-width:760px;margin:2rem 0 1rem;display:flex}.search-form input{background:var(--white);border:1px solid #96a58b;border-radius:6px;flex:1;min-width:0;padding:.85rem 1rem}.search-tags{flex-wrap:wrap;gap:.6rem;margin:1rem 0 2rem;display:flex}.search-tags button{color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:20px;padding:.35rem .8rem;font-size:.875rem}.search-status{margin:2rem 0 1rem}.search-item{border-top:1px solid var(--line);padding:1.3rem 0}.search-item h2{font-size:1.2rem}.search-item p{color:var(--muted);margin-top:.5rem;font-size:.95rem}.search-results{max-width:800px}.empty{background:#e9eddf;padding:1.5rem}.hub-nav{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.hub-nav a{border:1px solid var(--line);border-radius:20px;padding:.35rem .9rem;font-size:.9rem;text-decoration:none}.hub-nav a[aria-current]{background:var(--green);color:#fff}.article-list-section{padding:2rem 0}.article-list-section h2{margin-bottom:1.5rem}@media (width<=1100px){.header-contact{display:none}.hero{gap:2rem}.route-grid{grid-template-columns:repeat(2,1fr)}.reading-grid{grid-template-columns:190px minmax(0,1fr);gap:2rem}}@media (width<=760px){.shell{width:calc(100% - 36px)}.header-inner{min-height:unset;flex-wrap:wrap;gap:1rem;padding:1.2rem 0}.header-inner nav{border-top:1px solid var(--line);justify-content:space-between;gap:.6rem;width:100%;padding-top:.9rem}.header-inner nav a{font-size:.8rem}.hero{grid-template-columns:1fr;gap:2rem;padding:2.5rem 0 2rem}.hero h1{font-size:2.4rem}.hero .lede{font-size:1rem}.hero-actions{margin-top:1.5rem}.field-note{padding:1.5rem}.section{padding:2.6rem 0}.section-head{align-items:center}.section-head h2{font-size:1.4rem}.route-grid{gap:.75rem}.route-card{padding:1.1rem}.route-card h3{font-size:1.05rem}.featured{grid-template-columns:1fr;gap:1.5rem}.guide-feature{padding:1.7rem}.articles-grid{grid-template-columns:1fr}.contact-card{grid-template-columns:1fr;gap:1.6rem;padding:1.5rem}.contact-actions .button{flex:1;font-size:.875rem}.footer-top{flex-direction:column;gap:1.5rem}.site-footer{padding-bottom:calc(108px + env(safe-area-inset-bottom))}.site-footer nav{gap:.8rem 1.2rem}.floating-contact{z-index:10;background:var(--green);color:#fff;padding:5px 12px calc(10px + env(safe-area-inset-bottom));display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 18px #153f3820}.floating-contact>span{text-align:center;color:#dde6d8;margin-bottom:4px;font-size:.75rem;line-height:1.6;display:block}.floating-contact>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.floating-contact a{background:var(--lime);min-height:44px;color:var(--ink);border-radius:5px;justify-content:center;align-items:center;gap:1rem;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.floating-contact a+a{background:#edf0e7}.reading-grid{grid-template-columns:1fr;gap:1.5rem}.toc{flex-wrap:wrap;gap:.1rem 1rem;display:flex;position:static}.toc strong{width:100%;margin:0}.toc a{font-size:.8rem}.article-heading .description{font-size:1rem}.answer-box{padding:1.3rem}.article-meta{font-size:.8rem}.breadcrumbs{font-size:.75rem}.contact-card .contact-actions{flex-direction:column}.page-intro{margin-top:1rem}.search-form .button{padding:.7rem 1rem}.strip{font-size:.75rem}.hero-note{font-size:.8rem}.header-inner nav{flex-wrap:wrap;justify-content:flex-start;column-gap:1.3rem}.header-contact{display:block}.header-inner nav{order:1}.header-contact .button{gap:.4rem;padding:.45rem .6rem;font-size:.75rem}.header-inner{column-gap:.7rem}.brand{font-size:1.05rem}.brand small{font-size:.6rem}.header-inner nav a{white-space:normal}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}}