.sa {
	opacity: 0;
	transition: all .9s ease;
}

/* 아래에서 위로 페이드 인 */
.sa-up {
	transform: translate(0, 50px);
}
.sa-down {
	transform: translate(0, -50px);
}
.sa-lf {
	transform: translate(-50px, 0);
}
.sa-rt {
	transform: translate(50px, 0);
}

.sa.show {
	opacity: 1;
	transform: none;
}

.action{opacity: 0; transform: translateY(50px);transition: all 0.9s ease;}
.action.show{opacity: 1;transform: translateY(0);}



.nw_mvsl{position: relative;width:100%;margin:0 auto;}
.mvsl_sld > li{overflow: hidden;height:100vh;min-height:640px;font-size: 0;position: relative;background: #000;}
.mvsl_sld > li:after{content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.25);z-index: 1;}
.mvsl_sld > li.bg1 > span{background: url(../image/main/m_vsl1.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg2 > span{background: url(../image/main/m_vsl2.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg3 > span{background: url(../image/main/m_vsl3.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg4 > span{background: url(../image/main/m_vsl4.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg5 > span{background: url(../image/main/m_vsl5.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg6 > span{background: url(../image/main/m_vsl6.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg7 > span{background: url(../image/main/m_vsl7.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li .mo_img{display:none;}

.nw_mvsl .bx-controls{font-size: 0;}
.nw_mvsl .bx-controls a{ font-size: 0;}
.nw_mvsl .bx-pager{position:absolute;left: calc((100% - 1680px) / 2);top: 50%;transform: translateY(-50%);z-index:52;}
.nw_mvsl .bx-pager-item{display: block;margin-bottom: 15px;font-size: 0;}
.nw_mvsl .bx-pager-item a{position:relative;display: inline-block;width:16px;height:16px;font-size:0;background:#d3d3d3;opacity:0.5;border-radius:100%;transition: all 0.3s ease-in-out;}
.nw_mvsl .bx-pager-item a.active{opacity:1;}
.nw_mvsl .bx-pager-item a.active:after{content:"";position:absolute;left:-3px;top:-3px;bottom:-3px;right:-3px;border:3px solid #0e3d8a;opacity:1;border-radius:100%;}
.nw_mvsl .bx-controls-direction{display: none;}
.nw_mvsl .bx-controls-direction a{position: absolute;top:50%;margin-top:-8px;z-index: 53;display: inline-block;font-size:0;width: 138px; height: 15px;}
.nw_mvsl .bx-prev{left:0;background: url(../image/main/mvs_prev.png) 0 0 no-repeat;}
.nw_mvsl .bx-next{right:0;background: url(../image/main/mvs_next.png) 0 0 no-repeat;}
.nw_mvsl .bx-controls-auto-item{display:none;}
.nw_mvsl .bx-controls-auto-item a{display: none; width: 24px; height: 24px;}
.nw_mvsl .bx-controls-auto{display:none;}
.mvsl_sld > li > span{display: block;position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%;height: 100%;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-size:cover;
	opacity: 1;
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s;
	transition:transform 7s ease-out, opacity 1s ease 0.3s;
}
.mvsl_sld > li.on > span.sc{
	z-index: 1;
	opacity: 1;
	-ms-transform: scale(1, 1) rotate(.001deg);
	-webkit-transform: scale(1, 1) rotate(.001deg);
	transform: scale(1, 1) rotate(.001deg);
	-webkit-transition-delay: 0s;
	transition-delay: 0.8s;
}




@media screen and (max-width:1720px){
	.nw_mvsl .bx-pager{left: 10px;}
}

@media screen and (max-width:1599px){
	
}

@media screen and (max-width:1430px){
	
}

@media screen and (max-width:1180px){
	
}


@media screen and (max-width:1024px){
	.nw_mvsl .bx-pager{left: 0;top: auto;transform: translateY(0);bottom: 50px;width: 100%;text-align: center;}
	.nw_mvsl .bx-pager-item{display: inline-block;margin-bottom: 0;margin:0 4px;}
	.nw_mvsl .bx-pager-item a{width:8px;height:8px;background: #fff;}
	.nw_mvsl .bx-pager-item a.active:after{left:-2px;top:-2px;bottom:-2px;right:-2px;border:2px solid #0e3d8a;}
}

@media screen and (max-width:767px){
	.mvsl_sld > li > span{display:none;}
	.mvsl_sld > li .mo_img{display:flex;align-items: center;width: 100%;height: 100%;font-size: 0;}


}

@media screen and (max-width:640px){
	
}

@media screen and (max-width:520px){
	

}

@media screen and (max-width:420px){
	
}

@media screen and (max-width:380px){

}