@charset "utf-8";

#visual-section{position:relative;}
#visual-section .owl-carousel{width:100%;}
#visual-section .owl-carousel .item{-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; transform: scale(1.2); -webkit-transform: scale(1.2);}
#visual-section .owl-carousel .item:before{-webkit-backface-visibility:hidden;}

#visual-section .stretchy_wrapper{width:100% !important; height:0px; padding-bottom:908px; position:relative !important; overflow:hidden !important; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-position:center center; background-repeat:no-repeat; background-size:cover; display:block;}
#visual-section .stretchy_wrapper .item{width:100%; height:100%; top:0; bottom:0; left:0; right:0; display:block; position: absolute !important; transition: transform 5s; -webkit-transition: -webkit-transform 5s}

#visual-section .owl-carousel .owl-dots{width:100%; bottom:40px; left:0; text-align:center; position:absolute;}
#visual-section .owl-carousel .owl-dots .owl-dot{margin:0 5px; display:inline-block;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:52px; height:4px; background:#fff; vertical-align:bottom; display:inline-block;}
#visual-section .owl-carousel .owl-dots .active span{background:#d71718;}
#visual-section .owl-carousel .owl-prev{width:47px; height:23px; top:50%; left:10%; margin-top:-16px; text-indent:-9000px; background:url("../img/mslide_prev.png") no-repeat; display:block; position:absolute;}
#visual-section .owl-carousel .owl-next{width:47px; height:23px; top:50%; right:10%; margin-top:-16px; text-indent:-9000px; background:url("../img/mslide_next.png") no-repeat; display:block; position:absolute;}

#visual-section .visual-txt{width:100%; max-width:1420px; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); padding:0 10px; z-index:10000; text-align:center; position:absolute;}
#visual-section .visual-txt h2{margin-bottom:10px; font-weight:600; font-size:48px; line-height:140%; color:#fff;}
#visual-section .visual-txt h3{font-size:30px; color:#fff;}
#visual-section .visual-txt h4{margin-top:20px; font-size:24px; color:#fff;}
#visual-section .visual-txt span{margin:80px auto 0; padding:15px 25px; font-size:18px; text-align:center; color:#fff; background:#d71718; display:inline-block;}

#visual-section .owl-carousel .active .item{transform: scale(1) rotate(.001deg); -webkit-transform: scale(1) rotate(.001deg);}

@media screen and (max-width:1640px){
	#visual-section .owl-carousel .owl-prev{left:30px;}
	#visual-section .owl-carousel .owl-next{right:30px;}
}

@media screen and (max-width:1480px){
	#visual-section .visual-txt h2{font-size:60px;}
}

@media screen and (max-width:1230px){
	#visual-section .visual-txt h2{font-size:50px;}
}

@media screen and (max-width:1140px){
	#visual-section .stretchy_wrapper{padding-bottom:800px;}
}

@media screen and (max-width:1040px){
	#visual-section .visual-txt h2{font-size:40px;}
}

@media screen and (max-width:980px){
	#visual-section .stretchy_wrapper{padding-bottom:750px;}
	#visual-section .visual-txt h2{font-size:35px;}
	#visual-section .visual-txt h3{font-size:25px;}
	#visual-section .visual-txt h4{font-size:22px;}
	#visual-section .visual-txt span{margin:60px auto 0; padding:12px 22px; font-size:16px;}
}

@media screen and (max-width:940px){
	#visual-section .owl-carousel .owl-prev,
	#visual-section .owl-carousel .owl-next{display:none;}
}
@media screen and (max-width:880px){
	#visual-section .stretchy_wrapper{padding-bottom:700px;}
	#visual-section .visual-txt h3{font-size:22px;}
	#visual-section .visual-txt h4{font-size:18px;}
	#visual-section .visual-txt span{margin:30px auto 0; padding:10px 20px; font-size:14px;}
}

@media screen and (max-width:780px){
	#visual-section .stretchy_wrapper{padding-bottom:650px;}
	#visual-section .visual-txt h2 br{display:none;}
}

@media screen and (max-width:680px){
	#visual-section .stretchy_wrapper{padding-bottom:600px;}
	#visual-section .visual-txt h2{font-size:30px;}
	#visual-section .visual-txt h3{font-size:18px;}
	#visual-section .visual-txt h4{font-size:16px;}
}

@media screen and (max-width:580px){
	#visual-section .stretchy_wrapper{padding-bottom:550px;}
	#visual-section .visual-txt h2{font-size:25px;}
}

