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

/* settings */
.evSection {padding: 150px 0;}
.evSection .con_tit {font-weight: 400; margin-bottom: 60px;}
.evSection .mini_tit + .con_tit {margin-top: 20px;}
.evSection .con_tit + .mini_tit {margin-bottom: 50px;}
.evSection.event .mini_tit {opacity: 0.8;}
.evSection .mb0 {margin-bottom: 0;}
.clp-fs80 {font-size: 80px;}
.clp-fs100 {font-size: 100px;}

.con_tit .end::after {background: #000;} /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.container_info .info .noti {color: #111; opacity: 0.6;}

.eventVideo.system .video_box { padding-bottom: 59%; } 
.eventVideo.system .video_box .play_area > img { width: 0; height: 0; } /*À̹ÌÁö ¾øÀ»°æ¿ì ÄÁÅÙÃ÷ ¾øÀ½ ¾Ë·µÀÌ ¶ß¹Ç·Î ÀÓ½ÃÁöÁ¤*/
.eventVideo.system .video_title {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 85px 40px; text-align: left; background: #222; z-index: 2;} 
.eventVideo.system .video_title::before {content: ''; position: absolute; left: 40px; bottom: 85px; width: 65px; height: 65px; background: url(https://img.megagong.net/m/2025/0820_history/ico_play.png) no-repeat 0 0; background-size: contain;}
.eventVideo.system .video_title span {font-weight: 700; margin-bottom: 5px;}

/* evBnr */
.evBnr {background: #021B2E; z-index: 3;}
.evBnr.fixed {position: fixed; top: 0; left: 0; width: 100%; /*z-index: 3;*/}
.evBnr li {flex: 1; position: relative;}
.evBnr li a {display: block; padding: 18.5px 30px; transition: background-color 0.3s;}
.evBnr li.on a {background-color: #004BA1;}
.evBnr li a > span {display: block; font-weight: 400; margin-bottom: 5px;}
.evBnr li strong {display: block;}

/* evCon1 */
.evCon1 {padding: 60px 0 620px; background: url(https://img.megagong.net/m/2025/0820_history/con1_bg.jpg) no-repeat; background-size: auto 100%;}
.evCon1 .sub_tit {opacity: 0.5; margin-bottom: 45px; letter-spacing: 0.06em;}
.evCon1 h3 {line-height: 1.2;}
.evCon1 h3 span {display: block; font-weight: 500; margin-bottom: 10px;}
.evCon1 h3 strong.clp-fs80 {display: block;}
.evCon1 h3 strong.clp-fs100 {display: block; width: fit-content; position: relative; margin: 0 auto;}
.evCon1 h3 strong.clp-fs100::before,
.evCon1 h3 strong.clp-fs100::after {position: absolute; top: calc(50% - 12px); font-size: 20px; font-weight: 500; letter-spacing: 3em; opacity: 0.2;}
.evCon1 h3 strong.clp-fs100::before {content: 'PERFECT'; transform: translateX(-100%); left: -20px;}
.evCon1 h3 strong.clp-fs100::after {content: 'CURRICULUM'; transform: translateX(100%); right: -80px;}

/* evCon2 */
.evCon2 {background: #FFF;}
.evCon2 .flex_wrap {display: flex; justify-content: space-between; align-items: center; gap: 20px;}
.evCon2 .flex_wrap .txt {padding: 45px 90px; border-radius: 20px; border: 1px solid #DEDEDE; background: #FFF;}
.evCon2 .txt .tit {font-weight: 700; margin-bottom: 20px;}
.evCon2 .txt p {font-weight: 400; color: #555; margin-bottom: 20px; line-height: 1.6;}
.evCon2 .txt p strong {color: #111; background: #FFF9CE;}
.evCon2 .txt .evt_con_base {display: inline-block;}

/* evCon3 */
.evCon3 {background: linear-gradient(180deg, #003658 0%, #050B1E 100%);}
.evCon3 .bar_chart_wrap {position: relative; max-width: 840px; margin: 0 auto;}
.evCon3 .bar_chart_wrap .txt {position: absolute; top: 190px; left: 51.5%; width: 85%; transform: translateX(-50%); border-radius: 8px; background: rgba(17, 17, 17, 0.80); padding: 14px 20px; line-height: 1.6; z-index: 1;}
.evCon3 .bar_chart_wrap .txt span {color: #01F9F9;}
.evCon3 .bar_chart_wrap .evt_con_base {margin-top: 35px;}

/* evCon4 */
.evCon4 {background: #E4F1FF;}
.evCon4 .updown_tab {display: flex; gap: 20px; margin-bottom: 30px;}
.evCon4 .updown_tab li {position: relative; flex: 1; border-radius: 10px; color: #FFF; background: #586573;   text-align: left; padding: 40px; cursor: pointer; transition: all 0.3s; overflow: hidden;}
.evCon4 .updown_tab li::after {content: ''; position: absolute; left: 40px; bottom: 30px; width: 36px; height: 25px; background: url(https://img.megagong.net/m/2025/0820_history/ico_triangle.png) no-repeat 50% 50%; background-size: auto; transition: transform 0.3s;}
.evCon4 .updown_tab li .upd_tab_ico {position: absolute; bottom: 0; right: 0; mix-blend-mode: luminosity;}
.evCon4 .updown_tab li:hover,
.evCon4 .updown_tab li.on {background: #07F;}
.evCon4 .updown_tab li.on::after {transform: rotateX(180deg);}
.evCon4 .updown_tab li:hover .upd_tab_ico,
.evCon4 .updown_tab li.on .upd_tab_ico {mix-blend-mode: initial;}
.evCon4 .updown_tab .upd_tab_sub { margin-bottom: 10px; }
.evCon4 .updown_tab .upd_tab_tit { font-weight: 700; margin-bottom: 55px;} 
.evCon4 .updown_contents {position: relative; margin-bottom: 60px;}
.evCon4 .updown_con {display: none;}
.evCon4 .updown_con.on {position: relative;}
.evCon4 .updown_con .feature {gap: 20px;}
.evCon4 .feature .item {flex: 1; width: 33.333%; background: #FFF; border-radius: 10px; overflow: hidden;}
.evCon4 .feature .title {background: #07F; padding: 20px;}
.evCon4 .feature ul {padding: 35px 40px; font-weight: 400; text-align: left;}
.evCon4 .feature ul li {position: relative; padding-left: 20px; line-height: 1.6;}
.evCon4 .feature ul li::before {content: ''; position: absolute; top: 10px; left: 10px; width: 4px; height: 4px; background: #111; border-radius: 50%;}
.evCon4 .feature ul li + li {margin-top: 5px;}

/* evCon5 */
.evCon5 {background: #FFF;}
.evCon5 .small_text{font-weight:500;color:#777;line-height:1.5;margin-top:16px;}
.evCon5 .tab-swiper .swiper-slide{width:33.333%;}
.evCon5 .tab-base.type-1 .swiper-slide a{line-height:1.4;}
.evCon5 .panel-base > li{display:none;}
.pr_video_detail {justify-content: space-between; align-items: center; margin-bottom: 50px;}
.evCon5 .table-base-wrap {margin-bottom: 50px;}
.evCon5 .table_tit {margin-bottom: 30px;}
.evCon5 .table-base {font-size: 15px;}
.evCon5 .table-base th {font-weight: 500; font-size: 18px; color: #111; background: #E4F1FF; border: 1px solid rgba(17, 17, 17, 0.20);}
.evCon5 .table-base td {border: 1px solid rgba(17, 17, 17, 0.20);}
.evCon5 .table-base.tp2 th:first-child,
.evCon5 .table-base.tp2 td:first-child {border-left-color: rgba(17, 17, 17, 0.20);}

/* evCon6 */
.evCon6 {background: linear-gradient(180deg, #07F 0%, #01F9F9 133.84%);}
.evCon6 .container_info .info:last-child .info_date {flex-direction: column; align-items: flex-start; padding-top: 3px;}
.evCon6 .mega_card_wrap {margin-top: 60px;}
.evCon6 .mega_card_wrap.ver_standard::before {background-color: #07F;}
.evCon6 .mega_card_wrap .card .tiny {margin-top: 30px;}

/* evCon7 */
.evCon7 {background: linear-gradient(180deg, #823AFF 0%, #FF70F5 100%);}
.evCon7 .container_info .info .noti {color: #FFF;}
.evCon7 .gift_list_wrap li .badge {background-color: #873CFF;}
.evCon7 .step_base_wrap li:nth-child(2) .hashtag {color: #777;}
.evCon7 .share_link_wrap {margin: 60px auto 0;}
.evCon7 .comment_base_wrap .comment_list {margin-top: 0;}
.evCon7 .regist_form_area {background: #873CFF;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}

@media screen and (max-width: 1200px){
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection .con_tit {margin-bottom: 6%;}
    .evSection .mini_tit + .con_tit {margin-top: 2%;}
    .evSection .con_tit + .mini_tit {margin-bottom: 5%;}
    .clp-fs80 {font-size: clamp(40px, 10vmin, 80px);}
    .clp-fs100 {font-size: clamp(50px, 12vmin, 100px);}

    .eventVideo.system .video_title {padding: 6vmin 4vmin;}
    .eventVideo.system .video_title::before {left: 4vmin; bottom: 6vmin;}

    /* evBnr */
    .evBnr .inner {width: 100%;}

    /* evCon1 */
    .evCon1 {padding: 6% 0 60%;}
    .evCon1 .sub_tit {margin-bottom: 4%;}

    .evCon2 .flex_wrap .txt {width: 60%; padding: 40px;}
}
@media screen and (max-width: 992px){
    .evBnr li a {padding: 15px 10px;}

    .evCon2 .flex_wrap {flex-direction: column-reverse;}
    .evCon2 .flex_wrap .txt {width: 100%;}
    .evCon2 .flex_wrap .img {width: 70%;}

    .evCon4 .updown_tab {gap: 10px;}
    .evCon4 .updown_tab li {padding: 20px;}
    .evCon4 .updown_tab li .upd_tab_ico {width: 45%;}
    .evCon4 .updown_tab li::after {left: 20px; bottom: 20px;}
    .evCon4 .updown_con .feature {gap: 10px;}
    .evCon4 .feature ul {padding: 20px 12px;}
}
@media screen and (max-width: 768px){
    .evt_con_base.xs {font-size: 12px;}

    .evBnr ul {flex-wrap: wrap;}
    .evBnr li {flex-basis: 50%;}
    .evBnr li:nth-child(even)::before {content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: rgba(244, 248, 255, 0.5);}
    .evBnr li:nth-child(n+3) {border-top: 1px solid rgba(244, 248, 255, 0.5);}
    .evBnr li a {padding: 1vmin 0;}
    .evBnr li .badge {padding: 0 5px; font-size: 12px; margin-bottom: 3px;}
    .evBnr li strong {font-size: 13px;}

    .evCon4 .updown_con .feature {flex-direction: column;}
    .evCon4 .feature .item {width: 100%;}
    .evCon4 .feature .title {padding: 16px 10px;}

    .pr_video_detail.ver_tea dd .tea_area {width: 40%; min-width: 180px; margin: 0 auto;}
    .evCon5 .table_tit {margin-bottom: 15px;}
    .evCon5 .table-base th {font-size: 15px;}
    .evCon5 .table-base {font-size: 13px;}
}
@media screen and (max-width: 576px){
    .eventVideo.system .video_title::before {width: 44px; height: 44px;}

    .evCon1 {padding: 6% 0 75%;}

    .evCon4 .updown_contents {margin-bottom: 30px;}
    .evCon4 .updown_tab li::after {width: 25px; height: 15px; background-size: contain;}
    .evCon4 .updown_tab .upd_tab_tit {margin-bottom: 30px;}
    .evCon4 .updown_tab .upd_tab_sub {margin-bottom: 0;}
}
@media screen and (max-width: 500px) {

    .evCon5 .tab-swiper .swiper-slide{width:150px;}
}