.p_r { position: relative; } 
.evt_wrap { overflow: hidden } 
.evt_wrap a { display: block; width: 100%; } 
.evt_wrap a img { display: block; width: 100%; } 
.p_c { position: absolute; left:50%; transform: translateX(-50%); } 


.cont03 .sys_txt { font-size: 9vw; font-weight: 700; color: #ff3f28; text-align: center; bottom: 34vw; width: 100%; } 
.cont03 .sys_txt span { font-size: 7vw; font-weight: 700; color: #ff3f28; display: inline-block; margin-left: 1%; } 

.cont04 .scroll_wrap { width: 80%; margin: 0 auto; bottom: 23.7vw; font-size: 3vw; line-height: 5vw; height: 35vw; overflow-y: scroll; } 

/* 탭메뉴 */
.tab_area { top: 31vw; width: 90%; } 
.tab_area .tab_btn { display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0 auto; } 
.tab_area .tab_btn li { width: 49%; } 
.tab_area .tab_btn li a { display: block; width: 100%; font-size: 4.7vw; font-weight: 700; color: #8a87c0; text-align: center; padding: 5% 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: 5% auto 0; } 
.tab_area .tab_cont.active { display: block; } 
/* 비디오 팝업 */
.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: 90vw; height:auto; } 
.video_popup .pop_inner video { width: 100%; } 
.video_popup .close { position: absolute; right: 0px; top: -40px; display: block; width: 30px; height: 30px; } 
.video_popup .close::before, .video_popup .close::after { content: ''; position: absolute; width: 100%; height: 1px; 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: 90vw; padding: 5%; box-sizing: border-box; background: #fff; border-radius: 1rem; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); border: 1px solid #ff3f28;  } 
.payment_popup .pop_inner h4 { font-size: 4vw; font-weight: 700; color: #000; text-align: center; margin-bottom: 5%; } 
.payment_popup .pop_inner .notice_area { font-size: 3.5vw; line-height: 5vw; background: #f5f5f5; padding: 3%; box-sizing: border-box; border-radius: 0.55rem; } 
.payment_popup .pop_inner .notice_area p:nth-of-type(1){ margin-bottom: 2%; } 
.payment_popup .pop_inner .notice_area p span { color: #333; display: block; margin-right: 2%; font-weight: 700; } 
.payment_popup .pop_inner .check_area { text-align: center; margin-top: 5%; } 
.payment_popup .pop_inner .check_area input { margin-right: 2%; } 
.payment_popup .pop_inner .payment_btn { display: block; width: 100%; padding: 5%; box-sizing: border-box; background: #ff3f28; color: #fff; font-size: 4vw; font-weight: 700; text-align: center; border-radius: 0.55rem; margin-top: 5%; } 
.payment_popup .close { position: absolute; right: 0px; top: -40px; display: block; width: 30px; height: 30px; } 
.payment_popup .close::before, .payment_popup .close::after { content: ''; position: absolute; width: 100%; 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 */
.reason, .open_reason.reason { position: absolute; width:95%; top:29%; left:50%; padding: 5%; box-sizing: border-box; background:rgba(0,0,0,0.85); color:rgba(255,255,255,0.7); text-align: left; font-size:12px; letter-spacing: -0.04em; transform: translateX(-50%); display:none; } 
.reason.active { display: block; } 
.reason .close, .open_reason.reason .close { position: absolute; width:4vw; height:4vw; top:4%; right:1.5%; cursor: pointer; } 
.reason .close::before, .reason .close::after, .open_reason.reason .close::before, .open_reason.reason .close::after { content:''; display:block; width:100%; height:1px; background:rgba(255,255,255,0.7); position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(45deg); } 
.reason .close::after, .open_reason.reason .close::after { transform: translate(-50%,-50%) rotate(-45deg); } 

.fr_bnr { position: fixed; bottom: 26vw; left: 0; width: 100%; } 
.fr_bnr img { display: block; width: 100%; }