/*Content CSS*/
#main_vis {position: relative; z-index: 2;}
.main_vis_slider {height:770px; overflow: hidden;}
/* .main_vis_slider img {width:100%;} */
.main_vis_slider .slick-slide {width:100%; height:770px; outline: none; background: url('../img/main1.jpg?v=240808') 50% 50% no-repeat; background-size:cover;}
.main_vis_slider .slick-slide.main2 {background-image: url('../img/main2.jpg?v=240808');}
.main_vis_slider .slick-slide.main3 {background-image: url('../img/main3.jpg?v=240808');}


/*메인타이포*/
.main_typo_wrap {width: 1510px; height:100%; position: absolute; top: 0;  left:50%; transform:translateX(-50%); text-align: center; z-index: 2}
.main_typo {text-align: right; padding:240px 0 0;}
.main_typo h2 {font-size:15px; font-weight: 500; color:#076ab6; letter-spacing: 4.2px; display: flex; align-items: center; justify-content: flex-end;
font-weight: 500; font-family: 'Montserrat'; opacity: .6; margin-right:10px;}
.main_typo h2::before {content: ''; display: block; width:5px; height:5px; background: #076ab6; border-radius: 50%; margin-right:20px;}
.main_typo h2::after {content: ''; display: block; width:5px; height:5px; background: #076ab6; border-radius: 50%; margin-left:20px;}
.main_typo h1 {font-size:80px; line-height: 100px; color:#231815; font-weight: 400; font-family: 'S-CoreDream-4Regular'; margin-top:15px;}
.main_typo h1 b { font-family: 'S-CoreDream-6Bold';}
.main_typo h1 span {color:#076ab6;}


/* Dots (pager )*/
.main_vis_slider .slick-dots{ width: 12px !important;    padding: 0;margin: 0;  list-style: none; text-align: center; width :100%;  z-index: 10;  font-size: 0px; color:transparent;
 position: absolute; top:304px; right:45px; display: flex; flex-direction: column;}
.main_vis_slider .slick-dots li{width:12px; height:12px; border: none;  transition: all .2s ease;  margin-bottom:30px; cursor: pointer; text-indent: -99999; font-size:0; }
.main_vis_slider .slick-dots li:last-child {margin-bottom:0;}
.main_vis_slider .slick-dots li button {font-size:0; color:transparent; width:12px; height:12px; background: #707070; transition: all .3s ease; opacity: .15;
border-radius: 50%; border:0; box-shadow: none;}
.main_vis_slider .slick-dots li button:focus {outline: none;}
.main_vis_slider .slick-dots .slick-active button {background: #076ab6; opacity: 1;}

.main_scroll { width: 100px ;height: 100px; border-radius: 50%; background: #076ab6; position: absolute; bottom: -50px; left:50%; transform:translateX(-50%); display: flex; justify-content: center; align-items: center; }
.main_scroll img {animation:ani .9s infinite ease; position: relative; top:0;}
@keyframes ani {
    0%{top: 6px;}
    50%{top: 0;}
    100% {top: 6px;}
 }


 @media screen and (max-width:1300px) {
    .main_vis_slider .slick-slide {height:835px; min-height: 835px;}
 }

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

}

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

}

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

}