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

:root { --color-primary: #0468f8; --color-secondary: #43fd87; } 

/* settings */
.evSection { padding: 160px 0; } 
.evSection .con_tit { margin: 0 auto 50px; } 
.evSection .con_tit .sub_tit { display: block; font-weight: 900; font-size: 28px; } 
.evSection .con_tit strong { font-weight: 900; font-size: 44px; line-height: 1.2; } 
.evSection .con_tit .label + strong { font-size: 48px; } 
.evSection .con_tit .label { position: relative; display: block; max-width: 140px; font-style: normal; font-weight: 900; font-size: 22px; color: #fff; background: #2a76e0; padding: 8px 0; margin: 0 auto 25px; } 
.evSection .con_tit .label::before { content: ''; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 14px solid #2a76e0; } 
.con_tit .end { top: -6vw; right: 3%; } 
.con_tit .end::after { background: #f32424; } 
.container_info .info .info_title::after { content: ':'; width: auto; height: auto; background: none; } 

/* evCon1 */
.evCon1 { background: #03050a url(https://image.megagong.net/m/2024/0103_lang/con1_bg.jpg) no-repeat; background-size: auto 100%; } 
.evCon1 .sub_tit { margin: 0 auto 40px; } 
.evCon1 .sub_tit span { display: block; font-weight: 300; font-size: 20px; letter-spacing: 0.35em; color: #0467f9; margin: 0 auto 30px; } 
.evCon1 .sub_tit b { font-size: 30px; color: #fff; } 
.evCon1 h3 { margin: 0 auto 65px; } 
.evCon1 .onair { font-weight: 300; font-size: 26px; color: #fff; } 
.evCon1 .onair::before { content: ''; display: block; width: 132px; height: 51px; background: url(https://image.megagong.net/m/2024/0103_lang/con1_onair.png) no-repeat; margin: 0 auto 20px; } 
.evCon1 .onair b { font-weight: 900; color: var(--color-secondary); } 

/* evCon2 */
.evCon2 { background: #1b1d23 url(https://image.megagong.net/m/2024/0103_lang/con2_bg.jpg) no-repeat; background-size: auto 100%; } 
.evCon2 .con_tit { margin: 0 auto 40px; } 
.evCon2 .con_tit .sub_tit { color: #fff; } 
.evCon2 .con_tit .color_gradient { display: block; background: -webkit-linear-gradient(0deg, #005fff 0%, #44ff86 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.evCon2 .paper { margin: 0 auto 45px; } 
.evCon2 .comment > span { display: block; font-weight: 300; font-size: 20px; color: #cacaca; margin: 0 auto 30px; } 
.evCon2 .comment > span b { font-weight: 900; } 
.evCon2 .comment > b { display: block; font-weight: 900; font-size: 25px; color: #fff; } 
.evCon2 .comment > b span { color: var(--color-secondary); } 

/* evCon3 */
.evCon3 { background: #ececec; } 
.evCon3 .con_tit strong .color_highlight { font-weight: 900; color: var(--color-primary); } 
.evCon3 p { position: relative; font-weight: 300; font-size: 20px; line-height: 1.6; background: #fff; max-width: 900px; margin: 0 auto; padding: 50px 0 70px; box-shadow: 0 0 7px rgba(141, 141, 141, 35%); border-radius: 0 0 42px 0; } 
.evCon3 p::after { content: ''; position: absolute; right: 0; bottom: 0; width: 34px; height: 34px; background: url(https://image.megagong.net/m/2024/0103_lang/con3_edge.jpg) } 
.evCon3 p img { display: block; margin: 30px auto; } 
.evCon3 p span { display: inline-block; font-weight: 900; color: #fff; background: var(--color-primary); padding: 0 4px; line-height: 1.2; } 
.evCon3 p b { font-weight: 900; } 

/* evCon4 */
.evCon4 { background: #fff; } 
.evCon4 .con_tit strong { color: var(--color-primary); } 
.evCon4 .question_swiper { position: relative; overflow: hidden; width: 900px; margin: 0 auto; } 
.evCon4 .question_swiper .swiper-slide { border: 2px solid #000; border-radius: 15px; overflow: hidden; } 
.evCon4 .question_swiper .tit { background: #f9f9f9; padding: 30px 0 35px; } 
.evCon4 .question_swiper .tit em { display: block; font-style: normal; font-weight: 900; font-size: 24px; color: #fff; background: #000; width: 124px; border-radius: 22px; margin: 0 auto 20px; padding: 4px 0; } 
.evCon4 .question_swiper .tit b { display: block; font-weight: 900; font-size: 22px; margin: 0 auto 5px; } 
.evCon4 .question_swiper .tit span { font-size: 18px; } 
.evCon4 .question_swiper .paper { padding: 40px 0; } 
.evCon4 .question_swiper .comment { font-weight: 300; font-size: 16px; background: #ebf3ff; border-radius: 10px; padding: 40px 0; margin: 0 40px 55px; } 
.evCon4 .question_swiper .swiper-button-prev,
.evCon4 .question_swiper .swiper-button-next { width: 30px; height: 43px; } 
.evCon4 .question_swiper .swiper-button-prev { left: 30px; } 
.evCon4 .question_swiper .swiper-button-next { right: 30px; } 
.evCon4 .question_swiper .swiper-button-prev::after,
.evCon4 .question_swiper .swiper-button-next::after { content: ''; width: 100%; height: 100%; background: url(https://image.megagong.net/m/2024/0103_lang/con4_arrow.png) no-repeat; background-size: auto 100%; } 
.evCon4 .question_swiper .swiper-button-next::after { background-position: 100% 0; } 
.evCon4 .question_swiper .swiper-pagination { display: none; position: static; margin: 2% auto 0; } 
.evCon4 .question_swiper .swiper-pagination .swiper-pagination-bullet-active { background: #000; } 

/* evCon5 */
.evCon5 { background: #2a2a2a; } 
.evCon5 .con_tit .sub_tit { color: #fff; } 
.evCon5 .con_tit strong { color: var(--color-secondary); } 
.evCon5 .detail { font-weight: 300; font-size: 20px; color: #fff; margin: 0 auto 50px; } 
.evCon5 .detail b { display: block; color: var(--color-secondary); margin: 0 auto 12px; } 
.evCon5 .tab_base { flex-wrap: wrap; justify-content: center; gap: 0 14px; margin: 0 auto 30px; } 
.evCon5 .tab_base::before { content: ''; display: block; flex-basis: 100%; order: 2; margin: 8px 0; } 
.evCon5 .tab_base li:nth-of-type(n - 2) { order: 1; } 
.evCon5 .tab_base li:nth-of-type(n + 3) { order: 3; } 
.evCon5 .tab_base li { flex: 0 1 calc(25% - 12px); } 
.evCon5 .tab_base li a { display: block; font-weight: 300; font-size: 14px; color: #797979; background: #fff; border-radius: 10px; padding: 16px 0; } 
.evCon5 .tab_base li a b { font-size: 16px; color: #000; } 
.evCon5 .tab_base li.on a { color: #000; background: var(--color-secondary); } 
.evCon5 .panel_base li { position: relative; } 
.evCon5 .panel_base li > img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; z-index: 1; } 

/* evCon6 */
.evCon6 { background: #9bdbff; } 
.evCon6 .con_tit { margin: 0 auto 25px; } 
.evCon6 .detail { font-weight: 300; font-size: 18px; line-height: 1.6; margin: 0 auto 45px; } 
.evCon6 .container_info { font-size: 18px; background: none; border: 1px solid #000; margin: 0 40px 50px; } 
.evCon6 .container_info .info .info_date { font-weight: 300; } 
.evCon6 .container_info .info .noti { color: #2a76e0; } 
.evCon6 .evt_gift { justify-content: center; gap: 80px; margin: 0 auto 60px; } 

.evtBoard_common { background: #2a76e0; } 
.eventBoard .radio_list { font-family: var(--font); } 
.evtBoard_common .board_write .btn_wrap a { background: #414141; } 
.evtBoard_common .board_list ul li .subj { font-weight: bold; } 
.evtBoard_common .board_list ul li .subj::after { content: ''; display: inline-block; width: 2px; height: 12px; background: #414141; margin: 0 10px; } 
.evtBoard_common .board_list ul li .subj.type1 { color: #00a62b; } 
.evtBoard_common .board_list ul li .subj.type2 { color: #ac31fc; } 

/* evCon7 */
.evCon7 { background: #e4ffc0; } 
.evCon7 .con_tit { margin: 0 auto 25px; } 
.evCon7 .detail { font-weight: 300; font-size: 18px; line-height: 1.6; margin: 0 auto 45px; } 
.evCon7 .container_info { font-size: 18px; background: none; border: 1px solid #000; margin: 0 40px 50px; } 
.evCon7 .container_info .info .info_date { font-weight: 300; } 
.evCon7 .container_info .info .noti { color: #2a76e0; } 
.evCon7 .evt_gift { justify-content: center; gap: 80px; margin: 0 auto 100px; } 
.evCon7 .btn_wrap { justify-content: center; gap: 40px; margin: 0 auto 110px; } 
.evCon7 .btn_wrap a,
.evCon7 .btn_wrap button { display: block; width: 40%; max-width: 400px; font-weight: 900; font-size: 22px; font-family: var(--font); color: #fff; padding: 24px 0; border-radius: 10px; } 
.evCon7 .btn_wrap a { background: #1e1e1e; } 
.evCon7 .btn_wrap button { background: #0264fb; } 
.evCon7 .evt_tit { position: relative; margin: 0 auto 30px; z-index: 1; } 
.evCon7 .evt_tit::before { content: ''; position: absolute; width: 100%; height: 1px; background: #282828; top: 50%; left: 0; z-index: -1; } 
.evCon7 .evt_tit span { display: block; width: 40%; max-width: 245px; font-weight: bold; font-size: 20px; color: #fff; background: #282828; border-radius: 24px; padding: 10px 0; margin: 0 auto; } 
.evCon7 .evt_way { margin: 0 auto 80px; } 
.evCon7 .evt_way ol { background: #d8fba8; } 
.evCon7 .evt_way ol li { position: relative; flex: 1; padding: 20px 0 30px; } 
.evCon7 .evt_way ol li + li::before { content: ''; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); width: 34px; height: 34px; background: url(https://image.megagong.net/m/2024/0103_lang/con7_arrow.png) no-repeat; } 
.evCon7 .evt_way ol li i { display: block; font-style: normal; font-weight: bold; font-size: 16px; width: 30%; max-width: 100px; border: 1px solid #000; border-radius: 16px; padding: 5px 0; margin: 0 auto 10px; } 
.evCon7 .evt_way ol li span { display: block; font-size: 19px; margin: 20px auto 0; } 
.evCon7 .evt_way ol li span b { font-weight: 900; } 
.evCon7 .update > b { display: inline-block; font-size: 24px; color: #282828; margin: 0 auto 30px; } 
.gallery_lst ul li.none { color: #282828; } 

/* ÀÎÁõÆ˾÷ */
.mg_textarea { height: 80px; } 
.mg_s_info { line-height: 1.4; color: #999; margin: 30px 20px 50px; } 
.mg_s_info dt { font-weight: bold; color: #e45c6c; } 
.mg_s_info dd a { color: #f00; border-bottom: 1px solid #f00; } 

.evtoggleWarning { padding: 0; } 
.warningList li ul li a { color:#f00; padding: 0; } 

/***** S: 240124 added *****/
.evCon1 .evt_box { margin: 0 auto 30px; } 
.evCon1 .evt_box a { position: relative; display: block; width: 80%; max-width: 590px; font-weight: 900; font-size: 26px; color: var(--color-secondary); padding: 23px 0 21px; border: 2px solid #fff; border-radius: 10px; margin: 0 auto; } 
.evCon1 .evt_box a.without_evt { width: 50%; max-width: 390px; } 
.evCon1 .evt_box a::before { content: ''; position: absolute; top: 0; left: 50%; width: 118px; height: 40px; background-image: url(https://image.megagong.net/m/2024/0123_lang/con1_evt.png); transform: translate(-50%, -50%); } 
.evCon1 .evt_box.on a::before { background-position: 0 100%; } 
.evCon1 .evt_box a::after { content: ''; display: inline-block; width: 42px; height: 44px; background: url(https://image.megagong.net/m/2024/0123_lang/con1_click.png) no-repeat; vertical-align: text-bottom; margin-left: 10px; opacity: 1; visibility: visible; transition: all 0.25s; } 
/* .evCon1 .evt_box.on a::after { opacity: 0; visibility: hidden; } */
.evCon1 .btm_tit { font-weight: 300; font-size: 26px; color: #fff; } 
.evCon1 .btm_tit b { font-weight: 900; } 

.evLec { background: #ececec; } 
.evLec .con_tit strong { color: var(--color-primary); } 
.evLec .detail { font-weight: 300; font-size: 20px; line-height: 1.5; margin: 0 auto 50px; } 
.evLec .detail b { font-weight: 900; } 
.evLec .detail span { color: var(--color-primary); } 
.evLec:has(.lecture) .lecture { background: none; } 
.evLec .lecture .lecTab_wrap,
.evLec .lecture .teaTab_wrap,
.evLec .lecture .stepTab_wrap,
.evLec .lecture .lectlist { background: #fff; } 
.evLec .lecture .teaTab_wrap { border-bottom: 1px solid #000; } 
.evLec .conditionSearch_wrap .condition_btn { display: none; } 
.evLec .lecTab_wrap > div ul,
.evLec .teaTab_wrap > div ul, .stepTab_wrap > div ul { display: block; } 

.evReview { background: #76e69e; } 
.evReview .con_tit { margin: 0 auto 40px; } 
.evReview .con_tit .label { background: #000; } 
.evReview .con_tit .label::before { border-top-color: #000; } 
.evReview .con_tit strong { font-size: 48px; color: var(--color-primary); } 
.evReview .detail { font-weight: 300; font-size: 20px; color: #222; margin: 0 auto 40px; } 
.evReview .detail b { font-weight: 900; } 
.evReview .evt_info { border-top: 1px solid rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.6); padding: 40px 0; margin: 0 40px 80px; } 
.evReview .evt_info ul { display: flex; flex-wrap: wrap; gap: 20px 40px; padding: 0 40px; } 
.evReview .evt_info .info { flex: 0 1 calc(50% - 20px); display: flex; align-items: flex-start; gap: 10px; font-size: 18px; } 
.evReview .evt_info .info:last-child { flex: 0 1 100%; } 
.evReview .evt_info .info_title { font-weight: bold; width: 132px; flex: 0 0 auto; color: #fff; background: #222; border-radius: 18px; padding: 5px 0; } 
.evReview .evt_info .info_cont { color: #000; margin-top: 5px; text-align: left; } 
.evReview .evt_gift { justify-content: center; gap: 80px; margin: 0 auto 80px; } 
.evReview .evt_btn { justify-content: center; gap: 40px; } 
.evReview .evt_btn a { display: block; width: 40%; max-width: 400px; font-weight: 900; font-size: 22px; padding: 25px 0; border-radius: 10px; color: #fff; background: #000; } 
.evReview .evt_btn a.free_lec { background: var(--color-primary); } 

.evtoggleWarning p.w_tit::before { background: #414141; } 
/***** E: 240124 added *****/

/***** S: 240509 added *****/
/* »ó´Ü ÅÇ */
.top_tab { background: #121212; } 
.top_tab ul li { flex: 1; } 
.top_tab ul li a { display: flex; align-items: center; gap: 18px; color: #555; padding: 0 60px; height: 100px; transition: background 0.3s; } 
.top_tab ul li .label { font-style: normal; width: 80px; height: 80px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: #555; color: #121212; font-weight: bold; font-size: 16px; line-height: 1.2; transition: all 0.3s; } 
.top_tab ul li p { font-size: 18px; } 
.top_tab ul li p b { font-weight: 900; } 
.top_tab ul li.active a { color: #121212; background: #fff; } 
.top_tab ul li.active a .label { color: #fff; background: var(--color-primary); } 
.top_tab ul li:last-child a:hover { background: #fff; border-left: 1px solid #121212; } 
.top_tab ul li:last-child a:hover .label { color: #fff; background: #e81e9b; } 
/***** E: 240509 added *****/

/***** S: 240530 added *****/
.under_line_wrap { margin-bottom: 75px; } 
.under_line { font-size: 24px; position: relative; display: inline-block; z-index: 1; } 
.under_line::before { content: ""; display: block; width: 100%; height: 16px; background: #65db8f; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); z-index: -1; } 

.evCon1.renew .sub_tit span { letter-spacing: 1px; color: #ffffff; margin: 0 auto 10px; } 
.evCon1.renew .sub_tit b { letter-spacing: 1px; } 
.evCon1.renew .btm_tit { font-size: 24px; } 
.evCon1.renew h3 { margin: 0 auto 50px; } 
.evCon1.renew .green_part { color: var(--color-secondary); font-size: 26px; font-weight: 800; position: relative; display: inline-block; margin-bottom: 20px; letter-spacing: 1px; } 
.evCon1.renew .green_part::after { content: ""; display: block; width: 100%; height: 1px; background: var(--color-secondary); position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); } 
.evCon1.renew .mega_swiper.mega_swiper_vertical { position: relative; overflow: hidden; height: 207px; } 
.evCon1.renew .mega_swiper .swiper-slide { display: flex; flex-direction: column; align-items: center; justify-content: center; } 
.evCon1.renew .con1_btn { margin-top: 55px; } 
.evCon1.renew .con1_btn a { display: inline-block; } 

.evCon4 .btn_wrap { display: flex; justify-content: center; gap: 35px; margin-top: 30px; } 
.evCon4 .btn_wrap a { display: inline-block; } 

.evCon8 { background: #76e69e; } 
.evSection.evCon8 .con_tit { margin: 0 auto 40px; } 
.evSection.evCon8 .con_tit strong { font-size: 48px; color: var(--color-primary); display: block; margin-bottom: 25px; } 
.evSection.evCon8 .text_con8 { font-size: 30px; font-weight: 900; } 
.evCon8 .bur_btn_wrap { display: flex; justify-content: center; gap: 115px; } 
.evCon8 .bur_btn_wrap .ico { margin-bottom: 25px; } 
/***** E: 240530 added *****/

/***** S: 240531 added *****/
.evCon3 .renew .paper_wrap { position: relative; font-weight: 300; font-size: 20px; line-height: 1.6; background: #fff; max-width: 900px; margin: 0 auto; padding: 50px 0 70px; box-shadow: 0 0 7px rgba(141, 141, 141, 35%); border-radius: 0 0 42px 0; } 
.evCon3 .renew .paper_wrap::after { content: ''; position: absolute; right: 0; bottom: 0; width: 34px; height: 34px; background: url(https://image.megagong.net/m/2024/0103_lang/con3_edge.jpg) } 
.evCon3 .renew .paper_wrap img { display: block; margin: 30px auto; } 
.evCon3 .renew .paper_wrap span { display: inline-block; font-weight: 900; color: #fff; background: var(--color-primary); padding: 0 4px; line-height: 1.2; } 
.evCon3 .renew .paper_wrap b { font-weight: 900; } 
.evCon3 .renew .new_box_wrap { display: flex; justify-content: center; align-items: center; gap: 40px; } 
.evCon3 .renew .new_box_wrap img { margin: 0px; } 

.evCon4.renew .tab_base { display: flex; justify-content: center; position: relative; margin-bottom: 30px; } 
.evCon4.renew .tab_base::after { content: ""; display: block; background: #000; width: 200%; height: 2px; position: absolute; bottom: -2px; left: 50%; transform: translateX(-50%); } 
.evCon4.renew .tab_base li { width: 451px; } 
.evCon4.renew .tab_base li a { display: inline-block; width: 100%; padding: 13px 0; background: #ececec; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; color: #9c9c9c; } 
.evCon4.renew .tab_base li a span { font-size: 18px; font-weight: 400; display: block; width: 100%; } 
.evCon4.renew .tab_base li a strong { font-size: 28px; font-weight: 900; } 

.evCon4.renew .tab_base li.on a { background: #000; color: #fff; } 
/***** E: 240531 added *****/

@media screen and (max-width: 1200px){
 .evSection { padding: 10% 0; } 
 .evSection .con_tit { margin: 0 auto 5%; } 
 .evSection .con_tit .label { margin: 0 auto 3%; } 

 .evCon1 .sub_tit { margin: 0 auto 4%; } 
 .evCon1 .sub_tit span { margin: 0 auto 3%; } 
 .evCon1 h3 { margin: 0 auto 7%; } 
 .evCon1 .onair::before { margin: 0 auto 2%; } 

 .evCon2 .paper { margin: 0 auto 4%; } 
 .evCon2 .comment > span { margin: 0 auto 2%; } 

 .evCon3 p { padding: 5% 0 7%; } 
 .evCon3 p img { max-width: 22%; } 

 .evCon4 .question_swiper .tit { padding: 3% 0; } 
 .evCon4 .question_swiper .tit em { margin: 0 auto 2%; } 
 .evCon4 .question_swiper .paper { padding: 4% 0; } 
 .evCon4 .question_swiper .comment { padding: 4% 0; margin: 0 2% 4%; } 

 .evCon5 .detail { margin: 0 auto 5%; } 
 .evCon5 .detail b { margin: 0 auto 1%; } 
 .evCon5 .tab_base { gap: 0 1vw; margin: 0 auto 3%; } 
 .evCon5 .tab_base::before { margin: 0.5vw 0; } 
 .evCon5 .tab_base li { flex: 0 1 calc(25% - 1vw); } 
 .evCon5 .tab_base li a { padding: 4% 0; } 
 .evCon5 .panel_base { position: relative; width: 100%; height: 56vw; } 
 .evCon5 .panel_base li { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; } 
 .evCon5 .panel_base iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

 .evCon6 .detail { margin: 0 auto 5%; } 
 .evCon6 .container_info { margin: 0 auto 5%; } 
 .evCon6 .evt_gift { gap: 2vw; margin: 0 auto 5%; } 

 .evCon7 .detail { margin: 0 auto 5%; } 
 .evCon7 .container_info { margin: 0 auto 5%; } 
 .evCon7 .evt_gift { gap: 2vw; margin: 0 auto 5%; } 
 .evCon7 .btn_wrap { gap: 2vw; margin: 0 auto 10%; } 
 .evCon7 .btn_wrap a,
 .evCon7 .btn_wrap button { font-size: 20px; padding: 2% 0; } 
 .evCon7 .evt_tit { margin: 0 auto 3%; } 
 .evCon7 .evt_tit span { padding: 1% 0; } 
 .evCon7 .evt_way { margin: 0 auto 8%; } 
 .evCon7 .evt_way ol li { padding: 2% 0 4%; } 
 .evCon7 .evt_way ol li i { margin: 0 auto 2%; } 
 .evCon7 .evt_way ol li img { display: block; max-width: 40%; margin: 0 auto; } 
 .evCon7 .evt_way ol li span { margin: 2% auto 0; } 
 .evCon7 .update > b { margin: 0 auto 3%; } 

 .mg_s_info { margin: 3% 0 4%; } 

 .evtoggleWarning { padding: 0; } 

 /***** S: 240124 added *****/
 .evCon1 .evt_box { margin: 0 auto 3%; } 
 .evCon1 .evt_box a { padding: 2vw 0; } 

 .evLec .detail { margin: 0 auto 5%; } 

 .evReview .detail { margin: 0 auto 4%; } 
 .evReview .evt_info { padding: 4vw 0; margin: 0 auto 8%; } 
 .evReview .evt_info ul { gap: 2vw 4vw; } 
 .evReview .evt_info .info { flex: 0 1 calc(50% - 2vw); gap: 1vw; } 
 .evReview .evt_gift { gap: 4vw; margin: 0 auto 8%; } 
 .evReview .evt_btn { gap: 2vw; } 
 .evReview .evt_btn a { font-size: 20px; padding: 2% 0; } 
 /***** E: 240124 added *****/

 /***** S: 240509 added *****/
 /* »ó´Ü ÅÇ */
 .top_tab ul li a { gap: 1.5vw; padding: 0 2vw; height: 12vmin; } 
 .top_tab ul li .label { width: 10vmin; height: 10vmin; } 
 /***** E: 240509 added *****/

 /***** S: 240530 added *****/
 .under_line_wrap { margin-bottom: 6%; } 
 .under_line { font-size: clamp(16px,2.8vmin,24px); } 

 .evCon1.renew .sub_tit span { margin: 0 auto 1%; font-size: clamp(15px,2.4vmin,20px); } 
 .evCon1 .sub_tit b { font-size: clamp(17px,3.4vmin,30px); } 
 .evCon1.renew h3 { margin: 0 auto 5%; padding: 0 3%; } 
 .evCon1.renew .mega_swiper.mega_swiper_vertical { height: 22vw; } 
 .evCon1.renew .green_part { font-size: clamp(16px,2.8vmin,24px); margin-bottom: 2%; } 
 .evCon1.renew .green_part::after { bottom: -7%; } 
 .evCon1.renew .btm_tit { font-size: clamp(16px,2.8vmin,24px); } 
 .evCon1.renew .con1_btn { margin-top: 5%; padding: 0 30%; } 

 .evCon4 .btn_wrap { gap: 2%; margin-top: 4%; } 

 .evSection.evCon8 .con_tit { margin: 0 auto 4%; } 
 .evSection.evCon8 .con_tit strong { font-size: clamp(22px,5.2vmin,48px); margin-bottom: 2%; } 
 .evSection.evCon8 .text_con8 { font-size: clamp(16px,3.4vmin,30px); } 
 .evCon8 .bur_btn_wrap { gap: 4%; } 
 .evCon8 .bur_btn_wrap .ico { margin-bottom: 6%; } 
 .evCon8 .bur_btn_wrap .btn a { display: inline-block; } 
 /***** E: 240530 added *****/ 

 /***** S: 240531 added *****/
 .evCon3 .renew .paper_wrap { padding: 5% 0 7%; } 
 .evCon3 .renew .paper_wrap img { max-width: 22%; } 
 .evCon3 .renew .new_box_wrap { gap: 2%; padding: 0 10%;} 
 .evCon3 .renew .paper_wrap .new_box_wrap img { max-width: 100%; } 
 .evCon4.renew .tab_base {
    margin-bottom: 3%;
}
.evCon4.renew .tab_base li {
    width: 50%;
}
.evCon4.renew .tab_base li a {
    padding: 3% 0;
}
.evCon4.renew .tab_base li a span {
    font-size: clamp(13px,2.2vmin,18px); 
}
.evCon4.renew .tab_base li a strong {
    font-size: clamp(16px,3.2vmin,28px);
}
 /***** E: 240531 added *****/ } 

@media screen and (max-width: 992px){
 .evSection .con_tit .sub_tit { font-size: 26px; } 
 .evSection .con_tit strong { font-size: 38px; } 
 .evSection .con_tit .label { font-size: 18px; padding: 1% 0; } 
 .evSection .con_tit .label + strong { font-size: 40px; } 

 .evCon4 .question_swiper { width: 100%; } 
 .evCon4 .question_swiper .tit b { font-size: 18px; } 
 .evCon4 .question_swiper .tit em { font-size: 20px; } 

 .evCon5 .detail { font-size: 18px; } 

 /***** S: 240124 added *****/
 .evCon1 .evt_box a { font-size: 22px; } 

 .evLec .detail { font-size: 18px; } 
 .evReview .evt_info ul { padding: 0; } 
 .evReview .evt_info .info { flex: 1 1 100%; } 
 /***** E: 240124 added *****/

 /***** S: 240509 added *****/
 .top_tab .inner { width: 100%; } 
 .top_tab ul li a { padding: 0 1.5vw; } 
 .top_tab ul li .label { width: 8vmin; height: 8vmin; font-size: 14px; } 
 .top_tab ul li p { font-size: 16px; } 
 /***** E: 240509 added *****/

 /***** S: 240530 added *****/
 .evCon1.renew .mega_swiper.mega_swiper_vertical { height: 27vw; } 
 .evCon8 .bur_btn_wrap { gap: 3%; margin: 0 7%; } 
 .evCon8 .bur_btn_wrap .ico { margin-bottom: 6%; padding: 0 17%; } 
 /***** E: 240530 added *****/


} 

@media screen and (max-width: 768px){
 .evSection .con_tit .sub_tit { font-size: 20px; } 
 .evSection .con_tit strong { font-size: 30px; } 
 .evSection .con_tit .label + strong { font-size: 34px; } 
 .evSection .con_tit .label::before { border-left-width: 7px; border-right-width: 7px; border-top-width: 8px; } 

 .evCon1 .sub_tit span { font-size: 18px; letter-spacing: 0.3em; } 
 .evCon1 .sub_tit b { font-size: 24px; } 
 .evCon1 .onair { font-size: 22px; } 
 .evCon1 .onair::before { width: 18%; height: 7vw; background-size: cover; } 

 .evCon2 .comment > span { font-size: 16px; } 
 .evCon2 .comment > b { font-size: 19px; } 

 .evCon3 p { font-size: 16px; } 
 

 .evCon4 .question_swiper .tit span { font-size: 16px; } 
 .evCon4 .question_swiper .comment { font-size: 14px; } 
 .evCon4 .question_swiper .swiper-button-prev,
 .evCon4 .question_swiper .swiper-button-next { display: none; } 
 .evCon4 .question_swiper .swiper-pagination { display: block; } 

 .evCon5 .detail { font-size: 16px; } 

 .evCon6 .detail { font-size: 16px; } 
 .evCon6 .container_info { font-size: 16px; } 

 .evCon7 .detail { font-size: 16px; } 
 .evCon7 .container_info { font-size: 16px; } 
 .evCon7 .btn_wrap a,
 .evCon7 .btn_wrap button { font-size: 18px; } 
 .evCon7 .evt_tit span { font-size: 18px; } 
 .evCon7 .evt_way ol li i { font-size: 12px; padding: 2px 0; } 
 .evCon7 .evt_way ol li span { font-size: 16px; } 

 /***** S: 240124 added *****/
 .evCon1 .evt_box a { font-size: 18px; } 
 .evCon1 .evt_box a::before { width: 71px; height: 24px; background-size: 100% auto; } 
 .evCon1 .evt_box a::after { width: 30px; height: 31px; background-size: 100% auto; } 
 .evCon1 .btm_tit { font-size: 22px; } 

 .evLec .detail { font-size: 16px; } 

 .evReview .detail { font-size: 16px; } 
 .evReview .evt_info .info { flex-direction: column; align-items: center; font-size: 16px; } 
 .evReview .evt_info .info_cont { margin-top: 0; text-align: center; } 
 .evReview .evt_btn a { font-size: 18px; } 
 /***** E: 240124 added *****/

 /***** S: 240509 added *****/
 .top_tab ul li a { flex-direction: column; padding: 1.5vw; height: auto; } 
 .top_tab ul li a .label { width: 60%; height: auto; border-radius: 10px; padding: 0.5vw 0; } 
 .top_tab ul li p { font-size: 15px; } 
 /***** E: 240509 added *****/

 /***** S: 240530 added *****/
 .evCon1.renew .con1_btn { padding: 0 26%; } 
 .evCon8 .bur_btn_wrap { margin: 0 0%; } 
 /***** E: 240530 added *****/ 

 /***** S: 240531 added *****/
 .evCon3 .renew .paper_wrap { font-size: 16px;padding: 5% 0 10%; } 
 .evCon3 .renew .new_box_wrap {padding: 0 4%;}
 /***** E: 240531 added *****/ } 

@media screen and (max-width: 576px){
 .evSection .con_tit .sub_tit { font-size: 16px; } 
 .evSection .con_tit strong { font-size: 22px; } 
 .evSection .con_tit .label + strong { font-size: 22px; } 

 .evCon1 .sub_tit span { font-size: 16px; letter-spacing: 0.1em; } 
 .evCon1 .sub_tit b { font-size: 20px; } 
 .evCon1 .onair { font-size: 16px; } 

 .evCon2 .comment > span { font-size: 13px; } 
 .evCon2 .comment > b { font-size: 16px; } 

 .evCon3 p { font-size: 13px; border-radius: 0 0 32px 0; } 
 .evCon3 p::after { width: 24px; height: 24px; background-size: cover; } 

 .evCon4 .question_swiper .tit em { width: 26%; font-size: 18px; padding: 2px 0; } 
 .evCon4 .question_swiper .tit b { font-size: 16px; } 
 .evCon4 .question_swiper .tit span { font-size: 14px; } 
 .evCon4 .question_swiper .comment { font-size: 13px; } 

 .evCon5 .detail { font-size: 14px; } 
 .evCon5 .tab_base li a { font-size: 12px; } 
 .evCon5 .tab_base li a b { font-size: 14px; } 

 .evCon6 .detail { font-size: 14px; } 
 .evCon6 .container_info { font-size: 14px; } 

 .evCon7 .detail { font-size: 14px; } 
 .evCon7 .container_info { font-size: 14px; } 
 .evCon7 .btn_wrap a,
 .evCon7 .btn_wrap button { width: 50%; font-size: 14px; } 
 .evCon7 .evt_tit span { font-size: 15px; } 
 .evCon7 .evt_way ol { flex-direction: column; gap: 6vw; } 
 .evCon7 .evt_way ol li img { display: none; } 
 .evCon7 .evt_way ol li + li::before { top: -3vw; left: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 20px; height: 20px; background-size: cover; } 
 .evCon7 .evt_way ol li span { font-size: 14px; } 
 .evCon7 .update > b { font-size: 20px; } 

 /***** S: 240124 added *****/
 .evCon1 .evt_box a { font-size: 14px; padding: 3vw 0 2vw; } 
 .evCon1 .evt_box a::before { width: 59px; height: 20px; } 
 .evCon1 .evt_box a::after { width: 21px; height: 22px; margin-left: 5px; } 
 .evCon1 .btm_tit { font-size: 16px; } 

 .evLec .detail { font-size: 14px; } 

 .evReview .detail { font-size: 14px; } 
 .evReview .evt_info ul { gap: 4vw; } 
 .evReview .evt_info .info { font-size: 14px; } 
 .evReview .evt_info .info_title { width: 30%; padding: 2px 0; } 
 .evReview .evt_btn a { width: 50%; font-size: 14px; } 
 /***** E: 240124 added *****/

 /***** S: 240509 added *****/
 .top_tab ul li a .label { font-size: 12px; } 
 .top_tab ul li p { font-size: 13px; letter-spacing: -0.05em; } 
 /***** E: 240509 added *****/

 /***** S: 240530 added *****/
 .under_line_wrap { margin-bottom: 12%; } 

 .evCon1.renew .con1_btn { padding: 0 21%; } 

 .evCon4 .btn_wrap { display: block; margin: 7% 6% 0%; } 
 .evCon4 .btn_wrap .btn_box { margin-bottom: 4%; } 

 .evCon8 .bur_btn_wrap { margin: 0 9%; display: block; } 
 .evCon8 .bur_btn_wrap .btn_wrap { margin-bottom: 13%; } 
 /***** E: 240530 added *****/ 

 /***** S: 240531 added *****/
 .evCon3 .renew .paper_wrap { font-size: 13px; border-radius: 0 0 32px 0; } 
 .evCon3 .renew .paper_wrap::after { width: 24px; height: 24px; background-size: cover; } 
 .evCon3 .renew .new_box_wrap {
    padding: 0 18%;
    display: block;
}
.evCon3 .renew .new_box_wrap .new_box_ing {
    margin-bottom: 4%;
}

 /***** E: 240531 added *****/ } 

@media screen and (max-width: 410px) { /***** S: 240530 added *****/
 .evCon1.renew .con1_btn { padding: 0 16%; } 
 /***** E: 240530 added *****/ }