.video-learning-page{margin:0;background:#f7f3eb;color:#25364a;font-family:Arial,"Noto Sans KR",sans-serif}.video-learning-nav{background:#fff;border-bottom:1px solid #e5ded1}.video-learning-nav .landing-brand{color:#102a43}.video-learning-nav-link{color:#b33b2f!important;background:#fff4e8!important;border:1px solid #e4b678!important}.video-learning-nav-link.active{font-weight:900}.video-learning-hero{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:78px max(24px,calc((100% - 1160px)/2)) 82px;background:radial-gradient(circle at 84% 38%,rgba(221,173,79,.25),transparent 24%),linear-gradient(120deg,#071a31 0%,#0e3857 62%,#176a70 100%);color:#fff}.video-learning-hero-copy{max-width:760px}.video-learning-eyebrow{display:block;color:#b77727;font-size:11px;font-weight:900;letter-spacing:.16em}.video-learning-hero .video-learning-eyebrow{color:#efc675}.video-learning-hero h1{margin:18px 0;font-size:clamp(36px,5.5vw,68px);line-height:1.12;letter-spacing:-.07em}.video-learning-hero h1 em{font-style:normal;color:#f0bd5d}.video-learning-hero p{max-width:660px;margin:0;color:#c9d8e2;font-size:17px;line-height:1.8}.video-learning-hero-badge{width:142px;height:142px;flex:0 0 auto;display:grid;place-items:center;align-content:center;border:1px solid rgba(240,189,93,.62);border-radius:50%;background:rgba(255,255,255,.07);box-shadow:0 0 0 18px rgba(240,189,93,.06)}.video-learning-hero-badge strong{font-size:48px;color:#f0bd5d;line-height:1}.video-learning-hero-badge span{margin-top:8px;color:#d9e5eb;font-size:9px;line-height:1.4;text-align:center;letter-spacing:.14em}.video-learning-section{max-width:1160px;margin:0 auto;padding:72px 24px 100px}.video-learning-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.video-learning-section-head h2{margin:9px 0 6px;color:#102a43;font-size:32px;letter-spacing:-.06em}.video-learning-section-head p{margin:0;color:#6b7885;font-size:14px}.playlist-link{padding:12px 15px;border:1px solid #d7c69e;border-radius:10px;color:#87591e;background:#fffaf0;font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.playlist-link:hover{background:#f3e7ce}.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.video-card{overflow:hidden;border:1px solid #e2d4b9;border-radius:16px;background:#fffaf0;box-shadow:0 10px 24px rgba(54,40,17,.08);transition:transform .22s ease,box-shadow .22s ease}.video-card:hover{transform:translateY(-4px);box-shadow:0 18px 32px rgba(54,40,17,.14)}.video-thumb{position:relative;display:block;width:100%;padding:0;border:0;background:#071a31;cursor:pointer;overflow:hidden}.video-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .25s ease,filter .25s ease}.video-thumb:hover img,.video-thumb:focus-visible img{transform:scale(1.05);filter:brightness(.65)}.video-number{position:absolute;left:10px;top:10px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#b33b2f;color:#fff;font-size:11px;font-weight:900}.video-play{position:absolute;left:50%;top:50%;width:52px;height:39px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:11px;background:#e62117;color:#fff;font-size:19px;box-shadow:0 8px 20px rgba(0,0,0,.35)}.video-info{padding:15px 16px 17px}.video-label{color:#9a6b25;font-size:10px;font-weight:900;letter-spacing:.1em}.video-info h3{margin:7px 0 6px;color:#25364a;font-size:15px;line-height:1.45}.video-info p{margin:0;color:#84909a;font-size:11px}.video-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(4,18,32,.86)}.video-modal.open{display:flex}.video-modal-dialog{position:relative;width:min(1080px,94vw);padding:14px;border-radius:18px;background:#071a31;box-shadow:0 24px 80px rgba(0,0,0,.5)}.video-modal-title{margin:0 0 10px;padding:0 34px 0 4px;color:#fff;font-size:14px;font-weight:800}.video-modal iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:10px}.video-close{position:absolute;right:-12px;top:-14px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#071a31;font-size:25px;line-height:1;cursor:pointer}.video-close:focus-visible,.video-thumb:focus-visible,.playlist-link:focus-visible{outline:3px solid #f0bd5d;outline-offset:3px}@media(max-width:1000px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:720px){.video-learning-hero{padding:58px 22px 62px}.video-learning-hero-badge{width:108px;height:108px}.video-learning-hero-badge strong{font-size:38px}.video-learning-section{padding:54px 18px 76px}.video-learning-section-head{display:block}.playlist-link{display:inline-block;margin-top:17px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.video-info{padding:12px}.video-info h3{font-size:13px}.video-label,.video-info p{font-size:10px}}@media(max-width:440px){.video-learning-hero{display:block}.video-learning-hero-badge{margin:28px 0 0}.video-grid{grid-template-columns:1fr}}