@charset "euc-kr"; /* url: https://img.megagong.net/m/2025/ */
.con_tit .end::after { background: #000; } /* ÀÌº¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.eventWrap .inner { padding: 150px 0; } 
.eventWrap .event.ver1 { background: linear-gradient(0deg,rgba(255, 238, 139, 1) 0%, rgba(245, 245, 245, 1) 100%); } 
.eventWrap .event .inner { padding: 0px 0; } 
.evSection .main_color { color: #00C4C2; } 
.evSection .main_d_color { color: #008D8B; } 
.evSection .point_color { color: #00FFFC; } 
.evSection .wh_ver { color: #fff; } 
.evSection .main_bg { background:#00C4C2; } 
.evSection .mini_tit { font-weight: 400; margin-bottom: 10px; } 
.evSection .con_tit { margin-bottom: 50px; line-height: 1.3; } 
.evSection .con_tit strong { font-weight: 600; } 

.evSection .add_obj_wrap { line-height: 1.4; } 
.add_obj_wrap .add_pos_box { position: relative; z-index:1; } 
.add_obj_wrap .add_pos_box.under_line::before { content: ''; width: 100%; height: 5px; background: #00FFFC; opacity: 0.5; position: absolute; left: 50%; transform: translateX(-50%); bottom: 6px; z-index: -1; } 

.eventWrap .swiper_basic1_wrap { position: relative; } 
.eventWrap .swiper-initialized { position: relative; overflow: hidden } 

.eventWrap .swiper-pagination { position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 1rem; } 
.eventWrap .swiper-pagination-bullet { background: #555; opacity: 1; width: 12px; height: 12px; } 
.eventWrap .swiper-pagination-bullet-active { background: #00fffc; } 

.eventWrap .swiper-button-next, 
.eventWrap .swiper-button-prev { top: 50%; transform: translateY(-50%); left: auto; right: auto; margin: 0 auto; z-index: 2; width: auto; height: auto; } 
.eventWrap .swiper-button-next:after, 
.eventWrap .swiper-button-prev::after { background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; } 
.eventWrap .swiper-button-next { right: 0; transform: translateY(-50%) rotate(180deg); } 
.eventWrap .swiper-button-next:after { transform: rotate(180deg); } 

.mega_swiper_destroy .swiper-wrapper { gap: 10px; } 
.mega_swiper_destroy .swiper-slide { display: flex; flex: 1 1 auto; justify-content: center; } 
.mega_swiper_destroy .swiper-pagination { display: none; } 

#mega_swiper_scroll .swiper-wrapper { gap: 10px; } 
#mega_swiper_scroll .swiper-slide { flex:1 } 
#mega_swiper_scroll2 .swiper-wrapper { gap: 10px; } 
#mega_swiper_scroll2 .swiper-slide { flex:1 } 
.swiper-scrollbar { display: none; } 



.evCon1 { background: #000 url(https://img.megagong.net/m/2025/0514_gosabu88/bg_con1.png) no-repeat center; background-size: cover; } 
.eventWrap .evCon1 .inner { padding: 150px 0 50px; } 
.evCon1 .tea_img { position: absolute; right: 0px; bottom: 0px; display: block; z-index: 0; } 
.evCon1 .con_box { text-align: left; } 
.evCon1.evSection .add_obj_wrap { margin-bottom: 20px; } 
.evCon1 h3.con_tit { font-size: 90px; font-weight: 900; text-align: left; line-height: 1.1; margin-bottom: 30px; } 
.evCon1 .main_text { margin-bottom: 120px; font-weight: 400; } 
.evCon1 .teacher_home.white b { color: #149cc0; padding: 4px 6px 5px; } 

.evCon2 { background: #1E1E1E; } 
.evCon2 .review_sd { margin-bottom: 60px; } 
.evCon2 .rv_img_wrap { width: 966px; height: 200px; position: relative; margin: 0 auto 15px; } 
.evCon2 .rv_img_wrap .rv_img_rp { position: absolute; } 
.evCon2 .rv_img_wrap .rv_img_rp:nth-child(1) { left: 0px; top: 0px; } 
.evCon2 .rv_img_wrap .rv_img_rp:nth-child(2) { left: 47%; top: 60px; transform: translateX(-50%); width: 410px; height: 61px; box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.5); border-radius: 8px; z-index: 1; } 
.evCon2 .rv_img_wrap .rv_img_rp:nth-child(3) { right: 0px; top: 0px; } 
.evCon2 .rv_img_wrap .rv_img_rp:nth-child(4) { left: 30px; bottom: 0px; } 
.evCon2 .rv_img_wrap .rv_img_rp:nth-child(5) { right: 120px; bottom: 30px; } 
.evCon2 .evt_con_base.xs { font-size: 12px; color: var(--color-gray-2); text-align: right; } 
.evCon2 .main_text { margin-top: 55px; } 
.evCon2 .main_text strong { text-decoration: underline; text-underline-offset: 4px; } 

.evCon3 .tea_img { position: absolute; left: -580px; top: 200px; } 
.evCon3 .review_sd2 { margin-bottom: 80px; } 
.evCon3 .mega_swiper_destroy .swiper-wrapper { flex-wrap: wrap; gap: 20px; } 
.evCon3 .rv_sd_box { width: 100%; border: 1px solid #DEDEDE; border-radius: 20px; display: flex
; justify-content: flex-start; gap: 0px; position: relative; align-items: center; text-align: left; padding: 66px 120px; background: #fff; } 
.evCon3 .rv_sd_box .rv_imb { position: absolute; right: 110px; bottom: 0px; } 
.evCon3 .rv_sd_box .rv_tit { margin-bottom: 15px; width: 280px; font-weight: 700; } 
.evCon3 .rv_sd_box .rv_name { color: #6d6d6d; font-weight: 400; } 
.evCon3 .rv_sd_box .rv_con { color: #626262; line-height: 1.6; font-weight: 400; } 
.evCon3 .rv_sd_box .rv_con strong { color: #000; font-weight: 500; text-decoration: underline; } 
.evCon3 .main_text strong { text-decoration: underline; text-underline-offset: 4px; } 

.evCon4 { background: #E7F2F1; } 
.evCon4 .eventVideo.for_youtube { margin: 0 40px; } 
.evCon4 .line_tit { margin: 60px 0 40px; font-weight: 500; } 
.evCon4 .btn-base-wrap { margin-top: 60px; } 

.eventWrap .evCon5 .inner { padding: 150px 0 0px; } 
.evCon5 .evt-tab.type-1 li a { padding: 22px 5px; background: #b0b0b0; border: none; color: #fff; } 
.evCon5 .evt-tab.type-1 .round_point { display: block; background: #595959; width: 78px; height: 78px; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); color: #fff; } 
.evCon5 .evt-tab.type-1 li.on a { background: #00c4c2; color: #fff; border: none; } 
.evCon5 .evt-tab.type-1 li.on::before { display: none; } 
.evCon5 .evt-tab.type-1 li.on .round_point { background: #000; } 

.evCon5_2 { background: #00C4C2; } 
.eventWrap .evCon5_2 .inner { padding: 60px 0 150px; } 
.evCon5_2 .vod_wrap { display: flex; justify-content: center; align-items: center; gap: 18px; margin: 60px 0; } 
.evCon5_2 .vod_wrap .eventVideo { width: 738px; } 
.evCon5_2 .lec_point_list { display: flex; justify-content: center; align-items: center; gap: 30px; margin-top: 40px; } 
.evCon5_2 .lec_point_list li { flex: 1; background: #fff; border-radius: 15px; border: 2px solid #008D8B; padding: 31px 0; line-height: 1.6; font-weight: 600; } 
.evCon5_2 .line_tit { margin: 0 0 35px; } 
.evCon5_2 .line_tit span { line-height: 1.4; font-weight: 400; } 
.evCon5_2 .mega_swiper_destroy .swiper-wrapper { gap: 30px; } 
.evCon5_2 .evt_con_base.xs { color: #000; opacity: 0.5; font-size: 12px; text-align: right; margin-top: 10px; margin-bottom: 50px; } 


.evCon6 .con_box_wrap .cont_tit { margin-bottom: 12px; font-weight: 600; } 
.evCon6 .con_box_wrap .cont_text { color: #4D4D4D; font-weight: 400; margin-bottom: 25px; } 
.evCon6 .con_box_wrap .content_box { border: 1px solid #DEDEDE; border-radius: 16px; padding: 40px 20px; } 
.evCon6 .con_box_wrap .btn_cont { display: flex; justify-content: center; align-items: center; margin: 30px 18px 0px; gap: 6px; } 
.evCon6 .con_box_wrap .btn_cont.ver_2 { margin: 30px 0px 0px; } 
.evCon6 .con_box_wrap .btn_cont a { background: #000; color: #fff; border-radius: 50px; padding: 15px 10px; display: block; flex: 1; } 
.evCon6 .con_box_wrap .btn_cont.off_ver a { background: #7e7e7e; cursor: default; } 
.evCon6 .evt_con_base.xs { font-size: 12px; color: var(--color-gray-2); text-align: right; margin-top: 15px; } 

.event .con_tit .mini_tit + strong { font-weight: 600; } 
.event .con_tit + .mini_tit { opacity: 0.6; margin-bottom: 50px; } 

.event.ver1 .mega_card_wrap { background: inherit; height: 252px; padding: inherit; margin: 80px auto 0; } 
.event.ver1 .gift_result_base { width: 80px; height: 80px; } 
.event.ver1 .vod_sample_wrap { display: flex; justify-content: center; align-items: center; gap: 30px; } 
.event.ver1 .vod_samp_list li { background: #fff; border-radius: 10px; padding: 19px 24px; width: 545px; margin-bottom: 24px; text-align: left; display: flex; justify-content: flex-start; gap: 10px; align-items: center; } 
.event.ver1 .vod_samp_list li:last-child { margin-bottom: 0; } 
.event.ver1 .vod_samp_list li .chk_obj { display: flex; } 
.event.ver1 .container_info_wrap { margin-top: 60px; } 
.event.ver1 .btn-base.xl.main_bg { color: #fff; border-radius: 4px; } 

.event.ver2 { background: linear-gradient(0deg,rgba(0, 196, 194, 1) 0%, rgba(146, 225, 224, 1) 62%, rgba(245, 245, 245, 1) 100%); } 
.event.ver2 .gift_list_wrap li .badge { background-color: #008D8B; } 
.event.ver2 .step_base_wrap .step_list li .box_area .label { color: #00C4C2; } 
.event.ver2 .btn-base.xl.red_ver > * { background: #e91313; color: #fff; } 
.event.ver2 .btn-base.xl.end_ver { background: #747474; color: #fff; border-radius: 4px; cursor: default; } 

.yout_cert .mg_s_info { margin-top: 30px; font-family: 'Noto Sans KR'; font-size: 13px; margin-bottom: 3%; } 
.yout_cert .mg_s_info li { font-size: 13px; padding-left: 0px; margin-top: 1% } 
.yout_cert .mg_s_info li strong { text-decoration: underline; } 
.yout_cert .mg_s_info li.top_tit { font-size: 14px; font-weight: 800; color: #f54646; } 
.yout_cert .mg_s_info li:before { display: none; } 
.yout_cert .mg_tb_wrap { font-family: 'Noto Sans KR'; } 
.yout_cert .content_area .mg_btn_wrap { font-family: 'Noto Sans KR'; } 

.eventWrap .evtoggleWarning .inner { padding: 0; } 


/* 250707 */
.evCon5 .evt-tab.type-1.new_ver .round_point { flex-wrap: wrap; align-content: center; } 
.evCon5 .evt-tab.type-1.new_ver li:nth-child(1).on .y_color { color: yellow; } 
.evCon5 .evt-tab.type-1.new_ver li:nth-child(2).on .round_point { color: #00FFFC; } 

.event.ver3.evSection .con_tit,
.event.ver4.evSection .con_tit { margin-bottom: 20px; } 

.eventWrap .event.ver3 { background: linear-gradient(0deg, rgb(255 216 143) 0%, rgb(245 245 245) 100%); } 
.event.ver3 .con_tit .evt_mark { color: #FDEE9B; } 
.event.ver3 .mini_tit { color: #000; font-weight: 600; } 
.event.ver3 .purchase_base_list > li .purchase_info .tit { margin-top: 0px; } 
.event.ver3 .purchase_base_list > li .purchase_price .badge.ver2 { background-color: #dd9100; } 
.event.ver3 .evt_con_base.sm { text-align: left; color: #000; margin-top: 40px; } 
.event.ver3 .evt_con_base.sm strong { margin-bottom:10px; display: block; } 

.eventWrap .event.ver4 { background: linear-gradient(0deg, rgb(0 144 196) 0%, rgb(245 245 245) 100%); } 
.event.ver4 .mini_tit.main_d_color { color: #0592C5; } 
.event.ver4 .container_info.ver_circle.horizon { gap: 25px 30px; } 
.event.ver4 .gift_list_wrap li .badge { background-color: #0592c5; } 
.event.ver4 .btn-base { margin-top: 30px; } 

/* 250822 */
:root {
    --color-purchase: #DD9100;
}
.tx_purchase {color: var(--color-purchase);}

.event.ver3 .con_tit .evt_mark {color: #FFF;}
.purchase_tit {margin-bottom: 30px;}
.purchase_base_list {margin-bottom: 55px;}
.purchase_base_list>li .purchase_info {position: relative;}
.purchase_base_list>li .purchase_info .date {position: absolute; top: 0; right: 0; color: var(--color-purchase); font-weight: 700;}
.purchase_base_list>li .purchase_price .badge {background-color: var(--color-purchase);}
.purchase_base_list>li .purchase_price .price_area .current {color: var(--color-purchase);}


@media screen and (max-width: 1200px){
.eventWrap .inner { padding: 11% 0; } 
.evSection .mini_tit { font-weight: 400; margin-bottom: 1%; } 
.evSection .con_tit { margin-bottom: 5%; } 
.mega_swiper_destroy .swiper-wrapper { gap: 1%; } 
#mega_swiper_scroll .swiper-wrapper { gap: 1%; } 
#mega_swiper_scroll2 .swiper-wrapper { gap: 1%; } 

.eventWrap .evCon1 .inner { padding: 17% 0 6%; } 
.evCon1 .tea_img { width: 58%; } 
.evCon1.evSection .add_obj_wrap { margin-bottom: 2%; } 
.evCon1 h3.con_tit { font-size: clamp(20px, 9vmin, 90px); margin-bottom: 3%; } 
.evCon1 .main_text { margin-bottom: 12%; } 

.evCon2 .review_sd { margin-bottom: 6%; } 
.evCon2 .rv_img_wrap { width: 100%; height: 20vw; margin: 0 auto 3%; } 
.evCon2 .main_text { margin-top: 6%; } 
.evCon2 .rv_img_wrap .rv_img_rp:nth-child(2) { top: 29%; width: 46%; height: auto; } 
.evCon2 .rv_img_wrap .rv_img_rp:nth-child(4) { left: 3%; } 
.evCon2 .rv_img_wrap .rv_img_rp:nth-child(5) { right: 12%; bottom: 14%; } 
.evCon2 .rv_img_wrap .rv_img_rp img { width: 100%; } 

.evCon3 .review_sd2 { margin-bottom: 6%; } 
.evCon3 .tea_img { display: none; } 
.evCon3 .rv_sd_box { border-radius: 15px; padding: 6% 6%; } 
.evCon3 .rv_sd_box .rv_tit { margin-bottom: 3%; width: 27vw; } 
.evCon3 .rv_sd_box .rv_imb { right: 9%; width: 16%; } 

.evCon4 .eventVideo.for_youtube { margin: 0 0px; } 
.evCon4 .line_tit { margin: 6% 0 4%; } 
.evCon4 .btn-base-wrap { margin-top: 6%; } 

.evCon5 .evt-tab.type-1 li a { padding: 5% 5px; } 
.eventWrap .evCon5_2 .inner { padding: 5% 0 10%; } 
.evCon5_2 .lec_point_list { gap: 1%; margin-top: 4%; } 
.evCon5_2 .lec_point_list li { border-radius: 10px; padding: 3% 0; line-height: 1.4; } 
.evCon5_2 .vod_wrap { gap: 1%; margin: 4% 0; } 
.evCon5_2 .line_tit { margin: 0 0 3%; } 
.evCon5_2 .mega_swiper_destroy .swiper-wrapper { gap: 2%; } 
.evCon5_2 .evt_con_base.xs { margin-top: 2%; margin-bottom: 0%; } 

.evCon6 .con_box_wrap { gap: 1%; } 
.evCon6 .con_box_wrap .content_box { border-radius: 10px; padding: 3% 1%; } 
.evCon6 .con_box_wrap .cont_tit { margin-bottom: 2%; } 
.evCon6 .con_box_wrap .cont_text { margin-bottom: 6%; } 
.evCon6 .con_box_wrap .btn_cont { margin: 11% 1% 0px; gap: 3%; } 
.evCon6 .evt_con_base.xs { margin-top: 2%; } 
.evCon6 .con_box_wrap .btn_cont.ver_2 { margin: 11% 0px 0px; } 
.evCon6 .con_box_wrap .btn_cont a { padding: 4% 0px; } 

.event .con_tit + .mini_tit { margin-bottom: 5%; } 
.event.ver1 .vod_sample_wrap { gap: 2%; } 
.event.ver1 .vod_samp_img { width: 50%; } 
.event.ver1 .vod_samp_list { width: 50%; } 
.event.ver1 .vod_samp_list li { padding: 5% 4%; width: 100%; margin-bottom: 4%; gap: 1% } 
.event.ver1 .container_info_wrap { margin-top: 5%; } 
.event.ver1 .mega_card_wrap { height: auto; margin: 8% auto 0; } 

.yout_cert .content_area .content_inner { padding: 4% 2%; } 
.yout_cert .mg_s_info { margin-top: 3%; } 

.event.ver3 .evt_con_base.sm { margin-top: 2%; font-size: 13px; } 
.event.ver3 .evt_con_base.sm strong { margin-bottom: 0%; } 

.purchase_base_list>li .purchase_info .date {position: relative; margin-bottom: 5px;}
}

@media screen and (max-width: 992px){
.mega_swiper_destroy { position: relative; overflow: hidden; } 
.mega_swiper_destroy .swiper-wrapper { gap: 0; } 
.mega_swiper_destroy .swiper-slide { flex: 1 0 100%; } 
.mega_swiper_destroy .swiper-pagination { display: block; } 

#mega_swiper_scroll { position: relative; overflow: hidden; } 
#mega_swiper_scroll .swiper-wrapper { gap: 0; } 
#mega_swiper_scroll .swiper-slide { width: 300px; flex:none; margin-right: 10px; } 
#mega_swiper_scroll .swiper-slide:last-child { margin-right: 0; } 
#mega_swiper_scroll .swiper-scrollbar { display: block; position: relative; margin-top: 15px; left: auto; top: auto; height: 8px; width: 100%; z-index: 1; } 
#mega_swiper_scroll .swiper-scrollbar .swiper-scrollbar-drag { background: #00c4c2; } 
#mega_swiper_scroll2 { position: relative; overflow: hidden; } 
#mega_swiper_scroll2 .swiper-wrapper { gap: 0; } 
#mega_swiper_scroll2 .swiper-slide { width: 300px; flex:none; margin-right: 10px; } 
#mega_swiper_scroll2 .swiper-slide:last-child { margin-right: 0; } 
#mega_swiper_scroll2 .swiper-scrollbar { display: block; position: relative; margin-top: 15px; left: auto; top: auto; height: 8px; width: 100%; z-index: 1; } 
#mega_swiper_scroll2 .swiper-scrollbar .swiper-scrollbar-drag { background: #00c4c2; } 


.evCon2 .rv_img_wrap .rv_img_rp { width: 41%; } 

.evCon3 .mega_swiper_destroy .swiper-wrapper { flex-wrap: nowrap; gap: 0; } 
.evCon3 .rv_sd_box { gap: 2%; } 
.evCon3 .rv_sd_box .rv_imb { right: 2%; } 
.evCon3 .rv_sd_box .rv_tit { font-size: clamp(15px, 2.7vmin, 24px); } 

.evCon5 .evt-tab { background: #b0b0b0; align-items: center; } 
.evCon5 .evt-tab.type-1 li .round_point { position: relative; left: inherit; right: inherit; top: inherit; width: auto; border-radius: 50px; height: inherit; padding: 1% 4%; margin: auto; text-align: center; transform: inherit; width: 50%; margin-bottom: 1%; } 
.evCon5 .evt-tab.type-1 li a { height: 100%; } 
.evCon5 .evt-tab.type-1.new_ver .round_point { display: block; height: auto; } 

.evCon6 .con_box_wrap .btn_cont a { padding: 4% 0px; } 

.event.ver1 .vod_samp_list li .chk_obj { width: 5%; } 

.event.ver2 .step_base_wrap .step_list li .box_area { padding: 7% 2%; } 

}

@media screen and (max-width: 768px){
.add_obj_wrap .add_pos_box.under_line::before { height: 4px; bottom: 2px; } 

.evCon1 .teacher_home.white b { padding: 2px 4px 3px; } 

.evCon2 .rv_img_wrap { height: 36vw; } 
.evCon2 .rv_img_wrap .rv_img_rp { width: 57%; } 
.evCon2 .rv_img_wrap .rv_img_rp:nth-child(2) { top: 24%; width: 61%; height: auto; right: -30%; left: inherit; } 
.evCon2 .rv_img_wrap .rv_img_rp:nth-child(3) { top: 33%; right: inherit; left: 0%; } 
.evCon2 .rv_img_wrap .rv_img_rp:nth-child(4) { left: inherit; right: 0%; top: 54%; z-index: 1; box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.5); border-radius: 8px; width: 58vw; height: 7vw; } 
.evCon2 .rv_img_wrap .rv_img_rp:nth-child(5) { right: inherit; left: 0%; bottom: 2%; } 

.evCon5 .evt-tab.type-1 li .round_point { width: 57%; } 
.evCon5_2 .lec_point_list { font-size: clamp(13px, 2.2vmin, 20px); } 
.evCon5_2 .lec_con_sd { margin: 0 12%; } 

.evCon6 .con_box_wrap .content_box { margin-bottom: 2%; } 
.evCon6 .con_box_wrap .cont_text { margin-bottom: 3%; } 
.evCon6 .con_box_wrap .btn_cont { margin: 4% 21% 0px; } 
.evCon6 .con_box_wrap .btn_cont.ver_2 { margin: 4% 0px 0px; } 
.evCon6 .con_box_wrap .btn_cont.ver_2 { margin: 4% 12% 0px; gap: 2%; } 

.event.ver1 .vod_samp_img { width: 45%; } 
.event.ver1 .vod_samp_list { width: 55%; } 
.event.ver1 .vod_samp_list li { padding: 4% 2%; width: 100%; margin-bottom: 2%; border-radius: 5px; } 
.event.ver1 .mega_card_wrap { width: 65%; } 
.event.ver1 .gift_result_base { width: 60px; height: 60px; } 

.event.ver2 .step_base_wrap { padding: 2%; } 
.event.ver2 .step_base_wrap .step_list { margin-top: 2%; } 

.event.ver4 .container_info.ver_circle.horizon { gap: 12px 30px; } 
}

@media screen and (max-width: 576px){
.evCon1 .tea_img { width: 65%; right: -9%; } 

.evCon2 .review_sd { margin: 0 10% 6%; } 
.evCon2 .rv_img_wrap { height: 60vw; } 
.evCon2 .rv_img_wrap .rv_img_rp { width: 77%; } 
.evCon2 .rv_img_wrap .rv_img_rp:nth-child(2) { top: 20%; width: 81%; right: -39%; } 
.evCon2 .rv_img_wrap .rv_img_rp:nth-child(4) { top: 59%; width: 82%; height: 12vw; } 

.evCon3 .rv_sd_box { display: block; } 
.evCon3 .rv_sd_box .rv_tit { width: 100%; margin-bottom: 2%; } 
.evCon3 .rv_sd_box .rv_left { margin-bottom: 3%; text-align: center; } 
.evCon3 .rv_sd_box .rv_imb { display: none; } 
.evCon3 .rv_sd_box .rv_con { text-align: center; } 

.evCon5 .evt-tab.type-1 li .round_point { width: 85%; } 
.evCon5_2 .vod_wrap { display: block; } 
.evCon5_2 .vod_wrap .eventVideo { width: 100%; margin-bottom: 3%; } 
.evCon5_2 .book_img { width: 100%; position: relative; display: flex
; align-items: center; } 
.evCon5_2 .book_img .book_img_cover { width: 45%; } 
.evCon5_2 .lec_point_list.mo_ver { display: block !important; width: 55%; margin-top: 0; } 
.evCon5_2 .lec_point_list.mo_ver li { padding: 4% 0; margin-bottom: 3%; border-radius: 8px; } 
.evCon5_2 .lec_point_list.mo_ver li:last-child { margin-bottom: 0; } 
.evCon5_2 .lec_con_sd { margin: 0 2%; } 


.event.ver1 .vod_sample_wrap { display: block; } 
.event.ver1 .vod_samp_img { width: 100%; margin-bottom: 3%; } 
.event.ver1 .vod_samp_list { width: 100%; } 
.event.ver1 .vod_samp_list li { padding: 4% 3%; } 
.event.ver1 .mega_card_wrap { width: 85%; margin: 12% auto 8%; } 

.event.ver2 .step_base_wrap .step_list li .box_area { padding: 3% 2%; } 
.yout_cert .b_tit { margin-bottom: 5%; } 
.yout_cert .mg_s_info li.top_tit { font-size: 13px; } 
.yout_cert .mg_s_info li { font-size: 12px; padding-left: 2%; line-height: 1.2; text-indent: -2%; } 
.yout_cert .mg_tb_form th { padding: 5px 1px; } 

.event.ver4 .container_info.ver_circle.horizon { gap: 8px 30px; justify-content: flex-start; } 
.event.ver4 .container_info.ver_circle .info .info_title { width: 79px; font-size: 13px; } 
.event.ver4 .container_info.ver_circle .info .info_date { font-size: 13px; } 
}