@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);

#visual-section{width:100%; margin-top:140px; overflow:hidden; word-break:keep-all; word-wrap:break-word; 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:700px; 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%; bottom:40px; 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:14px; height:6px; border:1px solid #fff; display:block; vertical-align:bottom;}
#visual-section .owl-carousel .owl-dots .active span{width:58px; background:#fff;}
#visual-section .owl-carousel .owl-nav{display:none;}

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

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

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

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

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

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

#mcont1-section{width:100%; max-width:1200px; margin:0 auto; padding:90px 20px;}
#mcont1-section .cont-area{}
#mcont1-section .cont-area:after{clear:both; content:""; display:block;}
#mcont1-section .cont-area span{color:#509a44; display:block;}
#mcont1-section .cont-area .left-area{width:40%; font-weight:600; font-size:30px; line-height:40px; float:left;}
#mcont1-section .cont-area .right-area{width:60%; padding-left:40px; border-left:1px solid #e2e2e2; float:left;}
#mcont1-section .cont-area .right-area div{padding:10px 0; font-size:16px; line-height:30px;}

@media screen and (max-width:1220px){
	#mcont1-section .cont-area .left-area{font-size:27px;}
	#mcont1-section .cont-area .right-area div{font-size:14px; line-height:25px;}
}

@media screen and (max-width:1100px){
	#mcont1-section{padding:80px 20px;}
	#mcont1-section .cont-area .left-area{font-size:25px;}
	#mcont1-section .cont-area .right-area div{font-size:13px; line-height:22px;}
}

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

@media screen and (max-width:980px){
	#mcont1-section .cont-area .left-area{font-size:32px; line-height:45px;}
	#mcont1-section .cont-area .right-area{padding-left:40px;}
	#mcont1-section .cont-area .right-area div{margin-top:10px; font-size:14px; line-height:23px;}
}

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

@media screen and (max-width:880px){
	#mcont1-section .cont-area .left-area{width:100%; float:none;}
	#mcont1-section .cont-area .left-area br{display:none;}
	#mcont1-section .cont-area .right-area{width:100%; margin-top:20px; padding-top:20px; padding-left:0; border-top:1px solid #e2e2e2; border-left:0; float:none;}
}

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

@media screen and (max-width:750px){
	#mcont1-section .cont-area .left-area{font-size:28px; line-height:43px;}
}

@media screen and (max-width:640px){
	#mcont1-section{padding:50px 10px;}
	#mcont1-section .cont-area .left-area{font-size:25px; line-height:40px;}
}

@media screen and (max-width:590px){
	#mcont1-section .cont-area .left-area{font-size:22px; line-height:30px;}
	#mcont1-section .cont-area .right-area div{font-size:13px; line-height:19px;}
}

#mcont2-section{width:100%; max-width:1200px; margin:0 auto; padding:0 20px 60px;}
#mcont2-section .cont-area{}
#mcont2-section .cont-area:after{clear:both; content:""; display:block;}
#mcont2-section .cont-area ul{margin:0 -28px;}
#mcont2-section .cont-area ul:after{clear:both; content:""; display:block;}
#mcont2-section .cont-area ul li{width:33.3333%; padding:0 28px; float:left;}
#mcont2-section .cont-area ul li img{max-width:100%;}
#mcont2-section .cont-area .txt{padding:35px 0;}
#mcont2-section .cont-area .txt h3{font-weight:600; font-size:24px; color:#000;}
#mcont2-section .cont-area .txt .itxt{height:130px; margin-top:20px; font-size:16px; line-height:30px; color:#696a6c;}
#mcont2-section .cont-area .txt span{padding-bottom:5px; font-weight:600; font-size:14px; border-bottom:1px solid #000; display:inline-block;}

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

@media screen and (max-width:940px){
	#mcont2-section .cont-area ul{margin:0 -20px;}
	#mcont2-section .cont-area ul li{padding:0 20px;}
	#mcont2-section .cont-area .txt h3{font-size:22px;}
	#mcont2-section .cont-area .txt .itxt{font-size:14px; line-height:25px;}
}

@media screen and (max-width:900px){
	#mcont2-section{padding:0 20px 80px;}
}

@media screen and (max-width:840px){
	#mcont2-section .cont-area ul{margin:0 -10px;}
	#mcont2-section .cont-area ul li{padding:0 10px;}
	#mcont2-section .cont-area .txt{padding:25px 0;}
	#mcont2-section .cont-area .txt h3{font-size:20px;}
	#mcont2-section .cont-area .txt .itxt{font-size:13px; line-height:22px;}
}

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

@media screen and (max-width:780px){
	#mcont2-section .cont-area ul{margin:0 -5px;}
	#mcont2-section .cont-area ul li{padding:0 5px;}
	#mcont2-section .cont-area .txt{padding:20px 0;}
	#mcont2-section .cont-area .txt h3{font-size:18px;}
}

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

@media screen and (max-width:610px){
	#mcont2-section .cont-area ul li{width:50%;}
	#mcont2-section .cont-area ul li:nth-child(3){margin-top:20px; margin-left:25%;}
}

