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

:root {--point-color1:#000AAE;--point-color2:#41F2FF;--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: #fff;}
/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.event2 .con_tit .end::after{background: #fff;}
.eventWrap .tiny_noti{padding:10px 0 0}
.eventWrap .tiny_noti.right{text-align: right;opacity: 0.5;width: 100%;}

.eventWrap .evSection{padding: 150px 0;}
.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;font-weight: 400;}
.evSection .con_tit + .mini_tit{opacity: 0.5;margin-bottom: 55px;}
.evSection .mini_tit + .con_tit {margin: 13px 0 60px;font-weight: 400;}

/* S: swiper template */
.eventWrap .swiper_basic1_wrap {position: relative;}
.eventWrap .swiper-initialized {position: relative;overflow: hidden}
.eventWrap .evCon_swiper_destroy .swiper-wrapper {gap: 10px;flex-wrap: wrap;}
.eventWrap .evCon_swiper_destroy .swiper-slide {display: flex;flex: 1 0 calc(50% - 10px);/* height: 125px; */justify-content: center;}		
.eventWrap .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: #fff;opacity: 1;width: 12px;height: 12px;border:1px solid #ddd}
.eventWrap .swiper-pagination-bullet-active{background:#000;}

.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;}

.eventWrap .evSection.evCon1{background: #2d2e4a url(https://img.megagong.net/m/2025/0718_admini/con_img14.png) no-repeat 50% 0;padding: 210px 0 210px;color: #fff;} 
.evCon1 .tea_img {position: absolute;left: 0;bottom: -260px;width: 100%;} 
.evCon1 h3 {margin: 30px 0 0;} 




/* Ãß¼®¿¬ÈÞ ÀÌÈÄ ´Ù½Ã È®ÀÎ ¿¹Á¤*/
.eventVideo .video_box {z-index:1;}
.con_tit .end {z-index:1;}
/* Ãß¼®¿¬ÈÞ ÀÌÈÄ ´Ù½Ã È®ÀÎ ¿¹Á¤*/

.eventWrap .evSection.fix_mode{padding-top:90px;}
.fix_menu {background: #fff;position: relative;}
.fix_menu ul{display: flex;width: 1080px;align-items: flex-start;gap: 0px;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: 105px;padding: 20px 0px;flex-direction: column;justify-content: center;align-items: center;gap: 3px;}
.fix_menu li a:before{content:'';display:block;position: absolute;left: 0;top: 0;background: #000;height: 100%;width: 1px;opacity: 0.1;}
.fix_menu li:first-child a:before{display:none}
.fix_menu li.event a:before{background:#fff;opacity:0.3}
.fix_menu li a b{color: #FFF;text-align: center;font-weight: bold;line-height: 1.2; /* 137.5% */letter-spacing: -0.48px;color: var(--point-color1);}
.fix_menu li.event a b{color:#fff}
.fix_menu li.event a{background: var(--point-color1);color: var(--point-color2);}
.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;color: var(--point-color2);margin: 0 0 4px;}
.fix_menu.fixed{position: fixed;top: 0;left: 0;width: 100%; /*z-index: 3;*/ z-index:2;}

.eventWrap .evSection.evCon2{background: #050D17;color:#fff;} 
.evCon2 .inner{padding-top: 150px;}
.evCon2 .con_box{display: flex;padding: 60px 148px;flex-direction: column;align-items: center;align-self: stretch;border-radius: 10px;background: #FFF;color: #000;}
.evCon2 .line_tit.circle span{border-radius: 500px;background: #000AAE;display: flex;padding: 10px 40px;justify-content: center;align-items: center;gap: 8px;font-weight: 500;}
.evCon2 .plus_ment {font-weight: normal;margin: 0 0 10px;}
.evCon2 .plus_ment strong{color: #F00;}
.evSection .table_wrap{margin: 0 0 40px;}

.evCon3 h5, .evCon4 h5{margin: 0 0 40px} 
.evCon3 h5.line_tit, .evCon4 h5.line_tit{margin: 0 0 40px} 
.evCon3 h5.line_tit.circle span, .evCon4 h5.line_tit.circle span{background: #fff;color: #000;}
.evCon4 h5.line_tit.circle span{background: #E8E9F5;}
.evCon3 h5.sub_tit{padding: 0 0 13px;border-bottom: 2px solid #000;margin: 0 0 20px;text-align: left;} 
.evCon3 .evCon3Swiper1_wrap{margin: 0 0 60px;}
.evCon3 .evCon3_swiper1{text-align:left} 
.evCon3 .evCon3_swiper1 ul{display:flex;flex-direction: column;align-items: flex-start;gap: 5px;padding: 0 0 10px;}
.evCon3 .evCon3_swiper1 ul li{position: relative;padding:0 0 0 10px}
.evCon3 .evCon3_swiper1 ul li::before{content:'';position: absolute;top: 10px;left: 0;width: 5px;height:2px;background:#000}
.evCon3 .evCon3_swiper1 ul li b{font-weight:bold}
.evCon3 .evCon3_swiper2 .swiper-wrapper{gap: 18px;}
.evCon3 .evCon3_swiper2 .swiper-slide{position: relative;flex: 1;display: flex;flex-direction: row;/* height: 551px; */align-items: flex-start;justify-content: flex-start;}
.evCon3 .evCon3_swiper2 .swiper-slide img.focus_on{opacity:0}
.evCon3 .evCon3_swiper2 .swiper-slide.on img.focus_on{opacity:1}
.evCon3 .evCon3_swiper2 .swiper-slide img{width:auto;}
.evCon3 .evCon3_swiper2 .focus_on{position: absolute;top: 0;left: 0;z-index: 1;}

.eventWrap .evSection.evCon4{background: #E8E9F5;} 
.evCon4 .cont_wrap {display: flex;gap: 40px;margin-bottom: 0;padding: 30px 0 0;align-items: center;}
.evCon4 .cont_wrap .tea {flex: 1;position: relative;width: 36%;}
.evCon4 .teacher_home {position: absolute;bottom: 38px;left: 0;min-width: fit-content;width: 100%;text-align: center;justify-content: center;}
.evCon4 .teacher_home b {background: #000AAE;width: 20px;height: 20px;font-weight: normal;}
.evCon4 .eventVideo {width: 64%;max-width: 665px;flex-grow: 0;}
.evCon4 .now + .eventVideo {margin: 0 auto 40px;width: 910px;max-width: 100%;}
.evCon4 .evCon4_scroll {position: relative;overflow: hidden;margin: 0 0 20px;}
.evCon4 .evCon4_scroll .swiper-wrapper {gap: 10px}
.evCon4 .evCon4_scroll .swiper-slide {flex:1;}

.evCon4 .now{position: relative;font-weight: normal;display: flex;justify-content: center;align-items: center;}
.evCon4 .now i{display: flex;height: 94px;width: 94px;padding: 0px 21px 0px 22px;justify-content: center;align-items: center;position: absolute;left: 168px;top: -11px;border-radius: 1000px;background: #F00;letter-spacing: 0;color: #FFF;text-align: center;font-family: Inter;font-style: normal;font-weight: 700;line-height: normal;}


.conTab .tab_base {display: flex;background: #C0C0C0;}

.conTab .tab_base.fixed {position: fixed;top: 0;left: 0;width: 100%;z-index: 3;justify-content: center;background: linear-gradient(90deg, #170426 0%, #1A0738 100%);}
.conTab .tab_base li {flex: 1;}
.conTab .tab_base.fixed li{flex: none;width: 360px;}
.conTab .tab_base li a {position: relative;padding: 25px 0px;flex-direction: column;justify-content: center;align-items: center;gap: 3px;flex: 1 0 0;display: flex;color: #fff;font-weight: normal;}
.conTab .tab_base li.on a {background: #000AAE;color: #fff;}
.conTab .tab_base li a strong{display: flex;align-items: flex-start;}
.conTab .tab_base li a strong sup{margin: 4px 0 0 3px;font-weight: normal;}
.conTab .evCon4_swiper1{margin: 0 85px 60px;}
.conTab .evCon4_swiper1 .swiper-wrapper {gap: 30px;}
.conTab .evCon4_swiper1 .swiper-slide{display: flex;height: 160px;flex-direction: column;justify-content: center;align-items: center;gap: 30px;flex: 1 0 0;border-radius: 12px;border: 2px solid #000AAE;background: #FFF;font-weight: 400;}
.conTab .evCon4_swiper1 .swiper-slide b{font-weight:bold}

.evSection.event.event3 {background: linear-gradient(0deg, #19A3FF 0%, #19A3FF 100%), #5672FF;color: #fff;}
.evSection.event .mini_tit{display:block;margin: 20px 0 0 0;} 
.event .con_tit{margin-bottom: 20px;}
.event .con_tit strong img{margin-left: 10px;width:auto !important}
.event .container_info_wrap{margin-bottom: 50px;}
.event .container_info_wrap{margin-bottom: 50px;}
.event.event3 .gift_result_base{right: inherit;left: 50%;margin: 0 0 0 45px;top: 55px;}
.event.event4 .gift_result_base{right: inherit;left: 50%;margin: 0 0 0 50px;top: 20px;}
.event.event3 .tail{margin: -40px 00 80px;font-weight: 300;}
.event.event4 .tail{margin: 30px 00 90px;font-weight: 300;}
.evSection.event .bg_shadow{bottom: unset;top: 956px;}
.evSection.event.event4 .bg_shadow{top: 922px;}
.evSection.event .share_link_wrap{margin: 0;}
.evSection.event .regist_form_area{position: relative;background: #0000004a;}
.evSection.event .check-base{position: absolute;bottom: 30px;right: 40px;}
.evSection.event .obj_cover .pattern_obj{mix-blend-mode: luminosity;margin: -190px 0 0;}
.evSection.event .btn-base-wrap a{line-height:1.3}

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

.evSection.event.event4 {background: #000AAE;color: #fff;}
.evSection.event .container_info .info .noti{color:#fff}

/* 250918 */
.evCon4 .now.new_ver {display: inline-block;} 
.evCon4 .now.new_ver i {left: -112px;}
.evSection.event.event5 .con_tit .end::after{background: #000;}
.evSection.event.event5 {background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(65, 242, 255, 1) 100%);}
.evSection.event.event5 .container_info .info .noti {color: #595959;}
.evSection.event.event5 .gift_list_wrap li .badge {color: #000000;background-color: #41f2ff;}

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



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

    .eventWrap .evCon_swiper_destroy.destroy_1200 .swiper-wrapper {gap: 0;flex-wrap: nowrap;}
    .eventWrap .evCon_swiper_destroy.destroy_1200 .swiper-slide {flex: 1 0 auto;/* height: 100px; */}
    .eventWrap .evCon_swiper_destroy.destroy_1200 .swiper-pagination {display: block;}


    .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%;}


    .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{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}

    .evCon3 h5, .evCon4 h5{margin: 0 0 4%;}
    .eventWrap .evSection.evCon1{background-size: 213%;padding: 15% 0;} 
    .evCon1 p img{width: clamp(200px, 34vmin,322px);}
    .evCon1 h3 {margin: 2% 9% 0;} 

    .evCon2 .inner{padding-top: 15vw;}
    .evCon2 .con_box{padding: 6%;}
    .evCon2 .line_tit.circle span{padding: 10px 25px;}

    .evCon3 .evCon3_swiper2 .swiper-slide img{width: 100%;}
    .evCon3 h5.sub_tit{padding: 0 0 7px;margin: 0 0 10px;}
    .evCon3 .evCon3_swiper1 .swiper-slide ul{align-items: center;}

    .evSection.event.event3 .bg_shadow{display:none}
    .evSection.event .obj_cover .pattern_obj{margin: 0;}
    .event .container_info_wrap{margin: 6% 0 6%;}
    .event .con_tit strong img{display:none}


    .eventWrap .evSection.evCon4{background: #E8E9F5;} 
    .evCon4 .evCon4_scroll .swiper-slide{padding: 0 5vw 0 0;}
    .conTab .tab_base li a{padding: 20px 0;}
    .evCon4 .cont_wrap {gap: 15px;padding: 4% 0 0;}
    .evCon4 .cont_wrap .tea {flex: 1;position: relative;width: 36%;}
    .evCon4 .teacher_home {position: absolute;bottom: 38px;left: 0;min-width: fit-content;width: 100%;text-align: center;justify-content: center;}
    .evCon4 .teacher_home b {background: #000AAE;width: 20px;height: 20px;font-weight: normal;}
    .evCon4 .eventVideo {width: 64%;max-width: 665px;flex-grow: 0;}
    .evCon4 .now + .eventVideo {margin: 0 auto 6%;width: 90%;}
    .evCon4 .evCon4_swiper1{margin: 0 0 5%;}
    .conTab .evCon4_swiper1 .swiper-slide{height:100px}
    .evCon4 .now{flex-direction: column;}
    .evCon4 .now i{position: relative;left: unset;top: unset;width: auto;height: auto;margin: 0 0 5px;}
    .evCon3 h5.line_tit, .evCon4 h5.line_tit{margin: 0 0 3%;}

    .event .gift_item img{width: clamp(200px, 32vmin,300px);}
    .event.event3 .tail{margin: 0 0 8%;}
    .event.event4 .tail{margin: 0 0 8%;}

    .evCon4 .now.new_ver {display: flex;}
    .evCon4 .now.new_ver i {left: unset;}


}




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



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


    .fix_menu li a{padding: 15px 0;}
    .fix_menu li:last-child a{letter-spacing: -.15rem;}

    .eventWrap .evCon_swiper_destroy.destroy_768 .swiper-wrapper {gap: 0;flex-wrap: nowrap;}
    .eventWrap .evCon_swiper_destroy.destroy_768 .swiper-slide {flex: 1 0 auto;}
    .eventWrap .evCon_swiper_destroy.destroy_768 .swiper-pagination {display: block;}

    .evCon3 .evCon3_swiper2 .swiper-slide img.focus_on{opacity:0}
    .evCon3 .evCon3_swiper2 .swiper-slide.swiper-slide-active img.focus_on{opacity:1}


    .evCon4 .evCon4_scroll {margin: 0 0 20px;}
    .evCon4 .evCon4_scroll .swiper-wrapper {gap: 0}
    .evCon4 .evCon4_scroll .swiper-slide {width: 140vw;flex: none;}
    .evCon4 .evCon4_scroll .swiper-scrollbar {display: block;position: relative;margin-top: 15px;left: auto;top: auto;height: 8px;width: 100%;z-index: 1}
    .evCon4 .evCon4_scroll .swiper-scrollbar .swiper-scrollbar-drag {background: #3284ff}


}




@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 .video_btn{bottom: 36%;width: clamp(120px, 30vmin ,300px);}

    .evCon2 .con_box{padding: 5% 10%;}

    .conTab .tab_base li a{padding: 10px 0;}
    .evCon2 .evCon_swiper_destroy .swiper-slide{padding: 0 0% 0;}

    .evCon3 .evCon3_swiper2 {width: clamp(250px, 37vmin,350px);margin: 0 auto 0;}
    .evCon4 .cont_wrap {display: flex;flex-direction: column;gap: 0;}
    .evCon4 .cont_wrap .tea {width: 100%;}
    .evCon4 .cont_wrap .tea img{width: clamp(130px,30vmin,300px);}
    .evCon4 .teacher_home {bottom: 10px;}
    .evCon4 .eventVideo {width: 100%;max-width: 100%;}
    .evCon4 .now + .eventVideo {width: 100%;}
    .evCon4 .evCon4_scroll .swiper-slide{width: 160vw;}
    .evCon4 .evCon4_scroll .swiper-slide img{margin-left: -13vw;}

    .evCon4 .now{flex-direction: column;}
    .conTab .evCon4_swiper1 .swiper-slide{height:80px}

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


}