.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:calc(100vh - 100px);min-height:600px;}

/* =========================
	배경 이미지
========================= */
.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;}
/*.mvSwiper .swiper-slide > span:after{content:"";position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.6);}*/

/* =========================
	텍스트 영역
========================= */
.nw_mvsl .wid{width:100%;margin:0 auto;height:100%;display:flex;align-items:center;position:relative;z-index:9;}
.nw_mvsl .wid > .all_txt{width:calc(100% - 20px);max-width:1680px;margin:0 auto;}
.nw_mvsl .wid > .all_txt > .at_box{position:relative;padding-bottom:20px;text-align: center;}
.nw_mvsl .wid > .all_txt > .at_box > p.stxt{font-size:50px;color:#e5e2e2;font-weight:800;line-height:1.2;word-break:keep-all; font-family: 'Escoredream';}
.nw_mvsl .wid > .all_txt > .at_box > p.btxt{margin-top: 30px;font-size:25px;color:#fff;font-weight: 400;line-height: 1.4;word-break:keep-all;}
/* =========================
	페이징 (dot)
========================= */
.nw_mvsl .swiper-container-horizontal .swiper-pagination{width: auto;position:absolute;left: auto;right: calc((100% - 1720px) / 2);top: auto;bottom: 90px;z-index:52;}
.nw_mvsl .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:60px;height:5px;background:#e0e0e0;opacity:1;text-align: center;border-radius:0;margin-right:5px;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-container-horizontal .swiper-pagination  .swiper-pagination-bullet-active{position:relative;opacity: 1;background: #024287;}
/*
.nw_mvsl .swiper-container-horizontal .swiper-pagination  .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;}

.mvscr-box{position: absolute;left: calc((100% - 1720px) / 2);bottom: 90px;z-index: 52;}
.mvscr-box > span{display: inline-block;font-size: 0;}



.msection1{width: 100%;margin: 0 auto;}
.msection2{width: 100%;margin: 0 auto;background: #f3f3f3;}
.msection3{width: 100%;margin: 0 auto;}
.mcont_wid{width: calc(100% - 20px);max-width: 1180px;margin: 0 auto;padding: 100px 0;}


.mcomp_area{display: flex;align-items: center;}
.cm_back{width: 50%;height: 860px;background:url(../image/main/mcomp.jpg) no-repeat center center; background-size:cover;}
.cm_box{width: 50%;}
.cm_box > div{padding: 40px 11%;}
.cm_box > div p.txt1{margin-bottom: 30px;font-size: 35px;color:#000;line-height: 1.4;}
.cm_box > div p.txt1 strong{display: block;font-weight: bold;}
.cm_box > div p.txt2{font-size: 20px;color:#454545;line-height: 1.5;}
.cm_box > div ul{font-size:0;margin-left:-20px;text-align:center;max-width:800px;}
.cm_box > div ul > li{display:inline-block;vertical-align:top;margin-left:20px;margin-top:20px;width:calc(33.33% - 20px);}
.cm_box > div ul > li img{width:100%;}
.cm_box > div ul > li p{font-size:20px;margin-top:10px;}


.mpro_line{margin-left: -20px;margin-top: -20px;display: flex;flex-wrap: wrap;}
.mpro_line > li{position: relative;margin-left: 20px;margin-top: 20px;width: calc(25% - 20px);border-radius: 15px;overflow: hidden;transition: .4s;border: 0px solid rgba(0, 0, 0, 0);}
.mpro_line > li > span{position: absolute;left: 0;top: 0;bottom: 0;right: 0;display: block;overflow: hidden;transition: all 0.3s ease-in-out;}
.mpro_line > li.bg1 > span{background:url(../image/main/mc1.jpg) no-repeat center center; background-size:cover;}
.mpro_line > li.bg2 > span{background:url(../image/main/mc2.jpg) no-repeat center center; background-size:cover;}
.mpro_line > li.bg3 > span{background:url(../image/main/mc3.jpg) no-repeat center center; background-size:cover;}
.mpro_line > li.bg4 > span{background:url(../image/main/mc4.jpg) no-repeat center center; background-size:cover;}
.mpro_line > li > a{display: block;width: 100%;height: 580px;position: relative;z-index: 1;}
.mpro_line > li > a > .f_txt{padding: 40px 15px 20px 30px;}
.mpro_line > li > a > .f_txt > p{font-size: 18px;color:#fff;line-height:1;}
.mpro_line > li > a > .f_txt > p strong{margin-top: 18px;display: block;font-size: 29px;font-family: 'Escoredream';font-weight: 600;}
.mpro_line > li:hover{border: 0px solid #024287;}
.mpro_line > li:hover > span{transform: scale(1.1,1.1);}


.mnot_area{display: flex;justify-content: space-between;}
.mnot_area > div{width: 49.15%;}
.mnot_box{position: relative;}
.mnot_box > h5{margin-bottom: 50px;font-size: 33px;color:#000;font-weight: 300;line-height: 1;}
.mnot_box > h5 span{font-weight: 500;}
.mnot_box > .more{display: inline-block;position: absolute;right: 0;top: 2px;width: 30px;height: 30px;background:url(../image/main/more.png) no-repeat center center;font-size: 0;}
.mnot_line > li + li{margin-top: 45px;}
.mnot_line > li > a{display: block;font-size: 20px;color:#000;font-weight: 500;line-height: 1;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mnot_line > li > .txt{margin-top: 13px;display: block;font-size: 17px;color:#676767;font-weight: 400;line-height: 30px;height: 60px;letter-spacing: -1px;overflow: hidden;word-break: keep-all;-webkit-line-clamp: 2;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;}
.mnot_line > li > .days{margin-top: 15px;display: block;font-size: 16px;color:#676767;}

.mbns_line{margin-left: -20px;margin-top: -20px;display: flex;flex-wrap: wrap;}
.mbns_line > li{margin-left: 20px;margin-top: 20px;width: calc(50% - 20px);}
.mbns_line > li > a{display: block;box-sizing: border-box;padding: 40px 30px 40px 35px;width: 100%;height: 270px;background: #f6f6f6;transition: .2s;}
.mbns_line > li > a > p{padding-bottom: 170px;font-size: 22px;color:#000;font-weight: 500;line-height: 1;}
.mbns_line > li > a > p > span{display: inline-block;margin-left: 15px;font-size: 16px;font-weight: 400;}
.mbns_line > li.ico1 > a > p{background:url(../image/main/mic1.png) no-repeat right bottom;}
.mbns_line > li.ico2 > a > p{background:url(../image/main/mic2.png) no-repeat right bottom;}
.mbns_line > li.ico3 > a > p{background:url(../image/main/mic3.png) no-repeat right bottom;}
.mbns_line > li.ico4 > a > p{background:url(../image/main/mic4.png) no-repeat right bottom;}
.mbns_line > li:hover > a{background: #e3ecf7;}



@media screen and (max-width:1720px){
	.mvscr-box{left: 10px;}
	.nw_mvsl .swiper-container-horizontal .swiper-pagination{right: 10px;}
}
@media screen and (max-width:1520px){
	
}

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

}

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

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


@media screen and (max-width:1024px){
	.mcomp_area{position: relative;display: block;}
	.mcomp_area:before{content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.5);}
	.cm_back{width: 100%;height: 500px;}
	.cm_box{position: absolute;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;z-index: 11;display: flex;align-items:center;}
	.cm_box > div{padding: 30px;}
	.cm_box > div p.txt1{margin-bottom: 20px;font-size: 24px;color:#fff;}
	.cm_box > div p.txt2{font-size: 17px;color:#fff;}
	.cm_box > div ul > li p{font-size:17px;color:#fff;}
}


@media screen and (max-width:768px){
	.mvSwiper .swiper-slide{height:calc(100vh - 80px);}
	.mvscr-box{display: none;}
	.nw_mvsl .swiper-container-horizontal .swiper-pagination{width: 100%;text-align: center;left: 0;right: 0;bottom: 50px;}
	.nw_mvsl .swiper-container-horizontal .swiper-pagination .swiper-pagination-bullet{width:40px;height:3px;}
	.nw_mvsl .wid > .all_txt > .at_box > p.stxt{font-size:36px;}
	.nw_mvsl .wid > .all_txt > .at_box > p.btxt{margin-top: 20px;font-size:20px;}

	.mcont_wid{padding: 60px 0;}

	.mpro_line{margin-left: -10px;margin-top: -10px;}
	.mpro_line > li{margin-left: 10px;margin-top: 10px;width: calc(50% - 10px);}
	.mpro_line > li > a{height: 240px;}
	.mpro_line > li > a > .f_txt{padding: 30px 10px 20px 20px;}
	.mpro_line > li > a > .f_txt > p{font-size: 16px;}
	.mpro_line > li > a > .f_txt > p strong{margin-top: 15px;font-size: 24px;}

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

	.mnot_box{position: relative;}
	.mnot_box > h5{margin-bottom: 35px;font-size: 26px;}
	.mnot_box > .more{top: 2px;width: 26px;height: 26px;background-size: 26px;}
	.mnot_line > li + li{margin-top: 30px;}
	.mnot_line > li > a{font-size: 18px;}
	.mnot_line > li > .txt{margin-top: 12px;font-size: 15px;line-height: 25px;height: 50px;}
	.mnot_line > li > .days{font-size: 15px;}

	.mbns_box{margin-top: 50px;}
	.mbns_line{margin-left: -4px;margin-top: -4px;}
	.mbns_line > li{margin-left: 4px;margin-top: 4px;width: calc(50% - 4px);}
	.mbns_line > li > a{padding: 25px 15px 20px 20px;height: 200px;}
	.mbns_line > li > a > p{padding-bottom: 130px;font-size: 21px;}
	.mbns_line > li > a > p > span{margin-left: 5px;font-size: 14px;}
}

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


}
	

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

}

@media screen and (max-width:414px){
	.mbns_line > li > a{padding: 25px 10px 10px 15px;}
	
	.cm_back{width: 100%;height: 1280px;}
	.cm_box > div ul > li{width:calc(100% - 20px);}

}