@media screen and (max-width:500px){
	#visual-section .stretchy_wrapper{padding-bottom:500px;}
}

.mcont-area{width:100%; max-width:1420px; margin:0 auto; padding:0 10px;}
.mcont-area:after{clear:both; content:""; display:block;}


.mtit-box{padding:0 10px; text-align:center;}
.mtit-box h2{margin-bottom:30px; font-weight:600; font-size:40px; line-height:100%; color:#000;}
.mtit-box h3{font-size:16px; line-height:160%; color:#666;}

@media screen and (max-width:980px){
	.mtit-box h2{margin-bottom:25px; font-size:35px;}
}

@media screen and (max-width:880px){
	.mtit-box h2{margin-bottom:20px; font-size:30px;}
}

@media screen and (max-width:780px){
	.mtit-box h2{margin-bottom:15px;}
	.mtit-box h3{font-size:14px;}
}


#mcont1-section{padding:40px 0; background:url("../img/mcont1_bg.gif") no-repeat center center; background-size:cover;}
#mcont1-section .left-area{width:50%; padding-left:30px; padding-right:60px; text-align:center; float:left;}
#mcont1-section .left-area img{width:100%; max-width:308px;}
#mcont1-section .right-area{width:50%; padding-top:0; float:right;}
#mcont1-section .right-area h2{margin-bottom:25px; font-weight:600; font-size:35px; color:#000;}
#mcont1-section .right-area h3{margin-bottom:25px; font-size:20px; color:#666;}
#mcont1-section .right-area h4{margin-bottom:10px; font-weight:500; font-size:22px; color:#000;}
#mcont1-section .right-area ul{}
#mcont1-section .right-area ul li{padding-left:15px; font-size:18px; line-height:160%; color:#333; position:relative;}
#mcont1-section .right-area ul li:after{width:5px; height:1px; top:15px; left:0; background:#333; content:""; display:block; position:absolute;}
#mcont1-section .right-area a{margin-top:70px; padding:15px 30px; font-size:18px; color:#fff; background:#d71718; display:inline-block;}

@media screen and (max-width:1140px){
	#mcont1-section .right-area h2{margin-bottom:20px; font-size:44px;}
	#mcont1-section .right-area h3{margin-bottom:20px; font-size:18px;}
	#mcont1-section .right-area h4{margin-bottom:5px; font-size:20px;}
	#mcont1-section .right-area ul li{font-size:16px;}
	#mcont1-section .right-area ul li:after{top:12px;}
	#mcont1-section .right-area a{margin-top:50px; padding:12px 25px; font-size:16px;}
}

@media screen and (max-width:980px){
	#mcont1-section{padding:60px 0;}
	#mcont1-section .right-area h2{margin-bottom:15px; font-size:40px;}
	#mcont1-section .right-area h3{margin-bottom:15px; font-size:16px;}
	#mcont1-section .right-area h4{margin-bottom:5px; font-size:18px;}
	#mcont1-section .right-area ul li{font-size:14px;}
	#mcont1-section .right-area ul li:after{top:11px;}
	#mcont1-section .right-area a{margin-top:30px; padding:10px 22px; font-size:14px;}
}

@media screen and (max-width:880px){
	#mcont1-section{padding:50px 0;}
	#mcont1-section .right-area{padding-top:20px;}
	#mcont1-section .right-area h2{margin-bottom:10px; font-size:35px;}
	#mcont1-section .right-area h3{margin-bottom:10px;}
	#mcont1-section .right-area h4{font-size:16px;}
	#mcont1-section .right-area ul li{font-size:13px;}
	#mcont1-section .right-area ul li:after{top:10px;}
	#mcont1-section .right-area a{margin-top:20px; padding:7px 22px; font-size:13px;}
}

@media screen and (max-width:780px){
	#mcont1-section{padding:40px 0;}
	#mcont1-section .right-area{padding-top:10px;}
	#mcont1-section .right-area h2{font-size:30px;}
}

@media screen and (max-width:680px){
	#mcont1-section{padding:30px 0;}
	#mcont1-section .left-area{padding-left:0;}
	#mcont1-section .right-area h2{font-size:25px;}
}

@media screen and (max-width:580px){
	#mcont1-section{padding:20px 0;}
}

@media screen and (max-width:520px){
	#mcont1-section .left-area{width:100%; padding:0 10px; text-align:center; float:none;}
	#mcont1-section .left-area img{max-width:200px;}
	#mcont1-section .right-area{width:100%; margin-top:10px; padding:10px 40px 0; float:none;}
	#mcont1-section .right-area a{width:100%; text-align:center; display:block;}
}

#mcont2-section{padding:65px 0;}
#product-slider{width:100%; max-width:1420px; margin:30px auto 0; padding:0 10px;}
#product-slider .box{width:50%; padding:30px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; float:left; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;}
#product-slider .box:after{clear:both; content:""; display:block;}
#product-slider a:nth-child(even) .box{border-right:1px solid #ccc;}
#product-slider a:nth-child(1) .box,
#product-slider a:nth-child(2) .box{border-top:1px solid #ccc;}
#product-slider .box .img{width:45%; height:175px; border-right:1px solid #ccc; text-align:center; float:left;}
#product-slider .box .img img{max-width:100%; max-height:100%; margin:0 auto;}
#product-slider .box .txt{width:55%; height:175px; padding-left:40px; padding-top:40px; float:right;}
#product-slider .box .txt h3{font-weight:500; font-size:30px;}
#product-slider .box .txt span{width:27px; height:27px; margin-top:10px; font-size:23px; line-height:105%; text-align:center; color:#fff; border-radius:50%; background:#1d2a73; display:inline-block;}
#product-slider .slick-dots{margin-top:20px; text-align:center; display:none !important;}
#product-slider .slick-dots li{padding:0 5px; display:inline-block;}
#product-slider .slick-dots li button{width:20px; height:20px; text-indent:-9000px; border-radius:50% !important; border:0; background:#ccc; overflow:hidden;}
#product-slider .slick-dots li.slick-active button{background:#1d2a73;}
#product-slider .slick-arrow{width:51px; height:88px; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); text-indent:-9000px; border:0; display:block; position:absolute;}
#product-slider .slick-arrow.slick-prev{left:-70px; background:url("../img/slick_left.png") no-repeat center center;}
#product-slider .slick-arrow.slick-next{right:-70px; background:url("../img/slick_right.png") no-repeat center center;}

@media screen and (max-width:1560px){
	#product-slider .slick-arrow{display:none !important;}
	#product-slider .slick-dots{display:block !important;}
}

@media screen and (max-width:1020px){
	#product-slider .box .img{width:50%; height:150px;}
	#product-slider .box .txt{width:50%; height:150px; padding-left:30px; padding-top:30px;}
	#product-slider .box .txt h3{font-size:25px;}
}

@media screen and (max-width:840px){
	#product-slider .box{padding:20px;}
	#product-slider .box .txt h3{font-size:20px;}
	#product-slider .box .txt span{width:22px; height:22px; font-size:16px; line-height:130%;}
}

@media screen and (max-width:750px){
	#product-slider .box{padding:15px;}
	#product-slider .box .img{height:120px;}
	#product-slider .box .txt{height:120px; padding-left:20px; padding-top:0;}

	#product-slider .box .txt h3{font-size:18px;}
}

@media screen and (max-width:580px){
	#product-slider .box{padding:15px;}
	#product-slider .box .img{height:90px; padding-right:10px;}
	#product-slider .box .txt{height:90px; padding-left:10px;}

	#product-slider .box .txt h3{font-size:16px;}
}

@media screen and (max-width:520px){
	#product-slider .box{width:100%; border:1px solid #ccc; border-bottom:0 !important; float:none;}
	#product-slider a:last-child .box{border-bottom:1px solid #ccc !important;}
	#product-slider .box .img{height:90px; padding-right:10px;}
	#product-slider .box .txt{height:90px; padding-left:10px;}

	#product-slider .box .txt h3{font-size:16px;}
}

#product-slider a:hover .box{border-color:#1d2a73; background:#1d2a73;}
#product-slider a:hover .box .img{border-color:#4a558f;}
#product-slider a:hover .box .txt h3{color:#fff}
#product-slider a:hover .box .txt span{color:#1d2a73; background:#fff;}

#mcont3-section{}
#mcont3-section:after{clear:both; content:""; display:block;}
#mcont3-section .left-area{width:50%; height:505px; background:url("../img/mcont3_bg.jpg") no-repeat center center; background-size:cover; float:left;}
#mcont3-section .right-area{width:50%; height:505px; background-color:#f5f5f5; position:relative; float:right;}
#mcont3-section .right-area .in-txt{width:100%; top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); padding:0 95px; position:absolute;}
#mcont3-section .right-area .in-txt h3{margin-bottom:10px; font-size:20px; line-height:100%; color:#000;}
#mcont3-section .right-area .in-txt h2{margin-bottom:30px; font-weight:500; font-size:30px; line-height:140%; color:#000;}
#mcont3-section .right-area .in-txt div{font-size:16px; line-height:180%; color:#666;}

@media screen and (max-width:1080px){
	#mcont3-section .right-area .in-txt{padding:0 75px;}
}

@media screen and (max-width:980px){
	#mcont3-section .left-area,
	#mcont3-section .right-area{height:480px;}

	#mcont3-section .right-area .in-txt{padding:0 45px;}
	#mcont3-section .right-area .in-txt h3{font-size:18px;}
	#mcont3-section .right-area .in-txt h2{margin-bottom:25px; font-size:25px;}
}

@media screen and (max-width:780px){
	#mcont3-section .left-area,
	#mcont3-section .right-area{height:420px;}

	#mcont3-section .right-area .in-txt{padding:0 25px;}
	#mcont3-section .right-area .in-txt h3{font-size:16px;}
	#mcont3-section .right-area .in-txt h2{margin-bottom:20px; font-size:22px;}
	#mcont3-section .right-area .in-txt h2 br{display:none;}
	#mcont3-section .right-area .in-txt div br{display:none;}
}

@media screen and (max-width:640px){
	#mcont3-section .left-area{width:100%; height:250px; float:none;}
	#mcont3-section .right-area{width:100%; height:auto; float:none;}
	#mcont3-section .right-area .in-txt{top:auto; left:auto; -ms-transform:none; -webkit-transform:none; -moz-transform:none; transform:none; padding:20px 10px; text-align:center; position:relative;}
	#mcont3-section .right-area .in-txt h2{margin-bottom:15px; font-size:20px;}
	#mcont3-section .right-area .in-txt div{font-size:14px; line-height:160%;}
}

#mcont4-section{padding-top:65px;}
#mcont4-section .box-wrap{margin-top:55px;}
#mcont4-section .box-wrap ul{}
#mcont4-section .box-wrap ul:after{clear:both; content:""; display:block;}
#mcont4-section .box-wrap ul li{width:33.3333%; float:left;}
#mcont4-section .box-wrap .box{height:550px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
#mcont4-section .box-wrap .box .in-txt{width:100%; top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); padding:0 10px; text-align:center; color:#fff; position:absolute;}
#mcont4-section .box-wrap .box .in-txt h2{margin-bottom:25px; font-weight:600; font-size:36px; line-height:100%;}
#mcont4-section .box-wrap .box .in-txt div{font-size:18px; line-height:180%; color:#ccc;}
#mcont4-section .box-wrap .sb1{background-image:url("../img/mcont4_bg1.jpg");}
#mcont4-section .box-wrap .sb2{background-image:url("../img/mcont4_bg2.jpg");}
#mcont4-section .box-wrap .sb3{background-image:url("../img/mcont4_bg3.jpg");}

@media screen and (max-width:1240px){
	#mcont4-section .box-wrap .box{height:500px;}
	#mcont4-section .box-wrap .box .in-txt h2{margin-bottom:20px; font-size:33px;}
	#mcont4-section .box-wrap .box .in-txt div{font-size:16px;}
	#mcont4-section .box-wrap .box .in-txt div br{display:none;}
}

@media screen and (max-width:1080px){
	#mcont4-section .box-wrap .box{height:450px;}
	#mcont4-section .box-wrap .box .in-txt h2{margin-bottom:15px; font-size:30px;}
}

@media screen and (max-width:980px){
	#mcont4-section .box-wrap{margin-top:50px;}
	#mcont4-section .box-wrap .box{height:400px;}
	#mcont4-section .box-wrap .box .in-txt h2{font-size:25px;}
	#mcont4-section .box-wrap .box .in-txt div{line-height:160%;}
}

@media screen and (max-width:880px){
	#mcont4-section .box-wrap{margin-top:40px;}
	#mcont4-section .box-wrap .box{height:350px;}
}

@media screen and (max-width:780px){
	#mcont4-section .box-wrap{margin-top:30px;}
	#mcont4-section .box-wrap .box{height:300px;}
}

@media screen and (max-width:600px){
	#mcont4-section .box-wrap ul li{width:100%; float:none;}
	#mcont4-section .box-wrap .box{height:250px;}
}

@media screen and (max-width:500px){
	#mcont4-section .box-wrap .box{height:200px;}
}