/* evt 공통 */
.evt_wrap * { letter-spacing:-1px; } 
.evt_wrap { overflow: hidden; } 
.inner { width:1000px; margin:0 auto; position: relative; } 
.inner_w { width: 2560px; position: relative; text-align: center; left: 50%; transform: translateX(-50%); margin: 0; } 
.right_quick { display:none; } 
.ov { overflow: hidden; } 
.p_r { position: relative; } 
.p_c { position: absolute; left: 50%; transform: translateX(-50%); } 

@keyframes float { 
 0% { transform: translateY(0px); } 
 50% { transform: translateY(-15px); } 
 100% { transform: translateY(0px); } 
 }

@keyframes click-bounce {
  0% { transform: scale(1); }
  50% { transform: scale(0.85); }
  100% { transform: scale(1); }
}

@keyframes click-ripple {
  0% { transform: translate(-50%,-50%) scale(0); opacity: 0.6; }
  80% { opacity: 0.2; }
  100% { transform: translate(-50%,-50%) scale(1.75); opacity: 0; }
}

@keyframes cursor-diagonal {
  0% { bottom:-10px; right: -10px; }
  50% { bottom: -16px; right: -16px; }
  100% { bottom:-10px; right: -10px; }
}

 .evt_main .evt_btn { display: block; width: 640px; bottom: 60px; } 
 .evt_main .evt_btn img { width: 100%; } 
 .evt_main .evt_btn span { position: absolute; bottom:-10px; right: -10px; width: 50px; height: 50px; background: url('//cdn.edu2080.co.kr/sabok/images/event/2025/1029/cursor.png') no-repeat center center; background-size: 100% 100%; animation: cursor-diagonal 1.8s ease-in-out infinite; } 
 .evt_main .evt_btn span::after { content: ''; position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; border-radius: 50%; transform: translate(-50%,-50%) scale(0); background: rgba(255,255,255,0.35); pointer-events: none; } 
 .evt_main .evt_btn:hover span { animation: cursor-diagonal 1.8s ease-in-out infinite, click-bounce .25s ease; } 
 .evt_main .evt_btn:hover span::after { animation: click-ripple .45s ease-out; } 

.cont02 .teacher_detail { width: 520px; position: absolute; left: 50%; top: 1140px; transform: translateX(-50%); } 
.cont02 .teacher_detail ul { width: 100%; height: 200px; overflow-y: scroll; } 
.cont02 .teacher_detail ul::-webkit-scrollbar { width: 5px; border-radius: 10px; } 
.cont02 .teacher_detail ul::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; } 
.cont02 .teacher_detail ul::-webkit-scrollbar-track { background: rgba(0,0,0,0.0); } 
.cont02 .teacher_detail ul li { margin-bottom: 0.5rem; font-size:1.15rem; color: #333; text-align: left; } 

.reason { position: absolute; left:50%; top:370px; transform: translateX(-50%); background: rgba(0,0,0,0.8); padding: 20px; color: #fff; font-size: 1rem; line-height: 1.55rem; font-weight: 400; border-radius: 1.75rem; display: none; } 
.reason.active { display: block; } 
.reason .close { position: absolute; right: 10px; top: -30px; display: block; width: 30px; height: 30px; } 
.reason .close::before, .reason .close::after { content: ''; position: absolute; width: 20px; height: 2px; background: #000; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); } 
.reason .close::after { transform: translate(-50%,-50%) rotate(-45deg); } 

/* 비디오 팝업 */
.video_popup { position: fixed; left:0; top:0; width: 100%; height: 100%; display: none; z-index: 9999; } 
.video_popup.active { display: block; } 
.video_popup .bg { width: 100%; height: 100%; background: rgba(0,0,0,0.7); } 
.video_popup .pop_inner { position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width: 800px; height: 560px } 
.video_popup .pop_inner video { width: 100%; height: 100%; } 
.video_popup .close { position: absolute; right: 10px; top: -10px; display: block; width: 50px; height: 50px; } 
.video_popup .close::before, .video_popup .close::after { content: ''; position: absolute; width: 20px; height: 2px; background: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); } 
.video_popup .close::after { transform: translate(-50%,-50%) rotate(-45deg); }