/* 차세대 공학자 양성사업 - 교육영상 시청 디자인 */
.ev-page{background:linear-gradient(180deg,#f5f9ff 0,#fff 420px);padding-top:28px!important}
.ev-shell{max-width:1120px!important}
.ev-back{background:#fff;border:1px solid #dce7f5;border-radius:8px;padding:10px 13px!important;margin-bottom:19px!important}
.ev-head{position:relative;overflow:hidden;background:linear-gradient(110deg,#0d326b,#125cba 67%,#277ddd);border-radius:17px;padding:30px 34px!important;margin-bottom:20px!important;box-shadow:0 12px 30px rgba(16,76,157,.13)}
.ev-head:before{content:"";position:absolute;width:340px;height:340px;right:-95px;top:-190px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.045),0 0 0 110px rgba(255,255,255,.035);pointer-events:none}
.ev-head:after{content:"";position:absolute;width:145px;height:145px;right:65px;bottom:-110px;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}
.ev-head .ev-crumb,.ev-head .ev-crumb span,.ev-head h1,.ev-head .ev-meta{position:relative;z-index:1;color:#fff!important}
.ev-head .ev-crumb{opacity:.85}.ev-head .ev-crumb span+span:before{color:#bdd7ff!important}
.ev-head h1{font-size:clamp(24px,2.5vw,33px)!important;margin:12px 0!important;letter-spacing:-1px}
.ev-head .ev-meta{opacity:.82;font-size:13px!important}.ev-head .ev-meta span+span:before{color:#c2d8f4!important}
.ev-intro-label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;color:#e5f1ff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:50px;padding:7px 13px;font-size:12px;font-weight:700}
.ev-card{border-radius:15px!important;border-color:#dce7f4!important;box-shadow:0 6px 20px rgba(22,62,110,.045)!important}
.ev-player-head{padding:19px 24px!important;background:#fff}.ev-player-head strong{font-size:16px!important}
.ev-player-body{padding:22px!important}.ev-stage{border-radius:11px!important;box-shadow:0 5px 20px rgba(0,0,0,.09)}
.ev-learning{background:linear-gradient(130deg,#fff,#f8fbff);padding:25px!important}
.ev-section-title h2{font-size:18px!important}.ev-progress-track{height:12px!important}.ev-progress-fill{background:linear-gradient(90deg,#1666d2,#35a0ed)!important}
.ev-stat{background:#fff!important;border-radius:11px!important;padding:20px!important}.ev-stat strong{font-size:20px!important}
.ev-detail,.ev-guide{padding:26px 28px!important}.ev-detail h2,.ev-guide h2{font-size:17px!important}
.ev-guide{background:#f4f8fe!important}.ev-guide li{padding:3px 0}
.ev-footer-nav a{border-radius:9px!important;padding:13px 18px!important}
.ev-learning-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}
.ev-learning-step{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e0eaf7;border-radius:11px;padding:14px 16px;min-width:0}
.ev-learning-step i{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:#eaf3ff;color:#1765c5;font-size:15px}
.ev-learning-step strong{display:block;font-size:12px;color:#1a3d69;margin-bottom:3px}.ev-learning-step small{display:block;font-size:11px;color:#7c8ea5;line-height:1.5}
@media(max-width:800px){.ev-learning-steps{grid-template-columns:1fr}.ev-head{padding:25px 21px!important}.ev-player-body{padding:12px!important}.ev-learning,.ev-detail,.ev-guide{padding:19px!important}}



/* 교육영상 상단 배너 - 영상목록 페이지와 통일 */

.ev-head .ev-intro-label {
    margin-bottom: 12px;
}

.ev-head h1 {
    margin: 0 0 10px;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -0.7px;
    color: #ffffff;
}

.ev-intro-desc {
    margin: 0 0 22px;
    font-size: 14px;
    line-height: 1.7;
    color: rgba(255,255,255,0.88);
}

.ev-head .ev-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    align-items: center;
}

.ev-head .ev-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 12px;
    border: 1px solid rgba(255,255,255,0.23);
    border-radius: 6px;
    background: rgba(255,255,255,0.10);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}

.ev-head .ev-meta span::before {
    display: none;
}

.ev-head .ev-meta i {
    color: #ffffff;
}