.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:calc(100vh - 100px);min-height:550px;position: relative;}
/*.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 > a{position:absolute;width:100%;height:100%;left:0;top:0;z-index:20;}

.nw_mvsl .bx-controls{}
.nw_mvsl .bx-controls a{ font-size: 0; }
.nw_mvsl .bx-pager{position:absolute;left: calc((100% - 1166px) / 2);width: 1166px;top: calc(50% - 20px);z-index:52;}
.nw_mvsl .bx-pager-item{display: inline-block;text-align:center;font-size: 0;}
.nw_mvsl .bx-pager-item + .bx-pager-item{margin-left: 30px;}
.nw_mvsl .bx-pager-item a{position:relative;display: inline-block;width:12px;height:12px;font-size:0;background:#fff;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:-8px;top:-8px;bottom:-8px;right:-8px;border:1px solid #fff;opacity:1;border-radius:100%;}
.nw_mvsl .bx-controls-direction{display:none;}

.nw_mvsl .bx-controls-auto-item{display:none;}
.nw_mvsl .bx-controls-auto-item a{display: none; width: 24px; height: 24px;}
.nw_mvsl .wid{width: 100%;margin:0 auto;height: calc(100vh - 100px);min-height:550px;display: flex;align-items:center;position:relative;z-index:9;}
.nw_mvsl .wid > .all_txt{width: 100%;}
.nw_mvsl .wid > .all_txt > .at_box{position: relative;bottom: 100px;display: inline-block;border-radius: 0 60px 60px 0;background: rgba(14,48,99,0.8);padding: 60px 100px 120px calc((100% - 1180px) / 2);}
.nw_mvsl .wid > .all_txt > .at_box > p.txt1{font-size: 18px;color: #fff;font-weight: 500;line-height: 1.5;word-break: keep-all;}
.nw_mvsl .wid > .all_txt > .at_box > p.txt2{margin-top:10px;font-size: 55px;color: #fff;font-weight: bold;line-height: 1.2;word-break: keep-all;}
.nw_mvsl .wid > .all_txt > .at_box > p.txt3{margin-top:25px;font-size: 24px;color: #fff;font-weight: 600;line-height: 1.5;word-break: keep-all;font-family: 'Pretendard';}


.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 4s ease-out, opacity 1s ease 0.3s;
	transition:transform 4 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;
}
.nw_mvsl .motion{opacity:0; display:block; position:relative;  transition: all 0.5s ease-out;word-break:break-all;}
.nw_mvsl .motion.ac{opacity:1;word-break:break-all;}
.nw_mvsl .motion1{
	-webkit-transform:translate3d(0,10px,0);
	-moz-transform:translate3d(0,10px,0);
	-ms-transform:translate3d(0,10px,0);
	-o-transform:translate3d(0,10px,0);
	transform:translate3d(0,10px,0);
	word-break:break-all;
}
.nw_mvsl .motion1.ac{
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.5s;
	word-break:break-all;
}
.nw_mvsl .motion2{
	-webkit-transform:translate3d(0,-10px,0);
	-moz-transform:translate3d(0,-10px,0);
	-ms-transform:translate3d(0,-10px,0);
	-o-transform:translate3d(0,-10px,0);
	transform:translate3d(0,-10px,0);
	word-break:break-all;
}
.nw_mvsl .motion2.ac{
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.5s;
	word-break:break-all;
}


.msection1{width:100%;margin:0 auto;background: #ebeced;}
.msection2{width:100%;margin:0 auto;background: url(../image/main/mbg.jpg) no-repeat center center; background-size: cover;}
.msection3{width:100%;margin:0 auto;background: #414141;}
.mcont_wid{width: calc(100% - 20px);max-width: 1180px;margin: 0 auto;padding: 150px 0;}


.mcomp_top{margin-bottom: 55px;position: relative;padding-left: 32px;}
.mcomp_top:before{content:"";position:absolute;left: 0;top: 4px;bottom: 5px;width:2px;background: #034381;}
.mcomp_top:after{content:"";position:absolute;left: 0;top: 4px;bottom: 70%;width:2px;background: #4c4c4c;}
.mcomp_top > p{font-size: 42px;color:#034381;font-family: 'Pretendard';}
.mcomp_top > p > span{margin-bottom: 10px;display:block;font-size: 29px;color:#4c4c4c;font-weight: 600;}
.mcomp_top > p strong{font-weight: bold;}

.mc_line{margin-left: -46px;margin-top: -30px;display: flex;flex-wrap:wrap;}
.mc_line > li{margin-left: 46px;margin-top: 30px;width: calc(20% - 46px);text-align:center;}
.mc_line > li > a{display: block;}
.mc_line > li > a > div{display: inline-block;overflow: hidden;}
.mc_line > li > a:hover > div img{transition: all 0.3s ease-in-out;transition: .9s;transform: rotateY(360deg);}
.mc_line > li > a > p{margin-top:25px;font-size: 20px;color:#272727;font-weight: 500;line-height: 1.25;}

h3.m_title{margin-bottom: 48px;font-size: 40px;color:#fff;font-weight: bold;line-height:1;font-family: 'Pretendard';}
h3.m_title span{display: block;margin-top: 15px;font-size: 20px;font-weight: 500;}
.mic_line{margin-left: -20px;margin-top: -5px;display: flex;flex-wrap:wrap;}
.mic_line > li{width: calc(25% - 20px);margin-left:20px;margin-top: 5px;text-align: center;}
.mic_line > li > a{display: block;border: 1px solid #fff;background:rgba(0,0,0,0.2);border-radius: 50px;padding: 60px 10px;}
.mic_line > li > a > p{margin-bottom: 44px;font-size: 24px;color:#fff;font-weight: 600;line-height:1;font-family: 'Pretendard';}
.mic_line > li > a > span{display: inline-block;}
.mic_line > li:hover > a > span img{transition: all 0.3s ease-in-out;transition: .9s;transform: rotateY(360deg);}

.ctslid_area{position:relative;}
.ctslid_area .swiper-wrapper{align-items: center;}
.ctslid_area .swiper-button-next, .ctslid_area .swiper-button-prev{position:absolute;top:50%;margin-top:-22px;z-index:9;width:44px;height:44px;border-radius: 44px;box-shadow:0 0 8px rgba(0,0,0,0.1);}
.ctslid_area .swiper-button-next{right:-50px;background: #fff url(../image/main/ms_rt.png) center center no-repeat;}
.ctslid_area .swiper-button-prev{left:-50px;background: #fff url(../image/main/ms_lf.png) center center no-repeat;}
.ctslid_area .swiper-button-next:after{display:none;}
.ctslid_area .swiper-button-prev:after{display:none;}
.swiper-container.msec_slid{position:relative;}
.swiper-container.msec_slid .swiper-slide{display: flex;justify-content: center;align-items: center;text-align: center;}
.swiper-container.msec_slid .swiper-slide > a{position:relative;display: table;width: 100%;height: 108px;border-radius: 60px;}
.swiper-container.msec_slid .swiper-slide > a > .img{display: table-cell;vertical-align: middle;}
.swiper-container.msec_slid .swiper-slide > a > .img img{max-height: 108px;}


@media screen and (max-width:1720px){
	
}

@media screen and (max-width:1599px){
	
}

@media screen and (max-width:1280px){
	.ctslid_area{padding: 0 40px;}
	.ctslid_area .swiper-button-next, .ctslid_area .swiper-button-prev{margin-top:-20px;width:35px;height:35px;border-radius: 35px;}
	.ctslid_area .swiper-button-next{right:0;}
	.ctslid_area .swiper-button-prev{left:0;}


}

@media screen and (max-width:1180px){
	.nw_mvsl .wid > .all_txt > .at_box{display:block;text-align:center;border-radius: 0;padding: 60px 20px;}
	.nw_mvsl .bx-pager{left: 0;width: 100%;top: auto;bottom: 40px;margin-top: 0;text-align:center;}
}


@media screen and (max-width:1024px){
	.mvsl_sld > li{height:calc(100vh - 80px);}
	.nw_mvsl .wid{height: calc(100vh - 80px);}
	.mcont_wid{padding: 80px 0;}
	.mc_line{margin-left: -20px;}
	.mc_line > li{margin-left: 20px;width: calc(20% - 20px);}
	.mc_line > li > a > p{margin-top:20px;font-size: 18px;}
}

@media screen and (max-width:767px){
	.nw_mvsl .wid > .all_txt > .at_box{padding: 40px 20px;}
	.nw_mvsl .wid > .all_txt > .at_box > p.txt1{font-size: 16px;}
	.nw_mvsl .wid > .all_txt > .at_box > p.txt2{margin-top:15px;font-size: 36px;}
	.nw_mvsl .wid > .all_txt > .at_box > p.txt3{margin-top:20px;font-size: 18px;}
	.nw_mvsl .bx-pager-item + .bx-pager-item{margin-left: 20px;}
	.nw_mvsl .bx-pager-item a{width:8px;height:8px}
	.nw_mvsl .bx-pager-item a.active:after{left:-5px;top:-5px;bottom:-5px;right:-5px;}
	
	.mcomp_top{margin-bottom: 40px;padding-left: 16px;}
	.mcomp_top > p{font-size: 28px;}
	.mcomp_top > p > span{margin-bottom: 8px;font-size: 22px;}
	.mc_line{margin-left: -10px;justify-content: center;}
	.mc_line > li{margin-left: 10px;width: calc(33.33333333% - 10px);}
	.mc_line > li > a > p{margin-top: 10px;font-size: 16px;}

	h3.m_title{margin-bottom: 35px;font-size: 30px;}
	.mic_line{margin-left: -5px;}
	.mic_line > li{width: calc(50% - 5px);margin-left:5px;}
	.mic_line > li > a{border-radius: 20px;padding: 40px 10px;}
	.mic_line > li > a > p{margin-bottom: 20px;font-size: 20px;}
	.mic_line > li > a > span img{max-width: 50px;}

	.swiper-container.msec_slid .swiper-slide > a{height: 80px;border-radius: 40px;}
	.swiper-container.msec_slid .swiper-slide > a > .img img{max-height: 60px;}
}

@media screen and (max-width:640px){
	
}

@media screen and (max-width:520px){


}

@media screen and (max-width:420px){
	
}

@media screen and (max-width:380px){

}

