@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;}
#visual-section .owl-carousel .item img{width:auto; max-width:100%; display:inline;}
#visual-section .stretchy_wrapper{width:100% !important; height:0px; padding-bottom:554px; 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-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:15px; height:15px; border-radius:50%; border:2px solid #fff; background:#fff; vertical-align:bottom; display:inline-block;}
#visual-section .owl-carousel .owl-dots .active span{background:none;}
#visual-section .owl-carousel .owl-prev{width:56px; height:90px; top:50%; left:20%; margin-top:-45px; text-indent:-9000px; background:url("../img/mslide_prev.png") no-repeat; display:block; position:absolute;}
#visual-section .owl-carousel .owl-next{width:56px; height:90px; top:50%; right:20%; margin-top:-45px; text-indent:-9000px; background:url("../img/mslide_next.png") no-repeat; display:block; position:absolute;}
#visual-section .visual-txt{width:100%; max-width:1220px; 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:1000; position:absolute;}
#visual-section .visual-txt h3{margin-top:15px; font-family:'S-CoreDream-5Medium'; font-size:54px; text-align:center; color:#000;}
#visual-section .visual-txt h4{font-family:'S-CoreDream-5Medium'; font-size:30px; text-align:center; color:#000;}
#visual-section .visual-txt h5{margin-top:15px; font-family:'S-CoreDream-4Regular'; font-size:20px; text-align:center; color:#000;}

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

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

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

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

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

@media screen and (max-width:1100px){
	#visual-section .visual-txt h3{font-size:40px;}
	#visual-section .visual-txt h4{font-size:21px;}
}

@media screen and (max-width:1040px){
	#visual-section .stretchy_wrapper{padding-bottom:500px;}
	#visual-section .visual-txt h3{font-size:35px;}
	#visual-section .visual-txt h4{font-size:18px;}
}

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

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

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

@media screen and (max-width:500px){
	#visual-section .stretchy_wrapper{padding-bottom:350px;}
	#visual-section .visual-txt h3{font-size:24px;}
	#visual-section .visual-txt h3 br{display:none;}
	#visual-section .owl-carousel .owl-dots{bottom:20px;}
}

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

#mcont1-section{width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
#mcont1-section .part-box{padding:40px 0; border-bottom:2px dashed #ccc;}
#mcont1-section .part-box ul{margin:0 -10px;}
#mcont1-section .part-box ul:after{clear:both; content:""; display:block;}
#mcont1-section .part-box ul li{width:37%; padding:0 10px; text-align:center; float:left;}
#mcont1-section .part-box ul li:last-child{width:26%; float:left;}

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

#mcont1-section .part-box .box{height:260px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
#mcont1-section .part-box .sb1{background-image:url("../img/mcont1_bg1.jpg");}
#mcont1-section .part-box .sb2{background-image:url("../img/mcont1_bg2.jpg");}
#mcont1-section .part-box .sb3{background-image:url("../img/mcont1_bg3.jpg");}
#mcont1-section .part-box .sb4{background-image:url("../img/mcont1_bg4.jpg");}
#mcont1-section .part-box .sbox{height:120px; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
#mcont1-section .part-box ul li:last-child a:last-child .sbox{margin-top:20px;}
#mcont1-section .part-box .in-box{width:100%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); position:absolute;}
#mcont1-section .part-box .in-box .icon{margin-bottom:10px;}
#mcont1-section .part-box .in-box .txt{font-weight:600; font-size:16px; color:#fff;}
#mcont1-section .part-box .in-box .txt span{padding-bottom:5px; font-size:16px; letter-spacing:2px; color:#fff; display:block;}

#mcont1-section .part-box .box .icon img{width:70px; height:70px; margin:0 auto;}
#mcont1-section .part-box .sbox .icon img{width:50px; height:50px;}
#mcont1-section .part-box .sbox{text-align:left;}
#mcont1-section .part-box .sbox .in-box{height:52px;}
#mcont1-section .part-box .sbox .icon{margin:0 10px 0 40px; float:left;}
#mcont1-section .part-box .sbox .txt{font-weight:600; float:left;}

