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

:root { --color-highlight: #f00881; --color-secondary: #6a01e9; } 

/* settings */
.evSection { padding: 150px 0; } 
.evSection .con_tit { margin: 0 auto 45px; } 
.evSection .con_tit strong { display: block; font-size: 47px; } 
.evSection .con_tit strong .highlight { position: relative; z-index: 1; } 
.evSection .con_tit strong .highlight::before { content: ''; position: absolute; width: calc(100% + 6px); height: 18%; background: var(--color-highlight); bottom: 12%; left: -3px; z-index: -1; } 
.evSection .con_tit .sub_tit { display: block; font-weight: normal; font-size: 24px; } 
.evSection .con_tit strong + .sub_tit { margin: 20px auto 0; } 
.flt_inner.renewal li,
.flt_inner.renewal li.top { margin-top: 0; } 
.con_tit .end { top: 6%; right: -10%; } 
.con_tit .end::after { background: #473f54; } 
.btn_with_arr::after { content: ''; display: inline-block; width: 12px; height: 20px; vertical-align: middle; background: url(https://image.megagong.net/m/2024/0110_wjsgywls1/btn_arrow.png) no-repeat; margin-left: 15px; } 

/* evCon1 */
.evCon1 { padding: 0 0 90px; background: #000 url(https://image.megagong.net/m/2024/0110_wjsgywls1/con1_bg.jpg) no-repeat; background-size: auto 100%; } 
.evCon1 .step { margin: 50px auto 0; } 
.evCon1 .step li { flex: 1; position: relative; } 
.evCon1 .step li + li::before { content: ''; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); width: 10px; height: 67px; background: url(https://image.megagong.net/m/2024/0110_wjsgywls1/con1_arrow.png) no-repeat; } 
.evCon1 .step li a { display: block; font-size: 16px; color: #8a8f9f; padding: 4px 0 20px; } 
.evCon1 .step li a::before { content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; background: #f20880; margin: 0 auto 8px; } 
.evCon1 .step li a b { display: block; color: #d9dce9; } 
.evCon1 h3 { margin: 0 -75px; } 
.evCon1 .tea_home { position: absolute; top: 400px; left: 180px; } 
.evCon1 .comment { position: absolute; width: 738px; max-width: 80%; bottom: 0; left: 50%; transform: translateX(-50%); } 

/* evCon2 */
.evCon2 { background: #f5f2f9; } 
.evCon2 .con_tit strong { color: #161d37; } 
.evCon2 .con_tit .sub_tit { color: #938b9e; } 
.evCon2 .point { gap: 36px; } 
.evCon2 .point li { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 336px; height: 336px; background: #fff; border-radius: 50%; } 
.evCon2 .point li::before { content: ''; position: absolute; top: 56%; left: 7%; width: 86%; height: 1px; background: #e1e1e1; } 
.evCon2 .point li .top { margin: 0 auto 50px; } 
.evCon2 .point li .top i { display: block; width: 100px; margin: 0 auto 10px; font-style: normal; font-size: 15px; padding: 7px 0; border-radius: 18px; color: #fff; background: #f5097d; background: -moz-linear-gradient(90deg, #f5097d 0%, #4e00ff 100%); background: -webkit-linear-gradient(90deg, #f5097d 0%, #4e00ff 100%); background: linear-gradient(90deg, #f5097d 0%, #4e00ff 100%); } 
.evCon2 .point li .top span { display: block; font-size: 16px; color: #7c7c7c; } 
.evCon2 .point li .btm { font-weight: bold; font-size: 17px; color: #222; } 

/* evCon3 */
.evCon3 { background: #2c184d; } 
.evCon3 .con_tit strong { color: #fff; } 
.evCon3 .con_tit .sub_tit { color: #a79bbb; } 
.evCon3 .step > li { border-radius: 5px; overflow: hidden; } 
.evCon3 .step > li + li { margin: 20px auto 0; } 
.evCon3 .step li .left { flex: 0 1 23%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; font-size: 19px; } 
.evCon3 .step li .left b { position: relative; color: #fff; z-index: 1; } 
.evCon3 .step li .left b::before { content: ''; position: absolute; bottom: 0; left: -5px; width: calc(100% + 10px); height: 40%; z-index: -1; } 
.evCon3 .step li .right { flex: 1; font-size: 16px; color: #676767; background: #fff; padding: 35px 50px; text-align: left; } 
.evCon3 .step li .right li + li { margin: 10px auto 0; } 
.evCon3 .step li .right li::before { content: ''; display: inline-block; width: 22px; height: 22px; vertical-align: text-bottom; margin-right: 8px; background: url(https://image.megagong.net/m/2024/0110_wjsgywls1/con3_check.png) no-repeat; background-size: auto 100%; } 
.evCon3 .step li .right li .mock_test { margin: 0 auto 20px; } 
.evCon3 .step li.step4 .left { color: #ffb1da; background: var(--color-highlight) } 
.evCon3 .step li.stepplus .left { color: #d8b8ff; background: var(--color-secondary); } 
.evCon3 .step li.step4 .left b::before { background: #d4006e; } 
.evCon3 .step li.stepplus .left b::before { background: #5500bb; } 
.evCon3 .step li.step4 .right li::before { background-position: 0 0; } 
.evCon3 .step li.stepplus .right li::before { background-position: 100% 0; } 

/* evCon4 */
.evCon4 { background: #f5f2f9; } 
.evCon4 .con_tit strong { color: #161d37; } 
.evCon4 .con_tit .sub_tit { color: #938b9e; } 
.evCon4 .step_wrap + .step_wrap { margin: 30px auto 0; } 
.evCon4 .step_wrap .tit { position: relative; margin: 0 auto 20px; z-index: 1; } 
.evCon4 .step_wrap .tit::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 25px; border-width: 1px; border-style: dashed; border-bottom: none; z-index: -1; } 
.evCon4 .step_wrap .tit span { display: inline-block; font-size: 18px; color: #fff; padding: 10px 45px; border-radius: 24px; } 
.evCon4 .step_wrap ul { gap: 25px; } 
.evCon4 .step_wrap ul li { flex: 1; display: flex; flex-direction: column; justify-content: center; height: 155px; padding: 35px 0; background: #fff; border-radius: 5px; } 
.evCon4 .step_wrap ul li i { display: block; width: 78px; font-style: normal; font-weight: bold; font-size: 15px; background: #fff; border-radius: 15px; padding: 3px 0; margin: 0 auto 10px; } 
.evCon4 .step_wrap ul li span { font-size: 16px; color: #222; } 
.evCon4 .step_wrap ul li.highlight { box-shadow: 0 0 30px 5px rgba(194, 182, 209, 0.45); } 
.evCon4 .step_wrap.formal .tit::before { border-color: var(--color-highlight); } 
.evCon4 .step_wrap.formal .tit span { background: var(--color-highlight); } 
.evCon4 .step_wrap.formal ul li span { margin-bottom: auto; } 
.evCon4 .step_wrap.formal ul li i { color: var(--color-highlight); border: 1px solid var(--color-highlight) } 
.evCon4 .step_wrap.formal ul li.highlight { background: #fff5fa; border: 2px solid var(--color-highlight); } 
.evCon4 .step_wrap.special .tit::before { border-color: var(--color-secondary); } 
.evCon4 .step_wrap.special .tit span { background: var(--color-secondary) } 
.evCon4 .step_wrap.special ul li i { color: var(--color-secondary); border: 1px solid var(--color-secondary); } 
.evCon4 .step_wrap.special ul li.highlight { background: #f2ebf9; border: 2px solid var(--color-secondary); } 

/* evCon5 */
.evCon5 { background: #312a3d; } 
.evCon5 .con_tit strong { color: #fff; } 
.evCon5 .con_tit .sub_tit { color: #a49cb2; } 
.evCon5 .eventVideo { margin: 0 auto 80px; } 
.evCon5 .target_wrap { margin: 0 auto 60px; } 
.evCon5 .target_wrap .tit { position: relative; margin: 0 auto 30px; z-index: 1; } 
.evCon5 .target_wrap .tit::before { content: ''; position: absolute; width: 100%; height: 1px; background: #514860; top: 50%; left: 0; z-index: -1; } 
.evCon5 .target_wrap .tit span { display: inline-block; font-weight: bold; font-size: 28px; padding: 0 20px; color: #fff; background: #312a3d; } 
.evCon5 .target_wrap .tit span b { color: var(--color-highlight); } 
.evCon5 .target_wrap ul { background: #262031; border-radius: 5px; padding: 40px 50px; } 
.evCon5 .target_wrap ul li { font-size: 17px; color: #b4adc0; text-align: left; } 
.evCon5 .target_wrap ul li + li { margin: 10px auto 0; } 
.evCon5 .target_wrap ul li .num { display: inline-block; width: 30px; height: 30px; font-weight: bold; font-size: 13px; line-height: 30px; text-align: center; color: #fff; background: #16111f; border-radius: 50%; margin-right: 14px; } 
.evCon5 .target_wrap ul li b { color: #fff; } 

/* evCon6 */
.evCon6 { background: #443d4e; } 
.evCon6 .con_tit strong { color: #fff; } 
.evCon6 .con_tit .sub_tit { color: #a49cb2; } 
.evCon6 .eventVideo { margin: 0 auto 80px; position: relative; } 
.evCon6 .eventVideo.with_noti { margin: 0 auto 40px; } 
.evCon6 .eventVideo .badge { position: absolute; top: 0; right: 1px; transform: translate(50%, -50%); width: 122px; height: 122px; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-style: normal; font-weight: bold; font-size: 18px; color: #fff; background: var(--color-secondary); z-index: 3; } 
.evCon6 .eventVideo + .tiny_noti { text-align: right; font-weight: bold; color: #8b8593; margin: 0 auto 35px; } 
.evCon6 .eventVideo i { position: absolute; z-index: 3; right: -55px; top: -44px; } 
.evCon6 .target_wrap { margin: 0 auto 60px; } 
.evCon6 .target_wrap .tit { position: relative; margin: 0 auto 30px; z-index: 1; } 
.evCon6 .target_wrap .tit::before { content: ''; position: absolute; width: 100%; height: 1px; background: #514860; top: 50%; left: 0; z-index: -1; } 
.evCon6 .target_wrap .tit span { display: inline-block; font-weight: bold; font-size: 28px; padding: 0 20px; color: #fff; background: #443d4e; } 
.evCon6 .target_wrap .tit span b { color: var(--color-highlight); } 
.evCon6 .target_wrap ul { background: #362f41; border-radius: 5px; padding: 40px 50px; } 
.evCon6 .target_wrap ul li { font-size: 17px; color: #b4adc0; text-align: left; } 
.evCon6 .target_wrap ul li + li { margin: 10px auto 0; } 
.evCon6 .target_wrap ul li .num { display: inline-block; width: 30px; height: 30px; font-weight: bold; font-size: 13px; line-height: 30px; text-align: center; color: #fff; background: #261f2f; border-radius: 50%; margin-right: 14px; } 
.evCon6 .target_wrap ul li b { color: #fff; } 

/* evCon7 */
.evCon7 { background: #f5f2f9; } 
.evCon7 .con_tit strong { color: #161d37; } 
.evCon7 .con_tit .sub_tit { color: #938b9e; } 
.evCon7 .book { margin: 0 -60px 60px; } 
.evCon7 .book_btn a { display: block; width: 60%; max-width: 466px; font-weight: bold; font-size: 20px; color: #fff; background: #201e22; padding: 22px 0; border-radius: 5px; margin: 0 auto; } 

/* evCon8 */
.evCon8 { background: #552c98; } 
.evCon8 .con_tit strong { color: #fff; } 
.evCon8 .review_wrap { flex-wrap: wrap; gap: 22px; } 
.evCon8 .review_wrap li { flex: 1 1 calc(33% - 12px); height: 324px; background: #fff; border-radius: 5px; padding: 40px 0; } 
.evCon8 .review_wrap li::before { content: ''; display: block; width: 62px; height: 62px; background: url(https://image.megagong.net/m/2024/0110_wjsgywls1/con8_ico.png) no-repeat; margin: 0 auto 15px; } 
.evCon8 .review_wrap li:nth-child(1):before { background-position: 0 0; } 
.evCon8 .review_wrap li:nth-child(2):before { background-position: -62px 0; } 
.evCon8 .review_wrap li:nth-child(3):before { background-position: -124px 0; } 
.evCon8 .review_wrap li:nth-child(4):before { background-position: 0 -62px; } 
.evCon8 .review_wrap li:nth-child(5):before { background-position: -62px -62px; } 
.evCon8 .review_wrap li:nth-child(6):before { background-position: -124px -62px; } 
.evCon8 .review_wrap li .tit { position: relative; display: inline-block; font-weight: bold; font-size: 17px; color: #222; margin: 0 auto 8px; z-index: 1; } 
.evCon8 .review_wrap li .tit::after { content: ''; position: absolute; bottom: 0; left: -3px; width: calc(100% + 6px); height: 40%; background: #f00881; opacity: 0.15; z-index: -1; } 
.evCon8 .review_wrap li p { font-size: 16px; line-height: 1.6; color: #8c8c8c; margin: 0 auto 25px; } 
.evCon8 .review_wrap li .writer { font-size: 14px; color: #bbb; margin-top: auto; } 

/* evCon9 */
.evCon9 { background: #231e2b; } 
.evCon9 .con_tit .sub_tit { font-weight: 300; font-size: 22px; color: #fff; } 
.evCon9 .con_tit strong + .sub_tit { margin: 32px auto 0; } 
.evCon9 .evt_info { padding: 35px 0; border-top: 1px solid rgba(255, 255, 255, 0.25); border-bottom: 1px solid rgba(255, 255, 255, 0.25); margin: 0 auto 70px; } 
.evCon9 .evt_info ul { width: fit-content; font-size: 18px; text-align: left; margin: 0 auto; } 
.evCon9 .evt_info ul li { gap: 20px; align-items: center; line-height: 1.6; } 
.evCon9 .evt_info ul li + li { margin: 20px auto 0; } 
.evCon9 .evt_info ul li .tit { align-self: flex-start; width: 165px; text-align: center; color: #fff; background: var(--color-highlight); padding: 7px 0; border-radius: 20px; } 
.evCon9 .evt_info ul li .cont { color: #e3dced; } 
.evCon9 .evt_info ul li:last-child .cont { margin-top: 7px; } 
.evCon9 .evt_info ul li .tiny_noti { display: block; font-family: var(--font); font-size: 15px; color: #9f8dbb; margin: 5px auto 0; } 
.evCon9 .evt_gift { justify-content: center; gap: 35px; margin: 0 auto 75px; } 
.evCon9 .btn_wrap { justify-content: center; gap: 20px; margin: 0 auto 90px; } 
.evCon9 .btn_wrap a { display: block; width: 48%; max-width: 465px; font-weight: bold; font-size: 20px; color: #fff; padding: 22px 0; border-radius: 5px; } 
.evCon9 .btn_wrap a.cert_btn { background: var(--color-secondary); } 
.evCon9 .btn_wrap a.review_btn { background: var(--color-highlight); } 
.evCon9 .update h4 { position: relative; margin: 0 auto 50px; z-index: 1; } 
.evCon9 .update h4::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #fff; opacity: 0.25; z-index: -1; } 
.evCon9 .update h4 span { background: #231e2b; } 

.mg_s_info li:before { content: '-'; } 
.mg_s_info li a { font-weight: bold; color: #e45c6c; border-bottom: 1px solid #e45c6c; } 

.type_lst { margin: 0 auto 10px; } 
.type_lst ul li { border-right-color: #fff; } 
.gallery_lst ul li p { margin: 20px 10px 0; padding: 15px 10px; } 
.type_lst ul li a,
.type_lst ul li.on a { color: #fff; } 
.paging.gall a,
.paging.gall strong { color: #fff; } 
.gallery_lst ul li .img:before { background: rgba(0, 0, 0, 0.03); } 

.eventWrap .evWarning { padding: 60px 0; } 
.warningList > li.w_tit { font-size: 16px; font-weight: bold; color: #222; } 
.warningList > li { margin-top: 15px; } 
.warningList li ul li a { color: var(--color-highlight); border-bottom: 1px solid var(--color-highlight); margin-left: 0; padding: 2.5px 4px; } 

@media screen and (max-width: 1200px){
 .evSection { padding: 10% 0; } 
 .evSection .con_tit { margin: 0 auto 5%; } 
 .evSection .con_tit strong { font-size: 42px; } 
 .evSection .con_tit .sub_tit { font-size: 22px; } 
 .evSection .con_tit strong + .sub_tit { margin: 2% auto 0; } 
 .con_tit .end { top: 6%; right: 2%; } 

 .evCon1 { padding: 0 0 10%; } 
 .evCon1 .step { margin: 5% auto 0; } 
 .evCon1 h3 { margin: 0 -5%; } 
 .evCon1 .tea_home { top: 36vw; left: 12vw; width: 25%; } 

 .evCon2 .point { gap: 1vw; } 
 .evCon2 .point li { width: 32vw; height: 32vw; } 
 .evCon2 .point li::before { top: 54%; } 
 .evCon2 .point li .top { margin: 0 auto 8%; } 
 .evCon2 .point li .top i { margin: 0 auto 2%; padding: 0.4vw 0; } 

 .evCon3 .step > li + li { margin: 2% auto 0; } 
 .evCon3 .step li .right { padding: 2vw 4vw; } 
 .evCon3 .step li .right li + li { margin: 1% auto 0; } 
 .evCon3 .step li .right li .mock_test { margin: 0 auto 2%; } 

 .evCon4 .step_wrap + .step_wrap { margin: 5vw auto 0; } 
 .evCon4 .step_wrap .tit { margin: 0 auto 2%; } 
 .evCon4 .step_wrap .tit::before { height: 2vw; } 
 .evCon4 .step_wrap .tit span { padding: 0.5vw 4vw; } 
 .evCon4 .step_wrap ul { gap: 1vw; } 
 .evCon4 .step_wrap ul li { height: 140px; padding: 3% 0; } 
 .evCon4 .step_wrap ul li i { padding: 0; margin: 0 auto 1vw; } 

 .evCon5 .eventVideo { margin: 0 auto 8%; } 
 .evCon5 .target_wrap { margin: 0 auto 6%; } 
 .evCon5 .target_wrap .tit { margin: 0 auto 3%; } 
 .evCon5 .target_wrap .tit span { padding: 0 2vw; } 
 .evCon5 .target_wrap ul { padding: 4vw 3vw; } 
 .evCon5 .target_wrap ul li + li { margin: 1vw auto 0; } 

 .evCon6 .eventVideo { margin: 0 auto 8%; } 
 .evCon6 .eventVideo.with_noti { margin: 0 auto 4%; } 
 .evCon6 .eventVideo .badge { top: 1vw; right: 1vw; transform: none; } 
 .evCon6 .eventVideo + .tiny_noti { margin: 0 auto 4%; } 
 .evCon6 .target_wrap { margin: 0 auto 6%; } 
 .evCon6 .target_wrap .tit { margin: 0 auto 3%; } 
 .evCon6 .target_wrap .tit span { padding: 0 2vw; } 
 .evCon6 .target_wrap ul { padding: 4vw 3vw; } 
 .evCon6 .target_wrap ul li + li { margin: 1vw auto 0; } 

 .evCon7 .book { margin: 0 auto 6%; } 
 .evCon7 .book_btn a { padding: 2% 0; } 

 .evCon8 .review_wrap { gap: 1vw; } 
 .evCon8 .review_wrap li { flex: 1 1 calc(33% - 0.5vw); height: 270px; padding: 2vw 0; } 
 .evCon8 .review_wrap li::before { margin: 0 auto 2%; } 
 .evCon8 .review_wrap li .tit { margin: 0 auto 1%; } 
 .evCon8 .review_wrap li p { margin: 0 auto 4%; } 

 .evCon9 .evt_info { padding: 3% 0; margin: 0 auto 7%; } 
 .evCon9 .evt_info ul li { gap: 2vw; } 
 .evCon9 .evt_info ul li + li { margin: 4% auto 0; } 
 .evCon9 .evt_info ul li .tit { padding: 0.5vw 0; } 
 .evCon9 .evt_info ul li:last-child .cont { margin-top: 0.5vw; } 
 .evCon9 .evt_gift { gap: 3vw; margin: 0 auto 8%; } 
 .evCon9 .btn_wrap { gap: 2vw; margin: 0 auto 10%; } 
 .evCon9 .btn_wrap a { padding: 2% 0; } 
 .evCon9 .update h4 { margin: 0 auto 5%; } 
 .evCon9 .update h4 span { display: block; width: fit-content; max-width: 50%; margin: 0 auto; } 

 .eventWrap .evWarning { padding: 8% 0; } 
 }

@media screen and (max-width: 992px){
 .evSection .con_tit strong { font-size: 36px; letter-spacing: -0.05em; } 
 .evSection .con_tit .sub_tit { font-size: 20px; } 

 .evCon2 .point li .top i { width: 60%; font-size: 13px; } 
 .evCon2 .point li .btm { font-size: 16px; } 

 .evCon3 .step li .left { font-size: 17px; } 

 .evCon4 .step_wrap ul li { height: 120px; } 

 .evCon5 .target_wrap .tit span { font-size: 24px; } 
 .evCon5 .target_wrap ul li { display: flex; font-size: 16px; } 
 .evCon5 .target_wrap ul li .num { flex-shrink: 0; width: 26px; height: 26px; line-height: 26px; margin-right: 10px; } 
 
 .evCon6 .eventVideo .badge { width: 100px; height: 100px; } 
 .evCon6 .target_wrap .tit span { font-size: 24px; } 
 .evCon6 .target_wrap ul li { display: flex; font-size: 16px; } 
 .evCon6 .target_wrap ul li .num { flex-shrink: 0; width: 26px; height: 26px; line-height: 26px; margin-right: 10px; } 

 .evCon8 .review_wrap li { flex: 1 1 calc(50% - 0.5vw); } 
 .evCon8 .review_wrap li .tit { font-size: 16px; } 
 .evCon8 .review_wrap li p { font-size: 15px; } 
 }

@media screen and (max-width: 768px){
 .evSection .con_tit strong { font-size: 28px; } 
 .evSection .con_tit .sub_tit { font-size: 18px; } 

 .evCon1 .step { width: 104%; margin: 5% -2% 0; } 
 .evCon1 .step li + li::before { width: 1px; height: 100%; background: #4e5673; } 
 .evCon1 .step li a { font-size: 13px; } 
 .evCon1 .step li a::before { width: 6px; height: 6px; margin: 0 auto 4px; } 

 .evCon2 .point { flex-direction: column; } 
 .evCon2 .point li { width: 100%; height: auto; border-radius: 10px; padding: 2% 0 4%; } 
 .evCon2 .point li .top { width: 100%; margin: 0 auto 4%; } 
 .evCon2 .point li .top i { width: 20%; } 

 .evCon3 .step > li { flex-direction: column; } 
 .evCon3 .step li .left { padding: 2% 0; gap: 0; } 

 .evCon4 .step_wrap .tit span { font-size: 16px; } 
 .evCon4 .step_wrap ul { flex-wrap: wrap; } 
 .evCon4 .step_wrap ul li { flex: 0 1 calc(50% - 0.5vw); height: 100px; justify-content: center; } 
 .evCon4 .step_wrap ul li i { font-size: 13px; } 
 .evCon4 .step_wrap ul li span { font-size: 14px; } 
 .evCon4 .step_wrap.formal ul li span { margin: unset; } 

 .evCon5 .target_wrap .tit span { font-size: 22px; } 
 .evCon5 .target_wrap ul li { font-size: 15px; } 

 .evCon6 .eventVideo .badge { width: 80px; height: 80px; font-size: 15px; } 
 .evCon6 .target_wrap .tit span { font-size: 22px; } 
 .evCon6 .target_wrap ul li { font-size: 15px; } 

 .evCon7 .book { overflow-x: auto; } 
 .evCon7 .book img { min-width: 700px; } 
 .evCon7 .book_btn a { font-size: 18px; } 

 .evCon8 .review_wrap li { height: 230px; } 
 .evCon8 .review_wrap li::before { width: 50px; height: 50px; background-size: auto 200%; } 
 .evCon8 .review_wrap li:nth-child(1):before { background-position: 0 0; } 
 .evCon8 .review_wrap li:nth-child(2):before { background-position: -50px 0; } 
 .evCon8 .review_wrap li:nth-child(3):before { background-position: -100px 0; } 
 .evCon8 .review_wrap li:nth-child(4):before { background-position: 0 -50px; } 
 .evCon8 .review_wrap li:nth-child(5):before { background-position: -50px -50px; } 
 .evCon8 .review_wrap li:nth-child(6):before { background-position: -100px -50px; } 
 .evCon8 .review_wrap li .tit { font-size: 15px; } 
 .evCon8 .review_wrap li p { font-size: 14px; } 
 .evCon8 .review_wrap li .writer { font-size: 13px; } 

 .evCon9 .evt_info ul { font-size: 16px; } 
 .evCon9 .evt_info ul li { flex-direction: column; } 
 .evCon9 .evt_info ul li .tit { align-self: center; } 
 .evCon9 .evt_gift { flex-wrap: wrap; } 
 .evCon9 .evt_gift li { flex: 0 1 calc(50% - 1.5vw); } 
 .evCon9 .evt_gift li:first-child { margin: 0 25%; } 
 .evCon9 .btn_wrap a { font-size: 18px; } 
 }

@media screen and (max-width: 576px){
 .evSection .con_tit strong { font-size: 24px; } 
 .evSection .con_tit .sub_tit { font-size: 15px; } 
 .btn_with_arr::after { width: 8px; height: 14px; margin-left: 8px; background-size: cover; } 

 .evCon1 .step li a { font-size: 12px; padding: 0 0 10px; } 
 .evCon1 .step li a b { margin-top: 5px; } 
 .evCon1 .tea_home { top: 48vw; width: 28%; } 

 .evCon2 .point li .top i { font-size: 12px; } 
 .evCon2 .point li .top span { font-size: 14px; } 
 .evCon2 .point li .btm { font-size: 15px; letter-spacing: -0.05em; } 

 .evCon3 .step li .left { font-size: 15px; } 
 .evCon3 .step li .right { font-size: 14px; padding: 3vw; letter-spacing: -0.06em; } 
 .evCon3 .step li .right li::before { width: 16px; height: 16px; background-size: cover; margin-right: 4px; } 

 .evCon4 .step_wrap .tit span { font-size: 15px; } 
 .evCon4 .step_wrap ul li i { font-size: 12px; } 

 .evCon5 .target_wrap .tit span { font-size: 18px; } 
 .evCon5 .target_wrap ul li { font-size: 14px; } 
 .evCon5 .target_wrap ul li .num { font-size: 11px; width: 20px; height: 20px; line-height: 20px; margin-right: 5px; } 

 .evCon6 .eventVideo .badge { width: 60px; height: 60px; font-size: 13px; } 
 .evCon6 .target_wrap .tit span { font-size: 18px; } 
 .evCon6 .target_wrap ul li { font-size: 14px; } 
 .evCon6 .target_wrap ul li .num { font-size: 11px; width: 20px; height: 20px; line-height: 20px; margin-right: 5px; } 

 .evCon7 .book_btn a { font-size: 15px; } 

 .evCon8 .review_wrap li { flex: 1 1 100%; display: flex; flex-direction: column; justify-content: center; } 
 .evCon8 .review_wrap li .writer { font-size: 12px; margin: inherit; } 

 .evCon9 .evt_info ul { font-size: 14px; } 
 .evCon9 .evt_info ul li .tit { width: 120px; } 
 .evCon9 .evt_info ul li .tiny_noti { font-size: 13px; } 

 .evCon9 .btn_wrap a { font-size: 15px; } 
 }