@charset "utf-8";
.interview_slider .swiper-wrapper {
		padding-bottom: 0;
}
.swiper-slide.interview_tile {
		width: 370px;
		opacity: 0.5;
		transition: opacity 0.4s;
}
.interview_tile.swiper-slide-active, .swiper-slide-prev, .swiper-slide-next {
		opacity: 1 !important;
}
@media(max-width: 1200px) {
		.swiper-slide.interview_tile {
				width: 300px;
		}
}
@media screen and (orientation: landscape) and (max-width: 900px) {
		.swiper-slide.interview_tile {
				width: 200px;
		}
}
.interview_slider {
		position: relative;
}
.interview_slider .btn_prev, .interview_slider .btn_next {
		background-color: #222;
		border: 1px solid #222;
		border-radius: 50%;
		width: 50px;
		height: 50px;
		cursor: pointer;
		position: absolute;
		z-index: 10;
		top: calc(calc(calc(100% - 70px) * 0.5) - 25px);
}
/* ================ */
.other_inner {
		max-width: 1110px;
		padding: 0 30px;
		margin: 0 auto 60px
}
.other_inner h3 {
		font-size: 42px;
		font-weight: 700;
		padding-left: 45px;
		position: relative;
}
.other_inner h3::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: 1100px) {
		.other_inner h3 {
				font-size: 38px;
				padding-left: 37px;
		}
		.other_inner h3::before {
				width: 8px;
		}
}
@media(max-width: 767px) {
		.other_inner h3 {
				font-size: 26px;
				padding-left: 25px;
				line-height: 1.4;
		}
		.other_inner h3::before {
				width: 6px;
		}
}
.interview_btn_gr_wrap {
		max-width: 1300px;
		margin: 0 auto 60px;
		padding: 0 30px;
		position: relative;
}
.btn_prev, .btn_next {
		width: 50px;
		height: 50px;
		cursor: pointer;
		background-color: #222;
		border-radius: 50%;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 50px;
		transition: background 0.1s;
}
@media (hover: hover) {
		.btn_prev:hover, .btn_next:hover {
				background-color: #666;
		}
}
.btn_prev {
		background-image: url("../images/swiper_left_arw.png");
		left: calc(calc(calc(100vw - 1200px) * 0.5) - 25px);
}
.btn_next {
		background-image: url("../images/swiper_right_arw.png");
		right: calc(calc(calc(100vw - 1200px) * 0.5) - 25px);
}
@media(max-width: 1260px) {
		.btn_prev {
				left: 80px
		}
		.btn_next {
				right: 80px
		}
}
@media screen and (orientation: landscape) and (max-width: 900px) {
		.interview_btn_gr_wrap .interview_btn_gr {
				top: inherit;
				bottom: 0;
				width: 80px;
				right: 20px
		}
		.interview_slider .btn_prev, .interview_slider .btn_next {
				width: 40px;
				height: 40px;
				background-size: 40px;
		}
		.btn_prev {
				left: 70px
		}
		.btn_next {
				right: 70px
		}
}
@media screen and (orientation: portrait) and (max-width: 767px) {
		.interview_btn_gr_wrap .interview_btn_gr {
				top: inherit;
				bottom: 0;
				width: 80px;
				right: 20px
		}
		.interview_slider .btn_prev, .interview_slider .btn_next {
				width: 40px;
				height: 40px;
				background-size: 40px;
		}
		.btn_prev {
				left: 25px
		}
		.btn_next {
				right: 25px
		}
}
.interview_slider .swiper-pagination {
		height: 20px
}
@media(max-width: 767px) {
		.interview_slider .swiper-pagination {
				bottom: 20px;
		}
}
.interview_slider .interview_slider .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .interview_slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		width: 9px;
		height: 9px;
		border-radius: 50%;
		transition: all 0.2s;
		opacity: 1;
		background: #BDBDBD;
		margin: 0 5px
}
.swiper-pagination-bullet-active {
		opacity: 1;
		transform: scale(1.35);
		background: #224BA1 !important;
}