@charset "utf-8";

#visual-section{margin-top:110px; 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;}
#visual-section .owl-carousel .item img{width:auto; max-width:100%; display:inline;}
#visual-section .stretchy_wrapper{width:100% !important; height:0px; padding-bottom:500px; 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; -webkit-transition:padding 0.5s; -moz-transition:padding 0.5s; -ms-transition:padding 0.5s; -o-transition:padding 0.5s; transition:padding 0.5s;}
#visual-section .stretchy_wrapper > * {width:100%; height:100%; top:0; bottom:0; left:0; right:0; display:block; position:absolute !important;}
#visual-section .owl-carousel .owl-nav{display:none;}
#visual-section .owl-carousel .owl-dots{width:100%; bottom:60px; 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:15px; height:15px; border-radius:30px; border:1px solid #cccccc; background:#cccccc; vertical-align:bottom; display:inline-block;}
#visual-section .owl-carousel .owl-dots .active span{border:1px solid #666666; background:#666666;}


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

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

@media screen and (max-width:1040px){
	#visual-section .owl-carousel .owl-nav{display:none;}
}

@media screen and (max-width:1000px){
	#visual-section{margin-top:50px;}
}

@media screen and (max-width:980px){
	#visual-section .stretchy_wrapper{padding-bottom:700px;}
	#visual-section .owl-carousel .owl-dots{bottom:30px;}
}

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

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

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

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

#visual-section .visual-txt{width:100%; top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); z-index:1000; text-align:center; position:absolute;}
#visual-section .visual-txt h3{font-weight:700; font-size:72px; color:#fff;}
#visual-section .visual-txt h4{font-weight:700; font-size:24px; color:#fff;}

@media screen and (max-width:980px){
	#visual-section .visual-txt h3{font-size:67px;}
	#visual-section .visual-txt h4{font-size:22px;}
}

@media screen and (max-width:880px){
	#visual-section .visual-txt h3{font-size:62px;}
	#visual-section .visual-txt h4{font-size:20px;}
}

@media screen and (max-width:780px){
	#visual-section .visual-txt h3{font-size:57px;}
	#visual-section .visual-txt h4{font-size:18px;}
}

@media screen and (max-width:680px){
	#visual-section .visual-txt h3{font-size:52px;}
	#visual-section .visual-txt h4{font-size:16px;}
}

@media screen and (max-width:580px){
	#visual-section .visual-txt h3{font-size:47px;}
	#visual-section .visual-txt h4{font-size:16px;}
}

@media screen and (max-width:500px){
	#visual-section .visual-txt h3{font-size:42px;}
}

@media screen and (max-width:480px){
	#visual-section .visual-txt h3{font-size:37px;}
}


#mcont1-section{width:100%; max-width:1420px; margin:0 auto; padding:95px 10px; position:relative;}
#mcont1-section .mtitle-box{text-align:center;}
#mcont1-section .mtitle-box h2{margin-bottom:25px; font-weight:700; font-size:44px; line-height:100%; color:#000;}
#mcont1-section .mtitle-box h2 span{color:#999;}
#mcont1-section .mtitle-box h3{margin-bottom:35px; font-size:18px; line-height:100%; color:#000;}

@media screen and (max-width:1060px){
	#mcont1-section .mtitle-box h2{margin-bottom:20px; font-size:44px;}
	#mcont1-section .mtitle-box h3{margin-bottom:30px; font-size:22px;}
}

@media screen and (max-width:980px){
	#mcont1-section{padding:80px 10px;}
	#mcont1-section .mtitle-box h2{font-size:40px;}
	#mcont1-section .mtitle-box h3{font-size:20px;}
}

@media screen and (max-width:880px){
	#mcont1-section{padding:70px 10px;}
	#mcont1-section .mtitle-box h2{margin-bottom:15px; font-size:35px;}
	#mcont1-section .mtitle-box h3{margin-bottom:20px; font-size:18px;}
}

@media screen and (max-width:780px){
	#mcont1-section{padding:60px 10px;}
	#mcont1-section .mtitle-box h2{margin-bottom:10px; font-size:30px;}
	#mcont1-section .mtitle-box h3{font-size:16px;}
}

@media screen and (max-width:680px){
	#mcont1-section{padding:50px 10px;}
}

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

@media screen and (max-width:500px){
	#mcont1-section{padding:30px 10px;}
}

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

#mcont1-section ul{margin:0 -10px;}
#mcont1-section ul:after{clear:both; content:""; display:block;}
#mcont1-section ul li{width:33.3333%; padding:0 10px; float:left;}
#mcont1-section ul li a{display:block; position:relative;}
#mcont1-section ul li .box{height:487px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
#mcont1-section ul li .box .over{width:100%; height:100%; top:0; left:0; opacity:0; background:rgba(0,0,0,.49); position:absolute; 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;}
#mcont1-section ul li .box .over .tc-box{width:100%; top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); text-align:center; position:absolute;}
#mcont1-section ul li .box .over .tc-box h2{margin-bottom:10px; font-size:20px; color:#fff;}
#mcont1-section ul li .box .over .tc-box h3{margin-bottom:20px; font-size:16px; line-height:160%; color:#fff;}
#mcont1-section ul li .box .over .tc-box span{width:230px; height:55px; margin:0 auto; font-size:14px; line-height:53px; text-align:center; color:#fff; border:1px solid #fff; display:inline-block;}
#mcont1-section ul li:hover .over{opacity:1;}
#mcont1-section ul li .tt{padding-top:30px; font-size:20px; text-align:center; 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;}
#mcont1-section ul li .sb1{background-image:url("../img/mcont1_bg1.jpg");}
#mcont1-section ul li .sb2{background-image:url("../img/mcont1_bg2.jpg");}
#mcont1-section ul li .sb3{background-image:url("../img/mcont1_bg3.jpg");}

