@charset "utf-8";
.job_h4{
	padding-left: 34px;
	background: url(/wp-content/uploads/sites/2/job/icon_check.svg) no-repeat center left;
	margin-top: 40px;
}
.img_col{
	display: flex;
	gap: 30px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ddd;
}
.job_col{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.job_col_item{
	padding-bottom: 38px;
	position: relative;
	border-bottom: 1px solid #ddd;
}
.job_col_item p{margin-bottom: 0;}
.job_col_item:nth-child(odd){padding-right: 30px;}
.job_col_item:nth-child(even){padding-left: 30px;}
.job_col_item:nth-child(odd)::after {
	content: "";
	position: absolute;
	top: 40px;
	right: 0;
	width: 1px;
	height: calc(100% - 78px);
	background: #ddd;
}
.job_interview_list{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	grid-gap:24px;
	padding:0;
	margin:30px 0 0 0;
}
.job_interview_item{
	margin:0 !important;
	list-style:none;
}
.job_interview_link{
	position:relative;
	display:flex;
	align-items: center;
	gap: 20px;
	color:#333 !important;
	text-decoration:none;
	height:100%;
	padding:16px 60px 16px 16px;
	border:1px solid #ccc;
	border-radius:10px;
	overflow:hidden;
	transition:border-color .3s;
}
.job_interview_link:hover{border-color:#30A909;}
.job_interview_link::before,
.job_interview_link::after{
	content: '';
	display: block;
	position: absolute;
	right: 15px;
	bottom: 0;
	top: 0;
	margin: auto;
	width: 37px;
	height: 37px;
	border-radius: 50%;
	transition: opacity 0.3s;
	border: 1px solid #ccc;
}
.job_interview_link::before{
	background: #fff url(/recruit-newgrads/img/common/arrow_r_green.svg) no-repeat center center;
}
.job_interview_link::after{
	background: #30A909 url(/recruit-newgrads/img/common/arrow_r_white.svg) no-repeat center center;
	border-color: #30A909;
	opacity: 0;
}
.job_interview_link:hover::before{opacity: 0;}
.job_interview_link:hover::after{opacity: 1;}
.job_interview_img{
	max-width:100px;
	border-radius:6px;
	overflow: hidden;
}
.job_interview_img img{border-radius: 0;}
.job_interview_ttl{
	font-weight: bold;
	font-size:1.8rem;
	letter-spacing:0.9px;
	line-height:2.88rem;
	margin:0 0 12px;
	transition:color .3s;
}
.job_interview_link:hover .job_interview_ttl{color:#178748;}
.job_interview_box{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}
.job_interview_cate{
	display: inline-block;
	font-weight: 500;
	font-size: 1.2rem;
	letter-spacing: 0.6px;
	line-height: 1.7rem;
	color: #fff;
	background: #178748;
	border-radius: 3px;
	min-width: 65px;
	padding: 2px 5px 3px;
	text-align: center;
	margin: 0;
}
.job_interview_name{
	font-weight: bold;
	font-size: 1.4rem;
	letter-spacing: 0.7px;
	line-height: 2rem;
	margin:0;
}
.job_interview_join{
	font-weight: 500;
	font-size:1.3rem;
	letter-spacing:0.65px;
	line-height:1.9rem;
	margin:0;
}

@media screen and (max-width:1024px){
.job_interview_list{
	grid-gap:10px;
	margin:25px 0 0 0;
}
.job_interview_link{
	align-items: flex-start;
	gap: 15px;
	padding:11px 40px 11px 12px;
}
.job_interview_link::before,
.job_interview_link::after{
	width: 26px;
	height: 26px;
	right: 10px;
}
.job_interview_link::before,
.job_interview_link::after{
	background-size: 12px 8px;
}
.job_interview_img{max-width:84px;}
.job_interview_ttl{
	font-size:1.4rem;
	letter-spacing:0.7px;
	line-height:2rem;
	margin:0 0 5px;
}
.job_interview_box{
	gap: 6px;
}
.job_interview_cate{
	font-size: 1rem;
	letter-spacing: 0.5px;
	line-height: 1.5rem;
	min-width: 49px;
	padding: 2px 2px 2px;
}
.job_interview_name{
	font-size: 1.2rem;
	letter-spacing: 0.6px;
	line-height: 1.7rem;
}
.job_interview_join{
	font-size:1.1rem;
	letter-spacing:0.55px;
	line-height:1.6rem;
	width: 100%;
}
}

@media screen and (max-width:767px){
.job_h4{
	margin-top: 30px;
	padding-left: 30px;
}
.img_col{
	flex-direction: column;
	gap: 20px;
	padding-bottom: 30px;
}
.job_col{grid-template-columns: repeat(1, 1fr);}
.job_col_item{padding-bottom: 18px;}
.job_col_item:nth-child(odd){padding-right: 0;}
.job_col_item:nth-child(even){padding-left: 0;}
.job_col_item:nth-child(odd)::after {display: none;}
.job_col_item h4{margin-top: 20px;}
.job_interview_list{grid-template-columns:repeat(1, 1fr);}
}