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


/*메인타이포*/
.main_typo_wrap {width: 100%; height:100%; position: absolute; top: 0;  left:50%; transform:translateX(-50%); text-align: center; z-index: 2; display: flex;align-items: center;
justify-content: center; padding-bottom:30px;}
.main_typo {text-align: center; padding:0 0 0;}
.main_typo h2 {font-size:13px; font-weight: 500; color:#fff; letter-spacing: 3.2px; display: flex; align-items: center; justify-content: flex-end; line-height: 25px;
font-weight: 500; font-family: 'Montserrat'; opacity: .6;}
.main_typo h2::before {content: ''; display: block; width:5px; height:5px; background: #fff; border-radius: 50%; margin-right:20px;}
.main_typo h2::after {content: ''; display: block; width:5px; height:5px; background: #fff; border-radius: 50%; margin-left:20px;}
.main_typo h1 {font-size:35px; line-height: 50px; color:#fff; 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:#fff;}


/* 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; bottom:20px; left:50%; transform:translateX(-50%); display: flex; flex-direction: row; justify-content: center;}
.main_vis_slider .slick-dots li{width:12px; height:12px; border: none;  transition: all .2s ease;  margin-right:20px; cursor: pointer; text-indent: -99999; font-size:0; }
.main_vis_slider .slick-dots li:last-child {margin-right:0;}
.main_vis_slider .slick-dots li button {font-size:0; color:transparent; width:12px; height:12px; background: rgba(0,0,0,.1); transition: all .3s ease; opacity: 1;
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: #066ab6; 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; display: none;}
.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) {
 }

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

}

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

}

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

}