@charset "euc-kr"; /* url: https://img.megagong.net/m/2025/ */
.con_tit .end::after { background: #46b9a0; } /* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */

.evSection .inner { padding: 150px 0; } 
.evSection.event .inner { padding: 0px 0; } 
.evSection .wh_color { color: #fff } 
.evSection .main_color { color: #FF8700; } 
.evSection .gray_color { color: #666666; } 
.evSection .mini_tit { margin-bottom: 20px; } 
.evSection .con_tit { margin-bottom: 60px; } 
.evSection .evt_con_base.xs { margin-top: 15px; } 
.evSection .fw_light { font-weight: 400; } 

/* S: [fixmenu] ·¹À̾ƿô */
.eventWrap .evSection.fix_mode { padding-top:100px; } 
.fix_menu { background: #ff8700; z-index: 3; position: relative; height: 100px; } 
.fix_menu ul { width: 1080px; margin: 0 auto; display:flex; align-items:flex-start; justify-content:space-between; } 
.fix_menu li { width: 100%; position: relative; } 
.fix_menu li i { position: absolute; top: 50%; right: -35px; transform: translateY(-50%); z-index: 2; } 
.fix_menu li a { display: block; padding: 36.5px 0; font-size: 19px; position: relative; color: #fff; font-weight: 700; border-bottom: 1px solid #000; } 
.fix_menu.fixed { position: fixed; top: 0; left: 0; width: 100%; } 
.fix_menu ul strong { background: #000; border-radius: 50px; padding: 1px 10px; margin-right: 4px; } 

.flt_inner.renewal li { border: 1px solid #000; border-radius: 6px; } 

.evCon1 { background: url(https://img.megagong.net/m/2025/0509_wjsgywls1/bg_con1.png)no-repeat; background-size: cover; position: relative; } 
/* .evCon1::after { content: ""; display: block; width: 100%; height: 250px; background: linear-gradient(0deg, rgba(192, 234, 129, 1) 0%, rgba(253, 187, 45, 0) 100%); position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); z-index: 0; } */
.evSection.evCon1 .inner { padding: 310px 0 35px; } 
.evCon1 .tea_img { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 100%; } 
.evCon1 .sub_tit_wrap { position: relative; display: flex
; justify-content: center; gap: 310px; margin-bottom: 120px; margin-left: -50px; } 
.evCon1 h3 { position: relative; margin-bottom: 20px; z-index: 1; } 
.evCon1 .home_wrap { position: relative; z-index: 1; } 
.evCon1 .teacher_home { justify-content: center; } 
.evCon1 .teacher_home b { padding: 4px 6px 5px; } 

.evCon2 { background: #C0EA81; } 
.evCon2 .flow_box { background: #fff; border-radius: 30px; padding: 50px 80px; } 
.evCon2 .flow_box .flow_tit { background: #000; border-radius: 50px; display: inline-block; padding: 13px 102px; font-weight: 700; margin-bottom: 30px; } 
.evCon2 .flow_box .flow_img { margin-bottom: 20px; } 
.evCon2 .flow_box .flow_list { display: flex; justify-content: center; align-items: center; gap: 20px; } 
.evCon2 .flow_box .flow_list li { background: #f8f8f8; border-radius: 15px; flex: 1; padding: 40px 0px; } 
.evCon2 .flow_box .gray_color { font-weight: 500; } 
.evCon2 .flow_box .flow_sub_tit { margin-bottom: 30px; } 
.evCon2 .flow_img_wrap { display: flex; justify-content: center; align-items: center; gap: 20px; } 
.evCon2 .right_img { background: #F8F8F8; border-radius: 15px; padding: 40px 30px; } 

.evCon3.evSection .con_tit { font-weight: 400; } 
.evCon3 .tea_img { position: absolute; left: -690px; bottom: -150px; z-index: -1; width: 100%; } 
.evCon3 .point_round { width: 109px; height: 30px; background: #000; color: #fff; border-radius: 50px; display: flex
; justify-content: center; align-items: center; margin: 0 auto 5px; } 
.evCon3 .evt-tab.type-1::before { content: ''; position: absolute; width: 100%; height: 4px; background: #000; left: 0px; bottom: 0; z-index: 1; } 
.evCon3 .evt-tab.type-1 li.on::before { display: none } 
.evCon3 .evt-tab.type-1 li a { padding: 20px 5px; color: #8d8d8d; background: #DFDFDF; border: none; } 
.evCon3 .evt-tab.type-1 li.on a { background: #000; color: #fff; border: none; } 
.evCon3 .evt-tab.type-1 li.on .point_round { background: #fff; color: #000; } 
.evCon3 .evt-tab.type-1 li.on .point_st { color: #ff8700; } 
.evCon3 .panel_base > li { padding: 40px 78px; border: 1px solid #f1f1f1; background: rgba(255,255,255,0.8); } 
.evCon3 .panel_base .sub_tit { margin-bottom: 30px; } 
.evCon3 .lec_img_wrap { display: flex; justify-content: center; align-items: center; } 
.evCon3 .lec_img_wrap > div { flex: 1; padding: 30px 0; height: 446px; } 
.evCon3 .left_img { background: #c0ea81; } 
.evCon3 .right_img { border: 1px solid #f2f2f2; display: flex; justify-content: center; align-items: center; } 

.evCon4.evSection { background: #C0EA81; } 
.evCon4 .eventVideo.video_renewal { margin: 0 -1px; } 
.evCon4 .eventVideo.video_renewal .video_box { padding-bottom: 51.7%; } 
.evCon4 .curr_point { margin-top: 30px; } 
.evCon4 .curr_p_tit { background: #000; padding: 33px 0; } 
.evCon4 .curr_p_list { display: flex; justify-content: center; align-items: center; background: #fff; border: 1px solid #000; border-top: none; } 
.evCon4 .p_list_box { padding: 27px 0; } 
.evCon4 .p_step_tit { width: 260px; height: 99px; border-right: 1px solid #000; } 
.evCon4 .p_text_box { width: calc(100% - 260px); height: 99px; position: relative; } 
.evCon4 .p_text_box > div { height: 99px; position: absolute; left: 0px; top: 0px; width: 100%; display: flex; justify-content: center; align-items: center; background: #fff; flex-wrap: wrap; align-content: center; } 
.evCon4 .p_text_box .p_cover { opacity: 1; transition: 0.3s; cursor: pointer; } 
.evCon4 .p_text_box .p_cover .evt_con_base.xs { margin-top: 0; display: block; width: 100%; } 
.evCon4 .p_text_box .p_cover::after { content: ""; display: block; background: url(https://img.megagong.net/m/2025/0509_wjsgywls1/obj_crs.png)no-repeat; background-size: cover; width: 26px; height: 26px; position: absolute; right: 10px; bottom: 10px; } 
.evCon4 .p_text_box:hover .p_cover { opacity: 0; transition: 0.3s; } 
.evCon4 .p_text_box:hover .p_cover::after { display: none; } 
.evCon4 .p_con strong { margin: 0 3px; display: contents; } 
.evCon4 .dep2 .p_text_box { width: 409px; border-right: 1px solid #000; } 
.evCon4 .dep2 .p_text_box:last-child { border: none; } 
.evCon4 .curr_p_list.new_ver { background: #dcffdb; position: relative; } 
.evCon4 .curr_p_list.new_ver .p_text_box > div { background:#dcffdb; } 
.evCon4 .new_obj { background: #FF0000; position: absolute; left: 0px; top: 0px; padding: 5px 17px; } 

.evCon5.evSection { background: url(https://img.megagong.net/m/2025/0509_wjsgywls1/bg_con4.png)no-repeat center; background-size: cover; position: relative; background-size: 100%; background-position: top; } 
.evCon5 .vod_point_wrap { width: 100%; background: #ff8700; border-radius: 30px; display: flex; gap: 20px; padding: 50px 40px; justify-content: center; } 
.evCon5 .eventVideo.video_renewal { position: relative; width: auto; height: auto; background: #000; width: 552px; } 
.evCon5 .lec_point_wrap { display: flex; justify-content: center; align-items: center; gap: 50px; background: #f8f8f8; padding: 30px 0; margin-top: 30px; } 
.evCon5 .lec_point_img { display: flex
; justify-content: flex-start; align-items: center; gap: 20px; } 
.evCon5 .lec_point_img .lec_p_ico { border-right: 1px solid #EDEDED; padding-right: 20px; } 
.evCon5 .lec_point_img .lec_p_ul { color: #666666; text-align: left; } 
.evCon5 .lec_point_img .lec_p_ul li:last-child { margin-top: 5px; } 
.evCon5 .lec_point_img .link_page { text-decoration: underline; } 
.evCon5 .eventVideo.video_renewal .video_box { height: 100%; } 

.event.evSection { background: #FF8700; } 
.event .container_info .info .noti { color: #fff; } 
.event .gift_list_wrap li { padding: 0px 0 25px; } 
.event .gift_list_wrap li .badge { background-color: #ff6000; } 
.event .step_base_wrap .hashtag { font-size: 14px; color: #4D64FF; } 
.event .step_base_wrap .hashtag.gray_color { font-size: 13px; color: #666; } 
.event .regist_form_area { background-color: #d97300; margin-top: 0px; border-radius: 0px; } 
.event .regist_form_area .check_area { position: relative; } 
.event .regist_form_area .check-base { right: 0px; top: 30px; position: absolute; } 
.event .share_base_wrap .share_list.col4 li dl dt { width: 240px; } 
.event .share_base_wrap .share_list.col4 li dl dd { width: 177px; } 
.event .share_base_wrap .share_list li { margin-top: 10px; } 
.event .btn-base-wrap + .share_base_wrap { border-radius: 3px 3px 0px 0px; } 
.event .comment_base_wrap .comment_list { margin-top: 0; border-radius: 0px 0px 3px 3px; } 

.evSection.evtoggleWarning .inner { padding: 0; } 

/* 250527 */
.evCon5 .vod_point_text { position: relative; } 
.evCon5 .bdj_alert { position: absolute; right: -20px; top: -15px; background: #137400; width: 85px; height: 85px; border-radius: 50%; color: #fff; display: flex; justify-content: center; align-items: center; } 
.evCon5 .bdj_alert.on { background: #C0EA81; color: #000; } 

@media screen and (max-width: 1200px){
 .fix_menu { height: auto; } 
 .fix_menu ul { width: 100%; } 
 .fix_menu li a { font-size: 17px; padding: 23px 0; } 
 .fix_menu li i { right: 0; max-width: 30%; } 
 .evSection .inner { padding: 11% 0; } 
.evSection .mini_tit { margin-bottom: 2%; } 
.evSection .con_tit { margin-bottom: 6%; } 
.evSection .evt_con_base.xs { margin-top: 2%; } 

 .evSection.evCon1 .inner { padding: 6% 0 6%; } 
.evCon1 .sub_tit_wrap { gap: 2%; margin-bottom: 45%; margin-left: 0px; flex-wrap: wrap; } 
.evCon1 .sub_tit_wrap p { width: 100%; } 
.evCon1 .tea_img { width: 80%; } 
.evCon1 h3 { margin-bottom: 1%; padding: 0 18%; } 

.evCon2 .flow_box { border-radius: 10px; padding: 4% 2%; } 
.evCon2 .flow_box .flow_tit { padding: 2% 7%; margin-bottom: 3%; } 
.evCon2 .flow_box .flow_list { gap: 1%; font-size: clamp(15px, 2.1vmin, 20px); } 
.evCon2 .flow_box .flow_list li { padding: 3% 1%; } 
.evCon2 .flow_box .flow_img { margin-bottom: 4%; padding: 0 33%; } 
.evCon2 .flow_box .flow_sub_tit { margin-bottom: 3%; } 
.evCon2 .flow_img_wrap { gap: 2%; } 
.evCon2 .right_img { padding: 4% 3%; } 

.evCon3 .evt-tab.type-1 li a { padding: 3% 5px; } 
.evCon3 .tea_img { display: none; } 
.evCon3 .point_round { width: 11vw; height: 3vw; margin: 0 auto 1%; } 
.evCon3 .panel_base > li { padding: 3% 2%; } 
.evCon3 .panel_base .sub_tit { margin-bottom: 3%; } 
.evCon3 .lec_img_wrap > div { padding: 2% 0; height: 43vw; display: flex
; justify-content: center; align-items: center; } 
.evCon3 .lec_img_wrap > div.left_img img { padding: 1% 9%; } 
.evCon3 .lec_img_wrap > div.left_img.big_ver img { padding: 1% 13%; } 

.evCon4 .curr_p_tit { padding: 2% 0; } 
.evCon4 .p_step_tit { width: 21vw; height: 10vw; display: flex
; justify-content: center; align-items: center; } 
.evCon4 .p_text_box { width: calc(100% - 21vw); height: 10vw; } 
.evCon4 .p_text_box > div { height: 10vw; } 
.evCon4 .p_text_box .p_cover::after { width: 2vw; height: 2vw; right: 1%; bottom: 6%; } 
.evCon4 .dep2 .p_text_box { width: calc(100% - 58.2vw); } 
.evCon4 .new_obj { padding: 2px 1%; } 

.evCon5 .vod_point_wrap { border-radius: 10px; gap: 2%; padding: 2% 2%; } 
.evCon5 .lec_point_wrap { gap: 2%; padding: 2% 2%; margin-top: 3%; } 
.evCon5 .lec_point_img { display: flex
; justify-content: flex-start; align-items: center; gap: 1%; width: 50%; } 
.evCon5 .lec_point_img .lec_p_ul li:last-child { margin-top: 1%; } 
.evCon5 .lec_point_img .lec_p_ico { padding-right: 3%; border: none; } 

 .event .share_base_wrap .share_list.col4 li dl dt { width: 20%; } 
.event .share_base_wrap .share_list.col4 li dl dd { width: calc(20% - 8px); } 

.evCon5 .bdj_alert { right: -3%; top: -4%; width: 8vw; height: 8vw; } 
 }

@media screen and (max-width: 992px){
 .evCon4 .p_text_box .p_cover { font-size: clamp(15px, 2.2vmin, 20px); } 

 .evCon5 .lec_point_wrap { padding: 2% 2%; display: block; } 
 .evCon5 .lec_point_wrap .lec_point_img { width: 65%; margin: 0 auto 2%; } 
.evCon5 .lec_point_wrap .lec_point_img:last-child { margin-bottom: 0; } 

 .event .step_base_wrap { padding: 3% 1% 1%; } 
 .event .btn-base-wrap + .share_base_wrap { margin-top: 4%; } 
 .event .step_base_wrap .step_list { gap: 5px; } 
 .event .step_base_wrap .step_list li .box_area { padding: 3%; } 

 .evCon5 .bdj_alert { right: -7%; top: -7%; width: 9vw; height: 9vw; } 
 }

@media screen and (max-width: 768px){
 .fix_menu li a { font-size: 14px; padding: 15px 0; } 

.evCon1 .sub_tit_wrap { margin-bottom: 48%; } 
.evCon1 .tea_img { width: 87%; } 
.evCon1 h3 { margin-bottom: 2%; padding: 0 14%; } 
.evCon1 .teacher_home b { padding: 2px 4px 3px; font-size: 12px; } 

.evCon2 .flow_box .flow_list { display: block; } 
.evCon2 .flow_box .flow_list li { margin-bottom: 1%; } 
.evCon2 .flow_box .flow_img { margin-bottom: 1%; padding: 0 44%; } 
.evCon2 .flow_img_wrap { display: block; } 
.evCon2 .flow_img_wrap .left_img { padding: 0 22%; margin-bottom: 2%; } 
.evCon2 .right_img { padding: 4% 16%; } 

.evCon3 .lec_img_wrap { display: block; } 
.evCon3 .lec_img_wrap > div { height: auto; } 
.evCon3 .lec_img_wrap > div { padding: 3% 13%; } 
.evCon3 .lec_img_wrap > div.left_img { padding: 2% 17%; } 

.evCon4 .new_obj { padding: 1px 3px; font-size: 11px; } 
.evCon4 .curr_point { margin-top: 3%; } 
.evCon4 .dep2 .p_text_box { width: calc(100% - 58.3vw); } 

.evCon5 .vod_point_wrap { border-radius: 5px; gap: 1%; padding: 1% 1%; } 
.evCon5 .lec_point_wrap .lec_point_img { width: 90%; } 

 .event .step_base_wrap .step_list li .box_area .txt { font-size: 13px; } 
.event .step_base_wrap .hashtag { font-size: 13px; } 
.event .share_base_wrap .share_list li dl dt, .event .share_base_wrap .share_list.col4 li dl dt { width: 100%; } 
.event .share_base_wrap .share_list li dl dd, .event .share_base_wrap .share_list.col4 li dl dd { width: calc(33.333% - 5.4px); } 

 .evCon5 .bdj_alert { right: -6%; top: -7%; width: 10vw; height: 10vw; font-size: 12px; line-height: 1.2; } 
 }

@media screen and (max-width: 576px){
 .fix_menu li a { padding: 3% 0; } 

 .evCon1 .tea_img { width: 110%; } 
.evCon1 .sub_tit_wrap { margin-bottom: 60%; } 
.evCon1 h3 { margin-bottom: 4%; padding: 0 7%; } 

.evCon2 .flow_img_wrap .left_img { padding: 0 17%; } 
.evCon2 .right_img { padding: 4% 6%; } 

.evCon3 .evt-tab.type-1 li a { line-height: 1.2; } 
.evCon3 .point_round { width: 21vw; margin: 0 auto 2%; height: 5vw; } 
.evCon3 .lec_img_wrap > div { padding: 3% 0%; } 
.evCon3 .lec_img_wrap > div.left_img { padding: 2% 6%; } 

.evCon4 .curr_p_list { display: block; } 
.evCon4 .p_step_tit { width: 100%; height: auto; padding: 2% 0; border-right: none; border-bottom: 1px solid #e1e1e1; } 
.evCon4 .p_text_box { width: 100%; } 
.evCon4 .p_text_box > div { width: 100%; height: 100%; } 
.evCon4 .dep2 .p_text_box { width: 100%; border-right: none; border-bottom: 1px solid #e1e1e1; } 

.evCon5 .vod_point_wrap { display: block; padding: 2% 2%; background: transparent; } 
.evCon5 .eventVideo.video_renewal { width: 100%; margin-bottom: 2%; } 
.evCon5 .vod_point_text { padding: 0 7%; } 
.evCon5 .lec_point_wrap { padding: 2% 0%; } 
.evCon5 .eventVideo.video_renewal .video_box .play_area > img { top: 50%; transform: translateY(-50%); } 
.evCon5 .lec_point_wrap .lec_point_img { width: 100%; display: block; } 
.evCon5 .lec_point_img .lec_p_ico { width: 31%; margin: auto; } 
.evCon5 .lec_point_img .lec_p_ul { text-align: center; } 

 .event .regist_form_area .check-base { top: inherit; right: inherit; left: 0px; bottom: 0px; } 
 .event .regist_form_area, .event .comment_base_wrap .comment_list, .event .gallery_base_wrap, .event .review_base_wrap, .share_base_wrap { padding: 2%; } 

 .evCon5 .bdj_alert { right: -1%; top: 5%; width: 16vw; height: 16vw;; } 
 }


@media screen and (max-width: 480px){
 .fix_menu li a { font-size: 12px; } 
 }