@charset "euc-kr";
/* bg url: https://image.megagong.net/m/2025/ */

/* settings */
:root {
    --color-primary: #0082FF;
}
.evSection {padding: 150px 0;}
.evSection .label_tit {display: inline-block; font-weight: 700; min-width: 220px; border-radius: 32px; color: #FFF; background-color: var(--color-primary); padding: 9.5px 20px; margin: 0 auto 20px;}
.evSection .con_tit + .mini_tit {margin-top: 15px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.evSection .con_box {margin-top: 60px;}
.tx_primary {color: var(--color-primary);}

/* evStickyBnr */
.evStickyBnr {background-color: #010508; border: none;}
.evStickyBnr li a {position: relative; padding: 25px;}
.evStickyBnr li .badge {position: absolute; top: -6px; left: 50%; transform: translate(-50%, -50%); font-weight: 800; display: inline-block; color: #111; background-color: #FFF; border-radius: 50px; padding: 10px 25px;}
.evStickyBnr li .badge::before {content: ''; position: absolute; bottom: 1px; left: 50%; transform: translate(-50%, 100%); width: 11px; height: 5px; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5'%3E%3Cpath d='M10 0L0 5V0H10Z' fill='%23fff'/%3E%3C/svg%3E"); mask-size: contain; mask-repeat: no-repeat; background-color: #FFF;}
.evStickyBnr li .badge.on {background-color: #FFE62C;}
.evStickyBnr li .badge.on::before {background-color: #FFE62C;}

/* evCon1 */
.evCon1 {padding: 40px 0 0; background: #02BCFF url(https://image.megagong.net/m/2025/1208_winterschool/con1_bg.jpg); background-size: auto 100%;}
.evCon1 .sub_tit {font-weight: 600; letter-spacing: 0.4em; margin-bottom: 70px;}
.evCon1 .section_wrap {position: relative; margin: 0 -100px; padding-bottom: 130px; z-index: 0;}
.evCon1 .section_wrap .tea_img {position: absolute; display: inline-block; bottom: 0; left: 0; z-index: -1;}
.evCon1 .section_wrap .tea_img .home_wrap {position: absolute; bottom: 60px; left: 59%; transform: translateX(-50%); min-width: max-content; display: flex; justify-content: center; align-items: center; gap: 120px;}
.evCon1 .section_wrap .tea_img .teacher_home {font-size: 14px; border: 1px solid #FFF; padding: 5px 20px; border-radius: 30px;}
.evCon1 .section_wrap .tit_wrap {width: fit-content; text-align: left; margin-left: auto;}
.evCon1 .section_wrap .tit_wrap > .label {display: inline-block; color: #FFF; border-radius: 70px; background: #FF6161; padding: 4px 30px 5px;}
.evCon1 .section_wrap .tit_wrap h3 {margin: 40px 0 55px;}
.evCon1 .section_wrap .tit_wrap h3 span {display: block; margin-bottom: 35px}
.evCon1 .card_swiper {position: relative; overflow: hidden; width: 540px; height: 130px; border-radius: 20px; background: rgba(255, 255, 255, 0.50); margin: 0 auto;}
.evCon1 .card_swiper .swiper-slide {display: flex; align-items: center; gap: 20px; padding: 20px 30px;}
.evCon1 .card_swiper .swiper-slide .txt {font-weight: 400; text-align: left;}
.evCon1 .card_swiper .swiper-slide .txt .label {display: inline-block; color: #FFF; border-radius: 28px; background: #111; padding: 5px 40px; margin-bottom: 5px;}

/* evCon2 */
.evCon2 {background: #131620;}
.evCon2 .curr_wrap {position: relative; display: grid; grid-template-columns: repeat(7, 1fr); gap: 10px; padding: 0 10px;
grid-template-areas:
"year1 year1 year1 year1 year1 year1 year2"
"tit1 tit2 tit2 tit2 tit2 tit2 tit2"
"month1 month2 month3 month4 month5 month6 month7"}
.evCon2 .curr_wrap .item {border-radius: 10px; padding: 20px; overflow: hidden;}
.evCon2 .curr_wrap .year {font-weight: 700; background: #38BEFE;}
.evCon2 .curr_wrap .tit {font-weight: 700; color: #FFF; border: 1px dashed #FFF;}
.evCon2 .curr_wrap .month {border: 1px solid rgba(255, 255, 255, 0.50); background: rgba(255, 255, 255, 0.10); padding: 0;}
.evCon2 .curr_wrap .month .num {font-weight: 700; color: #38BEFE; background: #111; padding: 20px;}
.evCon2 .curr_wrap .month .txt {font-weight: 400; color: #FFF; padding: 20px 3px; height: 244px;}
.evCon2 .curr_wrap .month .txt .evt_con_base {color: #FFF; opacity: 0.5; margin-top: 5px;}
.evCon2 .curr_wrap .year1 {grid-area: year1;}
.evCon2 .curr_wrap .year2 {grid-area: year2; background: #00AAFE;}
.evCon2 .curr_wrap .tit1 {grid-area: tit1;}
.evCon2 .curr_wrap .tit2 {grid-area: tit2;}
.evCon2 .curr_wrap .full {position: absolute; bottom: 60px; left: 0; width: 100%; z-index: 0; background-image: url(https://image.megagong.net/m/2025/1208_winterschool/ico_arrow_l.png), url(https://image.megagong.net/m/2025/1208_winterschool/ico_arrow_r.png); background-position: 0 50%, 100% 50%; background-repeat: no-repeat;}
.evCon2 .curr_wrap .full::before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; border-top: 1px dashed #FFE62C; z-index: -1;}
.evCon2 .curr_wrap .full span {font-weight: 700; border-radius: 100px; background: #FFE62C; padding: 10px 24px;}

/* evCon3 */
.evCon3 {background: #FFF;}
.evCon3 .pr_content_wrap .pr_content_swiper .swiper-slide {background: #EEE;}
.evCon3 .pr_content_wrap .pr_content_swiper .img {display: inline-block; margin-top: 10px;}

/* evCon4 */
.evCon4 {background: linear-gradient(180deg, #F8F8F8 0%, #61CBFF 100%);}
.evC on4 .con_box {margin-top: 110px;}
.evCon4 .teacher_wrap .item {position: relative; }
.evCon4 .teacher_wrap .item::before {content: ''; position: absolute; top: -165px; left: -250px; width: 592px; height: 431px; background-image: url(https://image.megagong.net/m/2025/1208_winterschool/con4_tea_bg1.png); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; background-blend-mode: luminosity;}
.evCon4 .teacher_wrap .item + .item {margin-top: 55px;}
.evCon4 .teacher_wrap .tea_img {position: absolute;}
.evCon4 .teacher_wrap .tea_img .curr_btn {position: absolute; display: flex; justify-content: center; align-items: center; width: 120px; height: 120px; border-radius: 50%; color: #FFF; background: #FF6161; box-shadow: 0 0 10px 0 #FF6161;}
.evCon4 .teacher_wrap .box {width: 56.5%; min-height: 400px; display: flex; flex-direction: column; border-radius: 20px; background: #FFF; text-align: left; padding: 40px;}
.evCon4 .teacher_wrap .box .tit {margin-bottom: 5px;}
.evCon4 .teacher_wrap .box p {color: #555; font-weight: 400;}
.evCon4 .teacher_wrap .box .name_wrap {margin-top: auto;}
.evCon4 .teacher_wrap .box .name {display: block; margin-top: 20px;}

.evCon4 .teacher_wrap .tea_l .tea_img {left: 0; bottom: -95px; margin-left: 80px;}
.evCon4 .teacher_wrap .tea_l .tea_img .curr_btn {bottom: 80px; left: -40px;}
.evCon4 .teacher_wrap .tea_l .box {margin-left: auto;}
.evCon4 .teacher_wrap .item.tea_r::before {left: auto; right: -270px; top: -50px; background-image: url(https://image.megagong.net/m/2025/1208_winterschool/con4_tea_bg2.png);}
.evCon4 .teacher_wrap .tea_r .tea_img {left: auto; bottom: -55px; right: 0; margin-right: 40px;}
.evCon4 .teacher_wrap .tea_r .tea_img .curr_btn {bottom: 70px; right: -10px;}
.evCon4 .teacher_wrap .tea_r .box {width: 62%;}
.evCon4 .teacher_wrap .tea_r .box .name_wrap {text-align: right;}

/* evCon5 */
.evCon5 {background: #131620;}
.evCon5 .tab_course {margin-bottom: 30px;}
.evCon5 .tab_course li a {font-size: 20px; color: #A6A6A6;}
.evCon5 .tab_course li.on a {color: #38BEFE;}
.evCon5 .tab_course li.on a::after {background-color: #38BEFE; bottom: -1px;}
.evCon5 .sub_tab {display: flex; font-size: 14px;}
.evCon5 .sub_tab li + li::before {content: ''; display: inline-block; width: 1px; height: 12px; background: #C7C7C7; margin: 0 10px;}
.evCon5 .sub_tab li a {color: #A6A6A6;}
.evCon5 .sub_tab li.on a {color: #38BEFE;}
.evCon5 .eventVideo_wrap {padding-top: 30px;}
.evCon5 .eventVideo_wrap .video_tit {margin-bottom: 30px;}
.evCon5 .eventVideo_wrap .video_tit .sub_tit {display: block; font-weight: 400; margin-bottom: 10px;}
.evCon5 .eventVideo_wrap .video_tit .tit {display: block;}
.evCon5 .eventVideo_wrap .eventVideo {max-width: 1000px; margin: 0 auto;}

/* evCon6 */
.evCon6 {background: #FFF;}

.evTreble .con_tit {display: flex; justify-content: center; align-items: center;}
.evTreble .video_wrap { justify-content: center; gap: 30px; margin: 0 auto 50px; }
.evTreble .video_wrap li a { display: block; }
.evTreble .comment_wrap {border-radius: 10px; border: 1px solid #DEDEDE; background: #EEE; margin: 0 0 50px; }
.evTreble .comment_wrap .item { display: flex; gap: 25px; align-items: flex-start; flex-direction: column; position: relative; padding: 60px 0 60px 330px; text-align: left; } 
.evTreble .comment_wrap .item i { flex-shrink: 0; position: absolute; top: 50%; left: 110px; transform: translateY(-50%); } 
.evTreble .comment_wrap .item .point { line-height: 1.3; font-weight: bold; color: #000; } 
.evTreble .comment_wrap .item p { line-height: 1.6; color: #696969; font-weight: normal; } 
.evTreble .comment_wrap .item p br { display: block; content: ""; margin-bottom: 5px; } 
.evTreble .comment_wrap .item p strong,
.evTreble .comment_wrap .item p b { color: #0076ff; font-weight: 700; } 
.evTreble .compar { margin: 0 auto 70px; } 
.evTreble .compar .tit { position: relative; margin: 0 auto 40px; z-index: 1; display: none; } 
.evTreble .compar .tit::before { content: ''; position: absolute; width: 100%; height: 50%; top: 50%; left: 0; border: 1px solid #000; border-bottom: none; z-index: -1; } 
.evTreble .compar .tit span { display: inline-block; font-weight: bold; font-size: 30px; padding: 0 40px; background: #fdf1da; } 
.evTreble .compar ul { display: flex; justify-content: center; align-items: flex-end; gap: 140px; } 
.evTreble .compar ul li { position: relative; } 
.evTreble .compar ul li + li::before { content: ''; position: absolute; width: 76px; height: 70px; top: 50%; left: -70px; transform: translate(-50%, -50%); background: url(https://image.megagong.net/m/2025/0512_sbcampus/con_img17.png) no-repeat; } 

/* evCon7 */
.evCon7 {background: #EEE;}

.evCampus .campus_slick { display: none; } 
.evCampus .campus_slick.slick-initialized { display: block; } 
.evCampus .campus_roll .campus_slick { overflow: hidden; } 
.evCampus .campus_roll .campus_slick .item { margin: 0 10px; } 

/* evCon8 */
.evCon8 {background: #08131F url(https://image.megagong.net/m/2025/1208_winterschool/con8_bg.png); background-size: auto 100%; background-blend-mode: luminosity;}

.evBenefit .curr_table {max-width: 900px; font-weight: 400; background-color: #FFF; text-align: center; margin: 0 auto;} 
.evBenefit .curr_table th,
.evBenefit .curr_table td {border: 1px solid #DDD;}
.evBenefit .curr_table th:first-child,
.evBenefit .curr_table td:first-child {border-left: none;}
.evBenefit .curr_table th:last-child,
.evBenefit .curr_table td:last-child {border-right: none;}
.evBenefit .curr_table thead th {border-top: none;}
.evBenefit .curr_table tbody tr:last-child td {border-bottom: none;}
.evBenefit .curr_table .tx_highlight {color: #FFE62C;}
.evBenefit .curr_table th {background: #111; padding: 13px 5px; font-weight: bold; color: #fff;}
.evBenefit .curr_table td {padding: 15px 5px; height: 75px;}
.evBenefit .curr_table td small {display: block; margin-top: 2px; color: #666;}

/* evCon9 */
.evCon9 {background: #38BEFE;}
.evCon9 .con_tit {position: relative;}
.evCon9 .con_tit .badge {position: absolute; bottom: -30px; right: 0; width: 140px; height: 140px; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; color: #FFF; background: #000; font-weight: 400;}
.evCon9 .con_tit .badge.on {color: #000; background: #FFE62C;}

.evCourse .course_wrap .line_tit {margin-bottom: 35px;}
.evCourse .course_wrap .group_wrap { position: relative; display: flex; gap: 20px; } 
.evCourse .course_wrap .item_wrap {flex: 1; border-radius: 20px; background: #FFF; overflow: hidden;} 
.evCourse .course_wrap .item_wrap .item_tit {background: #0082FF; color: #fff; padding: 10px;} 
.evCourse .course_wrap .item_wrap .item_tit strong {display: block;}
.evCourse .course_wrap .item_wrap .item_tit span {display: block; font-weight: 400; margin-top: 5px;}
.evCourse .course_wrap .item {position: relative; border-radius: 10px; border: 1px solid #CFCFCF; background: #FFF; overflow: hidden; margin: 28px 30px 30px;} 
.evCourse .course_wrap .item .badge {position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; font-style: normal; font-size: 16px; color: #fff; line-height: 1.2; border-radius: 0px 0px 10px 0px; background: #FF4343; width: 56px; height: 56px;} 
.evCourse .course_wrap .item .price_wrap {padding: 35px 20px 30px; line-height: 1;}
.evCourse .course_wrap .item .price_wrap .before {text-decoration: line-through; font-size: 20px; font-weight: 400; opacity: 0.3; margin-bottom: 15px;}
.evCourse .course_wrap .item .price_wrap .price {font-weight: 700; font-size: 40px;}
.evCourse .course_wrap .item .btn a { display: block; font-weight: bold; color: #fff; background: #2B2B2B; padding: 18px 0; width: 100%; font-size: 20px; } 

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .label_tit {margin-bottom: 2%;}
    .evSection .con_tit + .mini_tit,
    .evSection .mini_tit + .con_tit {margin-top: 2%;}
    .evSection .con_box {margin-top: 6%;}

    /* evCon1 */
    .evCon1 {padding: 4% 0 0;}
    .evCon1 .section_wrap {margin: 0 auto;}
    .evCon1 .section_wrap .tea_img {left: -10%; width: 60%;}
    .evCon4 .teacher_wrap .item .tea_img {margin: 0;}
    .evCon4 .teacher_wrap .tea_l .tea_img .curr_btn {left: 0;}
    .evCon4 .teacher_wrap .tea_r .tea_img .curr_btn {right: 0;}
    .evCon1 .section_wrap .tea_img .home_wrap {gap: 10px;}
    
    /* evCon4 */
    .evCon4 .teacher_wrap .item::before {content: none;}
    .evCon4 .teacher_wrap .box {width: 62%;}
    .evCon4 .teacher_wrap .item .tea_img {width: 44%;}

    /* evTreble */
    .evTreble .con_tit img {width: clamp(100px, 18vmin,180px);}
    .evTreble .video_wrap { gap: 2vw; margin: 0 auto 8%; } 
    .evTreble .compar { margin: 0 auto 6%; } 
    .evTreble .compar .tit { margin: 0 auto 4%; } 
    .evTreble .compar .tit span { font-size: clamp(14px, 2.8vw, 30px); padding: 0 3vw; } 
    .evTreble .compar ul { gap: 10vw; } 
    .evTreble .compar ul li + li::before { left: -5vw; width: 6vw; background-size: contain; background-position: 50% 50%; } 
    .evTreble .comment_wrap { margin: 0 0 5%; overflow: hidden; } 
    .evTreble .comment_wrap .item { gap: 3vw; padding: 5% 10px 5% 180px; } 
    .evTreble .comment_wrap .item i { top: 0; left: 0px; height: 100%; display: flex; justify-content: center; width: 170px; align-items: center; transform: none; } 
    .evTreble .comment_wrap .item p { line-height: 1.3; } 
    .evTreble .comment_wrap .item p br { display: block; content: ""; margin-bottom: 5px; } 

    /* evCampus */
    .evCampus .campus_roll .campus_slick .item { margin: 0 0.5vw; } 
}
@media screen and (max-width: 992px){
    .evCon1 .section_wrap {padding-bottom: 0;}
    .evCon1 .section_wrap .tit_wrap {width: auto; text-align: center; margin: 0 auto;}
    .evCon1 .section_wrap .tea_img {position: static; width: 50%; min-width: 340px;}
    .evCon1 .section_wrap .tea_img .home_wrap {left: 50%;}
    .evCon1 .section_wrap .tea_img .teacher_home {background-color: rgba(2, 188, 255, 0.5);}


    .evCon2 .curr_wrap {grid-template-columns: repeat(5, 1fr); padding: 0;
    grid-template-areas:
    "year1 year1 year1 year1 year1"
    "tit1 tit1 tit1 tit1 tit1"
    "month1 month1 month1 month1 month1"
    "tit2 tit2 tit2 tit2 tit2"
    "month2 month3 month4 month5 month6"
    "year2 year2 year2 year2 year2"
    "month7 month7 month7 month7 month7"
    }
    .evCon2 .curr_wrap .month1 {grid-area: month1;}
    .evCon2 .curr_wrap .month2 {grid-area: month2;}
    .evCon2 .curr_wrap .month3 {grid-area: month3;}
    .evCon2 .curr_wrap .month4 {grid-area: month4;}
    .evCon2 .curr_wrap .month5 {grid-area: month5;}
    .evCon2 .curr_wrap .month6 {grid-area: month6;}
    .evCon2 .curr_wrap .month7 {grid-area: month7;}
    .evCon2 .curr_wrap .month .txt {height: auto;}
}
@media screen and (max-width: 768px){
    .evt_con_base.xs {font-size: 12px;}

    .evStickyBnr li a {padding: 15px;}
    .evStickyBnr li .badge {top: -10px; padding: 5px 10px;}

    .evCon1 .sub_tit {margin-bottom: 40px;}
    .evCon1 .section_wrap .tit_wrap h3 {width: 90%; margin: 20px auto 40px;}
    .evCon1 .card_swiper {width: auto; max-width: 540px;}
    .evCon1 .card_swiper .swiper-slide {padding: 15px 20px;}

    .evCon4 .con_box {margin-top: 0;}
    .evCon4 .teacher_wrap {position: absolute; bottom: 0; width: 100%; display: flex; align-items: center; gap: 10px;}
    .evCon4 .teacher_wrap .item {flex: 1;}
    .evCon4 .teacher_wrap .item + .item {margin-top: 0;}
    .evCon4 .teacher_wrap .item .box {width: 100%; min-height: auto; padding: 15px 20px; text-align: center;}
    .evCon4 .teacher_wrap .tea_r .box .name_wrap {text-align: center;}
    .evCon4 .teacher_wrap .box .name {margin-top: 10px; font-size:clamp(15px,2.5vmin,20px);}
    .evCon4 .teacher_wrap .item .tea_img {position: static; width: auto; margin-bottom: 15px;}
    .evCon4 .teacher_wrap .tea_img .curr_btn {position: static;}
    .evCon4 .teacher_wrap .tea_r .tea_img .curr_btn {margin-left: auto;}

    .evCon5 .tab_course {margin-bottom: 10px;}
    .evCon5 .tab_course li a {font-size: 16px;}
    .evCon5 .eventVideo_wrap .video_tit {margin-bottom: 15px;}

    .evTreble .comment_wrap .item i { width: 90px; align-items: flex-start; padding: 30px 0 0; } 
    .evTreble .comment_wrap .item { padding-left: 110px; } 
    .evTreble .compar ul { gap: 0; flex-direction: column; align-items: center; } 
    .evTreble .compar ul li { width: 100%; max-width: 460px; } 
    .evTreble .compar ul li + li::before { left: unset; position: relative; width: auto; display: block; transform: none; top: unset; height: 40px; display: block; margin: 15px 0; }

    .evCampus .campus_roll .campus_slick { height: 30vw; /* background: red; */ } 
    .evCampus .campus_roll .campus_slick .item { width: 40vmin; margin: 0 1vw; }

    .evCourse .course_wrap .group_wrap {gap: 10px;}
    .evCourse .course_wrap .item {margin: 0; border-radius: 0; border: none;}
    .evCourse .course_wrap .item .badge {width: auto; height: auto; padding: 3px 10px; font-size: 14px;}
    .evCourse .course_wrap .item .price_wrap .before {font-size: 16px;}
    .evCourse .course_wrap .item .price_wrap .price {font-size: 30px;}
    .evCourse .course_wrap .item .btn a {padding: 15px; font-size: 16px;}
}
@media screen and (max-width: 576px){
    .evCon1 .sub_tit {letter-spacing: 0.2em;}
    .evCon1 .card_swiper {height: 100px;}
    .evCon1 .card_swiper .swiper-slide {gap: 10px; padding: 10px;}
    .evCon1 .card_swiper .swiper-slide .ico {width: 15%;}
    .evCon1 .section_wrap .tea_img .home_wrap {flex-direction: column; bottom: 40px;}

    .evCon2 .curr_wrap {gap: 5px;}
    .evCon2 .curr_wrap .item {padding: 10px;}
    .evCon2 .curr_wrap .month {padding: 0;}
    .evCon2 .curr_wrap .month .num {padding: 10px 3px;}
    .evCon2 .curr_wrap .month .txt {padding: 10px 3px;}

    .evCon4 .teacher_img {padding-bottom: 30px;}
    .evCon4 .teacher_wrap .tea_img .curr_btn {width: 80px; height: 80px;}

    .evCon5 .tab_course li a {font-size: 15px; line-height: 1.4;}
    .evCon5 .sub_tab {font-size: 13px;}

    .evBenefit .curr_table td {padding:7px 3px; height: 50px;} 

    .evCon9 .con_tit .badge {position: static; width: fit-content; height: auto; gap: 3px; padding: 6px 24px; border-radius: 50px; margin: 10px auto 0;}

    .evCourse .course_wrap .item_wrap {border-radius: 10px;}
    .evCourse .course_wrap .item .price_wrap {padding: 30px 10px 20px;}
    .evCourse .course_wrap .item .price_wrap .before {font-size: 14px;}
    .evCourse .course_wrap .item .price_wrap .price {font-size: 22px;}
}