@charset "utf-8";
[class*=swiper]:focus {
		outline: none;
}
.hdr_gallery {
		position: relative;
		margin-bottom: 70px;
}
.hdr_gallery img {
		width: 100%;
		height: auto
}
.hdr_gallery_main {
		position: relative;
}
.hdr_gallery_main img {
		width: 100%;
		height: auto;
}
.thumbnail_wrap {
		display: grid;
		grid-template-columns: repeat(9, 1fr);
		gap: 8px;
		margin-top: 8px;
}
@media(max-width: 767px) {
		.thumbnail_wrap {
				display: grid;
				grid-template-columns: repeat(6, 1fr);
				gap: 4px;
				margin-top: 4px;
		}
}
.thumbnail {
		cursor: pointer;
		transition: background 0.4s;
}
.thumbnail img {
		transition: opacity 0.4s;
}
.thumbnail.isActive {
		background: #333;
}
.thumbnail.isActive img {
		opacity: 0.5
}
.hdr_gallery_main .hdr_gallery_prev, .hdr_gallery_main .hdr_gallery_next {
		height: 125px;
		width: 55px;
		position: absolute;
		top: calc(50% - 62px);
		cursor: pointer;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		z-index: 10
}
.hdr_gallery_main .hdr_gallery_prev {
		left: -95px;
		background-image: url("../images/hdr_gallery_prev.png")
}
.hdr_gallery_main .hdr_gallery_next {
		right: -95px;
		background-image: url("../images/hdr_gallery_next.png")
}
@media(max-width: 1800px) {
		.hdr_gallery_main .hdr_gallery_prev, .hdr_gallery_main .hdr_gallery_next {
				width: 35px;
				height: 80px;
				top: calc(50% - 40px);
		}
		.hdr_gallery_main .hdr_gallery_prev {
				left: 20px;
		}
		.hdr_gallery_main .hdr_gallery_next {
				right: 20px;
		}
}
@media(max-width: 960px) {
		.hdr_gallery {
				margin-bottom: 60px;
		}
}
@media(max-width: 767px) {
		.hdr_gallery_main .hdr_gallery_prev, .hdr_gallery_main .hdr_gallery_next {
				width: 16px;
				height: 37px;
				top: calc(50% - 13px);
		}
		.hdr_gallery_main .hdr_gallery_prev {
				left: 8px;
		}
		.hdr_gallery_main .hdr_gallery_next {
				right: 8px;
		}
}