@charset "utf-8";

.main-visual {position: relative; width: 100%; height: 100vh; overflow: hidden; z-index: 0; background: #000;}
/* .main-visual video {width: 100%; height: 100%; object-fit: cover; object-position: 50% top;} */
.main-visual iframe {position: absolute; top: -10%; left: 50%; transform: translateX(-50%); pointer-events: none; display: block; width: 100vw; height: 100vh; border: 0; min-width: 100%; min-height: 100%; aspect-ratio: 16 / 9;}

/* 화면이 가로형 비율일 때 */
@media (min-aspect-ratio: 16/9) {
  .main-visual iframe {width: 100%; height: auto;}
}

/* 화면이 세로형 비율일 때 */
@media (max-aspect-ratio: 16/9) {
  .main-visual iframe {width: auto; height: 120%;}
}