:root{--navy:#082b68;--blue:#1768e9;--orange:#ff6a10;--ink:#183455;--muted:#667891;--paper:#f8faf8;--line:#dbe5ef;--card:#fff;--shadow:0 18px 48px rgba(24,52,85,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans KR","Noto Sans JP",system-ui,sans-serif}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;min-height:82px;padding:12px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid rgba(219,229,239,.9);background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-weight:900}.brand img{width:58px;height:58px;object-fit:contain}.brand span small{display:block;color:#7c8ca2;font-size:9px;letter-spacing:.12em}.language-tabs{margin-left:auto;display:flex;gap:7px}.language-tabs a{min-height:40px;display:grid;place-items:center;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#49617d;text-decoration:none;font-size:11px;font-weight:850;box-shadow:0 3px 0 #dde6ef}.language-tabs a.active{border-color:var(--blue);background:var(--blue);box-shadow:0 3px 0 #0d4fae;color:#fff}.share{min-height:40px;padding:0 14px;border:1px solid #bcd4f5;border-radius:12px;background:#eef6ff;color:#1768e9;font-weight:850;cursor:pointer}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.hero{min-height:590px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:38px}.eyebrow{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.19em}.hero h1,.sub-hero h1{margin:13px 0 22px;color:#071b38;font-size:clamp(44px,5vw,72px);line-height:.98;letter-spacing:-.06em}.hero h1 em,.sub-hero h1 em{color:var(--blue);font-style:normal}.hero-copy>p{max-width:580px;color:var(--muted);font-size:17px;line-height:1.75}.hero-actions{display:flex;gap:10px;margin-top:30px}.primary,.secondary{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:0 20px;border-radius:14px;text-decoration:none;font-weight:900}.primary{background:linear-gradient(135deg,#0b3c83,#1768e9);color:#fff;box-shadow:0 12px 26px rgba(23,104,233,.24)}.secondary{border:1px solid var(--line);background:#fff;color:var(--navy)}.hero-visual{min-height:500px;display:grid;place-items:end center;border-radius:40% 40% 28px 28px;background:radial-gradient(circle at 55% 35%,#fff4d6 0 31%,transparent 32%),radial-gradient(circle at 16% 64%,#def8e9 0 18%,transparent 19%)}.hero-visual img{width:min(100%,570px);max-height:540px;object-fit:contain;object-position:center bottom}.section{padding:72px 0}.section-heading{margin-bottom:26px}.section-heading h2{margin:8px 0;color:var(--navy);font-size:34px;letter-spacing:-.04em}.section-heading p{color:var(--muted)}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.learning-card{position:relative;min-height:270px;padding:25px;border:1px solid var(--line);border-radius:24px;background:#fff;color:inherit;text-decoration:none;box-shadow:var(--shadow);overflow:hidden;transition:.18s}.learning-card:hover{transform:translateY(-4px);border-color:#a9c5e7}.learning-card small{font-size:10px;font-weight:900;letter-spacing:.14em;color:var(--blue)}.learning-card h3{margin:42px 0 9px;color:var(--navy);font-size:29px}.learning-card p{color:var(--muted);line-height:1.65}.learning-card strong{position:absolute;left:25px;bottom:23px;color:var(--blue);font-size:11px;letter-spacing:.04em}.learning-card:nth-child(2){background:linear-gradient(145deg,#fff,#f0f7ff)}.learning-card:nth-child(3){background:linear-gradient(145deg,#fff,#fff8ed)}.shared-layer{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:14px;padding:25px;border:1px solid var(--line);border-radius:25px;background:#edf5ff}.shared-layer>div h2{margin:5px 0 8px;color:var(--navy)}.shared-layer>div p{margin:0;color:var(--muted);font-size:13px}.shared-link{padding:18px;border:1px solid #d4e1ef;border-radius:17px;background:#fff;color:var(--navy);text-decoration:none}.shared-link b{display:block;margin-bottom:6px}.shared-link span{color:var(--muted);font-size:12px;line-height:1.5}.bottom-nav{display:flex;justify-content:center;gap:9px;padding:22px}.bottom-nav a{min-height:44px;display:flex;align-items:center;gap:7px;padding:0 14px;border:1px solid var(--line);border-radius:13px;background:#fff;color:#566c86;text-decoration:none;font-size:12px;font-weight:850}.bottom-nav a.active{border-color:#b6d0f2;background:#edf5ff;color:var(--blue)}.sub-hero{padding:72px 0 32px}.sub-hero h1{font-size:clamp(42px,5vw,64px)}.sub-hero p{max-width:720px;color:var(--muted);font-size:17px;line-height:1.7}.breadcrumb{display:flex;gap:8px;color:#788aa2;font-size:12px}.breadcrumb a{color:var(--blue);text-decoration:none}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:25px 0 80px}.course-card{min-height:230px;padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);text-decoration:none;color:inherit}.course-card b{color:var(--blue);font-size:10px;letter-spacing:.12em}.course-card h2{margin:28px 0 10px;color:var(--navy)}.course-card p{color:var(--muted);line-height:1.65}.status{display:inline-block;margin-top:18px;padding:7px 10px;border-radius:999px;background:#edf5ff;color:var(--blue);font-size:10px;font-weight:900}.level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:20px 0 80px}.level{min-height:150px;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff}.level strong{display:block;color:var(--navy);font-size:25px}.level span{color:var(--muted);font-size:12px}.coming{margin:0 0 80px;padding:28px;border:1px solid #cfe0ef;border-radius:24px;background:linear-gradient(135deg,#eff7ff,#fff8ed)}.coming h2{margin-top:0;color:var(--navy)}.coming p{color:var(--muted);line-height:1.7}.site-footer{padding:28px 20px 95px;border-top:1px solid var(--line);text-align:center;color:#8491a3;font-size:11px}
@media(max-width:800px){.site-header{min-height:72px;padding:9px 12px;gap:8px}.brand img{width:48px;height:48px}.brand span{display:none}.language-tabs{gap:4px}.language-tabs a{min-height:38px;padding:0 8px;font-size:9px}.share{padding:0 9px;font-size:10px}.wrap{width:min(100% - 28px,680px)}.hero{display:block;min-height:auto;padding:48px 0 15px}.hero h1{font-size:49px}.hero-copy>p{font-size:15px}.hero-visual{min-height:380px;margin-top:25px}.learning-grid,.course-grid{grid-template-columns:1fr}.learning-card{min-height:235px}.shared-layer{grid-template-columns:1fr}.level-grid{grid-template-columns:repeat(2,1fr)}.bottom-nav{position:fixed;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));z-index:30;display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:5px;border:1px solid #cfdae8;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 12px 35px rgba(24,52,85,.18);backdrop-filter:blur(16px)}.bottom-nav a{min-width:0;min-height:52px;display:grid;place-items:center;padding:4px 2px;border:0;border-radius:14px;font-size:8px;text-align:center}.bottom-nav a span:first-child{display:block;font-size:16px}.site-footer{padding-bottom:100px}}