:root{--ink:#101828;--muted:#667085;--line:#e4e7ec;--blue:#0878f9;--soft:#f5f7fb}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--soft);font-family:Inter,Pretendard,"Noto Sans KR",system-ui,sans-serif}a{color:inherit}main{width:min(1120px,calc(100% - 32px));margin:28px auto 72px}.breadcrumbs{display:flex;align-items:center;gap:9px;margin:0 0 22px;color:var(--muted);font-size:.82rem}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.hub-hero{min-height:370px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);align-items:center;gap:42px;padding:clamp(34px,6vw,72px);overflow:hidden;border-radius:30px;color:#fff;background:radial-gradient(circle at 85% 10%,#238cff 0,transparent 35%),linear-gradient(135deg,#101828,#142d51)}.eyebrow{margin:0 0 13px;color:#8ec8ff;font-size:.76rem;font-weight:900;letter-spacing:.14em}.hub-hero h1{max-width:720px;margin:0;font-size:clamp(2.35rem,5.8vw,4.8rem);line-height:1.03;letter-spacing:-.06em}.lead{max-width:650px;margin:22px 0 0;color:#d0d5dd;font-size:clamp(1rem,2vw,1.18rem);line-height:1.75}.route-art{display:flex;align-items:center;gap:13px;font-size:.75rem;font-weight:900;letter-spacing:.11em}.route-art span{display:grid;width:78px;height:78px;place-items:center;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.route-art i{position:relative;width:80px;height:2px;background:#65b3ff}.route-art i:after{content:'';position:absolute;right:0;top:-4px;border-width:5px 0 5px 8px;border-style:solid;border-color:transparent transparent transparent #65b3ff}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;margin:24px 0 60px}.intro>p,.intro aside{margin:0;padding:26px;border:1px solid var(--line);border-radius:20px;background:#fff;line-height:1.75}.intro aside{display:flex;flex-direction:column;gap:8px;background:#eef6ff}.intro aside strong{color:#175cd3;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.section-heading{display:flex;align-items:baseline;gap:12px;margin:0 0 18px}.section-heading p{margin:0;color:var(--blue);font-size:.75rem;font-weight:900}.section-heading h2{margin:0;font-size:clamp(1.5rem,3vw,2.15rem);letter-spacing:-.04em}.content-section{margin-bottom:58px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.guide-card{min-height:195px;display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;text-decoration:none;transition:.18s ease}.guide-card:hover{transform:translateY(-4px);border-color:#9acbff;box-shadow:0 18px 35px rgba(16,24,40,.08)}.guide-card:focus-visible,.hub-links a:focus-visible{outline:3px solid rgba(8,120,249,.28);outline-offset:3px}.card-number{color:var(--blue);font-size:.76rem;font-weight:900}.guide-card h3{margin:17px 0;font-size:1.14rem;line-height:1.42;letter-spacing:-.025em}.card-link{margin-top:auto;color:var(--muted);font-size:.78rem;font-weight:800}.hub-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.hub-links a{padding:21px;border-radius:17px;color:#fff;background:#16243a;text-decoration:none;font-weight:850;line-height:1.4}.hub-links a:hover{background:#0878f9}@media(max-width:760px){main{width:min(100% - 24px,1120px);margin-top:18px}.hub-hero{min-height:auto;grid-template-columns:1fr;padding:38px 26px;border-radius:24px}.route-art{justify-content:flex-start}.route-art span{width:64px;height:64px}.intro{grid-template-columns:1fr;margin-bottom:45px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.hub-hero h1{font-size:2.42rem}.route-art i{width:50px}.guide-grid,.hub-links{grid-template-columns:1fr}.guide-card{min-height:155px}.intro>p,.intro aside{padding:21px}.breadcrumbs{overflow:hidden;white-space:nowrap}}