@charset "utf-8";



.photo_all_wrap {width:100%;display:flex;margin:0 auto}

.photo_swiper {width:100%;z-index: 2;}
.photo_swiper .swiper-container {width:100%;padding:10vh 0 2vh 0;margin:4vh auto 0 ;position:relative;overflow:visible;cursor:ew-resize;}
.photo_swiper .swiper-slide {position:relative;transition:all 0.4s ease-in-out;}

.photo_swiper .swiper-wrapper{
	transition-timing-function: linear;
}

.photo_swiper .swiper-slide {
  width: 26%;
}
.photo_swiper .swiper-slide:nth-child(2n) {
  padding-top:2vh;
}

.photo_swiper .swiper-slide.wide2 {
  width: 22%;
  margin-top:10vh;
}
.photo_swiper .swiper-slide.wide3 {
  width: 29%;
}

.photo_swiper .swiper-slide.long {
  width: 18%;
  margin-top:-8vh;
}

.photo_swiper .swiper-slide .img-box{width:100%;height:auto;position:relative;overflow: hidden;}
.photo_swiper .swiper-slide .img-box img{width:100%;}

.photo_swiper .pho_info {position:absolute;bottom:3rem;left:3rem;}
.photo_swiper .pho_info h2 a {font-weight:500;color:#eee;font-size:1.8rem;letter-spacing: -0.04em;}
.photo_swiper .pho_info h2:hover a {font-weight:600;color:#fff;}


.swiper-scrollbar-drag {background:#90c31f !important;}
.swiper-container-horizontal>.swiper-scrollbar {width:calc(100% - 200px) !important;left:0 !important;bottom:26px !important}

.photo_title h1 {font-family:'SBAggro';color:#333;font-weight:500;}
.photo_title p {color:#777;margin:30px 0 65px 0;padding-right:100px;}

.viewmore_btn_wrap {position:absolute;bottom:-50px;right:0;z-index: 100;}


@media screen and (max-width:1441px){
  .photo_swiper .swiper-slide {width: 39%;}
  .photo_swiper .swiper-slide.wide2 {width: 33%;}
  .photo_swiper .swiper-slide.wide3 {width: 48%;}
  .photo_swiper .swiper-slide.long {width: 27%;}
}

@media screen and (max-width:961px){
  .photo_swiper .swiper-slide {width: 58.5%;}
  .photo_swiper .swiper-slide.wide2 {width: 49.5%;}
  .photo_swiper .swiper-slide.wide3 {width: 72%;}
  .photo_swiper .swiper-slide.long {width: 40.5%;}
}

@media screen and (max-width:641px){
  .photo_swiper .swiper-slide {width: 55%;}
  .photo_swiper .swiper-slide.wide2 {width: 87%;}
  .photo_swiper .swiper-slide.wide3 {width: 70%;}
  .photo_swiper .swiper-slide.long {width: 40%;margin-top:-5rem;}
  .photo_swiper .swiper-container {padding:5rem 0 2rem 0;}
}

@media screen and (max-width:414px){
  .photo_swiper .swiper-slide {width: 65%;}
  .photo_swiper .swiper-slide.wide2 {width: 100%;}
  .photo_swiper .swiper-slide.wide3 {width: 90%;}
  .photo_swiper .swiper-slide.long {width: 50%;}
  .photo_swiper .swiper-container {padding:5rem 0 1rem 0;}
  .main-photo-title>h3 {margin:3rem 0 1rem 0;}
  .photo_swiper .pho_info {left:2rem;bottom:2rem;}
}