@media screen and (max-width:1080px){
	#mcont1-section .part-box .sbox .icon{margin:0 10px 0 20px; float:left;}
}

@media screen and (max-width:980px){
	#mcont1-section .part-box ul li{width:50%; float:left;}
	#mcont1-section .part-box ul li:last-child{width:100%; margin-top:10px; float:left;}

	#mcont1-section .part-box .sbox{width:calc( 50% - 5px ); float:left}
	#mcont1-section .part-box ul li:last-child a:first-child .sbox{margin-right:5px;}
	#mcont1-section .part-box ul li:last-child a:last-child .sbox{margin-top:0; margin-left:5px;}
}

@media screen and (max-width:780px){
	#mcont1-section .part-box .in-box .txt{font-size:14px;}
	#mcont1-section .part-box .in-box .txt span{font-size:14px; letter-spacing:0;}
}

@media screen and (max-width:500px){
	#mcont1-section .part-box ul li{width:100%; float:none;}
	#mcont1-section .part-box ul li:first-child{margin-bottom:5px;}
	#mcont1-section .part-box ul li:last-child{margin-top:5px; float:none;}
	#mcont1-section .part-box .sbox{width:100%; height:150px; margin:0 !important; text-align:center; float:none;}
	#mcont1-section .part-box .sbox .in-box{height:100px;}
	#mcont1-section .part-box .sbox .icon{margin:0 0 10px; float:none;}
	#mcont1-section .part-box .sbox .txt{float:none;}

	#mcont1-section .part-box ul li:last-child a:last-child .sbox{margin-top:5px !important;}

	#mcont1-section .part-box .box{height:150px;}
	#mcont1-section .part-box .box .icon img{width:50px; height:50px; margin:0 auto;}
}


#mcont2-section{width:100%; max-width:1220px; margin:0 auto; padding:40px 10px;}
#mcont2-section .part-box{}
#mcont2-section .part-box .title{font-weight:600; font-size:16px;}
#mcont2-section #product-section{margin-top:20px;}
#mcont2-section #product-section .slick-dots{margin-top:15px; text-align:center;}
#mcont2-section #product-section .slick-dots li{margin:0 3px; display:inline-block;}
#mcont2-section #product-section .slick-dots button{width:35px; height:5px; text-indent:-9000px; border:0; background:#ccc;}
#mcont2-section #product-section .slick-dots .slick-active button{background:#222;}
#mcont2-section #product-section .slick-dots button:hover{background:#000;}
#mcont2-section #product-section .subj{margin-top:10px; font-weight:600; text-align:center;}
#mcont2-section #product-section .slick-slide{padding:0 2px; text-align:center;}
#mcont2-section #product-section img{max-width:100%; margin:0 auto;}
#mcont2-section #product-section a span{border:1px solid #ddd; display:block;}
#mcont2-section #product-section a:hover span{border:1px solid #222;}

#mcont3-section{padding:40px 0 40px; background:#f6f6f6;}
#mcont3-section .part-box{width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
#mcont3-section .part-box:after{clear:both; content:""; display:block;}
#mcont3-section .part-box .box1{width:25%; padding-right:17px; float:left;}
#mcont3-section .part-box .box2{width:50%; padding:0 15px; float:left;}
#mcont3-section .part-box .box3{width:25%; padding-left:17px; float:left;}
#mcont3-section .board-top-box{position:relative;}
#mcont3-section .board-top-box h2{font-weight:600; font-size:16px;}
#mcont3-section .board-top-box a{top:0; right:0; font-size:14px; position:absolute;}

@media screen and (max-width:1040px){
	#mcont3-section .part-box .box1{width:20%; padding-right:10px; float:left;}
	#mcont3-section .part-box .box2{width:60%; padding:0 10px; float:left;}
	#mcont3-section .part-box .box3{width:20%; padding-left:10px; float:left;}
}

