.detail_head {
	width: 100%;
	height: 180px;
	position: relative;
	background: #ffa64d69;
	border-bottom: 3px dashed #ff8000;
	padding: 30px 0px 0px 40px;
}

.breadcrumb {
	margin-bottom: 20px;
}

.job_code {
	margin-bottom: 10px;
}

h2.job_title {
	color: rgba(34, 34, 34, 1);
}

.job_body {
/*	background: #ffa64d69;*/
/*	border-bottom: 3px dashed #ff8000;*/
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 10px 10px 0px 0px;
	padding: 20px;
	width: 70%;
	margin: auto;
	position: relative;
	top: -30px;
	z-index: 10;
}

.photo_box {
	width: 590px;
	height: 370px;
	max-height: 370px;
	margin: auto;
	margin-bottom: 120px;
}

.slide_img {
	width: 100%;
	height: auto;
	max-height: 370px;
	object-fit: contain;
}

.icon {
	width: 25px;
	height: 25px;
	position: absolute;
	left: 10px;
}

.job_info dl, .company_info dl {
	display: flex;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #CCCCCC;
}

.job_info dl dt, .company_info dl dt {
	width: 20%;
	min-width: 177px;
	height: 40px;
	font-weight: bold;
	background: #ffa64d69;
	text-align: center;
	position: relative;
/*	border-bottom: 3px dotted #ffaa55;*/
	margin-right: 50px;
/*	border-radius: 20px;*/
	border-radius: 10px;
	font-size: 16px;
}

.job_info dl dd, .company_info dl dd {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.dt_title {
	display: flex;
	justify-content: center;
	align-items: center;
}

.salary {
	font-size: 28px;
	font-weight: bold;
	color: #009fff;
}

.salary_example {
	color: #616161;
	width: 100%;
}

.times {
	width: 100%;
}

.feature_dt {
	min-width: 20%;
}

.feature_dd {
	gap: 5px;
}

.feature_item {
	padding: 5px;
	color: #FFFFFF;
	border: 1px solid #17A2B8;
	border-radius: 5px;
	background-color: #17A2B8;
}

.job_foot {
	margin-bottom: 50px;
	padding: 20px;
	text-align: center;
	display: flex;
	justify-content: center;
}

.search_list_btn {
	width: 40%;
	height: 50px;
	font-weight: bold;
	color: #1F1F1F;
	cursor: pointer;
	margin-right: 20px;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	box-shadow: 1px 1px;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: unset;
}

.entry {
/*	background: #ff989866;*/
/*	border: 2px solid #f94d4d66;*/
    background: #ffa64d69;
    border: 2px solid #ff800069;
	box-shadow: 3px 2px #0000002e;
}

.lists {
/*	background: #8ed4ff4d;*/
/*	border: 2px solid #4d80f966;*/
	
	border: 2px solid #4d80f966;
	box-shadow: 3px 2px #0000002e;
	color: #1faaff;
}

.detail {
/*	background: #8ed4ff4d;*/
/*	border: 2px solid #4d80f966;*/
/*	box-shadow: 3px 2px #0000002e;*/
	
/*	background: #ff989866;*/
/*	border: 2px solid #f94d4d66;*/
	
	color: rgba(0, 48, 87, 1);
    background: #ffa64d69;
    border: 2px solid #ff800069;
	box-shadow: 3px 2px #0000002e;
	
}

.entry_icon, .detail_icon, .lists_icon {
	width: 25px;
	height: 25px;
	margin-right: 5px;
}

.company_h1 {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 3px dotted #CCCCCC;
	margin-bottom: 20px;
}

.company_info dl.map_dl {
	border-bottom: none;
}

.map_dd {
	width: 100%;
}

.map_dd > iframe {
	width: 100%;
}


/*@media	screen	and	(max-width:	1024px) {*/
@media	screen	and	(max-width:	767px) {
	.detail_head {
		width: 100%;
		height: 220px;
		padding: 0px;
	}
	
	.job_body {
		width: 90%;
		padding: 10px;
	}
	
	.breadcrumb {
		font-size: 12px;
		padding: 10px 10px 0px 10px;
	}
	
	.job_code {
		font-weight: bold;
		font-size: 12px;
		text-align: right;
		margin-right: 10px;
	}
	
	.job_title {
		font-size: 20px;
		width: 95%;
		margin-left: 5px;
	}
	
	.photo_box {
		width: 100%;
		height: 320px;
		margin-bottom: 0px;
	}
	
	.slide_img {
		max-height: 240px;
	}
	
	.swiper-pagination {
		position: relative !important;
		top: 0px;
	}
	
	.swiper-button-prev, .swiper-rtl .swiper-button-next {
		position: relative !important;
		top: -10px;
		left: 100px;
	}
	
	.swiper-button-next, .swiper-rtl .swiper-button-prev {
		position: relative !important;
		top: -20px !important;
/*		right: 100px;*/
		left: 300px !important;
	}
	
	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
		font-size: 22px !important;
	}
	
	.swiper-button-next:after, .swiper-button-prev:after {
		font-size: 22px !important;
	}
	
	.job_info dl dt, .company_info dl dt {
		width: 55%;
		border-bottom: 2px dashed #FFa64D69;
		margin-bottom: 10px;
		background: unset;
	}
    
	.job_info dl, .company_info dl {
		flex-wrap: wrap;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}
    
	.job_info dl dd, .company_info dl dd {
		width: 100%;
		padding: 0px 0px 0px 20px;
		font-size: 18px;
	}
	
	.salary {
		font-size: 18px;
		margin-bottom: 5px;
	}
	
	.detail {
/*		width: 90%;*/
	}
	
	.company_info dl dd.map_dd {
		width: 100%;
		padding: 0px;
	}
	
	.map_dd > iframe {
		width: 100%;
	}
}