@charset "utf-8";
/* latestGallSlide__02 */

.latestGallSlide__02{ background-color:#fff; }
.latestGallSlide__02 .nbWrapper{ overflow: hidden; }
.latestGallSlide__02 .nbContent{ display:flex; flex-wrap: nowrap; }
.latestGallSlide__02 .titleWrap{ width:35%; padding-right:70px;}
.latestGallSlide__02 .galleryWrap{ width:65%;}

.latestGallSlide__02 .swiper-container{overflow: hidden;}
.latestGallSlide__02 .swiper-wrapper{height: auto;}
.latestGallSlide__02 .swiperWrap{position:relative; }
.latestGallSlide__02 .swiper-slide{width:33.3333%}
.latestGallSlide__02 .swiper-slide .slideLink{display:block;}
.latestGallSlide__02 .swiper-slide .thumbWrap{width:100%; height:0; padding-bottom:110%; display:block; position:relative; overflow: hidden; border:1px solid #ddd; border-radius:20px;}
.latestGallSlide__02 .swiper-slide .thumb{width:100%; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:.5s ease-out;}
.latestGallSlide__02 .swiper-slide .thumb img{width:100%; height:100%; object-fit: cover;}

.latestGallSlide__02 .swiper-slide:hover .thumb{width:110%; height:110%; }
.latestGallSlide__02 .swiper-slide .subject{ transition:color .2s;}
.latestGallSlide__02 .swiper-slide:hover .subject{ color:#027ec1; text-decoration:underline }


.latestGallSlide__02 .btnWrap{ position:relative; }
.latestGallSlide__02 .swiper-button-next,
.latestGallSlide__02 .swiper-button-prev{
  opacity:1; color:#c7c6c6; font-size:25px; background:#fff; width:40px; height:40px; border-radius: 100%; left:auto; right:auto; top:auto; bottom:auto; position:relative; display:inline-block; margin-right:13px; border:1px solid #d7d7d7;--swiper-navigation-size:auto;
}
.latestGallSlide__02 .swiper-button-next .fa,
.latestGallSlide__02 .swiper-button-prev .fa{position:absolute; top:calc(50% - 1px); left:50%; transform:translate(-50%, -50%); }
.latestGallSlide__02 .swiper-button-next .fa{left:calc(50% + 1px);}
.latestGallSlide__02 .swiper-button-prev .fa{left:calc(50% - 1px);}
@media screen and (max-width:1024px){
  .latestGallSlide__02 .nbContent{ flex-wrap: wrap; }
  .latestGallSlide__02 .titleWrap{ width:100%; padding-right:0;}
  .latestGallSlide__02 .galleryWrap{ width:100%;}
  .latestGallSlide__02 .btnWrap{ display:none; }
  
}
@media screen and (max-width:768px){
  .latestGallSlide__02 .mb_point{position:relative;}
  .latestGallSlide__02 .mb_point::after{content:""; position:absolute; bottom:3px; left:0; background:rgba(0, 0, 0,.2); width:100%; height:13px; }
}
@media screen and (max-width:420px){
  .latestGallSlide__02 .swiper-slide .subject{ padding: 0 7px 0 3px; margin-top: -7px; font-size: 1.6rem}
}