.event_area *{font-family: noto,sans-serif;}
.p_r{position: relative;}

/* evt_main */
.evt_main .percent {position: absolute; left: 24.8vw; top: 57.2vw; font-size: 4.2vw; font-weight: bold; color: #008044;}
.evt_main a {display: block; width: 100%; height: 20vw; position: absolute; left: 0; bottom: 16vw;}

/* cont02 */
.cont02 .percent {position: absolute; left: 49%; top: 63vw; transform: translateX(-50%); font-size: 8vw; font-weight: bold; color: #0251df;}

/* cont03 */
.cont03 {background-color: #f6efff; padding-bottom: 4rem;}
/* 상단 가격단 */
.cont03 .price_box .price {position: absolute; left: 51vw; top: 52.5vw; font-size: 5vw; color: #868686;}
.cont03 .price_box .sale_price {position: absolute; left: 50%; top: 60vw; transform: translateX(-50%); font-size: 7vw; font-weight: bold; color: #4d00ea;}
.cont03 .price_box .sale_price strong {font-size: 10vw;}
/* 개강일 테이블 */
.lect_guide_alim {width: 92%; overflow: hidden; margin: 0 auto 3rem;}
.lect_guide_alim tbody th {background-color: #2c2c2c; padding: 1rem 0; text-align: center; color: #fff; font-size: 16px; position: relative; border-right: 1px solid #6c6c6c;}
.lect_guide_alim tbody th:nth-of-type(1) {border-radius: 1rem 0 0 1rem;}
.lect_guide_alim tbody th:nth-last-of-type(1) {border-radius: 0 1rem 1rem 0; border-right: none;}
.lect_guide_alim tbody td {font-size: 16px; padding: 1rem 0; text-align: center; color: #222; border-right: 1px solid #d5d0dc; border-bottom: 1px solid #d5d0dc ;}
.lect_guide_alim tbody td:nth-last-of-type(1) {border-right: none;}
/* 수강신청 */
/* 탭 */
.tab_area {width: 100%;}
.tab_area .tab_button {width: 100%; display: flex; gap: 1%;}
.tab_area .tab_button li {width: 49.5%;}
.tab_area .tab_button li a {display: block; width: 100%; padding: 1rem 0; text-align: center; font-size: 1.25rem; background-color: #e4e4e4; color: #333; border-radius: 1rem 1rem 0 0;}
.tab_area .tab_button li.on a {background-color: #4d00ea; color: #fff;}
.tab_area .tab_cont {display: none;}
.tab_area .tab_cont.on {display: block; background-color: #fff; width: 100%;}
/* 목표학위, 희망전공, 학습구분 */
.tab_area .lect_gubun { width: 94%; padding: 1.5rem 0; margin: 0 auto 1.5rem; box-sizing: border-box; border-bottom: 1px solid #ddd;} 
.tab_area .lect_gubun dl { display: flex; overflow:hidden; width:100%; position:relative; padding:0px 0px 10px 0px; } 
.tab_area .lect_gubun dl dt { color:#3b3b3b; font-size:1.1rem; font-weight:bold; margin-left: 7%; width: 13%;} 
.tab_area .lect_gubun dl dd { margin-left:10px; float:left; color:#3b3b3b; font-size:12px; font-weight:bold; } 
.tab_area .lect_gubun dl dd input { width:16px; height:16px; } 
.tab_area .lect_gubun dl dd label {font-size: 1.1rem;}
.tab_area .lect_gubun dl:nth-of-type(2) {flex-wrap: wrap;}
.tab_area .lect_gubun dl:nth-of-type(2) dd {width: 27%; margin-bottom: 0.5rem;}
.tab_area .lect_gubun dl:nth-of-type(2) dd:nth-of-type(3) {margin-left: 21.5%;}
.tab_area .lect_gubun dl:nth-of-type(2) dd:nth-last-of-type(1), .tab_area .lect_gubun dl:nth-of-type(2) dd:nth-last-of-type(2) {margin-bottom: 0;}
/* 강의리스트 */
.tab_area .box-select {width: 100%; padding: 0 6%; box-sizing: border-box; border-radius: 0 0 1rem 1rem; }
.tab_area .box-select .list-select {display: flex; gap: 2%; flex-wrap: wrap;}
.tab_area .box-select .list-select li {flex-shrink: 0; width: 49%; height: auto; min-height: fit-content; overflow: visible; border: 1px solid #d1d1d1; padding: 2vw; box-sizing: border-box; margin-bottom: 2%; border-radius: 5px;}
.tab_area .box-select .list-select li dl {position: relative;}
.tab_area .box-select .list-select li dl dt {position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-top: 2.5vw;}
.tab_area .box-select .list-select li dl dt input[type="checkbox"] {width: 15px; height: 15px;}
.tab_area .box-select .list-select li dl dd.first {display: flex; justify-content: space-between; width: 100%;}
.tab_area .box-select .list-select li dl dd.first div:nth-of-type(1) { display: flex; align-items: center; border-radius: 5px;}
.tab_area .box-select .list-select li dl dd.first div .end_time {padding: 0 3px; border: 1px solid #e9123a; color: #3b3b3b; font-size: 1rem;}
.tab_area .box-select .list-select li dl dd.first div .end_box {display: block; height: 100%; padding: 0 3px; border: 1px solid #e9123a; font-size: 1rem; border-radius: 5px;}
.tab_area .box-select .list-select li dl dd.first .class_type {color: #b90728; padding: 2px 5px; border-radius: 12px; font-size: 1rem; margin-right: 3px;}
.tab_area .box-select .list-select li dl dd.first .class_type:nth-last-of-type(1) {margin-right: 0;}
.tab_area .box-select .list-select li dl dd.last {padding-left: 25px; margin-top: 2vw; font-size: 1.3rem; color: #333; font-weight: bold; word-break: keep-all; word-wrap: break-word;}
.end_time.red {border-color:#e9123a !important;}
.end_box.red {background: #e9123a; color: #fff;}
.end_time.blue {border-color:#5644e2 !important;}
.end_box.blue {background: #5644e2; border-color: #5644e2 !important; color: #fff;}
.end_time.gray {border-color: #777 !important;}
.end_box.gray {background: #777; border-color: #777 !important; color: #fff;}
.end_time.black {border-color: #2e2e2e !important;}
.end_box.black {background: #2e2e2e; border-color: #2e2e2e !important; color: #fff;}
.tab_area .box-select .list-select li dl dd.first .class_type.required {background: #ffe3e8; color: #b90728; border: none !important;}
.tab_area .box-select .list-select li dl dd.first .class_type.selection {background: #ffedda; color: #5d3d1b;}
.tab_area .box-select .list-select li dl dd.first .class_type.liberal {background: #e8e5ff; color: #2f1fa9;}
.tab_area .box-select .list-select li dl dd.first .class_type.regular {background: #f0f0f0; color: #121212;}
/*  */
.lect_bg {width: 100%; padding: 5% 3%; box-sizing: border-box; background: #fff;}
/* 선택한 과목 */
.tit-select {padding: 0 3%; display: flex; align-items: center; gap: 10px;}
.tit-select .tit { font-size: 1.35rem; flex-shrink: 0; color: #222; font-weight: bold;}
.tit-select span {font-size: 1rem; font-weight: normal; color: #ec4055; vertical-align: middle;}
.tit-select span img {width: 1.6rem; vertical-align: middle;}
.box-selected {width: 94%; margin: 1rem auto 2rem; padding: 1.2rem; background: #f5f5f5; border-radius: 1rem;}
.box-selected .list-selected {display: flex; gap: 2%; flex-wrap: wrap;}
.box-selected .list-selected li {flex-shrink: 0; width: 49%; height: auto; word-break: keep-all; word-wrap: break-word; margin-bottom: 1rem;}
.box-selected .list-selected li:nth-last-of-type(1), .box-selected .list-selected li:nth-last-of-type(2) {margin-bottom: 0;}
.box-selected .list-selected li button {display: flex; align-items: center; gap: 1vw; width: 100%; height: auto; flex-wrap: wrap; font-size: 1.2rem;}
.box-selected .list-selected li button span {font-size: 1.2rem; display: inline-block; width: 80%; word-break: keep-all; word-wrap: break-word; white-space: normal; text-align: left;}
.box-selected .list-selected li button::before {content: ''; display: inline-block; width: 1.2rem; height: 1.2rem; background: url('//www.edu2080.co.kr/images/event/2018/03/14/btn_close.gif') 0 0 no-repeat; background-size: contain;}
/* 결제단 */
.btn-regi {width: 94%; padding-top: 2rem; margin: 0 auto 2rem; position: relative; border-top: 1px solid #dedede;}
.btn-regi > div {width: 100%; position: relative; margin-left: 3vw;}
.btn-regi > div .count_checked {font-size: 4.5vw; font-weight: bold; color: #3b3b3b;}
.btn-regi > div .count_checked span {color: #4d00ea;}
.btn-regi > div .count_checked span strong {font-size: 6vw;}
.btn-regi > div .total_amount {font-size: 3.8vw; color: #999; position: absolute; right: 7vw; top: 0; text-decoration: line-through;}
.btn-regi > div .sale-price {font-size: 5.5vw; font-weight: bold; color: #4d00ea; position: absolute; right: 7vw; top: 7vw;}
.btn-regi > div .sale-price em {font-size: 5vw; font-weight: bold;}
.btn-regi a {display: block; width: 100%; margin-top: 2rem;}
/* 이벤트 유의사항 */
.notice_sys h5 {font-size: 1.4rem; color: #222;}
.notice_sys li {font-size: 1.15rem; color: #222;}

/* cont05 */
.cont05 a {display: block; width: 75%; height: 16vw; position: absolute; left: 50%; bottom: 17vw; transform: translateX(-50%);}

/* cont07 */
.cont07 li a {display: block; width: 35vw; height: 16vw; position: absolute; right: 4vw;}
.cont07 li:nth-of-type(1) a {top: 62vw;}
.cont07 li:nth-of-type(2) a {top: 83.5vw;}
.cont07 li:nth-of-type(3) a {top: 103.5vw;}
.cont07 li:nth-of-type(4) a {top: 125vw;}


@media all and (max-width: 750px) { html { font-size: 14px; } 
 }
@media all and (max-width: 580px) { html { font-size: 13px; } 
    .tab_area .tab_button li a {font-size: 1rem;}
 }
@media all and (max-width: 460px) { html { font-size: 12px; } 
    .lect_guide_alim tbody th, .lect_guide_alim tbody td {font-size: 1.25rem;}
    .tab_area .box-select .list-select li dl dt {margin-top: 3vw;}
    .tab_area .lect_gubun dl dt {margin-left: 3%; width: 16%;}
    .tab_area .lect_gubun dl:nth-of-type(2) dd {width: 30%;}
 }
@media all and (max-width: 355px) {
    .tab_area .box-select .list-select li dl dd.first div .end_time, .tab_area .box-select .list-select li dl dd.first div .end_box,
    .tab_area .box-select .list-select li dl dd.first .class_type {font-size: 11px;}
}
@media all and (max-width: 350px) { html { font-size: 10px; } 
    .tab_area .box-select .list-select li dl dd.first div .end_time, .tab_area .box-select .list-select li dl dd.first div .end_box,
    .tab_area .box-select .list-select li dl dd.first .class_type {font-size: 1rem;}
 }