@charset "utf-8";
.other_section {
		padding: 110px 0;
		background: #F3F3F3;
}
@media(max-width: 960px) {
		.other_section {
				padding: 80px 0;
		}
}
@media(max-width: 767px) {
		.other_section {
				padding: 60px 0;
		}
}
.interview_hd {
		font-size: 42px;
		font-weight: 700;
		margin: 0 0 60px;
}
.interview_hd span {
		padding-left: 45px;
		position: relative;
		display: inline-block;
}
.interview_hd span::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 12px;
		height: 100%;
		background: linear-gradient(0deg, #ff6e00 0%, #ffdd00 100%);
}
@media(max-width: 960px) {
		.interview_hd {
				font-size: 34px;
		}
		.interview_hd span {
				padding-left: 37px;
		}
		.interview_hd span::before {
				width: 8px;
		}
}
@media(max-width: 767px) {
		.interview_hd {
				font-size: 28px;
		}
		.interview_hd span {
				padding-left: 25px;
		}
		.interview_hd span::before {
				width: 6px;
		}
}
.interview_tile_grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 80px 22px;
}
.interview_tile {
		position: relative;
}
.interview_tile img {
		width: 100%;
		height: auto;
		aspect-ratio: 10 / 12.4;
		object-fit: cover;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.interview_tile a {
		text-decoration: none;
		position: relative;
		color: #222;
		display: inline-block;
}
.interview_tile .interview_item_year {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 12px;
		font-weight: 500;
		background: #FF5A01;
		color: #fff;
		height: 27px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 10px;
		border-radius: 8px 0 8px 0px;
		z-index: 3;
		pointer-events: none
}

.interview_tile .interview_item_year.careerType {
		background: #ffae00;
}

.interview_item_thumb {
		margin-bottom: 20px;
		border-radius: 8px;
		overflow: hidden;
}
@media (hover: hover) {
		.interview_tile a:hover .interview_item_thumb img {
				transform: scale(1.05)
		}
}
.interview_item_caption {
		padding-left: 22px;
		position: relative;
}
.interview_item_caption::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 7px;
		height: 100%;
		background: linear-gradient(0deg, #ff6e00 0%, #ffdd00 100%);
		border-radius: 8px;
}
.interview_item_caption .interview_item_section {
		font-weight: 500;
		margin-bottom: 10px;
}
.interview_item_caption .interview_item_name {
		font-weight: 700;
}
.interview_item_caption .interview_item_name span {
		font-size: 150%;
}
@media(max-width: 960px) {
		.interview_tile_grid {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 70px 18px;
		}
		.interview_tile .interview_item_year {
				font-size: 10px;
				font-weight: 500;
				color: #fff;
				height: 22px;
				padding: 0 7px;
				border-radius: 8px 0 8px 0px;
		}
		.interview_item_caption .interview_item_section {
				font-size: 12px;
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.interview_tile_grid {
				display: grid;
				grid-template-columns: repeat(2, 1fr);
				gap: 60px 20px;
		}
		.interview_tile .interview_item_year {
				position: static;
				position: relative;
				z-index: 5;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				top: inherit;
				left: inherit;
				font-size: 11px;
				height: 24px;
				padding: 0 0 0 7px;
				margin-bottom: -5px;
				box-sizing: border-box;
				width: 100%;
				border-radius: 6px 6px 0 0;
		}
		.interview_slider .interview_tile .interview_item_year {
				top: 24px;
				margin-bottom: 0;
				width: 70%;
				border-radius: 6px 0 6px 0;
		}
		.interview_tile_grid .interview_tile .interview_item_year {
				font-size: 10px;
				height: 24px
		}
		.interview_item_thumb {
				border-radius: 6px;
		}
		.interview_item_caption .interview_item_section {
				font-size: 12px;
				line-height: 1.6;
		}
		.interview_item_caption {
				padding-left: 18px;
		}
		.interview_item_caption::before {
				width: 5px;
				border-radius: 6px;
		}
}