/*Content CSS*/
#main_vis { padding:0; display:block; position: relative; z-index: 5; width: 100%; height:100vh; min-height:900px; overflow: hidden;}
/* #main_vis::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 2;   background-image: linear-gradient(to bottom, #000, transparent);opacity: .35; }
#main_vis::after {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom:0; z-index: 2;   background-image: linear-gradient(to top, #000, transparent);opacity: .25; } */


/*main_typo*/
.main_typo_wrap {text-align: left; position: relative; z-index: 4; width: 100%; position: absolute; left: 0; top:0;
width: 100%; height: 100%;  display: flex; align-items:flex-end; justify-content: center; }
.main_typo {width: 100%; position: relative;  max-width: 1830px; padding:0 50px 220px; margin: 0 auto; }

/* cover */
#main_cover {width: 100%; height: 100%; background: #000;  z-index: 5; position: absolute; left: 0; top: -0;  overflow: hidden;  touch-action: none;}

#sc01_vid_wrap {pointer-events: none; -webkit-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none;}
#sc01_vid_wrap,
#sc01_vid,
#player {
  position: relative;
  overflow: hidden; /* 크롭 */
}

#player iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;   /* 일부러 크게 */
  height: 100%;  /* 일부러 크게 */
  transform: translate(-50%, -50%);
  object-fit: cover; /* 비율 유지하면서 꽉 채우기 (iframe에 직접 적용은 브라우저별 제한 → width/height + transform으로 해결) */
  pointer-events: none; /* 영상 클릭 차단 */
}

@media screen and (min-width: 1025px) {
    #sc01_vid_wrap,
    #sc01_vid,
    #player {
      width: 120%;
      height: 120%;
      top: -10%;
      left:-10%;
    }
}

/* scroll_down */
#scroll_down {position:absolute; left: 50%;  transform: translateX(-50%);  z-index:6; animation:ani 1.4s infinite ease; }
#scroll_down a {; }
@keyframes ani {
    0%{bottom:50px;}
    50%{bottom: 65px;}
    100% {bottom:50px;}
}

@media screen and (max-width:1279px) {
	/* #main_vis {min-height: 0; height:800px;} */
}


@media screen and (max-width: 1024px) {
    #scroll_down {display: none;}
    #sc01_vid_wrap,
    #sc01_vid,
    #player {width: 100%; height: 100%; }

    .main_typo_wrap {padding:0 30px; text-align: center; align-items: center;}
    .main_typo {padding: 0; height: auto; display: block;  }
    #main_vis  { height: 600px; min-height: 0; }
    #main_vis::before {opacity: .5; }
    #main_vis::after {opacity: .5; }

    .main_typo .vis_logo {margin: 0 auto 30px; display: flex; justify-content: center; }
    .main_typo .vis_logo img {max-height: 110px;}
    .main_typo h2 {font-size:25px; margin: 0;}


}

@media screen and (max-width: 640px) {
    #main_vis { height: 400px; }
    .main_typo_wrap {padding:0 20px; }

    .main_typo .vis_logo {margin: 0 auto 25px;  }
    .main_typo .vis_logo img {max-height: 80px;}
    .main_typo h2 {font-size:19px; margin: 0;}



}

@media screen and (max-width: 480px) {


}