.evt_wrap.evt_wrap { overflow: hidden } 
.p_r { position: relative; } 

/* backgroud */
.cont02 { padding-bottom: 10%; } 
.cont04 { padding-bottom: 10%; background: linear-gradient(to bottom, #f3fdff 15%, #fff 75%); } 
.cont05 { padding-bottom: 10%; background: linear-gradient(to bottom, #fff8f1 25%, #fff 75%); } 

.sys_txt { position: absolute; left: 50%; transform: translateX(-50%); width: 100%; text-align: center; font-weight: 700; font-size: 1.5rem; } 
.lect .sys_txt { color: #f63b5c; top: 51vw; font-size: 3.4rem; left: 37.2%; } 
.lect div { position: absolute; left: 50%; transform: translateX(-50%); width: 70%; top: 130vw; height: 20vw; } 
.lect div span { color: #999; text-decoration: line-through; position: absolute; top: 0; left: 0; font-size: 1.75rem; } 
.lect div strong { color: #fff; position: absolute; right: 7%; top: 6%; font-size: 1.35rem; text-align: center; } 
.lect div p { font-size: 3.4rem; font-weight: 700; position: absolute; color: #ff9529; left: 0; bottom: 0; } 

.cont04 .qna_qrap { padding: 5%; } 
.cont04 .qna_qrap li { background: #ebfaff; padding: 4%; border-radius: 15px; margin-bottom: 3.5%; } 
.cont04 .qna_qrap li dt { display: flex; justify-content: left; align-items: start; gap: 2%; margin-bottom: 3%; } 
.cont04 .qna_qrap li dt p { font-size: 1.15rem; font-weight: 700; width: 70% } 
.cont04 .qna_qrap li dt>span { display: inline-block; width:30px; height: 30px; background: url('https://cdn.edu2080.co.kr/sabok/m/img/event/2024/0327/q_icon.png')0 0 no-repeat; background-size: 100%; } 
.cont04 .qna_qrap li dd { width: 80%; margin: 3% auto; display: none; } 
.cont04 .qna_qrap li dd.active { display: block; } 

.bx-wrapper .bx-controls-direction a { top: 6%; width: 42px; height: 42px; } 
.cont02 .bx-wrapper .bx-controls-direction a { top: 5%; width: 42px; height: 42px; } 
.bx-wrapper .bx-prev { left: 29%; } 
.bx-wrapper .bx-next { right: 29%; } 
@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: 350px) { html { font-size: 10px; } 
 }