.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;}
.mvSwiper{width:100%;height:100%;}
.mvSwiper .swiper-wrapper{}
.mvSwiper .swiper-slide{position: relative;overflow: hidden;height:100vh;min-height:550px;}

/* =========================
	배경 이미지
========================= */
.mvSwiper .bg1 > span{background:url(../image/main/m_vsl1.jpg) no-repeat center center; background-size:cover;}
.mvSwiper .bg2 > span{background:url(../image/main/m_vsl2.jpg) no-repeat center center; background-size:cover;}
.mvSwiper .bg3 > span{background:url(../image/main/m_vsl3.jpg) no-repeat center center; background-size:cover;}
.mvSwiper .bg4 > span{background:url(../image/main/m_vsl4.jpg) no-repeat center center; background-size:cover;}
.mvSwiper .bg5 > span{background:url(../image/main/m_vsl5.jpg) no-repeat center center; background-size:cover;}
.mvSwiper .bg6 > span{background:url(../image/main/m_vsl6.jpg) no-repeat center center; background-size:cover;}

/* =========================
	배경 확대 애니메이션
========================= */
.mvSwiper .swiper-slide > 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;transform:scale(1.1);transition:transform 4s ease-out, opacity 1s ease 0.3s;}
.mvSwiper .swiper-slide.on > span.sc{z-index:1;opacity:1;transform:scale(1) rotate(.001deg);transition-delay:0.8s;}

