.evt_wrap { font-family: noto,sans-serif; position: relative; } 
.p_c { position:absolute; left: 50%; transform: translateX(-50%); } 
.p_r { position: relative; } 

.cont08 { background: #fff; } 

.date_txt { font-size: 3.6vw; color: #333; bottom: 19.7%; text-align: left; left: 43.6%; font-weight: 700; } 


.evt_btn { display: block; width: 90%; height: 11%;} 
.evt_btn01 { bottom: 4%; } 
.evt_btn02 { bottom: 7%; } 
.evt_btn03 { top: 62%; width: 33%; height: 3%; left: 74.3%; } 
.evt_btn04 { bottom: 19%; height: 4%; } 
.evt_btn05 { bottom: 10%; } 
.evt_btn06 { width: 80%; height: 13vw; margin: 0 auto; } 
.evt_btn07 { bottom: 4%; } 
 
.slide_wrap { width: 90%; margin: 3% auto; } 

.slide_wrap02 { position: absolute; top: 60%; } 
.slide_wrap02 .bx-viewport li { width: 45vw !important; } 

.evt_btn_list { top: 29.2%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 90%; max-width: 620px; } 
.evt_btn_list li { height: 23vw; margin-bottom: 1%; width: 49.2%; } 
.evt_btn_list li a { display: block; width: 100%; height: 100%;} 

.url_form_wrap { width: 82%; max-width: 620px; bottom: 3.7%; display: flex; align-items: center; justify-content: space-between; } 
.url_form_wrap input { width: 76%; border-radius: 14px; padding: 4% 10px; font-size: 3.5vw; color: #333; background: none; border: none; } 
.url_form_wrap input::placeholder { font-size: 3.5vw; } 
.url_form_wrap input::placeholder { color:#999; } 
.url_form_wrap a { width: 30%; border-radius: 10px; border: none; height: 10.9vw;} 

.form_wrap { width: 90%; max-width: 690px; top: 45.8%; } 
.form_wrap .form_list { width: 81%; margin: 0 auto 10%; } 
.form_wrap .form_list li { margin-bottom: 3.5%; width: 100%; } 
.form_wrap .form_list li:nth-of-type(2) { margin-bottom: 13.6%; } 
.form_wrap .form_list li input {    font-size: 20px;
    color: #333;
    padding: 3.7% 10px;
    border-radius: 10px;
    background: none;
    width: 73.8%;
    display: flex;
    justify-content: end;
    margin-left: auto;
    border: none;
    height: 9.4vw;} 
.form_wrap .form_list li:nth-last-of-type(1) input { color: #000; width: 100%; padding: 3%; } 
.form_wrap .form_list li input::placeholder { color:#999; } 
.form_wrap .agree_list { display: flex; align-items: center; justify-content: space-between; width: 76%; margin: 23.5% auto 4.9%; } 
.form_wrap .agree_list li.agree_item { width: 50%; } 
.form_wrap .agree_list li.agree_item input { display: none; } 
.form_wrap .agree_list li.agree_item label { display: flex; width: 100%; font-size: 3.8vw; color: #333; font-weight: 700; position: relative; gap: 5%; align-items: center; } 
.form_wrap .agree_list li.agree_item label::before { content: ''; display: block; width: 4vw; height: 4vw; background: url('//cdn.edu2080.co.kr/sabok/images/event/2021/0305/re_250213/chek_off.png') no-repeat center center; background-size: 100%; } 
.form_wrap .agree_list li.agree_item input[type="checkbox"]:checked + label::before { background: url('//cdn.edu2080.co.kr/sabok/images/event/2021/0305/re_250213/check_on.png') no-repeat center center; background-size: 100%; } 
.form_wrap .agree_list li:nth-last-of-type(1) { width: 30%; } 
.form_wrap .agree_list li a { display: flex; justify-content: center; align-items: center; background: #999; color: #fff; padding: 7%; border-radius: 15px; font-size: 2.9vw; font-weight: 700; } 

.evt_popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 9999; } 
.evt_popup.active { display: block; } 
.evt_popup .pop_inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 500px; width: 90%; border-radius: 20px; background: #fff; padding: 30px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.3); } 
.evt_popup .pop_inner h4 { font-size: 1.5rem; color: #333; font-weight: 700; margin-bottom: 20px; } 
.evt_popup .pop_inner p { font-size: 1rem; color: #333; margin-bottom: 10px; } 
.evt_popup .pop_inner p strong { font-size: 1rem; color: #333; font-weight: 700; } 
.evt_popup .pop_inner .close { position: absolute; top: -50px; right: 0; width: 30px; height: 30px; display: block; cursor: pointer; } 
.evt_popup .pop_inner .close::before, .evt_popup .pop_inner .close::after { content: ''; position: absolute; width: 100%; height: 2px; background: #000; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg); display: block; } 
.evt_popup .pop_inner .close::after { transform: translate(-50%,-50%) rotate(-45deg); }