/*Content CSS*/
#c2_wrap{overflow: hidden; position: relative; padding: 85px 0 105px; z-index: 2;}
#c2_wrap::before{content: ''; display: block; width: calc(50% - 90px); height: 100%; position: absolute; top: 0; left: 90px; background-color: #2d2f2f; z-index: -1;}
#c2_wrap::after{content: ''; display: block; width: 50%; height: 100%; position: absolute; top: 0; right: 0; background: url('../img/c2_bg.jpg') 50% / cover no-repeat; z-index: -1;}
.c2_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto; }
.c2_inner .fs_65{font-size: 65px; line-height: 70px; font-weight: 800; color: #fff;}
.c2_inner .fs_30{font-size: 30px; font-weight: 800; color: #fff;}
.c2_inner .fs_18{font-size: 18px; line-height: 33px; letter-spacing: -.36px; color: rgba(255, 255, 255, 0.7);}
.c2_inner .fs_16{font-size: 16px; line-height: 25px; letter-spacing: -.32px;}

.c2_inner .vm_btn{display: flex; align-items: center; justify-content: space-between; width: 180px; height: 50px; padding: 0 20px; transition: .3s; border-top: solid 1px #fff; border-bottom: solid 1px #fff;}
.c2_inner .vm_btn span{font-size: 15px; font-weight: 500; color: #fff; transition: .3s;}
.c2_inner .vm_btn i{display: block; width: 13px; height: 13px; background: url('../img/vm_plus_w.png') 50% / cover no-repeat; transition: .3s;}
.c2_inner .vm_btn.mob{display: none;}

#c2_wrap .text{padding-top: 15px; flex-shrink: 0; width: calc(50% - 345px);}
#c2_wrap .text h3{margin-bottom: 60px}
#c2_wrap .text h4{margin-bottom: 30px;}
#c2_wrap .text p{margin-bottom: 80px;}

#c2_wrap .sd_wrap{display: flex; justify-content: space-between;}
#c2_wrap .slide_wrap .img{margin-left: 80px; width: calc(50% + 294px); position: relative;}
.c2_arrows{display: flex; position: absolute; bottom: 0; right: -70px}
.c2_arrows button{font-size: 0; width: 70px; height: 70px; background-color: #fff; position: relative;}
.c2_arrows button::before{content: ''; display: block; width: 16px; height: 30px; background: 50% / cover no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.c2_arrows .slick-prev::before{background-image: url('../img/c2_prev.png')}
.c2_arrows .slick-next{border-left: solid 1px #ddd;}
.c2_arrows .slick-next::before{background-image: url('../img/c2_next.png')}

.c2_dots{position: absolute; top: 50%; transform: translateY(-50%); left: 144px;}
.c2_dots .slick-dots li {margin-bottom: 19px}
.c2_dots .slick-dots li:last-child{margin: 0}
.c2_dots .slick-dots li button{font-size: 0; width: 12px; height: 12px; border: solid 1px rgba(255,255,255,.35); transition: .3s;}
.c2_dots .slick-dots li.slick-active button{background-color: #fff; border-color: rgba(255,255,255,1);}

@media screen and (min-width:1025px) {
    .c2_inner .vm_btn:hover{background-color: #fff;}
    .c2_inner .vm_btn:hover span{color: #2d2f2f;}
    .c2_inner .vm_btn:hover i{background-image: url('../img/vm_plus_b.png');}
    .c2_arrows button:hover{background-color: #2d2f2f; border-color: transparent;}
    .c2_arrows .slick-prev:hover::before{background-image: url('../img/c2_prev_w.png')}
    .c2_arrows .slick-next:hover::before{background-image: url('../img/c2_next_w.png')}

}
@media screen and (max-width:1700px) {
    .c2_dots{display: none;}
}

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

    #c2_wrap::before{width: 50%; left: 0;}
    .c2_arrows{right: 0;}
    #c2_wrap .slide_wrap .img{margin-left: 50px;width: calc(50% + 250px);}
    #c2_wrap .text{width: calc(50% - 300px)}
    #c2_wrap .slick-slider , #c2_wrap .slick-slider .slick-track,  #c2_wrap .slick-slider .slick-list{height: 100%;}
    #c2_wrap .slick-slide img{height: 100%; object-fit: cover;}
}

@media screen and (max-width:1280px) {
    .c2_inner .fs_65{font-size: 55px; line-height: 1.2;}
    .c2_inner .fs_30{font-size: 25px;}
    .c2_inner .fs_18{font-size: 16px; line-height: 1.7;}
    .c2_inner .fs_16{font-size: 15px; line-height: 1.5;}

    #c2_wrap .slide_wrap .img{margin-left: 50px;width: calc(50% + 150px);}
    #c2_wrap .text{width: calc(50% - 200px); padding-top: 0;}

    #c2_wrap .text h3{margin-bottom: 40px}
    #c2_wrap .text h4{margin-bottom: 20px;}
    #c2_wrap .text p{margin-bottom: 50px;}


    .c2_inner .vm_btn{height: 45px;}
    .c2_inner .vm_btn span{font-size: 14px;}

    .c2_arrows button{width: 60px; height: 60px;}
    .c2_arrows button::before{width: 14px; height: 26px;}

}

@media screen and (max-width: 1024px) {
    #c2_wrap{padding: 50px 0;}
    #c2_wrap br:not(.space){display: none;}
    #c2_wrap::before{width: 100%; height: 50%;}
    #c2_wrap::after{width: 100%; height: 50%; top: initial; bottom: 0;}

    .c2_inner{padding: 0 30px;  }
    #c2_wrap .sd_wrap{flex-wrap: wrap;}
    #c2_wrap .text{width: 100%; text-align: center;}
    #c2_wrap .slide_wrap .img{margin-left: 0; width: 100%; margin-top: 30px;}

    .c2_inner .fs_65{font-size: 45px; line-height: 1;}
    .c2_inner .fs_30{font-size: 22px;}
    .c2_inner .fs_18{font-size: 15px;}
    .c2_inner .fs_16{font-size: 14px;}

    .c2_inner .vm_btn{ margin: 20px auto 0;}
    .c2_inner .vm_btn span{font-size: 13px;}

    #c2_wrap .text h3{margin-bottom: 25px}
    #c2_wrap .text h4{margin-bottom: 10px;}
    #c2_wrap .text p{margin-bottom: 0;}


    .c2_arrows button{width: 50px; height: 50px;}
    .c2_arrows button::before{width: 12px; height: 23px;}


}

@media screen and (max-width: 640px) {
    #c2_wrap::before{height: 60%;}
    #c2_wrap::after{height: 40%;}
    .c2_inner{padding: 0 20px;}
    .c2_inner .fs_65{font-size: 38px; }
    .c2_inner .fs_30{font-size: 20px;}
    .c2_inner .fs_18{font-size: 14px;}
    .c2_inner .vm_btn{width: 100%; height: 40px; padding: 0 15px;}

    .c2_arrows button{width: 40px; height: 40px;}
    .c2_arrows button::before{width: 11px; height: 21px;}

}