@charset "euc-kr"; /* swiper */
:root { --box-shadow: -2px 5px 31px #d0dbf4; --color:#4b71ff } 

/* background settings */
.eventWrap .evSection { background-size: auto 100%; } 
.eventWrap .evSection .lecture { max-width:1000px; margin:0 auto } 
.eventWrap .evSection b, .eventWrap .evSection strong, .eventWrap .evSection h4 { font-weight:900 } 

/* text style */ 
.con_tit { margin-bottom: 40px; } 
.con_tit h4 { font-size: 40px; } 

/* evMain */
.eventWrap .evSection.evMain { background: #eefaff url('https://image.megagong.net/m/2024/0527_30pass/main_bg.jpg') no-repeat center; padding: 110px 0 135px; background-size: auto 100%; } 
.evMain .top_txt { width: min(260px,45%); margin: 0 auto; } 
.evMain .title { position: relative; } 
.evMain .title i { position: absolute; right: 0; top: 0; width: min(124%,18%); } 
.evMain .title p { margin: 60px auto 20px; font-size: 28px; font-weight: 500; } 
.evMain ul { margin: 50px auto 20px; justify-content: center; gap: 15px; } 
.evMain ul li { flex: 1; } 
.evMain ul li p { background: #ffffff36; box-shadow: var(--box-shadow); border-radius: 50px; border: 1px solid #fff; font-size: 20px; padding: 21px 0; } 
.evMain ul li p b { color: var(--color); } 
.evMain ul li span { color: #557298; font-size: 14px; line-height: 1.2; display: block; margin-top: 10px; } 
.evMain .bottom_txt { font-size: 20px; } 
.evMain .bottom_txt p strong { color: var(--color); } 
.evMain .bottom_txt p + p { margin-top: 15px; } 

/* evSale */
.evSale { padding: 145px 0; } 
.evSale .circle_txt { position: relative; padding: 12px 61px; background: #f4f6ff; border: 1px solid var(--color); box-shadow: var(--box-shadow); border-radius: 30px; font-size: 22px; display: block; width: fit-content; margin: 0 auto 30px; } 
.evSale .circle_txt span { color: var(--color); } 
.evSale .btn_box { margin-top: 50px; display: flex; justify-content: center; } 
.evSale .btn_box a { background: #000; color: #fff; border-radius: 50px; line-height: 80px; width: 480px; font-size: 21px; display: block; margin: 0 auto; } 
.evSale .radio_box { display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: 1fr; grid-column-gap: 12px; grid-row-gap: 12px; } 
.evSale .radio_box li { display: flex; flex-direction: column; align-items: center; position: relative; box-sizing: border-box; } 
.evSale .radio_box li label { width: 100%; padding: 28px 0; cursor: pointer; border: 2px solid #cfcfcf; border-radius: 20px; background: #fff; } 
.evSale .radio_box li label strong { display: flex; font-size: 22px; height: 120px; align-items: center; justify-content: center; } 
.evSale .radio_box li label .plus { display: block; width: fit-content; font-size: 14px; margin: 0 auto; background: #ebebeb; padding: 5px 20px; border-radius: 30px; } 
.evSale .radio_box li label:has(input[type="radio"]:checked) { border-color: var(--color); } 
.evSale .radio_box li label:hover{border-color: var(--color); }

.evSale .radio_box .switch { color:#fff; transition:all .5s ease; width: 18px; height: 18px; position: relative; margin: 0 auto; border: 2px solid #c0c0c0; display: flex; align-items: center; box-sizing: border-box; justify-content: center; } 
.evSale .radio_box .switch svg {stroke: #c0c0c0;width: 12px;height: 12px;margin-top: -2px;} 
.evSale .radio_box .switch:hover { background-color:var(--color); cursor:pointer; } 
.evSale .radio_box input[type="radio"] { display: none; } 
.evSale .radio_box input[type="radio"]:checked + .switch { background-color:var(--color); } 
.evSale .radio_box input[type="radio"]:checked + .switch svg { stroke: #fff; } 
.evSale .selling_result_wrap { margin: 15px auto 0; border: 1px solid #cfcfcf; border-radius: 20px; background: #fff; padding: 35px 20px 15px; } 
.evSale .choice_box {align-items: center;justify-content: space-between;gap: 4px;margin-bottom: 35px;} 
.evSale .choice_box .sale_wrap { display: flex; flex-wrap: wrap; align-items: center; } 
.evSale .choice_box .sale_wrap h6 { margin-right: 10px; font-size: 15px; background: #4c70ff; color: #fff; border-radius: 30px; padding: 3px 14px; } 
.evSale .choice_box .sale_wrap ul { font-size: 20px; font-weight: 900; text-align: left; flex: 1; } 
.evSale .choice_box .price_wrap {display: flex;justify-content: flex-end;} 
.evSale .choice_box .price_wrap .result span { background: var(--color); color: #fff; border-radius: 30px; padding: 3px 0; margin-right: 10px; width: 85px; display: inline-block; } 
.evSale .choice_box .price_wrap .result strong { font-size: 30px; } 
.evSale .check_box { flex-wrap: wrap; justify-content: flex-end; gap: 5px 20px; background: whitesmoke; padding: 20px; border-radius: 10px; font-size: 12px; color: #999; } 
.evSale .check_box label { display: flex; align-items: center; gap: 5px; text-align: left; } 
.evSale .check_box a { border: 1px solid; padding: 2px 10px; } 

.evSale .course_popup { width: min(285px,150%); display: none; position: absolute; top: 180px; left: 50%; z-index: 2; transform: translateX(-50%); } 
.evSale .course_popup .close { display: flex; justify-content: flex-end; font-size: 13px; } 
.evSale .course_popup .close button { font-weight: 900; font-size: clamp(12px,1.5vmin,13px); } 
.evSale .course_popup .con_box { border: 1px solid #979797; padding: clamp(10px,1.5vmin,15px) clamp(5px,1vmin,8px); font-size: 14px; text-align: left; background: #f5f5f5; color: #999; } 
.evSale .course_popup .con_box .submit { color: #fff; background: #000; display: block; width: fit-content; margin: clamp(10px,2vmin,20px) auto 0; padding: 6px 38px; font-size: clamp(11px,1.3vmin,13px); } 
.evSale .caut_box { margin-top: 40px; font-weight: 300; } 
.evSale .caut_box dt { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 16px; margin-bottom: 10px; font-weight: bold; } 
.evSale .caut_box dd { font-size: 14px; color: #999; } 
.evSale .caut_box dd:not(:last-child) { margin-bottom: 5px; } 


/* evLink */
.evLink {background: #efefef url('https://image.megagong.net/m/2024/0527_30pass/link_bg.jpg') no-repeat center;padding: 140px 0;} 
.evLink .go_box { flex-wrap: wrap; justify-content: space-between; gap: 15px; max-width: 740px; margin: 0 auto; } 
.evLink .go_box li { width: calc(50% - 7.5px); } 
.evLink .go_box li a { height: 60px; display: flex; align-items: center; justify-content: center; background: #ffffff36; box-shadow: var(--box-shadow); border-radius: 50px; border: 2px solid #fff; font-size: 22px; } 
.evLink .go_box li b span { color: var(--color); } 

/* evDays */
.evDays {background:#3d02ff url('https://image.megagong.net/m/2024/0527_30pass/days_bg.jpg') no-repeat center;padding: 60px 0;} 
.evDays .count_box { justify-content: center; align-items: center; gap: 50px; } 
.evDays .count_box .count { font-size: 120px; font-weight: 900; color: #fff; line-height: 1; } 
.evDays .count_box .day { width: 775px; font-size: 40px; display: flex; align-items: center; justify-content: center; color: #95abff; gap: 70px; font-weight: 100; } 
.evDays .count_box .day > div { width: 100%; } 
.evDays .count_box .day .daysof { display: flex; justify-content: space-between; } 
.evDays .count_box .day .swiper_text_wrap { font-weight: 900; color: #fff; } 
.evDays .count_box .day .swiper_text_wrap .swiper_common.swiper-initialized { position: relative; overflow: hidden; margin: 0 auto; } 
.evDays .count_box .day .swiper-slide { display: flex; justify-content: space-between; } 


@media screen and (max-width: 1200px){
    .eventWrap { font-size: clamp(13px,1.6vmin,16px); } 

    .con_tit { margin-bottom: 5%; } 
    .con_tit h4 { font-size: clamp(20px,4vmin,40px); } 

    .evMain .title i { top: min(-65px, -7vmin); } 
    .evMain .title p { margin: 7% auto 3%; font-size: clamp(16px,3vmin,28px); } 
    .evMain ul { gap: 10px; margin: 5% auto 3%; } 
    .evMain ul li p { font-size: clamp(14px,2vmin,20px); border-radius: clamp(5px,5vmin,50px); } 
    .evMain ul li span { font-size: clamp(11px,1.5vmin,14px); } 
    .evMain .bottom_txt { font-size: clamp(17px,3vmin,20px); } 
    .evMain .bottom_txt p + p { margin-top: 2%; } 

    .evSale { padding: 15% 0; } 
    .evSale .circle_txt { font-size: clamp(15px,3vmin,22px); margin-bottom: 11%; width: min(340px,60%); padding: 10px 0; } 
    .evSale .btn_box { margin-top: 6%; } 
    .evSale .btn_box a {font-size: clamp(15px,2vmin,21px);line-height: clamp(45px,8vmin,80px);width: min(300px,50%);} 
    .evSale .selling_result_wrap { border-radius: 10px; padding: 5% 3% 3%; } 
    .evSale .choice_box {flex-direction: column;align-items: flex-start;margin-bottom: 0;gap: 15px;} 
    .evSale .choice_box .sale_wrap h6 { font-size: clamp(12px,1.5vmin,15px); } 
    .evSale .choice_box .sale_wrap ul { font-size: clamp(15px,2.5vmin,20px); } 
    .evSale .choice_box .price_wrap { width:100%; padding: 15px 10px; border-top: 2px solid #5571ff52; background: rgba(85, 113, 255, 0.1); margin: 0; } 
    .evSale .choice_box .price_wrap .result strong { font-size: clamp(20px,3vmin,30px); } 
    .evSale .check_box { padding: clamp(10px,2vmin,20px); border-radius: 0; } 
    .evSale .check_box a { font-size: clamp(11px,1.2vmin,12px); } 
    .evSale .check_box label { align-items: flex-start; } 
    .evSale .course_popup { width: min(285px,100%); top: 80%; } 
    .evSale .course_popup .close { display: flex; justify-content: flex-end; font-size: 13px; } 
    .evSale .course_popup .close button { font-weight: 900; font-size: clamp(12px,1.5vmin,13px); } 
    .evSale .course_popup .con_box { font-size: clamp(12px,1.5vmin,14px); } 
    .evSale .caut_box { margin-top: 5%; } 
    .evSale .caut_box dt { font-size: clamp(12px,1.5vmin,16px); } 
    .evSale .caut_box dd { font-size: clamp(11px,1.5vmin,14px); } 
    
    .evSale .radio_box { grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: clamp(5px,1vmin,10px); grid-row-gap: clamp(5px,1vmin,10px); } 
    .evSale .radio_box li label { padding: 10% 0; border-radius: 10px; } 
    .evSale .radio_box li label strong { font-size: clamp(15px,2.5vmin,22px); } 
    .evSale .radio_box li label .plus { font-size: clamp(12px,1.5vmin,14px); padding: 5px 0; width: min(90%,120px); } 
    .evSale .radio_box li:nth-child(1) { grid-area: 1 / 1 / 2 / 3; } 
    .evSale .radio_box li:nth-child(2) { grid-area: 1 / 3 / 2 / 5; } 
    .evSale .radio_box li:nth-child(3) { grid-area: 1 / 5 / 2 / 7; } 
    .evSale .radio_box li:nth-child(4) { grid-area: 2 / 2 / 3 / 4; } 
    .evSale .radio_box li:nth-child(5) { grid-area: 2 / 4 / 3 / 6; } 

    .evLink {padding: 15% 0;} 
    .evLink .go_box { gap: clamp(5px,1vmin,15px); justify-content: center; } 
    .evLink .go_box li { width: min(49%, 300px); } 
    .evLink .go_box li a { height: clamp(45px,6vmin,60px); border-radius: clamp(0px,3vmin,50px); font-size: clamp(13px,2.5vmin,22px); } 
    .evLink .go_box li b span { color: var(--color); } 

    /* evDays */
    .evDays {padding: 5% 0;} 
    .evDays .count_box{gap: clamp(20px,5vmin,50px);}
    .evDays .count_box .day {width: 400px;gap: clamp(10px,3vmin,50px);} 
    .evDays .count_box .day .daysof span:nth-child(5){margin-left: clamp(5px,1vmin,10px);}
}
 @media screen and (max-width: 768px){
    .eventWrap .evSection.evMain { background-position: 35% 0; padding: 11% 0 13%; background-size: 450%; } 
    .evMain ul { flex-direction: column; gap: 5px; margin-bottom: 10%; } 
    .evMain ul li p { padding: 3% 2%; width: fit-content; margin: 0 auto; } 
    .evMain ul li p br { display: none; } 

    .evSale .choice_box {gap: 15px;margin-bottom: 0;} 
    .evSale .choice_box .sale_wrap { align-items: flex-start; } 

    .evDays .count_box .count {font-size: clamp(70px,12vmin,120px);} 
    .evDays .count_box .day {width: max(230px,50%);font-size: clamp(30px,4vmin,40px);} 
 }