/*Content CSS*/
#main_vis {position: relative;}
.main_vis_slider {height:100%; overflow: hidden;}
.main_vis_slider img {width:100%;}
.main_vis_slider .slick-slide {width:100%; height:460px;}
.main_vis_slider .slick-slide.main_img1 {background: url('../img/main1.jpg') 50% 50% no-repeat; background-size:cover;}
.main_vis_slider .slick-slide.main_img2 {background: url('../img/main2.jpg') 50% 50% no-repeat; background-size:cover;}
.main_vis_slider .slick-slide.main_img3 {background: url('../img/main3.jpg') 50% 50% no-repeat; background-size:cover;}



/*메인타이포*/
.main_typo_wrap {width: 100%; position: absolute; top: 0;  left:50%; transform:translateX(-50%); text-align: left; z-index: 2; text-align: center; height:100%;
padding:70px 15px 0 15px;}
.main_typo h1 {font-size:30px; font-weight: 300; color:#fff; line-height: 45px;  letter-spacing: -.5px;}
.main_typo h1 b {font-weight: 600;}
.main_typo p {font-size:12px; font-weight: 400; color:#fff; opacity: .6; letter-spacing: 2.4px; margin:15px 0 30px 0; position: relative;  }
/* .main_typo p::after {content: ''; display: block; width:190px; height:1px; background: #fff; opacity: .6; margin:20px auto 30px;} */
.main_typo a {display: inline-block; width:220px; height:55px; line-height:55px; text-align: center; background: rgba(162,195,35,.85); color:#fff;  font-size:14px; font-weight: 400;
color:#fff; transition: all .5s ease;}
.main_typo a i {margin-left:15px; font-size:16px; transition: all .5s ease; position: relative; top:1px;}
.main_typo a:hover {background: rgba(162,195,35,1);}
.main_typo a:hover i {transform:rotate(180deg);}

/* Dots (pager )*/
.main_vis_slider .slick-dots{ width: 28px !important;    padding: 0;margin: 0;  list-style: none; text-align: center; width :100%;  z-index: 10;  font-size: 12px; color:#fff;
border:0px solid red; position: absolute; bottom:130px;  left:50%; transform:translateX(-50%); display: flex; justify-content: center; flex-direction: row; align-items: flex-end;}
.main_vis_slider .slick-dots li{width:28px; height:28px; border: none;  transition: all .2s ease; border-radius: 50%; cursor: pointer; text-indent: -99999; font-size:0; opacity: .8;
margin-right:20px;}
.main_vis_slider .slick-dots li:last-child {margin-right:0;}
.main_vis_slider .slick-dots li button {font-size:12px; color:#fff; width:28px; height:28px; border-radius: 50%;  line-height: 22px; background: transparent; border:0;
font-weight: 400; margin-right:10px;}
.main_vis_slider .slick-dots li button:focus {outline: none;}
.main_vis_slider .slick-dots .slick-active {opacity: 1;}
.main_vis_slider .slick-dots .slick-active button {border:1px solid #a2c323; opacity: 1;}

/*마우스*/
.main_scroll { width: 23px ;height: 46px; position: absolute; bottom: 0; left: 50%; margin-left: -11px; animation:ani 1s infinite;}

@keyframes ani {
    0%{bottom: 50px;}
    50%{bottom: 40px;}
    100% {bottom: 50px;}
 }


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

}

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

}

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

}

@media screen and (max-width: 385px) {
    .main_typo h1 {font-size:26px; white-space: nowrap;}
    .main_typo p {font-size:11px; letter-spacing: 1px;}
}