/*Content CSS*/
#main_vis_wrap {margin-top: 0; position: relative;overflow: hidden;height: 100vh; min-height: 937px;width:100%; z-index: 2;
background:url("../img/main1.jpg?v=221121") 50% 50% no-repeat;background-size:cover;}
/* #main_vis_wrap .slider_img {background:url("../img/main1.jpg") 50% 50% no-repeat;background-size:cover; height: 100vh; min-height: 937px;width:100%;overflow:hidden; } */
#main_video_wrap {width: 100%;  height: 100%; }
#main_video_wrap video {width: 100%; height:auto;}
/* video background-size cover */
@media screen and (max-aspect-ratio: 16/9) {
   #main_video_wrap video {width: auto; height: 100%; }
}

/*페이지넘버*/
#main_vis_wrap { color:#fff; display: flex; flex-direction: row; justify-content: center;}

/*메인타이포*/
.main_typo_wrap {position: absolute; top:0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.main_typo {position: relative; width:1500px; z-index: 1; text-align: center;}
.main_typo h2 {font-size: 33px; left: 1.65px; font-weight: 300; color:#fff; text-align: uppercase;font-family: 'Poppins', sans-serif;}
.main_typo h2::before {content: ''; display: block; width: 50px; height: 2px; background: #fff; margin: 0 auto 30px;}
.main_typo h1 {font-size: 95px; font-weight: 600; color:#fff; line-height: 120px; letter-spacing: 2.88px; text-align: uppercase;
font-family: 'Poppins', sans-serif; margin-top: 25px;}




/*마우스*/
#vis_scroll {position: absolute; bottom:60px; left: 75px; z-index: 2; animation:ani 1.3s infinite linear; cursor: pointer; display: block;}
#vis_scroll span {font-size: 14px; color:#fff; font-weight: 300; transform: rotate(-90deg); text-transform: uppercase;
font-family: 'Poppins', sans-serif;display: block; position: absolute; left: -23px; top:-80px; white-space: Nowrap;}
#vis_scroll > div {width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
background-image: linear-gradient(to top, #e05619, #ff9231); margin:0;}
@keyframes ani {
    0%{transform: translateY(0);}
    50%{transform: translateY(-15px);}
    100% {transform: translateY(0);}
}

/* main_nav_wr */
.main_nav_wr {position: absolute; right: 0; bottom: 0; width: 100px; height: calc(100% - 100px); display: flex; align-items: center;
  background-image: linear-gradient(to bottom, #282828, #131417); justify-content: center; text-align: center;}
.main_nav li {margin-bottom: 30px; }
.main_nav li:last-child {margin-bottom: 0;}
.main_nav li a {width: 13px; height: 13px; display: block; border-radius: 50%; border:1px solid transparent;
display: flex; align-items: center; justify-content: center; }
.main_nav li a::before {content: ''; display: block ; width: 4px ;height: 4px; border-radius: 50%; background: #fff; }
.main_nav li.active a {border-color: #fff; }
.main_nav li.active a::before {display: none;}
.main_nav li span {display: block; border-radius: 0; font-size: 13px; font-weight: 300; color: rgba(255, 255, 255, 0.8);
text-transform: uppercase; transform: rotate(90deg); border:0; height: 40px; position: relative; left: -11px; width: 13px;}





@media screen and (max-width:1700px) {
    .main_typo {width: 1300px;}
    .main_typo h1 {font-size: 85px;}
}

@media screen and (max-width:1300px) {
    .main_typo {width: 100%; }
    .main_typo h1 {font-size:75px; line-height: 100px;}
    .main_typo h2 {font-size:24px; }
    .main_nav_wr,#vis_scroll {display: none; }

}

@media screen and (max-width: 1024px) {
    #main_vis_wrap {margin-top: 0; min-height: 720px;}

    .main_typo  {text-align: center; padding:0 30px;}
    .main_typo_wrap {padding-bottom: 60px;}
    .main_typo h1 {font-size:65px; line-height: 75px;}
    .main_typo h1 br {display: none;}
    .main_typo h2 {font-size:20px; }
}

@media screen and (max-width: 640px) {
    #main_vis_wrap {min-height:650px; }
    .main_typo {width: 100%; padding: 0 15px; }
    .main_typo h1 {font-size:50px; line-height: 60px;}
    .main_typo h2 {font-size:18px; line-height: 32px; }
    .main_typo_wrap {padding-bottom: 40px; }

}

@media screen and (max-width: 480px) {
    .main_typo h1 {font-size:40px; line-height: 55px;}

}

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