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

/* ?? */
.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; } 

/* ??? 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: 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; } 

.flt_inner { margin: 60px 0 0; } 
.flt_inner li { position: relative; } 
.flt_inner li i { position: absolute; display: block; top: 18px; left: -24px; } 

.count { background: #ea00ff; } 
.count p { color: #fff; font-size: 33px; font-weight: 700; padding: 16.5px 0; } 
.count p strong { color: #f7ff74; position: relative; margin: 0 60px; } 
.count p strong::before { content: ''; background: url(https://img.megagong.net/m/2022/0927_tjenglish08/con1_ico.png) no-repeat 0 0; width: 27px; height: 32px; position: absolute; top: 50%; transform: translate(0, -50%); left: -42px; } 
.count p strong::after { content: ''; background: url(https://img.megagong.net/m/2022/0927_tjenglish08/con1_ico.png) no-repeat 0 0; width: 27px; height: 32px; position: absolute; top: 50%; transform: translate(0, -50%); right: -42px; } 

.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 { background: #3c0288 url(https://img.megagong.net/m/2022/0811_tjenglish08/con_img32.jpg) no-repeat center 0; padding: 190px 0 135px; } 
.eventWrap .evCon1 h3 { position: relative; margin: 0 -30px } 
.eventWrap .evCon1 h3 .sub { display: block; } 
.eventWrap .evCon1 h3 strong { display: block; padding: 60px 0px 90px } 
.eventWrap .evCon1 h3 a { position: absolute; bottom: 85px; right: 15px } 

.eventWrap .evCon2 { padding: 0 0 60px; } 
.eventWrap .evCon2::before { content:''; display:block; background: url(https://img.megagong.net/m/2022/0811_tjenglish08/con_img33.jpg) no-repeat 0 0; position: absolute; bottom: 0; left: 50%; margin: 0 0 0 -1116px; width: 742px; height: 1436px; } 
.eventWrap .evCon2 .inner { padding: 310px 0 0; } 
.eventWrap .evCon2 .con_tit, .eventWrap .evCon3 .con_tit, .eventWrap .evCon4 .con_tit, .eventWrap .evCon5 .con_tit, .eventWrap .evCon6 .con_tit { margin: 0 -20px 80px; } 
.eventWrap .evCon2 .tit { background: #7ff7ff; padding: 8px 0; font-weight: bold; font-size: 25px; margin: 0 40px 30px; border-radius: 40px; letter-spacing: 0.05em } 
.eventWrap .evCon2 .type_wrap { margin: 0 40px 100px -4%; padding: 0 0 0 40px } 
.eventWrap .evCon2 .type_wrap li { float: left; width: 46%; margin: 0 0 0 4%; border: 1px solid #ddd; border-radius: 10px; height: 410px; padding: 60px 0 0 0; background: #fff; } 
.eventWrap .evCon2 .type_wrap li i { display: block; margin: 0 0 50px } 
.eventWrap .evCon2 .type_wrap li dl dt { font-size: 22px; color: #6328bc; font-weight: 900; margin: 0 0 10px } 
.eventWrap .evCon2 .type_wrap li dl dd { font-weight: 200 } 

.eventWrap .evCon3 { padding: 160px 0 160px; background:#f9f2ff } 
.eventWrap .evCon3 .con_subtit { font-size: 25px; position: relative; margin: -20px 0 60px } 
.eventWrap .evCon3 .book_info { margin: 0 -40px 0 -40px; padding: 0 1% 0 0% } 
.eventWrap .evCon3 .book_info li { position: relative; float: left; width: 24%; padding: 47px 0 0; background: #fff; margin: 0 0 0 1%; height: 275px } 
.eventWrap .evCon3 .book_info li:before { content:''; position: absolute; top: 50%; left: -8%; width: 34px; height: 34px; background: url(https://img.megagong.net/m/2022/0811_tjenglish08/con_img30.png) no-repeat center center; margin:-17px 0 0 } 
.eventWrap .evCon3 .book_info li:nth-of-type(1):before { display:none } 
.eventWrap .evCon3 .book_info li >strong { display: block; color: #6328bc; font-size: 22px; font-weight: 900; margin: 0 0 15px } 
.eventWrap .evCon3 .book_info li >strong span { display: inline-block; border-bottom: 1px solid #6328bc; padding: 0 0 4px } 
.eventWrap .evCon3 .book_info li >span { color: #343434 } 

.eventWrap .evCon4 { padding: 160px 0 200px; background:#fff } 
.eventWrap .evCon4 .tab_base { position: relative; margin: 0 0 70px; } 
.eventWrap .evCon4 .tab_base li { background: #eeeeee; float: left; width: calc(33.3% - 2px); margin: 0 0 0 2px; color: #999999; font-size: 18px; position: relative; } 
.eventWrap .evCon4 .tab_base li.on { background: #fff; color: #000; } 
.eventWrap .evCon4 .tab_base li .ico { position: absolute; left: 50%; top: 0; transform: translate(-50%, -85%); } 
.eventWrap .evCon4 .tab_base li a { font-size: 18px; display: block; padding: 22px 0; line-height: 1.3; border: 2px solid #eee; border-width: 2px 2px 0; } 
.eventWrap .evCon4 .tab_base li a strong { display:block; font-size: 23px; } 
.eventWrap .evCon4 .tab_base li.on a { border-color: #000 } 
.eventWrap .evCon4 .tab_base li br { display:none } 
.eventWrap .evCon4 .book_slider { float: left; width: 440px; display: none; } 
.eventWrap .evCon4 .book_slider.slick-initialized { display: block; } 
.eventWrap .evCon4 .info { float: left; width: 640px; text-align: left; position: relative } 
.eventWrap .evCon4 .info dl { margin: 0 0 40px } 
.eventWrap .evCon4 .info dl dt { font-size: 30px; font-weight: bold; padding: 0px 0 20px; margin: 0 0 20px; border-bottom: 1px solid #ddd } 
.eventWrap .evCon4 .info dl dt strong { color: #6328bc } 
.eventWrap .evCon4 .info dl dd { font-size: 20px; margin: 0 0 8px } 
.eventWrap .evCon4 .info dl dd .part { display: block; font-size: 15px; padding: 5px 0 0 16px; overflow: hidden; width: 420px; } 
.eventWrap .evCon4 .info dl dd .part span { display: inline-block; margin: 0 20px 0 0 } 
.eventWrap .evCon4 .explain { position: relative; background: #f5f5f5; padding: 25px 30px; border-radius: 10px; margin: 0 0 40px } 
.eventWrap .evCon4 .explain p { font-weight: bold; margin: 0 0 7px } 
.eventWrap .evCon4 .explain ul { font-size: 16px } 
.eventWrap .evCon4 .explain ul li { margin: 0 0 4px } 
.eventWrap .evCon4 .explain ul.type2 li:nth-of-type(1) { margin: 0 0 13px } 
.eventWrap .evCon4 .explain ul li strong { position: relative; padding: 0 7px 0 0; margin: 0 5px 0 0 } 
.eventWrap .evCon4 .explain ul li strong::before { content:''; position: absolute; top: 50%; right: 0; width: 1px; height: 12px; margin: -5px 0 0; background: #000; } 
.eventWrap .evCon4 .info a { display: block; background: #000; clear: both; float: none; width: 350px; height: 70px; color: #fff; text-align: center; line-height: 70px; font-size: 20px; margin: 0 } 
.eventWrap .evCon4 #tab1_3 .info a { margin-top: 150px; } 
.eventWrap .evCon4 #tab1_3 .info dl dt strong { color: #6328bc; } 

.eventVideo .tea_img, .eventVideo .video_box .play_area > img { width: auto; position: relative; top: unset; right: unset } 

.eventWrap .evCon4 .book_slider .slick-arrow { display: none !important; } 
.eventWrap .evCon4 .book_slider .slick-dots { text-align: center; font-size: 0; padding: 0 62px 0 0; } 
.eventWrap .evCon4 .book_slider .slick-dots li { display: inline-block; padding: 0 5px; } 
.eventWrap .evCon4 .book_slider .slick-dots li button { display: block; width: 10px; height: 10px; font-size: 0; -webkit-border-radius: 100%; border-radius: 100%; background: #fff; border:1px solid #a3a3a3 } 
.eventWrap .evCon4 .book_slider .slick-dots li.slick-active button { background: #a3a3a3; } 

.eventWrap .evCon5 { padding: 160px 0 160px; background:#eaebff } 
.eventWrap .evCon5 .eventVideo { width: auto; height: auto; overflow: visible; margin: 0 40px 0 } 
.eventWrap .evCon5 .eventVideo .video_box { padding: 0 0 56%; overflow: hidden; position: relative; top: unset; left: unset; width: auto; height: auto; } 
.eventWrap .evCon5 .video_wrap { } 
.eventWrap .evCon5 .video_wrap li { width: 490px; display: inline-block; } 
.eventWrap .evCon5 .video_wrap li:first-child { margin: 0 24px 0 0; } 
.eventWrap .evCon5 .video_wrap li .eventVideo { margin: 0 0; } 

.eventWrap .evCon6 { background: #dcddfc; padding: 160px 0 142px; } 
.eventWrap .evCon6 .slide_wrap { width: 1000px; margin: 0 auto; } 
.eventWrap .evCon6 .review_slide { margin: 0 -40px 0 0; } 
.eventWrap .evCon6 .review_slide .slick-arrow { position: absolute; top: 50%; transform: translate(0, -50%); width: 26px; height: 46px; text-indent: -9999px; } 
.eventWrap .evCon6 .review_slide .slick-prev { background: url(https://img.megagong.net/m/2022/0927_tjenglish08/con6_prev.png) no-repeat 0 0;;;; left: -50px;;;; } 
.eventWrap .evCon6 .review_slide .slick-next { background: url(https://img.megagong.net/m/2022/0927_tjenglish08/con6_next.png) no-repeat 0 0;;;;;;; right: -10px;;;;; } 

.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: 190px 0 160px; } 
.eventWrap .evCon_day .con_tit { margin: 0 0 60px } 
.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 { font-size: 24px; margin: 52px 0 50px; } 
.eventWrap .evCon_day .root br.for_mo { display: none } 
.eventWrap .evCon_day .calendar_wrap { position: relative; background: #f7f7f7; padding: 40px 40px 30px } 
.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: #cfcfcf; 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:nth-child(2) { background: #0ba95f; } 
.eventWrap .evCon_day .tab_base_new li.on:nth-child(3) { background: #ff772e; } 
.eventWrap .evCon_day .tab_base_new li.on:nth-child(4) { background: #11c4f7; } 
.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: #fdff61; } 

.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.d1020 li:last-child { margin:0 0; } 



/* ?? (??) */
.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:'NotoSans 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: 38px; height: 46px; background: url(https://img.megagong.net/m/2022/0811_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:#6328bc; color:#fcffa7; } 
.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: #6328bc; 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: #6328bc; 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: #6328bc } 
.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 .opt_x { color: #ff30b8 } 
.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 .evCon1 { padding: 15% 0; background-size: auto 101% } 
 .eventWrap .evCon1 h3 { margin: 0; } 
 .eventWrap .evCon1 h3 .sub { padding: 0 7%; } 
 .eventWrap .evCon1 h3 strong + .sub { padding: 0 20% } 
 .eventWrap .evCon1 h3 strong { padding: 6% 0 0; margin: 0 0 6%; } 
 .eventWrap .evCon1 h3 a { width: 19%; right: 0%; bottom: 14%; } 

 .eventWrap .evCon2 { padding: 0 0 12%; } 
 .eventWrap .evCon2::before { display:none } 
 .eventWrap .evCon2 .inner { padding: 90px 0 0; } 
 .eventWrap .evCon2 .con_tit, .eventWrap .evCon3 .con_tit, .eventWrap .evCon4 .con_tit, .eventWrap .evCon5 .con_tit, .eventWrap .evCon6 .con_tit { margin: 0 0 5%; } 
 .eventWrap .evCon2 .con_tit { padding: 15% 16% 0 } 
 .eventWrap .evCon3 .con_tit { padding: 0 15% } 
 .eventWrap .evCon4 .con_tit { padding: 0 14% } 
 .eventWrap .evCon5 .con_tit { padding: 0 15% } 
 .eventWrap .evCon2 .tit { font-size: 18px; margin: 0 0% 3%; padding: 8px 0; } 
 .eventWrap .evCon2 .type_wrap { margin: 0 0 5% -1%; padding: 0 0 0 0; } 
 .eventWrap .evCon2 .type_wrap li { width: 49%; margin: 0 0 0 1%; border-radius: 4px; height: 249px; padding: 20px 0 20px; } 
 .eventWrap .evCon2 .type_wrap li i { width: 70px; margin: 0 auto 15px; } 
 .eventWrap .evCon2 .type_wrap li dl dt { font-size: 17px; margin: 0 0 7px; } 
 .eventWrap .evCon2 .type_wrap li dl dd { font-weight: normal; font-size: 14px; } 

 .eventWrap .evCon3 { padding: 15% 0; } 
 .eventWrap .evCon3 .con_subtit { font-size: 18px; margin: 0 0 7%; } 
 .eventWrap .evCon3 .book { padding: 0 7% } 
 .eventWrap .evCon3 .book_info { margin: 0 0 0 -1%; padding: 0; } 
 .eventWrap .evCon3 .book_info li { width: 49%; height: 180px; margin: 0 0 1% 1%; padding: 20px 0 0 } 
 .eventWrap .evCon3 .book_info li:before { display:none } 
 .eventWrap .evCon3 .book_info li:nth-of-type(1):before { display:none } 
 .eventWrap .evCon3 .book_info li >strong { font-size: 18px; margin: 0 0 10px; } 
 .eventWrap .evCon3 .book_info li >strong span { display: inline-block; border-bottom: 1px solid #6328bc; padding: 0 0 4px } 
 .eventWrap .evCon3 .book_info li >span { font-size: 14px; } 

 .eventWrap .evCon4 { padding: 15% 0; } 
 .eventWrap .evCon4 .tab_base { margin: 0 0 40px } 
 .eventWrap .evCon4 .tab_base li a { font-size: 14px; padding: 15px 0 } 
 .eventWrap .evCon4 .tab_base li a strong { font-size: 18px } 
 .eventWrap .evCon4 .book_slider { width: 330px } 
 .eventWrap .evCon4 .info { width: calc(100% - 350px) } 
 .eventWrap .evCon4 .info dl { margin: 0 0 15px } 
 .eventWrap .evCon4 .info dl dt { font-size: 20px; padding: 0 0 6px; margin: 0 0 15px } 
 .eventWrap .evCon4 .info dl dd { font-size: 14px; margin: 0 0 3px; } 
 .eventWrap .evCon4 .info dl dd .part { font-size: 13px; width: 350px; padding: 5px 0 0 12px } 
 .eventWrap .evCon4 .explain { padding: 20px 20px; margin: 0 0 23px; } 
 .eventWrap .evCon4 .explain p { font-size: 1.1em } 
 .eventWrap .evCon4 .explain ul { font-size: 13px } 
 .eventWrap .evCon4 .explain ul li { margin: 0 0 2px } 
 .eventWrap .evCon4 .info a { height: 56px; line-height: 56px; font-size: 16px; width: auto } 
 .eventWrap .evCon4 #tab1_3 .info a { margin-top: 23%; } 
 
 .eventVideo .tea_img, .eventVideo .video_box .play_area > img { width: 100% } 

 .eventWrap .evCon4 .book_slider .slick-dots { padding: 0 } 

 .eventWrap .evCon5 { padding: 15% 0 } 
 .eventWrap .evCon5 .eventVideo { margin: 0 0 } 
 .eventWrap .evCon5 .video_wrap li { width: 65%; } 
 .eventWrap .evCon5 .video_wrap li:first-child { margin: 0 0 3%; } 

 .eventWrap .evCon6 { padding: 13.5% 0 12%; } 
 .eventWrap .evCon6 .slide_wrap { width: 100%; } 
 .eventWrap .evCon6 .review_slide { margin: 0 0; padding: 0 3%; } 
 .eventWrap .evCon6 .review_slide .slick-slide { margin: 0 0.1%; } 
 .eventWrap .evCon6 .review_slide .slick-next { right: -1%; } 
 .eventWrap .evCon6 .review_slide .slick-prev { left: -1%; } 
 
 .testpop_wrap { width: 700px; padding: 20px 15px } 
 .eventWrap .evCon_day { padding: 15% 0 15% } 
 .eventWrap .evCon_day .con_tit { margin: 0 0 5%; padding: 0 18%; } 
 .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: 5% 0 20px; } 
 .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 { width: 49%; margin: 0 1% 0 0; } 
.eventWrap .evCon_day .tab_base_new li:nth-child(2) { /* margin: 0 1% 0 0; */ } 
 .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; } 
 }

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

 .eventWrap .evCon_day .tab_base_new li { height: 100px; } 
 
 .count p { font-size: 28px; } 

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

