@charset "utf-8";
/*about-us*/
html{scroll-behavior:smooth}
.job-banner .breadcrumb{bottom: 0;}

.job-content{padding: 70px 0 150px;}
.job-content .slagon{display: block; width: 300px; height: auto; margin: auto}

.job-list{display: flex; flex-wrap: wrap; margin-top: 30px}
.job-item{padding: 15px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1); width: 32%; margin-right: 2%; border-radius: 10px; transition: all 300ms; margin-bottom: 20px}
.job-item:hover{box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .2); transform: scale(1.02);}
.job-item:nth-child(3n){margin-right: 0}
.job-title{display: flex; align-items: center; margin-bottom: 10px}
.job-title .t{background-color: #017dbc; padding: 5px 10px; border-radius: 99px; margin-right: 5px; color: white; font-size: 18px}
.job-title .n{color: #666; font-size: 18px; font-weight: bold; flex-grow: 1}
.job-title a{display: flex; font-size: 14px; align-items: center; color: #cf0e13; border: 1px solid #d11317; padding: 2px 5px; border-radius: 5px; transition: all 300ms;}
.job-title a img{width: 15px; margin-right: 2px}
.job-title a:hover{box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2); opacity: .6}

.job-row{padding-left: 10px; font-size: 14px; line-height: 1.8; color: #666; border-bottom: 1px solid #eee; margin-bottom: 10px}
.job-row .t{display: block; color: #000}

@media (max-width: 1299px) {
	.job-list{flex-wrap: wrap;}
	.job-item{width: 49%;}
	.job-item:nth-child(2n){margin-right: 0}
	.job-item:nth-child(3n){margin-right: 2%}
}
@media (max-width: 767px) {
	.job-content{padding: 40px 15px 80px;}
	.job-item{width: 100%; margin-right: 0}
	.job-item:nth-child(3n){margin-right: 0}
}