@charset "utf-8";
body {
		background: #fff;
}
.job_section {
		padding: 120px 0;
		background: #F3F3F3;
}
.job_wrap {
		max-width: 1280px;
		margin: 0 auto;
		padding: 0 30px;
		position: relative;
}
@media(max-width: 767px) {
		.job_section {
				padding: 60px 0;
		}
		.job_wrap {
				padding: 0 20px;
		}
}
.job_wrap .job_wrap_left {
		width: 250px;
		position: sticky;
		left: 0;
		top: 190px;
		float: left;
		z-index: 5
}
.job_wrap_left h3, .dev_inner_right h3 {
		font-size: 42px;
		font-weight: 700;
		margin-bottom: 50px;
}
.job_wrap_left h3 span, .dev_inner_right h3 span {
		padding-left: 40px;
		position: relative;
		display: inline-block;
}
.job_wrap_left h3 span::before, .dev_inner_right h3 span::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 12px;
		height: 100%;
		background: linear-gradient(0deg, #ff6e00 0%, #ffdd00 100%);
}
.job_wrap_left ul {
		list-style: none
}
.job_wrap_left li {
		font-weight: 600;
		margin: 0 0 25px
}
.job_wrap_left li a {
		color: #222;
		text-decoration: none;
		display: inline-block;
		position: relative;
		padding-right: 25px;
}
.job_wrap_left li a::before {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 7px);
		right: 0;
		width: 13px;
		height: 11px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 13px;
		background-image: url("../images/sidebar_arw_right.png")
}
@media (hover: hover) {
		.job_wrap_left li a:hover {
				color: #FF7801;
				text-decoration: underline;
				text-underline-offset: 4px;
		}
}
.job_wrap_right {
		margin-left: 330px;
}
@media(max-width: 1200px) {
		.job_wrap_left h3, .dev_inner_right h3 {
				font-size: 32px;
				margin-bottom: 40px;
		}
		.job_wrap_left h3 span, .dev_inner_right h3 span {
				padding-left: 32px;
		}
		.job_wrap_left h3 span::before, .dev_inner_right h3 span::before {
				width: 8px;
		}
		.job_wrap .job_wrap_left {
				width: 230px;
		}
		.job_wrap_right {
				margin-left: 230px;
		}
}
@media(max-width: 960px) {
		.job_wrap .job_wrap_left {
				width: 200px;
		}
		.job_wrap_right {
				margin-left: 200px;
		}
		.job_wrap_left h3, .dev_inner_right h3 {
				font-size: 28px;
		}
		.job_wrap_left h3 span, .dev_inner_right h3 span {
				padding-left: 28px;
		}
		.job_wrap_left h3 span::before, .dev_inner_right h3 span::before {
				width: 8px;
		}
		.job_wrap_left li {
				font-size: 14px;
		}
		.job_wrap_left li a {
				padding-right: 20px;
		}
}
@media(max-width: 767px) {
		.job_wrap_left h3 span, .dev_inner_right h3 span {
				padding-left: 20px;
		}
		.job_wrap_left h3 span::before, .dev_inner_right h3 span::before {
				width: 6px;
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.job_wrap .job_wrap_left {
				float: none;
				margin-bottom: 20px;
				height: auto;
				position: static;
		}
		.job_wrap_right {
				margin-left: 0;
		}
}
.job_item {
		background: #fff;
		padding: 60px 75px;
		border-radius: 6px;
		position: relative;
		overflow: hidden;
		margin-bottom: 65px;
}
.job_wrap_right .job_item:last-child {
		margin-bottom: 0;
}
.job_item::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 5px;
		height: 100%;
		background: #ff7801;
}
.job_item h4 {
		font-size: 26px;
		font-weight: 700;
		line-height: 1.4;
		padding-bottom: 20px;
}
.job_item h5 {
		border-top: 1px dotted #BFBFBF;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.6;
		margin: 0 0 10px;
		padding-top: 25px;
}
.job_item p {
		line-height: 1.8;
		padding-bottom: 25px;
}
.days {
		background-color: #f3f3f3;
		border-radius: 8px;
		margin-top: 10px;
		padding: 30px 60px;
}
.days h6 {
		text-align: center;
		font-size: 18px;
		font-weight: 700;
		margin-bottom: 20px;
}
.days h6 span {
		display: inline-block;
		padding-bottom: 5px;
		border-bottom: 3px solid #ff5a01;
}
.days table {
		width: 100%;
}
.days table th, .days table td {
		padding-top: 7px;
		padding-bottom: 7px;
		text-align: left;
		line-height: 1.6;
}
.days table th,.days table tr td:first-child {
		font-family: "Montserrat";
		font-size: 18px;
		font-weight: 700;
		width: 1%;
		white-space: nowrap;
		padding-left: 20px;
		padding-right: 30px;
		position: relative;
}
.days table th::before,.days table tr td:first-child::before {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 3px);
		left: 0;
		width: 7px;
		height: 7px;
		background: #FF7801;
		border-radius: 50%
}
.days table td {
		font-weight: 600;
}
@media(max-width: 960px) {
		.job_item {
				padding: 30px 50px 30px 20px;
				margin-bottom: 40px;
		}
		.job_item h4 {
				font-size: 22px;
				padding-bottom: 20px;
		}
		.job_item h5 {
				font-size: 18px;
				margin: 0 0 10px;
				padding-top: 20px;
		}
		.job_item p {
				padding-bottom: 20px;
		}
		.days {
				padding: 30px;
		}
		.days h6 {
				margin-bottom: 15px;
		}
		.days h6 span {
				border-bottom: 2px solid #ff5a01;
		}
		.days table th, .days table td,.days table tr td:first-child::before {
				padding-top: 7px;
				padding-bottom: 7px;
		}
		.days table th,.days table tr td:first-child {
				font-size: 16px;
				padding-left: 15px;
				padding-right: 20px;
		}
}
@media(max-width: 767px) {
		.job_item {
				padding-top: 30px;
				padding-bottom: 30px;
				padding-left: 25px;
				margin-bottom: 30px;
		}
		.days {
				padding: 30px 20px;
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.job_item {
				padding-right: 30px;
		}
		.days table th, .days table td,.days table tr td:first-child {
				display: block;
				padding-top: 0;
				padding-right: 0;
				padding-bottom: 0;
				white-space: inherit;
				width: auto;
		}
		.days table td {
				padding: 2px 0 20px;
				font-weight: 500;
		}
		.days table tr:last-child td {
				padding-bottom: 0;
		}
}
/* ================ */
.dev_section {
		background: #fff;
		padding: 90px 0;
}
@media(max-width: 960px) {
		.dev_section {
				padding: 80px 0 10px;
		}
}
@media(max-width: 767px) {
		.dev_section {
				padding: 60px 0 10px;
		}
}
.dev_inner {
		padding: 0 30px;
		display: flex;
		align-items: center;
		max-width: 1500px;
		margin: 0 auto
}
@media(max-width: 1700px) {
		.dev_inner {
				padding-right: 100px;
		}
}
.dev_inner_left {
		width: 53.3%;
		margin-right: 75px;
}
.dev_inner_left img {
		width: 100%;
		height: auto;
}
@media(max-width: 1300px) {
		.dev_inner {
				align-items: flex-start;
		}
		.dev_inner_left {
				width: 48%;
				margin-right: 40px;
		}
}
.dev_inner_right {
		flex: 1
}
.dev_inner_right p {
		line-height: 1.8;
		text-align: justify;
}
.dev_inner_right .dev_btn + p {
		text-align: left;
		font-size: 80%;
		color: #8E8E8E;
}
.dev_btn_gr {
		margin-top: 45px;
}
.dev_btn {
		width: 210px;
		margin: 0 0 15px;
}
.dev_btn a {
		position: relative;
		color: #fff;
		text-decoration: none;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 60px;
		border-radius: 60px;
		overflow: hidden;
		box-sizing: border-box;
		border: 1px solid #3364df;
}
.dev_btn a span {
		position: relative;
		z-index: 2;
		padding-right: 25px;
}
.dev_btn a::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(-70deg, #328ae0 0%, #334cde 100%);
		transition: opacity 0.3s;
}
.dev_btn a span::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 10px);
		right: -5px;
		width: 16px;
		height: 18px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 16px;
		background-image: url("../images/icon_blank_wht.png")
}
@media (hover: hover) {
		.dev_btn a:hover {
				color: #3364df;
		}
		.dev_btn a:hover::before {
				opacity: 0
		}
		.dev_btn a:hover span::after {
				background-image: url("../images/icon_blank_blu.png")
		}
}
@media(max-width: 1200px) {
		.dev_btn_gr {
				margin-top: 25px;
		}
}
@media screen and (orientation: portrait) and (max-width: 960px) {
		.dev_inner {
				display: flex;
				flex-direction: column;
		}
		.dev_inner_right {
				display: contents;
		}
		.dev_inner_right h3 {
				order: 1;
		}
		.dev_inner_left {
				order: 2;
				width: 100%;
				margin: 0 0 20px;
		}
		.dev_inner_left img {
				aspect-ratio: 16 / 7;
				object-fit: cover
		}
		.dev_inner_right p {
				order: 3;
		}
		.dev_inner_right .dev_btn_gr {
				order: 4;
				margin-top: 35px;
				margin-left: auto;
				margin-right: auto;
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.dev_inner {
				padding: 0 20px;
		}
}