@charset "euc-kr";

.con_tit .end::after { background: #5b52d9; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.eventWrap .evSection { padding: 140px 0; } 
.eventWrap .evSection.evtoggleWarning { padding:0; } 
.eventWrap .evSection .inner > .mini_tit { margin:0 auto 20px; font-weight: bold; } 
.gradient { background-clip: text; color: transparent; background: linear-gradient(to right, #ff7ef1 0%, #ff7ef1 29%, #8a83ff 55%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.con_tit { font-weight: 900; } 
.flt_inner.renewal li { margin-top:0; } 


.slick-dots { margin:30px 0 0; display:flex; align-items: center; justify-content: center; gap:13px; } 
.slick-dots li { width: 10px; height: 10px; border-radius: 100%; background-color: #ddd; } 
.slick-dots li button { font-size: 0; } 
.slick-dots li.slick-active { background-color: #444; } 



/*evCon1*/
.eventWrap .evSection.evCon1 { position:relative; padding: 50px 0 0; background-image: url("https://image.megagong.net/m/2025/0328_megamega22/evCon1_bg.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; color:#fff; overflow: visible; } 
.evCon1 .mini_tit { margin:0 auto 34px; color:#000; letter-spacing: 2px; line-height: 1.5; } 
.evCon1 .title { margin-bottom: -58px; } 
.evCon1 .teacher_home { position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%) } 
.evCon1 .teacher_home i { background:#fff; } 
.evCon1 .teacher_home b { background: #feb8f3; color: #000; } 


/*evCon2*/
.evCon2 .con_tit { margin: 0 auto 14px; } 
.evCon2 .con_box .det { margin:25px auto 0; color:#5f5f5f; font-weight: bold; } 
.evCon2 .det { font-weight: bold; line-height: 1.3; } 

/*evCon3*/
.evCon3 .inner { width: 1200px; } 
.evCon3 .medi_line { margin:50px auto 60px; padding: 47px 0; background-color: #fdfdfd; font-weight: 600; } 
.evCon3 .medi_line .gradient { font-weight: bold; } 
.evCon3 .step_wrap { display: flex; justify-content: space-between; gap: 14px; } 
.evCon3 .step_wrap > img { display:block; margin-left: 10px; } 
.evCon3 .step_wrap .step_list { margin-right: 60px; display: flex; flex-direction: column; gap: 20px; width: 985px; } 
.evCon3 .step_wrap .step_list li { border-radius: 20px; border: 1px solid #a4a4a4; overflow: hidden; height: 162px; display: flex; } 
.evCon3 .step_list .tit { position:relative; display: flex; align-items: center; justify-content: center; background-color: #efefef; width: 236px; border-right: 1px solid #a4a4a4; font-weight: bold; } 
.evCon3 .step_list .tit::after { content:""; display:block; position: absolute; top:50%; transform: translateY(-50%); right: -16px; width:32px; height: 32px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url("https://image.megagong.net/m/2025/0328_megamega22/arr_black.png"); } 
.evCon3 .step_list .det { display: flex; align-items: center; background-color: #fff; width: calc(100% - 236px); text-align: left; padding: 0 53px; } 



/*evCon4*/
.evCon4 { background: linear-gradient(180deg, rgba(255,230,252,1) 0%, rgba(227,225,255,1) 100%) } 
.evCon4 .inner { width: 1200px; } 
.evCon4 .con_tit { margin: 0 auto 74px; } 
.evCon4 .mini_tit .gradient,
.evCon4 .con_tit .gradient { background-clip: text; color: transparent; background: linear-gradient(to right, #ff5fee 0%, #ff5fee 40%, #7d75ff 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.evCon4 .con_box { display: flex; flex-direction: column; gap: 30px; } 
.evCon4 .step_box.step1 .step_tit, 
.evCon4 .step_box.step2 .step_tit { margin:0 0 50px; } 
.evCon4 .step_box { padding: 60px 110px 80px; border-radius: 12px; background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; } 
.evCon4 .step_box .step_cir_tit { margin: 0 0 25px; } 
.evCon4 .step_box .step_cir_tit span { position: relative; padding:4px 25px; border-radius: 40px; background-color: #000; color:#fff; } 
.evCon4 .step_box .step_cir_tit span::before { content: ""; display: block; width: 76px; height: 1px; position: absolute; top:50%; left: -76px; background-color: #000; transform: translateY(-50%); } 
.evCon4 .step_box .step_cir_tit span::after { content: ""; display: block; width: 76px; height: 1px; position: absolute; top:50%; right: -76px; background-color: #000; transform: translateY(-50%); } 
.evCon4 .step_box .step_tit { font-weight: bold; } 

.evCon4 .step1 .step_tit { margin:0 auto 56px; } 
.evCon4 .step1 .step_tit .gradient { background: linear-gradient(to right, #ff7ef1 0%,#ff7ef1 33%, #8a83ff 70%); -webkit-background-clip: text;-webkit-text-fill-color: transparent; } 
.evCon4 .step1_con { position: relative; display: flex; } 
.evCon4 .step1_con img { margin-left: -30px; } 
.evCon4 .step1_con .step1_list {padding:30px;position: absolute;right: -74px;bottom: -20px;background-color: #000;border-radius: 16px;color:#fff;text-align: left;display: flex;flex-direction: column;gap:25px;} 
.evCon4 .step1_con .step1_list .tit { margin: 0 0 10px; } 

.evCon4 .step2_det1 { margin: 0 auto 40px; } 
.evCon4 .step2_det2 { font-weight: bold; } 
.evCon4 .step2_det2 .red_line { text-decoration: underline; color:#ff0000; } 
.evCon4 .step2 .cir_img_wrap { margin:56px auto 0; padding:58px 0; border-radius: 16px; border:1px solid #b8b8b8; } 
.evCon4 .step2 .cir_img_wrap .flex { display: flex; align-items: center; justify-content: center; } 
.evCon4 .step2 .cir_img_wrap .mo_cir { display: none; } 
.evCon4 .step2 .plus { margin: 26px auto 30px; } 
.evCon4 .step2 .sub_tit { margin:0 0 37px; font-weight: bold; } 

.evCon4 .step2 .video_wrap { display: flex; align-items:center; justify-content: space-between; } 
.evCon4 .step2 .comment_wrap { margin: 48px auto 62px; } 
.evCon4 .comment_wrap .comment { padding: 48px 0; border-radius: 10px; border: 1px solid #b8b8b8; } 
.evCon4 .comment_wrap .comment p { font-weight: 600; color: #6e6e6e; line-height: 1.5; } 
.evCon4 .comment_wrap .comment strong { display: block; margin:24px auto 0; } 
.evCon4 .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 0; z-index: 2; } 
.evCon4 .slick-arrow.slick-prev { left: -25px; background-image: url("https://image.megagong.net/m/2025/0328_megamega22/prev.png"); } 
.evCon4 .slick-arrow.slick-next { right: -25px; background-image: url("https://image.megagong.net/m/2025/0328_megamega22/next.png"); } 

.evCon4 .step34_det1 { margin: 26px auto 0; font-weight: 600; line-height: 1.7; } 
.evCon4 .step3 .video_wrap { margin:52px auto 0; display: flex; gap:40px; flex-wrap: wrap; justify-content: space-between } 
.evCon4 .step3 .video_wrap .box { padding: 37px 68px 50px; width: calc(50% - 20px); border-radius: 10px; border: 1px solid #b8b8b8; } 
.evCon4 .step3 .video_wrap .box .video_tit { display: block; margin:0 0 26px; } 

.evCon4 .step4 .check_list { display: flex; flex-direction: column; gap: 20px; width: max-content; margin: 0 auto; } 
.evCon4 .step4 .check_list li { display: flex; gap:10px; align-items: center; font-weight: bold; } 
.evCon4 .three_step_img { margin:28px auto 50px; display: block; } 


/*evCon5*/
.evCon5 .eventVideo { width: 1000px; margin:45px auto 50px; } 


/*event1*/
#event1 { background: linear-gradient(180deg, rgba(255,218,228,1) 0%, rgba(255,110,192,1) 66%); } 
#event2 { background: linear-gradient(180deg, rgba(231,229,255,1) 0%, rgba(177,171,255,1) 100%); } 
.eventWrap .evSection.event1 .con_tit .point { color:#e33f90; } 
.eventWrap .evSection.event1 .mini_tit { margin:20px auto 0; color:#8d727b; font-weight: 600; } 
.eventWrap .evSection.event .mini_tit .point { color:#000; } 
.event1 .cir_quote { margin:84px 0 0; position: relative; } 
.event1 .cir_quote::before { content:""; position: absolute; left:0; display: block; border-radius: 0 180px 180px 0; width: 80%; height:360px; background-color: #ffd3eb; } 
.event1 .cir_quote .inner { position: relative; display:flex; align-items: center; } 
.event1 .cir_quote .txt_box { position: relative; margin: 0 14px 0 150px; padding: 0 76px; } 
.event1 .cir_quote .txt_box .quote_start { position: absolute; top: -37px; left:0; } 
.event1 .cir_quote .txt_box .quote_end { position: absolute; bottom: -27px; right:0; } 
.event1 .cir_quote .txt_box p { line-height: 1.6; font-weight: 600; } 
.event1 .cir_quote .txt_box p .line { text-decoration: underline; color:#e33f90; font-weight: 600; } 
.event1 .cir_quote .img_box img { display:block; margin-top: -40px; } 


/*event2*/
.evSection.event2 .bg_shadow { bottom: 50%; } 
.eventWrap .evSection.event2 .con_tit { color:#746ce3; } 
.eventWrap .evSection.event2 .mini_tit { margin:20px auto 0; color:#79778d; font-weight: 600; } 
.event2 .step_base_wrap .hashtag { color:#746ce3; } 


@media screen and (max-width: 1200px){
    .eventWrap .evSection { padding: 11% 0; } 
    /*evCon1*/
    .eventWrap .evSection.evCon1 { padding: 6% 0 0; } 
    .evCon1 .mini_tit { margin: 0 auto 3%; } 
    .evCon1 .title { margin-bottom: -5.6%; } 
    .evCon1 .teacher_home { bottom: 7%; } 

    /*evCon3*/
    .evCon3 .inner { width: 97%; } 
    .evCon3 .medi_line {padding: 5% 0;margin: 7% auto;}  
    .evCon3 .step_wrap .step_list { width: 80%; margin-right: 3%; } 
    .evCon3 .step_wrap .step_list li {height: auto;} 
    .evCon3 .step_list .tit { width: 30%; } 
    .evCon3 .step_list .det {width: 70%;padding: 2% 6%;} 


    /*evCon4*/
    .evCon4 .inner { width: 97%; } 
    .evCon4 .con_tit { margin: 0 auto 6%; } 
    .evCon4 .step_box.step1 .step_tit,
    .evCon4 .step_box.step2 .step_tit { margin: 0 0 4%; } 
    .evCon4 .step_box { padding: 8% 5%; } 
    .evCon4 .step2_det1 { margin: 0 0 4%; } 
    .evCon4 .step2 .cir_img_wrap { margin: 5% auto 0; padding: 5% 0; overflow: hidden; } 
    .evCon4 .step2 .video_wrap { gap: 5px; } 
    .evCon4 .step2 .comment_wrap { margin: 5% auto 8%; } 
    .evCon4 .step34_det1 { margin: 4% auto 0; } 
    .evCon4 .step3 .video_wrap { margin: 5% auto 0; } 
    .evCon4 .step3 .video_wrap .box { padding: 6% 3%; } 
    .evCon4 .step4 .check_list {  text-align: left; } 
    .evCon4 .step4 .check_list li { align-items: flex-start; } 

    /*evCon5*/
    .evCon5 .eventVideo { width: 97%; } 


    /*event1*/
    .event1 .cir_quote { margin: 6% 0 0; } 
    .event1 .cir_quote::before { width: 100%; border-radius: 0; } 
    .event1 .cir_quote .inner { justify-content: center; } 

}

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

    /*evCon4*/
    .evCon4 .step_box { padding: 8% 3%; } 
    .evCon4 .step1_con .step1_list {width: 300px;right: -20px;} 
    .evCon4 .step1_con .step1_list br { display:none; } 
    .evCon4 .step2 .cir_img_wrap .cir { height: 170px; } 
    .evCon4 .step4 .check_list { width: 100%; } 

    /*event1*/
    .event1 .cir_quote::before { height: 315px; } 
    .event1 .cir_quote .txt_box { margin: 0; } 
    .event1 .cir_quote .img_box img { height: 348px; } 
}

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

    /*evCon3*/
    .evCon3 .step_wrap {position: relative;margin-bottom: 13%;} 
    .evCon3 .step_wrap>img {position: absolute;left: 50%;transform: translateX(-50%);width: 109px;}
    .evCon3 .step_wrap .step_list { position: relative; margin-right: 0; width: 100%; } 


    /*evCon4*/
    .evCon4 .step_box { padding: 8% 2%; } 
    .evCon4 .step1_con { flex-direction: column; } 
    .evCon4 .step1_con img { margin-left: 0; } 
    .evCon4 .step1_con .step1_list { position: static; width: 100%; } 
    .evCon4 .step1_con .step1_list .tit { margin: 0 0 5px; } 
    .evCon4 .step2 .cir_img_wrap img { width: 57%; } 
    .evCon4 .step2 .cir_img_wrap .arr {display: none; } 
    .evCon4 .step2 .cir_img_wrap .cir { height: 200px; width: auto; } 
    .evCon4 .step2 .plus { height: 50px; } 
    .evCon4 .step2 .sub_tit { margin: 0 0 30px; } 
    .evCon4 .step2 .video_wrap { display: block; } 
    .evCon4 .step2 .video_wrap .video {display:flex; align-items:center; flex-direction:column; justify-content:center;}
    .evCon4 .step2 .video_wrap .video img {width: 97%;}
    .evCon4 .comment_wrap .comment {padding: 20px;margin: 10px 0;} 
    .evCon4 .comment_wrap .comment br {display:none;}
    .evCon4 .slick-arrow { height: 30px; width: 30px; } 
    .evCon4 .slick-arrow.slick-prev { left: -10px; } 
    .evCon4 .slick-arrow.slick-next { right: -10px; } 
    .evCon4 .step3 .video_wrap {gap: 10px;display: block;} 
    .evCon4 .step3 .video_wrap .box {width: calc(50% - 5px);padding: 20px 10px;display: flex;flex-direction: column;justify-content: center;align-items: center;} 
    .evCon4 .step3 .video_wrap .box .video {display:flex; align-items:center; justify-content:center; width: 100%;}
    .evCon4 .step3 .video_wrap .box img {width: 90%;}
    .evCon4 .step4 .check_list { gap: 10px; } 
    .evCon3 .step_list .det br {display:none;}


    /*event1*/
    .event1 .cir_quote { background-color: #ffd3eb; padding: 40px 0; } 
    .event1 .cir_quote::before { display: none; } 
    .event1 .cir_quote .img_box img { display: none; } 

}

@media screen and (max-width: 576px) { 
    /*evCon1*/
    .evCon1 .teacher_home { bottom: 5%; } 

    /*evCon3*/
    .evCon3 .step_wrap .step_list li {border-radius: 10px;/* height: auto; *//* padding: 3% 0; */} 
    /*evCon4*/
    .evCon4 .step1_con .step1_list { padding: 20px; border-radius: 10px; } 
    .evCon4 .step2 .cir_img_wrap { width: 100%; overflow: hidden; position: relative; } 
    .evCon4 .step2 .cir_img_wrap .mo_cir { display: block; margin: 0 auto 9%; } 
    .evCon4 .step2 .cir_img_wrap .cir { height: 107px; position: relative; z-index: 2; display: none; } 
    .evCon4 .step2 .cir_img_wrap .txt1 {position: relative;left: -6px;z-index: 2;} 
    .evCon4 .step2 .cir_img_wrap .txt2 { position: relative; right: 37px; } 
    .evCon4 .step2 .video_wrap { flex-direction: column; } 
    .evCon4 .step2 .video_wrap .box { width: 100%; } 
    .evCon4 .step2 .video_wrap .box a { display:block; width: 100%; } 
    .evCon4 .step2 .video_wrap .box img { width: 100%; } 
    .evCon4 .step2 .comment_wrap { width: 97%; } 
    .evCon4 .step3 .video_wrap {/* gap: 20px; */} 
    .evCon4 .step3 .video_wrap .box { width: 100%; } 
    .slick-dots {margin: 15px 0 0; }

    /*event1*/
    .event1 .cir_quote .txt_box .quote_start { height: 30px; top: -20px; left: 20px; } 
    .event1 .cir_quote .txt_box .quote_end { height: 30px; bottom: -10px; right: 10px; } 
}