@charset "utf-8";

#visual-section{width:100%; margin-top:110px; overflow:hidden; 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:before{-webkit-backface-visibility:hidden;}
#visual-section .owl-carousel .item .container{height:100%; position:relative; min-height:inherit;}
#visual-section .stretchy_wrapper{width:100% !important; height:0px; padding-bottom:820px; 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 > * {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%; height:15px; bottom:25px; z-index:10000; text-align:center; position:absolute;}
#visual-section .owl-carousel .owl-dots .owl-dot{height:15px; margin:0 5px; display:inline-block; z-index:1000; position:relative;}
#visual-section .owl-carousel .owl-dots .owl-dot span{width:15px; height:15px; border-radius:50%; border:1px solid #fff; background:#fff; display:block; vertical-align:bottom;}
#visual-section .owl-carousel .owl-dots .active span{border:1px solid #ff9a27; background:#ff9a27;}
#visual-section .owl-carousel .owl-nav{display:none;}
#visual-section .visual-txt{width:100%; height:100%; top:0; position:absolute;}
#visual-section .visual-txt .vtxt-box{width:70%; max-width:950px; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align:center; position:absolute;}
#visual-section .visual-txt h1{font-weight:600; font-size:44px; color:#fff; word-break:keep-all; word-wrap:break-word;}
#visual-section .visual-txt h2{margin-top:25px; font-weight:600; font-size:16px; line-height:25px; color:#fff; word-break:keep-all; word-wrap:break-word;}
#visual-section .visual-txt a{width:148px; margin:35px auto 0; font-weight:400; font-size:14px; line-height:43px; text-align:center; color:#fff; border:1px solid #fff; display:block; position:relative;}
#visual-section .visual-txt a:hover{font-weight:600; border:1px solid #ff9a27; background:#ff9a27;}

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

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

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

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

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

@media screen and (max-width:600px){
	#visual-section .stretchy_wrapper{padding-bottom:500px;}
	#visual-section .visual-txt h1{font-size:40px;}
	#visual-section .visual-txt h2{margin-top:20px; font-size:14px; line-height:23px;}
	#visual-section .visual-txt a{width:140px; margin:30px auto 0; font-size:14px; line-height:35px;}
}

@media screen and (max-width:500px){
	#visual-section .stretchy_wrapper{padding-bottom:450px;}
	#visual-section .visual-txt .vtxt-box{width:90%;}
	#visual-section .visual-txt h1{font-size:35px;}
	#visual-section .visual-txt h2{margin-top:15px; font-size:13px; line-height:21px;}
}

@media screen and (max-width:450px){
	#visual-section .stretchy_wrapper{padding-bottom:400px;}
	#visual-section .visual-txt .vtxt-box{width:95%;}
	#visual-section .visual-txt h1{font-size:30px;}
	#visual-section .visual-txt h2{margin-top:13px;}
}

@media screen and (max-width:400px){
	#visual-section .stretchy_wrapper{padding-bottom:350px;}
	#visual-section .visual-txt .vtxt-box{width:98%;}
}

