/*Content CSS*/
#main_vis{position: relative; overflow: hidden;}
#main_vis .fs_90{font-size: 90px; font-weight: 700; line-height: 105px; color: #fff; font-family: 'Poppins';}
#main_vis .fs_75{font-size: 75px; font-weight: 300; line-height: 98px; letter-spacing: -1.5px; color: #fff;}
#main_vis .fs_22{font-size: 22px; font-weight: 300; line-height: 38px; color: rgba(255,255,255,.8);}
#main_vis .fs_50{font-size: 57px; font-weight: 700; line-height: 1.5; color: #fff; letter-spacing: -.5px;}

#main_vis .tit_tri{position:relative; display: inline-block;}
#main_vis .tit_tri::before{content: ''; display: block; position: absolute; right: -12px; top: 10px; width: 30px; height: 30px; background: url('../img/tit_tri.png') 50% / cover no-repeat;}

/* slide */
.main_slide {}
.main_slide .slide{background: 50% / cover no-repeat; height: 100vh; max-height: 1080px; min-height: 900px; position: relative;}
.main_slide .slide2{background-image: url('../img/main2.jpg');}
.main_slide .slide5{background-image: url('../img/main5.jpg');}

.main_slide .slide_text{position: absolute; width: 100%; max-width: 1520px; padding: 0 50px; top: 48%; left: 50%; transform: translate(-50%, -50%);}
.main_slide .slide_text p{margin-top: 40px;}
.main_slide .slide5 .slide_text p{margin-top: 70px;}
/* slide_etc */
#main_vis .arrows{position: absolute; width: 100%; max-width: 1520px; padding: 0 50px; left: 50%; transform: translateX(-50%); bottom: 125px; display: flex; align-items: center; height: 0; }
#main_vis .slick-arrow {cursor:pointer; transition: all 0.2s; display: block; text-decoration: none; font-size:0; background: transparent; border: none; width: 11px; height: 19px;}
#main_vis .slick-arrow.prev { background:url('../img/prev.png') no-repeat center; }
#main_vis .slick-arrow.next { background:url('../img/next.png') no-repeat center;}

#main_vis .num_wr {display: flex; align-items:center; position: relative;  margin:0 35px; width: 59px; top:-2px;}
#main_vis .num_wr span { font-size: 18px; font-weight: 700; letter-spacing: -.18px; color:rgba(255, 255, 255, 0.2); display: block; }
#main_vis .num_wr span.slash {margin:0 14px; }
#main_vis .num_wr span.pagingInfo {color:#fff; }

#main_vis .dots{position: absolute; bottom: 125px; right: 117px; z-index: 1;}
#main_vis .dots .slick-dots{display: flex;}
#main_vis .dots .slick-dots li{margin-right: 17px; width: 70px; height: 4px; font-size: 0; position: relative; background-color: rgba(255,255,255,.2); cursor: pointer;}
#main_vis .dots .slick-dots li::before{content: ''; display: block; width: 0; height: 100%; background-color: #fff; transition: width .2s ease;}
#main_vis .dots .slick-dots li.slick-active::before{animation: dotwidth 5s; animation-delay: 1s;}
#main_vis .dots .slick-dots li:last-child{margin-right: 0;}
@keyframes dotwidth {
    100%{
        width: 100%;
    }
}

@media screen and (max-width:1700px) {
    #main_vis .dots{right: 80px;}
    .main_slide .slide{max-height: 900px; min-height: 800px;}

}
@media screen and (max-width:1520px){
    #main_vis .dots{right: 50px;}
}
@media screen and (max-width:1400px) {
    #main_vis .fs_50{font-size: 40px;}
}
@media screen and (max-width:1024px) {
    .main_slide .slide{min-height: 0; height: 650px; max-height: 650px;}
    .main_slide .slide_text{text-align: center; padding: 0 30px;}

    #main_vis .fs_90{font-size: 60px; line-height: 1.2;}
    #main_vis .fs_75{font-size: 50px; line-height: 1.3;}
    #main_vis .fs_50{font-size: 30px;}
    #main_vis .fs_50 br{display: none;}
    #main_vis .fs_22{font-size: 18px; line-height: 1.7;}
    #main_vis .tit_tri::before{width: 20px; height: 20px;}


    .main_slide .slide_text p{margin-top: 20px;}
    .main_slide .slide5 .slide_text p{margin-top: 20px;}

    #main_vis .num_wr {display: none;}

    #main_vis .dots{left: 50%; transform: translateX(-50%); bottom: 100px; width: 100%; padding: 0 30px;}
    #main_vis .dots .slick-dots{justify-content: center;}

}

@media screen and (max-width:640px) {
    .main_slide .slide{min-height: 0; height: 500px; max-height: 500px;}
    .main_slide .slide_text{text-align: center; padding: 0 20px; top: 50%;}

    #main_vis .fs_90{font-size: 37px; line-height: 1.3;}
    #main_vis .fs_75{font-size: 32px; line-height: 1.4;}
    #main_vis .fs_50{font-size: 24px;}
    #main_vis .fs_22{font-size: 15px;}
    #main_vis .tit_tri::before{width: 12px; height: 12px;}

    .main_slide .slide_text p{margin-top: 15px;}
    .main_slide .slide5 .slide_text p{margin-top: 15px;}
    .main_slide .slide_text p br{display: none;}

    #main_vis .dots{bottom: 50px;padding: 0 20px;}
    #main_vis .dots .slick-dots li{width: calc(20% - 15px); margin-right: 10px;}
}

@media screen and (max-width:375px) {
    #main_vis .fs_90{font-size: 30px; letter-spacing: -.5px;}
    #main_vis .fs_75{font-size: 28px; line-height: 1.4;}
    #main_vis .fs_75 br{display: none;}
    #main_vis .fs_22{font-size: 14px; }
}