/* 메인 롤링 이미지 */
#visualSwiper { position:relative; height:687px; margin:0 auto; background:#fff; overflow:hidden; }

/* 롤링 컨텐츠 */
.swiper-slide { position: relative; width: 100%; height: 100%; }
.swiper-slide .visual { transition: all 1.0s; width: 100%; height: 100%; }
.swiper-slide .vcontents { position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; width: 1260px; height: 100%; transition: all 1.0s ease-out; opacity: 0; z-index: 1;}
.swiper-slide-active .vcontents { transform: translate(-50%, -50%); left: 50%; top: 50%; transition-delay: 0.01s; opacity: 1;}

/* 슬라이드 배경 이미지 추가 */
.swiper-slide:nth-child(1) .visual { background: url('../img/visual_01_bg.png') center center no-repeat; background-size: cover; }
.swiper-slide:nth-child(2) .visual { background: url('../img/visual_02_bg.png') center center no-repeat; background-size: cover; }
.swiper-slide:nth-child(3) .visual { background: url('../img/visual_03_bg.png') center center no-repeat; background-size: cover; }
.swiper-slide:nth-child(4) .visual { background: url('../img/visual_04_bg.png') center center no-repeat; background-size: cover; }

.swiper-button-prev { margin-left:2%; }
.swiper-button-next { margin-right:2%; }


@-webkit-keyframes first {
  from {-webkit-transform: translateX(40px); -webkit-opacity: 0;}
  to {-webkit-transform: translateX(0); -webkit-opacity: 1;}
}

@keyframes first {
  from { transform: translateX(40px); opacity: 0;}
  to {transform: translateX(0); opacity: 1;}
}

.swiper-slide .vcontents a img {
    -webkit-animation: first 2.5s forwards;
	animation: first 2.5s forwards;
}

@media all and (max-width:1260px) {
	#visualSwiper { margin-top:70px; height:52vw; max-height:50vh; overflow:hidden; }
	.swiper-slide { position:absolute; width:100%; height:100%; }
	.swiper-slide .vcontents { width:94%; text-align:center; }
	.swiper-slide .vcontents img { max-width:100%; max-height:50vh; }
	.swiper-button-next, .swiper-button-prev { display:none !important; }
	.swiper-pagination { bottom:4px; }
}