:root{--ink:#17263d;--muted:#637187;--blue:#255cc5;--line:#dce4ef;--paper:#f5f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;font-family:Arial,'Noto Sans KR','Malgun Gothic',sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}a{color:inherit}header{background:#fffefcf2;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:3;backdrop-filter:blur(12px)}.bar{max-width:1240px;margin:auto;min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;gap:20px}.brand{text-decoration:none;font-weight:800;font-size:20px;letter-spacing:-.7px}.brand small{margin-left:15px;padding-left:15px;border-left:1px solid var(--line);font-size:12px;letter-spacing:1px;color:var(--muted)}nav{display:flex;gap:25px;font-size:14px}nav a{text-decoration:none}nav a:hover{color:var(--blue)}main{max-width:1240px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:70px;align-items:center;padding:80px 0 68px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:bold;color:var(--blue);margin:0 0 20px}h1{font-size:clamp(36px,4vw,56px);line-height:1.23;letter-spacing:-2px;margin:0 0 25px}h1 span{color:var(--blue)}.lead{font-size:17px;color:var(--muted);max-width:570px;margin:0}.route{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px 30px;box-shadow:0 12px 40px #18365706}.route h2{font-size:16px;margin:0 0 20px}.route a{display:flex;gap:16px;align-items:center;text-decoration:none;padding:14px 0;border-top:1px solid #edf0f5}.route b{font-size:12px;color:var(--blue);background:#edf3ff;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.route span{flex:1;font-size:15px;font-weight:600}.route em{font-style:normal;font-size:12px;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding:30px 0 24px}.section-title h2{font-size:23px;margin:0;letter-spacing:-.7px}.section-title p{font-size:13px;color:var(--muted);margin:0}.lesson{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-bottom:28px;display:grid;grid-template-columns:1.6fr 1fr}.media{background:#101c2c;display:flex;align-items:center;position:relative;min-width:0}video{width:100%;display:block;aspect-ratio:16/9;background:#101c2c}video:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #4685f7;outline-offset:4px}.copy{padding:30px 32px}.step{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:1.5px;display:flex;align-items:center;gap:12px}.time{color:var(--muted);font-weight:400;letter-spacing:0}.copy h2{font-size:24px;line-height:1.4;letter-spacing:-.9px;margin:11px 0 14px}.copy p{font-size:14px;color:var(--muted);margin:0 0 18px}.copy ul{list-style:none;padding:0;margin:0;font-size:13px}.copy li{padding:7px 0 7px 17px;position:relative}.copy li:before{content:'•';position:absolute;left:0;color:var(--blue)}.note{margin-top:20px;padding:13px 15px;border-radius:8px;background:#eff4fc;font-size:12px;color:#294e89}.faq{margin:55px 0 50px;display:grid;grid-template-columns:1fr 2fr;gap:60px}.faq h2{font-size:24px;letter-spacing:-.7px;margin:0 0 12px}.faq .sub{font-size:14px;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:17px 0}summary{font-size:15px;font-weight:600;cursor:pointer}details p{font-size:14px;color:var(--muted);margin:12px 0 3px}.foot{border-top:1px solid var(--line);padding:26px 0 35px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:30px}.foot p{margin:0;max-width:850px}@media(max-width:850px){.hero{gap:28px;padding:48px 0;grid-template-columns:1fr}.route{padding:22px}.lesson{grid-template-columns:1fr}.copy{padding:25px}.faq{grid-template-columns:1fr;gap:10px}.bar{padding:14px 20px}.brand small{display:none}nav{gap:14px;font-size:12px}main{padding:0 20px}.section-title{align-items:start;gap:12px;flex-direction:column}.foot{flex-direction:column;gap:12px}h1{letter-spacing:-1.6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:650px){.bar{flex-wrap:wrap;gap:8px}nav{width:100%;justify-content:space-between;gap:8px;font-size:12px}html{scroll-padding-top:125px}}
.download-panel{background:#eaf1fc;padding:38px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.download-icon{font-size:38px;line-height:1;width:58px;height:58px;border-radius:16px;background:white;color:var(--blue);display:grid;place-items:center;margin-bottom:20px}.download-panel h2{font-size:27px;margin:0 0 8px;letter-spacing:-1px}.download-panel .eyebrow{margin:0 0 9px}.download-panel p{font-size:14px;color:var(--muted);margin:0 0 20px}.download-button{display:block;background:var(--blue);color:white;padding:13px 20px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:bold;max-width:100%}.download-button:hover{background:#19499f}.download-panel small{margin-top:12px;font-size:11px;color:var(--muted)}@media(max-width:650px){nav{flex-wrap:wrap;justify-content:flex-start;column-gap:16px;row-gap:5px}.download-panel{padding:30px 18px}}

.video-load-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;font-size:14px;color:#475569}.video-load-status:has(button[hidden]):has(span:empty){display:none}.video-load-status button{border:0;border-radius:8px;background:#174ea6;color:#fff;padding:11px 18px;font:inherit;font-weight:700;cursor:pointer}.video-load-status button[hidden]{display:none}.video-load-status button:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}