/*Content CSS*/
#c4_wrap {padding: 105px 0 115px; position: relative; overflow: hidden;}
#c4_wrap::before{content: ''; display: block; width: 100%; height: 100%; background: url('../img/c4_bg.jpg') 50% / cover no-repeat; position: absolute; top: 0; right: 0;}
#c4_wrap .c_inner { width: 100%; max-width: 1500px; margin:0 auto; position: relative; padding:0 50px; z-index: 5;}
#c4_wrap .c_tit h1 {font-size: 60px; font-weight: 800; color:#fff; position: relative; line-height: 1; font-family: 'SUIT', sans-serif;}
#c4_wrap .top {display: flex; justify-content: center; align-items: center; position: relative;}
#c4_wrap .btn_wr {display: flex; align-items: center; }

#c4_wrap .c_btn {position: absolute; right: 0; top: 50%; transform: translateY(-50%);display: flex; justify-content: center; align-items: center; justify-content: space-between; width: 205px; height: 52px; padding: 0 25px; border-radius: 26px; border:1px solid #fff; transition: all .3s; font-size: 14px; color:#fff; font-family: 'Poppins'; font-weight: 300; line-height: 1;}
#c4_wrap .c_btn i {display: block;}

/* slider */
#c4_wrap .c4_slide{}

#c4_wrap .slider {width: 100%; position: relative; width: calc(100% + 22px); left: -11px; margin-top: 80px;}

#c4_wrap .slider .slick-track {min-width: 100%; }
#c4_wrap .slider .slick-slide{margin: 0 11px;}
#c4_wrap .slide_box.slick-active {overflow: hidden; }
#c4_wrap .slide_box a { background: transparent; text-align: left; display: flex; align-items: center; width: 100%; height: 100%; padding: 31px 35px;
outline: none;  border: solid #ddd; border-width: 0 0 1px 0; z-index: 1; position: relative;  transition: .3s;}
#c4_wrap .slider .slick-slide > div:first-child{border-top: solid 3px #ddd; transition: .3s;}
#c4_wrap .slide_box a::after{content: ''; display: block; width: 21px; height: 21px; background: url('../img/c4_arrow.png') 50% / cover no-repeat; position: absolute; top: 50%; right: 53px; transform: translateY(-50%); opacity: 0; transition: .3s;}

#c4_wrap .slide_box .date{display: flex; flex-direction: column; justify-content: center; align-items: center; margin-right: 35px;}
#c4_wrap .slide_box .d{font-size: 41px; font-weight: 700; line-height: .8; font-family: 'Poppins'; color: rgba(255,255,255,.5); transition: .3s;  margin-bottom: 9px;}
#c4_wrap .slide_box .ym{font-size: 14px; font-weight: 400; line-height: 1; font-family: 'Poppins'; color: rgba(255,255,255,.5); transition: .3s;}

#c4_wrap .slide_box .txt{width: 80%;}
#c4_wrap .slide_box h1 {font-size:20px; font-weight: 700; color:rgba(255,255,255,.5); line-height:1; margin:0 0 11px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: color .3s ease;}
#c4_wrap .slide_box p {font-size:14px; font-weight: 400; color: rgba(255,255,255,.5); line-height: 1.67;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: .3s;}

/* dots */
#c4_wrap .dots{margin-top: 48px;}
#c4_wrap .slick-dots{display: flex; align-items: center; justify-content: center;}
#c4_wrap .slick-dots li button{font-size: 0; width: 10px; height: 10px; background-color: #fff; opacity: .5; border-radius: 50%;}
#c4_wrap .slick-dots li{margin-right: 8px;}
#c4_wrap .slick-dots li:last-child{margin-right: 0;}
#c4_wrap .slick-dots .slick-active{margin-right: 14px;}
#c4_wrap .slick-dots .slick-active button{opacity: 1; width: 56px; border-radius: 15px;}


@media screen and (min-width: 1025px) {
    #c4_wrap .slide_box a:hover{border-color: #fff; background-color: #1f1f49;}
    #c4_wrap .slide_box a:hover::after{opacity: 1;}
    #c4_wrap .slide_box a:hover h1 {color:#fff; }
    #c4_wrap .slide_box a:hover p {color:#fff; }
    #c4_wrap .slide_box a:hover .date .ym,#c4_wrap .slide_box a:hover .date .d{color: #fff;}
    #c4_wrap .c_btn:hover {background-color: rgba(255,255,255,.3) ;}
    #c4_wrap .slider .slick-slide > div:first-child:hover{border-color: #fff;}



}


@media screen and (min-width: 1800px) {
    #c4_wrap::before{width: calc(100% - 90px);}

    #c4_wrap .c_line{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: flex-end; padding: 0 90px; z-index: 1}
    #c4_wrap .c_line span:first-child{display: none;}
    #c4_wrap .c_line span{display: block; width: 1px; height: 100%; background-color: #ccc;}

}
@media screen and (max-width: 1800px) {
    #c4_wrap{padding: 80px 0;}
}


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

    #c4_wrap .c_tit h1 {font-size: 50px;}

    #c4_wrap .slider {width: calc(100% + 15px); left: -7.5px;}
    #c4_wrap .slider .slick-slide {margin: 0 7.5px;}
    #c4_wrap .slide_box a{padding: 28px 30px;}
    #c4_wrap .slide_box a::after{right: 30px;}

    #c4_wrap .slide_box .date{margin-right: 30px;}
    #c4_wrap .slide_box .d{font-size: 38px;}


}




@media screen and (max-width: 1400px) {
    #c4_wrap .c_tit h1 {font-size: 45px;}

    #c4_wrap .slider{margin-top: 50px;}
    #c4_wrap .slide_box h1{font-size: 19px;}




}

@media screen and (max-width: 1280px) {
    #c4_wrap .slider{margin-top: 40px;}

    #c4_wrap .c_tit h1 {font-size: 42px;}
    #c4_wrap .c_btn{width: 200px; height: 40px; padding: 20px;}

    #c4_wrap .slide_box a{padding: 25px;}
    #c4_wrap .slide_box .date{margin-right: 25px;}
    #c4_wrap .slide_box .d{font-size: 35px; margin-bottom: 5px;}
    #c4_wrap .slide_box .txt{}
    #c4_wrap .slide_box h1 {font-size:18px;}





}

@media screen and (max-width: 1024px) {
    #c4_wrap{padding: 50px 0;}
    #c4_wrap .c_inner{padding: 0 30px;}

    #c4_wrap .dots{display: block; margin-top: 30px;}

    #c4_wrap .top{display: block; text-align: center;}
    #c4_wrap .c_tit h1 {font-size: 40px; color: #fff;}
    #c4_wrap .c_btn{width: 100%; margin-top: 25px; position: relative; top: initial; transform: initial;}
    #c4_wrap .slider{margin-top: 30px;}
    #c4_wrap .slide_box a{padding: 20px;}
    #c4_wrap .slide_box h1{margin-bottom: 8px;}
    #c4_wrap .slide_box .date{margin-right: 20px;}
    #c4_wrap .slide_box .d{font-size: 30px;}

}


@media screen and (max-width: 640px) {
    #c4_wrap .c_tit h1 {font-size: 35px;}

    #c4_wrap .c_inner{padding: 0 20px;}
    #c4_wrap .slider{margin-top: 20px;}
    #c4_wrap .c_btn{padding: 0 15px; font-size: 13px;}

    #c4_wrap .slide_box .d{font-size: 25px;}




}

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



}