.gallery-box{display: flex;gap: 18px;height: 624px;position: relative;border-top: 2px solid #000E2D;border-bottom: 1px solid #DDDDDD;padding: 30px 0;box-sizing: border-box;}
.gallery-box .big-box{flex: 1;border-radius: 5px;overflow: hidden;}
.gallery-box .big-box .swiper-slide img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.gallery-box .thumbs-box{width: 280px;height: calc(100% - 60px);position: relative;}
.gallery-box .thumbs-box .swiper-slide{border-radius: 5px;box-sizing: border-box;overflow: hidden;}
.gallery-box .thumbs-box .swiper-slide:before{content:'';width: 100%;height: 100%;position: absolute;top:0;bottom:0;left:0;right:0;background: rgb(0 0 0 / 50%);transition: all 0.5s ease;}
.gallery-box .thumbs-box .swiper-slide img{width: 100%;height: 100%;object-fit: cover;object-position: center;cursor: pointer;}
.gallery-box .thumbs-box .swiper-slide.swiper-slide-active{padding: 3px;background: #004BAE;}
.gallery-box .thumbs-box .swiper-slide.swiper-slide-active img{border-radius: 5px;cursor: default;}
.gallery-box .thumbs-box .swiper-slide.swiper-slide-active:before,
.gallery-box .thumbs-box .swiper-slide:hover:before{opacity: 0;}

.gallery-box .swiper-controls{position: absolute;right: 0;bottom: 30px;display: flex;align-items: center;justify-content: center;width: 280px;gap: 8px;}
.gallery-box .swiper-controls .swiper-button-prev,
.gallery-box .swiper-controls .swiper-button-next{position: unset;width: 45px;height: 45px;margin: 0;font-size: 0;background: #fff;border: 1px solid #ccc;transition: all 0.5s ease;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}
.gallery-box .swiper-controls .swiper-button-prev:after,
.gallery-box .swiper-controls .swiper-button-next:after{content:'';background: url(../img/admission/swiper-arrow.png) no-repeat center / cover;font-size: 0;width: 24px;height: 24px;display: inline-block;}
.gallery-box .swiper-controls .swiper-button-next:after{transform: rotate(180deg);}
.gallery-box .swiper-controls .swiper-button-prev:hover,
.gallery-box .swiper-controls .swiper-button-next:hover{background: #004BAE;border-color: #004BAE;}
.gallery-box .swiper-controls .swiper-button-prev:hover:after,
.gallery-box .swiper-controls .swiper-button-next:hover:after{filter: brightness(0) invert(1);}

@media(max-width: 1024px){
	.gallery-box{flex-direction: column;}
	.gallery-box .big-box{width: 100%;}
	.gallery-box .thumbs-box{width: 100%;height: 176px;}
	.gallery-box .swiper-controls{width: 100%;justify-content: space-between;bottom: calc(50% + 68px);}
}