.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:calc(100vh - 100px);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: 50%;margin-top: 80px;width: 100%;text-align:center;z-index:52;}
.nw_mvsl .bx-pager-item{display: inline-block;margin: 0;text-align:center;font-size: 0;}
.nw_mvsl .bx-pager-item a{position:relative;display: inline-block;width:50px;height:2px;font-size:0;background:#fff;opacity:0.3;transition: all 0.3s ease-in-out;}
.nw_mvsl .bx-pager-item a.active{opacity:1;}
.nw_mvsl .bx-controls-direction{display: none;}
.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: calc(100vh - 100px);min-height:550px;display: flex;align-items:center;position:relative;z-index:9;}
.nw_mvsl .wid > .all_txt{width: 100%;padding: 30px 10px 100px;text-align: center;}
.nw_mvsl .wid > .all_txt > p.txt1{font-size: 45px;color: #fff;font-weight: 900;line-height: 1.2;word-break: keep-all;font-family: 'Poppins';}
.nw_mvsl .wid > .all_txt > p.txt2{margin-top: 20px;font-size: 25px;color: #fff;line-height: 1.4;word-break: keep-all;}

.nw_mvsl .bnn_cnt{position: absolute; left: 50%;top:50%;transform: translateX(-50%);margin-top: 86px;z-index:56;}
.nw_mvsl .bnn_cnt span{font-size: 16px; color: #fff;line-height: 1;font-weight:500;}
.nw_mvsl .bnn_cnt span.tbbn_nu{margin-right:210px;}

.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;
}


.msection1{width: 100%;margin: 0 auto;}
.msection2{width: 100%;margin: 0 auto;background: #f5f5f5;}
.msection3{width: 100%;margin: 0 auto;}
.mcon_wid{width: calc(100% - 20px);max-width: 1180px;margin: 0 auto;padding: 80px 0;}

h3.mctitle{text-align:center;margin-bottom: 40px;font-size: 30px;color:#000;font-weight: bold;line-height: 1;font-family: 'Poppins';}

.ctslid_area{position:relative;}
.ctslid_area .swiper-button-next, .ctslid_area .swiper-button-prev{position:absolute;top:50%;margin-top:-95px;z-index:9;width:80px;height:80px;}
.ctslid_area .swiper-button-prev{left:-135px;background: url(../image/main/ms_lf.png) center center no-repeat;}
.ctslid_area .swiper-button-next{right:-135px;background:  url(../image/main/ms_rt.png) center center no-repeat;}
.ctslid_area .swiper-button-next:after{display:none;}
.ctslid_area .swiper-button-prev:after{display:none;}
.swiper-container.msec_slid{position:relative;overflow: hidden;text-align: center;}
.swiper-container.msec_slid .swiper-slide > a{position:relative;display: block;}
.swiper-container.msec_slid .swiper-slide > a > .img{overflow: hidden;border: 1px solid #dfdfdf;}
.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:hover > .img img{transform: scale(1.1,1.1);}
.swiper-container.msec_slid .swiper-slide > a > .box{margin-top: 25px;}
.swiper-container.msec_slid .swiper-slide > a > .box > .tit{font-size: 18px;color:#000;font-weight:500;width:99%;word-break:break-all;word-wrap: break-word;min-height:56px;}/*white-space:nowrap;text-overflow:ellipsis;overflow:hidden;*/
.swiper-container.msec_slid .swiper-slide > a > .box > .tit_e{margin-top: 5px;font-size: 16px;color:#454545;font-weight:300;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.swiper-container.msec_slid .swiper-slide > a > .box > .view{margin-top: 20px;font-size: 16px;color:#ed1c24;font-weight:400;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.mc_area{display: flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;}
.mc_img{width: 49%;}
.mc_box{width: 45%;}
.mc_img > span{display: block;position: relative;}
.mc_img > span:after{content:"";position: absolute;left: -20px;top: 20px;right: 20px;bottom: -20px;border: 1px solid #ed1c24;}
.mc_img > span img{width: 100%;}
.mc_box p.txt1{font-size: 20px;color:#ed1c24;font-weight: 500;font-family: 'Poppins';}
.mc_box p.txt2{margin: 25px 0;font-size: 33px;color:#000;font-weight: bold;font-family: 'Poppins';line-height: 1.2;}
.mc_box p.txt3{font-size: 23px;color:#000;font-weight: 500;}
.mc_box p.txt4{margin-top: 25px;font-size: 18px;color:#000;font-weight: 350;}
.mc_box .bn{margin-top: 75px;}
.mc_box .bn a{display: inline-block;text-align: center;width: 200px;line-height: 58px;border-radius: 60px;border: 1px solid #ed1c24;font-size: 16px;color:#ed1c24;}


.mnot_area{position: relative;}
.mnot_area h4.titles{margin-bottom: 40px;font-size: 30px;color:#000;font-weight: 500;line-height: 1.3;}
.mnot_area h4.titles span{margin-bottom: 10px;display: block;font-size: 20px;color:#ed1c24;line-height: 1.1;font-family: 'Poppins';}
.mnot_area .more{position: absolute;right: 0;top: 5px;}
.mnot_area .more a{display: inline-block;text-align: center;width: 200px;line-height: 58px;border-radius: 60px;border: 1px solid #ed1c24;font-size: 16px;color:#ed1c24;}
.mnot_line{border-top: 2px solid #000;}
.mnot_line > li{padding: 36px 30px 36px 0;display: flex;align-items:center;border-bottom: 1px solid #dfdfdf;background: url(../image/main/more.png) right center no-repeat;}
.mnot_line > li > .data{width: 150px;}
.mnot_line > li > .data p{font-size: 23px;color:#000;font-weight: bold;}
.mnot_line > li > .box{width: calc(100% - 150px);}
.mnot_line > li > .box > a{display: block;font-size: 19px;color:#000;line-height: 1.1;font-weight: 500;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mnot_line > li > .box > p{margin-top: 15px;display: block;font-size: 18px;color:#000;line-height: 1.1;font-weight: 300;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.mbc_conts{margin-top: 80px;}
.mcb_bns{margin-left: -20px;margin-top: -10px;display: flex;flex-wrap:wrap;}
.mcb_bns > li{margin-left: 20px;margin-top: 10px;width: calc(33.33% - 20px);height: 100px;display: table;}
.mcb_bns > li > a{display: table-cell;vertical-align: middle;background: #f5f5f5;padding: 10px 30px;border-radius: 25px;}
.mcb_bns > li > a > p{padding-right: 30px;font-size: 17px;color:#000;font-weight: 500;line-height: 40px;background: url(../image/main/mic0.png) right center no-repeat;}
.mcb_bns > li > a > p > span{display: block;padding-left: 50px;}
.mcb_bns > li.ico1 > a > p > span{background: url(../image/main/mic1.png) left center no-repeat;}
.mcb_bns > li.ico2 > a > p > span{background: url(../image/main/mic2.png) left center no-repeat;}
.mcb_bns > li.ico3 > a > p > span{background: url(../image/main/mic3.png) left center no-repeat;}
.mcb_bns > li.ico4 > a > p > span{background: url(../image/main/mic4.png) left center no-repeat;}
.mcb_bns > li > a:hover{background: linear-gradient(to right, #ef4b23, #f8981c);}
.mcb_bns > li > a:hover > p{color: #fff;background: url(../image/main/mic0_2.png) right center no-repeat;}
.mcb_bns > li.ico1 > a:hover > p > span{background: url(../image/main/mic1_2.png) left center no-repeat;}
.mcb_bns > li.ico2 > a:hover > p > span{background: url(../image/main/mic2_2.png) left center no-repeat;}
.mcb_bns > li.ico3 > a:hover > p > span{background: url(../image/main/mic3_2.png) left center no-repeat;}
.mcb_bns > li.ico4 > a:hover > p > span{background: url(../image/main/mic4_2.png) left center no-repeat;}

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

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

@media screen and (max-width:1450px){
	.ctslid_area{position:relative;padding: 0 50px;}
	.ctslid_area .swiper-button-next, .ctslid_area .swiper-button-prev{margin-top:-75px;width:40px;height:40px;}
	.ctslid_area .swiper-button-prev{left:0;background-size: 40px;}
	.ctslid_area .swiper-button-next{right:0;background-size: 40px;}
}

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


@media screen and (max-width:1024px){
	.mcb_bns{margin-left: -10px;}
	.mcb_bns > li{margin-left: 10px;width: calc(50% - 10px);}

}

@media screen and (max-width:767px){
	.mvsl_sld > li{height:calc(100vh - 80px);}
	.nw_mvsl .wid{height: calc(100vh - 80px);}
	.nw_mvsl .bx-pager{top: auto;margin-top: 0;bottom: 60px;}
	.nw_mvsl .bx-pager-item a{width:36px;}
	.nw_mvsl .bnn_cnt{top:auto;margin-top: 0;bottom:55px;}
	.nw_mvsl .bnn_cnt span{font-size: 14px;}
	.nw_mvsl .bnn_cnt span.tbbn_nu{margin-right:140px;}
	.nw_mvsl .wid > .all_txt > p.txt1{font-size: 30px;}
	.nw_mvsl .wid > .all_txt > p.txt2{margin-top: 15px;font-size: 18px;line-height: 1.6;}

	.mcon_wid{padding: 65px 0;}
	h3.mctitle{margin-bottom: 30px;font-size: 27px;}
	.swiper-container.msec_slid .swiper-slide > a > .box{margin-top: 15px;}
	.swiper-container.msec_slid .swiper-slide > a > .box > .tit{font-size: 16px;}
	.swiper-container.msec_slid .swiper-slide > a > .box > .tit_e{font-size: 15px;}
	.swiper-container.msec_slid .swiper-slide > a > .box > .view{margin-top: 15px;font-size: 15px;}
	

	.mc_area{display: block;text-align:center;}
	.mc_img{width: auto;max-width: 80%;margin: 0 auto;}
	.mc_box{width: auto;margin-top: 45px;}
	.mc_img > span:after{left: -12px;top: 12px;right: 12px;bottom: -12px;}
	.mc_box p.txt1{font-size: 18px;}
	.mc_box p.txt2{margin: 16px 0;font-size: 28px;}
	.mc_box p.txt3{font-size: 19px;}
	.mc_box p.txt4{margin-top: 15px;font-size: 16px;}
	.mc_box p br{display: none;}
	.mc_box .bn{margin-top: 35px;}
	.mc_box .bn a{width: 160px;line-height: 48px;border-radius: 50px;}
	
	.mnot_area h4.titles{margin-bottom: 30px;font-size: 22px;}
	.mnot_area h4.titles span{margin-bottom: 8px;font-size: 17px;}
	.mnot_area .more{position: static;margin-top: 30px;text-align: center;}
	.mnot_area .more a{width: 160px;line-height: 48px;border-radius: 50px;}
	.mnot_line > li{padding: 30px 0 30px 0;display: block;background: none;}
	.mnot_line > li > .data{width: auto;margin-bottom: 15px;}
	.mnot_line > li > .data p{font-size: 20px;line-height: 1;}
	.mnot_line > li > .box{width: auto;}
	.mnot_line > li > .box > a{font-size: 16px;}
	.mnot_line > li > .box > p{margin-top: 12px;font-size: 15px;}

	.mbc_conts{margin-top: 55px;}
}

@media screen and (max-width:640px){
	.mcb_bns > li{width: calc(100% - 10px);height: 80px;}
}

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

}

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

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

}