@media (max-width: 768px){
 .count p { font-size: 22px; padding: 14px 0; } 
 
 .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 .evCon1 { padding: 15% 0; background-size: auto 101% } 
 .eventWrap .evCon1 h3 { margin: 0; } 
 .eventWrap .evCon1 h3 .sub { padding: 0 2%; } 
 .eventWrap .evCon1 h3 strong + .sub { padding: 0 20% 0; } 
 .eventWrap .evCon1 h3 strong { padding: 6% 0 0; margin: 0 0 11%; } 
 .eventWrap .evCon1 h3 a { width: 32%; right: 0%; bottom: 18%; } 

 .eventWrap .evCon2 { /* padding: 0 0 60px; */ } 
 .eventWrap .evCon2::before { display:none } 
 .eventWrap .evCon2 .inner { padding: 60px 0 0; } 
 .eventWrap .evCon2 .con_tit, .eventWrap .evCon3 .con_tit, .eventWrap .evCon4 .con_tit, .eventWrap .evCon5 .con_tit, .eventWrap .evCon6 .con_tit { margin: 0 0 5%; } 
 .eventWrap .evCon2 .con_tit { padding: 15% 16% 0 } 
 .eventWrap .evCon2 .con_tit { padding: 15% 3% 0 } 
 .eventWrap .evCon3 .con_tit { padding: 0 2%; } 
 .eventWrap .evCon4 .con_tit { padding: 0 3%; } 
 .eventWrap .evCon5 .con_tit { padding: 0 0%; } 
 .eventWrap .evCon2 .tit { font-size: 14px; padding: 5px 0; } 
 .eventWrap .evCon2 .type_wrap { margin: 0 0 5% 0%; } 
 .eventWrap .evCon2 .type_wrap li { position: relative; width: auto; margin: 0 0 6px 0; height: auto; padding: 9px 10px 20px 10px; float: none; /* text-align: left; */ } 
 .eventWrap .evCon2 .type_wrap li i { width: 40px; margin: 0 auto 8px; /* position: absolute; *//* top: 10px; *//* left: 11px; */ } 
 .eventWrap .evCon2 .type_wrap li dl dt { font-size: 13px; margin: 0 0 8px 0; } 
 .eventWrap .evCon2 .type_wrap li dl dd { font-weight: normal; font-size: 12px; } 
 .eventWrap .evCon2 .type_wrap li dl dt br { display:none; } 
 .eventWrap .evCon2 .type_wrap:nth-child(4) li dl dd br:nth-child(2) { display:none } 
 .eventWrap .evCon3 { padding: 15% 0; } 
 .eventWrap .evCon3 .con_subtit { font-size: 14px; margin: 0 0 6%; } 
 .eventWrap .evCon3 .book { padding: 0 10%; } 
 .eventWrap .evCon3 .book_info li { padding: 15px 0 0; height: 148px } 
 .eventWrap .evCon3 .book_info li:before { display:none } 
 .eventWrap .evCon3 .book_info li:nth-of-type(1):before { display:none } 
 .eventWrap .evCon3 .book_info li >strong { font-size: 13px; margin: 0 0 7px; } 
 .eventWrap .evCon3 .book_info li >strong span { display: inline-block; border-bottom: 1px solid #6328bc; padding: 0 0 4px } 
 .eventWrap .evCon3 .book_info li >span { font-size: 12px; } 

 .eventWrap .evCon4 { padding: 15% 0; } 
 .eventWrap .evCon4 .tab_base { margin: 0 0 30px; } 
 .eventWrap .evCon4 .tab_base li a { font-size: 14px; padding: 8px 0 8px; font-size: 12px; } 
 .eventWrap .evCon4 .tab_base li a strong { font-size: 13px; padding: 5px 0 0; } 
 .eventWrap .evCon4 .tab_base li br { display:block } 
 
 .eventWrap .evCon4 .book_slider { width: 45%; float: none; margin: 0 auto; } 
 .eventWrap .evCon4 .info { width: auto; float: none; padding: 10px 0 0; } 
 .eventWrap .evCon4 .info dl { margin: 0 0 10px } 
 .eventWrap .evCon4 .info dl dt { font-size: 14px; padding: 0 0 3px; margin: 0 0 11px; } 
 .eventWrap .evCon4 .info dl dd { font-size: 13px; margin: 0 0 2px; padding: 0 0 0 8px; text-indent: -9px; } 
 .eventWrap .evCon4 .info dl dd .part { text-indent: 0; padding: 8px 0 0 0px; font-size: 12px; width: 310px; opacity: 0.8 } 
 .eventWrap .evCon4 .explain { padding: 10px 15px; margin: 0 0 10px; } 
 .eventWrap .evCon4 .explain p { font-size: 1.03em; } 
 .eventWrap .evCon4 .explain ul { font-size: 12px; } 
 .eventWrap .evCon4 .explain ul li { margin: 0 0 2px } 
 .eventWrap .evCon4 .explain ul.type2 li:nth-of-type(1) { margin: 0 0 5px } 
 .eventWrap .evCon4 .info a { width: auto; line-height: 40px; height: 42px; font-size: 14px } 

 .eventVideo .tea_img, .eventVideo .video_box .play_area > img { width: 100% } 

 .eventWrap .evCon4 .book_slider .slick-dots { position: absolute; top: 0; right: -25px; opacity: 0.5 } 
 .eventWrap .evCon4 .book_slider .slick-dots li { display: block; margin: 5px 0 } 

 .eventWrap .evCon5 { padding: 15% 0 } 
 .eventWrap .evCon5 .eventVideo { margin: 0 0 } 
 .eventWrap .evCon5 .video_wrap li { width: 100%; } 
 
 .eventWrap .evCon6 .review_slide { padding: 0 0; } 
 .eventWrap .evCon6 .review_slide .slick-dots { margin: 2% 0 0; } 
 .eventWrap .evCon6 .review_slide .slick-dots li { display: inline-block; width: 10px; height: 10px; border: 1px solid #000; border-radius: 100%; margin: 0 10px 0 0; } 
 .eventWrap .evCon6 .review_slide .slick-dots li.slick-active { background: #000; } 
 .eventWrap .evCon6 .review_slide .slick-dots li:last-child { margin: 0 0; } 
 .eventWrap .evCon6 .review_slide .slick-dots li button { font-size: 0; } 
 
 

 .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; border-radius: 0; padding: 0 0; } 
 .eventWrap .evCon_day .tab_base_new.d1020 li:nth-child(3) { border-top: 2px solid #fff; border-bottom: 2px solid #fff; } 
 .eventWrap .evCon_day .tab_base_new.d1020 li a .book { width: 49px; left: 50%; transform: translate(-230%, -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){
 .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; } 

 .count p { font-size: 16px; } 
 .count p strong { margin: 0 45px; } 
 .count p strong::before { background-size: 80%; background-position: center; left: -35px; } 
 .count p strong::after { background-size: 80%; background-position: center; right: -35px; } 
 
 .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:13px } 
 .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; border-radius: 0; padding: 0 0; } 
 .eventWrap .evCon_day .tab_base_new li:nth-child(2) { border-bottom: 2px solid #fff; } 
 .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; } 
 
 .eventWrap .evCon_day .tab_base_new.d1020 li:nth-child(2) { border-bottom: 0; } 
 }