/*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; }
#main_vis_slider {width: 100%; height: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
#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; }
#main_vis_slider .main_slide.img01 { background-image:url('../img/main1.jpg');  background-position: 70% center;}
#main_vis_slider .main_slide.img02 { background-image:url('../img/main2.jpg'); background-position: 70% center; }
#main_vis_slider .main_slide.img03 { background-image:url('../img/main3.jpg'); background-position: 80% center;}


/*main_typo*/
.main_typo_wrap {text-align: left; position: relative; z-index: 2; width: 1600px; padding:0 50px;}
.main_typo i {display: block; }
.main_typo h1 {font-size: 80px; font-weight:300; color:#fff; line-height:93px;  margin:35px 0 0 ;}
.main_typo h1 b {font-size: 700; }
.main_typo p {font-size: 22px; font-weight:300; color:rgba(255,255,255,.7); line-height:1;  margin:60px 0 75px;}


/*컨트롤러*/
#main_vis_slider .slick-arrow { cursor: pointer; transition: all 0.3s; position:absolute; z-index: 10; opacity: 1; right:80px; border:0; font-size: 0;}
#main_vis_slider .slick-arrow.slick-prev { background:url('../img/prev.png') no-repeat center top; top: calc(50% - 75px); content: 'prev';
padding-top: 20px;}
#main_vis_slider .slick-arrow.slick-prev::before {content: 'prev';color:#fff; font-size: 13px; font-weight: 400; text-transform: uppercase; }
#main_vis_slider .slick-arrow.slick-prev::after {content: ''; display: block; width: 30px; height: 1px; background: #ddd; opacity: .3;
position: absolute; left: 0; bottom: -20px; cursor: default;}
#main_vis_slider .slick-arrow.slick-next { background:url('../img/next.png') no-repeat center bottom; top: 50%;  padding-bottom: 20px;}
#main_vis_slider .slick-arrow.slick-next::before { content: 'next'; color:#fff;  font-size: 13px; font-weight: 400;  text-transform: uppercase; }
#main_vis_slider .slick-arrow:focus {outline: none; border: none;}

/* dots */
#main_vis .slick-dots {display: flex; position: absolute; z-index: 2; max-width: 1600px; padding:0 50px; bottom: 260px; left: 50%;  transform: translateX(-50%);
width: 100%;}
#main_vis .slick-dots li {margin-right:20px; }
#main_vis .slick-dots li:last-child {margin-right: 0; }
#main_vis .slick-dots button {transition: all .2s ease; font-size: 0; width: 100%; height:100%; background: rgba(255,255,255,0);
border-radius: 50%; position: relative; width: 6px; height: 6px; border:1px solid #fff; }
#main_vis .slick-dots li.slick-active button {width: 180px; height: 3px; border-radius: 2px; background: rgba(255,255,255,.7);}

/* scroll_down */
#scroll_down a { position:absolute; right:80px; bottom:40px; z-index: 2;  animation:ani 1.4s infinite ease; cursor: pointer; }
@keyframes ani {
    0%{bottom:40px;}
    50%{bottom: 55px;}
    100% {bottom:40px;}
}




@media screen and (max-width: 1740px) {
    #main_vis_slider .slick-arrow {right: 50px;}
    #scroll_down a {right: 50px; }

}

@media screen and (max-width: 1600px) {
    .main_typo_wrap {width: 100%;}
    #scroll_down {display: none;}

}

@media screen and (max-width: 1024px) {
    .main_typo_wrap {padding:0 30px; text-align: center;}
    #main_vis, #main_vis_slider .main_slide {min-height: 700px; height: 700px; padding:0 0 0;}
    #main_vis .slick-dots {justify-content: center; left: 0; transform:none; bottom:70px; }
    #main_vis .slick-dots button {width: 10px; height: 10px;}
    #main_vis .slick-dots li.slick-active button {width: 100px; height: 5px;}

    .main_typo i {display: inline-block; }
    .main_typo h1 {font-size:55px; line-height: 70px;  margin:25px 0 0 ;}
    .main_typo p {font-size: 18px; line-height: 30px; margin: 30px 0 50px;}





}

@media screen and (max-width: 640px) {
    #main_vis, #main_vis_slider .main_slide {min-height: 600px; height: 600px;}
    .main_typo_wrap {padding:0 15px; }
    /* .main_typo h1 br {display: none;} */
    .main_typo i img {height: 25px;}
    .main_typo h1 {font-size: 35px; line-height: 50px;  margin:15px 0 0 ; }
    .main_typo p {font-size: 15px; line-height: 26px;  margin: 15px 0 40px; }



}

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

}