.p_r { position: relative; } 
.p_c { position: absolute; left: 50%; transform: translateX(-50%); } 
.evt_wrap { overflow: hidden; } 

/* top_bnr */
.top_bnr.fixed {position: fixed; left: 0; top: 0; width: 100%; z-index: 99;}

/* pop_txt */
.pop_txt {position: absolute; left: 50%; transform: translateX(-50%); width: 80%; box-sizing: border-box; padding: 2rem 1.4rem 1.4rem; background-color: #222; color: #fff; font-size: 1rem; display: none;}
.pop_txt.active {display: block;}
.pop_txt a {position: absolute; right: 0; top: 0; display: block; width: 2rem; height: 2rem;}
.pop_txt a::before {content: ''; display: block; width: 70%; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.pop_txt a::after {content: ''; display: block; width: 70%; height: 2px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg);}
.pop_txt01 {top: 66vw;}

/* cont03_3 */
.cont03_3 .teacher_info {position: absolute; left: 50%; top: 144vw; transform: translateX(-50%); width: 92%; height: 45vw; padding: 1.5rem 2rem; box-sizing: border-box;}
.cont03_3 .teacher_info span {display: block; width: 100%; height: 100%; overflow-y: scroll; font-size: 1.3rem; line-height: 2.5rem;}
.cont03_3 .teacher_info span::-webkit-scrollbar {width: 8px;}
.cont03_3 .teacher_info span::-webkit-scrollbar-thumb {background-color: #aaa; border-radius: 3vw;}
.cont03_3 .sd_box {position: absolute; left: 0; top: 186vw; width: 100%;}

/* cont03_4 */
.cont03_4 .tab_wrap {display: flex; justify-content: center; width: 100%;}
.cont03_4 .tab_wrap .cont_area {width: 45%;}
.cont03_4 .tab_wrap .cont_area li {display: none;}
.cont03_4 .tab_wrap .cont_area li.active {display: block;}
.cont03_4 .tab_wrap .tab_area {width: 25%; margin-top: 3vw;}
.cont03_4 .tab_wrap .tab_area li {margin-bottom: 1.5vw;}
.cont03_4 .tab_wrap .tab_area li a {display: block; width: 100%; font-size: 3vw; text-align: center; padding: 2vw; box-sizing: border-box; border-radius: 10px; border: 1px solid #adadad; color: #8b8b8b;}
.cont03_4 .tab_wrap .tab_area li a.active {background-color: #333; color: #fff; position: relative;}
.cont03_4 .tab_wrap .tab_area li a.active::after {content: ''; display: block; width: 4.5vw; height: 5vw; background: url('https://cdn.edu2080.co.kr/sabok/images/event/2025/0319/cursor.png') 0 0 no-repeat; background-size: 100%; position: absolute; right: -2vw; bottom: -2.5vw; z-index: 1;}

/* cont03_6 */
.cont03_6 .sd_box02 {position: absolute; left: 0; top: 46vw; width: 100%;}
.cont03_6 .sd_box03 {position: absolute; left: 50%; top: 139vw; transform: translateX(-50%); width: 95%;}
.cont03_6 .sd_box03 .bx-wrapper .bx-pager {bottom: -7vw;}
.cont03_6 .sd_box03 .bx-wrapper .bx-pager.bx-default-pager a {width: 3vw; height: 3vw; border-radius: 3vw; background-color: #c8c8c8; margin-right: 1vw;}
.cont03_6 .sd_box03 .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active {background-color: #222; width: 7vw;}

/* cont04 */
.cont04 ul {position: absolute; left: 50%; top: 38.5vw; transform: translateX(-50%); width: 93%;}
.cont04 ul li span {position: absolute; right: 26vw; top: 9.5vw; font-size: 5.5vw; font-weight: bold;}
.cont04 ul li:nth-of-type(2) span {top: 46vw;}
.cont04 ul li:nth-of-type(3) span {top: 82.5vw;}
.cont04 ul li a {display: block; width: 20vw; height: 25vw; position: absolute; right: 2vw; top: 4vw;}
.cont04 ul li:nth-of-type(2) a {top: 40.5vw;}
.cont04 ul li:nth-of-type(3) a {top: 77vw;}

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


@media all and (max-width: 750px) { html { font-size: 14px; } 
 }
@media all and (max-width: 580px) { html { font-size: 13px; } 
 }
@media all and (max-width: 460px) { html { font-size: 12px; } 
 }
@media all and (max-width: 360px) { html { font-size: 10px; } 
 }