.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:523px;}

/* =========================
	배경 이미지
========================= */
.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 .wid{width:100%;margin:0 auto;height:100%;display:flex;align-items:flex-end;position:relative;z-index:9;}
.nw_mvsl .wid > .all_txt{width:calc(100% - 20px);max-width:1600px;margin:0 auto;padding-bottom: 110px;}
.nw_mvsl .wid > .all_txt > .at_box{position:relative;}
.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:900;line-height:1.1;}
.nw_mvsl .wid > .all_txt > .at_box > p.txt2{margin-top: 14px;font-size:20px;color:rgba(255,255,255,0.6);font-weight: 300;}
.nw_mvsl .wid > .all_txt > .at_box > p.txt3{margin-top: 18px;font-size:20px;color:#fff;font-weight: bold;}
.nw_mvsl .wid > .all_txt > .at_box > p.txt4{margin-top: 10px;font-size:20px;color:#fff;font-weight: 300;}

/* =========================
	페이징 (dot)
========================= */

.nw_mvsl .v-swp-ctr{position: absolute;left: calc((100% - 1600px) / 2);bottom: 33px;z-index: 11;display: flex;align-items: center;}
.nw_mvsl .v-swp-ctr .swp-ctrl{font-size: 0;display: flex;margin-right: 40px;}
.nw_mvsl .v-swp-ctr .swp-ctrl > *{display: inline-block;vertical-align: middle;width: auto;}
.nw_mvsl .v-swp-ctr .swp-ctrl > a{width: 40px; height: 40px;border-radius: 100%;border: 1px solid #fff;display: inline-block;}
.nw_mvsl .v-swp-ctr .swp-ctrl > a.prev{background: url(../image/main/mvlf.png) center center no-repeat;}
.nw_mvsl .v-swp-ctr .swp-ctrl > a.next{margin-left: 10px;background: url(../image/main/mvrt.png) center center no-repeat;}
.nw_mvsl .v-swp-ctr .vsl-pgn{font-size: 26px;color:#fff;font-weight: 300;}
.nw_mvsl .v-swp-ctr .vsl-pgn span{display: inline-block;position: relative;}
.nw_mvsl .v-swp-ctr .vsl-pgn .swiper-pagination-total:before{content: "/";display: inline-block;width: 30px;text-align: center;font-weight: 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;}

.mnews_area{padding: 50px 0 60px calc((100% - 1180px) / 2);}

.mnews_title{margin-bottom: 45px;width: 100%;max-width: 1180px;display: flex;justify-content: space-between;}
.mnews_title h3{font-size: 40px;color:#003777;font-weight: 600;line-height: 1;}
.ms_more > a{display: flex;align-items: center;font-size: 18px;color:#2d2d2d;font-weight: 500;}
.ms_more > a > span{display: inline-block;margin-left: 12px;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #003777;color:#fff;}

.swiper-container.msec_slid{position:relative;height:100%:}
.swiper-container.msec_slid .swiper-slide > a{display: block;transition: .4s;}
.swiper-container.msec_slid .swiper-slide > a > .img{position: relative;transition: .4s;overflow:hidden;}
.swiper-container.msec_slid .swiper-slide > a > .img img{width:100%;transition: all 0.3s ease-in-out;}
.swiper-container.msec_slid .swiper-slide > a > p.tit{font-size:19px;color:#000;font-weight:500;line-height:59px;border-bottom:1px solid #dfdfdf;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.swiper-container.msec_slid .swiper-slide > a > .text{padding-top: 20px;}
.swiper-container.msec_slid .swiper-slide > a > .text > .day{float:left;font-size:17px;color:#454545;font-weight:300;line-height:23px;}
.swiper-container.msec_slid .swiper-slide > a > .text > .day span{display:inline-block;padding-left:26px;background: url(../image/main/msic1.png) left center no-repeat;}
.swiper-container.msec_slid .swiper-slide > a > .text > .more{float:right;font-size:16px;color:#454545;font-weight:400;line-height:23px;}
.swiper-container.msec_slid .swiper-slide > a > .text > .more span{display:inline-block;padding-right:35px;background: url(../image/main/msic2.png) right center no-repeat;}
.swiper-container.msec_slid .swiper-slide:hover > a > .img img{transform: scale(1.1) rotate(-3deg);}
.ms_ctr_wp{margin-top: 50px;width: 100%;max-width: 1180px;display: flex;align-items: center;}
.ms_ctr_wp .ms_pgn{width: calc(100% - 98px);font-size: 0;}
.ms_ctr_wp .pn_wp{display: flex;}
.ms_ctr_wp .pn_wp a{display: inline-block;width: 49px;height: 49px;box-sizing: border-box;border: 1px solid #6b6b6b;font-size: 0;}
.ms_ctr_wp .pn_wp a.prev{margin-right: -1px;background: url(../image/main/mslf.png) center center no-repeat;}
.ms_ctr_wp .pn_wp a.next{background: url(../image/main/msrt.png) center center no-repeat;}
.ms_ctr_wp .swiper-pagination-bullet{width: 100%;height: 2px;display: inline-block;border-radius: 0;background: #dfdfdf;opacity: 1;position:relative;}
.ms_ctr_wp .swiper-pagination-bullet::after{content:"";position:absolute;left:0;top: -1px;bottom: -1px;width: 100%;background:#1a4aa1;transform:scaleX(0);transform-origin:left center;}
.ms_ctr_wp .swiper-pagination-bullet.swiper-pagination-bullet-active::after{animation:paginationFill 0.5s linear forwards;}
@keyframes paginationFill{
	from{
		transform:scaleX(0);
	}
	to{
		transform:scaleX(1);
	}
}

.mbn_area{padding: 20px 0;width: 100%;margin: 0 auto;background:url(../image/main/mfbg.jpg) no-repeat center center; background-size:cover;}
.mbn_wid{width: calc(100% - 40px);max-width: 1180px;margin: 0 auto;}
.mbn_list{margin-top: -20px;margin-left: -20px;display: flex;flex-wrap: wrap;}
.mbn_list > li{margin-top: 20px;margin-left: 20px;width: calc(20% - 20px);text-align: center;}
.mbn_list > li > a{display: flex;width: 100%;height: 167px;justify-content: center;align-items: center;background: rgba(255,255,255,0.2);transition: .4s;}
.mbn_list > li > a div > span{display: inline-block;font-size: 0;}
.mbn_list > li > a div > p{margin-top: 25px;font-size: 20px;color:#fff;font-weight: 600;line-height: 1.1;}
.mbn_list > li > a:hover{background: #1a4aa1;}
.mbn_list > li > a:hover div > span{transition: .4s;transform: rotateY(360deg);}


.mnot_area{width: calc(100% - 20px);max-width: 1180px;margin: 0 auto;padding: 50px 0;}
.mnot_box{padding-left: 300px;position: relative;}
.mnot_tit{margin-bottom: 20px;position: absolute;left: 0;top: 0;font-size: 40px;color:#0f0f0f;font-weight: 600;line-height: 1;}
.mnot_more{position: absolute;left: 0;top: 80px;}
.mnot_more > a{display: inline-block;font-size: 17px;color:#000;display: flex;align-items: center;}
.mnot_more > a:before{content:"";display: inline-block;margin-right: 12px;box-sizing: border-box;width: 48px;height: 48px;border: 1px solid #6b6b6b;background:url(../image/main/more.png) no-repeat center center;}
.mnot_list > li{padding: 35px 5px;border-top: 1px solid #cfcfcf;display: flex;}
.mnot_list > li > .tcp{width: 100px;}
.mnot_list > li > .list_a{width: calc(100% - 190px);}
.mnot_list > li > .date_b{width: 90px;text-align: right;}
.mnot_list > li > .tcp > p{font-size: 18px;color:#328dcb;font-weight: 600;line-height: 1.3;}
.mnot_list > li > .list_a > a{display: block;}
.mnot_list > li > .list_a > a > p.tit{font-size: 22px;color:#020202;font-weight: 600;line-height: 1.1;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mnot_list > li > .list_a > a > p.txt{margin-top: 18px;font-size: 18px;color:#484848;font-weight: 300;line-height: 1.1;width: 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mnot_list > li > .date_b > p{font-size: 17px;color:#5e5e5e;line-height: 1.4;}
.mnot_list > li:hover > .list_a > a > p.tit{color:#1a4aa1;text-decoration: underline;}





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

}
@media screen and (max-width:1610px){
	.nw_mvsl .v-swp-ctr{left: 10px;}
}

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

}

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

@media screen and (max-width:1180px){
	.mnews_area{padding: 60px 0 60px 10px;}
	.mnews_title{padding-right: 10px;margin-bottom: 40px;}
	.ms_ctr_wp{padding-right: 10px;margin-top: 40px;}
}


@media screen and (max-width:1024px){
	.mnot_box{padding-left: 200px;}
}


@media screen and (max-width:768px){
	.mvSwiper .swiper-slide{height: 520px;}
	.nw_mvsl .wid{align-items:center;}
	.nw_mvsl .wid > .all_txt{padding-bottom: 0;}
	.nw_mvsl .wid > .all_txt > .at_box > p.txt1{font-size:30px;}
	.nw_mvsl .wid > .all_txt > .at_box > p.txt2{margin-top: 10px;font-size:17px;}
	.nw_mvsl .wid > .all_txt > .at_box > p.txt3{margin-top: 12px;font-size:18px;}
	.nw_mvsl .wid > .all_txt > .at_box > p.txt4{font-size:16px;}
	.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;}

	.mnews_title{margin-bottom: 25px;}
	.mnews_title h3{font-size: 32px;}
	.ms_more > a{font-size: 16px;}
	.ms_more > a > span{margin-left: 8px;width: 28px;height: 28px;line-height: 28px;}
	.ms_ctr_wp{margin-top: 25px;}
	.ms_ctr_wp .ms_pgn{width: calc(100% - 69px);}
	.ms_ctr_wp .pn_wp a{width: 35px;height: 35px;}
	.ms_ctr_wp .pn_wp a.prev{background-size: 10px auto;}
	.ms_ctr_wp .pn_wp a.next{background-size: 10px auto;}
	.swiper-container.msec_slid .swiper-slide > a > p.tit{font-size:16px;line-height:48px;}
	.swiper-container.msec_slid .swiper-slide > a > .text{padding-top: 15px;}
	.swiper-container.msec_slid .swiper-slide > a > .text > .day{font-size:16px;}
	.swiper-container.msec_slid .swiper-slide > a > .text > .more{font-size:15px;}

	.mbn_list{margin-top: -4px;margin-left: -4px;}
	.mbn_list > li{margin-top: 4px;margin-left: 4px;width: calc(33.333333333% - 4px);}
	.mbn_list > li:nth-child(1), .mbn_list > li:nth-child(2){width: calc(50% - 4px);}
	.mbn_list > li > a{height: 120px;}
	.mbn_list > li > a div > span{max-width: 40px;}
	.mbn_list > li > a div > p{margin-top: 15px;font-size: 16px;}

	.mnot_box{padding-left: 0;}
	.mnot_tit{position: static;font-size: 32px;}
	.mnot_more{left: auto;right: 0;top: 2px;}
	.mnot_more > a{font-size: 16px;}
	.mnot_more > a:before{display: none;}
	.mnot_more > a:after{content:"";display: inline-block;margin-left: 8px;box-sizing: border-box;width: 28px;height: 28px;border: 1px solid #6b6b6b;background:url(../image/main/more.png) no-repeat center center;background-size: 12px;}
	.mnot_list > li{padding: 20px 5px;display: block;}
	.mnot_list > li > .tcp{width: auto;margin-bottom: 15px;}
	.mnot_list > li > .list_a{width: auto;}
	.mnot_list > li > .date_b{margin-top: 15px;width: auto;}
	.mnot_list > li > .tcp > p{font-size: 15px;}
	.mnot_list > li > .list_a > a > p.tit{font-size: 18px;}
	.mnot_list > li > .list_a > a > p.txt{margin-top: 12px;font-size: 16px;}
	.mnot_list > li > .date_b > p{font-size: 15px;}
}

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

}
	

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

}

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

}