/* =========================
	텍스트 영역
========================= */
.nw_mvsl .wid{width:100%;margin:0 auto;height:100vh;min-height:550px;display:flex;align-items:center;position:relative;z-index:9;}
.nw_mvsl .wid > .all_txt{width:calc(100% - 20px);max-width:1480px;margin:0 auto;}
.nw_mvsl .wid > .all_txt > .at_box{position:relative;padding-bottom:100px;}
.nw_mvsl .wid > .all_txt > .at_box > p{font-size:37px;color:#fff;font-weight:600;line-height:1.8;word-break:keep-all;}
.nw_mvsl .wid > .all_txt > .at_box > div{margin-top:15px;}
.nw_mvsl .wid > .all_txt > .at_box > div a{transition: .4s;display:inline-block;text-align:center;width:300px;line-height:58px;border-radius:58px;border:1px solid #fff;font-size:20px;color:#fff;font-weight:600;overflow: hidden;}
.nw_mvsl .wid > .all_txt > .at_box > div a::before{ position: absolute; content: ""; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; transform: scaleX(0); transition: 0.5s; } 
.nw_mvsl .wid > .all_txt > .at_box > div a:hover::before { transform: scaleX(1); background: #fff; } 
.nw_mvsl .wid > .all_txt > .at_box > div a:hover { background: transparent; transform: translateY(-5px);color:#0d50a0;} 
/* =========================
	페이징 (dot)
========================= */
.nw_mvsl .swiper-container-horizontal .swiper-pagination{position:absolute;left: calc((100% - 1460px) / 2);top: calc(50% + 120px);z-index:52;text-align: left;bottom: auto;width: auto;}
.nw_mvsl .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:12px;height:12px;background:#fff;border-radius:100%;opacity:1;margin-right:30px;transition:all 0.3s ease-in-out;margin-left: 0;}
.nw_mvsl .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0;}
.nw_mvsl .swiper-pagination-bullet-active{position:relative;}
.nw_mvsl .swiper-pagination-bullet-active:after{content:"";position:absolute;left:-8px;top:-8px;right:-8px;bottom:-8px;border:1px solid #fff;border-radius:100%;}

/* =========================
	텍스트 모션
========================= */
.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;}

/* 아래 → 위 */
.nw_mvsl .motion1{transform:translate3d(0,10px,0);}
.nw_mvsl .motion1.ac{transform:translate3d(0,0,0);transition-duration:0.5s;transition-delay:0.5s;}

/* 위 → 아래 */
.nw_mvsl .motion2{transform:translate3d(0,-10px,0);}
.nw_mvsl .motion2.ac{transform:translate3d(0,0,0);transition-duration:0.5s;transition-delay:0.5s;}




.msection1{width: 100%;margin: 0 auto;padding-top:120px;}
.msection2{width: 100%;margin: 0 auto;padding:120px 0;background: url(../image/main/msec2.jpg) no-repeat center bottom; background-size: 100% 500px;}
.msection3{width: 100%;margin: 0 auto;padding: 0 0 120px 0;}
.msection4{width: 100%;margin: 0 auto;padding: 120px 0;}
.msection5{width: 100%;margin: 0 auto;background: url(../image/main/msec5.jpg) no-repeat center bottom; background-size: cover;}

.mcon_wid{width: calc(100% - 20px);max-width: 1680px;margin: 0 auto;}

.mcomp_area{display: flex;justify-content:space-between;}
.mcomp_area > div{width: 48.22%;}
.mcomp_lf{height: 392px;position: relative;}
.mcomp_lf > span{display: block;font-size: 0;position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: url(../image/main/mcomp.jpg) no-repeat center center; background-size: cover;}
.mcomp_rt{background: #f7f7f7;position: relative;}
.mcomp_rt .t_boxs{width: 100%;height: 100%;box-sizing: border-box;padding: 10px 8% 70px;display: flex;align-items: center;}
.mcomp_rt .t_boxs dl dt{margin-bottom: 32px;font-size:40px;color:#000;font-weight: bold;line-height: 1.1;font-family: 'Montserrat';}
.mcomp_rt .t_boxs dl dt span{display: block;font-size: 20px;font-weight: 400;margin-bottom: 12px;}
.mcomp_rt .t_boxs dl dd{font-size:22px;color:#000;font-weight: 300;line-height: 1.4;}
.mcomp_rt .f_btns{position: absolute;left: 0;right: 0;bottom: 0;display: flex;}
.mcomp_rt .f_btns > li{width: 50%;}
.mcomp_rt .f_btns > li > a{transition: .4s;display: block;padding: 0 10%;line-height: 60px;background: #0c1f64;font-size: 20px;color:#fff;font-weight: 500;}
.mcomp_rt .f_btns > li.bg2 > a{background: #113f8f;}
.mcomp_rt .f_btns > li > a span{display: block;background: url(../image/main/sbi.png) no-repeat right center;}
.mcomp_rt .f_btns > li > a:hover{background: #b7d662; }
.mcomp_rt .f_btns > li > a:hover::before{background: #b7d662; transform: translateY(-5px);}






h3.mc_titles{margin-bottom: 30px;font-size: 40px;color:#000;font-weight: bold;line-height: 1;font-family: 'Montserrat';}

.mpro_line{margin-left: -20px;margin-top: -20px;display: flex;flex-wrap: wrap;}
.mpro_line > li{margin-left: 20px;margin-top: 20px;width: calc(33.333333% - 20px);}
.mpro_line > li > a{transition: .4s;display: block;padding: 0 6.2%;border: 1px solid #bababa;background: #fff;}
.mpro_line > li > a > .tit{padding: 30px 0 25px;font-size: 25px;color:#000;font-weight: 600;line-height: 1.1;font-family: 'Montserrat';}
.mpro_line > li > a > .img{overflow: hidden;}
.mpro_line > li > a > .img img{width: 100%;transition: all 0.3s ease-in-out;}
.mpro_line > li:hover > a{transform: translateY(-10px);}
.mpro_line > li:hover > a > .img img{transform: scale(1.1,1.1);}
.mpro_line > li > a > .vmt{text-align: right;padding: 30px 0 35px;font-size: 15px;color:#000;font-weight: 600;line-height: 1.1;font-family: 'Montserrat';}

.slt_line{margin-left: -20px;margin-top: -20px;display: flex;flex-wrap: wrap;}
.slt_line > li{margin-left: 20px;margin-top: 20px;width: calc(33.333333% - 20px);}
.slt_line > li > a{display: block;overflow: hidden;position: relative;}
.slt_line > li > a img{width: 100%;transition: all 0.3s ease-in-out;}
.slt_line > li > a > .tit{position: absolute;left: 0;top: 0;bottom: 0;right: 0;display: flex;justify-content: center;align-items: center;text-align: center;}
.slt_line > li > a > .tit > p{padding: 4%;font-size: 25px;color:#fff;font-weight: 600;line-height: 1.2;font-family: 'Montserrat';}
.slt_line > li:hover > a img{transform: scale(1.1,1.1);}

.mnews_area{position: relative;padding-left: 30.35%;}
.mnews_title{position: absolute;left: 0;top: 0;font-size: 25px;color: #000;font-weight: 600;line-height: 1.2;font-family: 'Montserrat';}

.mnews_box{padding-bottom: 40px;min-height: 300px;}
.swiper-container.msec_slid{width:100%;position:static;}
.swiper-container.msec_slid .swiper-slide > a{position: relative;transition: .2s;display: flex;flex-direction: column;justify-content: space-between;border: 1px solid #bcbcbc;padding: 38px;box-sizing: border-box;height: 310px;}
.swiper-container.msec_slid .swiper-slide > a .text{font-size: 20px;color: #000;font-weight: 300;line-height: 30px;height: 90px;overflow: hidden;word-break: keep-all;-webkit-line-clamp: 3;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.swiper-container.msec_slid .swiper-slide > a .datas{font-size: 20px;color:#777676;font-weight: 300;line-height: 1;}
.swiper-container.msec_slid .swiper-slide > a:hover{border: 1px solid #000;}
.mnews_box .swiper-button-next, .mnews_box .swiper-button-prev{position:absolute;top: auto;bottom:40px;left: 0;z-index:9;width:50px;height:50px;border-radius: 100%;background-size: 50px;}
.mnews_box .swiper-button-prev{left:0;background:  #eaeaea url(../image/main/ms_lf.png) center center no-repeat;}
.mnews_box .swiper-button-next{left:60px;background: #eaeaea url(../image/main/ms_rt.png) center center no-repeat;}
.mnews_box .swiper-button-next:after{display:none;}
.mnews_box .swiper-button-prev:after{display:none;}
.mnews_box .swiper-container-horizontal> .swiper-scrollbar{position:absolute;left:30%;bottom:0;right: 0;width: 70%;height: 2px;background: #dbdbdb;border-radius: 0;opacity: 1 !important;}
.mnews_box .swiper-scrollbar-drag{background:#000;}
.mnews_box .swiper-button-next.swiper-button-disabled,.mnews_box .swiper-button-prev.swiper-button-disabled {opacity: 0;}

.mnews_more{position: absolute;left: 0;top: 110px;}
.mnews_more > a{display: inline-block;width: 210px;text-align:center;line-height: 58px;border: 1px solid #000;font-size: 18px;color: #000;font-weight: 500;font-family: 'Montserrat';}


.mqa_wp{width: calc(100% - 20px);max-width: 1480px;margin: 0 auto;height: 440px;display: flex;justify-content: space-between;align-items: center;}
.mqa_text .tit{font-size: 50px;color: #fff;line-height: 1.2;}
.mqa_text .tit span{display: block;font-weight: bold;}
.mqa_text .txt{margin-top: 28px;font-size: 20px;color: #fff;font-weight: 300;line-height: 1.58;}
.mqa_btns > a{display: inline-block;transition: .2s;border: 8px solid rgba(255,255,255,0.6);padding: 47px 35px;font-size: 24px;color:#fff;font-weight: 600;line-height::1.1;}
.mqa_btns > a > span{display: block;padding-bottom: 30px;padding-right: 67px;background:  url(../image/main/qam1.png) left bottom no-repeat;}
.mqa_btns > a:hover{border: 8px solid rgba(255,255,255,1);}

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


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

@media screen and (max-width:1480px){
	.nw_mvsl .swiper-container-horizontal .swiper-pagination{left: 20px;}
	/* .nw_mvsl .bx-pager{left: 20px;} */
	.msection2{background-size: 100% 300px;}

}

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

}

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


@media screen and (max-width:1024px){
	.mvsl_sld > li{height:calc(100vh - 80px);}
	/*.nw_mvsl .bx-pager{left: 0;top: auto;bottom: 100px;right: 0;width: 100%;text-align: center;}*/
	.mvSwiper .swiper-slide{height:calc(100vh - 80px);}
	.nw_mvsl .swiper-container-horizontal .swiper-pagination{left: 0;top: auto;bottom: 100px;right: 0;width: 100%;text-align: center;}
	.nw_mvsl .wid{height: calc(100vh - 80px);}

	.msection1{padding-top:80px;}
	.msection2{padding:80px 0;}
	.msection3{padding:0 0 80px 0;}
	.msection4{padding: 80px 0;}

	.mcomp_area > div{width: 49.2%;}
	.mcomp_lf{height: 300px;}
	.mcomp_rt .t_boxs dl dt{margin-bottom: 18px;font-size:30px;}
	.mcomp_rt .t_boxs dl dt span{font-size: 18px;margin-bottom: 8px;}
	.mcomp_rt .t_boxs dl dd{font-size:20px;}
	
	h3.mc_titles{margin-bottom: 25px;font-size: 30px;}
	
	.mnews_area{padding-left:0;}
	.mnews_title{font-size: 30px;position: static;margin-bottom: 25px;}
	.mnews_title br{display: none;}
	.mnews_more{position: static;text-align:center;margin-top: 30px;}
	.mnews_more > a{width: 160px;line-height: 48px;font-size: 16px;}
	.mnews_box{position: relative;padding-bottom: 25px;}
	.mnews_box .swiper-container-horizontal> .swiper-scrollbar{left:0;width: 100%;}
	.mnews_box .swiper-button-next, .mnews_box .swiper-button-prev{bottom:-80px;width:50px;height:50px;}
	.mnews_box .swiper-button-prev{left:0;}
	.mnews_box .swiper-button-next{left:auto;right: 0;}

}


@media screen and (max-width:767px){
	.nw_mvsl .wid > .all_txt{text-align:center;}
	.nw_mvsl .wid > .all_txt > .at_box{padding-bottom: 50px;}
	.nw_mvsl .wid > .all_txt > .at_box > p{font-size: 1.6rem;line-height: 1.6;}
	.nw_mvsl .wid > .all_txt > .at_box > div{margin-top: 25px;}
	.nw_mvsl .wid > .all_txt > .at_box > div a{width: 200px;line-height: 48px;border-radius: 48px;font-size: 17px;}

	.mcomp_area{display: block;}
	.mcomp_area > div{width: auto;}

	.mcomp_lf{height: 200px;}
	.mcomp_rt .t_boxs{padding: 40px 7% 80px;display: block;}
	.mcomp_rt .t_boxs dl dt{margin-bottom: 15px;font-size:28px;}
	.mcomp_rt .t_boxs dl dt span{font-size: 17px;margin-bottom: 7px;}
	.mcomp_rt .t_boxs dl dd{font-size:18px;}
	.mcomp_rt .f_btns > li > a{line-height: 50px;font-size: 18px;}
	
	.mpro_wp{max-width: 520px;margin: 0 auto;}
	.mpro_line > li{width: calc(100% - 20px);}
	.mpro_line > li > a > .tit{padding: 20px 0 15px;font-size: 20px;}
	.mpro_line > li > a > .vmt{padding: 15px 0 20px;}

	.slt_wp{max-width: 520px;margin: 0 auto;}
	.slt_line > li{width: calc(100% - 20px);}
	.slt_line > li > a > .tit > p{font-size: 21px;}
	
	.mnews_box{min-height: 210px;}
	.swiper-container.msec_slid .swiper-slide > a{padding: 30px 20px;height: 210px;}
	.swiper-container.msec_slid .swiper-slide > a .text{font-size: 18px;line-height: 25px;height: 75px;}
	.swiper-container.msec_slid .swiper-slide > a .datas{font-size: 16px;}

	.mqa_wp{height: auto;display: block;padding: 70px 0;text-align:center;}
	.mqa_text .tit{font-size: 32px;line-height: 1.3;}
	.mqa_text .txt{margin-top: 20px;font-size: 18px;line-height: 1.62;}
	.mqa_btns{margin-top: 30px;}
	.mqa_btns > a{border: 4px solid rgba(255,255,255,0.6);padding: 15px 20px;font-size: 20px;}
	.mqa_btns > a > span{display: inline-block;padding-bottom: 0;padding-right: 67px;background:  url(../image/main/qam2.png) right center no-repeat;}
	.mqa_btns > a > span br{display: none;}
	.mqa_btns > a:hover{border: 3px solid rgba(255,255,255,1);}


}

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

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

}

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

}