@charset "euc-kr"; 

:root{
    --point-color1:#b459fe;
    --black:#000;    
    --pt-gradi-color:linear-gradient(90deg, #fff 0%, #7794ff 100%);
}
.swiper-pagination-bullet-active{background: var(--point-color1);}

/* bg url: https://img.megagong.net/m/2023/ - as-is url */
/* bg url: https://image.megagong.net/m/2023/ - to-be url */


/* °øÅë */
.eventWrap .evSection{padding: 150px 0;}
.warningList li ul li a{ color: #b459fe; text-decoration: underline; } 
.lecture { padding-bottom: 0 !important; background: #fff; } 
.po_color{color: #fb368e;}
.w{color: #fff !important;}
.bo{font-weight: bold !important;}
.ebo{font-weight: 900 !important;}
.me{font-weight: 500 !important;}

/* À̺¥Æ®Á¾·á ¾ÆÀÌÄÜ »ö»óº¯°æ */
.con_tit .end::after { background: #b459fe;} 


.clamp-title{font-size:42px;}
.clamp-title1{font-size:46px;}
.clamp-title2{font-size:30px;}
.clamp-text{font-size:24px;}
.clamp-text2{font-size:22px;}
.clamp-text3{font-size:20px;}
.clamp-text4{font-size:18px;}
.clamp-textn{font-size:16px;}


/* ŸÀÌƲ */
.evSection .con_tit {margin: 0 -30px 60px;line-height:1.2}
.evSection .con_tit .tiny {display:block; line-height: 1.45; font-weight: 400;}
.evSection .con_tit .tiny.top {padding: 0 0 10px;}
.evSection .bigt {display:block;font-weight:bold;line-height:1.38; margin: 0 0 80px; letter-spacing: -0.02em;}
.evSection .bigt.wht {color:#fff}
.evSection .bigt.grd {background-image:var(--pt-gradi-color);background-clip:text;-webkit-background-clip:text;color:transparent}
.evSection .bigt .stgrd {background-image:var(--pt-gradi-color);background-clip:text;-webkit-background-clip:text;color:transparent}
.eventWrap .tit_point {margin: 0 0 40px;background:#333333;color:#fff;padding: 12px 0;border-radius: 40px;font-weight: 700;position: relative;}
.eventWrap .tit_point.red{background-image: linear-gradient(to right, #ff72ff, #ff3b2d);}
.eventWrap .tit_point.pink{background-color: #ffd0e5;}

.eventWrap .tit_line {position:relative;margin-bottom:40px;line-height: 1;display: flex;align-items: center;justify-content: center}
.eventWrap .tit_line::before {content:'';display:block;width:100%;height:1%;background: #fff;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.eventWrap .tit_line span {position:relative;border-radius:30px;line-height: 1.4; font-weight: 700; padding: 7px 20px;}

.eventWrap .btn_n{display: flex}
.eventWrap a.btn{font-size: 20px;display: block;margin: 0 auto;padding: 26px 0px;width: 400px;border-radius: 15px;font-weight: bold;background: #000;color: #fff;}
.eventWrap a.btn span{display: inline-block;position: relative;padding: 0 25px 0 0}
.eventWrap a.btn span::before{content: "";position: absolute;right: 0;top: 50%;width: 12px;height: 17px;margin: -7px 0 0;background-color:#fff;color: #fff;-webkit-mask-size: 100%;mask-size: cover;mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;mask-position: center;-webkit-mask-position: center;-webkit-mask-image: url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg);mask-image: url(https://img.megagong.net/m/2024/0315_sati/con_img12.svg)}

/* evSection */
.evSection .tab_base.default { display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 3px; overflow: hidden; } 
.evSection .tab_base.default li { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; height: 90px; color: #999; font-size: 21px; font-weight: bold; background-color: #f2f2f2; cursor: pointer; } 
.evSection .tab_base.default li span{font-size: 15px; font-weight: 300;}
.evSection .tab_base.default li::before { position: absolute; left: -3px; bottom: 0; content: ''; width: 100vw; height: 2px; background-color: #000; } 
.evSection .tab_base.default li.on { color: #000; background-color: #fff; border-top: 2px solid #000; border-left: 2px solid #000; border-right: 2px solid #000; } 
.evSection .tab_base.default li.on::before { display: none; } 
.evSection .tab_base.default li a { width: 100%; } 
.evSection .tab_base.default_inner { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-top: 18px; margin-left: 12px; margin-bottom: 38px; } 
.evSection .tab_base.default_inner li { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-right: 10px; padding-right: 10px; color: #000000; font-size: 14px; cursor: pointer; } 
.evSection .tab_base.default_inner li::before { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); content: ''; width: 1px; height: 13px; background-color: #000; } 
.evSection .tab_base.default_inner li.on { color: var(--point-color); } 
.evSection .tab_base.default_inner li:last-of-type:before { display: none; } 
.evSection .tab_base.default_inner li a { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; height: 100%; } 
.evSection .panel_base_inner > h6 { display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 45px; padding: 13px 0; line-height: 1.3; color: #111111; font-size: 18px; font-weight: bold; background-color: #f4f4f4; } 
.evSection .panel_base_inner > h5 { margin-bottom: 20px; line-height: 1.3; color: var(--point-color); font-size: 22px; font-weight: bold; } 
.eventVideo.with_shadow { margin-bottom: 40px; } 
.eventVideo.with_shadow::before { opacity: 0.6; } 
.eventVideo.system .video_title { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 118px 0 0 110px; text-align: left; z-index: 1; } 
.eventVideo.system .video_title span { color: rgba(255, 255, 255, 0.5); font-size: 20px; font-weight: 400 } 
.eventVideo.system .video_title strong { display: block; margin-top: 22px; line-height: 1.3; background-image: linear-gradient(to right, #a84ef1 10%, #fdffad 40%); color: transparent; -webkit-background-clip: text; font-size: 40px; font-weight: bold; } 
.eventVideo.system .video_title::before { position: absolute; left: 110px; bottom: 140px; content: ''; display: block; width: 106px; height: 106px; font-size: 0; background: url('https://img.megagong.net/m/2024/0611_series/icon_videoplay.png') no-repeat 0 0; background-size: contain; } 
.eventVideo.system .video_box.prof .play_area > img { position: absolute; top: initial; left: initial; right: 4%; bottom: 0; width: auto; height: 90%; z-index: 1; object-fit: contain; } 
.evSection .teacher_point { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; } 
.evSection .teacher_point .swiper_common { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100%; } 
.evSection .teacher_point .swiper-wrapper { gap: 20px; } 
.evSection .teacher_point .swiper-slide { width: calc(33.33% - 13.34px) !important; } 
.evSection .teacher_point .top_box { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 40px 0; background-color: #f3f3f3; z-index: 1; border-radius: 12px; } 
.evSection .teacher_point .top_box span { display: flex; flex-direction: row; align-items: center; justify-content: center; width: 120px; height: 30px; color: #ffffff; font-size: 15px; background-color: #111111; border-radius: 40px; } 
.evSection .teacher_point .top_box p {line-height: 1.4; color: #111111; font-size: 15px; font-weight: 400; } 
.evSection .teacher_point .top_box p b{font-size: 18px; margin: 0 0 5px; display: inline-block;}
.evSection .tab_subtitle { display: inline-flex; flex-direction: row; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: 40px; padding: 10px 60px; color: #fff; font-size: 18px; font-weight: 400; background-color: #111111; border-radius: 40px; } 

/* top_navi_box */
#top_navi_box{ position: sticky;  top:0; z-index: 3;  background: #180c26;}
#top_navi_box .item{display: flex; align-items: center;}
#top_navi_box .item a{padding: 20px 0; width:50%;}
#top_navi_box .item a p{ color: rgba(255, 255, 255, 0.3);}
#top_navi_box .item a.on{background: var(--point-color1);}
#top_navi_box .item a.on p{ color: #fff;}
#top_navi_box .item a.on p span{color: #000;}

/* con1 */
.evSection.evCon1 {background: url(https://image.megagong.net/m/2024/0724_english/evCon1_bg.jpg) no-repeat top; padding: 90px 0 160px; position: relative;} 

.evCon1 .evCon01_img2{margin: 45px 0 65px;}
.evCon1 .link_box{margin: 95px 0 0; display: flex; align-items: center; justify-content: center; gap: 38px;}
.evCon1 .link_box a{ filter: drop-shadow(3.5px 3.5px 15px rgba(0, 0, 0, 0.15)); }
.evCon1 .evCon1_02{margin: 310px 0 0;}
.evCon1 .news_box{margin: 0 40px; background: #fff; padding: 70px 40px 85px;}
.evCon1 .news_box .desc{color: #606060; line-height: 1.5;}
.evCon1 .news_box .desc span{color: var(--point-color1); font-weight: 700;}
.evCon1 .news_box .point{padding: 4px 25px 6px; display: inline-block; background: var(--point-color1); margin: 0 0 30px;} 
.evCon1 .news_box .desc.d1{margin-top: 40px;}
.evCon1 .news_box .mb20{margin-bottom: 35px;}
.evCon1 .news_box .arrow{position: absolute; top: calc(100% - 35px); left: 50%; transform: translateX(-50%);}

.evCon1 .evCon1_03{margin: 165px 0 0;}
.evCon1 .evCon1_03 .bigt{margin: 0 0 50px;}
.evCon1 .evCon1_03 .con1_slider {position: relative;overflow: hidden;border-radius: 20px;}
.evCon1 .evCon1_03 .con1_slider .swiper-slide {background-color: #1e1c20; padding: 0 0 70px;}
.evCon1 .evCon1_03 .con1_slider .swiper-pagination {display: none;}
.evCon1 .evCon1_03 .con1_slider .swiper-button-prev {width: 58px;left: 40px; top: 68%;}
.evCon1 .evCon1_03 .con1_slider .swiper-button-next {width: 58px;right: 40px; top: 68%;}
.evCon1 .evCon1_03 .con1_slider .swiper-button-prev:after {display: none;}
.evCon1 .evCon1_03 .con1_slider .swiper-button-next:after{display: none;}
.evCon1 .evCon1_03 .con1_slider .info{min-height:200px;background: var(--point-color1); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.evCon1 .evCon1_03 .con1_slider .info .desc{line-height: 1.5; margin-top: 5px;}
.evCon1 .evCon1_03 .con1_slider .g_point_txt{ border-radius: 30px; background-color: #36303d; padding: 9px 65px; display: inline-block; margin: 70px 0 30px;}
.evCon1 .evCon1_03 .con1_slider .g_point_txt p{background-image: linear-gradient(to right, #a84ef1 40%, #fdffad 60%); color: transparent; -webkit-background-clip: text;} 
.evCon1 .evCon1_03 .con1_slider .exmp{background: #fff; width: 560px; margin: 0 auto; position: relative;}
.evCon1 .evCon1_03 .con1_slider .exmp .add_btn{position: absolute; right: 0; bottom: 0; cursor: pointer;}
.evCon1 a.mg_btn_base.sm,.evCon1 .mg_btn_base.sm{background-color: none; padding: 0; font-size: 0;}
.mfp-content{text-align: center;}

/* con2 */
.evCon2 .tab_item_wrap h5{ background: var(--point-color1); padding: 15px 0; margin: 80px 0 0;}
.evCon2 .tab_item_wrap .border_box{border: 1px solid rgba(180,89,254,.2); padding: 60px 40px;}
.evCon2 .tab_item_wrap .border_box .c_txt{line-height: 1.42;}
.evCon2 .tab_item_wrap .border_box a{width: 380px; padding: 20px 0; border-radius: 38px; background-color: #000; margin: 50px 0 0; display: inline-block; position: relative;}
.evCon2 .tab_item_wrap .border_box a .event_bnr{position: absolute; left: 50%; transform: translateX(-50%); top: -22px;}
.evCon2 .tab_item_wrap .border_box a .event_bnr.on{display: none;}
.evCon2 .tab_item_wrap .ev2_con_swiper .swiper-wrapper { gap: 6px; flex-wrap: wrap;}
.evCon2 .tab_item_wrap .ev2_con_swiper .swiper-slide { display: flex;  flex: 1 1 auto;  flex-basis: calc(25% - 6px);}		
.evCon2 .tab_item_wrap .ev2_con_swiper .cont{ border-radius: 12px;
 background-color: #f6f6f6; aspect-ratio: 245/170; padding: 20px 0 0; width: 100%;}
.evCon2 .tab_item_wrap .ev2_con_swiper .cont h6{border-radius: 15.5px; background-color: #c8c8c8; width: 95px; padding: 4px 0; margin: 0 auto;}
.evCon2 .tab_item_wrap .ev2_con_swiper .cont p{font-size: 15px; line-height: 1.53; margin-top: 10px;}

/* con3 */
.evSection.evCon3{background: #3b1c59;}
.evCon3 .bigt{margin: 40px 0;}
.evCon3 .gift_wrap{display: flex; justify-content: center; gap: 37px; padding: 20px 0 0;}
.evCon3 .container_info_wrap{background: rgba(255,255,255,.1); padding: 50px 0; margin: 80px 0 140px;}
.evCon3 .container_info.ver_circle .info .info_title{background: #000;}
.evCon3 .container_info.ver_circle .info .info_date{color: #fefefe;}
.evCon3 .container_info .info .noti{color: rgba(254, 254, 254, 0.5);; font-size: 12px;}
.evCon3 .tit_line span{background: #3b1c59;}
.evCon3 .pop_list{background: rgba(0,0,0,.3); border-radius: 20px; padding: 60px 40px; margin: 0 0 80px;}
.evCon3 .pop_list > p{line-height: 1.42;}
.evCon3 .pop_list ul{display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin: 40px 0 0;}
.evCon3 .pop_list ul li{ height: 69px; border-radius: 34px; background-color: #fcff7b; font-size: 18px; font-weight: 500;}
.evCon3 .pop_list ul li.end{background-color: #949494; font-size: 15px;}
.evCon3 .pop_list ul li a{width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.mg_info_wrap {margin-top: 15px;}
.mg_info_wrap .info_list li{text-align: left; color: #b5b5b6;}
.mg_popup_wrap .sub_tit{font-size: 15px; color: #333333; font-weight: 700; padding: 0 0 10px; text-align: left;}
.mg_popup_wrap .sub_tit.center{text-align: center;}
.mg_popup_wrap textarea{resize: none; width: 100%; height: 116px; border: 1px solid #000; padding: 20px; font-size: 13px;}
.mg_popup_wrap textarea::placeholder{color: #000;}
.mg_popup_wrap .desc{font-size: 15px; color: #333333; font-weight: 700; margin: 15px 0; line-height: 1.4;}
.mg_popup_wrap .desc span{font-size: 12px; display: inline-block; margin-top: 6px;}
.mg_popup_wrap .down_btn{font-size: 12px; color: #fff; font-weight: 700; width: 130px; padding: 14px 0; display: inline-block; background: #777777;}

/* evtoggleWarning */
.evSection.evtoggleWarning{padding: 0 !important;}

.koreanIptPopup .a_o{color:#0678f5;font-weight:bold}
.koreanIptPopup .a_x{color:#e15a82;font-weight:bold}
.koreanIptPopup table {text-align: center;}
.koreanIptPopup th, .koreanIptPopup td {border:1px solid #ddd}
.koreanIptPopup th:nth-child(1), .koreanIptPopup td:nth-child(1) {border-left:0}
.koreanIptPopup th:last-child, .koreanIptPopup td:last-child {border-right:0}
.koreanIptPopup .info_list{padding: 0;border: 0;margin: 0;}


/* 240806 Ãß°¡ */
.popup {position: fixed; bottom: 5%; right: 20%; z-index: 2;}
.popup .popup_close_btn {cursor: pointer; position:absolute; right: -10px; top: -10px;}
.flt_inner {right: 10%;}


@media screen and (max-width: 1200px) { 
    

    /* °øÅë */
    .con_tit .end{right:0;width:26%;}

    
    .clamp-title{font-size: clamp(18px,4vmin,32px);}
    .clamp-title1 {font-size: clamp(19px,4.1vmin,34px);}
    .clamp-title2 {font-size: clamp(18px,3.1vmin,26px);}
    .clamp-text{font-size: clamp(16px,2.9vmin,24px);}
    .clamp-text2{font-size: clamp(15px,2.7vmin,22px);}
    .clamp-text3{font-size: clamp(14px,2.5vmin,20px);}
    .clamp-text4{font-size: clamp(13px,2.3vmin,18px);}
    .clamp-textn{font-size: clamp(13px,2.1vmin,16px);}
    .evCon2 .tab_item_wrap .ev2_con_swiper .cont p,.mg_popup_wrap .desc,.mg_popup_wrap .sub_tit{font-size: clamp(12px,2vmin,15px);}
    .mg_popup_wrap textarea{font-size: clamp(11px,1.8vmin,13px); padding: 10px;}
    .mg_popup_wrap .desc span{font-size: clamp(10px,2vmin,12px); margin-top: 4px;}

    .evSection .bigt{margin: 0 0 50px;}

    
    /*ŸÀÌƲ*/
    .eventWrap sup{vertical-align:top}
    .evSection .con_tit{margin:0 0 5%;}
    .evSection .con_tit .tiny{padding:20px 0 0}
    .evSection .bigt{}
    .evSection .bigt.wht{color:#fff}
    .eventWrap .tit_point{margin:0 0 6%;}
    .eventWrap .tit_line { margin-bottom: 6%; } 
    .eventWrap .tit_line span {} 
    .evCon3 .bigt{margin: clamp(30px,4.5vmin,40px) 0 0;}
    .evCon_event .evt{display: block; margin: 0 auto 0%; width: clamp(130px, 22vmin, 200px);}
    .eventVideo.system .video_title span{font-size: 18px;}

    .eventWrap a.btn{font-size: 17px;padding: 20px 0}
    .eventWrap .evSection {padding: clamp(70px, 20vmin, 150px) 0;}

    #top_navi_box .item a{padding: clamp(10px,2.5vmin,20px) 3px;}
    
    .evCon1 h3{padding: 0 5%;}
    .evCon1 .evCon1_02{margin: 18% 0 0 ;}
    .evCon1 .evCon1_03{margin: 12% 0 0;}
    .evCon1 .evCon1_03 .bigt{margin: 0 0 clamp(28px,4.5vmin,40px);}
    .evCon1 .evCon1_03 .con1_slider .swiper-button-next{width: 3vw; right: 1%;}
    .evCon1 .evCon1_03 .con1_slider .swiper-button-prev{width: 3vw; left: 1%;}
    .evCon1 .evCon1_03 .con1_slider .g_point_txt{margin: 40px 0 23px;}
    .evCon1 .evCon1_03 .con1_slider .swiper-slide{padding: 0 0 clamp(35px,4vmin,55px);}
    
    .evCon2 .tab_item_wrap h5{margin: clamp(30px,5vmin,60px) 0 0 ;}
    .evCon2 .tab_item_wrap .border_box{padding: clamp(30px,5vmin,60px) clamp(20px,4vmin,40px);}

    .evCon3 .container_info_wrap{padding: clamp(30px,5.5vmin,50px) 0; margin: clamp(40px,5.5vmin,60px)  0 clamp(70px,8vmin,100px) ;}
    .evCon3 .pop_list{padding: clamp(30px,5.5vmin,50px) 20px; margin: 0 0 clamp(45px,6.5vmin,60px);}
    .evCon3 .pop_list ul{margin: 30px 0 0 ;}
    .evCon3 .pop_list ul li{ height: 50px; font-size: clamp(14px,1.7vmin,18px);}
    .evCon3 .pop_list ul li.end{font-size: clamp(13px,1.6vmin,15px);}
    .flt_inner {display: block; right: 5%;}
}





@media screen and (max-width: 992px){



    /* °øÅë */
    .con_tit .end { top: 42%; } 

    .evSection .teacher_point .top_box p { font-size: 14px; } 
    .evSection .teacher_point .top_box p b{font-size: 15px;}
    .eventVideo.system .video_title { padding: 40px 0 0 40px; } 
    .eventVideo.system .video_title strong { margin-top: 0; } 
    .eventVideo.system .video_title::before { left: 40px; bottom: 40px; } 
    
    .evSection .teacher_point { gap: 0; margin-bottom: 10vw; padding-bottom: 5vw; overflow: hidden; } 
    .evSection .teacher_point .swiper-wrapper { gap: initial; } 
    .evSection .teacher_point .swiper-slide { width: 100% !important; } 
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { display: flex; flex-direction: row; align-items: center; justify-content: center; }
    .evSection .tab_base.default li{height: 70px;}
    
    .evSection.evCon1{background-size: cover;}
    .evCon1 .evCon01_img2{margin: 4% 0 7%;}
    .evCon1 .link_box{margin: 10% 0 0; gap: 5px;}
    .evCon1 .link_box a{max-width: 80%;}
    .evCon1 .evCon1_03 .con1_slider .info{min-height: 150px;}

    .evCon2 .tab_item_wrap .ev2_con_swiper {position: relative;overflow: hidden;padding: 0 0 20px;flex-wrap: nowrap;}
    .evCon2 .tab_item_wrap .ev2_con_swiper .swiper-wrapper { gap: 0; flex-wrap: nowrap;}
    .evCon2 .tab_item_wrap .ev2_con_swiper .swiper-slide { flex: 1 0 100%;}
    .evCon2 .tab_item_wrap .ev2_con_swiper .swiper-slide .cont{width: 100%;}
    .evCon2 .tab_item_wrap .ev2_con_swiper .swiper-pagination {display: block !important;bottom: -3px;}
    .evCon2 .tab_item_wrap .ev2_con_swiper .cont{aspect-ratio: auto; padding: 5% 0;}
.evSection .tab_base.default li
    .evCon3 .gift_wrap{gap: 20px;}

 }





@media screen and (max-width: 768px) { 
    
    
    
    /* °øÅë */
    .eventWrap .tit_line span { font-size: 18px; } 
    br.mo_for { display: none; } 
    .evSection .bigt{margin: 0 0 6%;}    
    .evCon3 .bigt{margin: clamp(10px,2.5vmin,30px) 0 0;}

    .eventWrap .tit_point{padding: 7px 0;}
    .eventWrap .tit_line span{padding: 7px 10px;}

    
    .evSection .tab_subtitle { margin-bottom: 30px; padding: 10px 30px; font-size: 15px; } 
    .evSection .tab_base.default li { height: 60px; font-size: 17px; } 
    .evSection .panel_base_inner > h6 { margin-bottom: 30px; font-size: 16px; } 
    .eventVideo.system .video_title { padding: 70px 0 0 70px; } 
    .eventVideo.system .video_title strong { margin-top: 0; font-size: 28px; } 
    .eventVideo.system .video_title::before { left: 70px; bottom: 70px; width: 70px; height: 70px; }  
    .evSection .teacher_point { margin-bottom: 0; padding-bottom: 0; }
    .evSection .teacher_point .top_box p { font-size: 13px; }  

    .evCon1 .news_box{margin: 0; padding: 30px 20px 45px;}
    .evCon1 .news_box .desc.d1{margin-top: clamp(20px,4.5vmin,40px);}
    .evCon1 .news_box .point{margin: 0 0 clamp(15px,3.5vmin,30px);}
    .evCon1 .news_box .arrow{width: 120px; top: calc(100% - 20px);}    
    .evCon1 .evCon1_03 .con1_slider .g_point_txt{ padding: 7px 0; width: 85%;}
    .evCon1 .evCon1_03 .con1_slider .exmp{width: 85%;}
    .evCon1 .evCon1_03 .con1_slider .info{min-height: 200px;}
    
    .evCon3 .pop_list ul{grid-template-columns: repeat(3, 1fr); gap: 8px 5px;}



    
    .popup {right: 10%; bottom: 15%;}
    .popup .popup_close_btn {right: 0px; top: 0px;}


    .flt_inner.renewal li .small img {width: 60%;}
 }






@media screen and (max-width: 576px){


    /* °øÅë */

    .eventWrap a.btn{width: 100%;padding: 13px 0;font-size: 15px}

    .evSection .tab_base.default li { height: 50px; font-size: 14px; } 
    .evSection .panel_base_inner > h5 { font-size: 18px; } 
    .eventVideo.system .video_title { padding: 30px 0 0 30px; } 
    .eventVideo.system .video_title::before { left: 30px; bottom: 30px; width: 40px; height: 40px; } 
    .eventVideo.with_shadow { margin-bottom: 20px; } 
    .evSection .teacher_point .top_box { padding: 25px 0 35px 0; } 
    .eventVideo.system .video_title strong { margin-top: 0; font-size: 21px; }  
    .eventVideo.system .video_title span{font-size: 16px;}
    .eventVideo.system .video_title strong{background-image: linear-gradient(to right, #a84ef1 10%, #fdffad 30%);}

    .evCon1 .link_box{flex-wrap: wrap;}
    .evCon1 .evCon1_03 .con1_slider .exmp .add_btn{width: 35px;}
    .evCon1 .news_box .arrow{width: 90px;}

    .evCon2 .tab_item_wrap .border_box a{width: auto; margin: 35px 0 0; padding: 12px 60px;}
    .evCon2 .tab_item_wrap .border_box a .event_bnr{width: 130px; top: -20px;}
    .evCon2 .tab_item_wrap h5{padding: 10px 0;}
    
    .evCon3 .pop_list ul{grid-template-columns: repeat(2, 1fr); margin: 20px 0 0;}
    .evCon3 .pop_list ul li{height: 45px;}
    .evCon3 .gift_wrap{ flex-wrap: wrap; gap: 10px;}
    .evCon3 .gift_wrap li{ width: calc(50% - 10px);}

    .mg_popup_wrap .down_btn{padding: 10px 0;}
 }