:root{--navy:#071a32;--blue:#176cbe;--cyan:#5ed5ed;--violet:#7967df;--ink:#15233a;--muted:#66758a;--line:#dce4ec;--soft:#f4f7fa;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:"Pretendard Variable",Pretendard,"Noto Sans KR",Arial,sans-serif;line-height:1.65;background:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.skip{position:fixed;left:12px;top:-60px;z-index:100;padding:10px 16px;color:#fff;background:#000}.skip:focus{top:12px}.site-head{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(220,228,236,.9);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.site-head .wrap{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:174px;height:auto}.site-nav{display:flex;align-items:center;gap:8px;font-weight:650;font-size:14px}.site-nav a{padding:10px 13px;border-radius:8px}.site-nav a:hover,.site-nav a:focus-visible{color:var(--blue);background:#eef6fd}.site-nav .channel{color:#fff;background:var(--navy)}.site-nav .channel:hover,.site-nav .channel:focus-visible{color:#fff;background:var(--blue)}
.hero{overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 10%,rgba(94,213,237,.22),transparent 28%),radial-gradient(circle at 45% 105%,rgba(121,103,223,.28),transparent 34%),linear-gradient(135deg,#06162d,#102e54 68%,#173f69);padding:84px 0}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(430px,.98fr);align-items:center;gap:68px}.eyebrow,.kicker{margin:0 0 14px;color:#44d6ee;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(43px,5.5vw,76px);line-height:1.04;letter-spacing:-.045em}.hero h1 small{display:block;margin-top:18px;color:#d8e8f7;font-size:clamp(20px,2vw,28px);font-weight:450;letter-spacing:-.025em}.lead{max-width:640px;margin:26px 0 0;color:#d8e5f2;font-size:18px}.hero-actions,.section-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 19px;border:1px solid transparent;border-radius:8px;font-weight:750;transition:.2s}.btn-primary{color:#071a32;background:var(--cyan)}.btn-primary:hover,.btn-primary:focus-visible{background:#fff}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.45)}.btn-ghost:hover,.btn-ghost:focus-visible{background:rgba(255,255,255,.1)}.hero-collage{display:grid;grid-template-columns:1.45fr .9fr;grid-template-rows:1fr 1fr;gap:12px;min-height:430px}.hero-collage a{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#0a203c}.hero-collage a:first-child{grid-row:1/3}.hero-collage img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.hero-collage a:hover img{transform:scale(1.035)}.hero-collage span{position:absolute;left:0;right:0;bottom:0;padding:42px 14px 13px;font-size:13px;font-weight:750;background:linear-gradient(transparent,rgba(2,10,22,.9))}
.jumpbar{border-bottom:1px solid var(--line);background:#fff}.jumpbar .wrap{display:flex;justify-content:center;gap:8px;padding-block:15px}.jumpbar a{padding:8px 13px;border-radius:7px;color:#3e526a;font-size:14px;font-weight:700}.jumpbar a:hover,.jumpbar a:focus-visible{color:var(--blue);background:#eef6fd}.section{padding:92px 0}.section.alt{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:38px}.section h2{margin:0;font-size:clamp(30px,3.5vw,48px);line-height:1.16;letter-spacing:-.04em}.section-intro{max-width:540px;margin:0;color:var(--muted);font-size:16px}.short-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.short-card{display:grid;grid-template-columns:180px 1fr;min-height:260px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 12px 35px rgba(22,45,74,.06)}.short-card>img{width:100%;height:100%;object-fit:cover}.card-copy{display:flex;flex-direction:column;align-items:flex-start;padding:30px}.label{display:inline-block;margin-bottom:12px;color:var(--blue);font-size:12px;font-weight:850;letter-spacing:.08em}.card-copy h3,.video-copy h3{margin:0 0 10px;font-size:24px;line-height:1.25;letter-spacing:-.025em}.card-copy p,.video-copy p{margin:0;color:var(--muted)}.card-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:20px}.text-link{font-size:14px;font-weight:750;color:var(--blue)}.text-link::after{content:" →"}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video-card{overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 12px 35px rgba(22,45,74,.06)}.thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#08182e}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.thumb::after{content:"▶";position:absolute;left:18px;bottom:18px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#071a32;background:rgba(255,255,255,.94);font-size:16px;padding-left:2px}.video-card:hover .thumb img{transform:scale(1.035)}.video-copy{padding:24px}.video-copy h3{font-size:22px}.video-meta{display:block;margin-top:14px;color:#718197;font-size:13px}.video-meta a{color:var(--blue);font-weight:700}.contest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.contest-card{min-height:166px;padding:23px;border:1px solid var(--line);background:#fff;transition:.2s}.contest-card:hover,.contest-card:focus-visible{border-color:#8bbfe8;box-shadow:0 10px 28px rgba(22,78,125,.09);transform:translateY(-2px)}.contest-card .year{color:var(--violet);font-size:12px;font-weight:850;letter-spacing:.08em}.contest-card h3{margin:12px 0 8px;font-size:18px;line-height:1.4;letter-spacing:-.02em}.contest-card span:last-child{color:var(--blue);font-size:13px;font-weight:750}.note{margin:24px 0 0;padding:16px 18px;border-left:3px solid var(--violet);color:#64748a;background:#f1effc;font-size:14px}.hub-cta{color:#fff;background:linear-gradient(120deg,#0a203c,#163b65)}.hub-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:48px}.hub-cta h2{margin:0 0 6px;font-size:27px;letter-spacing:-.03em}.hub-cta p{margin:0;color:#cfdeec}.footer{color:#aebed0;background:#061426}.footer .wrap{display:flex;justify-content:space-between;gap:20px;padding-block:27px;font-size:13px}.footer a{color:#fff}
.project-origin{padding:38px 0;border-bottom:1px solid #dce6f0;background:#edf6fb}.origin-grid{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);align-items:center;gap:64px}.project-origin .kicker{margin-bottom:8px;color:var(--blue)}.project-origin h2{margin:0;font-size:clamp(25px,2.7vw,36px);line-height:1.2;letter-spacing:-.035em}.project-origin p{margin:0;color:#53677e}.project-origin p strong{display:block;margin-bottom:5px;color:var(--ink);font-size:17px}
@media(max-width:960px){.hero-grid{grid-template-columns:1fr;gap:46px}.hero-collage{min-height:350px}.origin-grid{grid-template-columns:1fr;gap:14px}.short-grid{grid-template-columns:1fr}.video-grid,.contest-grid{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.section-intro{margin-top:16px}.site-nav a:not(.channel):not(:first-child){display:none}}
@media(max-width:640px){.wrap{width:min(calc(100% - 32px),var(--max))}.site-head .wrap{height:64px}.brand img{width:145px}.site-nav a{padding:8px 10px;font-size:12px}.hero{padding:58px 0}.hero-grid{gap:36px}.hero-collage{grid-template-columns:1fr 1fr;grid-template-rows:1.25fr .75fr;min-height:310px}.hero-collage a:first-child{grid-column:1/3;grid-row:1}.jumpbar{overflow:auto}.jumpbar .wrap{justify-content:flex-start;width:max-content;min-width:100%;padding-inline:16px}.section{padding:66px 0}.short-card{grid-template-columns:116px 1fr;min-height:240px}.card-copy{padding:22px 18px}.card-copy h3{font-size:21px}.video-grid,.contest-grid{grid-template-columns:1fr}.hub-cta .wrap,.footer .wrap{display:block}.hub-cta .btn{margin-top:22px}.footer span{display:block}.footer span+span{margin-top:7px}}
@media(max-width:410px){.short-card{display:block}.short-card>img{height:210px}.hero h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}