.space {
   width: 100%;
   height: 42px;
}

#video-container {
   width: 100%;
   height: 100vh; /* div 크기를 브라우저 높이로 예시 */
   position: relative;
   background-image: url('../images/main_bg.jpg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   overflow: hidden;
}
/* iframe 자체를 강제로 키워서 잘라냄 */
#player {
   position: absolute;
   top: 0;
   left: 0;
   width: 200%; /* 가로 늘리기 */
   height: 200%; /* 세로 늘리기 */
   transform: translate(-25%, -25%); /* 가운데 정렬 */
   pointer-events: none; /* 제어 차단 */
   z-index: 10;
}
.video-textbox {
   position: absolute;
   bottom: 70px;
   left: 60px;
   z-index: 20;
   color: #ffffff;
}
.video-textbox img {
   width: 270px;
   height: 56px;
}

.video-textbox .period {
   color: #ffffff;
   font-weight: 900;
}
.video-textbox .period .fs_58 {
   font-size: 58px;
   font-weight: 700;
}
.video-textbox .period .fs_36 {
   font-size: 36px;
   font-weight: 700;
}
.video-textbox .period .fs_24 {
   font-size: 24px;
   font-weight: 700;
}

@media (max-width: 576px) {
   #video-container {
      background-position: 55% center;
      height: 100%;
      width: 100%;    
   }
   #player {
      position: absolute;
      top: 68px;
      width: 100%;
      height: 233px;
      transform: none;
      margin: 0 auto;
   }

   .video-textbox {
      bottom: 70px;
      left: 20px;
   }
   .video-textbox img {
      /* width: 243px; */
      width: 150px;
      height: 31px;
   }
   .video-textbox .period .fs_58,
   .video-textbox .period .fs_36,
   .video-textbox .period .fs_24 {
      font-size: 20px;
      font-weight: 700;
   }
}