@charset "utf-8";

	.main_wrap{margin-top: 101px; overflow: hidden;}
	.af{content: '';display: block;clear: both;}
	.m_header{display:none}
	

	
	

	/* Main Visual */
	.mv_sec {position:relative; height:870px; width:100%;max-width: 1920px;margin:auto; font-size: 18px;text-align: center;}

	/* Main Slider Start Effect */
	.mv_list {transition:5s;}


	/* Main Slider Height */
	.mv_sec .mv_autoplay .item {position:relative;width:100%;height:870px;overflow:hidden;z-index:1;}
	.mv_sec .mv_autoplay .item.slick-active{z-index:2;}
	.mv_sec .mv_autoplay .item img{display:block;width:100%;height:870px;position:absolute;top:0;left:0px;bottom:0;right:0;margin:auto;transform:scale(1.1); transition:1.5s; opacity: 1;  object-fit: cover;}
	.mv_sec .mv_autoplay .item.slick-active img {transform:scale(1);transform:rotate(0.02deg);margin: 0;/*  opacity: 1; */} 

	/* Main Slider Slogan */
	.mv_info {position: absolute;left: 50%;top: 20%; margin-top: 18px; -webkit-transform: translateX(-50%);-moz-transform:translateX(-50%) ;-ms-transform:translateX(-50%) ;-o-transform:translateX(-50%) ;transform:translateX(-50%) ;}	



	/* Text */
	 .mv_sec .mv_autoplay  .item .t1 {position: relative; top: -100px;font-size: 1.11em;line-height: 1;color: #fff;;font-weight: 700; transition:0.8s; opacity: 0;text-shadow: 3px 3px 4px rgba(0,0,0,0.2); text-align: center; letter-spacing: 0.4em; font-family: 'Montserrat',sans-serif;}
	 .mv_sec .mv_autoplay  .item .t2 {position: relative; top: -100px;font-size: 3.05em;line-height: 65px;color: #fff;;font-weight: 700; transition:0.8s; opacity: 0;text-shadow: 3px 3px 4px rgba(0,0,0,0.2); text-align: center; font-family: 'Montserrat',sans-serif; text-transform: uppercase; margin-top: 26px;}
	 .mv_sec .mv_autoplay  .item .t3 {position: relative; top: -100px;font-size: 1em;line-height: 1.6;color: #fff;; transition:0.8s; opacity: 0;text-shadow: 3px 3px 4px rgba(0,0,0,0.2); text-align: center; margin-top: 55px;}

	

	/* Text Effect*/ 
 	.mv_sec .mv_autoplay .item.slick-active.on .mv_info .t1{opacity:1; top: 0;transition:0.8s;}
	.mv_sec .mv_autoplay .item.slick-active.on .mv_info .t2{opacity:1; top: 0;transition:1.2s;}
	.mv_sec .mv_autoplay .item.slick-active.on .mv_info .t3{opacity:1; top: 0;transition:1.6s;} 


	/* Text Effect*/ 
	.active .mv_info .t1 {opacity:1; top: 0;}
	.active .mv_info .t2 {opacity:1; top: 0;}
	.active .mv_info .t3 {opacity:1; top: 0;}


	/* dot */
	.mv_sec .slick-dots li button{background: rgba(255,255,255,0.5);transition:0.3s;}
	.mv_sec .slick-dots li.slick-active button{background: #2665ce;}


	@media (min-width:800px){ 
		.mv_sec .slick-dots li button:hover, .slick-dots li button:focus{background: #2665ce;}

	}	


	/* sroll */
	.mv_scroll {position:absolute;bottom:60px;left:50%;width:51px;height:68px;background:url(../../images/main/scroll.png) no-repeat center top; z-index:1;animation-duration:2s;animation-name:ani1;animation-iteration-count:infinite; -webkit-transform: translateX(-50%);-moz-transform:translateX(-50%) ;-ms-transform:translateX(-50%) ;-o-transform:translateX(-50%) ;transform:translateX(-50%) ;}
	@keyframes ani1{
		from{bottom:50px;}
		25%{bottom:80px;}
		to{bottom:50px;}
	}



	/* main section */
	.mns_tit{text-align: center; text-transform: uppercase; margin-bottom: 60px;}
	.mns_tit h2{font-size: 2.5em; line-height: 1; padding: 30px 0 33px;font-family: 'Montserrat',sans-serif; font-weight: 700; position: relative;}
	.mns_tit h2::before{position: absolute; content: ""; width: 26px; height: 4px; background: #0f3b89; left: 50%; top: 0;  -webkit-transform: translateX(-50%);-moz-transform:translateX(-50%) ;-ms-transform:translateX(-50%) ;-o-transform:translateX(-50%) ;transform:translateX(-50%) ;}
	.mns_tit p{font-size: 1.125em; line-height: 1;}
	.mns_wrap{padding: 100px 0 120px; text-align: center; font-size: 16px; -ms-word-break: keep-all; word-break: keep-all;}

	/* main section2 */
	.mns2_wrap li{float: left; width: calc(25% - 30px); margin-right: 40px;}
	.mns2_wrap li figure{overflow: hidden;}
	.mns2_wrap li img{ -webkit-transition: 0.5s; -moz-transition:0.5s; -ms-transition:0.5s;-o-transition:0.5s; transition:0.5s;}

	.mns2_wrap li:last-child{margin-right: 0;}
	.mns2_wrap li h3{margin: 30px 0 10px; font-size: 1.625em; color: #000; -webkit-transition: 0.5s; -moz-transition:0.5s; -ms-transition:0.5s;-o-transition:0.5s; transition:0.5s;}
	.mns2_wrap li p{width: 90%; font-size: 1em; line-height: 30px; margin: auto;}


	@media (min-width:800px){ 
		.mns2_wrap li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
		.mns2_wrap li:hover h3{color: #0f3b89;}
	}

	/* main section3 */
	.mns3_wrap {background:url(../../images/main/mns3_bg.jpg) no-repeat center; padding-bottom: 0;}
	.mns3_wrap .mns_tit { margin-bottom: 0px;}
	.mns3_wrap .slick-track { padding: 60px 0 120px;}
	.mns3_wrap li{margin:0 20px; -webkit-transition: 0.5s; -moz-transition:0.5s; -ms-transition:0.5s;-o-transition:0.5s; transition:0.5s;}
	.mns3_wrap a{}
	.mns3_wrap figure{}
	.mns3_wrap .txt_box{background: #fff; text-align: center; padding: 37px 0 39px;}
	.mns3_wrap img{}
	.mns3_wrap h3{font-size: 1.5em;}
	.mns3_wrap span{color: #0f3b89;font-family: 'Montserrat',sans-serif; font-size: 1em; font-weight: 600;}


	/* mns3 arr */
	.mns3_wrap .slick-prev,
	.mns3_wrap .slick-next {width: 55px; height: 55px; background: #fff; border-radius: 50%; -webkit-transition: 0.5s; -moz-transition:0.5s; -ms-transition:0.5s;-o-transition:0.5s; transition:0.5s; top: calc(50% - 30px);}
	.mns3_wrap .slick-prev { left: -95px; }
	.mns3_wrap .slick-next { right: -95px;}
	.mns3_wrap .slick-prev:before,
	.mns3_wrap .slick-next:before {content: ''; width: 55px; height: 55px; left: 0; top:0 ; background:url(../../images/main/main_arr.png) no-repeat center center; position: absolute;	 -webkit-transition: 0.5s; -moz-transition:0.5s; -ms-transition:0.5s;-o-transition:0.5s; transition:0.5s;}
	.mns3_wrap .slick-prev:before {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}



	@media (min-width:800px){ 
		.mns3_wrap li:hover {-webkit-box-shadow:5px 5px 25px rgba(0,0,0,0.15); -moz-box-shadow:5px 5px 25px rgba(0,0,0,0.15); box-shadow:5px 5px 25px rgba(0,0,0,0.15);}
		.mns3_wrap .slick-prev:hover,
		.mns3_wrap .slick-next:hover {-webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.1); -moz-box-shadow:5px 5px 10px rgba(0,0,0,0.1); box-shadow:5px 5px 10px rgba(0,0,0,0.1);}

	}




	/* main section4 */
	.mns4_wrap { padding: 60px 0 120px;}
	.mns4_wrap .notice_cont{width: 50%; float: left; text-align: left; border: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 50px 50px 38px 50px;}
	.notice_cont .notice_tit{border-bottom: 1px solid #ddd; padding-bottom: 20px; margin-bottom: 22px;}
	.notice_cont .notice_tit h4{float: left; font-size: 1.875em; line-height: 1;}
	.notice_cont .notice_tit a{float: right; color: #fff; width: 27px; height: 27px; background: #c9ccd1; text-align: center; border-radius: 50%;-webkit-transition: 0.5s; -moz-transition:0.5s; -ms-transition:0.5s;-o-transition:0.5s; transition:0.5s; margin-right: 10px; line-height: 27px; display: inline-block;}
	.notice_cont .notice div{}
	.notice_cont .notice a{-webkit-transition: 0.5s; -moz-transition:0.5s; -ms-transition:0.5s;-o-transition:0.5s; transition:0.5s;float: left;	line-height: 40px; width: calc(100% - 105px);text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
	.notice_cont .notice span{float: right; line-height: 40px; width:75px; margin-right: 10px;}

	.mns4_wrap .mns4_2_wrap {width: calc(50% - 40px); margin-left: 40px; float: left;}
	.mns4_wrap .mns4_2_wrap a{position: relative; height: 175px;}
	.mns4_wrap .mns4_2_wrap .mns_cont:last-child{margin-top: 10px;}

	.mns4_wrap .mns4_2_wrap figure{overflow: hidden;}
	.mns4_wrap .mns4_2_wrap img{-webkit-transition: 0.5s; -moz-transition:0.5s; -ms-transition:0.5s;-o-transition:0.5s; transition:0.5s;}

	.mns4_wrap .mns4_2_wrap .txt_box{text-align: left;	position: absolute; top: 58px; left:50px;}
	.mns4_wrap .mns4_2_wrap h3{font-size:1.75em; color: #fff; line-height: 1; margin-bottom: 17px;}
	.mns4_wrap .mns4_2_wrap p{color: #fff; font-size: 1em;}

	@media (min-width:800px){ 
		.notice_cont .notice > div:hover a{color: #0f3b89;}
		.notice_cont .notice_tit a:hover{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);
		transform: rotate(45deg);}
		.mns4_2_wrap .mns_cont:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);	}



	}