.main-title-box{}
.main-title-box h1{font-weight:600; font-size:36px; text-align:center; color:#000;}
.main-title-box h1 span{color:#ff9a28;}
.main-title-box h3{margin-top:10px; font-weight:600; font-size:16px; text-align:center; color:#333;}

@media screen and (max-width:1000px){
	.main-title-box h1{font-size:33px;}
	.main-title-box h3{font-size:15px;}
}

@media screen and (max-width:900px){
	.main-title-box h1{font-size:30px;}
}

@media screen and (max-width:800px){
	.main-title-box h1{font-size:27px;}
	.main-title-box h3{font-size:14px; line-height:160%;}
}

.cont-area{width:100%; max-width:1020px; margin:0 auto; padding:0 10px;}

#mcont1-section{padding:80px 0; background:#efefef;}

#product-section{width:100%; margin-top:55px; position:relative;}
#product-section .owl-carousel{width:100%;}
#product-section .owl-carousel .item{padding:50px 0 15px; border:1px solid #e6e6e6; text-align:center; background:#fff;}
#product-section .owl-carousel .item img{width:auto; max-width:100%; margin:0 auto; text-align:center;}
#product-section .owl-carousel .item .subj{margin-bottom:25px; padding-top:22px; font-weight:600; font-size:24px; position:relative;}
#product-section .owl-carousel .item .subj:after{width:33px; height:4px; top:0; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); background:#ff9a27; content:""; display:block; position:absolute;}
#product-section a:hover .item{text-align:center; border:1px solid #ff9a28; background:#ff9a28;}
#product-section a:hover .item .subj{color:#fff;}
#product-section a:hover .item .subj:after{background:#fff;}
#product-section .stretchy_wrapper{}
#product-section .owl-carousel .owl-dots{width:100%; height:15px; bottom:0; z-index:10000; text-align:center; display:none; position:absolute;}
#product-section .owl-carousel .owl-dots .owl-dot{height:15px; margin:0 5px; display:inline-block; z-index:1000; position:relative;}
#product-section .owl-carousel .owl-dots .owl-dot span{width:15px; height:15px; border-radius:50%; border:1px solid #fff; background:#fff; display:block; vertical-align:bottom;}
#product-section .owl-carousel .owl-dots .active span{border:1px solid #ff9a27; background:#ff9a27;}
#product-section .owl-carousel .owl-nav{}
#product-section .owl-carousel .owl-prev{width:30px; height:52px; top:50%; left:-65px; margin-top:-26px; text-indent:-9000px; background:url("../img/product_prev.png") no-repeat; display:block; position:absolute;}
#product-section .owl-carousel .owl-next{width:30px; height:52px; top:50%; right:-65px; margin-top:-26px; text-indent:-9000px; background:url("../img/product_next.png") no-repeat; display:block; position:absolute;}

@media screen and (max-width:1150px){
	#mcont1-section{padding:80px 0 40px;}
	#product-section .owl-carousel{padding-bottom:40px;}
	#product-section .owl-carousel .owl-nav{display:none;}
	#product-section .owl-carousel .owl-dots{display:block;}
}

@media screen and (max-width:1000px){
	#mcont1-section{padding:70px 0 40px;}
}

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

@media screen and (max-width:840px){
	#product-section .owl-carousel .item .subj{font-size:20px;}
}

@media screen and (max-width:800px){
	#mcont1-section{padding:50px 0 40px;}
}

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

#mcont2-section{padding:80px 0;}
#mcont2-section .mcont2-area{margin-top:45px;}
#mcont2-section .mcont2-area ul{margin:0 -15px;}
#mcont2-section .mcont2-area ul:after{clear:both; content:""; display:block;}
#mcont2-section .mcont2-area ul li{width:25%; padding:0 15px; background-size:cover; float:left;}
#mcont2-section .mcont2-area ul li:nth-child(1) .box{background:url("../img/mcont2_bg1.jpg") no-repeat center center;}
#mcont2-section .mcont2-area ul li:nth-child(2) .box{background:url("../img/mcont2_bg2.jpg") no-repeat center center;}
#mcont2-section .mcont2-area ul li:nth-child(3) .box{background:url("../img/mcont2_bg3.jpg") no-repeat center center;}
#mcont2-section .mcont2-area ul li:nth-child(4) .box{background:url("../img/mcont2_bg4.jpg") no-repeat center center;}
#mcont2-section .box{width:100%; height:273px;}
#mcont2-section .box .btop{width:100%; height:147px; position:relative;}
#mcont2-section .box .btop span{width:100%; top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); padding-top:15px; font-weight:600; font-size:24px; text-align:center; color:#fff; display:block; position:absolute;}
#mcont2-section .box .btop span:after{width:33px; height:4px; top:0; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); background:#ff9a27; content:""; display:block; position:absolute;}
#mcont2-section .box .bbtm{width:100%; height:126px; background:rgba(0,0,0,.5); position:relative;}
#mcont2-section .box .bbtm span{width:100%; top:50%; left:0; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); font-weight:600; font-size:16px; line-height:24px; text-align:center; color:#fff; display:block; position:absolute;}

@media screen and (max-width:1000px){
	#mcont2-section{padding:70px 0;}

	#mcont2-section .mcont2-area ul{margin:0 -10px;}
	#mcont2-section .mcont2-area ul li{padding:0 10px;}
}

@media screen and (max-width:900px){
	#mcont2-section{padding:60px 0;}
	#mcont2-section .box .btop span{font-size:22px;}
	#mcont2-section .box .bbtm span{font-size:14px; line-height:22px;}
}

@media screen and (max-width:850px){
	#mcont2-section .mcont2-area ul{margin:0 -5px;}
	#mcont2-section .mcont2-area ul li{padding:0 5px;}
}

@media screen and (max-width:800px){
	#mcont2-section{padding:50px 0;}
	#mcont2-section .mcont2-area{margin-top:40px;}
	#mcont2-section .box .bbtm span{padding:0 5px;}
	#mcont2-section .box .bbtm span br{display:none;}
}

@media screen and (max-width:700px){
	#mcont2-section{padding:40px 0 40px;}
	#mcont2-section .mcont2-area{margin-top:30px;}
}

@media screen and (max-width:620px){
	#mcont2-section .mcont2-area ul li{width:50%; padding:5px;}
	#mcont2-section .mcont2-area ul li .box{background-size:cover !important;}
}

#mcont3-section{padding:80px 0; background:#efefef;}
#mcont3-section .mcont3-area{margin-top:45px;}
#mcont3-section .mcont3-area:after{clear:both; content:""; display:block;}
#mcont3-section .mcont3-area .left-area{width:50%; padding-right:5px; float:left; position:relative;}
#mcont3-section .mcont3-area .right-area{width:50%; padding-left:5px; float:right; position:relative;}

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

@media screen and (max-width:970px){
	#mcont3-section .mcont3-area .left-area{width:40%;}
	#mcont3-section .mcont3-area .right-area{width:60%;}
}

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

@media screen and (max-width:850px){
	#mcont3-section .mcont3-area .left-area{width:100%; padding-right:0; float:none;}
	#mcont3-section .mcont3-area .right-area{width:100%; margin-top:10px; padding-left:0; float:none;}
}

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

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

#mcont3-section .mcont3-area .notice-box{padding:20px 25px; border:5px solid #fff; background:url("../img/main_box_bg.gif") repeat; position:relative;}
#mcont3-section .mcont3-area .notice-box ul{margin-top:10px;}
#mcont3-section .mcont3-area .notice-box ul li{}
#mcont3-section .mcont3-area .notice-box ul li a{font-size:14px; line-height:24px; color:#333; display:block; position:relative;}

#mcont3-section .mcont3-area .company-box{margin-top:14px; border:5px solid #fff; background:url("../img/main_box_bg.gif") repeat; position:relative;}
#mcont3-section .mcont3-area .company-box div.bg{padding:20px 25px; background:url("../img/main_company_bg.png") no-repeat right bottom;}
#mcont3-section .mcont3-area .company-box div.txt{margin-top:33px; font-weight:600; font-size:16px; line-height:24px; color:#333;}

@media screen and (max-width:850px){
	#mcont3-section .mcont3-area .company-box{margin-top:10px;}
}

#mcont3-section .mcont3-area .cs-box{width:50%; max-width:238px; height:342px; padding:20px 23px; border:5px solid #fff; background:url("../img/main_cs_bg.jpg") no-repeat center center; float:left;}
#mcont3-section .mcont3-area .cs-box h2{color:#fff;}
#mcont3-section .mcont3-area .cs-box ul{margin-top:30px;}
#mcont3-section .mcont3-area .cs-box ul li{margin:5px 0; font-weight:600; font-size:15px; line-height:31px; color:#fff;}
#mcont3-section .mcont3-area .cs-box ul li img{margin-right:10px; vertical-align:middle;}
#mcont3-section .mcont3-area .cs-box a{color:#fff;}
#mcont3-section .mcont3-area .cs-box a.inquiry{width:135px; margin:100px auto 0; font-weight:600; font-size:14px; line-height:31px; text-align:center; color:#fff; border-radius:30px; background:#ff9a27; display:block;}

#mcont3-section .mcont3-area .mbtn-box{width:50%; float:right;}
#mcont3-section .mcont3-area .mbtn-box ul{}
#mcont3-section .mcont3-area .mbtn-box ul li{margin-top:6px;}
#mcont3-section .mcont3-area .mbtn-box ul li:first-child{margin-top:0;}
#mcont3-section .mcont3-area .mbtn-box ul li a{height:81px; padding-left:25px; font-weight:600; font-size:16px; line-height:81px; background-color:#fff; background-repeat:no-repeat; background-position:right 30px center; display:block; position:relative;}
#mcont3-section .mcont3-area .mbtn-box ul li a:after{width:100%; height:100%; top:0; left:0; border:2px solid #ddd; content:""; display:block; position:absolute;}
#mcont3-section .mcont3-area .mbtn-box ul li a:hover:after{border:3px solid #ff9a27;}
#mcont3-section .mcont3-area .mbtn-box ul li:nth-child(1) a{background-image:url("../img/main_btn_bg1.png");}
#mcont3-section .mcont3-area .mbtn-box ul li:nth-child(2) a{background-image:url("../img/main_btn_bg2.png");}
#mcont3-section .mcont3-area .mbtn-box ul li:nth-child(3) a{background-image:url("../img/main_btn_bg3.png");}
#mcont3-section .mcont3-area .mbtn-box ul li:nth-child(4) a{background-image:url("../img/main_btn_bg4.png");}

#mcont3-section .mcont3-area h2{padding-top:12px; font-weight:600; font-size:18px; position:relative;}
#mcont3-section .mcont3-area h2:after{width:35px; height:2px; top:0; left:0; background:#ff9a27; content:""; display:block; position:absolute;}
#mcont3-section .mcont3-area .more{top:25px; right:25px; font-weight:600; font-size:14px; color:#ff9a27; position:absolute;}

@media screen and (max-width:980px){
	#mcont3-section .mcont3-area .cs-box{width:44%; padding:20px 15px;}
	#mcont3-section .mcont3-area .cs-box ul li{font-size:16px;}
	#mcont3-section .mcont3-area .cs-box ul li img{width:28px; height:28px;}

	#mcont3-section .mcont3-area .mbtn-box{width:54%;}
}

@media screen and (max-width:850px){
	#mcont3-section .mcont3-area .cs-box{width:238px; top:0; left:0; position:absolute;}
	#mcont3-section .mcont3-area .mbtn-box{width:100%; padding-left:248px;}
}

@media screen and (max-width:460px){
	#mcont3-section .mcont3-area .cs-box{width:100%; max-width:100%; height:215px; padding:20px 23px; top:auto; left:auto; background-size:cover; position:relative; float:none;}
	#mcont3-section .mcont3-area .cs-box ul{margin-top:20px;}
	#mcont3-section .mcont3-area .cs-box a.inquiry{margin:10px auto 0;}
	#mcont3-section .mcont3-area .mbtn-box{width:100%; margin-top:10px; padding-left:0; float:none;}
}

#mcont4-section{width:100%; max-width:1020px; margin:0 auto; padding:35px 10px;}
#mcont4-section img{width:auto; max-width:100%;}

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

@media screen and (max-width:800px){
	#mcont4-section{padding:25px 10px;}
}

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