/* evt 공통 */
.evt_wrap * { font-family: 'Noto Sans KR', 'noto','Malgun Gothic','맑은고딕','맑은 고딕','dotum',돋움,sans-serif; 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; display: block; } 
.right_quick { display:none; } 
.ov { overflow: hidden; } 
.mr30 { margin-right: 30px; } 
.p_r { position: relative; } 
.p_c { position: absolute; left: 50%; transform: translateX(-50%); } 


.cursor { display: block; width: 670px; bottom: 80px; height: 120px; } 
.cont03 .cursor { bottom: 90px; } 

.sys_txt { font-size: 4.05rem; font-weight: 700; color: #ff3f28; text-align: center; bottom: 260px; } 
.sys_txt span { font-size: 3.25rem; font-weight: 700; color: #ff3f28; display: inline-block; margin-left: 5px; } 

.tab_area { top:240px; width: 750px; } 
.tab_area .tab_btn { display: flex; justify-content: space-between; align-items: center; width: 90%; margin: 0 auto; } 
.tab_area .tab_btn li { width: 49%; } 
.tab_area .tab_btn li a { display: block; width: 100%; font-size: 2.25rem; font-weight: 700; color: #8a87c0; text-align: center; padding: 15px 0; border-bottom: 2px solid #8a87c0; } 
.tab_area .tab_btn li a.active { color: #fff; border-bottom: 2px solid #fff; } 
.tab_area .tab_cont { display: none; margin: 50px auto 0; } 
.tab_area .tab_cont.active { display: block; } 


.teacher_detail { bottom: 180px; width: 600px; } 
.teacher_detail ul { width: 100%; height: 260px; overflow-y: scroll; } 
.teacher_detail ul::-webkit-scrollbar { display: none; } 
.teacher_detail ul li { font-size: 1rem; line-height: 1.75rem; font-weight: 400; text-align: left; } 

/* 히딘 베나 */
.fr_bnr { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99; } 
.fr_bnr img { width: 100%; } 

/* 비디오 팝업 */
.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); } 

/* 수강신청 전 유의사항 팝업 */
.payment_popup { position: fixed; left:0; top:0; width: 100%; height: 100%; display: none; z-index: 9999; } 
.payment_popup.active { display: block; }  
.payment_popup .bg { width: 100%; height: 100%; background: rgba(0,0,0,0.7); } 
.payment_popup .pop_inner { position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width: 90%; max-width: 450px; padding: 30px; background: #fff; border-radius: 1.45rem; box-shadow: 0 0 10px rgba(0,0,0,0.1); border: 1px solid #ff3f28; } 
.payment_popup .pop_inner h4 { font-size: 1.75rem; font-weight: 700; color: #333; text-align: center; margin-bottom: 15px; } 
.payment_popup .pop_inner .notice_area { font-size: 1rem; line-height: 1.75rem; font-weight: 400; text-align: left; background: #f5f5f5; padding: 15px; border-radius: 0.75rem; } 
.payment_popup .pop_inner .notice_area p { font-size: 1rem; line-height: 1.75rem; font-weight: 400; text-align: left; } 
.payment_popup .pop_inner .notice_area p span { font-size: 1.05rem; display: block; margin: 10px 0; line-height: 1.75rem; font-weight: 700; text-align: left; } 
.payment_popup .pop_inner .check_area { margin-top: 15px; display: flex; align-items: center; justify-content: center; } 
.payment_popup .pop_inner .check_area input { margin-right: 5px; width: 17px; height: 17px; border: 1px solid #333; border-radius: 3px;overflow: hidden; } 
.payment_popup .pop_inner .check_area label { font-size: 1.15rem; line-height: 1.75rem; font-weight: 700; text-align: left; } 
.payment_popup .pop_inner .payment_btn { display: block; width: 100%; background: #ff3f28; color: #fff; font-size: 1.25rem; font-weight: 700; text-align: center; border-radius: 0.75rem; margin-top: 15px; cursor: pointer; padding: 15px 0; } 
.payment_popup .close { position: absolute; right: 0; top: -60px; display: block; width: 50px; height: 50px; } 
.payment_popup .close::before, .payment_popup .close::after { content: ''; position: absolute; width: 80%; height: 2px; background: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); } 
.payment_popup .close::after { transform: translate(-50%,-50%) rotate(-45deg); } 


/* 근거 팝업 */
.reason { position: absolute; left:50%; top:280px; transform: translateX(-50%); background: rgba(0,0,0,0.8); padding: 20px; color: #fff; font-size: 0.95rem; line-height: 1.75rem; 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); }