@media screen and (max-width:980px){
	#mcont3-section{padding:40px 0 60px;}
}

@media screen and (max-width:940px){
	#mcont3-section .part-box .box1{width:30%; padding-right:10px;}
	#mcont3-section .part-box .box2{width:70%; padding-left:10px;}
	#mcont3-section .part-box .box3{width:100%; padding-left:0; float:left;}
}

@media screen and (max-width:880px){
	#mcont3-section{padding:40px 0;}
}

@media screen and (max-width:780px){
	#mcont3-section .part-box .box1{width:100%; padding-right:0; float:none;}
	#mcont3-section .part-box .box2{width:100%; margin-top:20px; padding-left:0; float:none;}
	#mcont3-section .part-box .box3{width:100%; padding-left:0; float:none;}
}


#mcont3-section .board-box{margin-top:20px; padding:27px 20px 110px; background:#fff;}
#mcont3-section .board-box strong{font-weight:600; font-size:18px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; display:block;}
#mcont3-section .board-box .cont{height:50px; margin-top:20px; color:#333; overflow:hidden;}
#mcont3-section .board-box span{font-size:12px; color:#000;}

#mcont3-section .case-box{margin-top:20px; background:#fff;}
#mcont3-section .case-box img{max-width:100%; margin:0 auto;}
#mcont3-section .case-box ul{}
#mcont3-section .case-box ul li{position:relative;}
#mcont3-section .case-box ul li .bbox{width:calc(100% - 20px); bottom:10px; left:10px; padding:10px; background:rgba(0,0,0,.8); position:absolute;}
#mcont3-section .case-box ul li .bbox span{color:#fff; display:block;}
#mcont3-section .case-box ul li .bbox .txt1{font-size:16px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#mcont3-section .case-box ul li .bbox .txt2{margin-top:3px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

@media screen and (max-width:500px){
	#mcont3-section .case-box ul li .bbox .txt1{font-size:13px;}
}

#mcont3-section .box3{padding-top:35px;}
#mcont3-section .box3 ul{}
#mcont3-section .box3 ul li{padding:7px 0;}
#mcont3-section .box3 a{height:74px; padding-left:30px; font-weight:600; font-size:18px; line-height:74px; border:1px solid #ccc; background-color:#fff; background-repeat:no-repeat; background-position:right 30px center; display:block; position:relative;}
#mcont3-section .box3 a:hover{color:#166f96;}
#mcont3-section .box3 a:hover:after{top:-1px; left:-1px; right:-1px; bottom:-1px; border:3px solid #166f96; content:""; display:block; position:absolute;}
#mcont3-section .box3 a.sba1{background-image:url("../img/btn_icon1.png");}
#mcont3-section .box3 a.sba2{background-image:url("../img/btn_icon2.png");}
#mcont3-section .box3 a.sba3{background-image:url("../img/btn_icon3.png");}

@media screen and (max-width:940px){
	#mcont3-section .box3 ul{margin:0 -5px;}
	#mcont3-section .box3 ul li{width:33.333%; padding:0 5px; float:left;}
}

@media screen and (max-width:600px){
	#mcont3-section .box3 ul{margin:0;}
	#mcont3-section .box3 ul li{width:100%; margin:2px 0; padding:0; float:none;}
	#mcont3-section .box3 a{height:50px; font-size:16px; line-height:50px;}
}

@media screen and (max-width:500px){
	#mcont3-section .box3 a{font-size:14px;}
}

#mcont3-section .slick-arrow{width:49px; height:21px; right:0; bottom:-80px; padding:0; text-indent:-9000px; border:0; position:absolute;}
#mcont3-section .slick-next{right:49px; background:url("../img/slick_next3.png") no-repeat;}
#mcont3-section .slick-prev{background:url("../img/slick_prev3.png") no-repeat;}