@import url('sub.css'); 



/**** S:: Our job ****/
.job_style{background:url('/career/img/job_bg.jpg') no-repeat center/cover;}
.job_style.three{background:url('/career/img/job_bg2.jpg') no-repeat center/cover;}
.job_style .basic_in{display: flex; justify-content: center;}
.job_style dl{width: 20%; box-sizing:border-box; padding: 0 10px; text-align:center;}
.job_style.three dl{width: 33.33%;}
.job_style dl dt{}
.job_style dl dt img{width: 130px; aspect-ratio:1/1; border-radius:50%; background:var(--main); border:1px solid rgba(255, 255, 255, 0.20); box-sizing:border-box; box-shadow: 0 0 30px rgba(243, 109, 7, 0.60);}
.job_style dl dd{padding: 25px 0 0;}
.job_style dl dd h4{font-weight: 800; line-height:120%; color:var(--white);}
.job_style dl dd .fs18{color:var(--basicW); padding: 12px 0 0;}
.job_style dl dd .fs16{color:rgba(255,255,255,.4); padding: 6px 0 0;}
/**** E:: Our job ****/


/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){




}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){




/**** S:: Our job ****/
.job_style{}
.job_style .basic_in{flex-wrap:wrap; gap:50px 0;}
.job_style dl{width: 33.33%;}
/**** E:: Our job ****/



}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){


/**** S:: Our job ****/
.job_style{}
.job_style dl dt img{width: 100px;}
.job_style dl dd{padding: 15px 0 0;}
.job_style dl dd .fs18{padding: 8px 0 0;}
.job_style dl dd .fs16{padding: 3px 0 0;}
/**** E:: Our job ****/




}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/**** S:: Our job ****/
.job_style{}
.job_style .basic_in{gap:30px 0;}
.job_style dl dt img{width: 70px;}
.job_style dl dd .fs18{padding: 5px 0 0;}
/**** E:: Our job ****/




}
/*******************************************************************************
    @media 480px
*******************************************************************************/
@media all and (max-width:480px){


/**** S:: Our job ****/
.job_style{}
.job_style dl{width: 50%;}
.job_style.three dl{width: 50%;}
/**** E:: Our job ****/




}