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


.video_wrap {
	position: relative;
	height: 100vh;
	min-height: 420px;
	overflow: hidden;
}
.video_wrap video {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
}
.video_wrap img {
	width: 100% !important;
	height: 100%;
	object-fit: cover;
}

.msection1{width:100%;margin:0 auto;position:relative;}
.msection1:after{content: "";position:absolute;left:0;right:0;top:405px;bottom:0;background: #f8f9fb url(../image/main/mbsb.jpg) no-repeat right bottom;z-index: -1;}
.mcont_wid{width: calc(100% - 20px);max-width: 1180px;margin: 0 auto;padding: 160px 0;}

h2.m_title{margin-bottom: 40px;text-align:center;font-size:30px;color:#000;font-weight:bold;line-height:1;}

.mbs_line{margin-left: -20px;margin-top: -20px;display:flex;flex-wrap: wrap;}
.mbs_line > li{margin-left: 20px;margin-top: 20px;width: calc(33.33333333% - 20px);}
.mbs_line > li > a{position:relative;display: block;overflow: hidden;}
.mbs_line > li > a > .img{position:relative;}
.mbs_line > li > a > .img img{width: 100%;}
.mbs_line > li > a > .img p{transform: translateX(0);position: absolute;left: 40px;bottom: 45px;font-size: 23px;color:#fff;font-weight:500;line-height:1;transition: .4s;}
.mbs_line > li > a > .img p:after{content:"";position:absolute;left: 0;top: -24px;width: 33px;height:6px;border-radius: 6px;background: #fff;}
.mbs_line > li > a > .box{transition: .4s;transform: translateX(100%);position: absolute;left:0;top:0;bottom:0;right:0;width:100%;height: 100%;display:flex;justify-content:center;align-items:center;background: rgba(38,34,98,0.95);}
.mbs_line > li > a > .box p{display: inline-block;position:relative;font-size: 23px;color:#fff;font-weight:500;line-height:1;}
.mbs_line > li > a > .box p:after{content:"";position:absolute;left:50%;bottom:-77px;width: 46px;height: 46px;margin-left:-23px;background: url(../image/main/mbsa.png) no-repeat center center;}
.mbs_line > li > a > .box p:before{content:"";position:absolute;left:50%;top:-85px;width: 1px;height: 50px;background: #fff;}
.mbs_line > li:hover > a > .img p{transform: translateX(-200px);}
.mbs_line > li:hover > a > .box{transform: translateX(0);}

.m_title2{margin-top: 160px;margin-bottom:50px;font-size: 25px;color:#000;font-weight:300;line-height:1;}
.m_title2 strong{padding-left:15px;margin-top:15px;display: block;font-size:45px;font-weight:bold;line-height:1;}
.mbs_text{max-width:670px;}
.mbs_text li{font-size: 20px;color:#000;line-height: 1.7;}



.ctslid_area{width:100%;margin:0 auto;position:relative;}
.ctslid_area .swiper-button-next, .ctslid_area .swiper-button-prev{position:absolute;top:50%;margin-top:-90px;z-index:9;width:80px;height:80px;border-radius: 100%;}
.ctslid_area .swiper-button-next{right:-140px;background: #666 url(../image/main/ms_rt.png) center center no-repeat;}
.ctslid_area .swiper-button-prev{left:-140px;background: #666 url(../image/main/ms_lf.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;}
.swiper-container.msec_slid .swiper-slide > a{position:relative;display: block;}
.swiper-container.msec_slid .swiper-slide > a > .img{position: relative;transition: .4s;position: relative;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:hover > .img img{transform: scale(1.1,1.1);}
.swiper-container.msec_slid .swiper-slide > a > .b_text > .tit{padding: 18px 0;font-size:20px;color:#000;font-weight:500;line-height:1;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;}
.swiper-container.msec_slid .swiper-slide > a > .b_text > .tit span{font-size: 15px;color:#000;font-weight:300;line-height:1;position:absolute;right:0;}
.swiper-container.msec_slid .swiper-slide > a > .b_text .md-txt{padding: 20px 0;border-top: 1px solid #dfdfdf;display: flex;justify-content: space-between;align-items:center;}
.swiper-container.msec_slid .swiper-slide > a > .b_text .md-txt p.more{font-size: 15px;color:#262262;font-weight:500;line-height:1;}
.swiper-container.msec_slid .swiper-slide > a > .b_text .md-txt p.data{font-size: 15px;color:#000;font-weight:300;line-height:1;}



.ytb_area{width:100%;margin:0 auto;position:relative;}
.ytb_area .swiper-button-next, .ytb_area .swiper-button-prev{position:absolute;top:50%;margin-top:-80px;z-index:9;width:80px;height:80px;border-radius: 100%;}
.ytb_area .swiper-button-next{right:-140px;background: #666 url(../image/main/ms_rt.png) center center no-repeat;}
.ytb_area .swiper-button-prev{left:-140px;background: #666 url(../image/main/ms_lf.png) center center no-repeat;}
.ytb_area .swiper-button-next:after{display:none;}
.ytb_area .swiper-button-prev:after{display:none;}
.swiper-container.ytb_slid{position:relative;}
.swiper-container.ytb_slid .swiper-slide > a{position:relative;display: block;}
.swiper-container.ytb_slid .swiper-slide > a > .img{position: relative;transition: .4s;position: relative;overflow: hidden;}
.swiper-container.ytb_slid .swiper-slide > a > .img img{width: 100%;transition: all 0.3s ease-in-out;}
.swiper-container.ytb_slid .swiper-slide > a:hover > .img img{transform: scale(1.1);}
.swiper-container.ytb_slid .swiper-slide > a > .boxs{margin-top: 22px;text-align: center;}
.swiper-container.ytb_slid .swiper-slide > a > .boxs > .tit{font-size: 20px;color:#000;font-weight:500;line-height:1.1;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.swiper-container.ytb_slid .swiper-slide > a > .boxs > .txt{margin-top: 20px;font-size: 17px;color:#000;font-weight:300;line-height:1.1;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}


.msection3{width: 100%;margin: 0 auto;background: url(../image/main/mgsbg.jpg) center center no-repeat;background-size: cover;}

.mgs_area{display: flex;justify-content: space-between;}
.mgs_box{width: 49.15%;position:relative;}
.mbns_area{width: 42.37%;}
.mgs_box > h3{margin-bottom: 50px;font-size: 20px;color:#fff;font-weight:300;line-height:1;}
.mgs_box > h3 strong{margin-top:15px;display:block;font-size:30px;font-weight:bold;line-height:1;}
.mgs_more{position:absolute;right:0;top:4px;display: inline-block;width:180px;line-height: 58px;border-radius: 58px;text-align:center;border: 1px solid #fff;font-size: 16px;color:#fff;opacity:0.5;}
.mgs_line{border-top: 2px solid #a1a0bb}
.mgs_line > li{padding: 38px 0;border-bottom: 1px solid #a1a0bb;}
.mgs_line > li:last-child{border-bottom:0;padding-bottom:0;}
.mgs_line > li > a{display: block;padding: 0 80px 0 120px;position: relative;background: url(../image/main/morea.png) right 45px center no-repeat;}
.mgs_line > li > a > .days{position: absolute;left:4px;top:50%;font-size: 26px;color:#fff;font-weight: bold;line-height: 30px;margin-top: -15px;}
.mgs_line > li > a > .list_a .tit{font-size:20px;color:#fff;font-weight:500;line-height:1;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mgs_line > li > a > .list_a .txt{margin-top: 15px;font-size:18px;color:#fff;font-weight:300;line-height:1;width:99%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.mbns_box{margin-left:1px;margin-top: 1px;display: flex;flex-wrap:wrap;}
.mbns_box > li{margin-left:-1px;margin-top: -1px;width: calc(50% + 1px);height: 240px;border: 1px solid rgba(255,255,255,0.3);box-sizing:border-box;}
.mbns_box > li > a{display: flex;width: 100%;height:100%;justify-content:center;align-items:center;transition: .2s;}
.mbns_box > li > a > p{display: inline-block;padding-top: 25px;position: relative;font-size: 20px;color:#fff;line-height:1;transition: .2s;}
.mbns_box > li > a > p > span{display: inline-block;position: relative;}
.mbns_box > li > a > p > span:after{content:"";position:absolute;left:50%;bottom:-48px;margin-left:-16px;width:32px;height:32px;background: url(../image/main/mic5.png) center center no-repeat;transition: .2s;}
.mbns_box > li > a > p:after{content:"";position:absolute;left:50%;top: -40px;width:48px;height: 45px;margin-left:-24px;transition: .2s;}
.mbns_box > li.bn1 > a > p:after{background: url(../image/main/mic1.png) center center no-repeat;}
.mbns_box > li.bn2 > a > p:after{background: url(../image/main/mic2.png) center center no-repeat;}
.mbns_box > li.bn3 > a > p:after{background: url(../image/main/mic3.png) center center no-repeat;}
.mbns_box > li.bn4 > a > p:after{background: url(../image/main/mic4.png) center center no-repeat;}

.mbns_box > li:hover > a{background: #fff;}
.mbns_box > li:hover > a > p{color:#1c1763;}
.mbns_box > li:hover > a > p > span:after{background: url(../image/main/mic5_2.png) center center no-repeat;}
.mbns_box > li.bn1:hover > a > p:after{background: url(../image/main/mic1_2.png) center center no-repeat;}
.mbns_box > li.bn2:hover > a > p:after{background: url(../image/main/mic2_2.png) center center no-repeat;}
.mbns_box > li.bn3:hover > a > p:after{background: url(../image/main/mic3_2.png) center center no-repeat;}
.mbns_box > li.bn4:hover > a > p:after{background: url(../image/main/mic4_2.png) center center no-repeat;}

.msection5{width: 100%;margin:0 auto;background: #f8f9fb;}
.mcont_area{display: flex;justify-content: space-between;}
.mcont_box{width: 35%;}
.mcont_box p.txt1{font-size: 40px;color:#000;line-height:1;font-weight:bold;}
.mcont_box p.txt2{margin: 43px 0;font-size: 20px;color:#282664;line-height:1;font-weight:500;}
.mad_line > li + li{margin-top:30px;} 
.mad_line > li{padding-left: 40px;font-size: 17px;color:#000;line-height: 18px;}
.mad_line > li.tel{background: url(../image/main/ad1.png) left top no-repeat;}
.mad_line > li.fax{background: url(../image/main/ad2.png) left top no-repeat;}
.mad_line > li.mail{background: url(../image/main/ad3.png) left top no-repeat;}

.map_area{width: 60%;background: #000;}
.map_area > div{width: 100%;height: 420px;}

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

@media screen and (max-width:1599px){
	.ctslid_area .swiper-button-next{right:10px;}
	.ctslid_area .swiper-button-prev{left:10px;}
	.ctslid_area .swiper-button-next, .ctslid_area .swiper-button-prev{width: 45px;height:45px;}

	.ytb_area .swiper-button-next{right:10px;}
	.ytb_area .swiper-button-prev{left:10px;}
	.ytb_area .swiper-button-next, .ytb_area .swiper-button-prev{width: 45px;height:45px;}
}
@media screen and (max-width:1430px){
	
}

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


@media screen and (max-width:1024px){
	.video_wrap{height: auto;min-height: 100%;position: relative;padding-bottom:134%;}
	.video_wrap video{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 100%;}
	.video_wrap img{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);width: 100%;}

	.mcont_wid{padding: 90px 0;}
	
	.msection1:after{top:305px;bottom:0;background: #f8f9fb url(../image/main/mbsb.jpg) no-repeat right bottom;z-index: -1;}
	.m_title2{margin-top: 80px;margin-bottom:40px;font-size: 18px;}
	.m_title2 strong{padding-left:10px;margin-top:10px;font-size:30px;}

	.mgs_area{display: block;}
	.mgs_box{width:auto;}
	.mbns_area{width: auto;margin-top: 50px;}
	.mgs_line > li:last-child{padding-bottom: 38px;border-bottom: 1px solid #a1a0bb;}
	.mbns_box > li{width: calc(25% + 1px);}



	.mcont_area{display:block;}
	.mcont_box{width: auto;}
	.mcont_box p.txt1{font-size: 28px;}
	.mcont_box p.txt2{margin: 20px 0;font-size: 18px;}
	.mad_line > li + li{margin-top:15px;} 
	.mad_line > li{padding-left: 30px;font-size: 16px;}
	.map_area{width: auto;margin-top: 40px;}

}

@media screen and (max-width:767px){
	.mbs_line{margin-left: 0;margin-top: 0;display:block;max-width: 460px;margin: 0 auto;}
	.mbs_line > li{margin-left: 0;margin-top: 0;width: 100%;}
	.mbs_line > li + li{margin-top: 20px;}
	h2.m_title{margin-bottom: 35px;font-size:28px;}
	.m_title2{margin-top: 60px;margin-bottom:35px;}
	.m_title2 strong{font-size:28px;}
	.msection1{background: url(../image/main/mbsb.jpg) no-repeat right bottom;background-size: auto 220px;padding-bottom: 140px;}
	.msection1:after{background: #f8f9fb;}
	.mbs_text li{font-size: 16px;}

	.ctslid_area .swiper-button-next, .ctslid_area .swiper-button-prev{display: none;}
	.swiper-container.msec_slid .swiper-slide > a > .b_text > .tit{padding: 15px 0;font-size:16px;}
	.swiper-container.msec_slid .swiper-slide > a > .b_text .md-txt{padding: 15px 0;}
	.swiper-container.msec_slid .swiper-slide > a > .b_text .md-txt p.more{font-size: 14px;}
	.swiper-container.msec_slid .swiper-slide > a > .b_text .md-txt p.data{font-size: 14px;}

	.ytb_area .swiper-button-next, .ytb_area .swiper-button-prev{display: none;}
	.swiper-container.ytb_slid .swiper-slide > a > .boxs{margin-top: 18px;text-align: center;}
	.swiper-container.ytb_slid .swiper-slide > a > .boxs > .tit{font-size: 17px;}
	.swiper-container.ytb_slid .swiper-slide > a > .boxs > .txt{margin-top: 12px;font-size: 15px;}


	.mgs_box > h3{margin-bottom: 35px;font-size: 18px;}
	.mgs_box > h3 strong{margin-top:10px;font-size:28px;}
	.mgs_more{top:8px;width:120px;line-height: 44px;border-radius: 44px;font-size: 15px;}
	.mgs_line > li{padding: 20px 0;}
	.mgs_line > li:last-child{padding-bottom:20px;}
	.mgs_line > li > a{padding: 0 0 0 70px;background: none;}
	.mgs_line > li > a > .days{left:0;font-size: 20px;line-height: 20px;margin-top: -10px;}
	.mgs_line > li > a > .list_a .tit{font-size:17px;}
	.mgs_line > li > a > .list_a .txt{margin-top: 10px;font-size:15px;}

	.mbns_box > li{width: calc(50% + 1px);height: 180px;}
	.mbns_box > li > a > p{font-size: 18px;}
	.mbns_box > li > a > p > span:after{bottom:-44px;}
	.mbns_box > li > a > p:after{top: -34px;}
}

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

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

}

@media screen and (max-width:420px){
	.mbs_line > li > a > .img p{left: 25px;bottom: 35px;font-size: 20px;}
	.mbs_line > li > a > .img p:after{top: -15px;width: 24px;height:4px;border-radius: 4px;}
	.mbs_line > li > a > .box p{font-size: 20px;}
	.mbs_line > li > a > .box p:after{bottom:-45px;width: 30px;height: 30px;margin-left:-15px;background-size: 30px;}
	.mbs_line > li > a > .box p:before{top:-50px;height: 40px;}

}

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

}