.swiper-slider {position:relative; height:750px;}
/* ½½¶óÀ̵å À̹ÌÁö  */
.swiper-slider .img_box {width:100%; height:750px; background-size:cover !important;}
.swiper-slider .mo_img {display:none;}


.swiper-slider .video_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; overflow: hidden;}
.swiper-slider .video_box iframe {position: absolute; top: 50%; left: 50%; min-width: 100%; height:145%; pointer-events: none; transform: translate(-50%, -50%); opacity:0.5;}



/* ½½¶óÀ̵å ÅؽºÆ® ¹Ú½º  */
.swiper-slider .ttl_box {position: absolute; top:50%; left:50%; text-align:left; letter-spacing:-1px; width:1280px;  transform:translate(-50%, -50%); z-index:2;}


.swiper-slider .ttl_box p {font-size:1.6rem; font-weight:700; color:#fff; letter-spacing: 2px; text-shadow: 3px 4px 4.5px rgba(0,0,0,0.3);}
.swiper-slider .ttl_box h3 {font-size:3rem; font-weight: 700; color:#fff; letter-spacing: 2px; text-shadow: 3px 4px 4.5px rgba(0,0,0,0.3); }
.swiper-slider .ttl_box h2 {font-size:4.2rem; font-weight:700; color:#fff; letter-spacing: 2px; text-shadow: 3px 4px 4.5px rgba(0,0,0,0.3);}


.swiper-slide-active .ttl_box h3 {
 animation: fbtTop 1.4s ease-in-out both;
}



.swiper-slide-active .ttl_box h2 {
 animation: fbtTop 1.4s ease-in-out both;
}


.swiper-slide-active .ttl_box p {
 animation: fbtTop2 1.4s ease-in-out both;
}


/* ½½¶óÀ̵å È­»ì ¹öÆ°  */
.swiper-button-prev:after, .swiper-button-next:after {color:#fff;}


.swiper-slider .swiper-button-prev {left:60px;}
.swiper-slider .swiper-button-next {right:60px;}



/* ½½¶óÀ̵å ÆäÀÌ¡ ¹öÆ°  */


.swiper-slider .swiper-pagination-bullets {display: flex; gap:5px; position:absolute; bottom:40px; left:50%;  z-index:2; width:1280px; transform:translateX(-50%);}
.swiper-slider .swiper-pagination-bullets span {margin: 0 !important; width:10px; height:10px; border-radius:3px; opacity:0.5; transition:all 0.3s;}
.swiper-slider .swiper-pagination-bullets .swiper-pagination-bullet-active {width:30px; opacity: 1;}



@keyframes fbtTop{
 0% {transform: translateY(30px); opacity:0;}
 100% {transform: translateY(0px); opacity:1;}
}
@keyframes fbtTop2 {
 0% {transform: translateY(20px); opacity:0;}
 100% {transform: translateY(0px); opacity:1;}
}