@charset "euc-kr";

/* setting */
.blindw {position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.eventWrap .cont_pay .wrap_content{position:relative;width:1000px;margin:0 auto}
.eventWrap{/* width:100%; */text-align:center;position:relative;font-family: "Noto Sans KR", '?? ??', 'Malgun Gothic', '??', 'Dotum', sans-serif;line-height: 1.4;letter-spacing: -0.06em;overflow:visible;}
.eventWrap *{box-sizing:border-box}
.eventWrap .inner {position:relative;/* width:1080px; *//* margin:0 auto; *//* padding: 0; */}
.eventWrap .inner::after{content:"";display:block;clear:both;}
.eventWrap img{border:0 none;vertical-align:middle;max-width:100%}
.eventWrap .video_box{position: relative;z-index: 1;cursor:pointer;padding-bottom: 33.5%; background: #222;overflow: hidden;border-radius: 3px;}
.eventWrap .video_box .play_area{width: 100% !important;height: 100% !important;position: absolute;width: 100%;height: 100%;}
.eventWrap .video_box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}
.eventWrap .video_box img{/* width:100%; */}
.eventWrap .video_box.ytb{padding: 0;}


/* con_top */
.con_top .inner {padding:60px 0 83px;position: relative;background:url(https://img.megagong.net/m/2022/0524_promotion/con_top_bg.jpg) no-repeat center;background-size:100% 100%;}
.con_top .top_txt {font-weight:600;font-size:20px;color:#000000;letter-spacing: 17px;}
.con_top .s_tit {margin-top:40px;font-weight:400;font-size:22px;color:#fff;line-height:2;}
.con_top .s_tit span {display:inline-block;font-weight:bold;color:#9bffae;width:132px;border-bottom:2px solid #fff;line-height:1.3;}
.con_top .s_tit b {color:#9bffae;}

.con_top h3 {margin-top:70px;position:relative;}
.con_top h3 .txt {margin-bottom:50px;text-align: center;font-weight: 900;font-size:100px;color:#ffffff;}
.con_top h3 .txt li {display:none;}
.con_top h3 .txt li.on {display:block;}
.con_top h3 .txt li span {display: inline-block;margin-right:18%;}

/* con01 */
.con01 .img2 {position:relative;}
.con01 .img2 a {position:absolute;bottom:46%;right:3%;width:17%;height:8%;}

/* con02 */
.con02 {padding:79px 0 50px;background:#eeedf1;}
.con02 .video_w {font-size:0;}
.con02 .video_w .video_box {display:inline-block;vertical-align: middle;width:498px;}
.con02 .video_w .img {display:inline-block;vertical-align: middle;}
.con02 .video_w .video_box.comingsoon{display:inline-block;vertical-align: middle;width:498px; height: 282px;}
.con02 .video1_w {text-align: right;}
.con02 .video2_w {margin-top:-20px;text-align: left;}

/*con02 ver2*/
.con02.ver2 h3 {margin: 0 auto 50px;}
.con02.ver2 .video_w {margin:0 30px 80px;display: flex;position: relative;}
.con02.ver2 .video_w .img {position: absolute; bottom: -20px; right:-30px;}
.con02.ver2 .video2_w {justify-content: flex-end;}
.con02.ver2 .video2_w .img {right: auto; left: -60px;}
.popup_custom_wrap {width: calc(100% - 498px);padding: 24px 30px;display: flex;flex-direction: column;justify-content: flex-end;position: relative;} 
.popup_custom_wrap > p {padding:0 0 5px; border-bottom: 2px solid #111; width: 202px; text-align:left; font-size: 16px; font-weight: bold;}
.video2_w .popup_custom_wrap {align-items: flex-end ;}
.video2_w .popup_custom_wrap > p {text-align: right;}
.popup_custom_wrap .popup_btn {margin: 8px 0 0;width:110px;height: 24px;display: flex;justify-content: center;align-items: center;gap: 2px;font-size: 11px;color:#fff;border-radius: 3px;background-color: #111;/* opacity: 1; */} 
.popup_two_wrap {width: calc(100% - 498px);padding: 24px 30px; display: flex; gap: 30px;}
.popup_two_wrap .popup_custom_wrap {width: 110px; padding: 0;}
.popup_two_wrap .popup_custom_wrap > p {width: 100%;}
.popup_custom {display: none;position: absolute;bottom: 42px;left: 50%;transform: translateX(-50%);width: max-content;color: #111;background: #fff;border: 1px solid #111;padding: 20px;border-radius: 3px;z-index: 10;text-align: left;min-width: 260px;} 
.popup_custom ol a { font-weight: 500; text-decoration: underline; } 
.popup_custom .close {position: absolute;top: -28px;right: 0;background: none;border: none;cursor: pointer;} 
.popup_custom ol { max-height: 220px; overflow-y: auto; } 

.con04 .con_tit {margin: 80px auto 0;}

@media (max-width: 1200px){
    .eventWrap .inner,
    .eventWrap .cont_pay .wrap_content { width:100%; box-sizing:border-box; padding:0 2%; }
    .eventWrap img {width:100%;}

    /* con_top */
    .con_top .inner {padding:4% 0 8%;}
    .con_top h3 .img {padding:0 2%;}
    .con_top h3 .img img {width:auto;}
    
    /* con02 */
    .con02 h3 img {width: 80%;}
    .con02 .video_w .video_box {width:50%;}
    .con02 .video_w .img {width:50%;}
    .con02 .video2_w {margin-top:-2%;}

    .con02.ver2 .video_w .video_box {width:80%;}
    .con02.ver2 .video_w .img {width:40%;}

    /* con04 */
    .con04 .con_tit {margin: 5vmin auto 0;}
    .con04 h3 img {width: 80%;}

}

@media (max-width: 992px){
    .con02.ver2 .video_w .video_box {width:50%;}
    .con02.ver2 .video_w .img {width:44%;}
    .con02.ver2 .video_w .img.two_wrap {width:55%;}
    .con02.ver2 .video2_w .img {left: 0;}
    .popup_custom_wrap {width: 50%;}
}
@media (max-width: 768px){
    .eventWrap .video_box {padding-bottom:56.5%;}

    /* con_top */
    .con_top .top_txt {font-size:2.8vw;}
    .con_top .s_tit {margin-top:4%;font-size:3vw;}
    .con_top .s_tit span {width:25%;min-width:60px;}

    .con_top h3 {margin-top:7%;}
    .con_top h3 .txt {margin-bottom:50px;font-size:10vw;}


    /* con02 */
    .con02 {padding:7% 2% 5%;}
    .con02 h3 {margin-bottom:5%;}
    .con02 h3 img {width: 90%;}
    .con02 .video_w .video_box {width:100%;}
    .con02 .video_w .img {width:100%;}
    .con02 .video2_w {margin-top:0;position:relative;padding-top:55%;}
    .con02 .video2_w .video_box {position:absolute;top:0;left:0;right:0;}

    /*con02 ver2*/
    .con02.ver2 .video_w {flex-direction: column;margin: 0 auto 5vmin;padding-top: 0;}
    .con02.ver2 .video_w .img {position: static; order:1; width:100%;}
    .con02.ver2 .video_w .img.two_wrap {width:100%;}
    .con02.ver2 .video_w .img > img {max-width: 90%; display:block; margin: 0 auto;}
    .con02.ver2 .video_w .img.two_wrap > img {margin:0 0 0 -10px;}

    .con02.ver2 .video_w .video_box {order: 3;position: relative; width:100%;}
    .con02.ver2 .video2_w {justify-content: flex-start;}
    .popup_custom_wrap {width: 100%;order: 2;margin: -20vmin auto 0;}
    .popup_custom_wrap > p {margin: 0 auto; text-align: center;}
    .popup_custom_wrap .popup_btn {margin: 8px auto 0;} 
    .popup_two_wrap {width: 100%; order: 2;margin: -1vmin auto 0;}
    .popup_two_wrap .popup_custom_wrap {width: 100%;}
    .video2_w .popup_custom_wrap > p {text-align: center;} 
    

    /* con04 */
    .con04 h3 img {width: 90%;}
    
    
}
@media (max-width: 576px){
.popup_two_wrap .popup_custom {width: 190px; min-width: unset;}
.popup_custom_wrap > p {width: 100%;}
}