@charset "euc-kr";



/* url: https://img.megagong.net/m/2025/ */

:root {
--point-color1:#EAB140;
--point-color2:#FFD0D0;
--point-color3:#CCD8FF;
--pt-gradi-color:linear-gradient(to right, #00c6ff, #0072ff);
--swiper-navigation-size:25px;
--swiper-navigation-color:#000;
--swiper-theme-color:#000;
}

.eventWrap .con_tit .end::after{background: #000;}
/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.event2 .con_tit .end::after{background: #fff;}
.eventWrap .tiny_noti{padding:10px 0 0}
.eventWrap .tiny_noti.right{text-align: right;opacity: 0.5;}

.eventWrap .evSection{padding: 150px 0;}
.eventWrap .con_box{/* color:#505050; */}
.evSection.evtoggleWarning{padding: 0 !important;}

.evSection .fw-300{font-weight: 300;}
.evSection .fw-400{font-weight: 400;}
.evSection .fw-bold{font-weight: bold;}
.evSection .color-highlight{color: var(--point-color1);}
.evSection .color-highlight2{color: var(--point-color2);}
.evSection .color-highlight3{color: var(--point-color3);}
.evSection .con_tit {margin: 0 -30px 53px;line-height: 1.3;}
.evSection .con_tit + .mini_tit{
opacity: 0.5;
margin-bottom: 55px;
}
.evSection .mini_tit + .con_tit {margin: 13px 0 70px;}

/* S: swiper template */
.eventWrap .swiper_basic1_wrap {position: relative;}
.eventWrap .swiper-initialized {position: relative;overflow: hidden}
.evCon_swiper_destroy .swiper-wrapper {gap: 10px;}
.evCon_swiper_destroy .swiper-slide {display: flex;flex: 1 1 auto;/* height: 125px; */justify-content: center;}		
.evCon_swiper_destroy .swiper-pagination {display: none;}

.eventWrap .swiper-pagination{position: relative;display: flex;justify-content: center;top: auto;bottom: auto;margin-top: 1vw;}
.eventWrap .swiper-pagination-bullet{background: #c4c4c4;opacity: 1;width: 12px;height: 12px;}
.eventWrap .swiper-pagination-bullet-active{background:#4756FF;}

.eventWrap .swiper-button-next, 
.eventWrap .swiper-button-prev{top: 50%;transform: translateY(-50%);left: auto;right: auto;margin: 0 auto;z-index: 2;width: auto;height: auto;}
.eventWrap .swiper-button-next:after, 
.eventWrap .swiper-button-prev::after{background-position: center;background-repeat: no-repeat;width: 100%;height: 100%;}
.eventWrap .swiper-button-next{right: 0;transform: translateY(-50%) rotate(180deg);}
.eventWrap .swiper-button-next:after{transform: rotate(180deg);}
.eventWrap .swiper-scrollbar .swiper-scrollbar-drag{background: var(--point-color1);}

.eventWrap .type1-prev, 
.eventWrap .type1-next{color: #fff;}
.eventWrap .type1-prev:after, 
.eventWrap .type1-next::after{font-size: 50px;}

.eventWrap .type2-next:after, 
.eventWrap .type2-prev::after{font-size: 0;}
.eventWrap .type2-prev{left: -1rem;}
.eventWrap .type2-next{right: -1rem;}

.eventWrap .line_tit {margin-bottom: 30px;}
.eventWrap .line_tit.i-black i {background: #000;}

/*swiper-slide swiper-slide-visible swiper-slide-fully-visible swiper-slide-active*/

.eventWrap .evSection.evConTop{background: #000;padding: 0 !important;} 
.evConTop .inner{width:100%} 
.evConTop video{width: 100%;
    max-width: 2560px;
    min-width: 1400px;
    margin: 0 0 -5px;
    padding: 0;
    border: 0 none;
    font-size: 0;
    line-height: 0;} 
.evConTop .timer_wrap{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #fff;
    background: rgba(0,0,0,0.5);
}
.evConTop .evConTop_swiper {
    width: 100%;
    height: 100%;
}
.evConTop .evConTop_swiper *{line-height: 1;
}
.evConTop .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
} 
.evConTop .timer_wrap li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    line-height: 1.4;
    } 
.evConTop .timer_wrap li:not(.on) {opacity: 0;} 
.evConTop .timer_wrap li.on {opacity: 1;} 
.evConTop .timer_wrap li span{ color: #fff;display: block;opacity: 0;} 
.evConTop .timer_wrap li span b{color:#CEAF71;font-weight: inherit;} 
.evConTop .timer_wrap li span:first-child {}
.evConTop .timer_wrap li span:nth-child(2) {}
.evConTop .timer_wrap li.on span.on {animation: fadeInFirst 0.5s ease forwards;animation-delay: 0s;}
@keyframes fadeInFirst {
  to {
    opacity: 1;
  }
}

@keyframes fadeInSecond {
  to {
    opacity: 1;
  }
}



.eventWrap .evSection.evCon1{background: #f1dec5 url(https://img.megagong.net/m/2025/0623_shin242/con_img12.png) no-repeat center 0;padding: 0;overflow: visible;} 
.evCon1 .inner{padding: 175px 0 176px;}
.evCon1 .tea_img {position: absolute;left: 0;bottom: -260px;width: 100%;} 
.evCon1 h3 {position: relative;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;margin: 0 -49px 0 -14px;} 
.evCon1 h3 span{} 
.evCon1 h3 span + span{
margin: 356px 0 0;
} 
.evCon1 .mini_tit {position: relative;color: #111;text-align: center;/* font-size: 20px; */font-weight: 500;line-height: 130%;letter-spacing: 20px;opacity: 0.7;margin: 0 0 225px;} 
.evCon1 .teacher_home {position: absolute;bottom: 164px;right: 240px;padding: 8px 30px;justify-content: center;align-items: center;color: var(--point-color1);border-radius: 400px;opacity: 0.8;background: rgba(255, 255, 255, 0.60);} 
.evCon1 .teacher_home b {
background: var(--point-color1);
padding: 3px 4px;
font-size: 11px;
color: #fff;
} 
.evCon1 .teacher_home::after { } 
.evCon1 .teacher_home i{
background: var(--point-color1);
}
.evCon1 .video_btn{position: absolute;bottom: 436px;right: -57px;}




.eventWrap .evSection.fix_mode{padding-top:90px;}
.fix_menu {background: #B9954C;z-index: 5;position: relative;height: 90px;}
.fix_menu ul{display: flex;width: 1080px;align-items: flex-start;gap: 1px;margin: 0 auto;}
.fix_menu li{flex: 1;position: relative;}
.fix_menu li i{position: absolute;top: 50%;right: -35px;transform: translateY(-50%);z-index: 2;}
.fix_menu li a{display: flex;height: 90px;padding: 20px 0px;flex-direction: column;justify-content: center;align-items: center;gap: 0px;flex: 1 0 0;}
.fix_menu li a:before{content:'';display:block;position: absolute;left: 0;top: 0;background: #d6b46f;height: 100%;width: 1px;}
.fix_menu li:first-child a:before{display:none}
.fix_menu li.event a:before{display:none}
.fix_menu li a b{color: #FFF;text-align: center;font-weight: bold;line-height: 22px; /* 137.5% */letter-spacing: -0.48px;}
.fix_menu li.event {}
.fix_menu li.event a{background: #AF8633;}
.fix_menu li.event a b{}
.fix_menu li.event a span{display: flex;width: 50px;height: 20px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0;border-radius: 100px;background: #CEAF71;color: #fff;margin: 0 0 4px;}

.fix_menu.fixed{position: fixed;top: 0;left: 0;width: 100%;}



.eventWrap .evSection.evCon2{background: #372500 url(https://img.megagong.net/m/2025/0623_shin242/con_img6.png) no-repeat center 0;color:#fff;background-size: cover;} 
.evCon2 .inner{padding-top: 150px;}
.evCon2 .evCon2_swiper .slick-slide{}
.evCon2 .evCon2_swiper .txt{position: absolute;display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;height: 100%;color: #FFF2D8;font-weight: normal;gap: 7px;}
.evCon2 .evCon2_swiper .cout_wrap{
    color: #fff;
    font-weight: 900;
}
.evCon2 .evCon2_swiper .cout_wrap sup{font-weight: normal;margin: 0 0 0 6px;opacity: 0.5;}

.eventWrap .evSection.evCon3{background: #FBF5E9;padding-bottom: 0;} 
.evCon3 .tab_base {display: flex;margin: 0 auto 0;gap: 1px;}
.evCon3 .tab_base li {flex: 1;}
.evCon3 .tab_base li a {position: relative;background: #EFE8DA;display: flex;padding: 16px 0px;flex-direction: column;justify-content: center;align-items: center;gap: 3px;flex: 1 0 0;color: #8C8C8C;}
.evCon3 .tab_base li a::before {content: '';background:url(https://img.megagong.net/m/2025/0623_shin242/con_img7_1.png) no-repeat 9% center;position: absolute;top: 50%;left: 33px;width: 34px;height: 64px;margin: -32px 0 0;opacity: 0.3;}
.evCon3 .tab_base li a::after {content: '';background:url(https://img.megagong.net/m/2025/0623_shin242/con_img7_2.png) no-repeat 91% center;position: absolute;top: 50%;right: 33px;width: 34px;height: 64px;margin: -32px 0 0;opacity: 0.3;}
.evCon3 .tab_base li.on a {color: #000;/* border: 1px solid #fff; */background: #fff;}
.evCon3 .tab_base li.on a::before {background:url(https://img.megagong.net/m/2025/0623_shin242/con_img8_1.png) no-repeat 9% center;opacity: 1;}
.evCon3 .tab_base li.on a::after {background:url(https://img.megagong.net/m/2025/0623_shin242/con_img8_2.png) no-repeat 91% center;opacity: 1;}
.evCon3 .tab_base li a strong{
    display: flex;
    align-items: flex-start;
}
.evCon3 .tab_base li a strong sup{
    margin: 4px 0 0 3px;
    font-weight: normal;
}
.evCon3 .panel_base {position:relative;background: #fff;padding: 60px 0 150px;}
.evCon3 .panel_base::before {content:'';position: absolute;top: 0;left: 100%;width: 3000px;height: 100%;background: #fff;}
.evCon3 .panel_base::after{content:'';position: absolute;top: 0;right: 100%;width: 3000px;height: 100%;background: #fff;}
.evCon3 .panel_base li .eventVideo {margin: 0 auto 65px;}
.evCon3 .evCon3_swiper1 .swiper-wrapper{gap: 7px;flex-direction: row;flex-wrap: wrap;}
.evCon3 .evCon3_swiper1 .swiper-slide{flex: 1;}
.evCon3 .evCon3_swiper1 {display:none}
.evCon3 .evCon3_swiper1.swiper-initialized {display: block}



.eventWrap .evSection.evCon4{background: #FFF2D8;position: relative;} 
.evCon4::before {content:'';background:url(https://img.megagong.net/m/2025/0623_shin242/con_img9.png) no-repeat 9% center;position: absolute;bottom: 0;left: 50%;width: 719px;height: 1010px;margin: 0 0 0 -1014px;}

.evCon4 .evCon4_swiper1 .swiper-wrapper{gap: 15px;flex-direction: row;flex-wrap: wrap;}
.evCon4 .evCon4_swiper1 .swiper-slide{flex: 1 1 calc(33.3% - 17px);}

.eventWrap .evSection.evCon5{background: #ebebeb;} 
.evCon5 .con_box{padding:0 40px}

.eventWrap .evSection.evCon6{background: #000 url(https://img.megagong.net/m/2025/0623_shin242/con_img11.png) no-repeat center 0;} 
.evCon6 h5{display: flex;
justify-content: center;
align-items: center;margin: 0 0 30px;}
.evCon6 h5 span{display: flex;padding: 16px 30px;justify-content: center;align-items: center;gap: 10px;border-radius: 100px;background: var(--point-color1);line-height: 1;}

.evCon6 p{
    color: #fff;
}
.evCon6 p+p{
    margin-top: 29px;
}
.evCon6 p.point{
    color: var(--point-color1);
    font-weight: 900;
}
.evCon6 .btn-base.black a{
    background: none;
    border-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    line-height: 1;
}
.evCon6 .btn-base.black a svg{margin: 4px 0 0;}
.evCon6 .btn-base-wrap{
    margin-top: 25px;
}
.evSection.event.event3 {background: linear-gradient(180deg, #FFF9ED 0%, #FFD582 100%);}
.event.event3 .con_tit{margin-bottom: 20px;}
.evSection.event.event3 .bg_shadow{bottom: unset;top: 940px;}
.evSection.event.event3 .share_link_wrap{margin: 0;}
.evSection.event.event3 .regist_form_area{position: relative;background: var(--point-color1);}
.evSection.event.event3 .check-base{position: absolute;bottom: 30px;right: 40px;}
.evSection.event .obj_cover .pattern_obj{mix-blend-mode: luminosity;margin: -80px 0 0;}
.evSection.event3 .btn-base-wrap{/* margin-bottom: 50px; */}
.evSection.event3 .btn-base-wrap a{line-height:1.3}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{z-index: 1;}

.evSection.event3 .gift_result_base{
    right: -20px;
    top: -23px;
}





@media screen and (max-width: 1200px){



.eventWrap .evSection{padding: 15% 0;}
.eventWrap img{width:100%;}

.eventWrap .tiny_noti.right{text-align: center;}

.eventWrap .line_tit{
margin-bottom: 20px;
}
.line_tit.circle span, .line_tit.line span{
padding-left: 20px;
padding-right: 20px;
line-height: 1.3;
}
.evSection .con_tit{margin: 0 0 4%;}
.evSection .con_tit + .mini_tit{
margin: 0 0 7%;
}

.eventWrap .sliderWrap .sliderArrow a {max-width:6%}
.eventWrap .sliderWrap .slick-slide img{width: 100%;}
.evSection .mini_tit + .con_tit{margin: 2% 0 7%;}


.evCon_swiper_destroy {position: relative; overflow: hidden;}
.evCon_swiper_destroy .swiper-wrapper {gap: 0;flex-wrap: nowrap;}
.evCon_swiper_destroy .swiper-slide {flex: 1 0 auto;}
.evCon_swiper_destroy .swiper-pagination {display: block;}

 .fix_menu {height: auto;}
    .fix_menu ul{width: 100%;flex-wrap: wrap;}
    .fix_menu li{
    flex: 1 0 calc(50% - 1px);
    border-bottom: 1px solid #d6b46f;
}
    .fix_menu li a{/* font-size: 17px; */padding: 23px 0;height: auto;}
    .fix_menu li a b br{display:none}
    .fix_menu li i{right: 0;max-width: 30%;}
    .fix_menu li.event a span{margin:0}

    

.eventWrap .evSection.evConTop{display: none !important;}
.eventWrap .evSection.evCon1{background-size: cover;}
    .evCon1 .inner{
    padding: 15% 00 17%;
}
    .evCon1 .mini_tit{
    margin: 0 0 20%;
    letter-spacing: 1vw;
}
    .evCon1 h3{
    margin: 0 48% 0 0;
}
    .evCon1 h3 span{
    width: 40%;
}
    .evCon1 h3 span + span{
    margin: 39% 0 0;
    width: 60%;
}
  

.eventWrap .evSection.evCon2{} 
.evCon2 .inner{
    padding-top: 15%;
}
    .evCon2 .evCon_swiper_destroy .swiper-wrapper{
    gap: 10px;
}
.evCon2 .evCon_swiper_destroy .swiper-slide{
    flex: 1 1 auto;
}
    
.eventWrap .evSection.evCon3{} 
.evCon3 .tab_base {}
.evCon3 .tab_base li {}
.evCon3 .tab_base li a {}
.evCon3 .tab_base li a::before {
    left: 5px;
}
.evCon3 .tab_base li a::after {
    right: 5px;
}
.evCon3 .tab_base li.on a {}
.evCon3 .tab_base li.on a::before {
    left: 5px;
}
.evCon3 .tab_base li.on a::after {}
.evCon3 .tab_base li a strong{
}
.evCon3 .tab_base li a strong sup{
}
.evCon3 .panel_base {
    padding: 5% 0 15%;
}
.evCon3 .panel_base::before {}
.evCon3 .panel_base::after{}
.evCon3 .panel_base li .eventVideo {}
.evCon3 .panel_base .graph{padding:0 10%}
.evCon3 .evCon3_swiper1 .swiper-wrapper{
    flex-wrap: nowrap;
}
.evCon3 .evCon3_swiper1 .swiper-slide{
    flex: 1 0 auto;
    padding: 0 2%;
}


.eventWrap .evSection.evCon4{} 
.evCon4::before {
    display: none;
}

.evCon4 .evCon4_swiper1 .swiper-wrapper{
    gap: 0;
    flex-wrap: nowrap;
}
.evCon4 .evCon4_swiper1 .swiper-slide{
    flex: 1 0 auto;
}

.eventWrap .evSection.evCon5{} 
.eventWrap .evSection.evCon6{} 
.evCon6 h5{}
.evCon6 h5 span{}

.evCon6 p{
}
.evCon6 p+p{
}
.evCon6 p.point{
}
.evCon6 .btn-base.black a{
}
.evCon6 .btn-base.black a svg{}


.evSection.event.event3 .bg_shadow{display:none}
.evSection.event .obj_cover .pattern_obj{
    margin: 0;
}

}




@media screen and (max-width: 992px){


}



@media screen and (max-width: 768px){


    .fix_menu li a{/* font-size: 14px; */padding: 15px 0;}
    .fix_menu li a:before{/* height: 30%; */}
    .fix_menu li:last-child a{letter-spacing: -.15rem;}


    
.eventWrap .evSection.evCon2{} 
.evCon2 .inner{}
        .evCon2 .evCon_swiper_destroy .swiper-wrapper{
    gap: 0;
}
.evCon2 .evCon_swiper_destroy .swiper-slide{
    flex: 1 0 auto;
    padding: 0 0% 0;
    margin-bottom: 20px;
}

.eventWrap .evSection.evCon3{} 
.evCon3 .tab_base {}
.evCon3 .tab_base li {}
.evCon3 .tab_base li a {}
.evCon3 .tab_base li a::before {display: none;}
.evCon3 .tab_base li a::after {display: none;}
.evCon3 .tab_base li.on a {}
.evCon3 .tab_base li.on a::before {}
.evCon3 .tab_base li.on a::after {}
.evCon3 .tab_base li a strong{
}
.evCon3 .tab_base li a strong sup{
}
.evCon3 .panel_base {}
.evCon3 .panel_base::before {}
.evCon3 .panel_base::after{}
.evCon3 .panel_base li .eventVideo {}
.evCon3 .evCon3_swiper1 .swiper-wrapper{}
.evCon3 .evCon3_swiper1 .swiper-slide{
    padding: 0 5%;
}


.eventWrap .evSection.evCon4{} 
.evCon4::before {}

.evCon4 .evCon4_swiper1 .swiper-wrapper{}
.evCon4 .evCon4_swiper1 .swiper-slide{}

.eventWrap .evSection.evCon5{} 
    .evCon5 .con_box{padding:0}
    
.eventWrap .evSection.evCon6{} 
.evCon6 h5{}
.evCon6 h5 span{}

.evCon6 p{
}
.evCon6 p+p{margin-top: 5%;}
.evCon6 p.point{}
.evCon6 .btn-base.black a{
}
.evCon6 .btn-base.black a svg{}




}




@media screen and (max-width: 576px){




.eventWrap .type1-prev:after, 
.eventWrap .type1-next::after{font-size: 40px;}

.eventWrap .type2-prev,
.eventWrap .type2-next{width: 3rem;}

    .fix_menu li a{padding: 6px 0;line-height: 1.2;}
    .fix_menu li a br{display: block;}
    .fix_menu li a b{font-weight:bold;letter-spacing: -0.7px;}

.evSection.evCon1 {background-position: 46% 0;} 
.evCon1 p {gap: 5vw;} 
.evCon1 h3 {} 
.evCon1 .video_btn{
    bottom: 36%;
    width: clamp(120px, 30vmin ,300px);
}



.eventWrap .evSection.evCon2{} 
.evCon2 .inner{}
.evCon2 .evCon_swiper_destroy .swiper-slide{padding: 0 0% 0;}

.eventWrap .evSection.evCon3{} 
.evCon3 .tab_base {}
.evCon3 .tab_base li {}
.evCon3 .tab_base li a {}
.evCon3 .tab_base li a::before {}
.evCon3 .tab_base li a::after {}
.evCon3 .tab_base li.on a {}
.evCon3 .tab_base li.on a::before {}
.evCon3 .tab_base li.on a::after {}
.evCon3 .tab_base li a strong{
}
.evCon3 .tab_base li a strong sup{
}
.evCon3 .panel_base {}
.evCon3 .panel_base::before {}
.evCon3 .panel_base::after{}
.evCon3 .panel_base li .eventVideo {}
    .evCon3 .panel_base .graph{padding:0 3%}
.evCon3 .evCon3_swiper1{width: 80%;margin: 0 auto;max-width: 280px;}
    .evCon3 .evCon3_swiper1 .swiper-wrapper{}
.evCon3 .evCon3_swiper1 .swiper-slide{}


.eventWrap .evSection.evCon4{} 
.evCon4::before {}
.evCon4 .evCon4_swiper1 {
    margin: 0 13%;
}
    .evCon4 .evCon4_swiper1 .swiper-wrapper{}
.evCon4 .evCon4_swiper1 .swiper-slide{}

.eventWrap .evSection.evCon5{} 
.eventWrap .evSection.evCon6{} 
.evCon6 h5{}
.evCon6 h5 span{
    padding: 9px 30px;
}

.evCon6 p{
}
.evCon6 p+p{
}
.evCon6 p.point{
}
.evCon6 .btn-base.black a{
}
.evCon6 .btn-base.black a svg{}



.evSection.event.event3 .check-base{right: unset;left: 20px;bottom: 14px;}




}