@media screen and (max-width:1100px){
	#mcont1-section ul{margin:0 -5px;}
	#mcont1-section ul li{padding:0 5px;}
}

@media screen and (max-width:1060px){
	#mcont1-section ul li .box{height:400px;}
	#mcont1-section ul li .tt{padding-top:30px; font-size:20px;}
	#mcont1-section ul li .box .over .tc-box h2{font-size:20px;}
	#mcont1-section ul li .box .over .tc-box h3{margin-bottom:14px; font-size:16px;}
	#mcont1-section ul li .box .over .tc-box span{width:200px; height:40px; font-size:18px; line-height:37px;}
}

@media screen and (max-width:920px){
	#mcont1-section ul li .box{height:350px;}
	#mcont1-section ul li .tt{font-size:18px;}
	#mcont1-section ul li .box .over .tc-box h2{font-size:18px;}
	#mcont1-section ul li .box .over .tc-box h3{font-size:14px;}
	#mcont1-section ul li .box .over .tc-box span{width:150px; height:35px; font-size:16px; line-height:32px;}
}

@media screen and (max-width:780px){
	#mcont1-section ul li{width:100%; padding:0; margin-top:10px; float:none;}
	#mcont1-section ul li .box{height:300px;}
	#mcont1-section ul li .tt{padding-top:10px; padding-bottom:10px;}
}

@media screen and (max-width:680px){
	#mcont1-section ul li .box{height:250px;}
}

@media screen and (max-width:580px){
	#mcont1-section ul li .box{height:200px;}
}

#mcont2-section{padding:70px 0 40px; background:#e5e5e5;}
#mcont2-section .mtitle-box{text-align:center;}
#mcont2-section .mtitle-box h2{font-size:44px; line-height:100%; color:#333;}
#mcont2-section .mtitle-box h2 span{color:#999;}

@media screen and (max-width:1060px){
	#mcont2-section .mtitle-box h2{font-size:44px;}
}

@media screen and (max-width:980px){
	#mcont2-section{padding:60px 0 40px;}
	#mcont2-section .mtitle-box h2{font-size:40px;}
}

@media screen and (max-width:880px){
	#mcont2-section{padding:50px 0 40px;}
	#mcont2-section .mtitle-box h2{font-size:35px;}
}

@media screen and (max-width:780px){
	#mcont2-section{padding:40px 0 40px;}
	#mcont2-section .mtitle-box h2{font-size:30px;}
}

#mcont2-section .product-list{width:100%; margin:50px auto 0;}
#mcont2-section .product-list .box{margin:0 22px; background:#fff;}
#mcont2-section .product-list .box .img{position:relative;}
#mcont2-section .product-list .box .img img{max-width:100%;}
#mcont2-section .product-list .box .txt{padding:35px 10px; text-align:center; background:#fff;}
#mcont2-section .product-list .box .txt .subj{padding:0 10px; font-weight:600; font-size:20px; letter-spacing:-0.5px; color:#999; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#mcont2-section .slick-arrow{display:none !important;}

@media screen and (max-width:980px){
	#mcont2-section .product-list{margin-top:40px;}
	#mcont2-section .product-list .box{margin:0 15px;}
}

@media screen and (max-width:880px){
	#mcont2-section .product-list{margin-top:30px;}
	#mcont2-section .product-list .box{margin:0 10px;}
}

@media screen and (max-width:780px){
	#mcont2-section .product-list{margin-top:20px;}
	#mcont2-section .product-list .box{margin:0 5px;}
}


#mcont2-section .slick-dots{margin-top:20px; text-align:center;}
#mcont2-section .slick-dots li{margin:0 2px; display:inline-block;}
#mcont2-section .slick-dots li button{width:15px !important; height:15px !important; text-indent:-9000px; font-size:1px; border-radius:50% !important; border:0; background:#fff;}
#mcont2-section .slick-dots li.slick-active button{background:#666;}

#mcont2-section .box .over{width:100%; height:100%; top:0; left:0; opacity:0; background:rgba(0,0,0,.49); position:absolute; 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;}
#mcont2-section .box .over .tc-box{width:100%; top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); text-align:center; position:absolute;}
#mcont2-section .box .over .tc-box h2{margin-bottom:10px; font-size:18px; color:#fff;}
#mcont2-section .box .over .tc-box span{width:230px; max-width:80%; height:40px; margin:0 auto; font-size:14px; line-height:40px; text-align:center; color:#fff; border:1px solid #fff; display:inline-block;}
#mcont2-section .box:hover .over{opacity:1;}

@media screen and (max-width:1060px){
	#mcont2-section .box .tt{padding-top:30px; font-size:20px;}
	#mcont2-section .box .over .tc-box h2{font-size:20px;}
	#mcont2-section .box .over .tc-box span{width:200px; height:40px; font-size:18px; line-height:37px;}
}

@media screen and (max-width:920px){
	#mcont2-section .box .tt{font-size:16px;}
	#mcont2-section .box .over .tc-box h2{font-size:16px;}
	#mcont2-section .box .over .tc-box span{width:150px; height:35px; font-size:14px; line-height:32px;}
}