/*Content CSS*/
#main_vis { padding:0; display:block; position: relative; z-index: 5; width: 100%; height:100vh; min-height:900px; display: flex; align-items: center; justify-content: center; max-height: 1080px; overflow: hidden; border-radius:0 0 100px 0; }
#main_vis_slider {width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#main_vis_slider .main_slide { width: 100%; height:100vh; min-height:900px; position: relative; z-index: 1;  background-size:cover; background-position:center;  position:relative; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center;}
#main_vis_slider .main_slide::before {content: ''; display: none; width: 100%; height: 100%; background: rgba(0,0,0,.2); position: absolute; left: 0; bottom: 0; z-index: -1; }
#main_vis_slider .main_slide.img01 { background-image:url('../img/main1.jpg'); background-position: 50% 50%; }
/* #main_vis_slider .main_slide.img02 { background-image:url('../img/main2.jpg');} */


/*main_typo*/
.main_typo_wrap {text-align: left; position: relative; z-index: 2; width: 100%; max-width: 1590px; padding:0 50px;}

.main_typo h2 {font-size:27px; font-weight:400; color:#fff; line-height: 1.1;  font-style: italic;  }
.main_typo .tit {margin: 30px 0 40px;}
.main_typo p {font-size: 21px; font-weight: 400; color: rgba(255, 255, 255, 0.8); line-height: 1.76; }

/*컨트롤러*/
#main_vis_slider .slick-arrow { cursor: pointer; position:absolute; z-index: 10; opacity: 1; border:0; font-size: 0;
width: 30px; height: 57px; top: 50%;  transform: translateY(-50%);}
#main_vis_slider .slick-arrow.slick-prev { background:url('../img/prev.png') no-repeat center top; left: 110px;}
#main_vis_slider .slick-arrow.slick-next { background:url('../img/next.png') no-repeat center bottom;right: 110px;}
#main_vis_slider .slick-arrow:focus {outline: none; border: none;}

/* dots */
#main_vis .slick-dots {position: absolute; left:0; bottom: 60px; display: flex; justify-content: center; width: 100%;}
#main_vis .slick-dots li {width: 15px; height: 15px; margin-right:25px; }
#main_vis .slick-dots li:last-child {margin-right: 0; }
#main_vis .slick-dots button {transition: all .3s ease; font-size: 0; width: 100%; height:100%; background: rgba(255,255,255,.3);
border-radius: 50%; position: relative; }
#main_vis .slick-dots li.slick-active button {opacity: 1; background: rgba(255,255,255,1);}

/* scroll_down */
#scroll_down a { position:absolute; bottom:40px; z-index: 2; left: 50%;  transform: translateX(-50%); animation:ani 1.4s infinite ease; cursor: pointer; }
@keyframes ani {
    0%{bottom:60px;}
    50%{bottom: 75px;}
    100% {bottom:60px;}
}




/* @media screen and (max-width: 1600px) {
    #main_vis_slider .slick-arrow.slick-prev {left: 30px;}
    #main_vis_slider .slick-arrow.slick-next {right: 30px;}
} */

@media screen and (max-width: 1024px) {
    #scroll_down {display: none;}

    .main_typo_wrap {padding:0 30px; text-align: center;}
    #main_vis, #main_vis_slider .main_slide {min-height: 700px; height: 700px; }
    #main_vis_slider .main_slide::before {display: block; }
    #main_vis .dots ul {justify-content: center; margin: 0; }

    .main_typo h2 {font-size:22px;}
    .main_typo .tit img {max-height: 200px;}
    .main_typo p {font-size:17px;}


}

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

}

@media screen and (max-width: 640px) {
    #main_vis {border-radius: 0 0 70px 0; }
    #main_vis, #main_vis_slider .main_slide {min-height: 500px; height: 500px;  }
    .main_typo_wrap {padding:0 20px; }

    .main_typo h2 {font-size:18px;}
    .main_typo .tit {  margin:20px 0 25px; }
    .main_typo .tit img {max-height: 140px;}
    .main_typo p {font-size:15px;}
    .main_typo br {display: none; }

}