/* 유튜브 팝업 */
 .reveal {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: 99998;
 }
 .video-wrapper {
     width: 100%;
     z-index: 99999;
 }
 .video-wrapper_div2 {
     width: 90vw;
     max-width: 1220px;
     margin: 100px auto;
 }

#pop-video.video-wrapper_div2 {
    width: 90vw;
    max-width: 1220px;
    margin: 100px auto;
}
#pop-img.video-wrapper_div2 {
    max-width: 800px;
    height: 50vw;
    max-height: 800px;
    margin: 100px auto;
}

 .video-wrapper_div {
     position: relative;
     height: 0;
     padding-bottom: 56.25%;
 }

 .video-wrapper iframe {
     border: 0px;
     box-shadow: 30px 30px 50px rgba(0, 0, 0, 0.2);
     z-index: 99999;
 }
 .video-wrapper img {
     border: 0px;
     box-shadow: 30px 30px 50px rgba(0, 0, 0, 0.2);
     z-index: 99999;
 }

 .reveal .video-popup-closer {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.5);
     z-index: 99998;
 }
 

 /* img 팝업 */
 #pop-img {
    width: unset;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
 }
 #pop-img .btn-pop-close {
    position: relative;
    display: block;
    z-index: 99999;
    margin-left: 102%;
    margin-bottom: 2%;
    cursor: pointer;
 }
 #pop-img .pop-img-content {
    position: relative;
    height: 70vh;
    max-height: 600px;
    z-index: 99999;
 }
 
 /* 동영상 영역 768px 이하 100% */
 @media all and (max-width: 768px) {

     .video-wrapper_div2 {
         width: 100%;
         margin-top: 30px;
     }

 }
 /* 동영상 영역 768px 이하 100% */



    /* 2 tab vw --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1300px) and (min-width:951px) {
     /* 유튜브 팝업 */
 .reveal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99998;
}
.video-wrapper {
    width: 100%;
    z-index: 99999;
}
.video-wrapper_div2 {
    width: 90vw;
    max-width: 93.846vw;
    margin: 7.692vw auto;
}

#pop-video.video-wrapper_div2 {
   width: 90vw;
   max-width: 93.846vw;
   margin: 7.692vw auto;
}
#pop-img.video-wrapper_div2 {
   max-width: 61.538vw;
   height: 50vw;
   max-height: 61.538vw;
   margin: 7.692vw auto;
}

.video-wrapper_div {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}

.video-wrapper iframe {
    border: 0vw;
    box-shadow: 2.308vw 2.308vw 3.846vw rgba(0, 0, 0, 0.2);
    z-index: 99999;
}
.video-wrapper img {
    border: 0vw;
    box-shadow: 2.308vw 2.308vw 3.846vw rgba(0, 0, 0, 0.2);
    z-index: 99999;
}

.reveal .video-popup-closer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99998;
}


/* img 팝업 */
#pop-img {
   width: unset;
   display: inline-block;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   z-index: 99999;
}
#pop-img .btn-pop-close {
   position: relative;
   display: block;
   z-index: 99999;
   margin-left: 102%;
   margin-bottom: 2%;
   cursor: pointer;
}
#pop-img .pop-img-content {
   position: relative;
   height: 70vh;
   max-height: 46.154vw;
   z-index: 99999;
}

/* 동영상 영역 59.077vw 이하 100% */
@media all and (max-width: 59.077vw) {

    .video-wrapper_div2 {
        width: 100%;
        margin-top: 2.308vw;
    }

}
/* 동영상 영역 59.077vw 이하 100% */
}



/* 1 mobile vw --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 950px){
    #pop-img .pop-img-content {
        position: relative;
        height: 70vh;
        max-height: 98vw;
        z-index: 99999;
    }
}