@charset "euc-kr"; /* bg url: https://img.megagong.net/m/2023/ - as-is url */
/* bg url: https://image.megagong.net/m/2023/ - to-be url */

/* S: °øÀ¯Çϱâ À̺¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */
/* Æ˾÷ */
.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://image.megagong.net/m/common/pop_close2.png) no-repeat center center; font-size: 0; width: 26px; height: 26px; } 

.br_1200 { display: none; } 
.br_992 { display: none; } 
.br_768 { display: none; } 
.br_576 { display: none; } 
.br_375 { display: none; } 

.color_p { color: #41fffd; } 
.color_p2 { color: #523dee; } 

.event_end {position: absolute;right: 80px;display: block;top: 255px;} 
.lecture { padding-bottom: 0 !important; background: #fff; } 
.eventWrap .evSection.evCon5,.eventWrap .evSection.evCon6 { overflow: inherit; } 

strong { font-weight: 800; } 

.con_tit { font-size: 42px; font-weight: 800; line-height: 56px; margin-bottom: 80px; } 
.mini_tit { font-size: 24px; color: #523dee; } 
.sub_tit { font-size: 24px; } 
.main_text { font-size: 35px; } 
.sub_text { font-size: 28px; } 
.con_tit b { font-weight: 800; } 

.toggleBtn .to1 { display: block; } 
.toggleBtn .to2 { display: none; } 
.toggleBtn.on .to1 { display: none; } 
.toggleBtn.on .to2 { display: block; } 

/* con1 */
.evCon1 { background:#4336a5 url(https://image.megagong.net/m/2023/0502_enp301/bg_con1.png) no-repeat center center; background-size: cover; } 
.evCon1 .inner { padding: 150px 0 17px; } 
.evCon1 .inner h3 { position: relative; z-index: 1; margin-bottom: 60px; margin-left: 40px; text-align: left; } 
.evCon1 .inner .tea_img { position: absolute; bottom: -16px; z-index: 0; right: -210px; } 
.evCon1 .inner .home_btn { margin-bottom: 150px; position: relative; z-index: 1; text-align: left; margin-left: 40px; } 
.evCon1 .inner .tiny_noti { position: relative; z-index: 1; color: #fff; opacity: 0.5; font-size: 14px; margin-left: 40px; text-align: left; } 

/* con2 */
.evCon2 .inner { padding: 150px 0; } 
.evCon2 .inner .vs_wrap { margin: 0 40px; font-size: 18px; display: flex; justify-content: center; } 
.evCon2 .inner .vs_box { width: 50%; } 
.evCon2 .inner .vs_box li { padding: 30px 0; margin-bottom: 30px; } 
.evCon2 .inner .vs_box.left li { background: #ebebec; color: #7f7f7f; border-radius: 16px 0 0 16px; position: relative; } 
.evCon2 .inner .vs_box.left li::after { content: ''; width: 70px; height: 70px; background: url(https://image.megagong.net/m/2023/0502_enp301/vs_obj.png) no-repeat center center; display: block; position: absolute; right: -35px; top: 50%; transform: translateY(-50%); } 
.evCon2 .inner .vs_box.right li { background: #f0f2ff; color: #523dee; font-weight: 800; border-radius: 0px 16px 16px 0px; } 

/* con2_5 */
.evCon2_5 { background: url(https://image.megagong.net/m/2023/0502_enp301/side_bg.png) no-repeat center center; background-size: cover; } 
.evCon2_5 .inner { padding: 45px 0 40px; } 
.evCon2_5 .sub_tit { display: inline-block; } 

/* con3 */
.evCon3 { background: #f0f2ff; } 
.evCon3 .inner { padding: 150px 0; } 
.evCon3 .inner .con_box { margin: 0 47px; } 
.evCon3 .inner .hover_list { display: flex; flex-wrap: wrap; justify-content: space-between; } 
.evCon3 .inner .hover_list li { width: 48.8%; } 
.evCon3 .inner .hover_list li:nth-child(1),.evCon3 .inner .hover_list li:nth-child(2) { margin-bottom: 20px; } 
.evCon3 .inner .hover_list li:nth-child(1),.evCon3 .inner .hover_list li:nth-child(3) { margin-right: 10px; } 
.evCon3 .inner .hover_list li:nth-child(2),.evCon3 .inner .hover_list li:nth-child(4) { margin-left: 10px; } 
.evCon3 .inner .hover_wrap { border: 1px solid #523dee; position: relative; border-radius: 16px; background: #fff; transition: 0.3s; padding: 45px 0; } 
.evCon3 .inner .hover_wrap:hover { background: #523dee } 
/* .evCon3 .inner .hover_wrap .front_hover { position: absolute; left: 48%; top: 53%; transition: 0.3s; transform: translateX(-48%) translateY(-54%); width: 100%; } 
.evCon3 .inner .hover_wrap .back_hover { position: absolute; left: 48%; top: 53%; opacity: 0; transition: 0.3s; transform: translateX(-48%) translateY(-53%); width: 100%; display: none; } 
.evCon3 .inner .hover_wrap:hover .back_hover { opacity: 1; display: block; transition: 0.3s; } 
.evCon3 .inner .hover_wrap:hover .front_hover { opacity: 0; display: none; transition: 0.3s; } */
.evCon3 .inner .hover_wrap .front_hover { transition: 0.5s; width: 100%; } 
.evCon3 .inner .hover_wrap .back_hover { opacity: 0; transition: 0.5s; width: 100%; display: none; } 
.evCon3 .inner .hover_wrap:hover .back_hover { opacity: 1; display: block; transition: 0.5s; } 
.evCon3 .inner .hover_wrap:hover .front_hover { opacity: 0; display: none; transition: 0.5s; } 
.evCon3 .inner .tiny_noti { font-size: 14px; opacity: 0.5; text-align: right; margin-top: 10px; } 


/* con4 */
.evCon4 .inner { padding: 150px 0; } 
.evCon4 .inner .book_wrap { display: flex; margin-bottom: 65px; } 
.evCon4 .inner .book_wrap .left { margin-right: 30px; margin-left: 70px; } 
.evCon4 .inner .book_wrap .right_sub_tit { margin-bottom: 20px; } 
.evCon4 .inner .book_wrap .book_point li { background: #f3f4f4; border-radius: 7px; margin-bottom: 18px; padding: 19px 0; font-size: 18px; } 
.evCon4 .inner .book_wrap .book_strong { color: #523dee; } 
.evCon4 .inner .btn_wrap { display: flex; justify-content: center; } 
.evCon4 .inner .btn_box.left { margin-right: 10px; } 
.evCon4 .inner .btn_box.right { margin-left: 10px; } 
.evCon4 .inner .btn_wrap a { display: block; } 

/* con5 */
.eventVideo.video_renewal.with_shadow { margin: 0 40px 80px; } 
.evCon5 { background: #f3f4f4; } 
.evCon5 .inner { padding: 150px 0; } 
.evCon5 .inner .lec_point_wrap { margin-bottom: 80px; } 
.evCon5 .inner .lec_point_wrap ul { display: flex; justify-content: space-between; margin: 0 40px; } 
.evCon5 .inner .lec_point_wrap ul li { background: #fff; width: 32.2%; padding: 30px 0; border: 1px solid #523dee; border-radius: 7px; position: relative; } 
.evCon5 .inner .lec_point_wrap ul li::after { content: ''; display: block; width: 12px; height: 10px; position: absolute; left: 50%; transform: translateX(-50%); top: -10px; background: url(https://image.megagong.net/m/2023/0502_enp301/trg_obj.png) no-repeat center center; } 

/* con6 */
.evCon6 .inner { padding: 150px 0; } 
.evCon6 .inner .note_wrap { background: url(https://image.megagong.net/m/2023/0502_enp301/bg_con6.png) no-repeat center center; background-size: cover; border-radius: 16px; position: relative; margin-top: 80px; } 
.evCon6 .inner .bat_note { position: absolute; left: 40px; top: -5px; } 
.evCon6 .inner .note_main { padding: 30px 0; } 
/* .evCon6 .inner .lecture { margin-top: 80px; } */

/* event */
.evCon7 { background: #2f2366; } 
.evCon7 .inner { padding: 150px 0; } 
.evCon7 .inner .event_label { margin-bottom: 40px; } 
.evCon7 .inner .tag { font-size: 20px; font-weight: 700; margin-bottom: 15px; } 
.evCon7 .inner .con_tit { margin-bottom: 42px; color: #fff; } 
.evCon7 .inner .main_text { margin-bottom: 75px; } 

.evCon7 .inner .container_info { color: #fff; background-color: #43377b; margin: 0 40px 95px; } 
.container_info .info .info_title { margin-right: 6px; } 
.container_info .info .info_title::before { background-color: #fff; } 
.container_info .info .info_title::after { display: none; } 
.container_info .info .noti { color: #41fffd; } 
.evCon7 .inner .item_wrap { display: flex; justify-content: center; margin-bottom: 95px; margin: 0 180px 95px 180px; } 
.evCon7 .inner .item_wrap .item.left { margin-right: 55px; } 
.evCon7 .inner .item_wrap .item.right { margin-left: 55px; } 
.evCon7 .inner .event_sub_tit { margin-bottom: 45px; } 

.evCon7 .inner .link_wrap { margin-bottom: 20px; } 
.evCon7 .inner .link_box li { width: 100%; position: relative; } 
.evCon7 .inner .link_box li::after { content: ''; display: block; width: 1px; height: 70%; background: #594f85; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } 
.evCon7 .inner .link_box li:last-child:after { display: none; } 
.evCon7 .inner .link_box a { display: block; padding: 15px 0; } 
.evCon7 .inner .link_box { display: flex; justify-content: space-around; border: 1px solid #594f85; border-radius: 8px; } 

.evCon7 .inner .event_how_list { margin-bottom: 50px; background: #fff; border-radius: 7px; } 
.evCon7 .inner .event_how_list ul { display: flex; justify-content: space-between; } 
.evCon7 .inner .event_how_list ul li { position: relative; width: 34%; margin: 35px 0; border-right: 1px solid #ebebec; } 
.evCon7 .inner .event_how_list ul li:last-child { border-right: none; } 
.evCon7 .inner .event_how_list .num { position: absolute; left: 15px; top: 0px; } 
.evCon7 .inner .event_how_list .arrow { position: absolute; display: block; right: -6px; top: 49%; transform: translateY(-50%); background: #fff; width: 10px; height: 30px; } 

.evCon7 .inner .btn_wrap { margin-bottom: 110px; } 
.type_lst ul li.on a { color: #fff; } 
.type_lst ul li a { color: #8474d1; } 
.type_lst ul li { border-right: 1px solid #695da4; } 
.paging.gall a { color: #8474d1; } 
.paging.gall strong { color: #fff; } 

/* popup */
.urlbox { position: relative; height: 30px; width:100%; padding: 5.5px 9px; background: #fff; border: 1px solid #d0d0d0; box-sizing: border-box; } 
.mg_s_info { margin-top: 30px; color: #9a9a9a; } 
.mg_s_info li { margin-top: 4px; line-height: 19px; } 
[class*=mg_popup_wrap] .content_area .mg_btn_wrap { font-family: 'NotoSans KR'; } 
.mg_s_info .tp1 { color: #1c64ff; text-decoration: underline; } 

.evSection.evtoggleWarning { background: #f3f4f4; } 
.evtoggleWarning p.w_tit i { font-style: inherit; } 
.evtoggleWarning li.red { color: red; font-weight: 900; } 
.warningList li ul li a.tp1 { background-color: transparent; color: #523dee; font-size: 13px; text-decoration: underline; margin-left: -3px; } 


.evCon8{background: #fff;} 
.evCon8 .charact_wrap{display: flex;margin: 0 -20px 20px;} 
.evCon8 .charact_wrap li{
    flex: 1;
} 
.evCon8 .recommend_wrap{
    position: relative;
    background: #292929;
    background: #292929 url(https://image.megagong.net/m/2023/0502_enp301/bg_con6.png) no-repeat center center;
    background-size: cover;
    border-radius: 15px;
    height: 160px;
    margin: 0 0 80px;
} 
.evCon8 .recommend_wrap h5{
    position: absolute;
    left: 70px;
    top: 40px;
    background: #523dee;
    color: #fff;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
} 
.evCon8 .recommend_wrap ul{
    color: #fff;
    position: relative;
    padding: 40px 0 40px 240px;
} 
.evCon8 .recommend_wrap ul li{
    position: relative;
    text-align: left;
    padding: 0 0 0 20px;
    background: url(https://image.megagong.net/m/2023/0502_enp301/updateimg_3.png) no-repeat 0px 7px;
    margin: 2px 0;
    font-weight: 200;
} 








/* event */
.evCon9 { background: #2f2366; } 
.evCon9 .inner .main_text {margin-bottom: 75px;font-size: 20px;color: #857da7;} 
.evCon9 .inner .main_text  strong{
    color: #fff;
    font-weight: bold;
    display: inline-block;
    background: linear-gradient(0deg, #4f20c1 0%, #4f20c1 50%, transparent 50%, transparent 100%);
    padding: 0 2px 0 4px;
}
.evCon9 .inner .item_wrap .item.left p{color: #41fffd;padding: 10px 0 0;}



@media screen and (max-width: 1200px) { 
    
    
    
    
    
    /* °øÅë */
 .br_1200 { display: block; } 
 .br_1200_none { display: none; } 
 .con_tit { margin-bottom: 6%; font-size: 44px; line-height: 49px; padding: 0 8%; } 
 .mini_tit { font-size: 26px; } 
.sub_tit { font-size: 21px; } 
.main_text { font-size: 28px; } 
.sub_text { font-size: 24px; } 

/* con1 */
.evCon1 .inner { padding: 11% 0 2%; } 
.evCon1 .inner h3 { margin-bottom: 4%; margin-left: 4%; padding: 0 38% 0 0; } 
.evCon1 .inner .tiny_noti { margin-left: 3%; } 
.evCon1 .inner .home_btn { margin-bottom: 12%; margin-left: 4%; padding: 0 72% 0 0; } 
.evCon1 .inner .tea_img { bottom: -137%; right: 0%; width: 53%; } 

/* con2 */
.evCon2 .inner { padding: 12% 0; } 
.evCon2 .inner .vs_wrap { margin: 0 4%; font-size: 16px; } 
.evCon2 .inner .vs_box li { padding: 5% 0; margin-bottom: 4%; } 


/* con2_5 */
.evCon2_5 .inner { padding: 4% 15% 3.5%; } 


/* con3 */
.evCon3 .inner { padding: 12% 0; } 
.evCon3 .inner .con_box { margin: 0 3%; } 
.evCon3 .inner .hover_list li { width: 49%; } 
.evCon3 .inner .hover_list li:nth-child(1), .evCon3 .inner .hover_list li:nth-child(2) { margin-bottom: 3%; } 
.evCon3 .inner .hover_list li:nth-child(1), .evCon3 .inner .hover_list li:nth-child(3) { margin-right: 1%; } 
.evCon3 .inner .hover_list li:nth-child(2), .evCon3 .inner .hover_list li:nth-child(4) { margin-left: 1%; } 
.evCon3 .inner .hover_wrap { padding: 8% 18%; } 

/* con4 */
.evCon4 .inner { padding: 12% 0; } 
.evCon4 .inner .book_wrap { margin: 0 6% 5%; justify-content: space-between; align-items: center; } 

.evCon4 .inner .book_wrap .book_point li { margin-bottom: 2%; padding: 3% 0; font-size: 16px; } 
.evCon4 .inner .btn_box.left { margin-right: 1%; } 
.evCon4 .inner .btn_box.right { margin-left: 1%; } 
.evCon4 .inner .book_wrap .left { margin-right: 0%; margin-left: 0%; } 
.evCon4 .inner .btn_wrap { padding: 0 15%; } 

/* con5 */
.evCon5 .inner { padding: 12% 0; } 
.eventVideo.video_renewal.with_shadow { margin: 0 0% 5%; } 
.evCon5 .inner .lec_point_wrap { margin-bottom: 6%; } 
.evCon5 .inner .lec_point_wrap ul { margin: 0 0px; } 
.evCon5 .inner .lec_point_wrap ul li { padding: 3% 7%; } 


/* con6 */
.evCon6 .inner { padding: 12% 0; } 
/* .evCon6 .inner .lecture { margin-top: 9% } */
.evCon6 .inner .note_wrap { margin-top: 6%; } 
.evCon6 .inner .note_main { padding: 3% 25%; } 
.evCon6 .inner .bat_note { left: 3%; top: -4%; width: 8%; } 

/* event */
 .event_end { right: 2%; top: 8%; width: 18%; } 
 .evCon7 .inner { padding: 12% 0; } 
 .evCon7 .inner .event_label { margin-bottom: 3%; padding: 0 39%; } 
.evCon7 .inner .tag { margin-bottom: 2%; } 
 .evCon7 .inner .con_tit { margin-bottom: 4%; } 
 .evCon7 .inner .main_text { margin-bottom: 5%; padding: 0 21%; } 
 .evCon9 .inner .main_text{
    padding: 0;
}
.evCon7 .inner .container_info { margin: 0 0px 10% } 
.evCon7 .inner .item_wrap { margin: 0 9% 8% 9%; } 
.evCon7 .inner .item_wrap .item.left { margin-right: 10%; } 
.evCon7 .inner .item_wrap .item.right { margin-left: 10%; } 
.evCon7 .inner .event_sub_tit { margin-bottom: 4%; } 
.evCon7 .inner .link_box a { padding: 6% 0; } 
.evCon7 .inner .link_wrap { margin-bottom: 2%; } 
.evCon7 .inner .event_how_list { margin-bottom: 5%; } 
.evCon7 .inner .event_how_list ul li { padding: 0 4% 0; margin: 3% 0; } 
.evCon7 .inner .event_how_list .arrow { right: -6%; width: 12%; height: 21%; } 
.evCon7 .inner .btn_wrap { margin-bottom: 10%; padding: 0 34%; } 


.evCon8{
    padding: 12% 0 0;
} 
.evCon8 .charact_wrap{} 
.evCon8 .charact_wrap li{} 
.evCon8 .recommend_wrap{} 
.evCon8 .recommend_wrap h5{} 
.evCon8 .recommend_wrap ul{}
.evCon8 .recommend_wrap ul li{}

.evCon9 .inner{
    padding: 12% 0;
}
 

}

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

 /* °øÅë */
 .br_992 { display: block; } 
 .br_992_none { display: none; } 
 .con_tit { font-size: 34px; line-height: 41px; } 
 .mini_tit { font-size: 22px; } 
 .sub_tit { font-size: 18px; } 
 .main_text { font-size: 24px; } 
 .sub_text { font-size: 22px; } 

/* con1 */
.evCon1 .inner h3 { margin-left: 1%; } 
.evCon1 .inner .home_btn { margin-left: 1%; } 
.evCon1 .inner .tiny_noti { margin-left: 1%; font-size: 11px; } 

/* con2 */
.evCon2_5 .inner { padding: 4% 10% 3.5%; } 
.evCon2 .inner .vs_wrap { margin: 0 0%; font-size: 15px; } 
.evCon2 .inner .vs_box li { padding: 6% 0; } 
.evCon2 .inner .vs_box.left li::after { background-size: 80%; } 
.evCon2 .inner .vs_box.left li { border-radius: 10px 0 0 10px; } 
.evCon2 .inner .vs_box.right li { border-radius: 0px 10px 10px 0px; } 

 /* con3 */
 .evCon3 .inner .hover_wrap { border-radius: 10px; padding: 8% 14%; } 


 /* con6 */
 .evCon6 .inner .note_wrap { background-position: 88%; } 
 .evCon6 .inner .bat_note { width: 11%; } 
 .evCon6 .inner .note_main { padding: 5% 18%; } 


 /* event */
 .evCon7 .inner .item_wrap { margin: 0 6% 8%; } 
.evCon7 .inner .item_wrap .item.left { margin-right: 2%; } 
.evCon7 .inner .item_wrap .item.right { margin-left: 2%; } 

.evCon7 .inner .event_sub_tit { overflow: hidden; } 
.evCon7 .inner .event_sub_tit img { max-width: 130%; width: 130%; margin: 0 -15% 0 -15%; } 
.evCon7 .inner .link_box a { padding: 11% 0; } 
.evCon7 .inner .event_how_list ul li { padding: 0 2% 0; } 
.evCon7 .inner .btn_wrap { padding: 0 29%; } 


.evCon8{} 
.evCon8 .charact_wrap{} 
.evCon8 .charact_wrap li{} 
.evCon8 .recommend_wrap{} 
.evCon8 .recommend_wrap h5{} 
.evCon8 .recommend_wrap ul{}
.evCon8 .recommend_wrap ul li{}


 }

@media screen and (max-width: 768px) { /* °øÅë */
 .br_768 { display: block; } 
 .br_768_none { display: none; } 
 .con_tit { font-size: 32px; line-height: 35px; padding: 0 1%; } 
 .mini_tit { font-size: 18px; } 
 .sub_tit { font-size: 15px; } 
 .main_text { font-size: 22px; } 
 .sub_text { font-size: 19px; } 

 /* con1 */
 .evCon1 .inner h3 { padding: 0 30% 0 0; } 
.evCon1 .inner .home_btn { padding: 0 65% 0 0; } 
.evCon1 .inner .tea_img { width: 60%; } 
 
 /* con2 */
 .evCon2 .inner .vs_wrap { font-size: 13px; } 

/* con2_5 */
.evCon2_5 .inner { padding: 4% 4% 3.5%; } 


 /* con3 */
 .evCon3 .inner .con_box { margin: 0 0%; } 
.evCon3 .inner .hover_list li:nth-child(1), .evCon3 .inner .hover_list li:nth-child(2) { margin-bottom: 2%; } 
.evCon3 .inner .hover_wrap { padding: 8% 6%; } 
.evCon3 .inner .tiny_noti { font-size: 12px; } 

 /* con4 */
 .evCon4 .inner .book_wrap { display: block; margin: 0 6% 10%; } 
.evCon4 .inner .book_wrap .left { padding: 0 19%; margin-block: 6%; } 
.evCon4 .inner .book_wrap .right { padding-top: 0%; padding: 0 7%; } 
.evCon4 .inner .btn_wrap { padding: 0 2%; } 

/* con5 */
.evCon5 .inner .lec_point_wrap ul li { padding: 3% 4%; } 


 /* con6 */
 .evCon6 .inner .note_main { padding: 5% 9%; } 

 /* event */
 
 .event_end { top: 3%; } 
 .evCon7 .inner .event_label { padding: 0 36%; } 
 .evCon7 .inner .main_text { padding: 0 11%; } 
  .evCon9 .inner .main_text{
    padding: 0;
}
 .evCon7 .inner .item_wrap { margin: 0 0% 8%; } 
.evCon7 .inner .event_sub_tit img { max-width: 150%; width: 150%; margin: 0 -25% 0 -25%; } 
.evCon7 .inner .link_box a { padding: 11% 7%; } 
.evCon7 .inner .event_how_list ul { display: block; } 
.evCon7 .inner .event_how_list ul li { padding: 4% 27%; width: 100%; margin: 0% 0%; border-right: none; border-bottom: 1px solid #ebebeb; } 
.evCon7 .inner .event_how_list ul li:last-child { margin-bottom: 0; border-bottom:none; } 
.evCon7 .inner .event_how_list .arrow { right: 50%; transform: translateX(50%) rotate(90deg); top: inherit; bottom: -8%; height: 21px; width: 21px; } 
.evCon7 .inner .btn_wrap { padding: 0 23%; } 


.evCon8{} 
.evCon8 .charact_wrap{} 
.evCon8 .charact_wrap li{} 
.evCon8 .recommend_wrap{} 
.evCon8 .recommend_wrap h5{} 
.evCon8 .recommend_wrap ul{}
.evCon8 .recommend_wrap ul li{}


 }
 
@media screen and (max-width: 576px){
 .dim_popup.sns { width:90% } 

 /* °øÅë */
 .br_576 { display: block; } 
 .br_576_none { display: none; } 
 .sub_tit { font-size: 13px; } 
 .con_tit {font-size: 20px;line-height: 1.4;padding: 0 0%;} 
 .mini_tit { font-size: 15px; display: block; line-height: 20px; } 
 .main_text { font-size: 16px; } 
.sub_text { font-size: 15px; } 

/* con1 */
.evCon1 .inner h3 { padding: 0 13% 0 0; } 
.evCon1 .inner .home_btn { padding: 0 52% 0 0; } 
.evCon1 .inner .tea_img { width: 79%; right: -23%; } 

/* con2 */
.evCon2 .inner .vs_wrap { display: block; } 
.evCon2 .inner .vs_box { width: 100%; } 
.evCon2 .inner .vs_box li { margin-bottom: 2%; } 
.evCon2 .inner .vs_box.left li,.evCon2 .inner .vs_box.right li { border-radius: 10px; } 
.evCon2 .inner .vs_box.left::after { content: ''; width: 70px; height: 70px; background: url(https://image.megagong.net/m/2023/0502_enp301/vs_obj.png) no-repeat center center; display: block; position: absolute; left: 50%; transform: translateY(-50%) translateX(-50%); background-size: 70%; } 
.evCon2 .inner .vs_box.left li::after { display: none; } 

/* con2_5 */
.evCon2_5 .inner { padding: 4% 1% 3.5%; } 


/* con3 */
.evCon3 .inner .hover_list { display: block; } 
.evCon3 .inner .hover_list li { width: 100%; } 
.evCon3 .inner .hover_wrap { padding: 4% 21%; } 
.evCon3 .inner .hover_list li { margin-bottom: 2%; } 
.evCon3 .inner .hover_list li:nth-child(1), .evCon3 .inner .hover_list li:nth-child(3) { margin-right: 0%; } 
.evCon3 .inner .hover_list li:nth-child(2), .evCon3 .inner .hover_list li:nth-child(4) { margin-left: 0%; } 

/* con4 */
.evCon4 .inner .book_wrap { margin: 0 0% 10%; } 
.evCon4 .inner .book_wrap .left { padding: 0 12%; margin-block: 6%; } 
.evCon4 .inner .book_wrap .right { padding: 0 0%; } 
.evCon4 .inner .btn_wrap { padding: 0 16%; display: block; } 
.evCon4 .inner .btn_box.left { margin-right: 0%; margin-bottom: 3%; } 
.evCon4 .inner .btn_box.right { margin-left: 0%; } 
.evCon4 .inner .book_wrap .book_point li { padding: 5% 0; font-size: 13px; } 

/* con5 */
.eventVideo.video_renewal.with_shadow { margin: 0 0% 8%; } 
.evCon5 .inner .lec_point_wrap ul li { padding: 3% 1%; } 

/* con6 */
.evCon6 .inner .note_wrap { border-radius: 7px; } 
.evCon6 .inner .note_main { padding: 5% 3%; } 

/* event */
.evCon7 .inner .main_text { padding: 0 2%; } 
.evCon9 .inner .main_text{
    font-size: 13px;
}
.evCon7 .inner .item_wrap {display: block;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: flex-start;} 
.evCon7 .inner .item_wrap .item { margin: auto; padding: 0 19%; } 
.evCon7 .inner .item_wrap .item.left { margin-right: 0%; margin-bottom: 10%; } 
.evCon7 .inner .item_wrap .item.right { margin-left: 0%; }
 .evCon9 .inner .item_wrap .item { margin: auto; padding: 0 19%; } 
.evCon9 .inner .item_wrap .item.left {margin: 0;width: 48%;padding: 0;} 
.evCon9 .inner .item_wrap .item.right {margin-left: 0%;padding: 0;width: 48%;margin: 0;margin: 0 0 0 4%;}
.evCon9 .inner .item_wrap .item.left p{
    font-size: 11px;
}
 .evCon7 .inner .event_sub_tit img { max-width: 180%; width: 180%; margin: 0 -55% 0 -55%; } 
.evCon7 .inner .link_box { flex-wrap: wrap; } 
.evCon7 .inner .link_box li { width: 50%; } 
.evCon7 .inner .link_box li:nth-child(2)::after { display: none; } 
.evCon7 .inner .link_box li:nth-child(2),.evCon7 .inner .link_box li:nth-child(1) { border-bottom: 1px solid #594f85; } 
.evCon7 .inner .link_box a { padding: 6% 17%; } 
.evCon7 .inner .event_how_list ul li { padding: 4% 17%; } 
.evCon7 .inner .btn_wrap { padding: 0 15%; } 

.warningList li ul li a.tp1 { font-size: 12px; } 
[class*=mg_popup_wrap] .content_area .content_inner { padding: 6% 3%; } 
.mg_s_info li { font-size: 13px; } 



.evCon8{} 
.evCon8 .charact_wrap{
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    margin: 0;
} 
.evCon8 .charact_wrap li{
    flex: none;
    width: 48%;
    margin: 0 1% 2%;
} 
.evCon8 .recommend_wrap{
    height: auto;
} 
.evCon8 .recommend_wrap h5{
    left: 15px;
    top: 15px;
    width: 60px;
    height: 60px;
} 
.evCon8 .recommend_wrap ul{
    padding: 15px 10px 15px 90px;
}
.evCon8 .recommend_wrap ul li{}


 }

@media screen and (max-width: 375px) { /* °øÅë */
 .br_375 { display: block; } 
 .br_375_none { display: none; } 
 }
/* E: °øÀ¯Çϱâ À̺¥Æ® ¾øÀ¸¸é ´Ù Áö¿ì°í ½ÃÀÛ */