
/*Content CSS*/
#main_vis2{position: relative; overflow: hidden; width: calc(100% - 50px);  height: 100vh; min-height: 800px; max-height: 1080px; z-index: 2; margin: 0 auto; padding-top: 90px;}
#main_vis2 br.mob{display: none;}
/* font-style */
#main_vis2 .fs_80{font-size: 80px; font-weight: 800; letter-spacing: -1.6px; color: #fff; line-height: 1.38;}
#main_vis2 .fs_40{font-size: 40px; font-weight: 300; color: #fff; line-height: 1.38;}

/* main_inner */
#main_vis2 .main_inner{width: 100%; height: 100%; padding: 100px 50px; margin: 0 auto; max-width: 1900px; text-align: right; position: relative;}

/* main_slider */
#main_vis2 .main_slider{position: absolute; top:90px; left: 0; width: 100%; height: 100%; z-index: -1;}
#main_vis2 .main_slider .slide{height: calc(100vh - 110px); min-height: 690px; max-height: 970px; background: 50% / cover no-repeat; position: relative; border-radius: 15px;}
#main_vis2 .main_slider .slide::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.2); border-radius: 15px;}
#main_vis2 .main_slider .slide1{background-image: url('../img/main1.jpg');}
#main_vis2 .main_slider .slide2{background-image: url('../img/main2.jpg');}
#main_vis2 .main_slider .slide3{background-image: url('../img/main3.jpg');}
#main_vis2 .main_slider .slide4{background-image: url('../img/main4.jpg');}

/* scroll_down */
#main_vis2 .scroll_down{display: none; flex-shrink: 0; position: relative; margin-top: 60px;}
#main_vis2 .scroll_down a{animation:ani 1.4s infinite ease; position: relative; display: flex; align-items: center; justify-content: center; width: 113px; height: 113px; border-radius: 50%; border: solid 1px #fff; transition: .3s;}

@keyframes ani {
    0%{bottom:0;}
    50%{bottom: -15px;}
    100% {bottom:0;}
}

/* dots */
#main_vis2 .dots{margin: 0 20px;}
#main_vis2 .slick-dots{display: flex; align-items: center; justify-content: center;}
#main_vis2 .slick-dots li{overflow: hidden;}
#main_vis2 .slick-dots li button{font-size: 0; width: 6px; height: 6px; background-color: #fff; border-radius: 2.5px; transition: width .3s; opacity: .6;}
#main_vis2 .slick-dots li{margin-right: 13px;}
#main_vis2 .slick-dots li:last-child{margin-right: 0;}
#main_vis2 .slick-dots .slick-active button{width: 114px; opacity: 1;}

/* main_vis2 */
#main_vis2 .txt h4{margin-bottom: 9px;}

#main_vis2 .bot{display: flex; align-items: center; justify-content: flex-end; position: absolute; bottom: 80px; right: 50px; }
#main_vis2 .bot .paging{font-size: 20px; font-weight: 700; letter-spacing: -.4px; color: #fff; font-family: 'Poppins'; display: inline-block; min-width: 25px;}

@media screen and (min-width: 1901px) {
    /* main_inner */
    #main_vis2 .main_inner{padding: 115px 83px;}
    #main_vis2 .bot{right: 83px;}
}

@media screen and (min-width: 1025px) {
    #main_vis2 .scroll_down{display: inline-block;}
    #main_vis2 .scroll_down a:hover{background-color: #ea8929; border-color: #ea8929;}
}

@media screen and (max-width: 1600px) {
    /* font-style */
    #main_vis2 .fs_80{font-size: 75px;}
    #main_vis2 .fs_40{font-size: 36px;}

}

@media screen and (max-width: 1400px) {
    #main_vis2{min-height: 650px;}
    #main_vis2 .main_slider .slide{min-height: 540px;}

    /* font-style */
    #main_vis2 .fs_80{font-size: 65px;}
    #main_vis2 .fs_40{font-size: 30px;}

    /* main_inner */
    #main_vis2 .main_inner{padding: 80px 50px;}

    /* scroll_down */
    #main_vis2 .scroll_down{margin-top: 30px;}
    #main_vis2 .scroll_down a{width: 90px; height: 90px;}
    #main_vis2 .scroll_down a img{width: 20px;}

    /* dots */
    #main_vis2 .dots{margin: 0 15px;}
    #main_vis2 .slick-dots li{margin-right: 10px;}
    #main_vis2 .slick-dots .slick-active button{width: 70px;}

    #main_vis2 .bot .paging{font-size: 18px; min-width: 20px;}


    @media screen and (max-height: 700px) {
        #main_vis2 .main_inner{padding: 50px 50px;}
        #main_vis2 .bot{bottom: 60px;}
    }
}
@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 1024px) {
    #main_vis2{min-height: 0; max-height: 100%; height: 600px; padding: 60px 0 0;}
    #main_vis2 .main_slider{height: auto; top: 60px;}
    #main_vis2 .main_slider .slide{min-height: 0; max-height: calc(100% - 60px); height: 540px;}

    /* font-style */
    #main_vis2 .fs_80{font-size: 55px;}
    #main_vis2 .fs_40{font-size: 28px;}

    /* main_inner */
    #main_vis2 .main_inner{padding: 0 30px; text-align: center; display: flex; flex-direction: column; justify-content: center;}
    #main_vis2 .txt{position: relative; top: -50px;}

    #main_vis2 .bot{left: 50%; transform: translateX(-50%); justify-content: center; bottom: 50px;}


}

@media screen and (max-width: 640px) {
    #main_vis2{height: 500px; width: calc(100% - 40px); }
    #main_vis2 .main_slider .slide{height: 440px; }

    /* font-style */
    #main_vis2 .fs_80{font-size: 40px;}
    #main_vis2 .fs_40{font-size: 20px;}

    /* main_inner */
    #main_vis2 .main_inner{padding: 0 20px;}

    #main_vis2 .txt{top: -40px;}
    #main_vis2 .bot{bottom: 40px;}

}

@media screen and (max-width: 480px) {
    #main_vis2{width: 100%;}
    #main_vis2 .main_slider .slide{border-radius: 0;}
    #main_vis2 .main_slider .slide::before{border-radius: 0;}

    /* font-style */
    #main_vis2 .fs_80{letter-spacing: -1.7px;}
    #main_vis2 .fs_40{letter-spacing: -1.5px;}

}
