@charset "euc-kr";


:root{
    --point-color1: #37afff;
    --point-color2: #e956ec;
    
}
/* settings */
.eventWrap .evSection {padding: 150px 0;background-position: center 0;} 
.eventWrap .evSection.fff, .eventWrap .evSection .fff { color: #fff !important; } 
.eventWrap .tiny_noti.right {text-align: right;} 
.evSection.evtoggleWarning {padding: 0;background: #fff;} 



.eventWrap {background: #151137 url(https://image.megagong.net/m/2024/1206_tech/con_img2.jpg) no-repeat center 0;} 

.evSection .txt_gradient {background: var(--point-color1); background: -webkit-linear-gradient(45deg, var(--point-color1) 0%, #d361ee 100%); background: linear-gradient(90deg, var(--point-color1) 0%, #d361ee 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.evSection .fff {color: #fff}
.evSection:not(.event) .mini_tit{margin: 0 0 20px}
.evSection .con_tit{margin: 0 0 50px;}


.evSection .swiper_common_wrap .swiper-pagination {position: relative; display: flex; justify-content: center; top: auto; bottom: auto; margin-top: 15px; z-index: 2;} 
.evSection .swiper_common_wrap .swiper-pagination-bullet {background: #666; opacity: 1; width: clamp(8px,1vmin,12px); height: clamp(8px,1vmin,12px); transition: all .5s ease} 
.evSection .swiper_common_wrap .swiper-pagination-bullet-active {border-radius: 30px;background: var(--point-color1);} 



/* evCon1 */
.evSection.evCon1 {padding-bottom: 0;} 
.evCon1 h3 {margin: 40px 0 40px;} 
.evCon1 h3 span{display: block;} 
.evCon1 .top_txt {letter-spacing: 1rem;color: #fff;} 

/* evCon2 */
.evSection.evCon2 {padding-top: 50px;} 
.evCon2 .mini_tit{letter-spacing: 0.1em;}
.evCon2 .graph_wrap{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: center;margin: 0 -10px 45px;}
.evCon2 .graph_wrap .point{margin: 0 0 70px;width: 100%;}
.evCon2 .graph_wrap .comment{display: flex;flex-direction: column;align-items: flex-end;gap: 20px;}
.evCon2 .graph_wrap .comment li{border: 2px solid #fff;border-radius: 5px;position: relative;width: 310px;padding: 17px 0;margin-right: 20px;}
.evCon2 .graph_wrap .comment li:nth-child(2){margin-right: 5px;}
.evCon2 .graph_wrap .comment li:nth-child(3){margin-right: 10px;}
.evCon2 .graph_wrap .comment li:nth-child(4){margin-right: 0;}
.evCon2 .tiny_noti{opacity: 0.5;width: 100%;padding: 25px 0 0;}
.evCon2 .graph_wrap .comment li::before{content:'';background: url(https://image.megagong.net/m/2024/1206_tech/con_img5_1.png) no-repeat 0 0;position: absolute;top: 50%;left: -17px;width: 20px;height: 15px;margin-top: 3px;}
.evCon2 .graph_wrap .comment li:nth-child(2)::before{background-image: url(https://image.megagong.net/m/2024/1206_tech/con_img5_2.png);margin-top: -8px;}
.evCon2 .graph_wrap .comment li:nth-child(3)::before{background-image: url(https://image.megagong.net/m/2024/1206_tech/con_img5_3.png);margin-top: 0;left: -20px;}
.evCon2 .graph_wrap .comment li:nth-child(4)::before{background-image: url(https://image.megagong.net/m/2024/1206_tech/con_img5_4.png);margin-top: -10px;}

.evCon3 {background: #0b0a1a url(https://image.megagong.net/m/2024/1206_tech/con_img3.jpg) no-repeat center 0;} 

/* tab */
.evSection.evTab {padding-top: 100px;position: relative;background: #fff;}
.evSection.evTab::before {content:'';background: linear-gradient(135deg, var(--point-color1) 10%, #d361ee 70%);position: absolute;top: 0;left: 0;width: 100%;height: 404px;}
.evTab .mini_tit{position: relative;}
.evTab .con_tit{margin: 0 0 140px;}
.evTab .con_box {background:#fff;}
.evTab .inner{padding: 90px 0px 0;background: #fff;}
.evTab .tab_base1 {margin-bottom: 40px;width: 100%;position: absolute;bottom: 100%;left: 0;width: 100%;margin: 0;display: flex;flex-direction: row;align-items: flex-start;} 
.evTab .tab_base1 > li { flex: 1; } 
.evTab .tab_base1 > li {color: #ffffff61;display: flex;align-items: center;justify-content: center;flex-direction: column;font-weight: 700;} 
.evTab .tab_base1 > li.on {background: #fff;color: #000;} 
.evTab .tab_base1 > li a {width: 100%;height: 80px;display: flex;justify-content: center;align-items: center;} 
.evTab .tab_base2 {position: absolute;top: 105px;left: -15px;width: 1000px;display: none;text-align: left;} 
.evTab .tab_base2 li {color:#000;position: relative;font-weight: 500;display: inline-block;margin: 0 0 0 0;} 
.evTab .tab_base2 li a {padding: 5px 15px;font-size: inherit;height: auto;} 
.evTab .tab_base2 li.on { color: #000; } 
.evTab .tab_base1 > li.on .tab_base2 {display: flex;}
.evTab .tab_base1 > li.on .tab_base2 li {color: #a9a9a9;} 
.evTab .tab_base1 > li.on .tab_base2 li.on {color: #000;font-weight: bold;} 
.evTab .tab_base1 > li.on .tab_base2 li +li::before {content: '';display: block;position: absolute;left: 0;top: 50%;margin: -6px 0 0;width: 1px;height: 14px;background: #b9b9b9;} 
.evTab .tab_base2 li span {display: inline-block;position: relative;line-height: 1;padding: 0 0 6px;}
.evTab .tab_base1 > li.on .tab_base2 li.on span::before {content: '';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 3px;background: #000;} 
.evTab .panel_base2 {} 
.evTab .panel_base2 > li .flex {position: relative;flex-direction: row;flex-wrap: wrap;} 
.evTab .panel_base2 .eventVideo {width: 700px;height: 420px;} 
.evTab .panel_base2 .txt_box {position: absolute;top: -15px;right: -40px;} 
.evTab .panel_base2 .txt_box .tea{/* margin-right: -60px; */} 
.evTab .panel_base2 .charact_wrap {width: 100%;margin: 0 0 40px;} 
.evTab .panel_base2 .charact_wrap .swiper-wrapper{
    align-items: stretch;
}
.evTab .panel_base2 .charact_wrap dl {
    border: 2px solid #e9e9e9;
    border-radius: 20px;
    overflow: hidden;
} 
.evTab .panel_base2 .charact_wrap dl dt {
    background: var(--point-color1);
    color: #fff;
    padding: 24px 0;
    font-weight: bold;
} 
.evTab .panel_base2 .charact_wrap dl dd {
    padding: 38px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    margin: 0 40px;
} 
.evTab .panel_base2 .charact_wrap dl dd + dd {
background: url(https://image.megagong.net/m/2024/1206_tech/con_img10.png) repeat-x 0 0;
} 

    
.evTab .panel_base2 .charact_wrap dl dd strong {background: var(--point-color1);color: #fff;font-weight: normal;padding: 1px 18px 2px;border-radius: 30px;} 
.evTab .panel_base2 .charact_wrap dl.color2 {} 
.evTab .panel_base2 .charact_wrap dl.color2 dt {
    background: var(--point-color2);
} 
.evTab .panel_base2 .charact_wrap dl.color2 dd {} 
.evTab .panel_base2 .charact_wrap dl.color2 dd strong {background: var(--point-color2);} 
.evTab .lecture{width: 100%;}
.evTab .swiper_common_wrap {position: relative;} 
.evTab .swiper_common_wrap .swiper-initialized {position: relative; overflow: hidden;} 
.evTab .panel_base2 .link {position: absolute;bottom: 39px;left: 0;width: 100%;}
.evTab .panel_base2 .link i{width: 1px;height: 14px;background: #000;opacity: 0.8;display: inline-block;margin: -3px 10px 0;vertical-align: middle;}
.evTab .panel_base2 .link b{background: var(--point-color1);color: #fff;line-height: 1;display: inline-flex;align-items: center;justify-content: center;font-size: 13px;font-weight: 900;padding: 4px 6px 5px;border-radius: 100%;margin: -2px 0 0 6px;letter-spacing: 0;}
.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: 75px 50px 0;display: flex;flex-direction: column;background: #111;font-weight: bold;text-align: center;line-height: 1.4;color: #fff;} 
.evTab .eventVideo.system .video_title::before {content: '';display: block;font-size: 0;width: 104px;height: 104px;background: url(https://img.megagong.net/m/2024/1206_tech/con_img8.png) no-repeat 0 0;position: absolute;bottom: 100px;left: 50%;margin: 0 0 0 -52px;} 
.evTab .eventVideo.system .video_box.prof .play_area > img {z-index: 1;position: absolute;bottom: 0;top: auto;right: 3%;width: 46%;height:auto;opacity: 0;} 

.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; } 


.evSection.event1 {background: linear-gradient(150deg, var(--point-color1) 5%, var(--point-color2) 100%);} 
.evSection.event .evt_mark{display: none;}
.evSection.event .evt_mark::after{display:none}
.evSection.event .con_tit + .mini_tit{font-weight: normal;opacity: 0.7;}
.evSection.event .con_tit .mini_tit + strong b{color:#5836bf;font-weight: bold;}
.evSection.event .con_tit .evt_badge.type-1{background: url(https://image.megagong.net/m/2024/1206_tech/con_img12.png) no-repeat 0 0;height: 192px;width: 192px;top: -80px;left: -30px;flex-direction: column;}
.evSection.event .con_tit .evt_badge.type-1 .txt1{display: block;font-weight: normal;width: 100%;}
.evSection.event .con_tit{margin: 0 0 20px;}
.event .container_info.ver_circle .info {
    align-items: center;
}
.event .container_info.ver_circle .info .info_title{/* padding: 4px 30px; */width: 150px;line-height: 40px;}
.event .container_info.ver_circle .info .info_date{padding-top: 0;font-weight: 500;}

/* tab */
.evSection.evTab.event {padding-top: 150px;}
.evSection.evTab.event::before{display:none}
.evTab.event .mini_tit{position: relative;}
.evTab.event .con_box {margin: 120px 0 0;min-height: 200px;padding: 75px 40px 40px;}
.evTab.event .inner{padding: 0;background: none;}
.evTab.event .tab_base1 > li.on {color: #000;background: #fff;} 
.evTab.event .tab_base1 > li a { width: 100%; } 

.evTab.event .tab_base2 {left: 25px;} 
.evTab.event .tab_base2 li {color:#000;position: relative;font-weight: 500;display: inline-block;margin: 0 0 0 0;}
.evTab.event .tab_base2 li.on { color: #000; } 
.evTab.event .tab_base1 > li.on .tab_base2 {display: flex;}
.evTab.event .panel_base2 > li .flex {flex-direction: row;flex-wrap: wrap;} 
.evTab.event .panel_base2 .eventVideo { width: 685px; height: 420px; } 
.evTab.event .panel_base2 .txt_box {width: 37%;position: relative;} 
.evTab.event .panel_base2 .charact_wrap {width: 100%;margin: 0 0 40px;} 
.evTab.event .lecture{width: 100%;}
.evTab.event .btn-base-wrap{gap: 25px;}
.evTab.event .btn-base-wrap .btn-base{flex: 1;max-width: 50%;}
.evTab.event .btn-base-wrap .btn-base a{min-width: 100%;}
.evTab.event .btn-base-wrap .btn-base span{display:block;font-weight: normal;margin-bottom: 10px;}
.evTab.event .btn-base-wrap .btn-base strong{color:#51abfe}
.evTab.event .btn-base-wrap .btn-base:last-child strong{color:#e260ed}

.event2 {background-color:#8800e6;position: relative;background: #0B0A1A url(https://image.megagong.net/m/2024/1206_tech/con_img6.jpg) no-repeat center 0;} 
.evSection.event2 .txt_gradient{display: inline-block;background: var(--point-color1);background: -webkit-linear-gradient(116deg, var(--point-color1) 40%, #d361ee 60%);background: linear-gradient(116deg, var(--point-color1) 40%, #d361ee 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.event2 .charact_wrap {margin-top: 50px;}
.event2 .charact_wrap a{position: absolute;bottom: 6%;right: 0;width: 80%;left:10%;height: 12%;background: #000;opacity: 0;font-size: 0;}

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

.vodchr_banner{margin: -1px 0 0;}

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


    .eventWrap {background-size: 170vw;} 
    .evSection .con_tit{margin: 0 0 5%;}
    .eventWrap .tiny_noti { font-size: clamp(10px,1.3vmin,13px); } 
    .eventWrap .tiny_noti.right{text-align:center}
    .evSection:not(.evtoggleWarning) { padding: 15% 0; } 

    /* contents */
    .evSection.evCon1{padding-bottom:0}
    .evCon1 h3 {margin: 2% 0 0;} 
    .evCon1 h3 span{width: clamp(320px,80vmin,780px);margin: 0 auto;}
    .evCon1 .top_txt { font-size: clamp(15px,3.4vmin,24px); letter-spacing: .5rem; } 

    .evCon2 .graph_wrap{margin: 0 0 7%;}
    .evCon2 .graph_wrap .point{margin: 0 0 5%;}
    .evCon2 .graph_wrap .graph{width: 57%;}
    .evCon2 .graph_wrap .comment{width: 42%;display: flex;justify-content: space-between;flex-direction: column;gap: 0;}

    .evCon2 .graph_wrap .comment li{width: 92%;padding: 2% 0;margin-bottom: 1%;}

    /* tab */
    .evSection.evTab{background: linear-gradient(105deg, var(--point-color1) 0%, #d361ee 45%);padding-bottom: 0;}
    .evSection.evTab::before{display:none}
    .evTab .con_box{background:none}
    .evTab .inner{padding:0;background: none;width: 100%;}
    .evTab .tab_base1 {position: relative;bottom: unset;left: inherit;width: auto;} 
    .evTab .tab_base1 > li { flex: 1; } 
    .evTab .tab_base1 > li {} 
    .evTab .tab_base1 > li a { width: 100%; height: clamp(45px,6.5vmin,60px);} 
    .evTab .tab_base1 > li.on .tab_base2 li.on span::before{height: 2px;}
    .evTab .panel_base{background:#fff;}
    .evTab .tab_base2, .evTab.event .tab_base2 {top: clamp(60px,7.5vmin,70px);left: 1%;} 
    .evTab .tab_base2 li { width: auto; } 
    .evTab .tab_base2 li.on { font-weight: 900; } 
    .evTab .panel_base2 {margin-right: 0;padding: 60px 3% 10%;} 
    .evTab .panel_base2 .eventVideo {width: 64%;height: 100%;} 
    .evTab .panel_base2 .txt_box {width: 35%;margin: 0;right: 0;top: 0;} 
    .evTab .panel_base2 .txt_box .tea{
    margin-right: 0;
}
    .evTab .panel_base2 .link{
    bottom: 7%;
    left: 0;
}
    .evTab .eventVideo.system .video_title {font-size: clamp(15px,4vmin,29px);padding: 8% 5%;} 
    .evTab .eventVideo.system .video_title::before {height: 12vw;width: 12vw;background-size: 100%;bottom: 21%;margin: 0 0 0 -6vw;} 
    .evTab.event .con_box{margin: 4% 0 0;min-height: auto;padding: 0 0;}
    .evSection.evTab.event{padding-top: 15%;padding-bottom: 15%;}
    .evTab.event .btn-base-wrap{width: 94%;gap: 3%;}
    .evTab.event .btn-base-wrap .btn-base a{line-height: 1.2;}
    .evTab .panel_base2 .charact_wrap dl dt{padding: 12px 0;}
    .evTab .panel_base2 .charact_wrap dl dd{padding: 15px 0;gap: 5px;margin: 0 2%;}

    .evCon4 .reviewSld { max-width:1000px; margin: 0 auto; } 
    .evSection.event .con_tit .evt_badge.type-1{left: 0;top: 0;width: 170px;height: 170px;background-size: cover;top: inherit;bottom: 100%;margin: 0 0 -7%;}

    .event .container_info.ver_circle .info .info_title{padding:0;width: 114px;line-height: 31px;}
    .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); } 


}


@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; } 

    .evCon2 .graph_wrap{flex-direction: column;}
    .evCon2 .graph_wrap .graph{width: 100%;margin: 0 0 4%;}
    .evCon2 .graph_wrap .comment{width: 100%;display: flex;align-items: center;}

    .evCon2 .graph_wrap .comment li{width: 100%;padding: 2% 0;margin-bottom: 1%;margin: 0 0 5px !important;!i;!;border: 1px solid #b4b2c4;}
    .evCon2 .graph_wrap .comment li::before{display:none}
    .evCon2 .tiny_noti{padding: 5px 0 0;}

    .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); } 

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

    .evTab .swiper_common_wrap .swiper-pagination {margin-top: 1.5vmin;} 
    .evSection.event .con_tit .evt_badge.type-1{background: #e50606;width: auto;height: auto;position: relative;left: unset;top: unset;bottom: unset;margin: 0 auto 2%;border-radius: 40px;padding: 1% 9%;display: inline-block;}

    .evTab .panel_base2 .eventVideo{width:100%;margin: 0 0 3%;}
    .evTab .panel_base2 .txt_box{width: 100%;position: relative;right: unset;top: unset;}
    .evTab .panel_base2 .link{position: relative;bottom: unset;left: unset;margin: 0 0 4%;}
    .evTab .panel_base2 .txt_box .tea{display:none}
    .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; } 
    .event .container_info.ver_circle .info .info_title{width:100px;/* padding: 0; */}

}


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



    .evSection.event .con_tit + .mini_tit{opacity: 1;}
    .event2 .charact_wrap .swiper-slide{width:clamp(250px,35vmin,300px)}
    .evCon3 .charact_wrap {width:clamp(320px,75vmin,700px);overflow: hidden;margin: 0 auto;}
    .evTab .charact_wrap .swiper_common{width: clamp(320px,75vmin,700px);overflow: hidden;margin: 0 auto;}
    .event2 .charact_wrap{width: clamp(260px,75vmin,700px);overflow: hidden;margin: 7% auto 0;}





}