@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--navy:#173256;--ink:#1b2b41;--muted:#586879;--line:#dce4ee;--page:#f4f6fa}*{box-sizing:border-box}body{margin:0;background:var(--page);font-family:'Noto Sans KR',sans-serif;color:var(--ink);line-height:1.7;letter-spacing:-.035em;word-break:keep-all}h1,h2,p{margin:0}a{color:inherit;text-decoration:none}svg{display:block}::selection{background:#d9e6fc}a:focus-visible{outline:3px solid #8eb2ea;outline-offset:3px}.skip{position:absolute;top:-100px;left:14px;background:white;padding:10px 18px;z-index:5}.skip:focus{top:10px}.header{background:white;border-bottom:1px solid #e0e7f0}.header-inner{width:calc(100% - 28px);max-width:760px;height:56px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:22px;font-weight:800;letter-spacing:-1px;line-height:1}.brand svg{width:30px;height:30px;border-radius:7px;background:var(--navy);padding:6px;color:white;fill:white}.header-label{font-size:10px;font-weight:500;color:#60738b}.main{width:calc(100% - 28px);max-width:760px;margin:0 auto;padding:18px 0 24px}.page-heading{margin-bottom:18px;text-align:left}.eyebrow{font-size:25px;font-weight:700;line-height:1.5;letter-spacing:-.06em;margin-bottom:6px}h1{font-size:21px;font-weight:700;line-height:1.5;letter-spacing:-.06em}.eyebrow>span,h1>span{color:#23529a}
.path-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.path-card{--accent:#28579c;--tint:#e9f1ff;--edge:#c8daf8;position:relative;min-width:0;padding:17px 18px;background:var(--tint);border:1px solid var(--edge);border-radius:10px;text-align:left;overflow-wrap:anywhere}.path-card:before{content:'';position:absolute;top:18px;bottom:18px;left:0;width:3px;background:var(--accent);border-radius:0 3px 3px 0}.adult{--accent:#28579c;--tint:#e9f1ff;--edge:#c8daf8}.diploma{--accent:#24665a;--tint:#e5f4ed;--edge:#b9ddce}.future{--accent:#665198;--tint:#efe7fa;--edge:#d4c1ed}.return{--accent:#855c31;--tint:#fff0df;--edge:#f0d3af}.path-card h2{color:var(--ink);font-size:19px;line-height:1.5;font-weight:800;letter-spacing:-.055em;margin-bottom:8px}.card-detail>p{font-size:12px;line-height:1.8;color:var(--muted)}.card-keywords{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.card-keywords>span{font-size:10px;line-height:1.6;background:#ffffffa6;color:var(--accent);padding:3px 7px;border-radius:4px}
@media(max-width:360px){.eyebrow{font-size:23px}h1{font-size:20px}.path-card{padding:15px 16px}.path-card h2{font-size:18px}}
@media(min-width:600px){.header-inner{height:64px}.brand{font-size:24px}.main{padding:26px 0}.eyebrow{font-size:30px}h1{font-size:25px}.page-heading{margin-bottom:24px}.path-grid{gap:16px}.path-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:24px;padding:23px 25px;align-items:center}.path-card h2{font-size:23px;margin-bottom:0}.card-detail>p{font-size:14px}.card-keywords>span{font-size:11px}}
.adult-link{display:block;transition:border-color .2s,box-shadow .2s}.adult-link:hover{border-color:var(--accent);box-shadow:0 5px 18px #28579c12}.card-arrow{float:right;font-size:20px;color:var(--accent);font-weight:500}.middle-banner{margin-top:24px;padding:25px 22px;border-radius:12px;background:#173256;color:white}.middle-label{font-size:11px;letter-spacing:.02em;color:#bccfea;margin-bottom:8px}.middle-banner h2{font-size:23px;line-height:1.5;font-weight:700;letter-spacing:-.05em}@media(min-width:600px){.adult-link{display:grid}.middle-banner{padding:30px}.middle-banner h2{font-size:28px}.middle-banner h2 br{display:none}}@media(prefers-reduced-motion:reduce){.adult-link{transition:none}}
.college-link{display:block;transition:border-color .2s,box-shadow .2s}.college-link:hover{border-color:var(--accent);box-shadow:0 5px 18px #66519818}@media(min-width:600px){.college-link{display:grid}}@media(prefers-reduced-motion:reduce){.college-link{transition:none}}

.category-link{transition:border-color .2s,box-shadow .2s}.category-link:hover{border-color:var(--accent);box-shadow:0 5px 18px #17325612}@media(prefers-reduced-motion:reduce){.category-link{transition:none}}

.middle-link{display:block;transition:background .15s}.middle-link:hover{background:#214570}@media(prefers-reduced-motion:reduce){.middle-link{transition:none}}