@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 */

.evCon1{background-image:url(https://image.megagong.net/m/2023/0613_technical/con1_bg.jpg);background-size:cover;background-color: #010b19;}
.evCon2, .evCon3, .evCon5, .evCon6, .evCon7, .evEvent{padding:150px 0;}
.evCon2{background-image:url(https://image.megagong.net/m/2023/0613_technical/con2_bg.jpg);background-size:cover;}
.evCon2 .con_box{margin-top:60px;}
/*
.evCon2 .tec_slide_wrap .slick-list{overflow:inherit;}
.evCon2 .tec_slide_wrap .slick-slide img{transform:scale(1.05);transition:transform 1s cubic-bezier(.58, .36, .84, .87);}
.evCon2 .tec_slide_wrap .slick-slide.slick-active img{transform:scale(1.0);}
*/
.evCon2 .tec_slide_wrap .mg_slick_btn.prev{left:-30px;}
.evCon2 .tec_slide_wrap .mg_slick_btn.next{right:-30px;}
.evCon2 .tec_slide_wrap.mg_slick_wrap .slick-dots li button{border-radius:4px;}
.evCon2 .tec_slide_wrap.mg_slick_wrap .slick-dots li.slick-active button{background-color: #fff;width:40px;}

.evCon3{background-color: #f0f0f0;}
.evCon3 .con_box{margin-top:80px;}
.evCon3 .book_slide_wrap{position: relative;}
.evCon3 .book_slide_wrap:after{content:'';display:block;width:300%;height:100%;background-color:gold;opacity:0;position: absolute;left:-100%;top:0;}
.evCon3 .book_slide_wrap .slick-list{overflow:inherit;}
.evCon3 .book_slide_wrap .img_cover{display:block;padding:0 5px;}
.evCon3 .book_slide_wrap .img_cover img{box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.25);}
.evCon3 .book_slide.bottom{margin-top:110px;}
.evCon3 .tiny_info{margin-top:60px;}
.evCon3 .tiny_info li{text-align:right;font-size:12px;color:#bbb;}

.evCon4{background-image:url(https://image.megagong.net/m/2023/0613_technical/con4_bg.jpg);background-size:cover;padding:150px 0 257px;position: relative;}
.evCon4 .con_box{margin-top:140px;position: relative;}
.evCon4 .tiny_text{font-size:14px;color:#666;display:block;position: absolute;right:50%;margin-right:-540px;bottom:30px;}
.evCon4 .con_arrow{position: absolute;left:50%;top:-80px;width:1580px;margin-left:-790px;opacity:0;}
.evCon4 .con_arrow.on{animation:show_top_in 1.3s ease-out both;-webkit-animation:show_top_in 1.3s ease-out both;}
.evCon5{background-color: #222222;}
.evCon5 .trend_list{margin-top:60px;}
.evCon5 .trend_list li{background-color: #ffffff;border-radius:20px;margin-top:20px;display:flex;padding:30px 40px;align-items:center;}
.evCon5 .trend_list li:first-of-type{margin-top:0;}
.evCon5 .trend_list li .trend_ico{flex-shrink:0;}
.evCon5 .trend_list li .trend_tit{font-size:20px;font-weight:700;width:270px;padding:0 20px;flex-shrink:0;}
.evCon5 .trend_list li .trend_con{font-size:18px;color:#111;border-left:1px solid #dddddd;padding:30px 0 30px 50px;text-align:left;word-break:break-all;flex-grow:1;}
.evCon5 .trend_list li .trend_con .hidden_tit{display:none;font-size:16px;font-weight:700;font-style:normal;margin-bottom:10px;}

.eventWrap .evSection.evCon6{overflow:initial;}
.evCon6 .tab_base{margin-top:60px;display:flex;width:100%;}
.evCon6 .tab_base li{color:#c5c5c5;background-color:#f5f5f5;width:14.2857%;border-top:3px solid #f5f5f5;border-bottom:3px solid #111;position:relative;}
.evCon6 .tab_base li div.evt_1{padding:25px 0;cursor:pointer;height:100%;display:flex;flex-direction:column;justify-content:center;position: relative;}
.evCon6 .tab_base li strong{font-weight:900;font-size:22px;display:block;}
.evCon6 .tab_base li .evt_2_wrp{font-size:0;}
.evCon6 .tab_base li span{display:inline-block;}
.evCon6 .tab_base li span.evt_2{font-weight:700;font-size:14px;margin:0 6px;position: relative;}
.evCon6 .tab_base li span.evt_2:before{content:'';display:block;width:1px;height:14px;background-color:#ccc;position:absolute;left:-6px;top:4px;}
.evCon6 .tab_base li span.evt_2:first-of-type:before{display:none;}
.evCon6 .tab_base li:before, .evCon6 .tab_base li:after{content:'';position:absolute;top:0;height:100%;}
.evCon6 .tab_base li:before{left:0;width:1px;background-color: #fff;}
.evCon6 .tab_base li:after{right:0;}
.evCon6 .tab_base li.on{color:#111;background-color: #ffffff;border-top:3px solid #111;border-bottom:3px solid #fff;}
.evCon6 .tab_base li.on:before, .evCon6 .tab_base li.on:after{display:block;width:3px;background-color: #111;height:calc(100% + 3px);}
.evCon6 .tab_base li.on span.evt_2.on{color:#1e84dc;}
.evCon6 .tab_base li.on + li:before{display:none;}
.evCon6 .panel_base{margin-top:60px;padding:0 40px;}
.evCon6 .panel_base > #movie_area{display:block !important;}
.evCon6 .panel_base > #lecture_area{display:block !important;}
.evCon6 .panel_base > #lecture_area .grade_tab_wrap > .lecture{padding-bottom:0 !important;}
/* .evCon6 .panel_base li .eventVideo{display:none;}
.evCon6 .panel_base li .eventVideo.on{display:block;} */
.evCon6 .panel_base li .eventVideo .hint{color:#fff;text-align:left;display:block;/*display:none;*/}
.evCon6 .sub_tit{margin:80px 0 40px;}

.evCon7{background-color: #f0f0f0;}
.evCon7 .con_box{margin-top:60px;}
.evCon7 .link_list > li{margin-top:30px;position: relative;}
.evCon7 .link_list > li:first-of-type{margin-top:0;}
.evCon7 .link_list > li a{position: absolute;left:27%;bottom:21%;width:46%;height:34%;background-color:gold;opacity:0;font-size:0;}

.evEvent{background-color: #10233e;}
.evEvent .con_tit{position: relative;}
.evEvent .con_tit .evt_end{position: absolute;right:0;top:0;display:inline-block;}
.evEvent .con_box{margin-top:50px;}
.evEvent .container_info .info .noti{color:#02aefe;}
.evEvent .gift_list{display:flex;justify-content:space-between;margin-top:125px;gap:0 20px;}
.evEvent .gift_list li{position: relative;}
.evEvent .gift_list li .label{width:104px;height:104px;border-radius:50%;background-color:rgba(2, 174, 254, 0.9);font-size:18px;color:#111;position: absolute;right:-30px;top:-25px;display:flex;align-items:center;justify-content:center;flex-direction:column;}
.evEvent .comment_label{font-size:22px;font-weight:900;color:#fff;margin-top:100px;position: relative;}
.evEvent .comment_label:before{content:'';display:block;width:100%;height:1px;background-color:#000;position: absolute;top:50%;left:0;}
.evEvent .comment_label span{display:inline-block;padding:10px 40px;background-color: #000;color:#fff;border-radius:30px;position: relative;}
.evEvent .eventBoard{margin-top:30px;}
.evEvent .eventBoard .radio_list li{margin-left:0;margin-right:20px;}
.evEvent .eventBoard .radio_list li:last-child{margin-right:0;}

.warningList li ul li a.tp2{color:#0058c4;text-decoration:underline;}

@-webkit-keyframes show_top_in { 
    0% { transform: translateY(100px) translateX(-100px); opacity: 0; transform: scaleY(0); transform-origin:bottom; } 
    100% { transform: translateY(0) translateX(0); opacity: 1; transform: scaleY(1); transform-origin:bottom; } 
}
@keyframes show_top_in { 
    0% { transform: translateY(100px) translateX(-100px); opacity: 0; transform: scaleY(0); transform-origin:bottom; } 
    100% { transform: translateY(0) translateX(0); opacity: 1; transform: scaleY(1); transform-origin:bottom; } 
}

@media screen and (max-width: 1420px) {
    .evCon4 .con_arrow{width:130%;margin-left:0;left:-15%;}
}

@media screen and (max-width: 1200px) {
    .evCon2, .evCon3, .evCon5, .evCon6, .evCon7, .evEvent{padding:15% 0;}
    .evCon2 .con_box{margin-top:6%;}
    .evCon3 .con_box{margin-top:8%;}
    .evCon3 .tiny_info{margin-top:6%;}
    .evCon3 .book_slide.bottom{margin-top:11%;}
    .evCon4{padding:15% 0 20%;}
    .evCon4 .con_box{margin-top:14%;}
    .evCon4 .con_arrow{width:120%;left:-10%;}
    .evCon4 .tiny_text{right:2%;margin-right:0;}
    .evCon5 .trend_list{margin-top:6%;}
    .evCon5 .trend_list li{padding:30px 20px;}
    .evCon5 .trend_list li .trend_ico{width:80px;}
    .evCon5 .trend_list li .trend_tit{font-size:18px;width:230px;}
    .evCon5 .trend_list li .trend_con{font-size:16px;padding:20px 0 20px 20px;}

    .evCon6 .tab_base{margin-top:6%;}
    .evCon6 .tab_base li div.evt_1{padding:15px 0;}
    .evCon6 .tab_base li strong{font-size:18px;}
    .evCon6 .tab_base li .evt_2_wrp{position:absolute;left:0;top:80px;white-space:nowrap;display:none;}
    .evCon6 .tab_base li:last-of-type .evt_2_wrp{left:initial;right:0;}
    .evCon6 .tab_base li.on .evt_2_wrp{display:block;}
    .evCon6 .sub_tit{margin:8% 0 4%;}

    .evCon7 .con_box{margin-top:6%;}
    .evEvent .con_tit .evt_end{width:21%;}
    .evEvent .gift_list{margin-top:12.5%;}
    .evEvent .gift_list li .label{width:80px;height:80px;right:-10px;top:-10px;font-size:16px;}
    .evEvent .comment_label{margin-top:10%;font-size:18px;}
    .evEvent .comment_label span{padding:10px 30px;}
}

@media screen and (max-width: 925px) {
    .evCon5 .trend_list li .trend_tit{font-size:16px;width:205px;}
    .evCon5 .trend_list li .trend_con{font-size:14px;}

}

@media screen and (max-width: 810px) {
    .tec_slide_wrap{width:100%;}
}

@media screen and (max-width: 768px) {
    .evCon4 .tiny_text{bottom:20px;}
    .eventBoard .radio_list li{margin-right:10px;}
    .evCon5 .trend_list li .trend_con br.pc_br{display:none;}
    
    .evCon6 .panel_base{padding:0 20px;}
    .evCon6 .tab_base li div.evt_1{padding:10px 0;}
    .evCon6 .tab_base li strong{font-size:16px;}
    .evCon6 .tab_base li .evt_2_wrp{top:67px;}

    .evEvent .gift_list li .label{font-size:14px;width:60px;height:60px;}
    .evEvent .comment_label span{padding:10px 20px;font-size:16px;}
}

@media screen and (max-width: 640px) {
    .evCon5 .trend_list li{padding:0 20px;}
    .evCon5 .trend_list li .trend_tit{display:none;}
    .evCon5 .trend_list li .trend_con{border-left:0;}
    .evCon5 .trend_list li .trend_con .hidden_tit{display:block;}
    .evCon6 .tab_base li strong{font-size:12px;font-weight:700;}
    .evCon6 .tab_base li .evt_2_wrp{top:50px;}
    .evCon6 .tab_base li span.evt_2{font-size:12px;margin:0 3px;}
    .evCon6 .tab_base li span.evt_2:before{height:10px;left:-3px;}
    .evCon6 .panel_base{margin-top:40px;}
    .evEvent .gift_list{gap:0 10px;}
    .evEvent .gift_list li .label{font-size:12px;width:50px;height:50px;}
}