@charset "utf-8";

/*** Main_Common ***/

/* 모바일비쥬얼 */
.mv_sec{position: relative;background-color: #eeefe9; border-radius: 0 0 50px 50px;}
.mv_list{position: relative;display: block;max-width: 1400px;margin: 0 auto;}
.mv_list .item{position: relative;height: 690px;background-position: 50%; width: 100%;}
.mv_list .item figure{width: 67.7%;float: left;height: 100%;}
.mv_list .item figure img{height: 100%;}
.mv_list .item .mv_right{position: relative;float: right;width: 32.3%;background-color: #1a7384;height: 100%;padding: 220px 4.2%;box-sizing: border-box;}
.mv_list .item .mv_right h4{}
.mv_list .item .mv_right h4 p{}
.mv_list .item .mv_right h4 p+p{}
.mv_list .item .mv01_right{}
.mv_list .item .mv01_right h4{font-family: 'KoPub Dotum';font-weight: 300;font-size: 25px;line-height: 35px;color: #fff;}
.mv_list .item .mv01_right p{margin-top: 40px;font-family: 'KoPub Dotum';font-weight: 400;font-size: 25px;color: #fff;}
.mv_list .item .mv01_right p span{font-weight: 600;}
.mv_list .item .mv01_right p+p{margin: 0; top: 66.5%; left: 82px;position: absolute;width: 168px;margin-top: 0;}
.mv_p{position: relative;width: 40.4%;height: 51px;line-height: 51px !important;background-color: #fff;padding-left: 22px;box-sizing: border-box;}
.mv_p:hover::After{width:15px;}
.mv_p::after{transition:0.5s;position: absolute;content: '';width: 39px;height: 1px;background: #0a85b3;top: 50%;right: 0;}
.mv_p a{font-family: 'Noto Sans Korean' !important;font-size: 17px !important;color: #1a7384 !important;font-weight: 400;}
.mv_list .owl-dots{position: absolute;bottom: 13px;height: 80px;width: 12%;float: left;left: 0;}
.mv_list .owl-dots .owl-dot{width: 35px;height: 5px;background-color: #bebfba;margin-right: 15px;}
.mv_list .owl-dots .active{background-color: #3EAF95;	}
.mv01{background-size: 100% 100% !important;background:url(../../images/main/m_visual01.jpg) no-repeat;}
.mv02{background-size: 100% 100% !important;background:url(../../images/main/m_visual02.jpg) no-repeat;}
.mv03{background-size: 100% 100% !important;background:url(../../images/main/m_visual03.jpg) no-repeat;}
.af::after{display: block; content:''; clear: both;}
.mv_txt{max-width: 1400px; width:100%;margin: 0 auto;padding-top: 189px; margin-left: 11px;}
.mv_txt ul{margin-left: -10px;margin-bottom: 17px;}
.mv_txt ul li{box-shadow: 0 0 15px rgba(152,155,137,0.03);float: left;width: 56px;height: 56px;background-color: #fff;border-radius: 50%;text-align: center;line-height: 56px;color: #6a7d79;font-size: 18px;margin-right: 5px;font-weight: 400;}
.mv_txt figure{margin-bottom: 37px;width: 18.6% !important;float: none !important;}
.mv_txt figure img{}
.mv_txt p{font-size: 21px;line-height: 31px;color: #202020;font-weight: 400;}
.stop{position: absolute;z-index: 2;bottom: 66px;left: 21.5%;background: url(../../images/main/stop.png) no-repeat;width: 20px;height: 20px;}
/* .play{z-index: 9999;	 bottom: 66px; left: 23.5%;  background: url(../../images/main/stop.png) no-repeat;width: 20px;height: 20px;}
 */

/* main animation */

.mv_txt ul li,
.mv_txt figure,
.mv_txt p{opacity:0; } 
.mv_txt ul li{
		animation-duration: 2s;
		animation-name: slidein2;
		animation-fill-mode: forwards;
}
.mv_txt figure{
		animation-name: slidein2;	
		animation-duration: 2s;
		animation-delay:0.6s;
		animation-fill-mode: forwards;
		opacity:0;

}
.mv_txt p{
		animation-name: slidein2;	
		animation-duration: 2s;
		animation-delay:1.2s;
		animation-fill-mode: forwards;
		opacity:0;


}
 @keyframes slidein2 {
  0% {
   opacity: 0;
	/* margin-top: -90px;  */
  }

  50%{
  	 opacity: 0;
  }

	100%{
	opacity: 1;
/* 	margin-top:5px;  */

  }
} 
/* 메인2 */
.pink_color{color:#E76B76; font-weight: 500;}
.mv_sec1{max-width: 1400px; width:100%;margin: 0 auto;margin-top: 120px;}
.mv_sev1_1{position: relative;padding-bottom: 41px;border-bottom: 1px solid #dbdbdb;box-sizing: border-box;margin-bottom: 53px;}
.mv_sev1_1:before{position: absolute;content: '';width: 100px;height: 117px;background: url(../../images/main/mv_sec1_2.png) no-repeat;bottom:0; right:61px;}
.mv_sev1_1 figure{float: left;margin-right: 35px;}
.mv_sev1_1 h4{font-size: 30px;line-height: 26px;color: #202020;font-weight: 500;line-height: 26px;margin-top: 14px;}
.mv_sev1_1 span{font-size: 17px;font-weight: 500;color: #dc465f;line-height: 26px;display: block;padding-top: 3px;}
.mv_sec1 ul{clear: both;}
.mv_sec1 ul li{width: 20.85%;float: left;}
.mv_sec1 ul li:nth-child(4){width:19.95%;}
.mv_sec1 ul li:nth-child(5){width: 17.5%;}
.mv_sec1 ul li h5{font-size: 21px;line-height: 26px;font-weight: 400;}
.mv_sec1 ul li h5 span{}
.mv_sec1 ul li p{font-size: 16px;line-height: 26px;color: #606060;margin-top: 17px;}

.mv_sev1_2{margin-top: 86px;}
.mv_sev1_2 ul li{cursor:pointer;margin-bottom: 6px;text-align: center;width: 22.35% !important;float: left; margin-right: 3.52%;}
.mv_sev1_2 ul li:nth-child(4n+4){margin: 0;}
.mv_sev1_2 ul li figure{padding: 30px;margin: 0 auto;}
.mv_sev1_2 ul li figure img{text-align:center;}
.mv_sev1_2 ul li h3{transition:0.3s;padding-top: 16px;font-size: 19px;line-height: 26px;color: #303030;font-weight: 400;border-top: 1px solid #dbdbdb;}
.mv_sev1_2 ul li:hover h3{font-weight: 500;	color:#3EAF95; border-top:1px solid #3EAF95; }
/* main_popup */
.main_popup{overflow: visible;}
.main_popup figure{padding-left: 51px;	 box-sizing: border-box;float: left;width: 44.96%;text-align: center;}
.main_popup figure img{}
.main_popup .popup_right{padding-left: 29px; box-sizing: border-box;float: right;width: 55.04%;margin-top: 4px;}
.main_popup .popup_right span{text-transform: uppercase;font-size: 19px;color: #3eaf95;font-weight: 400;display: block;margin-bottom: 19px;}
.main_popup .popup_right h3{font-size: 45px;line-height: 42px;color: #303030;font-weight: 400;}
.main_popup .popup_right ul{margin-top: 32px;}
.main_popup .popup_right ul li{font-size: 16px;line-height: 26px;color: #606060;position: relative;padding-left: 10px;}
.main_popup .popup_right ul li span{position: absolute;left: 0;color: #606060;}
.btn_close2{overflow: initial !important;width: 75px !important;height: 75px !important;right: -75px !important;}
.main_popup .btn_close:after{display: none !important;}
.btn_close2:hover .x_1{opacity: 0;}
.btn_close2:hover .x_over{opacity: 1;}
.x_over{top: 0; position: absolute; left: 0;opacity: 0;}

 /* 메인3 */
.mv_sec3{border-bottom: 1px solid #dbdbdb;margin-top: 112px;box-sizing: border-box;background-color: #F6F6F6;padding: 120px 0;}
.sec3_1{max-width: 1218px;width:100%; margin: 0 auto;}
 .sec3_1 .item{transition:0.3s;}
.sec3_1 .owl-stage-outer{}
 .sec3_1 .item figure{position: relative;box-shadow: 5px 5px 5px rgba(0,0,0,0.05);width: 74.4%;margin: 0 auto;border: 2px solid #fff;box-sizing: border-box;}
 .sec3_1 .item figure img{width:100%;}
  .sec3_1 .item figure:before{transition:0.3s;opacity: 0;position: absolute;content: '';width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0; left:0;}
  .sec3_1 .item figure:after{transition:0.3s;opacity: 0;position: absolute;content: '';width: 45px;height: 42px;background: url(../../images/main/sec3_view.png) no-repeat;top:50%; left:50%;margin-left: -20.5px;margin-top: -21px;}
 .sec3_1 .item:hover figure:before{opacity: 1;}
 .sec3_1 .item:hover figure:after{opacity: 1;}
  .sec3_1 .item:hover{cursor:pointer}
 .sec3_1 .item:hover h4{font-weight: 500;text-decoration: underline;}


 .sec3_1 .item h4{transition:0.3s;line-height: 29px;width: 74.3%;margin: 0 auto;font-size: 19px;color: #303030;font-weight: 400;padding-left: 14px;margin-top: 34px;margin-bottom: 18px;height: 50px;}
 .sec3_1 .item p{width: 74.3%;margin: 0 auto;padding-left: 36px;font-size: 14px;color: #a0a0a0;background: url(../../images/main/sec3_6.png) no-repeat center;background-position: 8px 50%;box-sizing: border-box;}
.sec3_1 .owl-nav button.owl-prev{height: 52px;left: -98px;top: 50%;margin-top: -31px;background: url(../../images/main/sec3_prev.png) no-repeat;}
.sec3_1 .owl-nav button.owl-next{height: 52px;right: -120px;top: 50%;margin-top: -31px;background: url(../../images/main/sec3_next.png) no-repeat;}
.sec3_1 .owl-nav button.owl-prev:before{	transition:0.3s;opacity: 0;position: absolute;content: '';width: 54px;height: 48px;background: url(../../images/main/sec3_prev_over.png) no-repeat;top:1px; left:-2px;}
.sec3_1 .owl-nav button.owl-next:before{transition:0.3s;opacity: 0;position: absolute;content: '';width: 54px;height: 48px;background: url(../../images/main/sec3_next_over.png) no-repeat;top:1px; left:-2px;}
.sec3_1 .owl-nav button.owl-prev:hover:before{opacity: 1;} 
.sec3_1 .owl-nav button.owl-next:hover:before{opacity: 1;} 
/* 메인 4 */







/* 메인 지도 */
