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

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

.sa.show {
	opacity: 1;
	transform: none;
}
.nw_mvsl{position: relative;width:100%;margin:0 auto;}

.mvt_area{padding: 30px 0 60px;width: 100%;margin: 0 auto;background: #fafafa;}
.mvt_wid{width: calc(100% - 20px);max-width: 1720px;margin:0 auto;}
.mvt_box{display:flex;align-items:flex-end;}
.mvt_box > .lf{width: 700px;}
.mvt_box > .rt{width: calc(100% - 700px);}
.mvt_box > .lf > p{font-size:30px;color:#000;}
.mvt_box > .rt > p.bt{font-size:60px;color:#000;font-weight:600;}
.mvt_box > .rt > p.st{margin-top: 40px;font-size:30px;color:#000;}

.mvsl_sld > li{overflow: hidden;height:calc(50vh - 50px);min-height:500px;}
.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;}

.nw_mvsl .bx-controls{text-align: center;}
.nw_mvsl .bx-controls a{ font-size: 0; }
.nw_mvsl .bx-pager{position:absolute;left: 0;bottom: 25px;width: 100%;text-align:center;z-index:52;}
.nw_mvsl .bx-pager-item{display: inline-block;margin: 0 5px;text-align:center;font-size: 0;}
.nw_mvsl .bx-pager-item a{position:relative;display: inline-block;width:8px;height:8px;font-size:0;background:#fafafa;opacity:0.7;transition: all 0.3s ease-in-out;}
.nw_mvsl .bx-pager-item a.active{opacity:1;width: 30px;}
.nw_mvsl .bx-controls-direction{display: none;}
.nw_mvsl .bx-controls-direction a{position: absolute;top:50%;margin-top:-33px;z-index: 53;display: inline-block;font-size:0;width: 35px; height: 67px;}
.nw_mvsl .bx-prev{left:calc((100% - 1180px) / 2);background: url(../image/main/mvs_prev.png) 0 0 no-repeat;}
.nw_mvsl .bx-next{right:calc((100% - 1180px) / 2);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;}



.mvsl_sld > li > span{display: block;position: absolute; top: 0; left:0; right:0; bottom:0; width: 100%;height: 100%; z-index: -1;
	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: 0s;
}


.msection1{width:100%;margin:0 auto;}
.msection2{width:100%;margin:0 auto;background: #fafafa;}
.msection3{width:100%;margin:0 auto;}
.mcont_wid{width: calc(100% - 20px);max-width: 1720px;margin: 0 auto;padding: 100px 0 160px;}
.mcont_wid2{width: calc(100% - 20px);max-width: 1180px;margin: 0 auto;padding: 100px 0;}
.mcont_wid3{width: calc(100% - 20px);max-width: 1180px;margin: 0 auto;padding: 130px 0;}


.mc_title{text-align:center;padding-bottom: 35px;margin-bottom: 50px;border-bottom:1px solid #000;}
.mc_title h3{font-size: 50px;color: #000;font-weight: bold;line-height:1.1;}
.mc_title p{margin-top: 15px;font-size: 26px;color: #000;}
.mc_title.no_line{border-bottom:0;padding-bottom: 0;}

.mc_area > .mc_box + .mc_box{margin-top: 160px;}
.mc_box{display: flex;align-items:center;}
.mc_img{width: 56%;}
.mc_nys{margin-left: 6%;width: 38%;}
.mc_nys > p.tit{font-size: 45px;color:#000;font-weight:bold;line-height:1.1;position:relative;margin-bottom:40px;}
.mc_nys > p.tit:after{content: "";position:absolute;left:1px;bottom:-20px;width: 70px;height:3px;background: #000;}
.mc_nys > p.txt{font-size: 23px;color:#000;line-height:1.5;margin-bottom:35px;}
.mc_nys > a{display: inline-block;width: 174px;line-height: 58px;border: 1px solid #000;text-align:center;font-size:20px;color:#000;transition: .4s;}
.mc_nys > a:hover{color:#fff;background: #228ccd;border: 1px solid #fff;}
.msolution_area > li{padding: 25px 10px;border-bottom: 1px solid #d0d0d0;}
.msolution_area > li > a{display: flex;align-items:center;background: url(../image/main/dm.png) no-repeat right center;padding-right: 40px;}
.msolution_area > li > a > p.tit{width: 220px;font-size: 23px;color:#000;font-weight:bold;}
.msolution_area > li > a > p.txt{font-size: 22px;color:#000;}

.mic_line{display: flex;flex-wrap:wrap;margin-top: -30px;}
.mic_line > li{width: 25%;margin-top: 30px;}
.mic_line > li > a{display: block;padding:0 10px;text-align:center;}
.mic_line > li > a > span{display: inline-block;font-size:0;}
.mic_line > li > a > p{font-size: 23px;color:#000;line-height:1;margin-top:25px;}
.mic_line > li:hover > a > span{transition: .4s;transform: rotateY(360deg);}
.mic_line > li:hover > a > p{color:#228ccd;}

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

@media screen and (max-width:1599px){
	.mvt_box > .lf{width: 460px;}
	.mvt_box > .rt{width: calc(100% - 460px);}
	.mvt_box > .lf > p{font-size:22px;}
	.mvt_box > .rt > p.bt{font-size:40px;}
	.mvt_box > .rt > p.st{margin-top: 40px;font-size:22px;}
}

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

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


@media screen and (max-width:1024px){
	.mvt_area{padding: 40px 0;}
	.mvt_box{display:block;text-align:center;}
	.mvt_box > .lf{width: auto;}
	.mvt_box > .rt{width: auto;}
	.mvt_box > .lf > p{margin-bottom:20px;font-size: 20px;}
	.mvt_box > .rt > p.bt{font-size:30px;}
	.mvt_box > .rt > p.st{margin-top: 20px;font-size:20px;}
	.mvt_box > .rt > p br{display: none;}
}

@media screen and (max-width:767px){
	.mvsl_sld > li{height:250px;min-height:100%;}

	.mcont_wid{padding: 80px 0;}
	.mcont_wid2{padding: 80px 0;}
	.mcont_wid3{padding: 80px 0;}

	.mc_title{padding-bottom: 20px;margin-bottom: 40px;}
	.mc_title h3{font-size: 35px;}
	.mc_title p{margin-top: 12px;font-size: 20px;line-height: 1.4;}

	.mc_area > .mc_box + .mc_box{margin-top: 60px;}

	.mc_box{display: block;text-align:center;}
	.mc_img{width: auto;}
	.mc_nys{margin-left: 0;width: auto;margin-top: 25px;}
	.mc_nys > p.tit{font-size: 30px;margin-bottom:25px;}
	.mc_nys > p.tit:after{left:50%;bottom:-13px;width: 50px;height:2px;margin-left:-25px;}
	.mc_nys > p.txt{font-size: 20px;margin-bottom:20px;}
	.mc_nys > a{width: 160px;line-height: 48px;font-size:18px;}

	.msolution_area > li{}
	.msolution_area > li > a{display: block;}
	.msolution_area > li > a > p.tit{width: auto;font-size: 20px;}
	.msolution_area > li > a > p.txt{font-size: 18px;margin-top: 10px;}

	.mic_line > li{width: 50%;}
	.mic_line > li > a > span img{max-width: 120px;}
	.mic_line > li > a > p{font-size: 20px;margin-top:18px;}
}

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

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

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

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

}