/*Content CSS*/
#main_vis { position: relative; width: 100%; height: 100vh; overflow: hidden; }
#main_vis .main_vis_bg { background:url("../img/main1.jpg") 50% 50% no-repeat; background-size:cover; height: 100vh; min-height: 937px; width:100%; overflow:hidden; }

/*메인타이포*/
.main_typo_wrap { position:absolute; left:50%; transform: translateX(-50%); width:100%; max-width: 1580px; top:0; height: 100%; display: flex; align-items: center; }
.main_typo_wrap .main_typo { }
.main_typo_wrap .main_typo h1 { font-size: 100px; font-weight: 600; color: #fff; line-height: 1; }
.main_typo_wrap .main_typo p {  font-size: 29px; color: #fff; margin-top: 50px; }

/*마우스*/
#vis_scroll { position: absolute; left: 50%; transform: translateX(50%); z-index: 2; animation:ani 1.4s infinite ease; cursor: pointer; display: block; transition: all .3s; }
@keyframes ani {
    0%{bottom:95px;}
    50%{bottom: 80px;}
    100% {bottom:95px;}
}
.scrolled #vis_scroll { opacity: 0; }





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

    .main_typo_wrap { max-width: 100%; padding:0 60px; }


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

    .main_typo_wrap .main_typo h1 { font-size: 80px; }
    .main_typo_wrap .main_typo p { font-size: 25px; margin-top: 40px; }



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

    #main_vis { height: 780px; }
    #main_vis .main_vis_bg { height: 780px; min-height: 0; }

    .main_typo_wrap { justify-content: center; }
    .main_typo_wrap .main_typo { text-align: center; padding-top: 30px; }
    .main_typo_wrap .main_typo h1 { font-size: 70px; }
    .main_typo_wrap .main_typo p { font-size: 23px; }

    #vis_scroll { display: none; }

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

    #main_vis { height: 600px; }
    #main_vis .main_vis_bg { height: 600px; }

    .main_typo_wrap { padding:0 30px; }
    .main_typo_wrap .main_typo h1 { font-size: 50px; line-height: 60px; }
    .main_typo_wrap .main_typo p { font-size: 20px; line-height: 35px; margin-top: 20px; }

}