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

/* cont04 */
.cont04 {background-color: #efefef; padding-bottom: 3rem;}
.cont04 .searchbox {width: 90%; margin: 0 auto;}
.cont04 .searchbox .type_area {width: 100%; background-color: #fff; border: 2px solid #acacac; border-radius: 3rem; box-shadow: 0 10px 13px rgba(0, 0, 0, 0.15); display: flex; align-items: center; padding: 0.5rem 1rem;}
.cont04 .searchbox .type_area input[type="text"] {background: none; border: none; width: 75%; font-size: 1.2rem;}
.cont04 .searchbox .type_area button {width: 25%; position: relative; background-color: #111; padding: 1rem; color: #fff; font-size: 1.15rem; font-weight: bold; border-radius: 3rem;}
.cont04 .searchbox .type_area button img {display: inline; width: 55%; position: absolute; right: -21%; top: 49%;}
.cont04 .search_list {margin-top: 1rem; width: 100%; height: 14rem; padding: 1.2rem 1.5rem; background-color: #fff; border-radius: 1.5rem;}
.cont04 .search_list div {width: 100%; height: 100%; overflow-y: scroll; padding-right: 1rem;}
.cont04 .search_list div li {display: flex; justify-content: space-between; font-size: 1.1rem; color: #787878; line-height: 2;}

/* cont06 */
.cont06 {background-color: #00226e;}
.cont06 .lect_price {width: 100%; position: absolute; top: 42vw; left: 50%; transform: translateX(-50%);}
.cont06 .lect_price li {width: 100%; height: 23vw; position: relative; margin-bottom: 1.5vw;}
.cont06 .lect_price li span {position: absolute; font-weight: bold; color: #222;}
.cont06 .lect_price li .price_txt {left: 11vw; top: 3.7vw; font-size: 4.2vw;}
.cont06 .lect_price li .price {left: 14vw; top: 10.5vw; font-size: 5vw; color: #9b9b9b;}
.cont06 .lect_price li .sale_price {right: 12vw; top: 5vw; font-size: 8vw;}
.cont06 .lect_price li .sale_price strong {font-size: 10vw;}

.lect_guide_alim {width: 92%; overflow: hidden; margin: 0 auto 2rem; border-collapse: separate; border-spacing: 0;}
.lect_guide_alim tbody th {background-color: #2b69f9; padding: 1rem 0; text-align: center; color: #fff; font-size: 16px; position: relative;}
.lect_guide_alim tbody th::after {content: ''; display: block; width: 1px; height: 36%; background-color: #668be2; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.lect_guide_alim tbody th:nth-last-of-type(1)::after {display: none;}
.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; background-color: #fff; text-align: center; font-weight: bold; color: #222; position: relative;}
.lect_guide_alim tbody td span {color: #636363; font-size: 14px; font-weight: normal; display: block;}
.lect_guide_alim tbody td::after {content: ''; display: block; width: 1px; height: 36%; background-color: #e5e5e5; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.lect_guide_alim tbody td:nth-last-of-type(1)::after {display: none;}
.lect_guide_alim tbody tr td {border-bottom: 1px solid #e5e5e5;}
.lect_guide_alim tbody tr:nth-of-type(1) td, .lect_guide_alim tbody tr:nth-of-type(2) td, .lect_guide_alim tbody tr:nth-last-of-type(1) td {border-bottom: none;}
.lect_guide_alim tbody tr:nth-of-type(3) td:nth-of-type(1) {border-radius: 1rem 0 0 0;}
.lect_guide_alim tbody tr:nth-of-type(3) td:nth-last-of-type(1) {border-radius: 0 1rem 0 0;}
.lect_guide_alim tbody tr:nth-last-of-type(1) td:nth-of-type(1) {border-radius: 0 0 0 1rem;}
.lect_guide_alim tbody tr:nth-last-of-type(1) td:nth-last-of-type(1) {border-radius: 0 0 1rem 0;}
.lect_guide_alim tbody tr.margin td {background: none; border: none; padding: 1rem 0 0 0;}

.lect_guide_txt {font-size: 16px; text-align: center; color: #8091b7; padding-bottom: 3.5rem;}

.lect_select_wrap {background-color: #ecf6ff; border-radius: 0 2rem 0 0; padding: 10% 4%;}
.tab_area {width: 100%; margin-bottom: 2rem;}
.tab_area .tab_button {width: 100%; display: flex; gap: 1%;}
.tab_area .tab_button.col2 li {width: 49.5%;}
.tab_area .tab_button.col3 li {width: 33.3%;}
.tab_area .tab_button li a {display: block; width: 100%; padding: 1rem 0; text-align: center; font-size: 1.25rem; background-color: #fff; color: #a9a9a9; border-radius: 1rem; border: 1px solid #a9a9a9;}
.tab_area .tab_button li.on a {background-color: #222; color: #fff; border-color: #222;}
.tab_area .lect_notice {display: block; text-align: center; color: #969da3; font-size: 0.9rem; margin: 1rem 0;}
.tab_area .tab_cont {display: none;}
.tab_area .tab_cont.on {display: block;}
.tab_area .lect_gubun { width: 100%; padding: 1rem 1.5rem; margin: 1.5rem 0 1rem 0; box-sizing: border-box; border-radius: 1rem; background-color: #2b69f9;} 
.tab_area .lect_gubun dl { display: flex; overflow:hidden; width:100%; position:relative; } 
.tab_area .lect_gubun dl dt { color:#fff; font-size:1.2rem; font-weight:bold; } 
.tab_area .lect_gubun dl dd { margin-left:1rem; float:left; color:#3b3b3b; font-size:12px; font-weight:bold; display: flex; align-items: center;} 
.tab_area .lect_gubun dl dd input { width:1.2rem; height:1.2rem; margin-right:5px; appearance: none; border: 1px solid #fff; border-radius: 1.2rem; position: relative;}
.tab_area .lect_gubun dl dd input:checked::after {content: ''; display: block; width: 60%; height: 60%; background-color: #fff; border-radius: 1.2rem; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} 
.tab_area .lect_gubun dl dd label {font-size: 1.2rem; font-weight: normal; color: #fff;}
.tab_area .lect_gubun .lect_pop { text-align:left; color:#222; font-size:12px; margin-bottom:20px; margin-bottom:5px; position:relative; padding-left:15px; } 
.tab_area .lect_gubun .lect_pop span { position:absolute; top:0; left:0; } 
.tab_area .lect_gubun .lect_pop a { border-bottom:1px solid #222; margin-left:10px; color:#222; padding-bottom:2px; } 
.tab_area .box-select {width: 100%; }
.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; background-color: #fff; border: 1px solid #c8d9e9; border-radius: 1rem; padding: 2vw; box-sizing: border-box; margin-bottom: 2%;}
.tab_area .box-select .list-select li dl {position: relative;}
.list-select li dl { position:relative; padding:35px 0 0 35px; margin-right:3px; text-align:left; background:#fff; height:80px; } 
.list-select li:nth-child(2n) dl { margin-left:3px; margin-right:0; } 
.list-select li dt { position:absolute; top:60%; left:10px; } 
.list-select li dt input { width: 15px; height: 15px; border:1px solid #3b3b3b; } 
.list-select li dd.first { overflow:hidden; position:absolute; top:10px; left:10px; } 
.list-select li dd.first span { box-sizing: border-box; float:left; padding: 5px; font-size: 1rem; line-height:1; color:#fff; border: 1px solid #8b8b8b; text-align: center; border-radius:2px; } 
.list-select li dd.twe { overflow:hidden; height:24px; position: absolute; right: 8px; top: 8px; } 
.list-select li dd.twe span { display: inline-block; padding: 3px 5px; font-size: 1rem; line-height:1; background: #ffe3e8; color: #b90728; border: none !important; text-align: center; border-radius: 10px; margin-right: 3px;}
.list-select li dd.twe span:nth-last-of-type(1) {margin-right: 0;}
.list-select li dd.twe span.required {background: #ffe3e8; color: #b90728;}
.list-select li dd.twe span.selection {background: #ffedda; color: #5d3d1b;}
.list-select li dd.twe span.liberal {background: #e8e5ff; color: #2f1fa9;}
.list-select li dd.twe span.regular {background: #f0f0f0; color: #121212;}
.list-select li dd.last { font-size:18px; color: #3b3b3b; font-weight: 700; vertical-align: middle; line-height:1.2; margin-top:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
.list-select li dd span.end_time { color:#3b3b3b; border-right:0; border-radius:2px 0 0 2px; } 
.list-select li dd span.end_time.red { border:1px solid #ff0000; } 
.list-select li dd span.end_time.black { border:1px solid #3b3b3b; } 
.list-select li dd span.end_time.blue { border:1px solid #30b5ff; } 
.list-select li dd span.end_time.gray { border:1px solid #777 777; } 

.list-select li dd span.end_box { border-radius: 4px; } 
.list-select li dd span.end_box.red { background:#e9123a; border:1px solid #e9123a; } 
.list-select li dd span.end_box.black { background:#2e2e2e; border:1px solid #2e2e2e; } 
.list-select li dd span.end_box.blue { background:#5644e2; border:1px solid #5644e2; } 
.list-select li dd span.end_box.gray { background:#777777; border:1px solid #777 777; } 

.tit-select {display: block; text-align: center; font-size: 1.3rem; margin-bottom: 5px;}
.tit-select .tit { font-size: 1.35rem; color: #222; font-weight: bold;}
.tit-select span {font-size: 1rem; font-weight: normal; color: #4e657a; display: block;}
.tit-select span img {width: 1.6rem; vertical-align: middle;}

.box-selected {width: 100%; padding: 1rem; background: #d5e5f4; 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;}
.box-selected .list-selected li button {display: flex; align-items: anchor-center; gap: 1vw; width: 100%; height: auto; flex-wrap: wrap; color: #656d74;}
.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: 1rem; height: 1rem; background: url('//cdn.edu2080.co.kr/edu2080/m/img/event/2022/0722/btn_close.png') 0 0 no-repeat; background-size: contain;}

.btn-regi {width: 100%; margin: 1rem 0;}
.btn-regi > div {width: 100%; position: relative;}
.btn-regi > div .count_checked {font-size: 5vw; font-weight: bold; color: #3b3b3b; position: absolute; left: 8vw; top: 50%; transform: translateY(-50%);}
.btn-regi > div .total_amount {font-size: 4vw; color: #3b3b3b; position: absolute; right: 8vw; top: 5vw;}
.btn-regi > div .total_amount em {text-decoration: line-through; color: #868686;}
.btn-regi > div .sale-price {font-size: 7vw; font-weight: bold; color: #222; position: absolute; right: 8vw; bottom: 3.5vw;}
.btn-regi > div .sale-price em {font-size: 6vw; font-weight: bold;}

.notice_wrap {background-color: #ddebf7; color: #4d4d4d; padding: 7% 4%; font-size: 1rem; line-height: 1.8;}
.notice_wrap h4 {color: #4d4d4d; font-size: 1.2rem; margin-bottom: 5px;}

/* cont06 */
.cont06 .lect_box {position: absolute; left: 0; top: 26vw; width: 100%;}
.cont06 .lect_box li {padding: 0 5%; margin: 4% 0; height: 67vw; position: relative; padding-top: 15vw;}
.cont06 .lect_box li .sale {color: #fff; font-size: 3.8vw; font-weight: bold; position: absolute; left: 8vw; top: -1vw;}
.cont06 .lect_box li .lect_wrap {display: flex; align-items: center; justify-content: space-between; width: 80%; margin: 0 auto;}
.cont06 .lect_box li .lect_wrap .lect_tit {font-size: 3.5vw; font-weight: 600; color: #2f2f2f;}
.cont06 .lect_box li .lect_wrap .lect_price {display: flex; justify-content: end; align-items: center;}
.cont06 .lect_box li .lect_wrap .lect_price .price1 {display: block; font-size: 3.5vw; color: #999; margin-right: 2vw; text-decoration: line-through;}
.cont06 .lect_box li .lect_wrap .lect_price .price2 {font-size: 4vw; font-weight: bold;}
.cont06 .lect_box li .lect_wrap .lect_price .price2 strong {font-size: 6vw;}
.cont06 .lect_box li .lect_wrap.new_area {margin: 12.5vw auto 0; justify-content: center; gap: 2vw;}
.cont06 .lect_box li .lect_wrap.new_area .lect_price {gap: 4vw;}
.cont06 .lect_box li .lect_wrap.new_area .lect_price .lect_tit {font-size: 6vw; font-weight: bold; color: #222;}
.cont06 .lect_box li .lect_wrap.new_area .lect_price .price2 {font-size: 6.5vw !important; color: #6e00ce;}
.cont06 .lect_box li:nth-of-type(2) .lect_wrap.new_area .lect_price .price2 {color: #e0004f;}
.cont06 .lect_box li .apply_btn {display: block; width: 90%; height: 15vw; position: absolute; left: 50%; bottom: 4vw; transform: translateX(-50%);}

/* cont07 */
.cont07 .package_area .package_wrap ul.package_list >li.subject h4 {text-align: left;}
.cont07 .package_area .package_wrap ul.package_list >li.subject .point_txt {background: none; color: #333; padding: 2% 0;}

/* cont08 */
.cont08 .sd_box {position: absolute; left: 50%; top: 33.5vw; transform: translateX(-50%);}
.cont08 .sd_box .bx-wrapper .bx-controls-direction a {width: 4vw; height: 7vw; top: 45%; margin-top: 0; background: none;}
.cont08 .sd_box .bx-wrapper .bx-controls-direction .bx-prev {left: -15.5vw;}
.cont08 .sd_box .bx-wrapper .bx-controls-direction .bx-next {right: -17.5vw;}

/* cont09 */
.cont09 .notice_txt {position: absolute; left: 10vw; top: 91.5vw; font-size: 3.25vw; color: #fff;}

@media all and (max-width:750px) { html { font-size: 15px; } 
 }
@media all and (max-width:580px) { html { font-size: 14px; } 
 }
@media all and (max-width: 460px) { html { font-size: 12px; } 
    .lect_guide_alim tbody th, .lect_guide_alim tbody td {font-size: 1.25rem;}
    .lect_guide_txt {font-size: 1rem;}
    .lect_guide_alim tbody td span {font-size: 1rem;}
    .list-select li dd.first {left: 8px;}
    .list-select li dd span.end_time {width: 43%;}
    .list-select li dd.twe {top: 12px;}
}
@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;}
    .list-select li:nth-child(2n) dl {margin-left: 0}
    .list-select li dd.twe {right: 0;}
    .list-select li dd.twe span {padding: 2px 5px; margin-right: 0;}
    .list-select li dd.last {font-size: 16px;}
}