#s4_wrap{padding: 50px 0 110px; background-color: #f7f7f7;}
#s4_wrap .s_inner{width: 100%; max-width: 1500px; padding: 0 100px; margin: 0 auto; position: relative;}

#s4_wrap .fs_60{font-family: 'Gothic A1', sans-serif; font-size: 60px; font-weight: 800; line-height: 1;}
#s4_wrap .fs_60 span{color: #1f255d;}
#s4_wrap .fs_19{font-size: 19px; font-weight: 800; line-height: 27px;}
#s4_wrap .fs_15{font-size: 15px; font-weight: 300; letter-spacing: -.15px; line-height: 26px;}
#s4_wrap .fs_14{font-size: 14px; font-weight: 300;}
#s4_wrap .fs_13{font-size: 13px; font-weight: 700}


.s4_list .slick-track{min-width: 100%;}
.s4_list .slick-list{}
.s4_list{width: calc(100% + 470px); position: relative; left: -16.5px; margin-top: 50px;}
.s4_list.none::before{display: none;}
.s4_list::before{content: ''; display: block; width: 400px; height: 90%; background: linear-gradient(to left, #fff, #fff 70%, transparent); top: 3px; right: 0; position: absolute; z-index: 10;}
.s4_list li{margin: 0 16.5px;}
.s4_list li a{padding: 45px; display: block; background-color: #fff; border: solid 1px #ddd; transition: .3s;  position: relative;}
.s4_list li a h5{color: rgba(0, 0, 0, 0.4); transition: .3s;}
.s4_list li a h4{color: #000; transition: .3s; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden; margin: 13px 0 22px; min-height: 54px;}
.s4_list li a p{color: rgba(0, 0, 0, 0.8); transition: .3s;  display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden; min-height: 78px;}
.s4_list li a span{color: rgba(0,0,0,.5); transition: .3s;}
.s4_list li i{display: block; width: 45px; height: 45px; background-color: #e6e7ec; position: relative; transition: .3s;}
.s4_list li i::before{content: ''; display: block; width: 100%; height: 100%; background: url('../img/c4_plus.png') center no-repeat; position: absolute; top: 0; left: 0;}
.s4_list li .bot{display: flex; align-items: center; justify-content: space-between; margin-top: 36px;}


.s4_list li a:hover{background-color: #1f255d; border-color: #1f255d; }
.s4_list li a:hover h5{color: #fff;}
.s4_list li a:hover h4{color: #fff;}
.s4_list li a:hover p{color: rgba(255, 255, 255, 0.8);}
.s4_list li a:hover span{color: rgba(255,255,255,.6);}
.s4_list li a:hover i{background-color: rgba(255,255,255,.3);}
/* dots */
#s4_wrap .dots{margin-top: 30px;}
#s4_wrap .slick-dots{display: flex; align-items: center; justify-content: center;}
#s4_wrap .slick-dots button{width: 10px; height: 10px; background-color: rgba(0,0,0,.1); border-radius: 50%; font-size: 0; display: block;}
#s4_wrap .slick-dots li{margin-right: 10px;}
#s4_wrap .slick-dots li:last-child{margin-right: 0;}
#s4_wrap .slick-active button{background-color: #1f255d; width: 25px; border-radius: 15px;}
/* arrows */
#s4_wrap .arrows{display: flex; flex-direction: column; position: absolute; left: -50px; top: 53%;}
#s4_wrap .arrows button{font-size: 13px; font-weight: 400; color: #c7c7c7;}
#s4_wrap .arrows button::before{content: ''; display: inline-block; width: 19px; height: 11px; background: 50% / cover no-repeat; margin-right: 10px;}
#s4_wrap .arrows .slick-prev{margin-bottom: 15px;}
#s4_wrap .arrows .slick-prev::before{background-image: url('../img/prev.png');}
#s4_wrap .arrows .slick-next::before{background-image: url('../img/next.png');}
@media screen and (max-width:1700px){
    #s4_wrap .arrows{left: 0;}
}
@media screen and (max-width:1600px){
    #s4_wrap{padding: 100px 0;}
    #s4_wrap .s_inner{padding: 0 50px;}
    #s4_wrap .contents{margin-top: 0; padding: 90px 0 0;}
    .s4_list{width: calc(100% + 25px); left: -12.5px;}
    .s4_list li{margin: 0 12.5px;}
    .s4_list li a{padding: 30px;}
    #s4_wrap .arrows{left: 15px;}
    #s4_wrap .arrows button{font-size: 0;}
    #s4_wrap .arrows button::before{margin-right: 0;}
    .s4_list::before{display: none;}



}
@media screen and (max-width:1280px) {
    #s4_wrap {padding: 50px 0;}
    #s4_wrap .fs_60{font-size: 50px;}
    #s4_wrap .fs_19{font-size: 18px; line-height: 1.6;}
    #s4_wrap .fs_15{font-size: 14px; line-height: 1.6;}
    #s4_wrap .fs_14{font-size: 13px;}
    #s4_wrap .fs_13{font-size: 12px;}

    .s4_list li a p{min-height: 63px;}



}

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


    #s4_wrap .fs_60{font-size: 40px; text-align: center;}
    #s4_wrap .fs_19{font-size: 16px;}
    #s4_wrap .fs_15{font-size: 13px;}
    #s4_wrap .fs_14{font-size: 12px;}
    #s4_wrap .fs_13{font-size: 11px;}

    .s4_list{width: calc(100% + 20px); left: -10px; margin-top: 30px;}
    .s4_list li{margin: 0 10px;}
    .s4_list li a{padding: 25px;}
    .s4_list li a h4{min-height: 52px; margin: 8px 0 15px;}
    .s4_list li .bot{margin-top: 25px;}


}

@media screen and (max-width: 640px) {
    #s4_wrap .s_inner{padding: 0 20px;}
    #s4_wrap .fs_60{font-size: 35px;}
    #s4_wrap .fs_19{font-size: 15px;}


}