.career-rwd-margin-top{
    margin-top:150px
}
.career-rwd-other-margin{
    margin-top:15px;margin-bottom: 150px
}
.career_article_01 ul{
    margin-top: 100px;
}
.career_article_01 li figure{
    height: 300px;
}
.JOIN-txt{
    top: 40%;
    text-align: center;
}
span.span_card {
    position: absolute;
    color:#ffffff;
    font-size: 30px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}
.span_card_01{
    bottom: 10px;
}
#span_card_job{
    font-size:73px;
}
.search-job-btn{
    position: absolute;
    top: 60%;
    left: 35%;
    margin-right: -50%;
}
.span_card_other{
    bottom: 200px;
}
.img-wrapper li{
    margin-bottom:10px
}
.career-rwd-margin-top .img{
    padding-bottom: 0;
}
.career-rwd-other-margin .img{
    padding-bottom: 0;
}
@media (max-width: 1550px) {
    .JOIN-txt{
        top: 35%;
        font-size: 40px;
    }
    .search-job-btn{
        width: 30%;
    }
    
    #span_card_job{
        font-size:50px ;
    }
    .search-job-btn{
        top: 50%;
    }
}
@media (max-width: 1400px) {
.span_banner{
    font-size: 40px;
}
}
@media (max-width: 1100px) {
    .search-job-btn{
        top: 60%;
    }
@media (max-width: 768px) {
    #span_card_job{
        font-size:25px ;
        bottom:70px;
    }
    .search-job-btn{
        position: absolute;
        bottom: 50px;
        left: 35%;
        margin-right: -50%;
        width:30%
    }
    .career-rwd-margin-top{
        margin-top:50px
    }
    .career-rwd-other-margin{
        margin-top:15px;margin-bottom: 30px
    }
}