.main_conts{width:100%;margin:0 auto;box-sizing:border-box;}

.nw_mvsl{position: relative;width:100%;margin:0 auto;}
.mvsl_sld > li{width:100%;height:100vh;min-height:500px;box-sizing:border-box;}
.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;}
.mvsl_sld > li.bg7 > span{background: url(../image/main/m_vsl7.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg8 > span{background: url(../image/main/m_vsl8.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg9 > span{background: url(../image/main/m_vsl9.jpg) no-repeat center center; background-size: cover;}
.mvsl_sld > li.bg10 > span{background: url(../image/main/m_vsl10.jpg) no-repeat center center; background-size: cover;}

.nw_mvsl .bx-controls{}
.nw_mvsl .bx-controls a{ font-size: 0; }
.nw_mvsl .bx-pager{position:absolute;left:0;right:0;bottom:70px;text-align:center;z-index:52;font-size: 0;}
.nw_mvsl .bx-pager-item{display: inline-block;margin:0 10px;font-size: 0;vertical-align:middle;}
.nw_mvsl .bx-pager-item a{position:relative;display: block;box-sizing:border-box;width:18px;height:18px;background:#000;border-radius: 100%;transition: all 0.3s ease-in-out;opacity:0.33;}
.nw_mvsl .bx-pager-item a.active{opacity:1;background: #1f8688;}
.nw_mvsl .bx-controls-direction{}
.nw_mvsl .bx-controls-direction a{width: 36px; height: 67px;position: absolute;top:50%;margin-top:-34px;z-index: 53;}
.nw_mvsl .bx-prev{left: 5%;background: url(../image/main/mvs_prev.png) center center no-repeat;}
.nw_mvsl .bx-next{right: 5%;background: url(../image/main/mvs_next.png) center center no-repeat;}
.nw_mvsl .bx-controls-auto{display:none;}
.nw_mvsl .wid{position: absolute; top:0; z-index:51; left:calc((100% - 1180px) / 2); width:1180px;height:100%;display:table;text-align:center;}
.nw_mvsl .wid > .all_txt{position:relative;z-index:1;display:table-cell;vertical-align:middle;box-sizing:border-box;}
.nw_mvsl .wid > .all_txt > p.txt1{font-size:60px;color:#fff;line-height:1.3;font-weight:800;word-break: keep-all;font-family: 'Nanum Myeongjo', serif;-webkit-text-stroke: 1px #484444;text-shadow: -2px -2px 0 #484444, 2px -2px 0 #484444, -2px  2px 0 #484444, 2px  2px 0 #484444;}
.nw_mvsl .wid > .all_txt > p.txt1 span{display: inline-block;color: #fff;-webkit-text-stroke: 1px #1f8688;text-shadow: -2px -2px 0 #1f8688, 2px -2px 0 #1f8688, -2px  2px 0 #1f8688, 2px  2px 0 #1f8688;}

.nw_mvsl .motion{opacity:0; display:block; position:relative;  transition: all 0.7s ease-out;word-break:break-all;}
.nw_mvsl .motion.ac{opacity:1;word-break:break-all;}
.nw_mvsl .motion.motion2.ac{opacity:0.8;}
.nw_mvsl .motion1{
	-webkit-transform:translate3d(0,-5px,0);
	-moz-transform:translate3d(0,-5px,0);
	-ms-transform:translate3d(0,-5px,0);
	-o-transform:translate3d(0,-5px,0);
	transform:translate3d(0,-5px,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.1s;
	word-break:break-all;
}


.nw_mvsl .motion2{
	-webkit-transform:translate3d(0,5px,0);
	-moz-transform:translate3d(0,5px,0);
	-ms-transform:translate3d(0,5px,0);
	-o-transform:translate3d(0,5px,0);
	transform:translate3d(0,5px,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.1s;
	word-break:break-all;
}

.mvsl_sld > li > span{display: block;position: absolute; top: 0; left:0; right:0; bottom:0; width: 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: 0s;
}
.mvsl_sld > li > span:before{content: "";position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: #fff;opacity: 0.27;}
/*
.smv_pop{position: absolute;right:calc((100% - 1280px) / 2);top: 50%;transform: translateY(-50%);z-index: 55;}
.smv_pop > a{display: inline-block;font-size: 0;}
*/


.msection1{width: 100%;margin: 0 auto;}
.msection2{width: 100%;margin: 0 auto;background: #f3f3f3;}
.msection3{width: 100%;margin: 0 auto;background: url(../image/main/abm.png) left 30% no-repeat;}


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


.mc_line{margin-left: -20px;margin-top: -20px;display: flex;flex-wrap: wrap;}
.mc_line > li{margin-left: 20px;margin-top: 20px;width: calc(33.33333333% - 20px);}
.mc_line > li > a{display: block;font-size: 0;position: relative;overflow: hidden;}
.mc_line > li > a:before{content:"";position: absolute;left: 10px;top: 10px;right: 10px;bottom: 10px;border: 1px solid #fff;opacity:0.3;z-index: 1;}
.mc_line > li > a > img{width: 100%;transition: all 0.3s ease-in-out;}
.mc_line > li:hover > a > img{transform: scale(1.1,1.1);}
.mc_line > li > a .tits{position: absolute;left: 11%;top: 10%;width: 78%;font-size: 18px;color: #fff;font-weight: 400;}
.mc_line > li > a .tits span{margin-bottom: 16px;display: block;font-size: 28px;font-weight: bold;line-height: 1;}
.mc_line > li > a .view_bn{position: absolute;left: 10px;right: 10px;bottom: 10%;text-align: center;}
.mc_line > li > a .view_bn span{display: inline-block;width: 158px;line-height: 46px;background: rgba(84,84,84,0.7);font-size: 18px;color:#fff;font-family: 'GmarketSansBold';transition: all 0.3s ease-in-out;}
.mc_line > li:hover > a .view_bn span{background: #000;}


h4.ms_title{text-align: center;margin-bottom: 35px;font-size: 28px;color:#000;font-weight: bold;line-height: 1;font-family: 'GmarketSansBold';}

.msb_box{position: relative;}
.swiper-container.msec_slid1{position:relative;}
.swiper-container.msec_slid1 .swiper-slide > a{display: block;transition: .4s;align-items:center;text-align:center;}
.swiper-container.msec_slid1 .swiper-slide > a > .img{position: relative;transition: .4s;overflow:hidden;}
.swiper-container.msec_slid1 .swiper-slide > a > .img img{width:100%;transition: all 0.3s ease-in-out;}
.swiper-container.msec_slid1 .swiper-slide > a > p.tit{margin-top: 18px;font-size:20px;color:#2c2c2c;font-weight:500;line-height:1;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.swiper-container.msec_slid1 .swiper-slide:hover > a > .img img{transform: scale(1.1) rotate(-3deg);}
.msb_box .swiper-button-next, .msb_box .swiper-button-prev{position:absolute;top:50%;margin-top:-60px;z-index:9;width:80px;height:80px;border-radius: 100%;}
.msb_box .swiper-button-next{right:-140px;background: #616161 url(../image/main/ms_rt.png) center center no-repeat;}
.msb_box .swiper-button-prev{left:-140px;background: #616161 url(../image/main/ms_lf.png) center center no-repeat;}
.msb_box .swiper-button-next:after{display:none;}
.msb_box .swiper-button-prev:after{display:none;}


.mabout_box{padding-left: 10.666666%;display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse;}
.mabout_box > .img{width: 48.5%;}
.mabout_box > .img span{display: inline-block;border-radius: 15px;overflow: hidden;}
.mabout_box > .box{width: 48.5%;}
.mabout_box > .box .title{padding-bottom: 25px;margin-bottom: 25px;border-bottom: 1px solid #1f8688;}
.mabout_box > .box .title h5{font-size: 65px;color: #484444;line-height: 1;font-family: 'GmarketSansBold';}
.mabout_box > .box .title p{margin-top: 10px;font-size: 24px;color: #484444;line-height: 1.2;font-family: 'GmarketSansMedium';}
.mabout_box > .box ul li{font-size: 20px;color:#484444;line-height: 1.8;}

.mnot_area{width: 100%;max-width: 1180px;margin: 80px auto 0;}
.mnot_line{display: flex;justify-content: space-between;flex-wrap: wrap;}
.mnot_line > li{margin-bottom: 30px;max-width: 23%;width: 204px;text-align: center;}
.mnot_line > li:nth-child(even){padding-top: 30px;}
.mnot_line > li > a{display: block;}
.mnot_line > li > a > div{width: 100%;max-width: 204px;margin: 0 auto;height: 204px;border-radius: 100%;position: relative;display: table;background: #1f8688;}
.mnot_line > li > a > div:before{content: "";position: absolute;left: 10px;top: 10px;right: 10px;bottom: 10px;border-radius: 100%;border: 1px solid #fff;opacity:0.3;}
.mnot_line > li:nth-child(even) > a > div{background: #1f5f88;}
.mnot_line > li > a > div > span{display: table-cell;vertical-align: middle;}
.mnot_line > li > a > p{margin-top: 25px;font-size: 24px;color:#000;line-height: 1;}
.mnot_line > li:hover > a > div span{transition: all 0.3s ease-in-out;transition: .4s;transform: rotateY(360deg);}
.mnot_line > li:hover > a > p{color: #229294;}

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


}
@media screen and (max-width:1600px){
	.msb_box .swiper-button-next, .msb_box .swiper-button-prev{margin-top:-40px;width:40px;height:40px;}
	.msb_box .swiper-button-next{right:-10px;}
	.msb_box .swiper-button-prev{left:-10px;}
}

@media screen and (max-width:1500px){
	.mabout_box{padding-left: 0;}
}

@media screen and (max-width:1280px){
	.nw_mvsl .bx-controls-direction{display: none;}
}

@media screen and (max-width:1180px){
	.nw_mvsl .wid{left:0; width:100%;}
	.nw_mvsl .wid > .all_txt{padding:12px;}
}


@media screen and (max-width:1024px){
	.mvsl_sld > li{height:calc(100vh - 80px);}
	.msection3{background: none;}
	.mabout_box{display: block;}
	.mabout_box > .img{width: auto;}
	.mabout_box > .box{width: auto;margin-top: 35px;}
	.mabout_box > .box ul li br{display: none;}
	
	.mnot_area{margin: 60px auto 0;}
	.mnot_line > li{max-width: 50%;width: 50%;}
	.mnot_line > li:nth-child(even){padding-top: 0;}
}


@media screen and (max-width:767px){
	.nw_mvsl .wid > .all_txt > p.txt1{font-size: 33px;}
	.nw_mvsl .wid > .all_txt > p.txt1 span{display: block;margin-top: 5px;}
	.nw_mvsl .bx-pager{bottom:55px;}
	.nw_mvsl .bx-pager-item{margin:0 5px;}
	.nw_mvsl .bx-pager-item a{width:12px;height:12px;}
	
	.mc_line{margin-left: 0;margin-top: 0;display: block;width: 100%;max-width: 520px;margin: 0 auto;}
	.mc_line > li{margin-left: 0;margin-top: 0;width: auto;}
	.mc_line > li + li{margin-top: 20px;}
	.mc_line > li > a .tits{top: 12%;font-size: 17px;}
	.mc_line > li > a .tits span{margin-bottom: 12px;font-size: 24px;}
	.mc_line > li > a .view_bn span{font-size: 16px;}
	
	h4.ms_title{margin-bottom: 30px;font-size: 25px;}
	.swiper-container.msec_slid1 .swiper-slide > a > p.tit{margin-top: 13px;font-size:16px;}
	
	.mabout_box > .box .title{padding-bottom: 20px;margin-bottom: 20px;}
	.mabout_box > .box .title h5{font-size: 13vw;}
	.mabout_box > .box .title p{font-size: 20px;line-height: 1.3;}
	.mabout_box > .box ul li{font-size: 17px;}
}
	

@media screen and (max-width:520px){
	.mnot_line > li > a > div{max-width: 140px;height: 140px;}
	.mnot_line > li > a > div:before{left: 5px;top: 5px;right: 5px;bottom: 5px;}
	.mnot_line > li > a > div > span img{max-width: 60px;}
	.mnot_line > li > a > p{margin-top: 15px;font-size: 20px;}
}

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

}

.action{opacity: 0; transform: translateY(50px);transition: all 0.9s ease;}
.action.show{opacity: 1;transform: translateY(0);}

.sa {
	opacity: 0;
	transition: all .9s ease;
}

/* 아래에서 위로 페이드 인 */
.sa-up {
	transform: translate(0, 40px);
}

.sa.show {
	opacity: 1;
	transform: none;
}