/*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_vis .logo_bg {content: ''; display: block; height: 100%; width: 100%; z-index: 3; pointer-events: none; position: absolute; right: 0; bottom: 0; opacity:1;
background:url("../img/logo_bg.png") 100% 100% no-repeat; background-size: auto 100%; }

/*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; }
.main_typo .vis_logo {display: block; margin-bottom:40px; }
.main_typo h2 {font-size:37px; font-weight:300; color:#fff; line-height:1.1; font-family: "Montserrat", sans-serif;    }

/* 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,
#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:50px;  z-index:6; animation:ani 1.4s infinite ease; }
#scroll_down a {display: flex; width: 85px; height: 85px; border-radius: 50%; background-color: #fef15a; cursor: pointer; align-items: center; justify-content: center; transition: background-color .3s; }
@keyframes ani {
    0%{bottom:60px;}
    50%{bottom: 75px;}
    100% {bottom:60px;}
}
#scroll_down a:hover {background-color: #69565b; }

@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; }
    #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) {


}