/*Content CSS*/
#job {overflow: hidden;}
section > article{padding: 80px 0 90px;}
section > article:nth-child(even){background-color: #f7f7f7}
.sub_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto;}

.fs_50{font-size: 50px; font-weight: 700; color: #111; line-height: 1;}
.fs_35{font-size: 35px; font-weight: 700; color: #111;}
.fs_18{font-size: 18px; font-weight: 300; line-height: 1.67; color: #1d1d1f;}
.fs_17{font-size: 17px;}
.fs_16{font-size: 16px; color: #393939; line-height: 1.6;}
.tit{text-align:center;}
.tit span{font-weight: 600; color: #00baff; margin-bottom: 15px; display: block;}
.tit p{margin-top: 19px;}

.img_wrap {margin-top: 40px;}
.img_wrap a{display: flex; align-items: center; justify-content: center; width: 450px; height: 53px; background-color: #0074f7; color: #fff; font-size: 17px; font-weight: 500; border-radius: 26.5px; box-shadow: 0.5px 3px 15px 0 rgba(0, 0, 0, 0.25); transition: .3s; margin: 0 auto; position: relative; z-index: 1;}
.img_wrap .img{width: 100%; height: 300px; border-radius: 10px; background: url('../img/job_img1.jpg') 50% / cover no-repeat; margin-top: -28px;}

.wrap{margin-top: 65px; text-align: center;}
.wrap h4{margin-bottom: 35px;}
.icon_list {display: flex; flex-wrap: wrap; }
.icon_list li{width: 25%;  padding: 40px 10px 30px; border: solid 1px #ddd; margin-left: -1px; margin-top: -1px;}
.icon_list li i{display: inline-block; margin-bottom: 25px; min-height: 80px; line-height: 80px;}
.icon_list li i img{transition: .5s;}
.icon_list li .fs_18{font-weight: 500;}
.icon_list li p + p{margin-top: 7px;}


@media screen and (min-width:1025px) {
    .icon_list li:hover i img{transform: rotateY(180deg);}
    .img_wrap a:hover{background-color: #000;}
}
@media screen and (max-width:1400px) {
    #job br:not(.space){display: none;}
    .fs_50{font-size: 45px;}
    .fs_35{font-size: 30px;}
    .fs_18{font-size: 17px; line-height: 1.7}
    .fs_17{font-size: 16px;}
    .tit span{margin-bottom: 10px}

}

@media screen and (max-width:1280px) {
    .icon_list li{padding: 30px 5px 25px;}
    .icon_list li p + p{margin-top: 5px;}


}

@media screen and (max-width:1024px) {
    section > article{padding: 50px 0;}
    .sub_inner{padding: 0 30px;}
    .tit{text-align: center;}

    .fs_50{font-size: 40px;}
    .fs_35{font-size: 28px;}
    .fs_18{font-size: 16px; }
    .fs_17{font-size: 15px;}

    .icon_list li{width: 33.3%;}
    .icon_list li i{margin-bottom: 20px;}
    .icon_list li p + p{margin-top: 3px;}
    .wrap{margin-top: 50px;}
    .wrap h4{margin-bottom: 20px;}

    .img_wrap a{width: calc(100% - 40px); max-width: 400px; height: 40px; font-size: 16px;}
    .img_wrap .img{height: 200px;  margin-top: -20px;}




}

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

}

@media screen and (max-width:640px) {
    .sub_inner{padding: 0 20px;}
    .fs_50{font-size: 35px;}
    .fs_35{font-size: 25px;}
    .fs_18{font-size: 15px;}
    .fs_17{font-size: 14px;}

    .icon_list li{width: 50%; padding: 20px 10px;}
    .icon_list li i{margin-bottom: 10px;}

    .img_wrap a{font-size: 14px;}




}
