@charset "utf-8";


	
	

	/* Main Visual */
	.mv_sec {position:relative; height:720px; width:100%;max-width: 1920px;margin:auto;}

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


	/* Main Slider Height */
	.mv_sec .mv_list .item {position:relative;width:100%;height:720px;overflow:hidden;z-index:1;}
	.mv_sec .mv_list .item.slick-active{z-index:2;}
	.mv_sec .mv_list .item img{display:block;width:100%;height:720px;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_list .slick-active.item img {transform:scale(1);/* transform:rotate(0.02deg); */margin: 0;/*  opacity: 1; */} 



	/* Main Slider Slogan */
	.mv_sec .mv_info {position: absolute; top: 20.8%; left: 50%; -webkit-transform: translateX(-50%);-moz-transform:translateX(-50%) ;-ms-transform:translateX(-50%) ;-o-transform:translateX(-50%) ;transform:translateX(-50%) ; margin-top: 12px; padding-left: 36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}	

	/* Text */
	 .mv_sec .item .t1 {position: relative; top: -100px;font-size:1.562em; color: #fff;font-weight: 700; transition:0.8s; opacity: 0;text-shadow:  5px 5px 5px rgba(0,0,0,0.15); font-family: 'Montserrat' ;letter-spacing: -0.04em ; text-transform: uppercase; line-height: 1.35;margin-left: 4px;}
	 .mv_sec .item .t2 {position: relative; top: -100px;font-size: 3.43em; color: #fff; transition:0.8s; opacity: 0;text-shadow: 5px 5px 5px rgba(0,0,0,0.15); font-weight: 700; line-height: 1.36; margin: 17px 0 46px;}
	 .mv_sec .item .t3 {position: relative; top: -100px;font-size: 1.125em; color: #fff; transition:0.8s; opacity: 0;text-shadow: 5px 5px 5px rgba(0,0,0,0.15);margin-left: 5px;}


	 .mv04.item .t1 { color: #1fa8ff; text-shadow: none;}
	 .mv04.item .t2 {font-size: 3.75em; color: #333333;  font-weight: 300; line-height: 1.333; text-shadow: none;}
 	 .mv04.item .t2 b{font-weight: 700;}
	 .mv04.item .t3 {color: #666666; text-shadow: none;}



	/* mv 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;}

	/* play botttn */
	.mv_sec .main_btn_box{position: absolute; bottom: 27.2%;; left: 424px;}
	.mv_sec .main_btn_box button{ height: 14px; width: 11px; cursor: pointer; outline: none; position: absolute; left: 0; bottom: 0; }
	.mv_sec .main_btn_box .play{ background:url(../../images/main/play.png) no-repeat; display: none;}
	.mv_sec .main_btn_box .pause{ background:url(../../images/main/pause.png) no-repeat;}
	

	/* slick-dots */
	.slick-dots { margin-top: 0px;  bottom: 27.4%; left: 300px; line-height: 1;}
	.slick-dots li{width: 10px; height: 10px; margin-right: 20px; text-align: center; line-height: 10px; ; margin-bottom: 3px;}
	.slick-dots li:last-child{margin-right: 0;}
	.slick-dots li::before{width: 7px; height: 7px; background:#fff; border: 2px solid #fff; display: inline-block; -webkit-transition: 0.3s; -moz-transition:0.3s; -ms-transition:0.3s;-o-transition:0.3s; transition:0.3s; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform:translate(-50%,-50%) ;-ms-transform:translate(-50%,-50%) ;-o-transform:translate(-50%,-50%) ;transform:translate(-50%,-50%)}
	.slick-dots li.slick-active::before{ background: none; width: 10px; height: 10px; margin-right: 10px;}

	/* slick-nav */
	.slick-prev{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);  z-index: 1;left: 250px;}
	.slick-next {left:470px}

	@media (min-width:800px){ 
		.slick-dots li:hover::before{ background: none; width: 10px; height: 10px;}
	}	


	/* sroll */
	.mv_scroll {position:absolute;bottom:50px;left:50%; 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;}
	}


	.quick_menu{position: fixed; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform:translateY(-50%) ; right: 51px; opacity: 0; width: 255px; border-top: 1px solid #ddd; transition:0.3s; display: none; z-index: 5;}
	.quick_menu > li{border-bottom: 1px solid #ddd; line-height: 59px; font-size: 1.125em; font-weight: 500;background:url(../../images/main/quick_arr.png) no-repeat right top 1.15em; transition:0.3s; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 	box-sizing: border-box;}
	.quick_menu > li a{transition:0.3s;}
	.quick_menu > li > ul {display: none;margin-bottom: .78em;}
	.quick_menu > li > ul > li {font-size: .7778em;line-height: 1.7858;}
	.quick_menu > li > ul > li > a {}


	.quick_menu.sc {opacity: 1; display: block;}

	@media (min-width:1200px){ 
		.quick_menu > li:hover{border-bottom: 1px solid #1fa8ff; background:url(../../images/main/quick_arr_on.png) no-repeat right top 1.15em;}
		.quick_menu > li:hover > a{ color: #1fa8ff;}	
		.quick_menu > li > ul > li:hover > a{color: #1fa8ff;}	
	}


	
	
	.main_cont_wrap{}
	.main_cont_wrap > .w1400{margin: 0 300px 0 100px ;  max-width: inherit; width: auto; }




	/* mns_tit */
	.mns_tit{line-height: 1; font-size: 2.375em; background:url(../../images/main/mns_tit_bar.jpg) no-repeat left top 3px; padding-left: 29px; margin-bottom: 50px; font-weight: 700;}

	/* mns */
	.mns{}
	.mns .mns_cont{}
	.mns .mns_cont li{margin-right: 10px;overflow: hidden; border-radius: 5px; transition:0.3s; }
	.mns .mns_cont li:last-child{margin-right: 0%;}

	.mns .mns_cont a{}
	.mns .mns_cont figure{}
	.mns .mns_cont .txt_box{border-radius:0 0 5px 5px; border-top: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;	box-sizing: border-box;}
	.mns .mns_cont h4{}
	.mns .mns_cont p{}



	/* mns2 */
	.mns2{padding-top: 100px;}
	.mns2 .tit_box{display: flex; align-items: center; margin-bottom: 40px;}
	.mns2 .mns_tit{margin-right: 27px; margin-bottom: 0;}
	.mns2_cont{ background-color: #fcfaf9; background-image: url(../../images/main/mns202.png);	background-repeat: no-repeat; background-position: right center; height: 350px; padding: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}
	.mns2_cont h4{font-size: 2.125em; line-height: 1.41;}
	.mns2_cont a{position: absolute; bottom: 0; right: 0; color: #fff; background: #1fa8ff;	font-size: 1.375em; line-height: 65px; width: 220px; text-align: center; transition:0.3s;}





	/* mns3 */
	.mns3{margin-top: 120px;}
	.mns3 .mns_tit{}
	.mns3_cont{}
	.mns3_cont li{text-align: center;flex:0 1 220px}
	.mns3_cont a{}
	.mns3_cont figure{}
	.mns3_cont .txt_box{ height: 139px;border:1px solid #ddd; display: flex;flex-direction: column;justify-content: center;}
	.mns3_cont h4{font-size: 1.125em; color: #1fa8ff ;transition:0.3s;}
	.mns3_cont p{font-weight: 500; font-size: 1.25em; color: #333;margin-top: 3px; letter-spacing: -0.032em; line-height: 1.3;}

	/* mns4 */
	.mns4{margin-top: 160px;}
	.mns4 .mns_tit{}
	.mns4_cont{}
	.mns .mns4_cont li{flex:0 1 22.9%; margin-right: 2.8%; max-width: 320px;}
	.mns4_cont li:last-child{margin-right: 0;}
	.mns4_cont a{}
	.mns4_cont figure{}
	.mns4_cont .txt_box{border:1px solid #ddd; padding: 33px 39px 28px;}
	.mns4_cont h4{font-size: 1.25em; width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 64px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 12px;}
	.mns4_cont p{}

	/* mns5 */
	.mns5{margin-top: 160px;}
	.mns5 .tit_box{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 50px;}
	.mns5 .mns_tit{margin-bottom: 0;}
	.mns5_cont{}
	.mns5_cont li{border: 1px solid #f9f9f9; background: #f9f9f9; text-align: center;transition:0.3s; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: calc(33.3% - 6.666px);}
	.mns5_cont a{ height: 305px; padding-top: 45px;  transition:0.3s;}
	.mns5_cont .img_box{position: relative; width: 100px; height: 100px; margin:0 auto 17px; }
	.mns5_cont figure{position: absolute;top: 0; right: 0; -webkit-transition: 0.3s; -moz-transition:0.3s; -ms-transition:0.3s;-o-transition:0.3s; transition:0.3s;} 
	.mns5_cont figure:last-child{opacity: 0;} 
	.mns5_cont img{ -webkit-transition: 0.3s; -moz-transition:0.3s; -ms-transition:0.3s;-o-transition:0.3s; transition:0.3s;} 
	.mns5_cont .txt_box{}
	.mns5_cont h4{font-size: 1.5em; line-height: 1.333;}
	.mns5_cont span{display: inline-block;width: 120px; line-height: 38px; color: #fff; background: #1fa8ff; transition:0.3s; position: absolute; left: 50%;-webkit-transform: translateX(-50%);-moz-transform:translateX(-50%) ;-ms-transform:translateX(-50%) ;-o-transform:translateX(-50%) ;transform:translateX(-50%) ; bottom: 60px;}

	/* mns6 */
	.mns6{margin:120px 0 200px ;}
	.mns6 .mns_tit{}
	.mns6_cont{text-align: center;}
	.mns6_cont li{border: 1px solid #ddd; flex:0 1 250px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;	box-sizing: border-box;}
	.mns6_cont a{}
	.mns6_cont figure{height: 180px; line-height: 180px;}
	.mns6_cont figure img{vertical-align: middle; max-width: 90%;	}
	.mns6_cont .txt_box{height: 150px;background: #fafafa; padding-top: 29px;}
	.mns6_cont h4{font-size: 1.25em; transition:0.3s; margin-bottom: 9px;}
	.mns6_cont p{}


	@media (min-width:800px){ 
		.mns_cont li:hover {-webkit-box-shadow: 15px 15px 27px rgba(153,152,152,0.15) ; -moz-box-shadow: 15px 15px 27px rgba(153,152,152,0.15); box-shadow: 15px 15px 27px rgba(153,152,152,0.15);transition:0.3s; }

		.mns2_cont a:hover{ background: #a3cb46;}

		.mns3_cont li:hover h4{color: #a3cb46;}
		.mns3_cont li:hover {-webkit-box-shadow: 5px 5px 16px rgba(153,152,152,0.15) ; -moz-box-shadow: 5px 5px 16px rgba(153,152,152,0.15); box-shadow: 5px 5px 16px rgba(153,152,152,0.15);}

		.mns5_cont li:hover figure:first-child{opacity: 0;} 
		.mns5_cont li:hover figure:last-child{opacity: 1;} 
		.mns5_cont li:hover figure{ transform: rotateY(180deg);}
		.mns5_cont li:hover img{ transform: rotateY(-180deg);}
		.mns5_cont li:hover{border: 1px solid #a3cb46; background: #fff;-webkit-box-shadow: 6px 6px 27px rgba(153,152,152,0.15) ; -moz-box-shadow: 6px 6px 27px rgba(153,152,152,0.15); box-shadow: 6px 6px 27px rgba(153,152,152,0.15);}
		.mns5_cont li:hover span{background: #a3cb46;}

		.mns6_cont li:hover{border: 1px solid #1fa8ff; flex:0 1 250px;}
		.mns6_cont li:hover h4{color: #1fa8ff;}
	}