@media screen and (max-width:450px){
	#mcont2-section .cont-area ul li{width:100%;}
	#mcont2-section .cont-area ul li:nth-child(2){margin-top:20px;}
	#mcont2-section .cont-area ul li:nth-child(3){margin-top:20px; margin-left:0;}
	#mcont2-section .cont-area .txt .itxt{height:auto;}
	#mcont2-section .cont-area .txt span{margin-top:20px;}
}

#mcont3-section{width:100%; height:380px; background:url("../img/mcont3_bg.jpg") no-repeat center bottom;}
#mcont3-section .box{width:100%; max-width:1220px; margin:0 auto; padding:120px 10px 0 30px;}
#mcont3-section .box h1{font-weight:bold; font-size:36px; font-family:"Arial"; font-style:italic;}
#mcont3-section .box h1 span{color:#509a44;}
#mcont3-section .box h2{margin-top:10px;font-size:18px; color:#000;}

@media screen and (max-width:900px){
	#mcont3-section{height:270px;}
}

@media screen and (max-width:800px){
	#mcont3-section{height:250px;}
	#mcont3-section .box h1{font-size:33px;}
	#mcont3-section .box h2{font-size:16px;}
}

@media screen and (max-width:700px){
	#mcont3-section{height:220px;}
}

@media screen and (max-width:600px){
	#mcont3-section{height:170px;}
	#mcont3-section .box h1{font-size:30px;}
	#mcont3-section .box h2{font-size:14px;}
}

@media screen and (max-width:540px){
	#mcont3-section{height:170px;}
	#mcont3-section .box{height:170px; padding:40px 10px 0 20px; background:rgba(0,0,0,.2);}
	#mcont3-section .box h1{font-size:28px; color:#fff;}
	#mcont3-section .box h2{color:#fff;}
}

@media screen and (max-width:500px){
	#mcont3-section .box{padding:30px 10px 0 10px;}
	#mcont3-section .box h1{font-size:25px;}
}

#mcont4-section{width:100%; max-width:1220px; margin:0 auto; padding:25px 10px;}
#partner-section{width:100%; margin:0 auto; overflow:hidden; word-break:keep-all; word-wrap:break-word; position:relative;}
#partner-section .owl-carousel{width:100%;}
#partner-section .owl-carousel .item{}

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

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

#mcont5-section{width:100%; padding:65px 0 55px; background:url("../img/mcont5_bg.jpg") no-repeat center center;}

#mcont5-section .cont-area{width:100%; max-width:1200px; margin:0 auto; padding:0 23px;}
#mcont5-section .cont-area h2{font-weight:900; font-size:36px; text-align:center; color:#fff;}
#mcont5-section .view-btn{margin-top:30px; text-align:center;}

#product-section{margin-top:37px;}
#product-section .box{padding:6px; border:1px solid #fff;}
#product-section .box img{max-width:100%;}
#product-section .subj{margin-top:20px; font-size:18px; text-align:center; color:#fff;}
#product-section .owl-carousel .item{padding-bottom:10px;}
#product-section .owl-carousel .owl-dots{width:100%; bottom:0; z-index:10000; text-align:center; position:absolute; display:none;}
#product-section .owl-carousel .owl-dots .owl-dot{margin:0 2px; display:inline-block; z-index:1000; position:relative;}
#product-section .owl-carousel .owl-dots .owl-dot span{width:16px; height:16px; border-radius:30px; border:1px solid #fff; background:#fff; display:block; vertical-align:bottom;}
#product-section .owl-carousel .owl-dots .active span{width:35px; border:1px solid #509a44; background:#509a44;}
#product-section .owl-carousel .owl-nav{}
#product-section .owl-carousel .owl-prev{width:28px; height:100px; top:50%; left:-70px; margin-top:-50px; text-indent:-9000px; background:url("../img/slide_prev.png") no-repeat; display:block; position:absolute;}
#product-section .owl-carousel .owl-next{width:28px; height:100px; top:50%; right:-70px; margin-top:-50px; text-indent:-9000px; background:url("../img/slide_next.png") no-repeat; display:block; position:absolute;}

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

@media screen and (max-width:1150px){
	#product-section .owl-carousel{padding-bottom:30px;}
	#product-section .owl-carousel .owl-dots{display:block;}
}

@media screen and (max-width:980px){
	#mcont5-section{padding:60px 0 50px;}
	#mcont5-section .cont-area{padding:0 15px;}
	#mcont5-section .cont-area h2{font-size:33px;}

	#product-section{margin-top:35px;}
}

@media screen and (max-width:880px){
	#mcont5-section{padding:50px 0 40px;}
	#mcont5-section .cont-area{padding:0 15px;}
	#mcont5-section .cont-area h2{font-size:30px;}

	#product-section{margin-top:30px;}
}

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

@media screen and (max-width:580px){
	#product-section .subj{font-size:16px;}
}

@media screen and (max-width:540px){
	#product-section .box{padding:0; border:0;}
}