@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
.field-card img{object-position:right center}
.field-card{border-radius:14px}
:root{--ink:#111817;--paper:#f2f3f5;--muted:#6a6c71;--line:#d9dbde;--accent:#21d3fe}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'Noto Sans KR',sans-serif;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #2d55a6;outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button{border:0}h1,h2,h3,p{margin:0}button:disabled{cursor:default}::selection{background:var(--accent);color:var(--ink)}
.selection{background:#071a38;color:#fff;min-height:100svh;padding:0 4vw 32px;display:flex;flex-direction:column}.selection-head{display:flex;justify-content:space-between;align-items:center;min-height:80px;border-bottom:1px solid #ffffff26}.brand{font-weight:800;letter-spacing:-.04em}.brand b{color:var(--accent);font-weight:400;margin-left:8px}.area{font-size:14px;color:#b6b9c0}.selection-intro{display:flex;justify-content:space-between;align-items:end;padding:27px 0 24px}.eyebrow{font-size:13px;letter-spacing:.11em;text-transform:uppercase;font-weight:600}.selection h1{font-size:clamp(25px,3.1vw,43px);letter-spacing:-.06em;font-weight:600;line-height:1.4}.selection-intro p{color:#b1b4ba;font-size:14px}.six-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;flex:1}.field-card{position:relative;isolation:isolate;overflow:hidden;min-height:250px;border:1px solid #ffffff24;display:flex;flex-direction:column;justify-content:space-between;padding:23px;background:#252a34}.field-card::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#070c1536 0%,#070c1530 22%,#070c15ed 100%);z-index:-1}.field-card img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2;filter:grayscale(35%);transition:transform .55s,filter .55s}.field-card:hover img{transform:scale(1.035);filter:grayscale(0)}.field-card:hover{border-color:var(--accent)}.card-meta{display:flex;justify-content:space-between;font-size:12px;color:#d9dce1;letter-spacing:.08em}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.field-card h2{font-weight:600;font-size:clamp(23px,2.2vw,32px);letter-spacing:-.05em}.field-card p{color:#c0c3c9;font-size:14px;margin-top:5px}.circle-arrow{display:grid;place-items:center;width:39px;height:39px;border:1px solid #ffffff70;border-radius:50%;font-size:21px;transition:background .3s,color .3s}.field-card:hover .circle-arrow{background:var(--accent);color:#111;border-color:var(--accent)}.selection-note{padding-top:16px;font-size:12px;color:#9da1a9;display:flex;justify-content:space-between}
.site-header{background:#071a38;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;height:76px;position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff20}.header-nav{display:flex;gap:24px;font-size:14px}.header-nav a.active{color:var(--accent)}.back{color:#b8bcc3;font-size:14px}.hero{position:relative;isolation:isolate;color:white;min-height:560px;display:flex;align-items:center;background:#171c25;padding:65px 8vw}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#070c15e8,#070c15ab 45%,#070c1520);z-index:-1}.hero .eyebrow{color:var(--accent);margin-bottom:25px}.hero h1{font-size:clamp(35px,4.6vw,67px);line-height:1.25;font-weight:600;letter-spacing:-.065em;max-width:900px}.hero p{margin-top:25px;max-width:630px;color:#d7dae0}.hero-bottom{position:absolute;bottom:24px;left:8vw;right:4vw;display:flex;justify-content:space-between;color:#b7bcc5;font-size:12px}.hero-btn{display:inline-flex;gap:28px;align-items:center;background:var(--accent);color:#131720;margin-top:30px;padding:13px 23px;font-size:14px;font-weight:700}.section-nav{display:flex;gap:40px;border-bottom:1px solid var(--line);padding:20px 8vw;background:#fff;font-size:14px}.section-nav a:hover{text-decoration:underline}.content{max-width:1280px;padding:0 40px;margin:auto}.section{padding:80px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-heading h2{font-size:clamp(26px,3vw,40px);letter-spacing:-.055em;font-weight:600;line-height:1.4}.section-heading .eyebrow{color:#636770;margin-bottom:9px}.section-heading>p{font-size:14px;color:var(--muted);max-width:480px}.category-notice{padding:19px 23px;background:#e2e5eb;border-left:3px solid #617aab;margin-bottom:24px;font-size:14px}.subtype-layout{display:grid;grid-template-columns:260px 1fr;gap:38px}.subtype-buttons{display:flex;flex-direction:column;gap:6px}.subtype-button{background:transparent;padding:12px 17px;text-align:left;border-bottom:1px solid var(--line);font-size:15px;display:flex;justify-content:space-between}.subtype-button.active{background:#151922;color:var(--accent)}.guide{background:white;padding:32px 36px;border:1px solid var(--line);min-height:400px}.guide h3{font-size:28px;letter-spacing:-.04em}.guide .lead{font-size:20px;font-weight:500;margin:15px 0 24px}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.guide h4{font-size:14px;margin:0 0 10px;color:#485162}.guide ul{padding-left:20px;margin:0;font-size:15px}.guide .law-link{display:inline-block;font-size:13px;color:#565c68;margin-top:28px;text-decoration:underline}.case-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}.filter{padding:8px 17px;background:transparent;border:1px solid #c7c9ce;font-size:14px}.filter.active{background:#161a22;color:#fff;border-color:#161a22}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-card{padding:25px;background:white;border:1px solid var(--line);display:flex;flex-direction:column;min-height:310px}.case-meta{font-size:12px;color:#5a6272;display:flex;justify-content:space-between;margin-bottom:20px;gap:10px}.case-card h3{font-size:19px;letter-spacing:-.045em;line-height:1.5;margin-bottom:13px}.case-card p{font-size:14px;color:#686b70}.case-result{font-size:14px;font-weight:700;margin-top:20px;display:block}.case-more{margin-top:auto;padding-top:20px;text-align:left;background:transparent;font-size:13px;color:#4a5365;display:flex;justify-content:space-between}.empty{padding:35px;background:#e2e5eb}.case-note{font-size:13px;color:#73767c;margin-top:22px}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 32px}.resource{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);gap:20px}.resource h3{font-size:19px;letter-spacing:-.03em}.resource p{font-size:14px;color:var(--muted);margin-top:5px}.external{font-size:24px;color:#4a5365}.channels{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.channel{padding:28px;border:1px solid var(--line);background:white}.channel-label{font-size:12px;letter-spacing:.12em;color:#6b7079;margin-bottom:26px}.channel h3{font-size:23px;font-weight:600;letter-spacing:-.045em}.channel p{font-size:14px;color:var(--muted);margin:15px 0 22px}.pending{font-size:13px;color:#626977}.channel a{font-size:14px;text-decoration:underline}.site-footer{background:#071a38;color:#a4a8b0;padding:40px 8vw;font-size:13px}.site-footer .brand{color:white;margin-bottom:12px}.site-footer a{text-decoration:underline}.footer-meta{display:flex;justify-content:space-between;gap:25px;margin-top:25px;font-size:12px}.modal{border:0;max-width:730px;width:calc(100% - 32px);padding:0;background:var(--paper);color:var(--ink)}.modal::backdrop{background:#070c15cc}.modal-inner{padding:35px}.modal-close{float:right;background:transparent;font-size:25px;padding:0 6px}.modal h2{font-size:28px;letter-spacing:-.05em;margin-bottom:20px;line-height:1.4}.modal h3{font-size:14px;color:#525c6f;margin:23px 0 7px}.modal p{font-size:15px}.modal a{text-decoration:underline;font-size:14px}.modal-meta{font-size:13px;color:#676c76;margin:15px 0}.modal-note{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:13px!important;color:#676c76}.skip-link{position:fixed;left:12px;top:-100px;padding:10px;background:white;z-index:100}.skip-link:focus{top:12px}
@media(min-width:1500px){.selection{padding-left:6vw;padding-right:6vw}.field-card{min-height:300px}}@media(max-width:1000px){.header-nav{gap:13px;font-size:13px}.case-grid{grid-template-columns:repeat(2,1fr)}.selection-intro{gap:18px}.selection-intro p{max-width:190px}.field-card p{font-size:13px}.field-card{padding:18px}.subtype-layout{grid-template-columns:220px 1fr;gap:23px}.guide-columns{grid-template-columns:1fr}.channels{gap:10px}.channel{padding:22px}.section-heading{align-items:start}}@media(max-width:700px){.selection{padding:0 18px 22px}.selection-head{min-height:65px}.area{font-size:12px}.selection-intro{padding:23px 0}.selection-intro p{display:none}.six-grid{grid-template-columns:repeat(2,1fr);gap:9px}.field-card{min-height:215px;padding:15px 12px}.field-card h2{font-size:23px}.field-card p{font-size:12px;line-height:1.6}.card-meta{font-size:12px}.circle-arrow{width:28px;height:28px;font-size:17px;flex-shrink:0}.selection-note{font-size:12px;gap:15px}.selection-note span:last-child{display:none}.site-header{height:65px;padding:0 20px}.header-nav{display:none}.hero{min-height:530px;padding:55px 25px 80px}.hero h1{font-size:39px}.hero p{font-size:15px}.hero-bottom{left:25px;right:25px;gap:20px}.hero-bottom span:last-child{max-width:180px;text-align:right}.section-nav{padding:17px 22px;gap:23px;overflow:auto;white-space:nowrap;font-size:13px}.content{padding:0 22px}.section{padding:50px 0}.section-heading{display:block;margin-bottom:23px}.section-heading>p{margin-top:15px}.section-heading h2{font-size:29px}.subtype-layout{display:block}.subtype-buttons{flex-direction:row;overflow:auto;margin-bottom:15px;gap:5px;padding-bottom:5px}.subtype-button{white-space:nowrap;border:1px solid var(--line);padding:9px 14px;font-size:14px}.subtype-button span{display:none}.guide{padding:24px}.guide .lead{font-size:18px}.guide h3{font-size:25px}.guide-columns{gap:23px}.case-grid{grid-template-columns:1fr}.case-card{min-height:260px}.resource-grid,.channels{grid-template-columns:1fr}.resource h3{font-size:18px}.channel-label{margin-bottom:15px}.footer-meta{display:block}.modal-inner{padding:25px}.modal h2{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
