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

/* reason */
.reason, .open_reason.reason { position: absolute; width:95%; top:30%; left:50%; padding: 5%; box-sizing: border-box; background:rgba(0,0,0,0.85); color:#fff; text-align: left; font-size:12px; letter-spacing: -0.04em; display:none; transform: translateX(-50%); } 
.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: #fff; 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); } 
.cont06 .reason {top: 67vw;}

/* cont01 */
.cont01 .card {position: absolute; left: 50%; top: 78vw; transform: translateX(-50%); width: 66%;}

/* cont04 */
.cont04 .lect_list {width: 83%; position: absolute; left: 50%; top: 52vw; transform: translateX(-50%);}
.cont04 .lect_list li {width: 100%; height: 31vw; margin-bottom: 2vw; position: relative;}
.cont04 .lect_list li span {position: absolute; left: 8vw; top: 17.5vw; font-size: 6.5vw; font-weight: bold;}
.cont04 .lect_list li a {display: block; width: 33vw; height: 100%; position: absolute; right: 0; top: 0;}
.cont04 .lect_list li:nth-of-type(1) span {color: #00a3a1;}
.cont04 .lect_list li:nth-of-type(2) span {color: #0765d8;}
.cont04 .lect_list li:nth-of-type(3) span {color: #e000d4;}
.cont04 .lect_list li:nth-of-type(4) span {color: #5d1ad5;}

/* cont06 */
.cont06 .scroll_wrap {top: 148vw; width: 80%; height: 40vw; overflow-y: scroll; font-size: 3.5vw; line-height: 1.8;}
.cont06 .sd_box01 {position: absolute; left: 50%; top: 194vw; transform: translateX(-50%); width: 100%;}
.sd_box01 .bx-wrapper .bx-viewport li, .sd_box02 .bx-wrapper .bx-viewport li {width: 50vw !important;}
.bx-wrapper .bx-viewport {height: auto !important;}

/* cont07 */
.cont07 .tab_wrap {width: 90%; display: flex; justify-content: center; padding: 5vw 0 8vw;}
.cont07 .tab_wrap .tab_cont {width: 60%;}
.cont07 .tab_wrap .tab_cont li {display: none; width: 90%;}
.cont07 .tab_wrap .tab_cont li.on {display: block;}
.cont07 .tab_wrap .tab_area {width: 37%; margin-top: 6vw;}
.cont07 .tab_wrap .tab_area li {width: 100%; margin-bottom: 1vw;}
.cont07 .tab_wrap .tab_area li:nth-last-of-type(1) {margin-bottom: 0;}
.cont07 .tab_wrap .tab_area li a {display: block; width: 100%; padding: 2vw 0; text-align: center; font-size: 3.5vw; color: #888; border: 1px solid #888; border-radius: 0.5rem;}
.cont07 .tab_wrap .tab_area li a.on {color: #fff; background: #222; border-color: #222; position: relative;}
.cont07 .tab_wrap .tab_area li a.on::after {content: ''; display: block; width: 7vw; height: 7vw; background: url('https://cdn.edu2080.co.kr/sabok/m/img/event/2024/0124/cursor.png') 0 0 no-repeat; background-size: 100% 100%; position: absolute; right: -3vw; top: 5vw;}

/* cont09 */
.cont09 .cont09_cont {position: relative;}
.sd_box02 {position: absolute; left: 50%; top: 4vw; transform: translateX(-50%); width: 100%;}
.sd_box03 {position: absolute; left: 50%; top: 98vw; transform: translateX(-50%); width: 95%;}
.sd_box03 .bx-wrapper .bx-pager, .sd_box03 .bx-wrapper .bx-controls-auto {bottom: -8vw;}
.sd_box03 .bx-wrapper .bx-pager.bx-default-pager a {width: 4vw; height: 4vw; border-radius: 4vw; margin-right: 1vw; background: #707070;}
.sd_box03 .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active {width: 9vw; border-radius: 3vw; background: #222;}

/* video_wrap */
.video_wrap {width: 100%; height: 100vh; position: fixed; left: 0; top: 0; display: none;}
.video_wrap.active {display: block;}
.video_wrap .bg {width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);}
.video_wrap .video_inner {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; z-index: 9;}
.video_wrap .video_inner .close {display: block; width: 5vw; height: 5vw; position: absolute; right: 0; top: -5vw;}
.video_wrap .video_inner .close::before {content: ''; display: block; width: 1px; height: 80%; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.video_wrap .video_inner .close::after {content: ''; display: block; width: 1px; height: 80%; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg);}
.video_wrap .video_inner video {width: 100%;}


@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; } 
 }