@charset "utf-8";

.latestSlideGall__03  {  }

.latestSlideGall__03 .tbbtn{ border:1px solid #000; height:60px; line-height:58px; padding:0 3em; border-radius: 60px; }
.latestSlideGall__03 .tbbtn span.dot{display: inline-block; width:13px; height:10px; position:relative; transition:.5s;}
.latestSlideGall__03 .tbbtn span.dot::after{ position:absolute; width:7px; height:7px; border-radius:50%; background:#000; top:calc(50% - 1px); left:0; transform:translate(-50%,-50%); content: ""; transition:width .5s;}
  .latestSlideGall__03 .tbbtn:hover span.dot {width:23px;}
  .latestSlideGall__03 .tbbtn:hover span.dot::after{ width:20px; height:2px; border-radius:0; }


.latestSlideGall__03  .gallSlideWrap { padding: 0 10%; overflow: visible; }
.latestSlideGall__03  .swiper-wrapper { height:auto; top:0;left:0; }
.latestSlideGall__03  .swiper-slide { width: 80%;height:auto; }

.latestSlideGall__03  .swiper-slide .slideGallThum{position:relative; overflow:hidden; width:100%; aspect-ratio: 100 / 67; display:block; border-radius:30px;}
.latestSlideGall__03  .swiper-slide .thumLink{position:absolute; width:100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%);
  -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s;  transition: width 0.3s;
}
.latestSlideGall__03  .swiper-slide .thumLink img{width:100%; height:100%; object-fit: cover;}
.latestSlideGall__03  .swiper-slide .gallSlideImg{ width:100%;}
.latestSlideGall__03  .swiper-slide:hover .thumLink{width:120%;}
.latestSlideGall__03  .swiper-slide:hover .date {color:#bc2531; }

.latestSlideGall__03  .linepoint .lineBlock{ display: inline-block; position:relative;}
.latestSlideGall__03 .lineBlock.date .hrz_line{ position:absolute; width:30px; height:2px; top:50%; left:calc(100% + 10px); transform:translateY(-50%); background:#ddd; animation:none}


.latestSlideGall__03  .swiper-button-prev{left:-60px;}
.latestSlideGall__03  .swiper-button-next{right:-60px;}
.latestSlideGall__03  .swiper-button-next,
.latestSlideGall__03  .swiper-button-prev{
  opacity:1; width:40px;height:60px;margin-top:-40px; background-size:40px 40px; color:#989898; text-align: center;
}

/*swiper-button-next 폰트어썸 작업해보기*/

@media screen and (max-width:1400px){
  .latestSlideGall__03  .swiper-button-next,
  .latestSlideGall__03  .swiper-button-prev{color:#fff; margin-top:-80px; }
  .latestSlideGall__03  .swiper-button-prev{left:0;}
  .latestSlideGall__03  .swiper-button-next{right:0px;}

}

@media screen and (max-width:768px){
  .latestSlideGall__03 .tbbtn{ height:40px; line-height:38px;}
}
.latestSlideGall__03 .lineBlock {position:relative;}
.latestSlideGall__03 .hrz_line{ position:absolute; width:0; height:2px; top:50%; left:50%; transform:translate(-50%, -50%); background:#bc2531; animation:hrz_line_anime 1.5s infinite linear;}
  @keyframes hrz_line_anime{
    0%{
      width:0%;
    }
    100%{
      width:50px;
    }
  }

  .latestSlideGall__03 .hrz_line::after{ position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:1px; background:#bc2531; content:"" }