@charset "euc-kr";

.con_tit .end::after { background: #111; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.evSection { line-height: 1.3; padding: 150px 0; } 
.evSection .con_tit { margin:0 0 60px; line-height: 1.3; } 
.evSection .mini_tit + strong { font-weight: 400; } 
.evSection .mini_tit + strong.black { font-weight: 900; } 
.evSection .con_tit > .mini_tit { display: block; color:#0093FF; font-weight: bold; } 
.evSection .con_tit > .mini_tit.underline { text-decoration: underline; } 
.clp-fs104 { font-size: 104px; } 
.clp-fs58 { font-size: 58px; } 
.teacher_home i { background-color: #fff; } 
.teacher_home b { background: #fff; color:#111; } 

/* swiper */
.swiper_common_wrap { position: relative; } 
.swiper_common_wrap .swiper_common.swiper-initialized { position: relative; overflow: hidden; max-width: 1080px; margin: 0 auto; } 
.swiper_common_wrap .swiper-wrapper { align-items: flex-end; display: flex; gap:20px } 
.swiper_common_wrap .swiper-wrapper .swiper-slide { width: 346px; } 

/* slick */
.mega_slick_wrap .mega_slick { position: relative; overflow: hidden; } 
.slide-btn-base {transform:translateY(-50%);}
.evSection .slick-dots { margin:15px 0 0; display:flex; align-items: center; justify-content: center; gap:10px; } 
.evSection .slick-dots li { width: 10px; height: 10px; border-radius: 100%; background-color: #D9D9D9; } 
.evSection .slick-dots li button { font-size: 0; } 
.evSection .slick-dots li.slick-active { background-color: #0093FF; } 


/*evCon1*/
.eventWrap .evSection.evCon1 { position:relative; padding: 78px 0 0; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0807_jinsyjin03/evCon1_bg.png"); } 
.evCon1 .tea_wrap { position: relative; } 
.evCon1 .tea_wrap > img { position: relative; } 
.evCon1 .s_tit { position: absolute; top: 145px; left: 53%; transform: translateX(-50%); display: flex; gap: 390px; align-items: center; justify-content: center; } 
.evCon1 .s_tit li > img { max-width: unset;  } 
.evCon1 .con_tit { margin:0; position: absolute; left: 50%; transform: translateX(-50%); bottom: 73px; display: flex; flex-direction: column; align-items: center; width: max-content; } 
.evCon1 .con_tit .mini_tit + strong { color:#FFF43D; margin-top: 0; } 
.evCon1 .con_tit > .mini_tit { font-weight:900; line-height: 1; } 
.evCon1 .con_tit .teacher_home { margin: 40px 0 0; } 


/*evCon2*/
.evCon2 { position: relative; } 
.evCon2::after { content:""; position: absolute; left:0; bottom: 0; display: block; width: 100%; height:340px; opacity: 0.6; background: linear-gradient(180deg, #E5DB32 0%, #FFF43D 100%); filter: blur(25px); } 
.evCon2 .inner { z-index: 1; } 
.evCon2 .img_wrap { width: max-content; margin: 0 auto; } 
.evCon2 .img_wrap > img { margin-left: 70px; display: block; } 
.evCon2 .evt_con_base {margin: 40px 67px 0 0;text-align: right;color:#000;opacity: 0.5;font-weight: 400;} 
.evCon2 .swiper_common_wrap.books_Sld .swiper-wrapper { align-items: stretch; justify-content: center; } 
.evCon2 .books_Sld .swiper-slide img {position: relative; left: 20px;}


/*evCon3*/
.eventWrap .evSection.evCon3 {background-position: calc(100% - 350px) 100%;background-repeat: no-repeat;background-size: initial;background-image: url("https://image.megagong.net/m/2025/0807_jinsyjin03/evCon3_bg.png");}
.evCon3 .vs_wrap { display: flex; align-items: center; justify-content: center; } 
.evCon3 .vs_wrap li { position: relative; } 
.evCon3 .vs_wrap li:nth-child(1) { border-radius: 20px 0 0 20px; background: #E9E9E9; display: flex; flex-direction: column; gap: 35px; align-items: center; justify-content: center; width: 416px; padding: 70px 52px 50px 52px; } 
.evCon3 .vs_wrap li:nth-child(1)::after { content:""; display: block; position: absolute; top: 50%; right: -64px; transform:translateY(-50%); width: 128px; height: 128px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0807_jinsyjin03/vs.png"); z-index:1; } 
.evCon3 .vs_wrap li:nth-child(1) .img_wrap { mix-blend-mode: luminosity; } 
.evCon3 .vs_wrap li:nth-child(2) { display: flex; width: 500px; padding: 50px 71px; flex-direction: column; align-items: center; gap: 34px; border-radius: 20px; border: 6px solid #0093FF; background: #FFF; } 
.evCon3 .vs_wrap li .tit .point { color: #0093FF; } 
.evCon3 .vs_wrap li .det { font-weight: 400; } 


/*evCon4*/ 
.evCon4 .mega_slick_wrap.table_Sld .item { padding: 60px 72px; min-height: 868px; border-radius: 20px; background: #FFF; } 
.evCon4 .table_Sld .item .img_wrap { margin: 40px auto 60px; position: relative; display:flex; align-items: center; justify-content: center;}
.evCon4 .table_Sld .item .txt_img {position: absolute;top: 220px;left: 290px;}
.evCon4 .slick-dots { position: absolute; bottom: 130px; left: 50%; transform: translateX(-50%); } 
.evCon4 .blue_box { margin: 30px auto 0; border-radius: 20px; background: #0093FF; display: flex; flex-direction: column; padding: 40px 0; justify-content: center; align-items: center; gap: 10px; align-self: stretch; color:#fff; } 
.evCon4 .mega_slick_wrap .slide-btn-base.prev { left: -75px; } 
.evCon4 .mega_slick_wrap .slide-btn-base.next { right: -75px; } 


/*evCon5*/
.evCon5 { background-color: #D2ECFF; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0807_jinsyjin03/evCon5_bg.png"); } 
.evCon5 .swiper_common_wrap.point_Sld .swiper-wrapper { align-items: stretch; } 
.evCon5 .point_Sld .swiper-slide { display: flex; padding: 50px 0; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background: #FFF; } 
.evCon5 .point_Sld .point { margin: 0 auto 20px; display: block; color:#0093FF; font-weight: bold; } 
.evCon5 .point_Sld .icon { margin: 30px auto; display: block; max-width: unset; width: initial !important; } 
.evCon5 .point_Sld .det { line-height: 1.6; font-weight: 400; } 


/*evCon6*/
.evCon6 .mega_slick_wrap.book_Sld { position: relative; } 
.evCon6 .book_Sld .item > img { display: block; margin: 0 auto; } 
.evCon6 .book_Sld .small { position: absolute; bottom: -30px; left: -45px; } 
.evCon6 .mega_slick_wrap .slide-btn-base.type-2.prev { left: 20px; } 
.evCon6 .mega_slick_wrap .slide-btn-base.type-2.next { right: 20px; } 


/*evCon7*/
.evCon7 .line_tit { margin: 0 auto 50px; position:relative; } 
.evCon7 .line_tit::before { content: ""; display:block; width: 100%; height: 1px; background-color: #111; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } 
.evCon7 .line_tit strong { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0 40px; width: max-content; background-color: #FFFCC7; z-index:1; } 
.evCon7 .swiper_common_wrap.review_Sld .swiper-wrapper { align-items: stretch; flex-wrap: wrap; gap:20px; justify-content: space-between; } 
.evCon7 .review_Sld .swiper-slide { display: flex; padding: 40px 0; flex-direction: column; justify-content: space-between; align-items: center; border-radius: 10px; background: #FFF; width: calc(33% - 10px); min-height: 411px; } 
.evCon7 .review_Sld .top { display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.evCon7 .review_Sld .icon { max-width: unset; width: initial !important; } 
.evCon7 .review_Sld .tit { margin: 20px auto 14px; } 
.evCon7 .review_Sld .det { line-height: 1.6; font-weight: 400; color:#555555; } 
.evCon7 .review_Sld .name { color:#999999; } 


/*evCon8*/
.evCon8 .tab_base { display: flex; align-items: center; justify-content: center; } 
.evCon8 .tab_base li { width: 33.333%; height: 70px; } 
.evCon8 .tab_base li a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: #454545; color:#a2a2a2; } 
.evCon8 .tab_base li.on a { background-color: #0093FF; color:#fff; } 


.evtoggleWarning { padding: 0 !important; } 
#event1 { background: linear-gradient(180deg, #B3DFFF 0%, #0093FF 100%); } 
#event1 .con_tit { margin: 0 auto 20px; } 
#event1 .mini_tit { opacity: 0.6; } 
#event1 .evt_con_base { margin: 30px auto 0; color:#fff; } 
#event1 .evt_con_base > a { margin-left: 5px; color: #FF0; text-decoration: underline; } 
.warningList .f_dash li { padding-left: 15px; } 


#popupProgress { width: 662px; } 
#popupProgress button.mfp-close { width: auto; height: auto; top: -40px; right: 0; font-weight: 300; font-size: 27px; color: #fff; opacity: 1; background: none; font-family: var(--font); } 
#popupProgress .content_area .content_inner { padding: 40px 40px 20px; } 
#popupProgress .content_area .tit { padding:0 0 25px; border-bottom: 1px solid #CFCFCF; text-align:center; } 
.percent_wrap > li { padding: 30px 20px; display:flex; align-items: center; justify-content: space-between; border-bottom: 1px dashed #b3b3b3; } 
.percent_wrap > li:last-child { border-bottom: none; } 
.percent_wrap .cir { border-radius: 50%; border: 3px solid #0093FF; background: #FFF; width: 74px; height: 74px; display:flex; align-items: center; justify-content: center; color:#0093FF; } 
.percent_wrap .cir strong::after { content:"¼ö°­Áß"; display: block; } 
.percent_wrap .progress_box { display: flex; flex-direction: column; justify-content: flex-start; text-align: left; align-items: flex-start; gap: 16px; } 
.percent_wrap .progress_box .p_tit { line-height: 1.3; } 
.percent_wrap .progressbar_wrap { position: relative; width: 408px; } 
.percent_wrap .progress_back { background: #EDEDED; border-radius: 10px; overflow: hidden; height: 12px; } 
.percent_wrap .progress_bar { height: 100%; background-color: #0093FF; transition: width 0.3s ease; } 
.percent_wrap .tip { display:block; position: absolute; bottom: -2px; transform: translateX(-10px); color:#0093FF; font-weight: bold; } 
.percent_wrap .base { margin: 10px 0 0; display:flex; align-items: center; justify-content: space-between; width: 100%; } 
.percent_wrap > li.fin .progress_bar { background-color: #FF5959; } 
.percent_wrap > li .tip.off { display:none; } 
.percent_wrap > li.fin .cir { color:#FF5959; border: 3px solid #FF5959; } 
.percent_wrap > li.fin .cir strong::after { content:"´Þ¼º"; } 


@media screen and (max-width: 1920px){
    .eventWrap .evSection.evCon3 {background-position: 98% 100%;}
}

@media screen and (max-width: 1200px){
    .evSection { padding: 12% 0; } 
    .evSection .con_tit { margin: 0 auto 8%; } 
    .evSection .mini_tit { margin: 0 0 2%; display: block; } 
    .clp-fs104 { font-size: clamp(30px, 12vmin, 100px); } 
    .clp-fs58 { font-size: clamp(22px, 6vmin, 58px); } 

    /* swiper */
    .swiper_common_wrap { margin: 0 auto; } 
    .swiper_common_wrap .swiper-wrapper { gap:1% } 
    .swiper_common_wrap .swiper-wrapper .swiper-slide { width: 31%; } 
    .percent_wrap .progressbar_wrap { width: 100%; } 

    /*evCon1*/
    .evCon1 .con_tit { margin: 0 auto; } 
    .evCon1 .con_tit .teacher_home { margin: 4% auto 0; } 
    .evCon1 .s_tit { gap: 0; justify-content: space-between; width: 100%; left: 0; transform: translateX(0); top: 16%; } 
    .evCon1 .s_tit li > img {max-width: 100%;}
    .evCon1 .s_tit li { width: 30%; } 
    .evCon1 .tea_wrap>img { left: -36px; } 

    /*evCon2*/
    .evCon2 .evt_con_base { text-align: center; margin: 40px auto 0; } 

    /*evCon3*/
    .eventWrap .evSection.evCon3 {background-image:none;}

    /*evCon4*/
    .evCon4 .mega_slick_wrap .slide-btn-base.prev { left: 0; } 
    .evCon4 .mega_slick_wrap .slide-btn-base.next { right: 0; } 

    /*evCon6*/
    .evCon6 .book_Sld .small { left: 0; } 

}

@media screen and (max-width: 1024px){
    /* slick */
    .mega_slick_wrap .mega_slick {overflow: visible; } 
    
    /*evCon4*/  
    .evCon4 .mega_slick_wrap.table_Sld .item {padding: 20px 30px;display: flex !important;flex-direction: column;justify-content: center;min-height: clamp(480px, 105vmin, 880px);} 
    .evCon4 .table_Sld .item.vertical .img_wrap {width: 71%;}
    .evCon4 .table_Sld .item .img_wrap { margin: 5% auto; } 
    .evCon4 .table_Sld .item .txt_img {top: 40%; left: 20%;}
    .evCon4 .slick-dots { bottom: -20px; } 
    .evCon4 .blue_box {margin: 7% auto 0; padding: 20px 0; }     
}
@media screen and (max-width: 992px){

    /*evCon1*/
    .eventWrap .evSection.evCon1 {background-position: 39% 0;padding: 17% 0 0;}

    /*evCon2*/
    .evCon2 .img_wrap { width: 100%; } 
    .evCon2 .img_wrap>img {width: 100%;display: block;margin: 0 auto;} 
    .evCon2 .swiper-pagination { bottom: 0px; } 
    .evCon2 .swiper_common_wrap.books_Sld .swiper-wrapper {gap: 0;align-items: center;justify-content: unset;} 
    .evCon2 .swiper_common_wrap.books_Sld .swiper_common {padding-bottom: 40px;}

    /*evCon5*/
    .evCon5 .swiper_common_wrap.point_Sld .swiper-wrapper { gap: 0; } 
    .evCon5 .swiper-pagination { bottom: -20px; } 
    .evCon5 .point_Sld .swiper-slide {min-height: clamp(360px, 61vmin, 486px);}
    
    /*evCon6*/
    .evCon6 .book_Sld .item {width: 90%;position: relative;border: 1px solid #bfbfbf;}
    /* .evCon6 .book_Sld .item::after {position: absolute;top: -1px;left: 0; width: calc(100% + 3px); height: calc(100% + 3px); border: 4px solid #fff; z-index:2;  background: #fff; box-sizing: border-box;} */
    .evCon6 .book_Sld .item > img {display: block;width: 100%;}

    /*evCon7*/
    .evCon7 .swiper_common_wrap.review_Sld .swiper-wrapper { flex-wrap: nowrap; gap: 0; } 
    .evCon7 .review_Sld .swiper-slide { width: 90%; } 
    .evCon7 .swiper-pagination { bottom:-20px; } 

    #popupProgress { width: fit-content; max-width: 90%; padding: 0; } 
    #popupProgress .content_area .content_inner { padding:15px; } 

    .percent_wrap > li { gap: 2%; padding: 20px 0; } 
    .percent_wrap .progress_box { width: calc(100% - 20%); } 
    .percent_wrap .cir { width: 18vmin; height: 18vmin; } 

}

@media screen and (max-width: 768px) { 
    .slide-btn-base.type-2 {width: 30px; height: 30px; background-size: 6px 10px;}

    /* swiper */
    .swiper_common_wrap .arrow { width: 5vmin; height: 9vmin; } 
    .swiper_common_wrap .swiper-wrapper { gap:0 } 
    .swiper_common_wrap:not(.goalSld) .swiper-wrapper .swiper-slide img { width: min(346px,75%); } 

    /*evCon1*/
    .evCon1 .con_tit { bottom: 14%; } 

    /*evCon3*/
    .evCon3 .vs_wrap { flex-direction: column; } 
    .evCon3 .vs_wrap li:nth-child(1) { width: 100%; border-radius: 20px; padding: 40px 0; } 
    .evCon3 .vs_wrap li:nth-child(1)::after { transform: translate(-50%, 0); top: auto; bottom: -33px; left: 50%; width: 66px; height: 66px; } 
    .evCon3 .vs_wrap li:nth-child(2) { width: 100%; padding: 40px 0; } 

    /*evCon4*/
    .evCon4 .table_Sld .item .txt_img {width: 70%;}

    /*evCon5*/
    .evCon5 .point_Sld .swiper-slide { padding: 20px 0; } 
    .evCon5 .point_Sld .icon { margin: 15px auto; } 

    /*evCon6*/
    .evCon6 .book_Sld .small { display: none;} 
    .evCon6 .mega_slick_wrap .slide-btn-base.type-2.prev { left: 0; } 
    .evCon6 .mega_slick_wrap .slide-btn-base.type-2.next { right: 0; } 

    /*evCon7*/
    .evCon7 .con_tit { margin: 0 auto 10%; } 
 }

@media screen and (max-width: 576px) { 
    /*evCon1*/
    .evCon1 .tea_wrap>img { left: -10px; } 
    .evCon1 .s_tit {top: 20%;} 

    /*evCon3*/
    .evCon3 .vs_wrap li:nth-child(1) .img_wrap {width: 30%;}
    .evCon3 .vs_wrap li:nth-child(2) .img_wrap {width: 50%;}

    /*evCon7*/
    .evCon7 .review_Sld .swiper-slide { min-height: 350px } 
}