/*Content CSS*/
#s1_wrap{overflow: hidden;}
#s1_wrap .s_inner{width: 100%; max-width: 1600px; padding: 0 50px; margin: 0 auto;}
#s1_wrap .contents{position: relative; padding: 90px 0 125px;}
#s1_wrap .contents > *:not(.lines){position: relative; z-index: 1;}
#s1_wrap .lines{display: flex; justify-content: space-between; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0;}
#s1_wrap .lines span{display: block; width: 1px; background-color: #ddd; height: 100%;}


#s1_wrap .fs_60{font-family: 'Gothic A1', sans-serif; font-size: 60px; font-weight: 900; text-align: center; line-height: 1;}
#s1_wrap .fs_60 span{color: #1f255d;}
#s1_wrap .fs_28{font-family: 'Gothic A1', sans-serif; font-size: 28px; font-weight: 900;}
#s1_wrap .fs_15{font-family: 'Gothic A1', sans-serif; font-size: 15px; font-weight: 600; color: #1f255d;}
#s1_wrap .fs_14{font-family: 'Gothic A1', sans-serif; font-size: 14px; font-weight: 400; color: #999;}

.s1_list{display: flex; justify-content: space-between; margin-top: 90px;}
.s1_list li{width: 25%; text-align: center;}
.s1_list li .text{margin: 33px 0 36px;}
.s1_list li a{display: flex; align-items: center; justify-content: space-between; width: 180px; height: 45px; border: solid 1px #ddd; transition: .3s; padding: 0 18px 0 23px; margin: 0 auto;}
.s1_list li a span{transition: .3s;}
.s1_list li a i{width: 13px; height: 13px; display: block; background: url('../img/plus.png') 50% / cover no-repeat; transition: background-image .3s;}
.s1_list li:hover a{background-color: #1f255d; border-color: #1f255d; }
.s1_list li:hover a i{background-image: url('../img/plus_h.png')}
.s1_list li:hover a span{color: #fff;}


@media screen and (max-width:1600px){
    #s1_wrap .s_inner{padding: 0;}

}
@media screen and (max-width:1280px) {
    #s1_wrap .fs_60{font-size: 50px;}
    #s1_wrap .fs_28{font-size: 23px;}
    #s1_wrap .fs_15{font-size: 14px;}
    #s1_wrap .fs_14{font-size: 13px;}

}

@media screen and (max-width: 1024px) {
    /* #s1_wrap .s_inner{padding: 0 30px;} */
    #s1_wrap .contents{padding: 50px 0 0;}
    #s1_wrap .lines {display: none;}
    .s1_list{flex-wrap: wrap; margin-top: 35px;}
    .s1_list li{width: 50%; border-top: solid 1px #ddd; padding: 30px;}
    .s1_list li:nth-child(odd){border-right: solid 1px #ddd;}
    .s1_list li:nth-child(n+3){border-bottom: solid 1px #ddd;}
    .s1_list li .text{margin: 15px 0 20px; width: 100%;}
    .s1_list li a{height: 40px;}
    .s1_list li > i{max-width: 50px; max-height: 50px;}

    #s1_wrap .fs_60{font-size: 40px;}
    #s1_wrap .fs_28{font-size: 18px;}
    #s1_wrap .fs_15{font-size: 13px;}
    #s1_wrap .fs_14{font-size: 12px;}

}

@media screen and (max-width: 640px) {
    .s1_list{flex-wrap: wrap; margin-top: 25px;}
    .s1_list li{padding: 20px; width: 100%; display: flex; flex-wrap: wrap;  justify-content: center; border-top: 0; border-bottom: solid 1px #ddd;}
    .s1_list li a{width: 100%;}
    .s1_list li .text{margin: 10px 0;}
    .s1_list li:nth-child(odd){border-right:0}
    .s1_list li:nth-child(1){border-top:solid 1px #ddd;}

    #s1_wrap .fs_60{font-size: 35px;}
    #s1_wrap .fs_28{font-size: 16px;}
}