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

:root{
    --point-color1:#d800ff;
    --point-color2:#2b1144;
    --black:#000;    
    --pt-gradi-color:linear-gradient(90deg, #fff 0%, #7794ff 100%);
}
.eventWrap{font-weight: 400;}

/* settings */
.evSection {padding: 150px 0;}
.evSection .con_tit {margin-bottom: 70px;}
.evSection .con_tit h4 {font-weight: 900; line-height: 1.29; letter-spacing:  -0.88px; color: var(--point-color3);}
.evSection .con_tit h4 .under{position: relative;}
.evSection .con_tit h4 .under::after{position: absolute; content: ''; left: 50%; transform: translateX(-50%); width: 100%; height: 2px; background: #fff; bottom: 0;}
.evSection .button-prev {position: absolute; top: 50%; left: -20px; width: 44px; height: 85px; background-image: url(https://image.megagong.net/m/2024/0812_kimchanghun/con2_prev.png); background-size: contain; transform: translate(-100%, -50%); cursor: pointer;}
.evSection .button-next {position: absolute; top: 50%; right: -20px; width: 44px; height: 85px; background-image: url(https://image.megagong.net/m/2024/0812_kimchanghun/con2_next.png); background-size: contain; transform: translate(100%, -50%); cursor: pointer;}
.evSection .swiper-pagination-bullet-active {background: var(--point-color1);}

.eventWrap .tit_point {margin: 0 0 40px;background:#333333;color:#fff;padding: 12px 0;border-radius: 40px;font-weight: 700;position: relative;}
.eventWrap .tit_line {position:relative;margin-bottom:40px;line-height: 1;display: flex;align-items: center;justify-content: center}
.eventWrap .tit_line::before {content:'';display:block;width:100%;height:1%;background: #000;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.eventWrap .tit_line span {position:relative;border-radius:30px;line-height: 1; font-weight: 700; padding: 13px 0; width: 320px; background: #000; color: #fff;}
.eventWrap.event .tit_line span{width: 210px;}

/* °øÅë */
.evSection{padding: 150px 0;}
.evSection .warningList li ul li a{ color: #0038fd; text-decoration: underline; } 
.evSection .warningList .tp1{color: #007af3;}
.evSection .lecture { padding-bottom: 0 !important; background: #fff; } 
.evSection .po1{color: #d800ff;}
.evSection .po2{color: #01265c;}
.evSection .w{color: #fff !important;}
.evSection .black{color: #000 !important;}
.evSection .bo{font-weight: bold !important;}
.evSection .ebo{font-weight: 900 !important;}
.evSection .me{font-weight: 500 !important;}
.evSection .nm{font-weight: 400 !important;}

/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.evSection .con_tit .end::after { background: rgba(255,255,255,.5); } 

.evSection .clamp-title{font-size:60px;}
.evSection .clamp-title2{font-size:44px;}
.evSection .clamp-text{font-size:40px;}
.evSection .clamp-text2{font-size:30px;}
.evSection .clamp-text3{font-size:25px;}
.evSection .clamp-text4{font-size:22px;}
.evSection .clamp-text5{font-size:18px;}
.evSection .clamp-textn{font-size:16px;}


.eventWrap .btn_n{display: flex; align-items: center; justify-content: center; gap: 24px;}
.eventWrap a.btn{font-size: 16px;display: block;padding: 19px 0px;width: 470px; font-weight: bold;background: #000;color: #fff;}
.eventWrap a.btn.end{background: #999;}
.eventWrap a.btn span{display: inline-block;position: relative;padding: 0 25px 0 0}
.eventWrap a.btn span::before{content: "";position: absolute;right: 0;top: 50%;width: 12px;height: 17px;margin: -7px 0 0;background-color:#fff;color: #fff;-webkit-mask-size: 100%;mask-size: cover;mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;mask-position: center;-webkit-mask-position: center;-webkit-mask-image: url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg);mask-image: url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg)}
.evSection .design_txt{margin: 0 0 35px;}
.evSection .con_tit .sub_tit{margin: 0 0 45px; padding: 0 0 5px; border-bottom: 1px solid #000; display: inline-block;}

.eventWrap .bottom_fix {background-color:var(--point-color1);position:absolute;bottom:0;left:0;width:100%;z-index:3;}
.eventWrap .bottom_fix.fixed {position:fixed;bottom:unset;top:0;left:0;width:100%}
.eventWrap .bottom_fix .bf_inner{display:grid; grid-template-columns: repeat(2, 1fr);}
.eventWrap .bottom_fix a{position: relative; padding: 22px 0;}
.eventWrap .bottom_fix a+a:before {content:'';position: absolute;top: 50%;transform: translateY(-50%); left: 0;width: 1px;height: 50%;background: #fff;opacity: 0.3;}
.eventWrap .bottom_fix a .end_icon{position: absolute; top: 0; right: 0;}

/* evCon1 */
.evCon1 { background: #d800ff url(https://image.megagong.net/m/2024/0913_plower3362/evCon1_bg.jpg) no-repeat center/cover; padding: 50px 0 100px; position: relative;}
.evCon1 .con_img{position: relative;}
.evCon1 .con_img .home_icon{position: absolute; left: 68%; bottom: 31.5%;}
.evCon1 .fix_bnr{position: absolute; top: 50%; transform: translateY(-50%); left: -300px;}

/* evCon2 */
.evCon2{background: #f5c1ff;}
.evCon2 .exam_box { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; } 
.evCon2 .exam_box .swiper_common { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; } 
.evCon2 .exam_box .swiper-wrapper { gap: 14px; } 
.evCon2 .exam_box .swiper-slide { width: calc(33.33% - 8px) !important; } 
.evCon2 .exam_box .exam_con{ position: relative;} 
.evCon2 .exam_box .exam_con .add_btn{position: absolute; left: 50%; bottom: 30px; width: 181px; margin-left: -90.5px;}
.evCon2 .result_box{position: relative; background: var(--point-color1); padding: 21px 0; margin: 50px 0 0;}
.evCon2 .result_box p{font-size: 20px; color: #fff; font-weight: 700; line-height: 1.4;}
.evCon2 .result_box .result_arrow{position: absolute; left: 50%; transform: translateX(-50%); top: -42px;}

/* evCon3 */
.evCon3 .youtube_wrap{display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px;}

/* evCon4 */
.evCon4{background: var(--point-color1);}
.evCon4 .review_roll_wrap {position: relative;}
.evCon4 .review_roll {position: relative; overflow: hidden;}
.evCon4 .review_roll .swiper-slide {display: flex; flex-direction: column;}
.evCon4 .review_roll_wrap + .tiny {font-size: 14px; color: #111; margin: 15px 0 35px; text-align: right;}
.evCon4 .swiper-pagination {display: none; position: static; margin-top: 3%;}

/* evCon5 */
.evCon5{background: var(--point-color2); padding-bottom: 0;}
.evCon5 .tit_line::before {background: #fff;}
.evCon5 .tit_line span { background: #fff; color: #000;}
.evCon5 .con_tit .sub_tit{border-bottom-color: #fff;}
.evCon5 .step_swiper_wrap {position: relative;}
.evCon5 .step_swiper {position: relative; overflow: hidden;}
.evCon5 .tit_line{position: relative;}
.evCon5 .tit_line .play_btn{position: absolute; right: -115px; top: 50%; transform: translateY(-50%);}
.evCon5 .more_box{padding: 70px 0; position: relative; z-index: 1; margin: 100px 0 0;}
.evCon5 .more_box::before {content: ''; position: absolute; top: 0; left: -500%; width: 1000%; height: 100%; background: #3b1c59; z-index: -1;}
.evCon5 .more_box .desc{line-height: 1.55; font-weight: 300;}
.evCon5 .more_box img{position: absolute; left: 50%; transform: translateX(-50%); top: -45px;}

/* evCon6,evCon7 */
.ss_con {padding-bottom: 0;}
.ss_con .desc_all { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; margin: 0 0 35px;} 
.ss_con .desc_all .swiper_common { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; } 
.ss_con .desc_all .swiper-wrapper { gap: 14px; } 
.ss_con .desc_all .swiper-slide { width: calc(33.33% - 8px) !important; }
.ss_con .book_wrap{padding: 0 40px; gap: 15px; display: flex; align-items: flex-end;}
.ss_con .book_wrap > div{width: 50%;}
.ss_con .bot{padding: 260px 0 200px; background: url(https://image.megagong.net/m/2024/0913_plower3362/evCon6_bg.jpg) no-repeat top/cover;}
.ss_con .bot .left .btn_wrap{display: flex; gap: 9px; margin: 50px 0 0;}
.ss_con .book_roll_wrap {position: relative;}
.ss_con .book_roll_wrap .txt_box{background: #000; min-height: 105px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 5px; padding: 0 10px;}
.ss_con .book_roll_wrap .desc{ color: #fff;  }
.ss_con .book_swiper {position: relative; overflow: hidden;}
.ss_con .book_wrap .swiper-pagination{bottom: -30px;}
.ss_con .book_wrap .swiper-pagination-bullet-active{width: 30px; background: #7f7f7f; border-radius: 20px;}
.ss_con .swiper-horizontal>.swiper-pagination-bullets,.ss_con  .swiper-pagination-bullets.swiper-pagination-horizontal,.ss_con  .swiper-pagination-custom, .swiper-pagination-fraction{left: 50%; transform: translateX(-50%); width: auto;}


/* evCon8 */
.evCon8 {background: var(--point-color1);}
.evCon8 .gift_img{margin: 20px 0 70px;}
.evCon8 .con_tit .end::after{background-color: #f0a0ff; opacity: 1;}
.event .container_info {position: relative; padding: 50px 0 58px; margin: 0 190px 80px;}
.event .container_info::before {content: ''; position: absolute; top: 0; left: -500%; width: 1000%; height: 100%; background: #e972ff;}
.event .container_info .info .info_title {width: 136px; line-height: 38px; font-weight: 500; font-size: 18px; background: none; background: #000; color: #fff;}
.event .container_info .info .info_date {font-weight: 500; font-size: 18px;}
.event .container_info .info .info_date .step{display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;}
.event .container_info .info .noti {color: rgba(18, 18, 18, 1); margin-left: 5px; padding: 0;}
.event .container_info .info .noti::before {content: none;}

.evCon8 .how_box ul{display: flex; gap: 20px; margin: 0 0 50px;}
.evCon8 .how_box ul li{position: relative; aspect-ratio: 346/241; background: #fff; display: flex; flex-direction: column; align-items: center; padding: 0 10px; width: 100%;}
.evCon8 .how_box ul li .go_btn{margin: 25px 0 0; background: #121212; font-size: 14px; font-weight: 500; color: #fff; padding: 7px 20px; }
.evCon8 .how_box ul li:not(:last-child):after{position: absolute; content: ''; background: url(https://image.megagong.net/m/2024/0913_plower3362/step_arrow.png) no-repeat center/cover; width: 50px; aspect-ratio: 1/1; right: -35px; top: 50%; transform: translateY(-50%); z-index: 1;}
.evCon8 .how_box ul li .txt_box {padding: 40px 0 0;}
.evCon8 .how_box ul li .txt_box span{font-size: 13px; background: #121212; border-radius: 30px; display: inline-block; padding: 9px 20px; margin: 0 0 15px; color: #fff; font-weight: 700;}
.evCon8 .how_box ul li .txt_box .desc{color: #414141; font-weight: 500; line-height: 1.55;}

/* evCon9 */
.evCon9 {background: var(--point-color2);}
.evCon9 .con_tit .end::after{background-color: #d800ff; opacity: 1;}
.evCon9 .con_tit .sub_tit{border-bottom-color: #fff;}
.event.evCon9 .container_info {margin: 0 150px 80px;}
.event.evCon9 .container_info::before { background: #3b1c59;}
.event.evCon9 .container_info .info .info_date{color: #fff;} 

/*ÀÎÁõÆ˾÷ */
#popupCertified .mg_filebox .filename a{background: none;}
#popupCertified .mg_filebox .filename{border:0}
#popupCertified input[type=text]{border: 1px solid #d0d0d0;border-style: solid;width: 100%;height: 30px;padding: 5.5px 9px;}
#popupCertified select{border: 1px solid #d0d0d0;border-style: solid;width: 100%;height: 30px;padding: 5.5px 9px;}
#popupCertified h6{font-size: 15px; color: #333333; margin: 30px 0 10px;}
#popupCertified .mg_s_info{border: 1px solid #000; padding: 20px 0; margin-top: 0;}
#popupCertified .mg_s_info p{margin-top: 0;line-height: 1.4;padding-left: 20px;}
#popupCertified .mg_s_info .tit:before{content: '\203B';}
#popupCertified .mg_s_info .txt:before{content: '-';}
#popupCertified .mg_s_info p a{color:red;font-weight: 700;}
#popupCertified .mg_terms{color:#999;padding: 10px 20px;}
#popupCertified .mg_terms strong{color:#999}
#popupCertified .mg_terms strong.lg_tit{color:#000;}

/* evtoggleWarning */
.evtoggleWarning {padding: 0 !important;}
.evSection .warningList li ul li a {padding: 0;}


@media screen and (max-width: 1600px){
    .evCon1 .fix_bnr{left: 0; width: clamp(50px,18vmin,200px);}
}
@media screen and (max-width: 1350px){
    .evCon5 .tit_line .play_btn{right: 0;}
}
@media screen and (max-width: 1200px){
    /* °øÅë */
    .evSection .clamp-title{font-size: clamp(26px,5vmin,60px);}
    .evSection .clamp-title2 {font-size: clamp(22px,4.1vmin,44px);}
    .evSection .clamp-text{font-size: clamp(19px,3vmin,40px);}
    .evSection .clamp-text2{font-size: clamp(17px,2.2vmin,30px);}
    .evSection .clamp-text3{font-size: clamp(15px,2vmin,25px);}
    .evSection .clamp-text4{font-size: clamp(14px,1.9vmin,22px);}
    .evSection .clamp-text5{font-size: clamp(13px,1.7vmin,18px);}
    .evSection .clamp-textn{font-size: clamp(13px,1.7vmin,16px);}

    .evSection .design_txt{margin: 0 0 20px; width: clamp(160px,20vmin,287px);}
    .eventWrap .btn_n{gap: 10px;}
    .eventWrap a.btn{font-size: clamp(13px,1.7vmin,16px); padding: 20px 0}
    .evSection .con_tit {padding: 0 20px;}
    .evSection .con_tit .sub_tit{margin: 0 0 20px; padding: 0 0 3px;}
    .evSection .con_tit .event_tag2 img{width: clamp(140px,20vmin,243px);}
    
    /* settings */
    .evSection {padding: 14% 0;}
    .evSection.ss_con {padding-bottom: 0;}
    .evSection .con_tit {margin-bottom: 6%;}
    .eventWrap .tit_line { margin-bottom: 6%; } 
    .eventWrap .tit_line span{font-size: clamp(15px, 2.4vmin, 22px); padding: 10px 35px 12px;}

    .event .container_info, .event.evCon9 .container_info {padding: 5% 0 6%; margin: 0 auto 7%;}    
    .event .container_info .info .info_title {font-size: clamp(13px, 2vmin, 18px);}
    .event .container_info .info .info_date {font-size: clamp(13px, 2vmin, 18px);}

    .evCon1{padding: 5% 0 8%;}
    .evCon1 .con_img .home_icon{width: clamp(25px,5vmin,52px);}
    .eventWrap .bottom_fix a .end_icon{width: clamp(40px,10vmin,70px);}

    .evCon2 .exam_box .exam_con .add_btn{width: auto; margin-left:0; transform: translateX(-50%);}    
    .evCon2 .result_box p{font-size: clamp(14px,1.8vmin,20px);}

    .evCon4 .review_roll .swiper-slide img{width: fit-content; margin: 0 auto;}
    .evCon4 .review_roll_wrap + .tiny {margin: 3% 0 6%;}

    .evCon5 .tit_line .play_btn{width: clamp(40px, 15vmin, 150px);}
    .evCon5 .more_box{padding: 6% 0; margin: 10% 0;}

    .ss_con .bot{padding: 30% 0 20%; margin-top: -5%;}
    .ss_con .bot .left .btn_wrap{gap: 4px; margin: 5% 0 0;}
    .ss_con .book_roll_wrap img{width: 100%;}
    .ss_con .book_roll_wrap .txt_box{margin: 0;}
    
    .evCon8 .gift_img{margin: 0 0 40px; width: clamp(300px, 20vmin, 500px);}
    .evCon8 .how_box ul li .txt_box span{font-size: 12px;}
    .evCon8 .how_box ul li .go_btn{font-size: 12px;}
    
}
@media screen and (max-width: 992px){

    .evCon5 .more_box img{width: 60px; top: -30px;}

    .evCon8 .how_box ul li .txt_box{padding: 20px 0 0;}
    .evCon8 .how_box ul li .go_btn{margin: 15px 0 0;}
    .evCon8 .how_box ul li .txt_box span{margin: 0 0 10px;}
}
@media screen and (max-width: 768px){
    .eventWrap .tit_line span{width: 200px; padding: 8px 10px 10px;} 
    .eventWrap.event .tit_line span{width: 150px;}
    .eventWrap a.btn{ padding: 13px 0;} 
    .event .container_info .info .info_title {width: 110px; line-height: 2.2;}
    .event .container_info .info .info_date{text-align: center;}
    .eventWrap .bottom_fix a:nth-child(3):before{display: none;}
    .eventWrap .bottom_fix a:nth-child(-n+2):after{height: 1px; width: 50%; top: 100%; transform: translateY(0); content: ''; position: absolute; left: 50%; transform: translateX(-50%); background: #fff; opacity: 0.3;}
    .eventWrap .bottom_fix a .con_txt{width: 70%;}
    .eventWrap .bottom_fix.hide {display: none;}
    .eventWrap .bottom_fix .bf_inner{grid-template-columns: repeat(2, 1fr);}
    .eventWrap .bottom_fix a{padding: 5px 0;}
    
    .evCon2 .exam_box { gap: 0; margin-bottom: 2%; overflow: hidden; } 
    .evCon2 .exam_box .swiper-wrapper { gap: initial; } 
    .evCon2 .exam_box .swiper-slide { width: 100% !important; } 
    .evSection .swiper-horizontal>.swiper-pagination-bullets,.evSection .swiper-pagination-bullets.swiper-pagination-horizontal,.evSection .swiper-pagination-custom,.evSection .swiper-pagination-fraction { display: flex; flex-direction: row; align-items: center; justify-content: center; }
    .evCon2 .result_box{padding: 15px 0; margin: 35px 0 0;}
    .evCon2 .result_box .result_arrow{width: 57px; top: -25px;}

    .evCon3 .youtube_wrap{grid-template-columns: repeat(2, 1fr); gap: 10px;}

    .evCon4 .review_roll_wrap + .tiny {font-size: 11px;}
    .evCon4 .swiper-pagination {display: block;}
    .evCon4 .swiper-pagination-bullet-active {background: #fff;}    
    .evCon4 .review_roll .swiper-slide img{max-width: 75%;}

    .evCon5 .more_box img{width: 40px; top: -20px;}
    .evCon5 .more_box .desc{line-height: 1.4;}

    .ss_con .desc_all { gap: 0; margin-bottom: 10vw; padding-bottom: 5vw; overflow: hidden; } 
    .ss_con .desc_all .swiper-wrapper { gap: initial; } 
    .ss_con .desc_all .swiper-slide { width: 100% !important; } 
    .ss_con .book_wrap{padding: 0; gap: 20px;} 
    .ss_con .bot{padding: 50% 0 20%; margin-top: -15%;}
    .ss_con .bot .left .btn_wrap{flex-wrap: wrap;}
    .ss_con .bot .left .btn_wrap a{width: 100%;}
    .ss_con .book_wrap{flex-wrap: wrap;}
    .ss_con .book_wrap > div{width: 70%; margin: 0 auto;}
    .ss_con .bot .left .btn_wrap a{width: calc(50% - 4px);}

    .evCon8 .how_box ul{flex-direction: column; margin: 0 auto 20px; gap: 10px;}
    .evCon8 .how_box ul li:not(:last-child):after{right: auto; left: 50%; top: auto; bottom: -20px; width: 30px; transform: translate(-50%) rotate(90deg);}
    .evCon8 .how_box ul li{aspect-ratio: auto; padding: 20px 10px;}
    .evCon8 .how_box ul li .txt_box{padding: 0;}
    .evCon8 .how_box ul li .txt_box span{padding: 5px 15px;}
    
}
@media screen and (max-width: 576px){
    
    .event .container_info {display: block;}
    .event .container_info .info {flex-direction: column; align-items: center;}
    .event .container_info .info + .info {margin-top: 4%;}
    
    .eventWrap a.btn{padding: 10px 0;}

    /*ÀÎÁõÆ˾÷ */
    [class*=mg_popup_wrap] .mg_popup_close, [class*=mg_popup_wrap] button.mfp-close { width: clamp(25px, 4vmin,36px); height: clamp(25px, 4vmin,36px); top: min(-30px,-5.1vmin); background-size: contain; } 
    #popupCertified select,
    #popupCertified input[type=text],
    #popupCertified .mg_tb_form th, #popupCertified .mg_tb_form td{padding: 5px;font-size: clamp(11px,1.3vmin,13px);}
    #popupCertified .mg_terms{font-size: clamp(12px,1.3vmin,14px);}
    #popupCertified .mg_s_info p{font-size: clamp(12px,1.3vmin,14px);padding-left: 15px;}

    .ss_con .book_wrap .swiper-pagination{bottom: -20px;}
    .ss_con .book_wrap .swiper-pagination-bullet-active{width: 15px;}
    .ss_con .book_wrap > div{width: 80%;}
    .ss_con .book_roll_wrap .txt_box{min-height: 80px;}

}

@media screen and (max-width: 400px){
    .ss_con .desc_all .swiper-slide img{max-width: 80%;}
}