.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{width: 100%;margin: 0 auto;position: relative;}


/* =========================
	기본 레이아웃
========================= */
.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:585px;}

/* =========================
	배경 이미지
========================= */
.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;text-align: center;}
.nw_mvsl .wid > .all_txt > .at_box > p.atxt{font-size:38px;color:#fff;font-weight:300;line-height:1.5;word-break:keep-all;font-family: 'GmarketSansLight';}
.nw_mvsl .wid > .all_txt > .at_box > p.atxt strong{font-family: 'GmarketSansBold';}
.nw_mvsl .wid > .all_txt > .at_box > p.btxt{font-size:28px;color:#fff;font-weight:400;line-height:1.5;word-break:keep-all;}

/* =========================
	텍스트 모션
========================= */
.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,20px,0);}
.nw_mvsl .motion1.ac{transform:translate3d(0,0,0);transition-duration:0.5s;transition-delay:0.5s;}

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


.msection1{width: 100%;margin: 0 auto;}
.msection2{width: 100%;margin: 0 auto;background: #6fc9bc;}

.mconts_wid{width: calc(100% - 20px);max-width: 1180px;margin: 0 auto;padding: 100px 0;}

h3.mc_title{margin-bottom: 40px;text-align: center;font-size: 26px;color:#636363;line-height: 1.1;}
h3.mc_title strong{color:#000;font-weight: bold;}
h3.mc_title.wt{color:#fff;}
h3.mc_title.wt strong{color:#fff;}

.mcon_lines > li + li{margin-top: 40px;}
.mcon_lines > li > a{display: block;border-radius: 20px;overflow: hidden;position: relative;}
.mcon_lines > li > a:after{content:"";position: absolute;top: 0;transition: .4s;left:0;right: 0;bottom:0;width: 100%;height: 100%;background: rgba(0,0,0,0.4);}
.mcon_lines > li:hover > a:after{opacity: 0;}
.mcon_lines > li:hover > a{box-shadow:7px 8px 10px rgba(0,0,0,0.1);}

.mqa_line{margin-left: -20px;margin-top: -20px;display: flex;flex-wrap: wrap;}
.mqa_line > li{margin-left: 20px;margin-top: 20px;width: calc(33.333333% - 20px);background: #fafafa;box-sizing: border-box;border-radius: 30px;}
.mqa_line > li > .top{position: relative;width: 100%;height: 60px;display: table;text-align: center;background: #fafafa;border-radius: 30px;box-shadow:7px 8px 10px rgba(0,0,0,0.1);}
.mqa_line > li > .top > p{padding-left: 30px;font-size: 18px;color:#1d3f3a;display: table-cell;vertical-align: middle;}
.mqa_line > li > .top:before{content:"";position: absolute;z-index: 0;left: 0;top: 0;width: 60px;height: 60px;border-radius: 100%;background: #569087 url(../image/main/qa.png) no-repeat center center;}
.mqa_line > li > .bot{padding: 25px 40px 40px;}
.mqa_line > li > .bot p{font-size: 18px;color:#1d1d1d;line-height: 1.6;position: relative;z-index: 11;}

.pop_wrap{display: none;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.6);z-index: 999;}
.pop_area{position: absolute;left: 0;top: 0;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;}
.pop_box{width: calc(100% - 30px);max-width: 840px;position: relative;}
.video-wrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 비율 */
  height: 0;
}

.video-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.inqap-wrap{width: 100%;padding: 50px;background: #fff;border-radius: 20px;}
.inqap-boxs{width: 100%;height: 100%;max-height: 500px;overflow-y: auto;padding-right: 10px;box-sizing: border-box;}
.inqap-boxs::-webkit-scrollbar{width: 2px;height: 1px;}
.inqap-boxs::-webkit-scrollbar-thumb {background: #222;;}
.inqap-boxs::-webkit-scrollbar-track{background:#e0e0e0;}
.pop_out{position: absolute;right: -20px;top: -20px;}


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

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

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


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

}


@media screen and (max-width:767px){
	.mvSwiper .swiper-slide{height:420px;}
	.nw_mvsl .wid > .all_txt > .at_box > p.atxt{font-size:28px;}
	.nw_mvsl .wid > .all_txt > .at_box > p.btxt{font-size:20px;}

	.mconts_wid{padding: 60px 0;}
	h3.mc_title{margin-bottom: 30px;}

	.mcon_lines > li + li{margin-top: 20px;}
	.mqa_line > li{width: calc(100% - 20px);}
	.mqa_line > li br{display: none;}
	.inqap-wrap{padding: 20px 15px;border-radius: 10px;}

}

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

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

}

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

}