@charset "euc-kr";


.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 0 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; } 


.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: 10px; top: 10px; background: url('https://img.megagong.net/m/common/pop_close2.png') no-repeat center center; font-size: 0; width: 26px; height: 26px; } 



.eventWrap .evSection { position: relative; } 
.eventWrap .con_tit { margin-bottom: 10px; color: #007259; font-size: 48px; font-weight: 900; } 
.eventWrap .sub_text { margin-bottom: 65px; line-height: 1.5; color: #333333; font-size: 28px; } 
.eventWrap .sub_text span { position: relative; padding: 0 10px; z-index: 1; box-shadow: inset 0 -10px #ecf252; font-weight: 700;} 
.flt_inner { margin: 60px 0 0; } 
.flt_inner li { position: relative; } 
.flt_inner li i { position: absolute; display: block; top: 18px; left: -24px; } 

.count { padding: 17px 0; background: #00503f; } 
.count p { color: #fff; font-size: 23px; font-weight: 400; letter-spacing: 15px; } 
.count p strong { color: #f5ff00; font-weight: 400; } 

.fixed_bnr { position: absolute; top: 0; left: 0; width: 100% } 
.fixed_bnr.fixed { position:fixed; bottom: unset; top: 0; z-index: 5; } 
.fixed_bnr::before { content:''; display:block; background: #252525; position: absolute; top: 0; left: 50%; width: 3000px; height: 100%; margin: 0 0 0 -1500px } 
.fixed_bnr ul { position: relative; width: 1080px; margin: 0 auto; padding: 0 0 0 9px } 
.fixed_bnr ul li { position: relative; float: left; width: 50%; } 
.fixed_bnr ul li a { display: block; color: #787878; padding: 35px 0; font-size: 25px; } 
.fixed_bnr ul li a strong { display: block; font-size: 28px } 
.fixed_bnr ul li.on:before { content:''; display:block; position: absolute; top: 100%; left: 50%; width: 20px; height: 20px; background: #252525; transform: rotate(45deg); margin: -10px 0 0 -10px; } 

.fixed_bnr ul li.on a { color:#fff } 
.fixed_bnr ul li.on a strong { color:#f15aff } 

.eventWrap .evCon1 { padding: 80px 0 93px; background-image: url('https://img.megagong.net/m/2024/0621_tjenglish08/con_img32.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } 

.eventWrap .evCon1 h3 { position: relative; margin: 0 auto } 
.eventWrap .evCon1 h3 strong { display: block; padding: 60px 0px 0 } 
.eventWrap .evCon1 h3 a { position: absolute; bottom: 85px; right: 15px } 

.eventWrap .evCon2 { padding: 135px 0 150px 0; background-color: #e5e5e5; } 
.eventWrap .evCon2 .type_wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 120px; width: 100%; } 
.eventWrap .evCon2 .type_wrap li { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; } 
.eventWrap .evCon2 .type_wrap li dl { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding-bottom: 80px; background-color: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } 
.eventWrap .evCon2 .type_wrap li dl dt { width: 100%; min-height: 63px; padding: 9px 0; color:#fff; font-size: 30px; font-weight: 800; background-color: #000; } 
.eventWrap .evCon2 .type_wrap li dl dd > div { position: relative; width: 100%; margin: 50px 0 60px 0; padding: 0 10px; color: #333333; font-size: 24px; font-weight: bold; z-index: 1; box-shadow: inset 0 -10px #ecf252; } 

.eventWrap .evCon3 { position: relative; padding: 150px 0 150px; background:#f2f2f2; } 
.eventWrap .evCon3::before { position: absolute; left: calc(50% - 800px); bottom: 0; transform: translate(-50%, 0); content: ''; width: 839px; height: 100%; background-image: url('https://img.megagong.net/m/2024/0621_tjenglish08/con3_teacher.png'); background-repeat: no-repeat; background-position: 50% 100%; background-size: contain; } 
.eventWrap .evCon3 .type_wrap { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; gap: 20px; width: 100%; } 
.eventWrap .evCon3 .type_wrap li { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; } 
.eventWrap .evCon3 .type_wrap li dl { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding-bottom: 60px; background-color: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } 
.eventWrap .evCon3 .type_wrap li dl dt { width: 100%; min-height: 54px; padding: 10px 0; color:#f5ff00; font-size: 24px; font-weight: 800; background-color: #007259; } 
.eventWrap .evCon3 .type_wrap li dl dd > div { width: 100%; margin: 25px 0; color: #333333; font-size: 18px; } 
.eventWrap .evCon3 .type_wrap li dl dd.click{ position: relative; height: 20vh; border-bottom: 1px solid #cccccc; overflow: hidden; cursor: pointer;}
.eventWrap .evCon3 .type_wrap li dl dd.click::before{ position: absolute; right: 0; bottom: 0; content: ''; width: 40px; height: 40px; background-image: url('https://img.megagong.net/m/2024/0621_tjenglish08/con3_icon.jpg'); background-repeat: no-repeat; background-position: center; background-size: contain; }
.eventWrap .evCon3 .type_wrap li dl dd.click.expanded{ height: 100%; border-bottom: 0;}
.eventWrap .evCon3 .type_wrap li dl dd.click.expanded::before{ display: none;}
.eventWrap .evCon4 { padding: 135px 0 150px; background:#c6f0e7; } 
.eventWrap .evCon4 .eventVideo.with_shadow { margin-bottom: 0; } 



.eventWrap .evCon5 { padding: 160px 0 160px; background:#ffffff; } 
.eventWrap .evCon5 .book_wrap { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 80px; padding-top: 70px; } 
.eventWrap .evCon5 .book_wrap::before { position: absolute; top: 0; left: -100vw; content: ''; width: 200vw; height: 200vh; background-color: #f5f5f5; z-index: 0; } 
.eventWrap .evCon5 .book_wrap::after { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 48px; height: 30px; content: ''; background-image: url('https://img.megagong.net/m/2024/0621_tjenglish08/con5_deco.png'); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.eventWrap .evCon5 .book_wrap .book { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width: 390px; z-index: 1; } 
.eventWrap .evCon5 .book_wrap .book .book_title { display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.eventWrap .evCon5 .book_wrap .book .book_title h6 { display: flex; flex-direction: column; align-items: center; justify-content: center; color: #000000; font-size: 24px; font-weight: 400; } 
.eventWrap .evCon5 .book_wrap .book .book_title h6 b { font-size: 30px; } 
.eventWrap .evCon5 .book_wrap .book > img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } 
.eventWrap .evCon5 .book_wrap .book a { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 62px; color: #fff; font-size: 20px; font-weight: bold; background-color: #111111; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } 
.eventWrap .evCon5 .book_wrap .text_wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 282px; margin: 0 -67px; z-index: 2; } 
.eventWrap .evCon5 .book_wrap .text_wrap .text { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 94px; color: #fff; font-size: 21px; font-weight: 900; background-color: rgba(0, 114, 89, 0.92); border-radius: 60px; } 
.evCon5 .con5_point { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px; } 
.evCon5 .con5_point .con5_point_box { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 255px; height: 206px; background-color: #c6f0e7; border-radius: 15px; z-index: 1; } 
.evCon5 .con5_point .swiper-wrapper { gap: 20px; } 
.evCon5 .con5_point .swiper-slide { width: initial !important; } 
.evCon5 .con5_point .con5_point_box h6 { margin: 35px 0 10px 0; line-height: 1.4; color: #000000; font-size: 21px; font-weight: 900; } 
.evCon5 .con5_point .con5_point_box p { line-height: 1.4; color: #333333; font-size: 16px; font-weight: 400; } 

.eventWrap .evCon5 .book_wrap.renew .book .book_title{margin-bottom:30px;}
.eventWrap .evCon5 .book_wrap.renew .book .book_title h6 {letter-spacing: -1.5px;white-space: nowrap;}
.eventWrap .evCon5 .book_wrap.renew .book > img { box-shadow: none; }
.eventWrap .evCon5 .book_wrap.renew .book_obj{position: relative;}
.eventWrap .evCon5 .book_wrap.renew .book_obj .shadow{position: absolute;left: -110px;top: -60px;}
.eventWrap .evCon5 .book_wrap.renew .book_obj .book{position: relative;z-index: 1;}
.eventWrap .evCon5 .book_wrap.renew .book a{margin-top:30px;position: relative;z-index: 1;}

.eventWrap .evCon_comment .schedule { border-radius: 40px; padding: 15px 92px; position: relative; font-weight: 700; display: inline-block; background: #8a5ed7; margin: 0 0 75px; } 
.eventWrap .evCon_comment .schedule dl { font-size: 21px; display: inline-block; color: #fff; } 
.eventWrap .evCon_comment .schedule dl:first-child { margin-right: 60px; } 
.eventWrap .evCon_comment .schedule dl dt { margin-right: 14px; padding-right: 14px; display: inline-block; position: relative; } 
.eventWrap .evCon_comment .schedule dl dt::after { content:''; display: block; width: 2px; height: 44%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); overflow: hidden; background: #fff; } 
.eventWrap .evCon_comment .schedule dl dd { display: inline-block; font-weight: normal; } 
.eventWrap .evCon_comment .schedule dl dd .tiny_txt { color: #fff; font-size: 14px; display: inline-block; margin: 0 0 0 6px; font-family: '?? ??','Malgun Gothic','??','Dotum',sans-serif; opacity: 0.5; } 
.eventWrap .evCon_comment .gift { margin: 0 -15px 50px -20px; } 
.eventWrap .evCon_comment .gift li { float: left; margin: 0; width: 33.3%; } 
.eventWrap .evCon_comment .gift li:last-child { margin: 0 0 0; } 
.eventWrap .evCon_comment .apply_wrap { margin: 0 0 50px } 
.eventWrap .evCon_comment .apply_wrap a { background:#6328bc; display: block; width: 376px; height: 80px; line-height: 80px; color: #fcffa7; margin: 0 auto 10px; font-weight: bold; font-size: 20px; } 
.eventBoard .evtBoard_common { background: #baa3ff } 
.evtBoard_common .board_notice li { color: #6328bc; opacity: 1 } 

.eventWrap .evCon_day { position: relative; padding: 140px 0 150px; background-color: #10896f; } 
.eventWrap .evCon_day .con_tit { margin: 0 -2px 10px; color: #ecf252; font-size: 48px; font-weight: 900; } 
.eventWrap .evCon_day .point_book { width: 460px; margin: 0 auto 60px; background: #252525; color: #fff; height: 48px; line-height: 47px; font-size: 24px; border-radius: 30px } 
.eventWrap .evCon_day .root { color: #ffffff; font-size: 28px; margin: 0 0 60px; } 
.eventWrap .evCon_day .root br.for_mo { display: none } 
.eventWrap .evCon_day .calendar_wrap { position: relative; background: #e5e5e5; padding: 40px 40px 30px; border-radius: 20px; overflow: hidden; } 
.eventWrap .evCon_day .calendar_wrap ul { margin: 0 0 0 -10px } 
.eventWrap .evCon_day .calendar_wrap ul li { width: 192px; height: 80px; float: left; text-align: center; background: #fff; position: relative; margin: 0 0 10px 10px } 
.eventWrap .evCon_day .calendar_wrap ul li a { position: absolute; top: 0; left: 0; width: 100%; height: 100% } 
.eventWrap .evCon_day .calendar_wrap ul li .day_num { font-size: 25px; line-height: 74px; border: 3px solid #fff } 
.eventWrap .evCon_day .calendar_wrap ul li .day_num:hover { border-color:#6328bc; color:#6328bc; } 
.eventWrap .evCon_day .calendar_wrap ul li .day_result { z-index: 1; background: rgba(0,0,0,0.7); color: #fff; padding: 11px 0 0; font-size: 18px; line-height: 1.6 } 
.eventWrap .evCon_day .calendar_wrap + .tiny_noti { padding: 10px 0 0; text-align: left; opacity: 0.5 } 

.eventWrap .evCon_comment { position: relative; padding: 160px 0 160px; background: #c4afff; } 
.eventWrap .evCon_comment .con_tit { margin: 0 0 50px; } 
.eventWrap .evCon_comment .con_tit i.end { position: absolute; top: 29px; right: 13px } 
.eventWrap .evCon_comment .con_subtit { font-size: 22px; margin: 0 0 55px } 

.warningList > li.w_tit { font-weight: bold; } 

.eventWrap .evCon_day .tab_base_new li { display: inline-table; position: relative; width: 390px; height: 113px; vertical-align: top; padding: 0 0 0 50px; border-radius: 100px; background: #828282; margin: 0 120px 0 0; } 
.eventWrap .evCon_day .tab_base_new li.none { display: none; } 
.eventWrap .evCon_day .tab_base_new li:last-child { margin:0 0; } 
.eventWrap .evCon_day .tab_base_new li a { display: table-cell; width: 100%; vertical-align: middle; color: #fff; } 
.eventWrap .evCon_day .tab_base_new li a .book { position: absolute; left: 10px; top: 50%; transform: translate(0, -50%); } 
.eventWrap .evCon_day .tab_base_new li a .book .on { display: none; } 
.eventWrap .evCon_day .tab_base_new li a .book .off { display: block; } 
.eventWrap .evCon_day .tab_base_new li a strong { display: block; font-size: 23px; margin: 0 0 10px; } 
.eventWrap .evCon_day .tab_base_new li a .line { font-size: 16px; padding: 0 0 3px; border-bottom: 1.5px solid; border-color: rgba(255, 255, 255, 0.6); } 
.eventWrap .evCon_day .tab_base_new li .new { position: absolute; top: -16.5%; right: -3%; font-style: normal; font-size: 18px; font-weight: 700; width: 72px; padding: 23.4px 0; border-radius: 100%; background: #000; color: #fff; } 
.eventWrap .evCon_day .tab_base_new li .new.ver2 { line-height: 1.2; padding: 14.4px 0; } 
.eventWrap .evCon_day .tab_base_new li.on a .book .on { display: block; } 
.eventWrap .evCon_day .tab_base_new li.on a .book .off { display: none; } 
.eventWrap .evCon_day .tab_base_new li.on .new { background: #282828; color: #f7ff76; } 
.eventWrap .evCon_day .calendar_wrap .dim { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.7); z-index: 2; width: 100%; height: 100%; } 
.eventWrap .evCon_day .calendar_wrap .dim p { color: #fff; font-size: 25px; font-weight: 700; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; } 
.eventWrap .evCon_day .calendar_wrap .dim p span { color: #ecf252; } 

.eventWrap .evCon_day .tab_base_new.d1020 { margin: 0 80px; } 
.eventWrap .evCon_day .tab_base_new.d1020 li { margin: 0 25px 0 0; } 

.eventWrap .evCon_day .tab_base_new.renew li a .book{left: 0;}
.eventWrap .evCon_day .tab_base_new.renew.d1020 li{margin: 0 0 100px;}


.testpop_dimm { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9; display:none; } 
.testpop_wrap { position:fixed; left:50%; top:50%; transform:translate3d(-50%, -50%, 0); z-index:10; background-color:#fff; padding:50px 35px; border-radius:10px; font-family:'Noto Sans KR'; box-sizing:border-box; width: 1080px; } 
.testpop_wrap * { box-sizing:border-box; } 
.testpop_wrap.abs { position:absolute; transform:translateX(-50%); } 
.testpop_wrap .btn_close { position:absolute; right:0; top:-55px; width:45px; height:45px; background:url(https://img.megagong.net/m/2022/0620_kimchanghun/btn_close.png) 0 0 no-repeat; font-size:0; } 
.testpop_wrap.wide { padding:0; width:1280px; height:700px; position:fixed; left:50%; top:50%; transform:translate3d(-50%, -50%, 0); background-color:#000; border-radius:0; } 
.testpop_wrap .btn_today { position: absolute; top: -30px; right: 30px; border: 1px solid #fff; padding: 3px; color:#fff; } 
.testpop_wrap .btn_x { position: absolute; top: -30px; right: 0; border: 1px solid #fff; padding: 3px 8px; color:#fff; } 

.testpop_wrap .testpop_inner { height: 500px } 
.testpop_wrap .test1 { padding: 110px 0 0 } 
.testpop_wrap .test3 { padding: 0 45px } 
.testpop_wrap .test1 .info { font-size: 30px; line-height: 1.6; font-weight: bold; margin: 0 0 60px; } 
.testpop_wrap .test1 .tiny_noti { font-weight: normal; color: #6328bc; padding: 7px 0 0 } 
.testpop_wrap .test1 .start { display: block; width: 500px; margin: 0 auto } 
.testpop_wrap .quiz_wrap { position: relative; background: #fff; padding: 55px 115px 0; } 

.testpop_wrap .quiz_wrap > strong { position: absolute; top: -60px; left: 55px; } 
.testpop_wrap .quiz_wrap > strong i { position: absolute; top: 0; left: 0; width: 93%; color: #fff; font-style: normal; font-size: 22px; letter-spacing: 0; text-align: center; line-height: 1.4; padding: 18px 0 0 } 
.testpop_wrap .quiz_wrap .time { position: relative; margin: 0 50px 40px 0 } 
.testpop_wrap .quiz_wrap .time::before { content:''; position: absolute; top: 5px; right: -48px; width: 36px; height: 44px; background: url(https://img.megagong.net/m/2024/0621_tjenglish08/con_img11.png) no-repeat 0 0; } 
.testpop_wrap .quiz_wrap .time p { font-size: 20px; text-align: left } 
.testpop_wrap .quiz_wrap .time .bar_wrap { position: relative; width: 100%; height: 10px; background: #fafafa; margin: 0 0 20px; overflow: hidden; border-radius: 15px } 
.testpop_wrap .quiz_wrap .time .bar { position: absolute; top: 0; left: 0; height: 100%; border-radius: 15px } 

.testpop_wrap .quiz_wrap .question { margin: 0 0 30px; padding: 0; position: relative; background: #fafafa; height: 180px; font-weight: bold; border-radius: 10px; } 
.testpop_wrap .quiz_wrap .question:before { content:''; display:inline-block; width: 1px; height: 100%; vertical-align: middle; } 
.testpop_wrap .quiz_wrap .question p { font-size: 30px; display: inline-block; vertical-align: middle } 
.testpop_wrap .quiz_wrap .question .count { position: absolute; top: 13px; right: 18px; opacity: .6; border: 1px solid #000; padding: 3px 15px; line-height: 1; border-radius: 15px; font-size: 13px; } 
.testpop_wrap .quiz_wrap .answer { position: relative; margin: 0 0 0 -114px; } 
.testpop_wrap .quiz_wrap .answer::after { content:''; display:block; clear:both } 
.testpop_wrap .quiz_wrap .answer li { float: left; width: 333px; margin: 0 0 0 114px; position: relative; background: #f1f2f2; font-weight: bold; border-radius: 20px; overflow: hidden } 
.testpop_wrap .quiz_wrap .answer li.answer1 { float: left; } 
.testpop_wrap .quiz_wrap .answer li.answer2 { float: right; } 
.testpop_wrap .quiz_wrap .answer::before { content:''; position: absolute; top: 5px; left: 50%; width: 50px; height: 100%; background: url(https://img.megagong.net/m/2022/0411_quiz/con_img43.png) no-repeat center center; margin: -8px 0 0 31px; } 
.testpop_wrap .quiz_wrap .answer li a { display:block; font-size: 18px; height: 100px; } 
.testpop_wrap .quiz_wrap .answer li:hover { background:#007259; color:#f5ff00; } 
.testpop_wrap .quiz_wrap .answer li span { display: block; padding: 0; display: inline-block; vertical-align: middle; max-width: 90%; } 
.testpop_wrap .quiz_wrap .answer li a:before { content:''; display:inline-block; width: 1px; height: 100%; vertical-align: middle; } 

.testpop_wrap .quizresult_wrap { border-radius: 10px; border: 1px solid #ddd; position: relative; margin: 24px 0 0; padding: 0 120px 30px } 
.testpop_wrap .quizresult_wrap .point { position: relative; background: #007259; color: #fff; font-size: 28px; width: 460px; height: 48px; margin: -24px auto 10px; border-radius: 30px; line-height: 48px } 
.testpop_wrap .quizresult_wrap .score_wrap { position: relative } 
.testpop_wrap .quizresult_wrap .score_wrap .my_score { position: absolute; top: 0; left: 10px; width: 112px; height: 112px; background: #f3eefa; border-radius: 100%; font-size: 20px; padding: 23px 0 0 7px } 
.testpop_wrap .quizresult_wrap .score_wrap .my_score span { font-size: 42px; color: #007259; padding: 0 2px 0 0; letter-spacing: -0.02em } 
.testpop_wrap .quizresult_wrap .score_wrap p { padding: 28px 0 28px 150px; text-align: left; font-size: 20px; line-height: 1.5; margin: 0 0 15px } 
.testpop_wrap .quizresult_wrap .score_wrap p strong { font-weight: normal; color: #007259 } 
.testpop_wrap .quizresult_wrap .tbl_wrap { border: 1px solid #555; border-width: 0 0 1px; } 
.testpop_wrap .quizresult_wrap .tbl_wrap table { font-size: 15px; border: 1px solid #555; border-width: 1px 0 0 } 
.testpop_wrap .quizresult_wrap .tbl_wrap .scroll { height: 150px; overflow: auto; margin: 0px -17px 0 0; padding: 0 0px 0 0 } 
.testpop_wrap .quizresult_wrap .tbl_wrap table th { background: #f3eefa; padding: 6px 0 } 
.testpop_wrap .quizresult_wrap .tbl_wrap table td { font-size: 13px; border: 1px solid #ccc; border-width: 1px 0 0px; height: 30px } 
.testpop_wrap .quizresult_wrap .tbl_wrap table td:last-of-type { padding-left: 30px; } 
.testpop_wrap .quizresult_wrap .tbl_wrap table td .opt_x { color: #ff0000 } 
.testpop_wrap .quizresult_wrap + .btn { position: relative; margin: 0 0 0 0; padding: 40px 0 0 100px; } 
.testpop_wrap .quizresult_wrap + .btn li { float: left; width: 290px; margin: 0 0 0 40px; position: relative; background: #f1f2f2; font-weight: bold; border-radius: 10px; overflow: hidden } 
.testpop_wrap .quizresult_wrap + .btn li a { display:block; font-size: 24px; padding: 20px 0; } 
.testpop_wrap .quizresult_wrap + .btn li.on { background:#6328bc; color: #fff; } 

.warningList li ul li a { color:#6328bc; border-bottom: 1px solid #6328bc; padding: 0 0 3px; } 


@media screen and (max-width: 1200px){
    .eventWrap img { width:100% } 

    .fixed_bnr ul { width: auto; padding: 0 0 0 1%; margin: 0 0%; background-size: 100% } 
    .fixed_bnr ul li a { padding: 20px 0; font-size: 16px } 
    .fixed_bnr ul li a strong { font-size: 20px } 

    .eventWrap .con_tit { margin-bottom: 10px; font-size: 40px; } 
    .eventWrap .sub_text { margin-bottom: 65px; font-size: 17px; } 
    .eventWrap .evCon1 { padding: 15% 0; } 
    .count p { font-size: 20px; } 
    .eventWrap .evCon1 h3 { margin: 0; } 
    .eventWrap .evCon1 h3 strong { padding: 6% 0 0; } 
    .eventWrap .evCon1 h3 a { width: 19%; right: 0%; bottom: 14%; } 

    .eventWrap .evCon2 { padding: 15% 0; } 
    .eventWrap .evCon2 .type_wrap { gap: 20px; } 
    .eventWrap .evCon2 .type_wrap li dl { padding-bottom: 5%; } 
    .eventWrap .evCon2 .type_wrap li dl dt { min-height: initial; padding: 15px 0; font-size: 20px; } 
    .eventWrap .evCon2 .type_wrap li dl dd > div { margin: 10% 0; font-size: 20px; } 

    .eventWrap .evCon3 { padding: 15% 0; } 
    .eventWrap .evCon3::before { display: none; } 
    .eventWrap .evCon3 .type_wrap { gap: 10px; } 
    .eventWrap .evCon3 .type_wrap li dl { padding-bottom: 5%; } 
    .eventWrap .evCon3 .type_wrap li dl dt { min-height: initial; padding: 15px 0; font-size: 20px; } 
    .eventWrap .evCon3 .type_wrap li dl dd > div { margin: 25px 0; font-size: 18px; } 


    .eventWrap .evCon4 { padding: 15% 0; } 
    



    .eventWrap .evCon5 { padding: 15% 0 } 
    .eventWrap .evCon5 .book_wrap .book a > img { width: initial; } 
    .evCon5 .con5_point .swiper-wrapper { gap: 10px; } 
    .evCon5 .con5_point .con5_point_box { width: 230px; } 

    
    .testpop_wrap { width: 700px; padding: 20px 15px } 
    .eventWrap .evCon_day { padding: 15% 0 15% } 
    .eventWrap .evCon_day .con_tit { margin: 0 0 1%; font-size: 40px; } 
    .eventWrap .evCon_day .point_book { width: 350px; margin: 0 auto 20px; height: 41px; line-height: 40px; font-size: 20px; } 
    .eventWrap .evCon_day .root { font-size: 17px; margin: 0 0 10%; } 
    .eventWrap .evCon_day .root br.for_mo { display: block; } 
    .eventWrap .evCon_day .calendar_wrap { padding: 20px 15px 20px; } 
    .eventWrap .evCon_day .calendar_wrap ul { margin: 0 0 0 -1%; } 
    .eventWrap .evCon_day .calendar_wrap ul li { width: 24%; height: 50px; border: 1px solid #ddd; margin: 0 0 1% 1%; } 
    .eventWrap .evCon_day .calendar_wrap ul li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
    .eventWrap .evCon_day .calendar_wrap ul li .day_num { font-size: 17px; line-height: 45px; border: 0; border-color: #fff; color: #000; } 
    .eventWrap .evCon_day .calendar_wrap ul li .day_num:hover { color: #000; border-color: #fff } 
    .eventWrap .evCon_day .calendar_wrap ul li .day_result { padding: 5px 0 0; font-size: 15px; line-height: 1.3; } 
    .eventWrap .evCon_day .calendar_wrap + .tiny_noti { padding: 10px 0 0; text-align: left; opacity: 0.5; } 


    .eventWrap .evCon_day .tab_base_new li a strong { font-size: 20px; margin: 0 0 7px; } 
    .eventWrap .evCon_day .tab_base_new li a .line { font-size: 14px; } 
    .eventWrap .evCon_day .tab_base_new li a .book { width: 27%; } 
    .eventWrap .evCon_day .tab_base_new li .new { width: 55px; padding: 17.7px 0; font-size: 14px; } 
    .eventWrap .evCon_day .tab_base_new li .new.ver2 { padding: 10.7px 0; } 
    
    .eventWrap .evCon_day .tab_base_new.d1020 { margin: 0 0; } 
    .eventWrap .evCon_day .tab_base_new.d1020 li { margin: 0 1% 0 0; width: 32%; } 
    .eventWrap .evCon_day .tab_base_new.d1020 li a .book { width: 32%; left: 1%; } 
    
    .eventWrap .evCon_comment .schedule:nth-of-type(2) { margin: 2% 0 9%; } 
    .eventWrap .evCon_comment .schedule dl { font-size: 17px; } 
    .eventWrap .evCon_comment .schedule dl:first-child { margin-right: 20px; } 
    .eventWrap .evCon_comment .schedule dl dd .tiny_txt { font-size: 12px; } 
    .eventWrap .evCon_comment .gift { margin: 0 0 5%; } 
    .eventWrap .evCon_comment .apply_wrap { margin: 0 0 50px } 
    .eventWrap .evCon_comment .apply_wrap a { line-height: 58px; height: 60px; font-size: 17px; } 

    .eventWrap .evCon_comment { padding: 15% 0; } 
    .eventWrap .evCon_comment .con_tit { margin: 0 0 5%; padding: 0 16%; } 
    .eventWrap .evCon_comment .con_tit i.end { top: 0; right: 0; width: 22% } 
    .eventWrap .evCon_comment .con_subtit { font-size: 17px; margin: 0 0 20px } 

    .popup-wrap.abs { width: 700px !important; padding: 25px 25px } 
    .testpop_wrap .testpop_inner { height: 300px } 
    .testpop_wrap .test1 { padding: 60px 0 0 } 
    .testpop_wrap .test3 { padding: 0 } 
    .testpop_wrap .test1 .info { font-size: 14px; margin: 0 0 20px; } 
    .testpop_wrap .test1 .tiny_noti { padding: 3px 0 0 } 
    .testpop_wrap .test1 .start { width: 214px } 
    .testpop_wrap .quiz_wrap { padding: 64px 0 0; } 

    .testpop_wrap .quiz_wrap > strong { top: -26px; left: 0; background: #6328bc; color: #fff; width: 100px; padding: 20px 0; } 
    .testpop_wrap .quiz_wrap > strong i { position: relative; top: unset; left: unset; width: auto; font-size: 15px; padding: 0; display: block } 
    .testpop_wrap .quiz_wrap > strong i br { display:none } 
    .testpop_wrap .quiz_wrap > strong > img { display: none } 
    .testpop_wrap .quiz_wrap .time { margin: 0 60px 10px 0; } 
    .testpop_wrap .quiz_wrap .time::before { right: -56px; background-size: 22px; width: 22px; height: 30px } 

    .testpop_wrap .quiz_wrap .time p { font-size: 15px; } 
    .testpop_wrap .quiz_wrap .time .bar_wrap { height: 5px } 
    .testpop_wrap .quiz_wrap .time .bar { position: absolute; top: 0; left: 0; height: 100%; border-radius: 15px } 

    .testpop_wrap .quiz_wrap .question { margin: 0 0 15px; height: 80px; } 
    .testpop_wrap .quiz_wrap .question:before { content:''; display:inline-block; width: 1px; height: 100%; vertical-align: middle; } 
    .testpop_wrap .quiz_wrap .question p { font-size: 15px; max-width: 95%; } 
    .testpop_wrap .quiz_wrap .question .count { top: 10px; right: 13px; padding: 1px 10px; font-size: 12px; } 
    .testpop_wrap .quiz_wrap .answer { margin: 0 0 0 -8%; } 
    .testpop_wrap .quiz_wrap .answer::after { content:''; display:block; clear:both } 
    .testpop_wrap .quiz_wrap .answer li { width: 42%; margin: 0 0 0 8%; border-radius: 10px; } 
    .testpop_wrap .quiz_wrap .answer::before { width: 18px; height: 12px; top: 50%; background: url(https://img.megagong.net/m/2022/0411_quiz/con_img43.png) no-repeat center center;; margin: -6px 0 0 1.6%;; background-size: 18px; background-position: 0 0; } 

    .testpop_wrap .quiz_wrap .answer li a { font-size: 14px; height: 70px; } 
    .testpop_wrap .quiz_wrap .answer li span { display: block; padding: 0; display: inline-block; vertical-align: middle } 
    .testpop_wrap .quiz_wrap .answer li a:before { content:''; display:inline-block; width: 1px; height: 100%; vertical-align: middle; } 

    .testpop_wrap .quizresult_wrap { margin: 15px 0 0px; padding: 0 20px 15px; } 
    .testpop_wrap .quizresult_wrap .point { font-size: 15px; height: 32px; line-height: 32px; width: 210px; margin: -20px auto 5px; } 
    .testpop_wrap .quizresult_wrap .score_wrap { position: relative } 
    .testpop_wrap .quizresult_wrap .score_wrap .my_score { width: 50px; height: 50px; font-size: 14px; padding: 9px 0 0px 3px; left: 0 } 
    .testpop_wrap .quizresult_wrap .score_wrap .my_score span { font-size: 21px; letter-spacing: -0.06em } 
    .testpop_wrap .quizresult_wrap .score_wrap p { padding: 8px 0 8px 65px; font-size: 14px; margin: 0 0 7px; line-height: 1.2 } 
    .testpop_wrap .quizresult_wrap .score_wrap p strong { font-weight: normal; color: #6328bc } 
    .testpop_wrap .quizresult_wrap .tbl_wrap .scroll { margin: 0; padding: 0; height: 125px } 
    .testpop_wrap .quizresult_wrap .tbl_wrap table { font-size: 13px } 
    .testpop_wrap .quizresult_wrap .tbl_wrap table td { font-size: 12px; height: 25px } 
    .testpop_wrap .quizresult_wrap + .btn { padding: 10px 0 0; margin: 0 0 0 -2% } 
    .testpop_wrap .quizresult_wrap + .btn li { width: 48%; margin: 0 0 0 2%; } 
    .testpop_wrap .quizresult_wrap + .btn li a { font-size: 14px; padding: 7px 0; } 
    .testpop_wrap .quizresult_wrap + .btn li.on { background:#6328bc; color:#fcffa7; } 

    .eventWrap .evCon5 .book_wrap .book{width: 336px;}
}

@media (max-width: 992px){
    .clickPop { padding: 15px 0 20px; } 
    .dim_popup.sns .tit { font-size:22px } 
    .dim_popup.sns table { font-size:12px } 

    .eventWrap .con_tit { margin-bottom: 10px; font-size: 30px; } 
    .eventWrap .sub_text { margin-bottom: 10%; } 
    .eventWrap .evCon2 .type_wrap li dl dt { margin-bottom: 5%; } 
    .eventWrap .evCon2 .type_wrap li dl dd > div { display: inline; } 
    .eventWrap .evCon2 .type_wrap li dl dd:last-of-type { margin-top: 5%; padding: 0 20px; } 
    .eventWrap .evCon3 .type_wrap li dl dd > div { font-size: 15px; } 
    .eventWrap .evCon3 .type_wrap li dl dd:last-of-type { margin: 0 10px; } 
    .eventWrap .evCon_day .tab_base_new li { height: 100px; } 
    
    .count p { font-size: 18px; letter-spacing: 10px; } 

    .eventWrap .evCon_comment .schedule { width: 100%; padding: 12px 0; margin: 0 0 40px; } 
    .eventWrap .evCon_comment .schedule dl { font-size: 15px; } 

    .eventWrap .evCon_day .con_tit { font-size: 30px; } 
    .evCon5 .inner { width: 100%; } 
    .evCon5 .con5_point { max-width: 700px; gap: 0; margin: 0 auto; padding-bottom: 5vw; overflow: hidden; } 
    .evCon5 .con5_point .swiper-wrapper { gap: initial; } 
    .evCon5 .con5_point .swiper-slide { width: 100% !important; } 
    .evCon5 .con5_point .con5_point_box { width: 100%; } 
    
    .eventWrap .evCon5 .book_wrap { display: inherit; width: 100%; margin: 0 auto; } 
    .eventWrap .evCon5 .book_wrap .text_wrap { position: relative; flex-direction: row; width: calc(100% - 20px); margin: 0 10px; z-index: 1; } 
    .eventWrap .evCon5 .book_wrap .text_wrap .text { width: initial; flex: 1; font-size: 18px; } 
    .eventWrap .evCon5 .book_wrap .slide_wrap { position: relative; width: 100%; overflow: hidden; } 
    .eventWrap .evCon5 .book_wrap .book { width: 100%; margin-top: 5%; } 
    .eventWrap .evCon5 .book_wrap .book > img { width: initial; } 
    .eventWrap .evCon5 .book_wrap .book > a { max-width: 700px; margin: 0 auto; margin-bottom: 5%; } 

    .eventWrap .evCon_day .tab_base_new.d1020 { gap: 20px; } 
    .eventWrap .evCon_day .tab_base_new.d1020 li { width: 40%; } 
}

@media (max-width: 768px){
    .count p { font-size: 15px; letter-spacing: 6px; } 
    
    .fixed_bnr { left: -2%; width: 104%; } 
    .fixed_bnr.fixed { left: 0; width: 100%; } 
    .fixed_bnr.ver_2end ul { background-image: url('https://img.megagong.net/m/2022/0705_charlie97/con_img4_end_mo.png') } 
    .fixed_bnr ul li a { font-size: 12px; padding: 13px 0 } 
    .fixed_bnr ul li a strong { font-size: 14px; letter-spacing: -0.06em } 
    
    .eventWrap .con_tit { font-size: 27px; } 
    .eventWrap .sub_text { font-size: 15px; } 
    .eventWrap .evCon1 h3 strong { padding: 6% 0 0; } 
    .eventWrap .evCon1 h3 strong > img:last-of-type { transform: scale(0.8); }
    .eventWrap .evCon1 h3 a { width: 32%; right: 0%; bottom: 18%; } 

    .eventWrap .evCon2 .type_wrap li dl dt,
    .eventWrap .evCon3 .type_wrap li dl dt { font-size: 17px; } 
    .eventWrap .evCon2 .type_wrap li dl dd > div { font-size: 15px; } 
    .eventWrap .evCon5 .book_wrap .text_wrap .text { height: 85px; font-size: 15px; } 

    .evCon5 .con5_point,
    .eventWrap .evCon5 .book_wrap .book > a { max-width: 500px; } 

    .testpop_wrap { width: 500px } 
    .testpop_wrap .quiz_wrap { padding: 50px 0 0 0; } 
    .testpop_wrap .quiz_wrap .answer li a { height: 80px; font-size: 13px; } 
    
    .eventWrap .evCon_comment .schedule { padding: 7px 0; } 
    .eventWrap .evCon_comment .schedule dl { font-size: 13px; display: block; } 
    .eventWrap .evCon_comment .schedule dl:first-child { margin-right: 0; } 
    .eventWrap .evCon_comment .schedule dl dt { margin-right: 5px; padding-right: 7px; } 
    
    .popup-wrap.abs { position: fixed; width: 300px !important; left: 0; width: 96% !important; left: 2%; transform: none; padding: 15px 15px; height: 360px; top: 50% !important; margin: -180px 0 0; } 

    .eventWrap .evCon_comment .con_subtit,.eventWrap .evCon_day .root { font-size: 14px } 
    .eventWrap .evCon_day .calendar_wrap .dim p { font-size: 18px; } 
    .eventWrap .evCon_day .con_tit { padding: 0 1%; } 
    .eventWrap .evCon_day .point_book { font-size: 14px; height: auto; line-height: 1.4; padding: 6px 0; width: auto; margin: 0 3% 10px; } 
    .eventWrap .evCon_day .calendar_wrap { padding: 10px 10px 10px } 
    .eventWrap .evCon_day .tab_base_new li a strong { font-size: 17px; margin: 0 0 5px; } 
    .eventWrap .evCon_day .tab_base_new li { height: 80px; padding-left: 5%; } 
    
    .eventWrap .evCon_day .tab_base_new.d1020 li { width: 100%; height: 70px; } 
    .eventWrap .evCon_day .tab_base_new.d1020 li a .book { width: 60px; left: 50%; transform: translate(-218%, -50%); /* display: none; */ } 
    .eventWrap .evCon_day .tab_base_new.d1020 li .new { right: 0; top: 0; border-radius: 0; padding: 5px 0; width: 55px; } 
}

@media (max-width: 576px){
    .count p { font-size: 12px; letter-spacing: 2px; } 
    .eventWrap .con_tit { font-size: 20px; } 
    .eventWrap .sub_text { font-size: 13px; } 
    .eventWrap .evCon2 .type_wrap li dl dt, .eventWrap .evCon3 .type_wrap li dl dt { font-size: 15px; } 
    .eventWrap .evCon2 .type_wrap li dl dd > div { font-size: 13px; } 
    .eventWrap .evCon3 .type_wrap li dl dd > div { font-size: 13px; } 
    .eventWrap .evCon3 .type_wrap li dl dd.click::before{ width: 30px; height: 30px; }
    .eventWrap .evCon5 .book_wrap .text_wrap { flex-direction: column; margin-bottom: 20px; } 
    .eventWrap .evCon5 .book_wrap .text_wrap .text { width: 100%; height: 45px; flex: initial; } 
    .eventWrap .evCon5 .book_wrap .text_wrap .text br { display: none; } 
    .eventWrap .evCon5 .book_wrap .book .book_title { margin-bottom: 15px; } 
    .eventWrap .evCon5 .book_wrap .book .book_title h6 { font-size: 15px; } 
    .eventWrap .evCon5 .book_wrap .book .book_title h6 b { font-size: 22px; } 
    .eventWrap .evCon5 .book_wrap .book > img { width: 60%; } 
    .evCon5 .con5_point,
    .eventWrap .evCon5 .book_wrap .book > a { max-width: 90%; } 
    .eventWrap .evCon5 .book_wrap .book > a { height: 50px; font-size: 16px; } 
    .evCon5 .con5_point { padding-bottom: 10vw; } 
    .evCon5 .con5_point .con5_point_box { height: 170px; } 
    .evCon5 .con5_point .con5_point_box h6 { margin: 25px 0 10px 0; font-size: 18px; } 
    .evCon5 .con5_point .con5_point_box p { font-size: 14px; } 
    .testpop_wrap { width: 96% } 
    .testpop_wrap .btn_close { background-size: 28px; width: 28px; height: 28px; top: -35px; right: 5px } 
    .dim_popup.sns { width:90% } 

    .warningList > li.w_tit { font-size: 13px; } 

    .eventWrap .evCon_comment .gift li { width: 50%; } 
    .eventWrap .evCon_comment .gift li:nth-of-type(1) { float: none; margin: 0 auto 5%; } 
    .eventWrap .evCon_comment .apply_wrap { margin: 0 0 7% } 
    .eventWrap .evCon_comment .apply_wrap a { width: 280px; height: 42px; line-height: 42px; font-size: 14px } 
    .eventWrap .evCon_comment .con_subtit,
    .eventWrap .evCon_day .root { font-size:12px } 

    .eventWrap .evCon_day .con_tit { font-size: 26px; } 
    .eventWrap .evCon_day .calendar_wrap ul { margin: 0 0 0 -1% } 
    .eventWrap .evCon_day .calendar_wrap ul li { height: 38px; margin: 0 0 1% 1%; width: 24% } 
    .eventWrap .evCon_day .calendar_wrap ul li .day_num { font-size: 13px; line-height: 36px } 
    .eventWrap .evCon_day .calendar_wrap ul li .day_result { font-size: 12px; padding: 3px 0 0; } 

    .fixed_bnr ul li.on:before { width: 7px; height: 7px; margin: -3px 0px 0 -3px } 


    .eventWrap .evCon_day .tab_base_new li { width: 100%; height: 70px; } 
    .eventWrap .evCon_day .tab_base_new li a .book { width: 49px; left: 50%; transform: translate(-230%, -50%); /* display: none; */ } 
    .eventWrap .evCon_day .tab_base_new li .new { right: 0; top: 0; border-radius: 0; padding: 5px 0; width: 55px; } 
    .eventWrap .evCon_day .tab_base_new li .new.ver2 { width: 65px !important; padding: 1px 0; } 
    .eventWrap .evCon_day .tab_base_new li .new.ver2 br { display:none; } 
}