@charset "euc-kr"; 
:root { 
    --point-color1:#E41818; 
    --point-color2:#0082FF; 
} 

.con_tit .end::after { background: #fff; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.evSection { line-height: 1.3; } 
.evSection .con_tit { margin:0 0 60px; line-height: 1.3; } 
.evSection .mini_tit { opacity: 0.6; font-weight: 400; } 
.evSection .con_tit .point,
.evSection .sub_tit .point { color: var(--point-color1); } 
.evSection .mini_tit { margin:0 auto 20px; } 
.evSection { padding: 150px 0; } 
.evSection .cir_tit { margin:0 auto 40px; display:flex; align-items: center; justify-content: center; gap:2px; width: 100%; } 
.evSection .cir_tit::before { content:""; display: block; height:1px; border-top:1px solid #000; width: calc(50% - 145px); } 
.evSection .cir_tit::after { content:""; display: block; height:1px; border-top:1px solid #000; width: calc(50% - 145px); } 
.evSection .cir_tit strong { display: flex; width: 290px; height: 43px; justify-content: center; align-items: center; background-color: #000; color:#fff; border-radius: 80px; } 
.evSection .slick-dots { margin:15px 0 0; display:flex; align-items: center; justify-content: center; gap:10px; } 
.evSection .slick-dots li { width: 12px; height: 12px; border-radius: 100%; background-color: #D9D9D9; } 
.evSection .slick-dots li button { font-size: 0; } 
.evSection .slick-dots li.slick-active { background-color: var(--point-color1); } 
.evSection .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 0; z-index: 2; } 
.evSection .slick-arrow.slick-prev { left: -25px; background-image: url("https://image.megagong.net/m/2025/0714_megamega2/prev.png"); } 
.evSection .slick-arrow.slick-next { right: -25px; background-image: url("https://image.megagong.net/m/2025/0714_megamega2/next.png"); } 
/* Ãß¼®¿¬ÈÞ ÀÌÈÄ ´Ù½Ã È®ÀÎ ¿¹Á¤*/
.eventVideo .video_box {z-index:1;}
.con_tit .end {z-index:1;}
/* Ãß¼®¿¬ÈÞ ÀÌÈÄ ´Ù½Ã È®ÀÎ ¿¹Á¤*/


#fix_ban { display:none; } 


/*evCon1*/
.eventWrap .evSection.evCon1 {position:relative;padding: 0;background-position: center center;background-repeat: no-repeat;background-size: cover;background-image: url("https://image.megagong.net/m/2025/0714_megamega2/evCon1_bg.png");overflow-x: hidden;overflow-y: visible;} 
.evCon1 .con_tit { margin: 0; } 
.evCon1 .tea_img { position: relative; width: 100%; overflow:hidden; display: flex; align-items: center; justify-content: center; } 
.evCon1 .tea_img > img { max-width: unset; } 
.evCon1 .mini_tit { position:absolute; top: 30px; left: 50%; transform: translateX(-50%); letter-spacing: 20px; font-weight: 400; width: max-content; } 
.evCon1 .tea_txt {position: absolute;bottom: 70px;left: 50%;transform: translateX(-50%);width: 100%;/* z-index: 1; */} 
.evCon1 .tea_txt > img {width: initial;max-width: 96%;} 
.evCon1 .teacher_home_wrap { position: absolute; width: 50%; height: 100%; right:0; top: 0; } 
.evCon1 .teacher_home { position: absolute; bottom: 39%; left: 180px; } 

/*evCon2*/
.eventWrap .evSection.evCon2 { position:relative; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0714_megamega2/evCon2_bg.png"); } 
.evCon2 .con_tit { margin:0 auto 20px; } 
.evCon2 .mini_tit { margin:0 auto 60px; } 
.evCon2 .sub_tit { text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.90); line-height: 1.5; } 
.evCon2 .mega_slick_wrap.prove .item {padding: 70px 60px 100px 60px;min-height: 690px;border-radius: 20px;border: 1px solid rgba(255, 255, 255, 0.05);background: #FFF;backdrop-filter: blur(5px);} 
.evCon2 .prove .tit { margin: 0 auto 32px; line-height: 1.3; } 
.evCon2 .prove .img_wrap { width: max-content; margin: 0 auto; display: flex;align-items: center;justify-content: center;flex-direction: column; } 
.evCon2 .prove .img_wrap.only_img {margin: 7vmin auto 0;}
.evCon2 .prove .btn-base a { margin: 40px auto 0; padding: 0 0 0 70px; width:367px; height:75px; display:flex; align-items:center; background-image: url("https://image.megagong.net/m/2025/0714_megamega2/play.png"); background-repeat: no-repeat; background-position: 90% center; background-size: inherit; /* text-align: left; */line-height: 1.3; } 
.evCon2 .prove .evt_con_base { margin: 10px auto 0; text-align: right; font-size: 12px; opacity: 0.7; } 
.evCon2 .slick-dots { top: -80px; position: relative; z-index: 1; } 
.evCon2 .con_tit .flex {justify-content: center;}
.evCon2 .rolling {display: inline-block;overflow: hidden;width: 42vmin;height: 1.3em;vertical-align: middle;} 
 
/*evCon3*/
.evCon3 .tab_tit { margin: 0 auto 40px; font-weight: 400; } 
.evCon3 .cir_tit { margin: 70px auto 30px; } 
.eventWrap .evCon3 { padding: 120px 0 0; } 
.eventWrap .evCon3 .con_box { padding: 0 0 160px; } 
.evCon3 .con_tit { color: #fff; } 
.evCon3 .mini_tit { color: #fff; opacity: 0.8; } 
.evCon3 .sub_tit { margin: 0 auto 30px; line-height: 1.3; } 
.evCon3 .tab_base { display: flex; } 
.evCon3 .tab_base li { flex: 1; } 
.evCon3 .tab_base li > a { display: flex; flex-direction: column; align-items: center; justify-content: center; padding:22px 0; width: 100%; background: #454545; } 
.evCon3 .tab_base > li span,
.evCon3 .tab_base > li strong { color:#fff; opacity: 0.5; } 
.evCon3 .tab_base > li.on a { background: #fff; } 
.evCon3 .tab_base > li.on span { color:#000; opacity:1; } 
.evCon3 .tab_base > li.on strong { color: var(--point-color1); opacity:1; } 
.evCon3 .con_box .inner { width: 1000px; } 
.evCon3 .panel_base > li { padding: 70px 0 0; } 
.evCon3 .book .tit { padding: 30px 0px; border: 1px solid #777; background: #001C46; color:#fff; } 
.evCon3 .book,
.evCon3 .sab,
.evCon3 .book2,
.evCon3 .gs { margin:0 auto 70px; } 
.evCon3 .book {position: relative; overflow:hidden; }
/* .evCon3 .book .book_wrap { position: relative; width:100%; overflow:hidden; }  */
.evCon3 .book .small { position: absolute; bottom:-40px; left: -40px; } 
.evCon3 .sab .mega_slick { display: flex; flex-wrap: wrap; gap:40px 30px; justify-content: center; align-items: stretch; } 
.evCon3 .sab .item { width: calc(50% - 15px); } 
.evCon3 .sab .item .tit_wrap { padding: 20px 0; background-color: #001C46; color:#fff; border: 1px solid #777; } 
.evCon3 .sab .item .num { margin: 0 auto 20px; display: flex; width: 33px; height: 33px; align-items: center; justify-content: center; border-radius: 50%; background: var(--point-color1); color:#fff; } 
.evCon3 .sab .item .det { margin: 12px auto 0; opacity: 0.8; font-weight: 400; } 
.evCon3 .gs .mega_slick { display: flex; flex-wrap: wrap; gap:30px; justify-content: center; align-items: stretch; } 
.evCon3 .gs .item { padding: 30px 20px; flex:1; border: 1px solid #777; background: #001C46; color:#fff; } 
.evCon3 .gs .cir { margin: 0 auto; border-radius: 50px; background: var(--point-color1); color:#fff; width:80px; height: 32px; display: flex; justify-content: center; align-items: center; } 
.evCon3 .gs .tit { margin: 15px auto; } 
.evCon3 .gs .tit .point { color:var(--point-color1); } 
.evCon3 .gs .det { margin: 20px auto 0; opacity: 0.8; font-weight:400; line-height: 1.5; } 
.evCon3 .s_sub_tit { margin: 30px auto 40px; color: #666; font-weight: 400; line-height: 1.5; } 
.evCon3 .hashtag { margin: 0 auto 30px; display: flex; justify-content: center; align-items: flex-start; gap: 15px; align-self: stretch; } 
.evCon3 .hashtag li { display: flex; padding: 20px 30px; justify-content: center; align-items: center; gap: 10px; line-height: 1; border-radius: 100px; border: 2px solid var(--point-color1); color:var(--point-color1); } 


/*evCon4*/
.evCon4 .review_wrap { display: flex; flex-direction: column; gap: 30px; } 
.evCon4 .review_wrap .item { display: flex; padding: 50px 80px; align-items: center; gap: 70px; align-self: stretch; border-radius: 20px; background: #FFF; text-align:left; } 
.evCon4 .review_wrap .det { margin: 20px 0 0; color: #515151; font-weight: 400; line-height: 1.55; } 
.evCon4 .evt_con_base { margin: 10px 0 0; text-align:right; opacity: 0.7; font-size: 12px; } 

/*event °øÅë ¿µ¿ª*/
.container_info.ver_circle .info .info_date,
.container_info .info .noti { color:#fff; } 
.gift_list_wrap li .badge { background-color:var(--point-color1); } 
.evtoggleWarning { padding: 0 !important; } 

/*event1*/
#event1 { background: linear-gradient(180deg, var(--point-color1) 0%, #F6F6F6 100%); } 
#event1 .note-base-wrap { margin: 30px 0 0; } 
#event1 .con_tit > strong { font-weight: 400; } 
#event1 .mini_tit { opacity: 1; } 
#event1 .con_tit > .mini_tit { margin:0 auto 10px; } 
.purchase_base_list > li .purchase_btn { text-align: center; } 
.note-base-wrap .n_tit i { background: rgba(17, 17, 17, 0.20); } 



/*event2*/
#event2 { background-color:#001c46; } 
#event2 .con_tit { margin:0 auto 20px; } 
#event2 .con_tit > .mini_tit { color:var(--point-color2); margin:0 auto 10px; opacity: 1; } 
#event2 .con_tit + .mini_tit { margin: 0 auto 60px; } 
#event2 .con_tit .evt_mark { background-color:var(--point-color2); } 
#event2 .con_tit .evt_mark::after { border-top:10px solid var(--point-color2); } 


#event3 {background: #001C46;}
#event3 .mini_tit {opacity: 1; margin:0 auto 10px; line-height: 1.5;}
#event3 .con_tit {margin: 0 auto 40px;}
#event3 .con_tit .evt_mark {background-color: #FFDA60; color:#111111;}
#event3 .con_tit strong {line-height: 1.2; margin:0 auto 20px;}
#event3 .con_tit + .mini_tit {margin:0 auto 60px;}
#event3 .cir {padding:0 30px; border-radius: 50px; margin: 0 auto 10px; width: max-content; height: 46px; display: flex; align-items: center; justify-content: center;}
#event3 .cir.red {background-color: #E41818;}
#event3 .cir.yellow {background-color: #FFDA60;}
#event3 .point {color:#FFDA60;}
#event3 .container_info_wrap.mb50 {margin-bottom: 40px;}
#event3 .click_base_wrap {margin-bottom: 60px;}
.click_base_wrap .click_wrap {margin: 0 auto 70px;}
.click_base_wrap .click_wrap .count_area .evt_badge_finish {top:-30px; right:-30px;}
.click_base_wrap .click_wrap .book_area {flex-direction: column; color:#AAAAAA; font-weight: 400;}
#event3 .gift_list_wrap li .badge {background: #FFDA60; color:#111;}

/*À̺¥Æ® ÀÎÁõÇϱâ Æ˾÷*/
.mg_tb_form tr:first-child td select {width: 100%;border: 1px solid #d0d0d0;height: 30px;overflow: hidden!important;display: block;text-overflow: ellipsis;white-space: nowrap;flex-grow: 1;word-break: break-all;}



@media screen and (max-width: 1200px){
    .evSection { padding: 12% 0; } 
    .evSection .con_tit {margin: 0 auto 7vmin;} 
    .evSection .mini_tit { margin: 0 0 3vmin; display: block; } 
    .evSection .slick-arrow.slick-next { right: 0; } 
    .evSection .slick-arrow.slick-prev { left: 0; } 
    /*evCon1*/
    .eventWrap .evSection.evCon1 {padding: 9vmin 0 0;} 
    .evCon1 .mini_tit {top: 7%;} 
    .evCon1 .con_tit { margin: 0; } 
    .evCon1 .tea_img>img { width: 227%; } 
    .evCon1 .tea_img .img1 { width: 280%; } 
    .evCon1 .teacher_home { left: 33%; bottom: 38%; } 

    /*evCon2*/
    .evCon2 .con_tit { margin: 0 auto 3vmin; } 
    .evCon2 .mini_tit {margin: 0 auto 7vmin;} 
    .evCon2 .prove .tit { margin: 0 auto 5vmin; } 
    .evCon2 .mega_slick_wrap.prove .item {padding: 6vmin 6vmin 10vmin 6vmin;min-height: clamp(438px,94vmin,700px);border-radius: 10px;} 
    .evCon2 .slick-dots { top: -8vmin; } 
    .evCon2 .prove .img_wrap {width: 100%;} 

    /*evCon3*/
    .eventWrap .evCon3 { padding: 12% 0 0; } 
    .eventWrap .evCon3 .con_box {padding: 0 0 12%;}
    .evCon3 .cir_tit { margin: 8vmin auto 5vmin; } 
    .evCon3 .eventVideo { width: 100%; } 
    .evCon3 .sub_tit { margin: 0 auto 2.5vmin; } 
    .evCon3 .tab_tit { margin: 0 auto 4vmin; } 
    .evCon3 .con_box .inner { width: 96%; } 
    .evCon3 .gs .item { width: 90% !important; } 
    .evCon3 .gs .item > img { display:block; margin: 0 auto; } 
    .evCon3 .s_sub_tit { margin: 0 auto 5vmin; } 
    .evCon3 .tab_base li > a { padding: 4vmin 0; } 
    .evCon3 .book, 
    .evCon3 .sab, 
    .evCon3 .book2, 
    .evCon3 .gs { margin: 0 auto 8vmin; } 
    .evCon3 .sab .item .num { margin: 0 auto 3vmin; } 
    .evCon3 .book .small { width: 40vmin; max-width: unset; left: -7vmin; bottom: -1vmin; } 
    .evCon3 .gs .mega_slick { gap: 10px; } 
    .evCon3 .gs .det br { display:none; } 
    .evCon3 .hashtag li { padding: 2vmin; line-height: 1.3; } 
    
    /*evCon4*/
    .evCon4 .review_wrap .item { gap: 4vmin; padding: 7vmin 5vmin; border-radius: 10px; } 

    /*event2*/
    #event2.con_tit { margin: 0 auto 3vmin; } 
    #event2 .con_tit + .mini_tit { margin: 0 auto 5vmin; } 

    #event3 .con_tit {margin: 0 auto 4%;}
    #event3 .con_tit + .mini_tit {margin:0 auto 6%;}
    #event3 .container_info_wrap.mb50 {margin-bottom: 4%;}
    #event3 .click_base_wrap {margin-bottom: 6%;}

    .click_base_wrap .result_list li {flex:1; width: auto;}
    .click_base_wrap .click_wrap {margin: 0 auto 7%;}
}


@media screen and (max-width: 1024px){
    #fix_ban { display:block; width:100%; color:#fff; border-top:1px solid #626262; border-bottom: 1px solid #626262; } 
    #fix_ban.on { position:fixed; left:0; top:0; /*z-index:3;*/ z-index:2; } 
    #fix_ban .btn_wrap { margin: 0 auto; display: flex; align-items: center; } 
    #fix_ban .btn_wrap li { flex: 1; position: relative; height: 100%; } 
    #fix_ban .btn_wrap li.active a { background:#e41818; } 
    #fix_ban .btn_wrap li a { display: flex; flex-direction: column; align-items: center; justify-content: center; padding:3vmin 0; width: 100%; height: 100%; font-weight: 400; border-right: 1px solid #626262; background: #01041a; } 
    #fix_ban .btn_wrap li:last-child a { border-right: none; } 

    /*evCon1*/
    .eventWrap .evSection.evCon1::after {content:""; display:block; width: 100%; height: 10vmin; background-color:#01041a;}
    .evCon1 .tea_txt {bottom: 2%;} 

    /*evCon2*/
    .evCon2 .prove .img_wrap.only_img {margin: 10vmin auto 0;}
    .evCon2 .prove .btn-base {width: 96%;}
    .evCon2 .prove .btn-base a {width: 100%;max-width:420px;height: auto;padding: 3vmin;margin: 7vmin auto 0;background-size: 30px;} 
    .evCon2 .prove .btn-base a br {display:none;}
}

@media screen and (max-width: 768px) { 
    /*evCon1*/
    .evCon1 .tea_img { width: 100%; } 
    .evCon1 .mini_tit {letter-spacing: 8px;font-size: 12px;} 
    .evCon1 .teacher_home { bottom: 30%; } 

    /*evCon2*/
    .evCon2 .con_tit .flex {flex-direction: column;}
    .evCon2 .rolling {width: 100%;}
    .evCon2 .prove .img_wrap.only_img {margin: 14vmin auto 0;}
    
    /*evCon3*/
    .eventWrap .evCon3 > .inner { width: 100%; } 
    .evCon3 .gs .mega_slick { display: block; } 
    .evCon3 .sab .mega_slick { display:block; } 
    .evCon3 .sab .item img { width: 100%; } 
    .evCon3 .gs .det br { display:block; } 

    /*evCon4*/
    .evCon4 .review_wrap .item { flex-direction: column; text-align: center; } 
    
    .evSection.event { padding: 18% 0; } 
    .purchase_base_list > li .purchase_btn br { display:none; } 

    .click_base_wrap .click_wrap .book_area {margin: 0 auto 5%;;}
 }

@media screen and (max-width: 576px) { 
    .evSection .slick-dots li {width: 10px; height:10px;}
    
    /*evCon2*/
    .evCon2 .mega_slick_wrap.prove .item {padding: 10vmin 6vmin;}
    .evCon2 .slick-dots { top: -11vmin; } 
    .evCon2 .prove .btn-base a {margin: 1vmin auto 0;padding: 4vmin;background-position: 96% center;}
    .evCon2 .prove .evt_con_base {font-size: 10px;}
    .evCon2 .prove .img_wrap.only_img {margin: 0 auto;} 

    /*evCon3*/
    .evCon3 .hashtag { gap: 10px; } 

    /*evCon4*/
    .evCon4 .review_wrap .item img { width:80px; } 
    .evCon4 .review_wrap .det br { display:none; } 

    #event3 .cir {height: auto; padding: 5px 30px;}
    #event3 .cir > img {height: 20px; max-width: auto;}
}