/* 교육영상 목록 전용 시안. 기존 edu.css 뒤에 로드 */
.vl-page{padding-bottom:64px}.vl-page *{box-sizing:border-box}.vl-breadcrumb{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:13px;color:#7d8ca5}.vl-breadcrumb a{color:#2468c9;text-decoration:none;font-weight:700}.vl-hero{min-height:225px;border-radius:16px;background:linear-gradient(112deg,#102f69,#1769c8 70%,#398de6);position:relative;overflow:hidden;display:flex;align-items:center;padding:35px 40px;color:#fff}.vl-hero.vl-core{background:linear-gradient(112deg,#162957,#3447a4 70%,#6276db)}.vl-hero-content{position:relative;z-index:2;max-width:75%}.vl-eyebrow{font-size:12px;font-weight:650;opacity:.82;letter-spacing:.02em}.vl-hero h1{font-size:29px;color:white;line-height:1.35;margin:12px 0 10px}.vl-hero p{font-size:14px;color:#e3edff;margin:0}.vl-hero-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.vl-hero-stats span{border:1px solid #ffffff38;background:#ffffff1b;border-radius:7px;padding:8px 12px;font-size:12px}.vl-hero-stats i{margin-right:6px}.vl-hero-art{position:absolute;right:35px;top:0;width:240px;height:100%;opacity:.88}.vl-orbit{position:absolute;border:1px solid #ffffff45;border-radius:50%;width:230px;height:230px;top:-15px;right:0}.vl-orbit-two{width:160px;height:160px;right:35px;top:22px}.vl-art-screen{position:absolute;width:135px;height:95px;top:60px;right:52px;background:#ffffff2b;border:2px solid #ffffff8a;border-radius:12px;transform:rotate(-9deg);display:flex;align-items:center;justify-content:center;box-shadow:0 15px 25px #071f5140}.vl-art-screen>i{font-size:32px}.vl-art-screen span{position:absolute;bottom:12px;left:15px;height:4px;width:50px;background:#ffffff8a;border-radius:5px}.vl-art-screen span:last-child{bottom:22px;width:80px}.vl-atom,.vl-book{position:absolute;font-size:24px;color:#a7d5ff}.vl-atom{right:9px;top:37px}.vl-book{bottom:25px;left:15px}.vl-info-row{display:flex;align-items:center;gap:14px;margin:18px 0 24px}.vl-info{background:#eef5ff;border:1px solid #d6e6fd;color:#365b90;border-radius:10px;padding:14px 17px;display:flex;align-items:center;gap:11px;font-size:13px;flex:1}.vl-info>i{color:#2c71ce;font-size:16px}.vl-history{white-space:nowrap;background:#fff;border:1px solid #d6e2f1;border-radius:9px;padding:14px 17px;color:#2865b9;text-decoration:none;font-size:13px;font-weight:700}.vl-history i{margin-right:5px}.vl-filter{border:1px solid #e0e8f3;border-radius:12px;padding:18px 20px;background:#fff;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;box-shadow:0 5px 22px #1d417008}.vl-filter-title{display:flex;align-items:center;gap:9px;color:#17375d;font-size:14px}.vl-filter-title>i{color:#246dd4}.vl-filter-title span{font-size:12px;color:#8b99ad;margin-left:4px}.vl-filter-controls{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.vl-filter select{height:40px;max-width:260px;min-width:155px;border:1px solid #d7e1ee;border-radius:8px;background:#fff;color:#344b67;padding:0 12px;font-size:13px}.vl-reset{height:40px;padding:0 14px;display:inline-flex;align-items:center;gap:7px;border-radius:8px;border:1px solid #d5e0ee;color:#48617e;background:#f6f9fd;text-decoration:none;font-weight:700;font-size:12px}.vl-reset:hover{background:#eaf2fd;color:#1f60bc}.vl-section-heading{display:flex;align-items:center;justify-content:space-between;margin:35px 0 17px}.vl-section-kicker{color:#3379d5;font-size:10px;font-weight:800;letter-spacing:1.4px}.vl-section-heading h2{font-size:21px;color:#16375d;margin:5px 0}.vl-section-heading h2 em{font-size:14px;font-style:normal;color:#3279d3;margin-left:6px}.vl-section-heading p{margin:0;color:#8290a5;font-size:12px}.vl-view-tag{font-size:12px;color:#5d7799}.vl-view-tag i{margin-right:5px}.vl-list{display:flex;flex-direction:column;gap:15px}.vl-item{background:#fff;border:1px solid #e0e8f3;border-radius:13px;padding:20px;display:flex;align-items:center;gap:23px;box-shadow:0 6px 22px #173f7307;transition:box-shadow .2s,border-color .2s}.vl-item:hover{border-color:#a9c9f5;box-shadow:0 12px 26px #174e9313}.vl-thumb{width:215px;min-width:215px;height:140px;border-radius:10px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b519a,#3298df);color:#fff}.vl-thumb-core{background:linear-gradient(135deg,#373e93,#7b8be4)}.vl-thumb-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff18 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px);background-size:23px 23px;transform:rotate(-12deg) scale(1.3)}.vl-thumb-icon{position:absolute;font-size:67px;opacity:.16;right:13px;top:18px}.vl-play{width:52px;height:52px;background:#ffffffeb;color:#236fc5;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 6px 20px #102b5d33}.vl-play i{margin-left:3px}.vl-thumb-duration{position:absolute;bottom:10px;left:10px;background:#0d275b9c;border-radius:5px;padding:5px 8px;font-size:11px}.vl-item-body{flex:1;min-width:0}.vl-item-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px}.vl-category{background:#eaf3ff;color:#1e6ac6;padding:5px 8px;border-radius:5px;font-weight:800}.vl-subject-name{color:#7488a3}.vl-complete-tag{color:#198361;font-weight:700}.vl-item h3{color:#142e52;font-size:18px;margin:12px 0 11px;line-height:1.5}.vl-meta{display:flex;gap:18px;flex-wrap:wrap;color:#72849e;font-size:12px}.vl-meta i{margin-right:5px;color:#7392b9}.vl-progress{margin-top:17px;max-width:420px}.vl-progress-label{display:flex;justify-content:space-between;font-size:11px;color:#73849a;margin-bottom:8px}.vl-progress-label strong{color:#376aa8}.vl-progress-track{height:6px;border-radius:8px;background:#eaf0f7;overflow:hidden}.vl-progress-track span{height:100%;display:block;border-radius:8px;background:linear-gradient(90deg,#2680dd,#59afe7)}.vl-guest-hint{margin-top:18px;font-size:12px;color:#8393a8}.vl-guest-hint i{margin-right:5px}.vl-item-action{display:flex;flex-direction:column;align-items:center;gap:11px;min-width:155px}.vl-watch{background:#176bd0;color:#fff!important;border-radius:8px;padding:13px 16px;font-size:12px;font-weight:750;text-decoration:none!important;white-space:nowrap;text-align:center;width:100%}.vl-watch:hover{background:#1055ac}.vl-watch i{margin-right:5px}.vl-item-action>span{color:#9aabc0;font-size:10px}.vl-item-action>span i{margin-left:4px}.vl-bottom-note{display:flex;align-items:center;gap:15px;background:#f5f8fc;border:1px solid #e7edf5;border-radius:12px;padding:22px 24px;margin-top:30px}.vl-bottom-note>i{font-size:24px;color:#e4a13c}.vl-bottom-note>div{flex:1}.vl-bottom-note strong{font-size:13px;color:#23466e}.vl-bottom-note p{font-size:12px;color:#7c8ca1;margin:6px 0 0;line-height:1.8}.vl-bottom-note>a{white-space:nowrap;color:#246cc7;text-decoration:none;font-size:12px;font-weight:750}.vl-empty{text-align:center;padding:65px 20px;border:1px dashed #c9d9ed;border-radius:12px;color:#7d8da3}.vl-empty>i{font-size:35px;color:#adc3df}.vl-empty h3{color:#2e4c71}.vl-empty a{color:#216bd0}.vl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.vl-item{flex-wrap:wrap}.vl-item-body{flex-basis:calc(100% - 245px)}.vl-item-action{width:100%;align-items:flex-end}.vl-watch{width:auto}.vl-filter-title{width:100%}}@media(max-width:700px){.vl-hero{padding:25px;min-height:210px}.vl-hero h1{font-size:23px}.vl-hero-content{max-width:100%}.vl-hero-art{opacity:.2;right:-60px}.vl-info-row{flex-direction:column;align-items:stretch}.vl-filter-controls,.vl-filter-controls label,.vl-filter select{width:100%;max-width:none}.vl-item{display:block;padding:15px}.vl-thumb{width:100%;height:170px;margin-bottom:17px}.vl-item-action{align-items:stretch;margin-top:18px}.vl-watch{width:100%}.vl-bottom-note{align-items:flex-start;flex-wrap:wrap}.vl-bottom-note>a{margin-left:39px}}