.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;}
.mvsl_sld > li{overflow: hidden;height:100vh;min-height:550px;}
.mvsl_sld > li.bg1 > span{background: url(../image/main/m_vsl1.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg2 > span{background: url(../image/main/m_vsl2.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg3 > span{background: url(../image/main/m_vsl3.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg4 > span{background: url(../image/main/m_vsl4.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg5 > span{background: url(../image/main/m_vsl5.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg6 > span{background: url(../image/main/m_vsl6.jpg) no-repeat center center; background-size: cover;}

.nw_mvsl .bx-controls{text-align: center;}
.nw_mvsl .bx-controls a{ font-size: 0; }
.nw_mvsl .bx-pager{position:absolute;left: 0;top: 35%;width: 100%;text-align:center;z-index:52;}
.nw_mvsl .bx-pager-item{display: inline-block;margin: 0 15px;text-align:center;font-size: 0;}
.nw_mvsl .bx-pager-item a{position:relative;display: inline-block;width:7px;height:7px;font-size:0;background:#fff;opacity:1;border-radius:100%;transition: all 0.3s ease-in-out;}
.nw_mvsl .bx-pager-item a.active{opacity:1;}
.nw_mvsl .bx-pager-item a.active:after{content:"";position:absolute;left:-9px;top:-9px;bottom:-9px;right:-9px;border:1px solid #fff;opacity:1;border-radius:100%;}
.nw_mvsl .bx-controls-direction{}
.nw_mvsl .bx-controls-direction a{position: absolute;top:50%;margin-top:-8px;z-index: 53;display: inline-block;font-size:0;width: 138px; height: 15px;}
.nw_mvsl .bx-prev{left:0;background: url(../image/main/mvs_prev.png) 0 0 no-repeat;}
.nw_mvsl .bx-next{right:0;background: url(../image/main/mvs_next.png) 0 0 no-repeat;}
.nw_mvsl .bx-controls-auto-item{display:none;}
.nw_mvsl .bx-controls-auto-item a{display: none; width: 24px; height: 24px;}
.nw_mvsl .wid{width: calc(100% - 20px);max-width:1320px;margin:0 auto;height: 100vh;min-height:550px;display: flex;align-items:center;position:relative;z-index:9;}
.nw_mvsl .wid > .all_txt{width: 100%;padding: 30px 10px;text-align: center;}
.nw_mvsl .wid > .all_txt > p.txt1{font-size: 36px;color: #fff;font-weight: 500;line-height: 1.6;word-break: keep-all;}


.mvsl_sld > li > 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;
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s;
	transition:transform 7s ease-out, opacity 1s ease 0.3s;
}
.mvsl_sld > li.on > span.sc{
	z-index: 1;
	opacity: 1;
	-ms-transform: scale(1, 1) rotate(.001deg);
	-webkit-transform: scale(1, 1) rotate(.001deg);
	transform: scale(1, 1) rotate(.001deg);
	-webkit-transition-delay: 0s;
	transition-delay: 0.8s;
}
.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;word-break:break-all;}
.nw_mvsl .motion1{
	-webkit-transform:translate3d(0,10px,0);
	-moz-transform:translate3d(0,10px,0);
	-ms-transform:translate3d(0,10px,0);
	-o-transform:translate3d(0,10px,0);
	transform:translate3d(0,10px,0);
	word-break:break-all;
}
.nw_mvsl .motion1.ac{
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.5s;
	word-break:break-all;
}
.nw_mvsl .motion2{
	-webkit-transform:translate3d(0,-10px,0);
	-moz-transform:translate3d(0,-10px,0);
	-ms-transform:translate3d(0,-10px,0);
	-o-transform:translate3d(0,-10px,0);
	transform:translate3d(0,-10px,0);
	word-break:break-all;
}
.nw_mvsl .motion2.ac{
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.5s;
	word-break:break-all;
}


.msection{width:100%;margin:0 auto;}
.mcont_wid{width: calc(100% - 20px);max-width: 1520px;margin: 0 auto;padding: 100px 0;}


h2.m_title{margin-bottom: 60px;text-align:center;font-size:45px;color:#000;font-weight:bold;line-height:1;}

.mc_line{margin-left: -20px;margin-top: -20px;display:flex;flex-wrap: wrap;}
.mc_line > li{margin-left: 20px;margin-top: 20px;width: calc(50% - 20px);}
.mc_line > li.w100{margin-left: 20px;margin-top: 20px;width: calc(100% - 20px);}
.mc_line > li > a{position:relative;display: flex;width:100%;height:100%;border: 1px solid #dfdfdf;background: #f8f8f8;transition: .4s;overflow: hidden;}
.mc_line > li > a > div{width:100%;height:100%;transition: .4s;background-size: auto 120px;}
.mc_line > li.w100 > a > div{background-size: auto 180px;}
.mc_line > li > a > div > div{height:100%;min-height:340px;padding:40px;box-sizing:border-box;width: 64%;background:rgba(0, 0, 0, 0.05);}
.mc_line > li.w100 > a > div > div{width: 50%;}
.mc_line > li > a > div > div > p{margin-bottom:25px;font-size: 26px;color:#000;font-weight:bold;line-height:1;transition: .1s;}
.mc_line > li > a > div > div > ul li{font-size:18px;color:#000;font-weight:300;line-height:1.6;transition: .1s;}
.mc_line > li > a > div > span{position:absolute;max-width: 45%;right:0px;bottom: 10px;transition: .1s;border:0px solid #dfdfdf;}
.mc_line > li:nth-child(1) > a > div > span{right:70px;}
.mc_line > li.mc1 > a > div{background: url(../image/main/ma1.png) right bottom no-repeat;}
.mc_line > li.mc2 > a > div{background: url(../image/main/ma2.png) right bottom no-repeat;}
.mc_line > li.mc3 > a > div{background: url(../image/main/ma3.png) right bottom no-repeat;}
.mc_line > li.mc4 > a > div{background: url(../image/main/ma4.png) right bottom no-repeat;}

.mc_line > li > a:hover{border: 1px solid #4aafbb;background: #4aafbb;}
.mc_line > li > a:hover > div > div{background:rgba(0, 0, 0, 0.3);}
.mc_line > li.mc1 > a:hover > div{background: url(../image/main/ma1_2.png) right bottom no-repeat;}
.mc_line > li.mc2 > a:hover > div{background: url(../image/main/ma2_2.png) right bottom no-repeat;}
.mc_line > li.mc3 > a:hover > div{background: url(../image/main/ma3_2.png) right bottom no-repeat;}
.mc_line > li.mc4 > a:hover > div{background: url(../image/main/ma4_2.png) right bottom no-repeat;}
.mc_line > li > a:hover > div > div > p{color:#fff;}
.mc_line > li > a:hover > div > div > ul li{color:#fff;}


.mfull_section{width: 100%;margin: 0 auto;}
.mabout_area{display: flex;justify-content: flex-end;width: 100%;height: 100%;background: url(../image/main/mbg.jpg) no-repeat center center; background-size: cover;}
.mabout_box{display: flex;align-items: center;width: 50%;height: 100%;min-height: 800px;background: rgba(0,0,0,0.7);}
.mabout_line{padding: 50px 60px 50px 80px;box-sizing:border-box;max-width: 740px;}
.mabout_line > p.tit1{font-size:18px;color:#fff;line-height:1;word-break: keep-all;}
.mabout_line > p.tit1 strong{font-size:36px;}
.mabout_line > p.tit2{margin-top:20px;margin-bottom: 40px;font-size:33px;color:#fff;font-weight:bold;line-height:1.4;word-break: keep-all;}
.mabout_line > p.tit2 span{display:block;color:#6dc6cf;}
.mabout_line > ul li{margin-top: 25px;font-size:18px;color:#fff;font-weight:300;line-height:1.6;word-break: keep-all;}
.mabout_line > a{margin-top: 45px;padding-bottom:10px;display: block;font-size:18px;color:#fff;font-weight:500;background: url(../image/main/bn.png) left bottom no-repeat;}

.mbcon_area{display:flex;justify-content:space-between;}
.mbcon_area > div{width: 48%;}
.mnot_conts{position:relative;}
.mnot_conts > h3{margin-bottom: 45px;font-size:33px;color:#000;font-weight:500;line-height:1.3;}
.mnot_line{border-top:2px solid #000;}
.mnot_line > li{border-bottom: 1px solid #dfdfdf;}
.mnot_line > li > a{display:flex;align-items:center;width:100%;height:134px;box-sizing:border-box;padding-right:50px;background: url(../image/main/more.png) right center no-repeat;}
.mnot_line > li > a > p.days{width: 19%;font-size:30px;color:#000;font-weight:bold;line-height:1;}
.mnot_line > li > a > .box{margin-left: 2%;width:79%;}
.mnot_line > li > a > .box > p.tit{font-size:19px;color:#000;font-weight:500;line-height:1;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mnot_line > li > a > .box > p.txt{margin-top: 15px;font-size:18px;color:#000;font-weight:300;line-height:1;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mnot_conts > a.more{display: block;position:absolute;right:0;top:10px;}
.mnot_conts > a.more > span{display: inline-block;text-align:center;width: 238px;line-height:58px;border-radius: 58px;border: 1px solid #2b98a5;font-size:17px;color:#2b98a5;}

.mic_line{margin-left: -20px;margin-top: -20px;display:flex;flex-wrap: wrap;}
.mic_line > li{margin-left: 20px;margin-top: 20px;width: calc(50% - 20px);}
.mic_line > li > a{position:relative;display: block;width: 100%;box-sizing:border-box;border: 1px solid #dfdfdf;padding: 33px;}
.mic_line > li > a > p{font-size:23px;color:#000;font-weight:500;line-height:1;padding-bottom: 100px;background: url(../image/main/ba.png) left bottom no-repeat;}
.mic_line > li > a > span{position:absolute;right: 30px;bottom:30px;}
.mic_line > li > a > span img.on{display:none;}
.mic_line > li:hover > a{border: 1px solid #4aafbb;background:#4aafbb;}
.mic_line > li:hover > a > p{color:#fff;background: url(../image/main/ba2.png) left bottom no-repeat;}
.mic_line > li:hover > a > span img.on{display:block;}
.mic_line > li:hover > a > span img.of{display:none;}


@media screen and (max-width:1720px){
	
}

@media screen and (max-width:1599px){
	
}

@media screen and (max-width:1430px){
	
}

@media screen and (max-width:1180px){
	
}


@media screen and (max-width:1024px){
	.mcont_wid{padding: 70px 0;}
	.mc_line > li{width: calc(100% - 20px);}
	h2.m_title{margin-bottom: 40px;}
	
	.mabout_box{width: 100%;;min-height: 100%;}
	.mabout_line{padding: 50px;max-width: 100%;}
	
	.mbcon_area{display:block;}
	.mbcon_area > div{width: auto;}
	.mic_area{margin-top: 55px;}
}

@media screen and (max-width:767px){
	.nw_mvsl .bx-controls-direction{display: none;}
	.nw_mvsl .bx-pager{top: auto;bottom: 50px;}
	.nw_mvsl .bx-pager-item{margin: 0 12px;}
	.nw_mvsl .bx-pager-item a{width:6px;height:6px;}
	.nw_mvsl .bx-pager-item a.active:after{left:-5px;top:-5px;bottom:-5px;right:-5px;}
	.nw_mvsl .wid > .all_txt > p.txt1{font-size: 25px;}

	h2.m_title{margin-bottom: 30px;font-size:35px;}
	.mc_line > li > a > div{background-size: auto 120px !important;}
	.mc_line > li > a > div > div{min-height:240px;padding:30px 20px;}
	.mc_line > li > a > div > div > p{margin-bottom:15px;font-size: 20px;}
	.mc_line > li > a > div > div > ul li{font-size:15px;line-height: 1.4;}
	.mc_line > li > a > div > div > ul li br{display:none;}
	.mc_line > li > a > div > span{max-width: 47%;right: 10px;}
	.mc_line > li:nth-child(1) > a > div > span{right:0px;}

	.mabout_line{padding: 50px 20px;}
	.mabout_line > p.tit1{font-size:16px;}
	.mabout_line > p.tit1 strong{font-size:30px;}
	.mabout_line > p.tit2{margin-top:18px;margin-bottom: 25px;font-size:23px;}
	.mabout_line > ul li{margin-top: 15px;font-size:16px;}
	.mabout_line > a{margin-top: 30px;font-size:17px;}

	.mnot_conts > h3{margin-bottom: 30px;font-size:30px;line-height:1;text-align:center;}
	.mnot_conts > h3 br{display: none;}
	.mnot_line > li > a{height:80px;padding-right:30px;background-size: 24px;}
	.mnot_line > li > a > p.days{width: 90px;font-size:20px;}
	.mnot_line > li > a > .box{margin-left: 5px;width:calc(100% - 95px);}
	.mnot_line > li > a > .box > p.tit{font-size:16px;}
	.mnot_line > li > a > .box > p.txt{margin-top: 10px;font-size:15px;}
	.mnot_conts > a.more{position:static;margin-top: 25px;text-align:center;}
	.mnot_conts > a.more > span{width: 138px;line-height:44px;border-radius: 44px;font-size:16px;}

	


}

@media screen and (max-width:640px){
	
}

@media screen and (max-width:520px){
	.mic_line{margin-left: -4px;margin-top: -4px;}
	.mic_line > li{margin-left: 4px;margin-top: 4px;width: calc(50% - 4px);}
	.mic_line > li > a{padding: 30px 20px;}
	.mic_line > li > a > p{font-size:20px;padding-bottom: 60px;background-size: 24px;}
	.mic_line > li > a > span{position:absolute;right: 15px;bottom:25px;width: 40px;}
	.mic_line > li.on > a > p{background-size: 24px;}

}

@media screen and (max-width:420px){
	
}

@media screen and (max-width:380px){

}

