@charset "euc-kr";/* settings */
.eventWrap .evSection { background-size: auto 100%; } 
.eventWrap .evSection .lecture { max-width:1000px; margin:0 auto; color: #000; } 
.eventWrap .evSection.fff, .eventWrap .evSection .fff { color: #fff !important; } 
.eventWrap .evSection .f00 { color: #f00 !important; } 
.eventWrap .evSection b { font-weight:700 } 
.eventWrap .evSection strong { font-weight:900 } 
.eventWrap .tiny_noti { opacity: 0.6; } 
.evSection:not(.evtoggleWarning,.evCon1) { padding: 160px 0; } 
.eventWrap .whs-pre { white-space: pre-wrap; } 

/* text style */ 
.con_tit { margin-bottom: 55px; line-height: 1.2; } 
.con_tit h4 { font-weight: 700; font-size: 44px; margin: 0 -100px; } 
.con_tit h4 span { color: #8a00dd; } 
.con_tit h4 span.under { border-bottom: 3px solid; } 
.con_tit .sub_txt { margin-top: 25px; line-height: 1.5; font-size: 26px; } 
.con_tit .sub_txt span { color: #8a00dd; } 

.circle_txt { position: relative; margin-bottom: 15px; } 
.circle_txt::before { content: ''; display: block; width: 100%; height: 1%; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } 
.circle_txt span { position: relative; padding: 4px 30px; background: #d5b8ff; border-radius: 30px; font-size: 18px; display: block; width: fit-content; margin: 0 auto; font-weight: 700; } 

/* button box */
.btn_box { display:flex; justify-content: center; gap: clamp(5px, 2vmin, 20px); margin: 0 auto; } 
.btn_box a { display: block; } 

/* contents */
.evCon1 { background: #210035 url(https://image.megagong.net/m/2024/0912_tech/con1_bg.jpg) no-repeat center; padding: 135px 0 155px; } 
.evCon1 h3 { margin: 45px auto; } 
.evCon1 .top_txt { font-size: 24px; letter-spacing: 1rem; background: linear-gradient(90deg, #a000ff, #ff0048); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.evCon1 .sub_txt { font-size: 22px; font-weight: normal; } 

.evCon3 { background:#210c2e url(https://image.megagong.net/m/2024/0912_tech/con3_bg.jpg) no-repeat center; } 
.evCon3 .cursor_box { gap: 25px; flex-wrap: wrap; justify-content: center; } 
.evCon3 .cursor_box li { display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; overflow: hidden; width: 343px; height: 343px; } 
.evCon3 .cursor_box li > div { position: relative; z-index: 2; font-size: 23px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: .5s ease-in-out; } 
.evCon3 .cursor_box li .front { color: #fff; background: #4d007866; flex-direction: column; opacity: 1; } 
.evCon3 .cursor_box li .front:before { content:''; display:block; width: 93%; height: 93%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #4d0078; border-radius: 50%; z-index: -1; } 
.evCon3 .cursor_box li .front b { background: #261432; border-radius: 30px; line-height: 43px; padding: 0 21px; } 
.evCon3 .cursor_box li .front span { color: #b540ff; margin: 20px auto 3px; } 
.evCon3 .cursor_box li .front img { margin-top: 20px; } 
.evCon3 .cursor_box li .back { background: #fff; color: #000; font-size: 18px; position: absolute; opacity: 0; } 
.evCon3 .cursor_box li:hover .back { opacity: 1; cursor: pointer; } 

/* tab */
.evTab .circle_txt { margin-bottom: 45px; } 
.evTab .circle_txt span { background: #fff; font-size: 22px; } 
.evTab .tab_base { display: flex; justify-self: center; } 
.evTab .tab_base1 { margin-bottom: 40px; border-bottom: 3px solid #8607e1; width: 100%; } 
.evTab .tab_base1 > li { flex: 1; } 
.evTab .tab_base1 > li { background: #ececec; color: #000; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 20px; font-weight: 700; height: 80px; } 
.evTab .tab_base1 > li.on { color: #fff; background: #8a00dd; } 
.evTab .tab_base1 > li a { width: 100%; } 

.evTab .tab_base2 { font-size: 15px; margin-top: 5px; } 
.evTab .tab_base2 li { color:#000; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 8px; position: relative; } 
.evTab .tab_base2 li:first-child::before { content: ''; display: block; position: absolute; right: 0; top: 55%; transform: translateY(-50%); width: 1px; background: #000; height: 60%; } 
.evTab .tab_base2 li.on { color: #000; } 
.evTab .tab_base1 > li.on .tab_base2 li { color: #b15bee; } 
.evTab .tab_base1 > li.on .tab_base2 li.on { color: #fff; } 
.evTab .tab_base1 > li.on .tab_base2 li:first-child::before { content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 60%; background: #fff } 

.evTab .panel_base2 { margin-right: -10px; } 
.evTab .panel_base2 > li .flex { gap: 20px; } 
.evTab .panel_base2 .eventVideo { width: 685px; height: 420px; } 
.evTab .panel_base2 .txt_box { flex: 1; text-align: left; margin-top: 45px; } 
.evTab .panel_base2 .lec_title { font-size: 28px; display: flex; flex-direction: column; } 
.evTab .panel_base2 .lec_title strong { color:#8a00dd; } 
.evTab .panel_base2 dl { margin: 45px auto; font-size: 18px; } 
.evTab .panel_base2 dl dd { position: relative; padding-left: 12px; } 
.evTab .panel_base2 dl dd::before { content: '\00B7'; display: block; position: absolute; left: 0; } 
.evTab .panel_base2 dl dd:not(:last-child) { margin-bottom: 18px; } 
.evTab .panel_base2 .link { font-size: 16px; color: #717171; border-radius: 30px; background: #ededed; line-height: 33px; padding: 0 40px 0 25px; width: fit-content; position: relative; } 
.evTab .panel_base2 .link:before { content: ''; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: url(https://image.megagong.net/m/2024/0912_tech/tab_hm.png) no-repeat center; width: 13px; height: 13px; background-size: contain; } 
.evTab .panel_base2 .btn_box { margin-top: 80px; } 
.evTab .panel_base2 .btn_box a { font-size: 22px; color:#fff; background: #000; border-radius: 5px; padding: 0 90px; line-height: 80px; } 
.evTab .panel_base2 .btn_box span { color:#8a00dd; } 

.evTab .eventVideo.system .video_box { padding-bottom: 61%; } 
.evTab .eventVideo.system .video_box .play_area > img { width: 0; height: 0; } /*À̹ÌÁö ¾øÀ»°æ¿ì ÄÁÅÙÃ÷ ¾øÀ½ ¾Ë·µÀÌ ¶ß¹Ç·Î ÀÓ½ÃÁöÁ¤*/
.evTab .eventVideo.system .video_title { text-align: left; position: absolute; z-index: 2; font-weight: 300; width: 100%; height: 100%; padding: 55px 50px; font-size: 29px; display: flex; flex-direction: column; background: #282828; } 
.evTab .eventVideo.system .video_title span { color: #fff; } 
.evTab .eventVideo.system .video_title strong { color: #b540ff; } 
.evTab .eventVideo.system .video_title::before { content: ''; display: block; font-size: 0; width: 75px; height: 75px; background: url(https://img.megagong.net/m/2024/0513_tech/video.png) no-repeat 0 0; position: absolute; bottom: 50px; left: 65px; background-size: contain; } 
.evTab .eventVideo.system .video_box.prof .play_area > img { z-index: 1; position: absolute; bottom: 0; top: auto; right: 3%; width: 46%; height:auto } /*prof ³ÖÀ» °æ¿ì*/

.evCon4 { background: #f8eaff; } 
.evCon4 .reviewSld .slick-arrow { position: absolute; top: 50%; transform: translate(0, calc(-50%)); left: -40px; background: url(https://image.megagong.net/m/2024/0912_tech/con4_arrow.png) no-repeat center; font-size: 0; width: 20px; height: 40px; } 
.evCon4 .reviewSld .slick-next { left: auto; right: -40px; transform: translate(0, calc(-50%)) rotate(180deg) } 
.evCon4 .reviewSld .slick-list { margin: -10px; } 
.evCon4 .reviewSld .slick-slide { margin: 0 10px; } 
.evCon4 .reviewSld .slick-slide img { width: 100%; } 
.evCon4 .reviewSld .slick-slide .item { margin: 10px 0; } 
.evCon4 .reviewSld .slick-dots { font-size:0; margin:clamp(20px,4vmin,40px) auto 0; width: fit-content; } 
.evCon4 .reviewSld .slick-dots li { display:inline-block; margin:0 } 
.evCon4 .reviewSld .slick-dots li + li { margin-left:5px } 
.evCon4 .reviewSld .slick-dots li button { display:block; width:clamp(7px,2vmin,12px); height:clamp(7px,2vmin,12px); font-size:0; -webkit-border-radius:100%; border-radius:100%; background: #ddd; } 
.evCon4 .reviewSld .slick-dots li.slick-active button { opacity:1; background:#902de0; } 

.evCon5 .lecTab_wrap > div ul { display: flex; } 
.evCon5 .conditionSearch_wrap { display: none !important; } 
.evCon5 .lecTab_wrap + .lecTab_wrap { border-top: 0 !important; margin-bottom: 30px; } 

.event .con_tit h4 { color: #fff; } 
.event .con_tit .sub_txt { color: #fff; font-weight: normal; } 
.event .con_tit h4 span { color: #d4baff; display: flex; align-items: center; justify-content: center; gap: 0 clamp(1px,1vmin,10px); flex-wrap: wrap; } 
.event .con_tit h4 span img { width: min(43px,7%); } 
.event .con_tit .sub_txt span { color: #d4baff; } 

.event1 { background-color:#ba0546; } 
.event1 .con_tit .event_tag { color:#1c2c59 } 
.event1 .con_tit .end::after { background: #fff; opacity: 0.6; } 
.event1 .live_txt { width: min(403px,70%); margin: 0 auto 40px; display: block; } 
.event1 .live_list { gap: 10px; justify-content: center; } 
.event1 .btn_box { margin-top: 70px; } 

.event2 { background-color:#8800e6; position: relative; } 
.event2::before { content: ''; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 50%; width: 100%; background: #7600c8; z-index: 0; } 
.event2 .con_tit .event_tag { background: #000; color:#fff } 
.event2 .date_box { margin: 75px auto 95px; line-height: 2; font-size: 20px; } 
.event2 .date_box li { display: flex; align-items: center; justify-content: center; gap: clamp(5px,1vmin,10px); } 
.event2 .certifyPop { display: none; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); margin-left: -450px; max-width: 470px; } 
.event2 .certifyPop .close { display: flex; justify-content: flex-end; } 
.event2 .certifyPop button { font-size: 30px; color: #fff; } 
.event2 .certifyPop .content { background: #fff; border: 1px solid; padding: 40px; font-size: 13px; text-align: left; } 

.evtoggleWarning { overflow: hidden; text-align: center; } 
.evtoggleWarning .warningList li ul li a { color: #7306cb; padding: 0 0 2px; border-bottom: 1px solid; } 
.warningList .f_dash li p { padding-left: 20px; } 

/* 241109 */
.event1 .btn_box.new_ver a { display: block; display: flex; justify-content: center; align-items: center; gap: 30px; background: #000; color: #fff; padding: 15px 37px; border-radius: 5px; } 
.event1 .btn_box.new_ver .btn_text { text-align: left; } 
.event1 .btn_box.new_ver .btn_text strong { color: #d6baff; font-weight: 700; } 

@media screen and (max-width: 1200px){
 .eventWrap { font-size: clamp(13px,1.6vmin,16px); } 
 .eventWrap .tiny_noti { font-size: clamp(10px,1.3vmin,13px); } 
 .evSection:not(.evtoggleWarning,.evCon1) { padding: 15% 0; } 

 .con_tit { margin-bottom: 7%; } 
 .con_tit h4 { font-size: clamp(20px,5.4vmin,44px); margin: 0 auto; line-height: 1.6; } 
 .con_tit h4 span.under { border-width: 2px; } 
 .con_tit .sub_txt { font-size: clamp(14px,3.5vmin,25px); margin-top: clamp(5px,3vmin,25px); } 

 .circle_txt { margin-bottom: 5%; } 
 .circle_txt span { font-size: clamp(15px,2vmin,18px); width: fit-content; padding: 0 5%; line-height: clamp(30px,5vmin,50px); } 

 /* contents */
 .evCon1 { padding: 15% 0; } 
 .evCon1 h3 { margin: 7% auto; } 
 .evCon1 .top_txt { font-size: clamp(15px,3.4vmin,24px); letter-spacing: .5rem; } 
 .evCon1 .sub_txt { font-size: clamp(13px,3.2vmin,22px); } 

 /* tab */
 .evTab .circle_txt { margin-bottom: clamp(25px,5vmin,45px); } 
 .evTab .circle_txt span { font-size: clamp(15px,3.2vmin,22px); } 
 .evTab .tab_base1 { margin-bottom: clamp(20px,4vmin,40px); } 
 .evTab .tab_base1 > li { font-size: clamp(15px,3vmin,20px); height: clamp(45px,8vmin,80px); } 

 .evTab .tab_base2 { font-size: clamp(13px,2.5vmin,15px); margin: 0 auto clamp(10px,3vmin,30px); } 
 .evTab .tab_base2 li { width: auto; } 
 .evTab .tab_base2 li.on { font-weight: 900; } 
 /* .evTab .tab_base2 li:first-child::before { background: #000 !important } */
 .evTab .tab_base1 > li.on .tab_base2 li:first-child::before { background: #000 } 
 .evTab .panel_base2 { margin-right: 0; } 
 .evTab .panel_base2 > li .flex { flex-direction: column; gap: clamp(20px,10vmin,70px); } 
 .evTab .panel_base2 .eventVideo { width: 100%; height: 100%; max-width: 768px; margin: 0 auto; } 
 .evTab .panel_base2 .txt_box { margin: 0 auto; width: fit-content; flex: none; } 
 .evTab .panel_base2 .lec_title { font-size: clamp(15px,4vmin,28px); flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 0 5px; } 
 .evTab .panel_base2 .lec_title br { display: none; } 
 .evTab .panel_base2 dl { margin: clamp(15px,4vmin,45px) auto; font-size: clamp(13px,3vmin,18px); width: fit-content; } 
 .evTab .panel_base2 dl dd:not(:last-child) { margin-bottom: 10px; } 
 .evTab .panel_base2 .link { font-size: clamp(11px,2.5vmin,16px); line-height: clamp(25px,4vmin,33px); margin: 0 auto; } 
 .evTab .eventVideo.system .video_title { font-size: clamp(15px,4vmin,29px); padding: 10% 5%; } 
 .evTab .panel_base2 dl dd br { display:none } 
 .evTab .eventVideo.system .video_title::before { bottom: 8%; left: 5%; width: min(75px,25%); height: min(75px,25%); } 

 .evCon4 .reviewSld { max-width:1000px; margin: 0 auto; } 

 .event2 .certifyPop { left: 1%; transform: none; margin-left: 0; } 
 .event2 .certifyPop button { font-size: clamp(20px,3vmin,30px); color: #fff; } 
 .event2 .certifyPop .content { padding: clamp(20px,4vmin,40px) clamp(10px,2vmin,20px); font-size: clamp(11px,2vmin,13px); } 

 /* 241109 */
 .event1 .btn_box.new_ver a { padding: 2% 3%; } 
.event1 .btn_box.new_ver .btn_img { width: 12%; } 
}

@media screen and (max-width: 992px) {
    .event1 .btn_box.new_ver a {
        gap: 12px;
    }
}

@media screen and (max-width: 768px) { [class*=mg_popup_wrap] .mg_popup_close, [class*=mg_popup_wrap] button.mfp-close { width: clamp(25px, 4vmin,36px); height: clamp(25px, 4vmin,36px); top: min(-30px,-5.1vmin); background-size: contain; } 

 .btn_box a { overflow: hidden; border-radius: 10px; } 
 .btn_box a img { max-width: 140%; margin: 0% -20%; } 

 .evCon2 .scroll_box .swiper-slide { width: 150%; } 
 .evCon2 .scroll_box .swiper-scrollbar { display: block; position: relative; margin-top: 15px; left: auto; top: auto; height: 8px; width: 100%; z-index: 1; } 
 .evCon2 .scroll_box .swiper-scrollbar .swiper-scrollbar-drag { background:linear-gradient(to right, #9669bb 0%, #7306cb 100%); } 

 .evCon3 .cursor_box { gap: 1vmin; } 
 .evCon3 .cursor_box li { width: clamp(170px,45vmin,350px); height: clamp(170px,45vmin,350px); border-radius: 10px; } 
 .evCon3 .cursor_box li:first-child { width: 98%; } 
 .evCon3 .cursor_box li:first-child .front img { width: 11%; } 
 .evCon3 .cursor_box li > div { font-size: clamp(15px,3vmin,23px); border-radius: 10px; } 
 .evCon3 .cursor_box li .front b { line-height: clamp(30px,5vmin,45px); padding: 0 10%; } 
 .evCon3 .cursor_box li .front:before { border-radius: 10px; } 
 .evCon3 .cursor_box li .front span { margin: clamp(5px,2vmin,10px) auto 0; } 
 .evCon3 .cursor_box li .front img { margin-top: 10px; width: 20%; } 
 .evCon3 .cursor_box li .back { font-size: clamp(10px,2vmin,18px); padding: 0 5px; } 
 .evCon3 .cursor_box li:hover .back { font-size: clamp(13px,2.8vmin,18px); } 

 .evTab .panel_base2 dl dd:not(:last-child) { margin: 0; } 
 .evTab .panel_base2 .btn_box { margin-top: 10%; } 
 .evTab .panel_base2 .btn_box a { font-size: clamp(15px,3vmin,22px); line-height: clamp(45px,8vmin,80px); padding: 0 5%; } 

 .evCon4 .reviewSld { max-width:400px; } 

 .event1 .live_txt { margin-bottom: 5%; } 
 .event1 .live_list { gap: 10px; justify-content: center; flex-wrap: wrap; max-width: 400px; margin: 0 auto; } 
 .event1 .live_list li { width: min(262px,48%); overflow: hidden; background: #820030; border-radius: 20px; } 
 .event1 .live_list li img { max-width: 150%; width: 130%; margin: -10% -15%; } 
 .event1 .btn_box { margin: 10% 15% 0; } 
 .event1 .btn_box a img { max-width: 110%; margin: -1% -5%; } 

 .event2 .coupon_box { width: min(460px,75%); margin: 0 auto; } 
 .event2 .date_box { font-size: clamp(14px,3vmin,20px); margin: 8% auto 15%; line-height: 1.8; } 
 
 /* 241109 */
 .event1 .btn_box.new_ver { margin: 10% 9% 0;}
 .event1 .btn_box.new_ver .btn_img.fir {width: 9%;}
 
 }


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

 .event1 .btn_box.new_ver {
    margin: 10% 0% 0;
}

}