@charset "euc-kr";


.eventWrap { background-color: #1882e6 } 
.br768 { display: none; } 
.eventVideo.video_renewal .video_box { padding-bottom: 129% !important; } 


/* main */
.main { position: relative; background-color: #1882e6; background-image: url('https://image.megagong.net/m/2023/0704_jeonhangil/main_bg.jpg'); background-repeat: no-repeat; background-position: 50% 0% !important; background-size: cover; overflow: initial !important; } 
.main::before { position: absolute; left: 0; bottom: -38px; content: ''; width: 100%; height: 402px; background-image: url('https://image.megagong.net/m/2023/0704_jeonhangil/main_deco.png'); background-repeat: no-repeat; background-position: 50% 0% !important; background-size: cover; } 
.main h3 { position: relative; } 
.main h3 .main_top { position: absolute; top: 70px; left: 50%; transform: translate(-50%, 0); } 
.main h3 .main_info { position: absolute; top: 95%; left: 50%; transform: translate(-50%, 0); width: 100%; padding: 15px 0 18px 0; background-color: #0a75d9; border-radius: 30px; } 
.main h3 .main_info > img:first-of-type { margin-right: 19px; } 


/* banner */
.banner { position: fixed; left: 0; bottom: 0; width: 100%; background-color: #0d168b; overflow: initial !important; z-index: 3; } 
.banner .inner { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.banner .inner li { position: relative; flex: 1; height: 105px; } 
.banner .inner li::before { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); content: ''; width: 1px; height: 65px; background-color: #1882e6; } 
.banner .inner li:nth-of-type(1) a .text { margin-left: 68px; } 
.banner .inner li:nth-of-type(2) a .text { margin-left: 54px; } 
.banner .inner li:nth-of-type(3) a .text { margin-left: 87px; } 
.banner .inner li:last-of-type::before { display: none; } 
.banner .inner li a { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; height: 100%; } 
.banner .inner li a .teacher { position: absolute; right: 29px; bottom: 10px; } 


/* °øÅë¿ä¼Ò */
.evSection .con_tit { font-size: 44px; font-weight: 900; } 
.evSection .con_tit .header { margin-bottom: 20px; } 


/* evCon1 */
.evCon1 { padding: 120px 0 0 0; background-color: #1882e6; } 
.evCon1 .con_tit { display: inline-block; margin-bottom: 81px; padding: 25px 0; color: #fff; font-size: 20px; font-weight: 900; border-top: 2px solid #fff; border-bottom: 2px solid #fff; } 
.evCon1 .con_tit span { display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 44px; } 
.evCon1 .con_tit span > img:first-of-type { margin-right: 10px; } 
.evCon1 .con_tit span > img:last-of-type { margin-left: 10px; } 
.evCon1 .con_box .slide_wrapper { position: relative; height: 420px; } 
.evCon1 .con_box .review_slide { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 100vw; } 
.evCon1 .con_box .review_slide.review_slide_01 { left: 35%; transform: translate(-50%, 0); width: 120vw; } 
.evCon1 .con_box .review_slide.review_slide_02 { top: initial; bottom: -15px; } 
.evCon1 .con_box .review_slide .slick-slide { margin: 0 25px; margin-bottom: 15px; } 
.evCon1 .con_box .review_slide .item { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 620px; height: 200px; background-color: #fff; border-radius: 15px; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); overflow: hidden; } 
.evCon1 .con_box .review_slide .item > img { width: 200px; } 
.evCon1 .con_box .review_slide .item p { flex: 1; padding-left: 25px; color: #000000; font-size: 20px; font-weight: 300; text-align: left; } 
.evCon1 .con_box .review_slide .item span { position: absolute; right: 25px; bottom: 30px; color: #777777; font-size: 14px; } 
.evCon1 .con_box .bottom_wrapper { margin-top: 80px; margin-bottom: 192px; } 
.evCon1 .con_box .bottom_wrapper .text { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 40px; padding: 60px 0 64px 0; color: #000000; font-weight: bold; background-color: #fff; border: 3px solid #000000; border-radius: 15px; } 
.evCon1 .con_box .bottom_wrapper .text h6 { position: relative; margin-bottom: 20px; font-size: 34px; } 
.evCon1 .con_box .bottom_wrapper .text h6::before { position: absolute; top: -23px; left: -40px; content: ''; width: 32px; height: 31px; background-image: url('https://image.megagong.net/m/2023/0704_jeonhangil/con1_text_deco1.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon1 .con_box .bottom_wrapper .text h6::after { position: absolute; top: -13px; right: -43px; content: ''; width: 30px; height: 30px; background-image: url('https://image.megagong.net/m/2023/0704_jeonhangil/con1_text_deco2.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.evCon1 .con_box .bottom_wrapper .text p { font-size: 22px; } 
.evCon1 .con_box .bottom_wrapper .text .tiny_noti { position: absolute; left: 50%; bottom: -35px; transform: translate(-50%, 0); display: block; width: 100%; color: #deefff; font-size: 13px; font-weight: 300; } 
.evCon1 .con_box .bottom_wrapper .text .teacher1 { position: absolute; top: 83px; left: -129px; } 
.evCon1 .con_box .bottom_wrapper .text .teacher2 { position: absolute; top: 83px; right: -149px; } 


/* evCon2 */
.evCon2 { padding: 20px 0 155px 0; background-color: #1882e6; } 
.evCon2 .con_tit { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; margin-top: -40px; color: #bef2fd; font-size: 30px; font-weight: bold; text-align: right; } 
.evCon2 .con_tit span { color: #fff; font-size: 44px; font-weight: 900; } 


/* À̺¥Æ® °øÅë¿ä¼Ò */
.event .inner { position: relative; } 
.event .inner .fin { position: absolute; top: -66px; right: -10px; z-index: 2; } 


/* event1 */
.event1 { padding: 166px 0 160px 0; background-color: #4db4ff; } 
.event1 .con_tit { margin-bottom: 75px; color: #000000; letter-spacing: -1px; } 
.event1 .con_box { margin: 0 -15px; } 
.event1 .con_box .vote_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } 
.event1 .con_box .vote_wrapper .label_wrapper { /* display: flex; flex-direction: row; align-items: center; justify-content: center; */width: 100%; margin-bottom: 40px; } 
.event1 .con_box .label_dimm { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: gold; opacity: 0.5; z-index: 2; display:none; } 
.event1 .con_box .vote_wrapper .label_wrapper .slick-slide { margin: 0 15px; } 
.event1 .con_box .vote_wrapper .label_wrapper label { display: block; /* margin-right: 30px; */cursor: pointer; } 
.event1 .con_box .vote_wrapper .label_wrapper label:last-of-type { margin-right: 0; } 
.event1 .con_box .vote_wrapper .label_wrapper label .eventVideo.video_renewal { height: 440px; background: transparent; background-color:#000; border-radius: 15px; } 
.event1 .con_box .vote_wrapper .label_wrapper label input[type=radio] { margin-top: 21px; } 
.event1 .con_box .vote_wrapper .vote { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 480px; height: 80px; color: #fff; font-size: 24px; font-weight: bold; font-family: 'NotoSans KR'; background-color: #0d168b; border-radius: 40px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); } 
.event1 .con_box .vote_wrapper .vote.vote_result { color: #000000; background-color: #fdd835; } 


/* event2 */
.event2 { padding: 166px 0 160px 0; background-image: url('https://image.megagong.net/m/2023/0704_jeonhangil/event2_bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 
.event2 .con_tit { margin-bottom: 20px; color: #000000; } 
.event2 .con_box > p { margin-bottom: 710px; line-height: 1.7; color: #000000; font-size: 20px; font-weight: 900; } 
.event2 .con_box > p span { color: #1882e6; } 
.event2 .con_box button.quiz { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 480px; height: 80px; margin: 0 auto; color: #fff; font-size: 24px; font-weight: bold; font-family: 'NotoSans KR'; background-color: #0d168b; border-radius: 40px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); } 
.event2 .con_box button.quiz.quiz_done { background-color: #777777; } 


/* event3 */
.event3 { padding: 166px 0 160px 0; background-color: #1882e6; } 
.event3 .con_tit { margin-bottom: 50px; color: #fff; } 
.event3 .con_tit > img:last-of-type { margin-left: 10px; } 
.event3 .con_box .gift { margin: 120px 0 100px 0; } 
.event3 .con_box .con_subtitle { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
.event3 .con_box .con_subtitle .line { flex: 1; height: 1px; background-color: #000000; } 
.event3 .con_box .con_subtitle .text { padding: 7px 50px; color: #fff; font-size: 22px; background-color: #000000; border-radius: 30px; } 
.event3 .con_box .step_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; margin: 40px 0; padding: 25px 0; background-color: #fff; border-radius: 15px; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2); } 
.event3 .con_box .step_wrapper .step { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; flex: 1; height: 178px; padding-top: 10px; border-right: 1px solid #dddddd; } 
.event3 .con_box .step_wrapper .step::before { position: absolute; top: calc(50% - 18px); right: -18px; content: ''; width: 36px; height: 36px; background-image: url('https://image.megagong.net/m/2023/0704_jeonhangil/event3_step_arrow.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.event3 .con_box .step_wrapper .step:last-of-type { border-right: 0; } 
.event3 .con_box .step_wrapper .step:last-of-type::before { display: none; } 
.event3 .con_box .step_wrapper .step p { margin-top: 18px; color: #000000; font-size: 20px; } 
.event3 .con_box .step_wrapper .step p span { display: inline-block; margin-top: 10px; line-height: 1.5; color: #f2356a; font-size: 13px; } 
.event3 .con_box .eventBoard .btn_wrapper { margin-bottom: 80px; } 
.event3 .con_box .eventBoard .btn_wrapper a { display: inline-block; border-radius: 40px; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2); } 
.event3 .con_box .eventBoard .btn_wrapper a:first-of-type { margin-right: 40px; } 
.event3 .con_box .eventBoard .hasgtag_wrapper { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; margin-bottom: 10px; padding: 21px 0; background-color: #bef2fd; border-radius: 15px; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2); } 
.event3 .con_box .eventBoard .hasgtag_wrapper h6 { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 143px; height: 38px; margin-right: 35px; color: #fff; font-size: 22px; font-weight: bold; background-color: #1882e6; border-radius: 30px; } 
.event3 .con_box .eventBoard .hasgtag_wrapper p { margin-right: 35px; color: #000000; font-size: 22px; font-weight: bold; } 
.event3 .con_box .eventBoard .hasgtag_wrapper p:last-of-type { margin-right: 0; } 
.event3 .con_box .eventBoard .shareList { border-radius: 15px 15px 0 0; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2); overflow: hidden; } 
.event3 .con_box .eventBoard .evtBoard_common { background-color: #ececec; border-radius: 0 0 15px 15px; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2); } 
.shareList ul li dl { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 0; } 
.shareList ul li dl dt,
.shareList ul li dl dd { flex: 1; width: initial; } 
.shareList ul li dl dt { position: initial; } 
.shareList ul li dl.sns dt { background-color: #4183ff; } 
.shareList ul li dl.naver dt { background-color: #41e16e; } 
.shareList ul li dl.daum dt { background-color: #ff8745; } 
.shareList ul li dl.etc dt { background-color: #a9a9a9; } 
.shareList ul li dl.sns dd,
.shareList ul li dl.naver dd,
.shareList ul li dl.daum dd,
.shareList ul li dl.etc dd { border: 1px solid #3a3a3a; color: #3a3a3a; } 
.evtBoard_common .board_write .inp_wrap input[type="text"]::placeholder { color: #adadad; font-size: 12px; } 
.evtBoard_common .board_write { padding: 0 160px 0 0; } 
.evtBoard_common .board_write .btn_wrap { width: 160px; } 
.eventBoard .evtBoard_common .info_wrap .tip_list { color: #777777; font-size: 13px; } 
.eventBoard .evtBoard_common .info_wrap .tip_list li span { color: #f2356a; } 
.eventBoard .evtBoard_common .info_wrap.with_tip button { color: #2091ff; font-size: 16px; font-family: 'NotoSans KR'; text-decoration: underline; text-underline-offset: 7px; } 


/* À̺¥Æ® À¯ÀÇ»çÇ× */
.eventWrap .evWarning { padding: 60px 0; background-color: #f8f8f8; } 
.warningList > li.w_tit { color: #000000; font-size: 17px; font-weight: bold; } 
.warningList > li { margin-top: 10px; } 
.warningList li ul li a { color: #0f48bc; text-decoration: underline; text-underline-offset: 5px; } 


/* À̺¥Æ® 01 ÅõÇ¥ °á°ú Æ˾÷ */
[class*=mg_popup_wrap].popup_vote_result .content_area { border-radius: 20px; } 
[class*=mg_popup_wrap].popup_vote_result .content_area .content_inner { padding: 35px 40px 40px 40px; } 
[class*=mg_popup_wrap].popup_vote_result .content_area .content_inner h6 { width: 100%; margin-bottom: 25px; color: #000; font-size: 30px; font-weight: bold; text-align: center; font-family: 'NotoSans KR'; } 
[class*=mg_popup_wrap].popup_vote_result .content_area .content_inner h6 span { color: #0082ff; } 
[class*=mg_popup_wrap].popup_vote_result .content_area .content_inner .result_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } 
[class*=mg_popup_wrap].popup_vote_result .content_area .content_inner .result_wrapper .result { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 136px; margin-bottom: 20px; } 
[class*=mg_popup_wrap].popup_vote_result .content_area .content_inner .result_wrapper .result:last-of-type { margin-bottom: 0; } 
[class*=mg_popup_wrap].popup_vote_result .content_area .content_inner .result_wrapper .result .youtube { margin-right: 5px; } 
[class*=mg_popup_wrap].popup_vote_result .content_area .content_inner .result_wrapper .result .bar { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; flex: 1; width: 100%; height: 100%; border-left: 1px solid #dddddd; } 
[class*=mg_popup_wrap].popup_vote_result .content_area .content_inner .result_wrapper .result .bar .bar_langth { height: 50px; border-radius: 0 30px 30px 0; background-color: #dddddd; } 
[class*=mg_popup_wrap].popup_vote_result .content_area .content_inner .result_wrapper .result .count { color: #000000; font-size: 20px; font-weight: bold; font-family: 'NotoSans KR'; } 
[class*=mg_popup_wrap].popup_vote_result .content_area .content_inner .result_wrapper .result.selected .bar .bar_langth { background-color: #1882e6; } 
[class*=mg_popup_wrap].popup_vote_result .content_area .content_inner .result_wrapper .result.selected .count { color: #0082ff; font-weight: 900; } 


/* À̺¥Æ® 02 ÄûÁî Æ˾÷ */
[class*=mg_popup_wrap].popup_quiz .content_area { border-radius: 20px; } 
[class*=mg_popup_wrap].popup_quiz .content_area .content_inner { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 80px; } 
[class*=mg_popup_wrap].popup_quiz .content_area .content_inner h6 { display: inline-block; width: 125px; height: 36px; line-height: 36px; margin: 0 auto; color: #fff; font-size: 20px; font-weight: bold; text-align: center; font-family: 'NotoSans KR'; background-color: #0082ff; border-radius: 30px; } 
[class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } 
[class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper .quiz { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 260px; } 
[class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper .quiz .teacher { position: absolute; z-index: 0; } 
[class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper .quiz .teacher.teacher1 { top: 6px; right: -46px; } 
[class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper .quiz .teacher.teacher2 { top: 6px; left: 0; } 
[class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper p { line-height: 1.4; color: #000000; font-size: 30px; font-weight: bold; font-family: 'NotoSans KR'; text-align: center; } 
[class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper .anwser { display: flex; flex-direction: row; align-items: center; justify-content: center; } 
[class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper .anwser button { margin-right: 45px; color: #000000; font-size: 20px; font-weight: bold; font-family: 'NotoSans KR'; text-align: center; } 
[class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper .anwser button:last-of-type { margin-right: 0; } 
[class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper .anwser button:hover,
[class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper .anwser button:active { color: #0082ff; } 


/* Æ˾÷ */
.black_bg { background-color:#000; opacity:0.8; position:fixed; left:0; top:0; width:100%; height:100%; text-indent:-9999em; z-index:92 } 
.dim_popup button { position:absolute; right: 15px; top: 15px; background: none; } 
.clickPop { width: 470px; background: #fff; padding: 30px 10px 35px; position: fixed; left:50%; top: 50% !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 99; } 

/* µî·ÏÇÑ url Æ˾÷ */
.dim_popup.sns .tit { text-align:center; margin: 20px 0; padding: 0 15px; font-size: 30px; font-weight: bold; } 
.dim_popup.sns table { font-size: 14px; } 
.dim_popup.sns table tr th, .dim_popup.sns table tr td { padding: 8px 5px; border: 1px solid #ddd; word-break: break-all; text-align: center; } 
.dim_popup.sns table tr th { border-color:#fff; background:#eaeaea } 
.dim_popup.sns table tr td.con { text-align:left } 
.dim_popup.sns .btnConfirm { text-align:center; margin: 40px 0 0 0; } 
.dim_popup.sns .btnClose { position:absolute; right: 0; top: -51px; background: url(https://img.megagong.net/common/btn_close_mg_popup.png) 0 0 no-repeat; font-size: 0; width: 36px; height: 36px; } 


@media screen and (max-width: 1200px){
    .main { overflow: initial !important; } 
    .main .inner { width: 100%; } 
    .main::before { display: none; } 
    .main h3 .main_top { top: 6%; } 
    .main h3 .main_info { /* bottom: -5%; */flex-wrap: wrap; width: 90%; border-radius: 50px; } 
    .main h3 .main_info > img:first-of-type { margin-right: 0; margin-bottom: 10px; } 
    .banner { bottom: 65px } 
    .banner .inner li:nth-of-type(2)::before { display: none; } 
    .banner .inner li:nth-of-type(3) { display: none; } 
    .evSection .con_tit { font-size: 39px; } 
    .evCon1 .con_box .review_slide.review_slide_01 { width: 140vw; } 
    .evCon1 .con_box .bottom_wrapper .text { width: 70%; margin: 0 auto; } 
    .evCon1 .con_box .bottom_wrapper .text p { font-size: 18px; } 
    .evCon1 .con_box .bottom_wrapper .text .tiny_noti { font-size: 9px; } 
    .event1 .con_box .vote_wrapper .label_wrapper label .eventVideo.video_renewal { height: 39vw; } 
    .evCon2 .con_tit { margin-right: 0; } 
    .evtBoard_common .board_write { padding: 0; } 
    .evtBoard_common .board_write .btn_wrap { width: 100%; } 
    [class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper .quiz .teacher.teacher1 { right: -46px; } 
}

@media screen and (max-width: 992px) {
    /* .main h3 .main_info { bottom: -10%; } */
    .evSection .con_tit { font-size: 30px; } 
    .evCon1 { padding: 20% 0 0 0; } 
    .evCon1 .con_tit { font-size: 26px; } 
    .evCon1 .con_box .review_slide .item { width: 420px; } 
    .evCon1 .con_box .review_slide .item p { padding-left: 15px; padding-right: 15px; font-size: 13px; } 
    .evCon1 .con_box .review_slide .item span { bottom: 10px; font-size: 9px; } 
    .evCon1 .con_box .bottom_wrapper { margin-bottom: 100px; } 
    .evCon1 .con_box .bottom_wrapper .text h6 { font-size: 27px; } 
    .evCon1 .con_box .bottom_wrapper .text p { font-size: 14px; } 
    .evCon1 .con_box .bottom_wrapper .text .tiny_noti { width: 50%; } 
    .evCon1 .con_box .bottom_wrapper .text .teacher1 { top: 50px; left: -115px; width: 200px; } 
    .evCon1 .con_box .bottom_wrapper .text .teacher2 { right: -130px; width: 200px; } 
    .event .inner .fin { top: 0; right: 0; width: 25vw; } 
    .event1 { padding: 10vw 0; } 
    .evCon2 { padding: 10vw 0; } 
    .event2 { padding: 10vw 0; } 
    .event2 .con_box > p { margin-bottom: 430px; } 
    .event3 { padding: 10vw 0; } 
    .event3 .con_box .step_wrapper .step p { font-size: 16px; } 
    .event3 .con_box .step_wrapper .step p span { font-size: 10px; } 
    .event3 .con_box .eventBoard .btn_wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; } 
    .event3 .con_box .eventBoard .btn_wrapper a:first-of-type { margin-right: 0; margin-bottom: 10px; } 
    .clickPop { padding: 15px 10px 20px; } 
    .dim_popup.sns .tit { font-size:22px } 
    .dim_popup.sns table { font-size:12px } 
}

@media screen and (max-width: 768px){
    .br768 { display: initial; } 
    .main h3 .main_top { width: 70%; } 
    .main h3 .main_info { /* bottom: -15%; */ padding: 15px 30px; } 
    .main h3 .main_info > img:nth-of-type(2) { width: 65%; } 
    .banner .inner li a { justify-content: center; } 
    .banner .inner li:nth-of-type(1) a .text { margin-left: -20%; } 
    .banner .inner li:nth-of-type(2) a .text { margin-left: -20%; } 
    .banner .inner li a .teacher { right: 10px; } 
    .evSection .con_tit { font-size: 23px; } 
    .evSection .con_tit .header { width: 25vw; } 
    .evCon1 .con_tit { font-size: 24px; } 
    .evCon1 .con_tit span { font-size: 38px; } 
    .evCon1 .con_box .review_slide .slick-slide { margin: 0 15px; } 
    .evCon1 .con_box .bottom_wrapper { margin-bottom: 25vw; } 
    .evCon1 .con_box .bottom_wrapper .text { padding: 40px 0 30px 0; } 
    .evCon1 .con_box .bottom_wrapper .text h6 { font-size: 20px; } 
    .evCon1 .con_box .bottom_wrapper .text p { font-size: 12px; } 
    .evCon1 .con_box .bottom_wrapper .text .tiny_noti { width: 55%; } 
    .evCon1 .con_box .bottom_wrapper .text .teacher1 { top: 50px; left: -115px; width: 180px; } 
    .evCon1 .con_box .bottom_wrapper .text .teacher2 { right: -110px; width: 180px; } 
    .event1 .con_box { margin: 0 auto; } 
    .event1 .con_box .vote_wrapper .label_wrapper { width: 88%; margin: 0 50px; margin-bottom: 40px; } 
    .event1 .con_box .vote_wrapper .label_wrapper .slick-list { padding: 0 20% 0 0; } 
    .event1 .con_box .vote_wrapper .label_wrapper label { margin-right: 0; } 
    .event1 .con_box .vote_wrapper .label_wrapper label .eventVideo.video_renewal { width: 400px; height: 517px; margin: 0 auto; } 
    .event1 .con_box .vote_wrapper .label_wrapper label input[type=radio] { margin-bottom: 20px; } 
    .event1 .con_box .vote_wrapper .label_wrapper .slick-slide { margin: 0 10px; } 
    .event1 .con_box .vote_wrapper .label_wrapper .slick-arrow { position: absolute; top: 50%; transform: translate(0, -50%); font-size: 0; z-index: 1; } 
    .event1 .con_box .vote_wrapper .label_wrapper .slick-arrow.slick-prev { left: -23px; width: 15px; height: 40px; background-image: url('https://img.megagong.net/m/2023/0704_jeonhangil/icon_arrow_left.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
    .event1 .con_box .vote_wrapper .label_wrapper .slick-arrow.slick-next { right: -23px; width: 15px; height: 40px; background-image: url('https://img.megagong.net/m/2023/0704_jeonhangil/icon_arrow_right.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
    .event1 .con_box .vote_wrapper .label_wrapper .slick-disabled { opacity: 0; pointer-events:none; } 
    .event1 .con_box .vote_wrapper .label_wrapper .slick-dots { position: absolute; left: 50%; bottom: -22px; transform: translate(-50%, 0); display: flex; flex-direction: row; align-items: center; justify-content: center; width: 400px; height: 10px; background-color: #f1f1f1; border-radius: 20px; } 
    .event1 .con_box .vote_wrapper .label_wrapper .slick-dots li { flex: 1; height: 10px; background-color: rgba(0, 0, 0, 0.3); } 
    .event1 .con_box .vote_wrapper .label_wrapper .slick-dots li:first-of-type { border-radius: 10px 0 0 10px; } 
    .event1 .con_box .vote_wrapper .label_wrapper .slick-dots li:last-of-type { border-radius: 0 10px 10px 0; } 
    .event1 .con_box .vote_wrapper .label_wrapper .slick-dots li button { font-size: 0; } 
    .event1 .con_box .vote_wrapper .label_wrapper .slick-dots li.slick-active { background-color: #0d168b; } 
    .event3 .con_box .gift { margin: 10vw 0 10vw 0; } 
    .event3 .con_box .step_wrapper { flex-direction: column; } 
    .event3 .con_box .step_wrapper .step { margin-bottom: 5vw; padding-bottom: 5vw; border-right: 0; border-bottom: 1px solid #dddddd; } 
    .event3 .con_box .step_wrapper .step:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } 
    .event3 .con_box .step_wrapper .step::before { top: initial; left: calc(50% - 15px); right: initial; bottom: -15px; transform: rotate(90deg); width: 30px; height: 30px } 
    .event3 .con_box .eventBoard .hasgtag_wrapper { position: relative; padding-top: 65px; } 
    .event3 .con_box .eventBoard .hasgtag_wrapper h6 { position: absolute; top: 10px; left: 50%; transform: translate(-50%, 0); font-size: 18px; } 
    .shareList ul li dl dt { position: absolute; width: 100%; } 
    .shareList ul li dl dd:nth-child(5), .shareList ul li dl dd:nth-child(6) { margin-top: initial; } 
    .shareList ul li dl dd:nth-child(2), .shareList ul li dl dd:nth-child(5) { margin: initial; } 
    .shareList ul li dl dd:nth-child(2),.shareList ul li dl dd:nth-child(3),.shareList ul li dl dd:nth-child(4),.shareList ul li dl dd:nth-child(5) { margin-top: calc(40px + 1%); } 
    .shareList ul li dl dd:nth-child(5) { margin-left: 1%; } 
    [class*=mg_popup_wrap].popup_vote_result .content_area .content_inner { padding: 35px 20px 20px 20px; } 
    [class*=mg_popup_wrap].popup_vote_result .content_area .content_inner h6 { font-size: 28px; } 
    [class*=mg_popup_wrap].popup_quiz .content_area .content_inner { padding: 35px; } 
    [class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper p { font-size: 24px; } 
    [class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper .quiz .teacher.teacher1 { top: 45px; right: -30px; width: 112px; } 
    [class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper .quiz .teacher.teacher2 { top: 45px; width: 112px; } 
    [class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper .anwser button { margin-right: 25px; } 
}

@media screen and (max-width: 576px){
    .main h3 .main_info { padding: 7px 30px; } 
    .main h3 .main_info > img:first-of-type { margin-bottom: 0px; } 
    /* .main h3 .main_info { bottom: -20%; } */
    .banner { bottom: 55px; } 
    .banner .inner li { height: 75px; } 
    .banner .inner li::before { height: 45px; } 
    .banner .inner li:nth-of-type(1) a .text { /* margin-top: -10px; */margin-left: initial; width: 48%; } 
    .banner .inner li:nth-of-type(2) a .text { /* margin-top: -10px; */margin-left: initial; width: 55%; } 
    .banner .inner li a .teacher { position: initial; width: 16vw; margin-top: -35px; margin-left: 5px; } 
    .banner .inner li:nth-of-type(2) a .teacher { margin-top: -25px; margin-left: 0; } 
    .evSection .con_tit { font-size: 20px; } 
    .evCon1 { padding: 25% 0 0 0; } 
    .evCon1 .con_tit { margin-bottom: 10vw; font-size: 13px; } 
    .evCon1 .con_tit span { font-size: 20px; } 
    .evCon1 .con_tit span > img { width: 7%; } 
    .evCon1 .con_box .slide_wrapper { height: 260px; } 
    .evCon1 .con_box .review_slide .item { height: 130px; } 
    .evCon1 .con_box .review_slide .item > img { width: 130px; } 
    .evCon1 .con_box .review_slide .item p { font-size: 10px; } 
    .evCon1 .con_box .bottom_wrapper { margin-bottom: 35vw; } 
    .evCon1 .con_box .bottom_wrapper .text { width: 90%; padding: 40px 0 30px 0; } 
    .evCon1 .con_box .bottom_wrapper .text h6 { font-size: 16px; } 
    .evCon1 .con_box .bottom_wrapper .text p { font-size: 10px; } 
    .evCon1 .con_box .bottom_wrapper .text .tiny_noti { bottom: -49px; width: 55%; } 
    .evCon1 .con_box .bottom_wrapper .text .teacher1 { top: 70%; left: -50px; width: 120px; } 
    .evCon1 .con_box .bottom_wrapper .text .teacher2 { top: 80%; right: -50px; width: 120px; } 
    .event1 .con_tit { margin-bottom: 10vw; } 
    .event1 .con_box .vote_wrapper .label_wrapper label .eventVideo.video_renewal { width: 60vw; height: 78vw; margin: 0 auto; } 
    .event1 .con_box .vote_wrapper .label_wrapper label input[type=radio] { margin-top: 10px; } 
    .event1 .con_box .vote_wrapper .label_wrapper .slick-dots { width: 60vw; } 
    .event1 .con_box .vote_wrapper .vote,
    .event2 .con_box button.quiz { width: 80%; height: 60px; font-size: 20px; } 
    .evCon2 .con_tit { font-size: 16px; } 
    .evCon2 .con_tit span { font-size: 22px; } 
    .event2 .con_box > p { margin-bottom: 69vw; font-size: 14px; } 
    .event3 .con_box .con_subtitle .text { padding: 5px 35px; font-size: 18px; } 
    .event3 .con_box .eventBoard .btn_wrapper { margin-bottom: 10vw; } 
    .event3 .con_box .eventBoard .btn_wrapper a { width: 80%; max-width: 380px; } 
    .event3 .con_box .eventBoard .hasgtag_wrapper p { margin-right: 15px; font-size: 15px; } 
    .shareList ul li dl dd:nth-child(2),.shareList ul li dl dd:nth-child(3),.shareList ul li dl dd:nth-child(4),.shareList ul li dl dd:nth-child(5) { margin-top: calc(30px + 1%); } 
    [class*=mg_popup_wrap].popup_vote_result .content_area .content_inner h6 { font-size: 24px; } 
    [class*=mg_popup_wrap].popup_vote_result .content_area .content_inner .result_wrapper .result { height: 20vw; } 
    [class*=mg_popup_wrap].popup_vote_result .content_area .content_inner .result_wrapper .result .youtube { width: 20vw; } 
    [class*=mg_popup_wrap].popup_vote_result .content_area .content_inner .result_wrapper .result .bar .bar_langth { height: 10vw; } 
    [class*=mg_popup_wrap].popup_vote_result .content_area .content_inner .result_wrapper .result .count { font-size: 16px; } 
    [class*=mg_popup_wrap].popup_quiz .content_area .content_inner { padding: 15px; } 
    [class*=mg_popup_wrap].popup_quiz .content_area .content_inner h6 { width: 100px; height: 30px; line-height: 30px; font-size: 15px; } 
    [class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper p { padding-top: 120px; font-size: 20px; } 
    [class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper .quiz .teacher.teacher1,
    [class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper .quiz .teacher.teacher2 { top: 10px; left: 50%; right: initial; transform: translate(-50%, 0); width: 100px; } 
    [class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper .quiz .teacher.teacher1 { top: 36px; } 
    [class*=mg_popup_wrap].popup_quiz .content_area .content_inner .quiz_wrapper .anwser button { margin-right: 10px; font-size: 14px; } 
    .dim_popup.sns { width:90% } 
}