@charset "euc-kr";

/* bg url: https://img.megagong.net/m/2022/ */

/* gong */
.gong .color_code1{color:#5f6dff !important}
.gong .color_code2{color:#3ae3ff !important}
.gong .color_code3{color:#0292bc}
.gong .evCon1{position: relative; padding: 150px 0;background: #01010a url(https://img.megagong.net/m/2022/1215_brand/gong/evcon1_bg.jpg) no-repeat center; background-size: auto 100%;}
.gong .evCon2{position: relative;padding: 420px 0 480px;background: #01010a url(https://img.megagong.net/m/2022/1215_brand/gong/evcon2_bg.jpg) no-repeat center;background-size: auto 100%;}
.gong .evCon2.ver2{padding: 150px 0 0;background-image:none;}
.gong .evConbelt{background: #0615ac;padding: 73px 0;}
.gong .evCon3{position: relative; padding: 97px 0 160px;background: #01010a;}
.gong .evCon3 h5{background: #12454f;}
.gong .evCon3 .contents li a i{position: absolute;left: 20px;top: 50%;transform: translateY(-50%);border-radius: 50%;color: #fff;font-size: 14px;width: 80px;height: 80px;background: #1b9dc3;padding: 20px 0;font-style: normal;}
.gong .evCon3 .contents li a:hover{background: #3ae3ff;}
.gong .evCon3 .contents li a:hover i{background: #fff;color: #000;}
.gong .evCon3 .contents li a:hover span{color:#007fa4;}

/* sobang */
.sobang .color_code1{color: #ff415f !important}
.sobang .color_code2{color: #ff5a74 !important}
.sobang .color_code3{color: #ff415f}
.sobang .evCon1{position: relative; padding: 150px 0;background: #02010a url(https://img.megagong.net/m/2022/1215_brand/sobang/evcon1_bg.jpg) no-repeat center; background-size: auto 100%;}
.sobang .evCon2{position: relative;padding: 420px 0 480px;background: #02010a url(https://img.megagong.net/m/2022/1215_brand/sobang/evcon2_bg.jpg) no-repeat center;background-size: auto 100%;}
.sobang .evCon2.ver2{padding: 150px 0 0;background-image:none;}
.sobang .evConbelt{background: #7d0023;padding: 73px 0;}
.sobang .evCon3{position: relative; padding: 97px 0 160px;background: #02010a;}
.sobang .evCon3 h5{background: #4e1424;}
.sobang .evCon3 .contents li a i{position: absolute;left: 20px;top: 50%;transform: translateY(-50%);border-radius: 50%;font-size: 14px;width: 80px;height: 80px;padding: 20px 0;background: #ff415f;font-style: normal;color: #000;}
.sobang .evCon3 .contents li a:hover{background: #ff415f;}
.sobang .evCon3 .contents li a:hover i{background: #fff;color: #000;}
.sobang .evCon3 .contents li a:hover span{color:#fff;}

/* common */
.eventWrap .tiny_noti{font-size: 12px;color: #474747;text-align: right;}
.eventWrap .mo-view{display: none;}
.eventWrap .pc-view{display: block;}
.evSection .color_violet{color: #ac24ff;}
.flt_fix_bn{display: none;}

.evCon1 {padding: 180px 0 170px;}
.evCon1 .top_txt{color: #fff;display: block;font-size: 25px;margin-bottom: 110px;}
.evCon1 .bn_fix{position: absolute;bottom: 250px;left: 50%;margin-left: 645px;}
.evCon1 > .tiny_noti{position: absolute;left: 50%;margin-left: 320px;top: 10px;}
.evCon1 h3{margin-right: -65px;}
.evCon1 .cmg_popup_wrap.cmg_fullpage .cmg_popup_inner,
.evCon1 .cmg_popup_wrap .video_area{max-width: 1080px;}
.evCon1 .cmg_popup_wrap .video_area{position: relative;z-index: 1;cursor: pointer;padding-bottom: 56%;background: #222;overflow: hidden;opacity: 1;}
.evCon1 .video_ytb{width: 100% !important; height: 100% !important; position: absolute;} .video_area iframe {position: absolute;top: 0;left: 0;height: 100%;}
.evCon1 .video_ytb iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.evCon1 .video_wrp{padding: 45px 60px 25px;background: #313131cb}
.evCon1 .video_wrp .video_tit{text-align: center;display: block;margin-bottom: 30px;font-size: 28px;color: #fff;}
.evCon1 .video_wrp .tiny_noti{margin-top: 20px;text-align: center;}
.evCon2 .coming_txt{}
.evCon2 h4{margin-bottom: 85px;}
.evCon2.ver2 h4{position: relative;}
.evCon2.ver2 h4::before{content: '';display: block;position: absolute;left: 50%;transform: translateX(-50%);width: .1px;height: 70px;background: #fff;top: -130px;}
.evCon2 h5 b{margin-bottom: 30px;display: block;font-size: 26px;}
.evCon2 h5{margin-bottom: 85px;color: #fff;font-size: 24px;font-weight: 300;}
.evCon2 .list{display: flex;}
.evCon2 .list li{position: relative;}
.evCon2 .list li::before{content: '\002B';display: block;position: absolute;right: 18px;top: 50%;transform: translateY(-50%);color: #fff;font-size: 26px;font-weight: 300;}
.evCon2 .list li:last-child:before{content: none;}
.evCon2 .list li:nth-child(2):before{content: '\002B';display: block;position: absolute;right: 18px;top: 47%;transform: translateY(-50%);color: #fff;font-size: 26px;font-weight: 300;}
.evCon2 .list li:nth-child(1){margin-right: -25px;}
.evCon2 .list li:nth-child(4){margin-left: -25px;}
.evCon2 .list li:nth-child(2n){margin-top: 15px !important;}
.evCon2 .list li:nth-child(n+2):nth-child(-n+3){margin: 0 -25px;}
.evCon2 .btxt{background: #ac24ff;position: relative;margin-top: 150px;}
.evCon2 .btxt a{padding: 31px 0;display: block;}
.evCon2 .btxt i{position: absolute;left: 50%;top: -70px;margin-left: -460px;}
.evCon2 .btxt p{font-size: 35px;color: #fff;font-weight: 900;}

.evCon3 h4{margin-bottom: 80px;}
.evCon3 h5{position: relative; color: #fff;font-weight: 500;font-size: 24px;padding: 9px 0;}
.evCon3 h5::before{content: '\25BC';display: block;position: absolute;left: 50%;top: 50%;transform: translateY(-50%);color: #fff;margin-left: -300px;}
.evCon3 h5::after{content: '\25BC';display: block;position: absolute;right: 50%;top: 50%;transform: translateY(-50%);color: #fff;margin-right: -300px;}

.evCon3 .contents{display: flex;margin-bottom: 25px;flex-wrap: wrap;}
.evCon3 .contents li{position: relative;width: calc(50% - 15px);margin: 30px 30px 0 0;}
.evCon3 .contents li:nth-child(2n){margin-right: 0;}
.evCon3 .contents li a{padding: 30px 0;display: block;background: #fff;font-size: 17px;border-bottom-right-radius: 30px;}
.evCon3 .contents li a span{display: block;}
.evCon3 .contents li a b{font-size: 26px;color: #222;font-weight: 900;}

.evCon4{position: relative; background: #f9a576; padding: 160px 0;}
.evCon5{position: relative; background: #8590ff; padding: 160px 0;}

.evCon4 h4{margin-bottom: 70px;}
.evCon5 h4{margin-bottom: 70px;}
.evCon5 h5{margin-bottom: 60px;font-size: 21px;color: #19216b;font-weight: 500;}

.event .tag_end{position: absolute;right: -60px;top: 30px;max-width: 23%;}
.event .info{margin-bottom: 70px;background: #d47540;border-radius: 30px;display: flex;justify-content: center;}
.evCon5.event .info{background: #515ed9;}
.event .info li{margin-left: 65px;color: #fff;padding: 17px 0;font-size: 21px;}
.event .info li .tiny_noti{color: #fff;opacity: .6;}
.event .info li b{position: relative;padding:0 12px 0 15px;margin-right: 12px;} 
.event .info li b::before{content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: #fff;width: 3px;height: 3px;border-radius: 100%;} 
.event .info li b::after{content: '';display: block;position: absolute;right:0;top: 50%;transform: translateY(-50%);background: #fff;width: 2px;height: 45%;}
.event .step .tit{position: relative;margin: 90px auto 30px;}
.event .step .tit::before{content: '';display: block;position: absolute;height: 1%;width: 100%;left: 0;top: 50%;background: #d47540;transform: translateY(-50%);}
.event .step .tit span{position: relative;padding: 5px 30px;background: #d47540;font-size: 21px;border-radius: 30px;color: #fff;}
.evCon5.event .step .tit span{background: #515ed9;}
.evCon5.event .step .tit::before{background-color: #515ed9;}
.event .step .list{display: flex;justify-content: center;background: #fff;padding: 27px 0;margin: 0 -2px;}
.event .step .list li{position: relative;border-right: 1px dashed #b2b2b2;box-sizing: border-box;}
.event .step .list li a{position: absolute;bottom: 20%;left: 50%;transform: translateX(-50%);height: 15%;font-size: 0;width: 61%;}
.event .step .list li::before{background: url(https://img.megagong.net/m/2022/1215_brand/evcon4_arr.jpg) no-repeat center;content: '';display: block;position: absolute;right: -10px;top: 50%;transform: translateY(-50%);width: 15px;height: 33px;z-index: 2;}
.event .step .list li:last-child{border: 0;}
.event .step .list li:last-child::before{content: none;}
.event .eventBoard{margin-top:70px}
.event .evtBoard_common .board_list ul li{}
.event .evtBoard_common .board_list ul li .usr_info .date{position: relative;float: right;display: block;right: auto;top: auto;}
.event .eventBoard .tit{position: relative;font-size: 20px;text-align: left;color:#fff;font-weight: 700;margin-bottom: 25px;}
.event .eventBoard .tit::before{content: '';display: block;position: absolute;bottom: 6px;left: 0;width: 100%;background: #fff;height: 1%;}
.event .eventBoard .tit .tit_inner{background: #914b24;padding-right: 10px;position: relative;}
.event .eventBoard .tit .tit_inner i{font-style: normal;color: #914b24;background: #fff;border-radius: 30px;margin-right: 10px;padding: 1px 21px;}
.event .eventBoard .evtBoard_common .evtBoard_inner{background: #914b24;}
.event .btn{margin: 40px auto 0;width: 455px;}
.event .btn a{display: block;padding: 23px 140px 23px 0;color: #19216b;width: 100%;background: #f9a576 url(https://img.megagong.net/m/2022/1215_brand/evcon5_arr.png) no-repeat 100% center;font-size: 25px;font-weight: 700;text-align: right;position: relative;background-size: contain;}
.event .type_lst ul{padding-bottom: 25px;}
.event .gallery_lst ul li.none{padding: 40px 0;font-size: 15px;border: 1px solid #5d65b2;border-width: 1px 0;color: #000;}
.event .paging.gall strong,.event .paging.gall a{color: #fff;}

.evtoggleWarning {background: #f8f8f8;}
.evtoggleWarning a{color:#ff461b;border: 1px solid #ff461b;}
.warningList li.dash{padding-left: 5px;}
.warningList li.dash::before{content: '\00B7';display: block;position: absolute;left: 0;}
.warningList li.indent span{position: relative;left: auto;top: auto;}

.mg_s_info li,.mg_chk_base input, .mg_chk_base label{color: #999;}
.mg_s_info li a{color: #e15f6b;}
.mg_terms{white-space:initial}
.mg_terms strong.lg_tit{margin-top: 0;color: #000;font-weight: 700;}
.mg_terms strong{display: block;margin-top: 10px;font-weight: 500;}

@media screen and (max-width: 1200px){
    .flt_inner{display: block;right: 5px;}
    .gong .evCon1,.gong .evCon2,.sobang .evCon1,.sobang .evCon2{padding: 15% 0;}
    .gong .evCon2.ver2,.sobang .evCon2.ver2{padding-top: 15%;}
    .gong .evConbelt,.sobang .evConbelt{padding: 5% 0;}
    .gong .evCon3, .sobang .evCon3{padding: 10% 0 15%;}
    .gong .evCon3 .contents li a i,.sobang .evCon3 .contents li a i{width: 55px;height: 55px;left: 6px;font-size: 11px;padding: 2.5% 0;}


    /* common */
    .eventWrap .tiny_noti{font-size: 10px;}
    .evCon1 .top_txt{font-size: 21px;margin-bottom: 10%;}
    .evCon1 .bn_fix{position: absolute;bottom: 42%;left: 50%;margin-left: 27%;max-width: 21%;z-index: 2;}
    .evCon1 > .tiny_noti{margin-left: 19vw;}
    .evCon1 h3{margin-right: 0;}
    
    .evCon1 .video_wrp{padding: 4% 2% 3%;}
    .evCon1 .video_wrp .video_tit{font-size: 24px;margin-bottom: 15px;}
    .evCon1 .video_wrp .tiny_noti{margin-top: 10px;font-size: 11px;}
    .evCon2 .coming_txt{padding: 10% 5%;}
    .evCon2 h4{margin-bottom: 8%;}
    .evCon2 h5 b{margin-bottom: 3%;}
    .evCon2 h5{margin-bottom: 8%;font-size: 20px;}
    .evCon2 .btxt{margin-top: 12%;}
    .evCon2 .btxt a{padding: 20px 0 20px 30px;}
    .evCon2 .btxt i{left: 1%;top: auto;margin-left: 0;bottom: 5%;max-width: 14%;}
    .evCon2 .btxt p{font-size: 28px;}

    .evCon3 h4{margin-bottom: 8%;}
    .evCon3 h5{font-size: 20px;padding: 2% 0;}
    .evCon3 .contents{margin-bottom: 3%;}
    .evCon3 .contents li{width: 49.5%;margin: 2% 1% 0 0;}
    .evCon3 .contents li:nth-child(2n){margin-right: 0;}
    .evCon3 .contents li a{padding: 5% 1%;border-bottom-right-radius: 20px;font-size: 14px;}
    .evCon3 .contents li a b{font-size: 22px;}




    .evCon4,.evCon5{padding: 15% 0;}
    .evCon4 h4,.evCon5 h4,.evCon5 h5{margin-bottom: 8%;}

    .evCon5 h5{font-size: 18px;}
    .event .tag_end{right: 0;top: 0;}
    .event .step .tit::before{height: 1px;}
    .event .info{margin-bottom: 8%;flex-wrap: wrap;border-radius: 15px;padding: 2% 3%;}
    .event .info li{margin-left: 0;padding: 0;font-size: 18px;width: 100%;line-height: 1.6;}
    .evCon4 .gift{margin: 0 20%;}
    .event .step .tit{margin: 10% auto 5%;}
    .event .step .tit span{font-size: 18px;}
    .event .step .list{padding: 3% 0;margin: 0 auto;}
    .event .eventBoard{margin-top:8%}
    .event .eventBoard .tit{font-size: 17px;margin-bottom: 3%;}
    .event .eventBoard .tit .tit_inner i{margin-right: 5px;padding: 1px 13px;}
    .event .btn{margin-top: 5%;width: 400px;}
    .event .btn a{padding: 5% 0 5% 18%;font-size: 21px;text-align: left;}
}
@media (max-width: 768px){
    .flt_inner{display: none}
    .eventWrap .mo-view{display: block;}
    .eventWrap .pc-view{display: none;}    
    .eventWrap .tiny_noti{font-size: 10px;}
    .flt_fix_bn.mo-view{display: none;}
    .flt_fix_bn.on{display: block;position: fixed;left: 0;width: 100%;height: auto;bottom: 65px;z-index: 3;}
    .flt_fix_bn ul{display: flex;}
    .flt_fix_bn li{}
    .flt_fix_bn li a{display: block;}
    .evCon1 .video_wrp .video_tit{font-size: 20px}
    .gong .evCon1,.sobang .evCon1{padding: 0 0 15%;}
    .evCon1 .bn_fix{position: relative;max-width: 100%;margin: 0 auto 10px;bottom: auto;left: auto;}
    .evCon1 .bn_fix.on{position: fixed;left: 0;top:0;display: block;z-index: 3;}
    .evCon1 .bn_fix a{display: block;}
    .evCon1 > .tiny_noti{position: relative;top: auto;left: auto;margin: 0 auto 10%;}
    .evCon1 .top_txt{font-size: 18px;}
    .evCon2.ver2 h4::before{top: -15vw;height: 40%;}
    .evCon2 h5{font-size: 18px;}
    .evCon2 .btxt p{font-size: 22px;}
    .evCon2 .list {flex-wrap: wrap;margin: 0 10% 0 15%;}
    .evCon2 .list li{width: 50%;}
    .evCon2 .list li::before{right: 5%;font-size: 18px;}
    .evCon2 .list li:nth-child(2)::before{content: none;}
    .evCon2 .list li:nth-child(1){margin-right: 0;}
    .evCon2 .list li:nth-child(4){margin-left: 0;}
    .evCon2 .list li:nth-child(n+2):nth-child(-n+3){margin: 0;}
    .evCon2 .list li:nth-child(2n){margin-top: 2.5% !important;margin-left: -8% !important;}

    .gong .evCon3 .contents li a i, .sobang .evCon3 .contents li a i{border-radius: 5px;width: 40px;height: 40px;left: 3px;font-size: 10px;}
    .evCon3 h5{font-size: 18px;}
    .evCon3 .contents li a{font-size: 11px;}
    .evCon3 .contents li a b{font-size: 18px;}
    .evCon3 h5::before{margin: 0;left: 5%;}
    .evCon3 h5::after{margin: 0;right: 5%;}
    


    .evCon5 h5{font-size: 15px;}
    .event .info li{font-size: 15px;}
    .event .step .tit span{font-size: 15px;}
    .event .step .list{padding: 3% 0;margin: 0 auto;}
    .event .eventBoard .tit{font-size: 14px;}
    .event .btn{width: 300px;}
    .event .btn a{font-size: 18px;padding-left: 10%;}
    .event .gallery_lst ul li.none{font-size: 13px;}
    
}
@media (max-width: 576px){
    .evCon1 .video_wrp .video_tit{font-size: 15px}
    .flt_fix_bn.on{bottom: 55px;}
    .evCon1 .top_txt{font-size: 15px;}
    .evCon2 h5{font-size: 15px;}
    .evCon2 .btxt p{font-size: 15px;}
    .evCon3 h5{font-size: 15px;margin-bottom: 5%;}
    .gong .evCon3 .contents li a i, .sobang .evCon3 .contents li a i{border-radius: 50%;width: 50px;height: 50px;padding: 3% 0;}
    .evCon3 .contents li{width: 100%;margin: 2% 4%;}
    .evCon3 .contents li a b{font-size: 15px;}
    .evCon3 .contents li:nth-child(2n){margin-right: 4%;}
    .evCon3 .contents li a{padding: 3% 1%;border-radius: 10px;}


    .evCon5 h5{font-size: 13px;}
    .event .info li{font-size: 13px;}
    .event .step .tit span{font-size: 13px;}
    .event .eventBoard .tit{font-size: 12px;}
    .event .btn{width: 250px;}
    .event .btn a{font-size: 15px;}
    .event .step .list{flex-wrap: wrap;padding: 0;}
    .event .step .list li {width: 100%;border-bottom: 1px dashed #b2b2b2;border-width: 0 0 1px;margin: 0 20%;padding-top: 5%;overflow: hidden;}
    .evCon4.event .step .list li:first-child img{margin-bottom: -15%;}
    .event .step .list li::before{content: none;}
    .event .step .list li a{bottom: 17%;}
    .event .eventBoard .tit .tit_inner i{display: block;width: 50px;margin-bottom:5px;}
}