
#visual .swiper-container { position:relative; width:100%; height:100vh; overflow:hidden; }
#visual .swiper-container .swiper-slide { position:relative; width:100%; height:100%; overflow:hidden; display:flex; }
#visual .swiper-container .swiper-slide .bg { z-index:2; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.1); }
#visual .swiper-container .swiper-slide .mov { position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; }
#visual .swiper-container .swiper-slide .ImgBg { width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover !important; }
#visual .swiper-container .swiper-slide .mov video { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
#visual .swiper-container .swiper-slide.swiper-slide-active { opacity:1; }
#visual .txtbox { position:absolute; left:330px; top:60%; z-index:15; }
#visual .txtbox .txt-1 { font-size:50px; font-weight:700; color:#fff; line-height:1.3; letter-spacing:-0.06em; }
#visual .txtbox .txt-2 { margin-top:30px; font-size:20px; font-weight:500; color:#fff; line-height:1.3; letter-spacing:-0.03em; }
#visual .swiper-container .swiper-slide.swiper-slide-active .txtbox .txt-1 { animation:ani_3 1.0s 0.3s; animation-fill-mode:both; }
#visual .swiper-container .swiper-slide.swiper-slide-active .txtbox .txt-2 { animation:ani_3 1.0s 0.7s; animation-fill-mode:both; }
#visual .swiper-pagination { position:absolute; left:unset; right:50px; bottom:40px; width:auto; display:none; gap:10px; }
#visual .swiper-pagination span { outline:none; margin:0 !important; color:#fff; font-size:1.4rem; font-weight:700; line-height:1.3; display:flex; align-items:center; justify-content:center; width:30px; height:30px; background:#aaa; border-radius:10px; opacity:1; }
#visual .swiper-pagination span.swiper-pagination-bullet-active { background:var(--mainColor); }

#visual .scrolldown { position:absolute; left:50%; bottom:60px; transform:translateX(-50%); z-index:15; width:80px; height:80px; border:1px solid #fff; display:flex; align-items:center; justify-content:center; }
#visual .scrolldown a { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
#visual .scrolldown a img { animation: arrow 1s ease infinite; }

#visual .btn-swiper { position:absolute; top:50%; transform:translateY(-50%); z-index:10; width:70px; height:70px; }
#visual .swiper-button-next { right:80px; left:unset; background:url(/imgNew/main/btn_next.png) center center no-repeat }
#visual .swiper-button-prev { left:80px; background:url(/imgNew/main/btn_prev.png) center center no-repeat }
.swiper-button-next:after, 
.swiper-button-prev:after { display:none; }

@keyframes arrow {
	0% { transform:translateY(-5px); }
	50% { transform:translateY(5px); }
	100% {transform:translateY(-5px); }
}


@media screen and (max-width:1600px) {
	#visual .txtbox .txt-1 { font-size:45px; }
}
@media screen and (max-width:1400px) {
	#visual .txtbox { left:250px; }
	#visual .txtbox .txt-1 { font-size:40px; }
	#visual .txtbox .txt-2 { margin-top:25px; font-size:19px; }
	#visual .scrolldown { bottom:80px; width:70px; height:70px; }
}
@media screen and (max-width:1280px) {
	#visual .txtbox { left:200px; }
	#visual .txtbox .txt-1 { font-size:34px; }
	#visual .txtbox .txt-2 { margin-top:20px; font-size:18px; }
	#visual .scrolldown { bottom:60px; width:60px; height:60px; }
}
@media screen and (max-width:1024px) {
	#visual .txtbox { padding-left:50px; left:0; top:60%; width:100%; }
	#visual .txtbox .txt-1 { font-size:28px; }
	#visual .txtbox .txt-2 { margin-top:15px; font-size:17px; }
	#visual .scrolldown { bottom:40px; width:50px; height:50px; }
	#visual .scrolldown a img { width:20px; }
	#visual .btn-swiper { width:60px; height:60px; }
	#visual .swiper-button-next { right:20px; background-size:auto 60px; }
	#visual .swiper-button-prev { left:20px; background-size:auto 60px; }
}
@media screen and (max-width:640px) {
	#visual .txtbox { padding-left:20px; }
	#visual .txtbox .txt-1 { font-size:24px; }
	#visual .txtbox .txt-2 { font-size:16px; }
	#visual .scrolldown { width:40px; height:40px; }
	#visual .btn-swiper { width:40px; height:40px; }
	#visual .swiper-button-next { right:10px; background-size:auto 40px; }
	#visual .swiper-button-prev { left:10px; background-size:auto 40px; }
}