/*Content CSS*/
#main_vis { padding:0; display:block; position: relative; z-index: 5; width: 100%; height:100vh; min-height:900px; max-height: 1080px; display: flex; align-items:center; justify-content: center; }
#main_vis_slider {width: 100%; height: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
#main_vis_slider .main_slide {height: 100vh; min-height: 900px; max-height: 1080px; 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; padding-bottom: 100px;}
#main_vis_slider .main_slide.img01 { background-image:url('../img/main1.jpg?v=250910');  }
#main_vis_slider .main_slide.img02 { background-image:url('../img/main2.jpg?v=250910'); }
#main_vis_slider .main_slide.img03 { background-image:url('../img/main3.jpg?v=250910'); }
#main_vis_slider .main_slide.img04 { background-image:url('../img/main4.jpg?v=250910'); }
#main_vis_slider .main_slide.img05 { background-image:url('../img/main5.jpg?v=250910'); }


/*main_typo*/
.main_typo_wrap {text-align: left; position: relative; z-index: 2; max-width: 1400px; padding:0 50px; width: 100%;}
.main_typo {width: 100%; position: relative; }
.main_typo h2 {font-size:100px; font-weight:300; color:#fff; line-height:1.02; font-family: 'Montserrat', sans-serif; text-shadow: 0 0 14px rgba(0, 0, 0, 0.13);}
.main_typo p {font-size: 30px; font-weight: 300; color:#fff; text-shadow: 0 0 14px rgba(0, 0, 0, 0.13); line-height: 1.3; margin-top: 40px; }





/*컨트롤러*/
#main_vis .controller {display: flex;align-items: center; max-width: 1400px; padding:350px 50px 0; width: 100%; }

#main_vis .slick-arrow { cursor: pointer; border:0; font-size: 0; width: 18px; height: 30px; background:url("../img/prev.png") 50% no-repeat;}
#main_vis .slick-arrow.next { background-image:url('../img/next.png');}
#main_vis .slick-arrow:focus {outline: none; border: none;}

#main_vis .dots .slick-dots {display: flex; align-items: center; margin:0 47px; }
#main_vis .dots .slick-dots button {font-size: 20px; font-weight: 800; color:rgba(255, 255, 255, 0.5); transition: color .3s; display: flex; align-items: center; font-family: 'Montserrat', sans-serif; text-shadow: 0 0 14px rgba(0, 0, 0, 0.13);}
#main_vis .dots .slick-dots button::before {content: '0'; }
#main_vis .dots .slick-dots button::after {content: ''; display: block ; width: 0; height: 4px; background-color: #fff; transition: all .3s; margin:0 30px 0 0; }
#main_vis .dots .slick-dots li:last-child button::after {margin-right: 0; }
#main_vis .dots .slick-dots .slick-active button {color:#fff;}
#main_vis .dots .slick-dots .slick-active button::after {width: 45px; margin-left: 30px; }



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




@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 {padding-bottom:80px; } */
    .main_typo h2 {font-size:70px;}
    .main_typo p {font-size: 25px; margin-top: 30px;}
    #main_vis .controller {justify-content: center; padding: 270px 30px 0;}


}

@media screen and (max-width: 640px) {
    #main_vis, #main_vis_slider .main_slide {min-height: 550px; height: 550px; }
    #main_vis_slider .main_slide {padding-bottom: 80px;}
    .main_typo_wrap {padding:0 20px; }
    .main_typo h2 {font-size: 45px;}
    .main_typo p {font-size: 18px; margin-top: 20px;}

    #main_vis .controller { padding: 250px 20px 0;}
    #main_vis .dots .slick-dots {margin: 0 30px; }
    #main_vis .dots .slick-dots button {font-size: 18px;}
    #main_vis .dots .slick-dots button::after {margin: 0 20px 0 0;}
    #main_vis .dots .slick-dots .slick-active button::after {width: 35px; margin-left:20px; }

}