.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(15px);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:100vh;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.05);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{position: relative;}
.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{word-break:keep-all;}
.nw_mvsl .wid > .all_txt > .at_box > p.txt1{font-size:42px;color:#fff;font-weight:800;font-family: 'Escoredream';}
.nw_mvsl .wid > .all_txt > .at_box > p.txt2{margin-top: 25px;font-size:21px;color:#fff;}


/* =========================
	페이징 (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: 11;top: 50%;margin-top: -38px;width: 76px; height: 76px;border-radius: 100%;border: 1px solid #fff;display: inline-block;overflow: hidden;transition: .3s;}
.nw_mvsl .v-swp-ctr .swp-ctrl > a.prev{left: calc((100% - 1180px) / 2 - 76px);background: url(../image/main/mvlf.png) center center no-repeat;}
.nw_mvsl .v-swp-ctr .swp-ctrl > a.next{right: calc((100% - 1180px) / 2 - 76px);background: url(../image/main/mvrt.png) center center no-repeat;}
.nw_mvsl .v-swp-ctr .swp-ctrl > a.prev:hover{background:rgba(0,0,0,0.5) url(../image/main/mvlf.png) center center no-repeat;}
.nw_mvsl .v-swp-ctr .swp-ctrl > a.next:hover{background:rgba(0,0,0,0.5) url(../image/main/mvrt.png) center center no-repeat;}

.nw_mvsl .v-swp-ctr .vsl-pgn{position: absolute;left: 0;right: 0;bottom: 70px;width: 100%;text-align: center;z-index: 51;font-size: 0;}
.nw_mvsl .v-swp-ctr .vsl-pgn .swiper-pagination-bullet{display: inline-block;margin: 0 13px;box-sizing: border-box;position: relative;width: 12px;height: 12px;border-radius: 100%;border: 2px solid #fff;background: none;opacity: 0.5;}
.nw_mvsl .v-swp-ctr .vsl-pgn .swiper-pagination-bullet-active{opacity: 1;border: 2px solid #fff;background: #fff;}
.nw_mvsl .v-swp-ctr .vsl-pgn .swiper-pagination-bullet-active:after{content:"";position: absolute;left: -7px;top: -7px;bottom: -7px;right: -7px;border-radius: 100%;background: #fff;opacity: 0.2;}

/* =========================
	텍스트 모션
========================= */
.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%;max-width: 1720px;position: relative;margin: 100px auto 0;}
.mabout_wp{width: 100%;height: 417px;background:url(../image/main/mabg.jpg) no-repeat center center; background-size:cover;}
.mabout_box{width: calc(100% - 20px);max-width: 1180px;margin: 0 auto;height: 100%;display: flex;justify-content: flex-end;align-items: center;text-align: right;}
.mabout_box > div p.tit{font-size: 30px;color:#fff;font-weight: 300;line-height: 1;}
.mabout_box > div p.tit strong{margin-top: 5px;display: block;font-size: 50px;font-weight: bold;}
.mabout_box > div p.txt{margin-top: 35px;font-size: 20px;color:#fff;font-weight: 300;line-height: 1.5;}
.mabout_box > div .bns{margin-top: 25px;}
.mabout_box > div .bns > a{display: inline-block;text-align: center;width: 155px;line-height: 50px;border-radius: 50px;border: 1px solid #fff;background: rgba(0, 0, 0, 0.3);font-size: 18px;color:#fff;font-weight: 300;transition-duration:0.5s;}
.mabout_box > div .bns > a + a{margin-left: 8px;}
.mabout_box > div .bns > a:hover{background: #000;}


.msection2{width:100%;margin: 100px auto 0;}
.mcont_wid{width: calc(100% - 20px);max-width: 1180px;margin: 0 auto;}
h3.mc_title{text-align: center;margin-bottom: 30px;font-size: 22px;color:#010101;font-weight: 300;line-height: 1;}
h3.mc_title strong{display: block;font-size: 40px;font-weight: 900;margin-top: 10px;}

.mc_list{display: flex;flex-wrap: wrap;}
.mc_list > li{width: 16.6666666666%;transition: .4s;height: 228px;position: relative;}
.mc_list > li > a{display: block;width: 100%;height: 100%;}
.mc_list > li > a > .bg{position: absolute;left: 0;top: 0;bottom: 0;right: 0;background-position: center;background-size: cover;}
.mc_list > li.bg1 > a > .bg{background-image:url(../image/main/mc1.jpg);}
.mc_list > li.bg2 > a > .bg{background-image:url(../image/main/mc2.jpg);}
.mc_list > li.bg3 > a > .bg{background-image:url(../image/main/mc3.jpg);}
.mc_list > li.bg4 > a > .bg{background-image:url(../image/main/mc4.jpg);}
.mc_list > li.bg5 > a > .bg{background-image:url(../image/main/mc5.jpg);}
.mc_list > li.bg6 > a > .bg{background-image:url(../image/main/mc6.jpg);}
.mc_list > li > a > .tit{position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 45px;display: table;background:rgba(0, 0, 0, 0.5);text-align: right;transition: .2s;}
.mc_list > li > a > .tit p{display: table-cell;vertical-align: middle;font-size: 16px;color:#fff;font-weight: 500;line-height: 1.1;padding-right: 15px;}
.mc_list > li > a > .over{transition: .2s;opacity: 0;position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;box-sizing: border-box;padding: 30px;background: rgba(0, 0, 0, 0.45) url(../image/main/over.png) no-repeat right 20px bottom 20px;}
.mc_list > li > a > .over p.tit{font-size: 25px;color:#fff;font-weight: bold;line-height: 1;}
.mc_list > li > a > .over p.txt{margin-top: 20px;font-size: 16px;color:#fff;font-weight: 500;}
.mc_list.on > li{width: 14%;}
.mc_list.on > li.on{width: 30%;}
.mc_list.on > li.on > a > .tit{opacity: 0;}
.mc_list.on > li.on > a > .over{opacity: 1;}

.msec_area{width: 100%;margin: 0 auto;position: relative;}
.swiper-container.msec_slid{position:relative;height:100%:}
.swiper-container.msec_slid .swiper-slide > a{display: block;transition: .4s;border: 1px solid #dfdfdf;padding: 28px;}
.swiper-container.msec_slid .swiper-slide > a p.tit{font-size: 20px;color:#000;font-weight: bold;line-height: 1.1;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.swiper-container.msec_slid .swiper-slide > a p.txt{margin-top: 22px;font-size: 17px;color:#000;font-weight: 300;line-height: 23px;max-height: 69px;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 p.date{margin-top: 22px;padding-top: 25px;border-top: 1px solid #dfdfdf;font-size: 15px;color:#000;font-weight: 300;line-height: 1;text-align: right;}
.ms_ctr_wp .pn_wp a{position: absolute;top: 50%;margin-top: -50px;display: inline-block;width: 50px;height: 50px;border-radius: 50%;box-sizing: border-box;border: 1px solid #6b6b6b;font-size: 0;}
.ms_ctr_wp .pn_wp a.prev{left: -70px;background: url(../image/main/mslf.png) center center no-repeat;}
.ms_ctr_wp .pn_wp a.next{right: -70px;background: url(../image/main/msrt.png) center center no-repeat;}
.ms_ctr_wp .ms_pgn{margin-top: 40px;text-align: center;}
.ms_ctr_wp .swiper-pagination-bullet{display: inline-block;margin: 0 13px;box-sizing: border-box;position: relative;width: 12px;height: 12px;border-radius: 100%;border: 2px solid #000;background: none;opacity: 0.5;}
.ms_ctr_wp .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;border: 2px solid #000;background: #000;}
.ms_ctr_wp .swiper-pagination-bullet.swiper-pagination-bullet-active::after{content:"";position: absolute;left: -7px;top: -7px;bottom: -7px;right: -7px;border-radius: 100%;background: #000;opacity: 0.2;}
.swiper-container.msec_slid .swiper-slide > a:hover{border: 1px solid #000;}
.swiper-container.msec_slid .swiper-slide > a:hover p.date{border-top: 1px solid #000;}

.mbot_wp{width: 100%;height: 496px;margin: 0 auto;background:url(../image/main/mfbg.jpg) no-repeat center center; background-size:cover;display: flex;justify-content: center;align-items: center;}
.mbot_wp > div{text-align: center;}
.mbot_wp > div p.txt1{font-size: 20px;color:#fff;font-weight: 500;}
.mbot_wp > div p.txt2{margin-top :30px;font-size: 55px;color:#fff;font-weight: 900;line-height: 1.1;}
.mbot_wp > div p.txt3{margin-top :30px;font-size: 18px;color:#fff;font-weight: 400;}
.mbot_wp > div a{display: inline-block;margin-top:50px;width: 178px;line-height: 48px;border: 1px solid #fff;border-radius: 48px;font-size: 18px;color:#fff;}

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

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

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

}

@media screen and (max-width:1360px){
	.nw_mvsl .v-swp-ctr .swp-ctrl{display: none;}
	.ms_ctr_wp .pn_wp{display: none;}
}

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


@media screen and (max-width:1024px){
	.mvSwiper .swiper-slide{height: calc(100vh - 80px);min-height: 520px;}
	.msection1{margin: 60px auto 0;}
	.msection2{margin: 60px auto 0;}
	.mc_list > li{width: 33.333333%;}
	.mc_list.on > li{width: 33.333333%;}
	.mc_list.on > li.on{width: 33.333333%;}
}


@media screen and (max-width:768px){
	.nw_mvsl .wid{align-items:center;}
	.nw_mvsl .wid > .all_txt > .at_box > p.txt1{font-size:30px;}
	.nw_mvsl .wid > .all_txt > .at_box > p.txt2{margin-top: 20px;font-size:18px;}
	.nw_mvsl .wid > .all_txt > .at_box > p br{display: none;}
	.nw_mvsl .v-swp-ctr .swp-ctrl{margin-right: 30px;}
	.nw_mvsl .v-swp-ctr .swp-ctrl > a{width: 30px; height: 30px;}
	.nw_mvsl .v-swp-ctr .vsl-pgn{font-size: 20px;}
	.nw_mvsl .v-swp-ctr .vsl-pgn .swiper-pagination-total:before{width: 25px;}

	.mabout_wp{height: 400px;}
	.mabout_box{justify-content: center;text-align: center;}
	.mabout_box > div p.tit{font-size: 20px;}
	.mabout_box > div p.tit strong{font-size: 36px}
	.mabout_box > div p.txt{margin-top: 25px;font-size: 18px;}
	.mabout_box > div p.txt br{display: none;}
	.mabout_box > div .bns{margin-top: 30px;}
	.mabout_box > div .bns > a{width: 136px;line-height: 45px;border-radius: 45px;font-size: 16px;}
	.mabout_box > div .bns > a + a{margin-left: 5px;}
	
	h3.mc_title{margin-bottom: 25px;font-size: 18px;}
	h3.mc_title strong{font-size: 36px;}

	.mc_list > li{width: 50%;height: 200px;}
	.mc_list.on > li{width: 50%;}
	.mc_list.on > li.on{width:50%;}
	.mc_list > li > a > .over{padding: 20px 15px;background: rgba(0, 0, 0, 0.45) url(../image/main/over.png) no-repeat right 12px bottom 12px;}
	.mc_list > li > a > .over p.tit{font-size: 22px;}
	.mc_list > li > a > .over p.txt{margin-top: 13px;font-size: 14px;}

	.swiper-container.msec_slid .swiper-slide > a{padding: 18px;}
	.swiper-container.msec_slid .swiper-slide > a p.tit{font-size: 18px;}
	.swiper-container.msec_slid .swiper-slide > a p.txt{margin-top: 15px;font-size: 16px;}
	.swiper-container.msec_slid .swiper-slide > a p.date{margin-top: 20px;padding-top: 20px;}

	.ms_ctr_wp .ms_pgn{margin-top: 20px;}
	.ms_ctr_wp .swiper-pagination-bullet{margin: 0 10px;width: 10px;height: 10px;}
	.ms_ctr_wp .swiper-pagination-bullet.swiper-pagination-bullet-active::after{left: -5px;top: -5px;bottom: -5px;right: -5px;}
	
	.mbot_wp{height: 400px;}
	.mbot_wp > div p.txt1{font-size: 18px;}
	.mbot_wp > div p.txt2{margin-top :20px;font-size: 40px;}
	.mbot_wp > div p.txt3{margin-top :20px;font-size: 16px;}
	.mbot_wp > div a{margin-top:30px;}
}

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

}
	

@media screen and (max-width:520px){
	.mc_list > li{width: 100%;height: 180px;}
	.mc_list.on > li{width: 100%;}
	.mc_list.on > li.on{width:100%;}

}

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

}