#Popup-Video-Box {
  width: 100vw;
  height: 100vh;
  z-index: 10000;
  position: fixed;
  top: 0;
  background: #02071A;
  transition: opacity 1s ease-in-out; /* 페이드아웃 효과를 위한 transition 추가 */
  opacity: 1;
}
#Popup-Video-Box.hidden{
  opacity:0;
  pointer-events: none;
}
#Popup-Video-Box.none {
  pointer-events: none;
}
#Popup-Video-Box #close-video {
  position: absolute;
  right: 8%;
  bottom: 5%;
  z-index: 10001;
  cursor: pointer;
  width: 300px;
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#Popup-Video-Box #close-video p {
  color: white;
  font-size: 30px;
  transition: 0.5s;
}
#Popup-Video-Box #close-video p:hover {
  color: #FFCC00;
}
#Popup-Video-Box #close-video img {
  width: -moz-fit-content;
  width: fit-content;
}
#Popup-Video-Box video {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (max-width: 700px) {
  #Popup-Video-Box #close-video {
    right: 0;
    bottom: 5%;
    width: 100%;
    padding: 0 20%;
  }
  #Popup-Video-Box #close-video p {
    font-size: 20px;
  }
  #Popup-Video-Box #close-video img {
    scale: 0.5;
  }
  #Popup-Video-Box video {
    -o-object-fit: contain;
       object-fit: contain;
  }
}/*# sourceMappingURL=video-popup.css.map */