:root{--navy:#071423;--navy2:#102b46;--teal:#22a6a0;--ink:#182331;--muted:#657587;--line:#dce4eb;--canvas:#f4f7f9;--accent:#2d6fa7;--soft:#e8f0fa;--page:1080px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Pretendard Variable","Pretendard","Apple SD Gothic Neo","Noto Sans KR","Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}.skip-link{position:fixed;z-index:99;top:8px;left:8px;padding:9px 14px;border-radius:8px;background:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.shell{width:min(var(--page),calc(100% - 48px));margin-inline:auto}.course-nav{background:var(--navy);border-bottom:1px solid rgba(255,255,255,.09)}.nav-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.brand-mark{width:36px;height:36px;border:1px solid rgba(255,255,255,.3);border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,rgba(34,166,160,.42),rgba(255,255,255,.05));font-size:10px;font-weight:900}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:13px;letter-spacing:.09em}.brand-copy small{margin-top:4px;color:#93a5b7;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.nav-links{display:flex;gap:20px}.nav-links a{color:#b7c4d0;text-decoration:none;font-size:11px;font-weight:750}.nav-links a:hover,.nav-links a:focus-visible{color:#fff}.course-hero{position:relative;overflow:hidden;padding:84px 0 80px;color:#fff;background:radial-gradient(circle at 82% 28%,color-mix(in srgb,var(--accent) 40%,transparent),transparent 36%),linear-gradient(130deg,var(--navy),var(--navy2))}.course-hero::after{content:"";position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:58px 58px}.hero-inner{position:relative;z-index:1}.breadcrumb{display:flex;gap:8px;margin:0 0 24px;color:#9eb0c2;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.breadcrumb a{text-decoration:none}.breadcrumb span{color:var(--accent)}.course-code{display:inline-flex;padding:6px 10px;border:1px solid color-mix(in srgb,var(--accent) 60%,white);border-radius:999px;color:#fff;background:color-mix(in srgb,var(--accent) 25%,transparent);font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.course-hero h1{max-width:780px;margin:18px 0 15px;font-size:clamp(38px,6vw,62px);line-height:1.13;letter-spacing:-.045em}.course-hero p{max-width:690px;margin:0;color:#bccbd8;font-size:16px;line-height:1.9;word-break:keep-all}.course-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.course-meta span{padding:6px 10px;border-radius:7px;background:rgba(255,255,255,.08);color:#d5e0e9;font-size:9px;letter-spacing:.06em}.content{padding:72px 0 100px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:28px}.kicker{margin:0 0 9px;color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.section-head h2{margin:0;color:var(--navy);font-size:30px;letter-spacing:-.035em}.section-head>p{max-width:400px;margin:0;color:var(--muted);font-size:13px}.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.material-card{min-height:205px;padding:23px;border:1px solid var(--line);border-radius:16px;background:#fff;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.material-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 18px 45px rgba(7,20,35,.09)}.material-top{display:flex;align-items:center;justify-content:space-between}.material-no{min-width:34px;height:30px;padding:0 8px;border-radius:8px;display:grid;place-items:center;color:var(--accent);background:var(--soft);font-size:9px;font-weight:900}.material-type{color:#8492a0;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.material-card h3{margin:24px 0 8px;color:var(--navy);font-size:17px;line-height:1.45}.material-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.material-action{margin-top:auto;padding-top:18px;color:var(--accent);font-size:10px;font-weight:850;display:flex;justify-content:space-between}.course-footer{padding:34px 0;color:#8192a4;background:var(--navy);font-size:10px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.footer-inner a{color:#c5d0da;text-decoration:none}@media(max-width:720px){.shell{width:min(100% - 32px,var(--page))}.nav-links a:not(:first-child){display:none}.course-hero{padding:62px 0}.course-hero h1{font-size:40px}.section-head{align-items:start;flex-direction:column;gap:12px}.material-grid{grid-template-columns:1fr}.content{padding:58px 0 76px}.footer-inner{flex-direction:column}}@media print{.course-nav,.course-footer{display:none}.course-hero{padding:25px 0;background:#fff;color:#000}.course-hero::after{display:none}.course-hero p,.breadcrumb{color:#333}.course-code,.course-meta span{border:1px solid #aaa;background:#fff;color:#000}.content{padding:25px 0}.material-grid{grid-template-columns:repeat(2,1fr)}.material-card{break-inside:avoid;box-shadow:none}.shell{width:100%}}