.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);}

/* =========================
	기본 레이아웃
========================= */
.mv_wrap{position: relative;width:100%;margin:0 auto;}
.mv_scr{position: absolute;left: 50%;bottom: 0;margin-left: -10px;z-index: 11;}
.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 .bg2_2 > span{background:url(../image/main/m_vsl2_2.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 .bg3_2 > span{background:url(../image/main/m_vsl3_2.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:1180px;margin:0 auto;}
.nw_mvsl .wid > .all_txt > .at_box{position:relative;text-align: center;}
.nw_mvsl .wid > .all_txt > .at_box > p.btxt{font-size:32px;color:#fff;font-weight:500;line-height:1.6;word-break:keep-all;}
.nw_mvsl .wid > .all_txt > .at_box > p.stxt{margin-top: 40px;font-size:80px;color:#fff;line-height: 1.1;font-weight: 800;word-break:keep-all;}




/* =========================
	페이징 (dot)
========================= */
.nw_mvsl .v-swp-ctr .swp-ctrl{font-size: 0;}
.nw_mvsl .v-swp-ctr .swp-ctrl > *{display: inline-block;vertical-align: middle;width: auto;}
.nw_mvsl .v-swp-ctr .swp-ctrl > a{position: absolute;z-index: 51;top: 50%;margin-top:-38px;width: 76px; height: 76px;display: inline-block;}
.nw_mvsl .v-swp-ctr .swp-ctrl > a.prev{left: calc((100% - 1180px) / 2);background: url(../image/main/mvlf.png) center center no-repeat;}
.nw_mvsl .v-swp-ctr .swp-ctrl > a.next{right: calc((100% - 1180px) / 2);background: url(../image/main/mvrt.png) center center no-repeat;}

/*
.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;}




.msection1{width: 100%;margin: 0 auto;padding: 145px 0;background: #f4f4f4;}
.msection2{width: 100%;margin: 0 auto;padding: 145px 0;}
.msection3{width: 100%;margin: 0 auto;padding: 0 0 150px;}
.mcont_wid{width: calc(100% - 20px);max-width: 1180px;margin: 0 auto;}
.mct_title{margin-bottom: 35px;text-align: center;font-size: 26px;color:#000;font-weight: 500;line-height: 1.2;}
.mct_title span{color:#003870;font-weight: bold;}

.mc_box{position: relative;text-align: right;}
.mc_box > .txt{text-align: left;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.mc_box > .txt dl dt{margin-bottom: 45px;font-size: 50px;color:#000;font-weight: bold;line-height: 1.1;}
.mc_box > .txt dl dt span{color:#e60012;}
.mc_box > .txt dl dd{font-size:20px;color:#000;font-weight: 300;line-height: 1.5;}

h3.mbs_title{text-align: center;margin-bottom: 40px;font-size:50px;color:#000;font-weight: bold;line-height: 1.1;}

.mpro_line{width:100%;margin:0 auto;position:relative;}
.swiper-container.msec_slid{position:relative;height:100%;}
.swiper-container.msec_slid .swiper-slide > a{display: block;position: relative;}
.swiper-container.msec_slid .swiper-slide > a img{width: 100%;}
.swiper-container.msec_slid .swiper-slide > a .box{display: flex;align-items: center;position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 140px;box-sizing: border-box;padding: 0 38px;background: rgba(0, 0, 0, 0.3);}
.swiper-container.msec_slid .swiper-slide > a .box > p{font-size: 36px;color:#fff;font-weight: 600;line-height: 44px;height: 88px; word-break: keep-all;overflow: hidden;-webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;}
.swiper-container.msec_slid .swiper-pagination{position: static;margin-top: 40px;font-size: 0;}
.swiper-container.msec_slid .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:17px;height:7px;background:#000;opacity:0.3;margin-right:20px;transition:all 0.3s ease-in-out;margin-left: 0;border-radius: 0;}
.swiper-container.msec_slid .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0;}
.swiper-container.msec_slid .swiper-pagination  .swiper-pagination-bullet-active{width: 70px;background: #737373;opacity: 1;}
.mpro_line .swiper-button-next, .mpro_line .swiper-button-prev{position:absolute;top:50%;margin-top:-60px;z-index:9;width:76px;height:76px;}
.mpro_line .swiper-button-next{right:23%;background: url(../image/main/ms_rt.png) 0 0 no-repeat;}
.mpro_line .swiper-button-prev{left:23%;background: url(../image/main/ms_lf.png) 0 0 no-repeat;}
.mpro_line .swiper-button-next:after{display:none;}
.mpro_line .swiper-button-prev:after{display:none;}

.mnot_area{position: relative;width: 100%;margin: 0 auto;}
.mnot_area:before{content:"";z-index: -1;position: absolute;right: 0;top: 0;bottom: 0;width: 48%;background:url(../image/main/mfbg.jpg) no-repeat center center; background-size:cover;}
.mnot_wp{display: flex;justify-content: space-between;}
.mnot_wp > div{width: 46.61%;position: relative;}
.mnt_tit{margin-bottom: 55px;position: relative;font-size: 36px;color:#000;font-weight: 100;line-height:1;}
.mnt_tit strong{display: block;font-weight: bold;margin-bottom:12px;}
.mnt_tit:before{content:"";position: absolute;right: 0;bottom: 5px;left: 220px;height: 1px;background: #000;}
.mnot_more{display: inline-block;position: absolute;right: 0;top: 30px;font-size:22px;color:#000;line-height:1;font-weight:300;}
.mnot_line > li + li{margin-top: 28px;}
.mnot_line > li{position: relative;padding-left: 20px;display: flex;justify-content: space-between;align-items: center;}
.mnot_line > li:before{content:"";position: absolute;left: 0;top: 7px;width: 5px;height: 5px;border-radius: 100%;background: #000;}
.mnot_line > li > a{display: block;font-size:20px;color:#000;font-weight: 300;line-height: 1;width: calc(100% - 85px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mnot_line > li:hover > a{text-decoration: underline;}
.mnot_line > li > span{display:block;font-size:16px;color:#000;font-weight: 300;line-height: 1;width: 85px;text-align: right;}
.mbns_wp{padding: 7%;}
.mbns_line{display: flex;flex-wrap: wrap;}
.mbns_line > li{width: 50%;}
.mbns_line > li:nth-child(1), .mbns_line > li:nth-child(2){border-bottom: 1px solid rgba(255,255,255,0.3);}
.mbns_line > li:nth-child(1), .mbns_line > li:nth-child(3){border-right: 1px solid rgba(255,255,255,0.3);}
.mbns_line > li > a{display: block;padding: 0 20px 20px 0;}
.mbns_line > li:nth-child(2) > a, .mbns_line > li:nth-child(4) > a{padding-left: 20px;}
.mbns_line > li:nth-child(3) > a, .mbns_line > li:nth-child(4) > a{padding-top: 20px;padding-bottom: 0;}
.mbns_line > li > a > p{font-size: 24px;color:#fff;font-weight: 500;line-height:1;padding-bottom:100px;position: relative;}
.mbns_line > li > a > p:after{content:"";position: absolute;right: 0;bottom: 0;width: 48px;height: 48px;background-size: 48px;}
.mbns_line > li.ico1 > a > p:after{background-image:url(../image/main/mic1.png);}
.mbns_line > li.ico2 > a > p:after{background-image:url(../image/main/mic2.png);}
.mbns_line > li.ico3 > a > p:after{background-image:url(../image/main/mic3.png);}
.mbns_line > li.ico4 > a > p:after{background-image:url(../image/main/mic4.png);}
.mbns_line > li:hover > a > p:after{transition: .4s;transform: rotateY(-360deg);}


@media screen and (max-width:1870px){
	

}
@media screen and (max-width:1520px){
	
}

@media screen and (max-width:1440px){
	

}

@media screen and (max-width:1220px){
	
}

@media screen and (max-width:1180px){
	.nw_mvsl .v-swp-ctr .swp-ctrl > a{margin-top:-20px;width: 40px; height: 40px;}
	.nw_mvsl .v-swp-ctr .swp-ctrl > a.prev{left: 10px;background-size: 40px;}
	.nw_mvsl .v-swp-ctr .swp-ctrl > a.next{right: 10px;background-size: 40px;}
	
	.mpro_line .swiper-button-next, .mpro_line .swiper-button-prev{margin-top:-43px;width:40px;height:40px;}
	.mpro_line .swiper-button-next{right:10px;background-size: 40px;}
	.mpro_line .swiper-button-prev{left:10px;background-size: 40px;}
}


@media screen and (max-width:1024px){
	.mvSwiper .swiper-slide{height:calc(100vh - 80px);}

	.mv_scr{display: none;}

	.swiper-container.msec_slid .swiper-slide > a .box{height: 80px;padding: 0 20px;}
	.swiper-container.msec_slid .swiper-slide > a .box > p{font-size: 22px;color:#fff;line-height: 30px;height: 60px;}
	.swiper-container.msec_slid .swiper-pagination{margin-top: 30px;}
	

	
}


@media screen and (max-width:768px){
	.mvSwiper .swiper-slide{height: 580px;min-height: 580px;}
	.nw_mvsl .wid > .all_txt > .at_box > p.btxt{font-size:23px;}
	.nw_mvsl .wid > .all_txt > .at_box > p.stxt{margin-top: 35px;font-size:42px;}

	.msection1{padding: 70px 0;}
	.msection2{padding: 70px 0;}
	.msection3{padding: 0 0 70px;}

	.mc_box{text-align: center;}
	.mc_box .img{width: 100%;height: 300px;background:url(../image/main/mc.jpg) no-repeat center center; background-size:cover;}
	.mc_box .img img{display: none;}
	.mc_box > .txt{text-align: center;}
	.mc_box > .txt dl{padding: 15px;}
	.mc_box > .txt dl dt{margin-bottom: 15px;font-size: 30px;line-height: 1.2;}
	.mc_box > .txt dl dd{font-size:18px;}
	.mc_box > .txt dl dd br{display: none;}

	h3.mbs_title{margin-bottom: 30px;font-size:35px;}

	.swiper-container.msec_slid .swiper-slide > a .box{height: 60px;padding: 0 13px;}
	.swiper-container.msec_slid .swiper-slide > a .box > p{font-size: 16px;line-height: 24px;height: 48px;}
	.swiper-container.msec_slid .swiper-pagination{margin-top: 20px;}
	.swiper-container.msec_slid .swiper-pagination .swiper-pagination-bullet{width:10px;height:5px;margin-right:5px;}
	.swiper-container.msec_slid .swiper-pagination  .swiper-pagination-bullet-active{width: 30px;}
	.mpro_line .swiper-button-next, .mpro_line .swiper-button-prev{margin-top:-31px;width:40px;height:40px;}

	.mnot_area:before{display: none;}
	.mnot_wp{display: block;}
	.mnot_wp > div{width: auto;}
	.mnot_wp > div + div{margin-top: 40px;}
	.mnt_tit{margin-bottom: 30px;font-size: 28px;}
	.mnt_tit strong{margin-bottom:8px;}
	.mnt_tit:before{left: 165px;}
	.mnot_more{top: 25px;font-size:18px;}
	.mnot_line > li + li{margin-top: 15px;}
	.mnot_line > li{padding-left: 10px;}
	.mnot_line > li:before{top: 8px;width: 4px;height: 4px;}
	.mnot_line > li > a{font-size:16px;width: calc(100% - 80px);}
	.mnot_line > li > span{font-size:14px;width: 80px;}
	.mbns_wp{padding: 8% 6%;background:url(../image/main/mfbg.jpg) no-repeat center center; background-size:cover;}
	.mbns_line > li > a{display: block;padding: 0 15px 15px 0;}
	.mbns_line > li:nth-child(2) > a, .mbns_line > li:nth-child(4) > a{padding-left: 15px;}
	.mbns_line > li:nth-child(3) > a, .mbns_line > li:nth-child(4) > a{padding-top: 15px;}
	.mbns_line > li > a > p{font-size: 20px;padding-bottom:85px;}
	.mbns_line > li > a > p:after{width: 32px;height: 32px;background-size: 32px;}

}

@media screen and (max-width:640px){
	

}
	

@media screen and (max-width:520px){
	

}

@media screen and (max-width:414px){
	

}







