@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:600px; 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:35px; 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:10px; border:2px solid #fff; vertical-align:bottom; display:inline-block;}
#visual-section .owl-carousel .owl-dots .active span{background:#fff;}
#visual-section .owl-carousel .owl-prev{width:92px; height:90px; top:50%; left:10%; 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:92px; height:90px; top:50%; right:10%; 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{font-weight:400; font-size:48px; color:#fff;}
#visual-section .visual-txt h4{margin-top:15px; font-weight:600; font-size:24px; color:#fff;}

#visual-section .visual-txt2{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; text-align:center; position:absolute;}
#visual-section .visual-txt2 h3{font-weight:400; font-size:48px; color:#fff;}
#visual-section .visual-txt2 h4{margin-top:15px; font-size:24px; color:#fff;}

@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:1040px){
	#visual-section .stretchy_wrapper{padding-bottom:500px;}
	#visual-section .visual-txt{text-align:center;}
	#visual-section .visual-txt h3{font-size:44px;}
	#visual-section .visual-txt h4{font-size:22px;}

	#visual-section .visual-txt2 h3{font-size:44px;}
	#visual-section .visual-txt2 h4{font-size:22px;}
}

@media screen and (max-width:940px){
	#visual-section .stretchy_wrapper{padding-bottom:450px;}
	#visual-section .visual-txt h3{font-size:40px;}
	#visual-section .visual-txt h4{font-size:20px;}

	#visual-section .visual-txt2 h3{font-size:40px;}
	#visual-section .visual-txt2 h4{font-size:20px;}
}

@media screen and (max-width:900px){
	#visual-section{margin-top:97px; position:relative;}
}

@media screen and (max-width:820px){
	#visual-section .stretchy_wrapper{padding-bottom:400px;}
	#visual-section .owl-carousel .owl-dots{bottom:40px;}
	#visual-section .visual-txt h3{font-size:36px;}
	#visual-section .visual-txt h4{font-size:18px;}

	#visual-section .visual-txt2 h3{font-size:36px;}
	#visual-section .visual-txt2 h4{font-size:18px;}
}

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

	#visual-section .visual-txt2 h3{font-size:32px;}
}

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

	#visual-section .visual-txt2 h3{font-size:28px;}
	#visual-section .visual-txt2 h4{font-size:16px;}
}

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

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

#mcont1-section{margin:50px 0 -120px; background:#fff;}
#mcont1-section .cont-area{width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
#mcont1-section .cont-area:after{clear:both; content:""; display:block;}
#mcont1-section .left-box{width:50%; float:left;}
#mcont1-section .right-box{width:50%; float:right;}
#mcont1-section .sleft-box{width:50%; float:left;}
#mcont1-section .sright-box{width:50%; float:right;}

#mcont1-section .fix-wrap{padding-right:300px; position:relative;}
#mcont1-section .fix-width1{width:auto; float:none;}
#mcont1-section .fix-width2{width:300px; top:0; right:0; position:absolute;}

#mcont1-section .box{height:240px; padding:30px 35px; border:1px solid #dbdbdb; background:#fff; position:relative;}
#mcont1-section .box h2{padding-bottom:20px; font-weight:600; font-size:18px; color:#000; position:relative;}
#mcont1-section .box h2:after{width:40px; height:1px; bottom:0; left:0; background:#000; content:""; display:block; position:absolute;}
#mcont1-section .box div.txt{margin-top:25px; font-size:14px; line-height:20px; color:#000;}

@media screen and (max-width:1160px){
	#mcont1-section .box{padding:30px 20px;}
}

@media screen and (max-width:1110px){
	#mcont1-section .left-box{width:100%; float:none;}
	#mcont1-section .left-box:after{clear:both; content:""; display:block;}
	#mcont1-section .right-box{width:100%; float:none;}
	#mcont1-section .right-box:after{clear:both; content:""; display:block;}
	#mcont1-section .right-box .box{border-top:0;}
}

@media screen and (max-width:780px){
	#mcont1-section .box h2{font-size:17px;}
}

@media screen and (max-width:580px){
	#mcont1-section .sleft-box{width:100%; float:none;}
	#mcont1-section .sright-box{width:100%; float:none;}
	#mcont1-section .box{height:200px;}
	#mcont1-section .box div.txt br{display:none;}

	#mcont1-section .fix-wrap{padding-right:0; border-right:1px solid # position:relative;}
	#mcont1-section .fix-width1{width:auto; float:none;}
	#mcont1-section .fix-width2{width:100%; top:auto; right:auto; position:relative;}
}


#mcont1-section .box .bm1{margin-top:25px; padding:5px 10px; font-size:12px; color:#666; border:1px solid #666; display:inline-block;}
#mcont1-section .box .bm2{margin-top:35px; font-weight:bold; font-size:30px; color:#989898; display:inline-block;}

#mcont1-section .ntline{border-top:0;}
#mcont1-section .nrline{border-right:0;}
#mcont1-section .nlline{border-left:0;}

#mcont1-section .notice-list{}
#mcont1-section .notice-list .slick-arrow{width:42px; height:41px; top:-50px; text-indent:-9000px; border:0; position:absolute;}
#mcont1-section .notice-list .slick-prev{right:41px; background:url("../img/nslick_left.gif") no-repeat center;}
#mcont1-section .notice-list .slick-next{right:0; background:url("../img/nslick_right.gif") no-repeat center;}
#mcont1-section .notice-list .nbox{height:130px; padding-top:40px; font-size:15px; line-height:140%; position:relative;}
#mcont1-section .notice-list .nbox .date{bottom:0; left:0; font-weight:normal; color:#666; position:absolute;}

#mcont1-section .facebook-box{width:100%; height:480px; padding:5px; border:1px solid #dbdbdb; border-left:0; border-right:0; background:#fff;}

#mcont1-section .company-box{height:240px; padding:30px 35px; border:1px solid #dbdbdb; border-bottom:0; background:url("../img/company_bg.jpg") no-repeat center center; background-size:cover;}
#mcont1-section .company-box h3{margin-bottom:20px; padding-bottom:20px; font-weight:600; font-size:18px; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,.6); position:relative;}
#mcont1-section .company-box h3:after{width:40px; height:1px; bottom:0; left:0; background:#fff; content:""; display:block; position:absolute;}
#mcont1-section .company-box h4{font-weight:600; font-size:16px; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,.6);}

@media screen and (max-width:1100px){
	#mcont1-section .company-box{padding:30px 20px; border-top:0;}
	#mcont1-section .facebook-box{border-right:1px solid #dbdbdb;}
}


#mcont1-section .catalog,
#mcont1-section .certification,
#mcont1-section .history{background-repeat:no-repeat;}

#mcont1-section .catalog{padding-right:120px; background-image:url("../img/catalog_bg.png"); background-position:right 18px bottom 25px;}
#mcont1-section .certification{padding-right:120px; background-image:url("../img/certification_bg.png"); background-position:right 18px bottom 25px;}
#mcont1-section .history{background-color:#e5e5e5; background-image:url("../img/history_bg.png"); background-position:right 18px bottom 25px;}

@media screen and (max-width:580px){
	#mcont1-section .company-box{height:200px;}
	#mcont1-section .history{border:1px solid #dbdbdb; border-top:0; background-position:right 18px bottom 5px;}
	#mcont1-section .notice-list .nbox{height:100px; padding-top:20px;}
	#mcont1-section .nlline{border-left:1px solid #dbdbdb !important;}
	#mcont1-section .nrline{border-right:1px solid #dbdbdb !important;}
	#mcont1-section .catalog{border-bottom:0;}
	#mcont1-section .box .bm1{margin-top:15px;}
	#mcont1-section .box div.txt{margin-top:15px;}

	#mcont1-section .facebook-box{width:100%; height:auto; padding:10px; text-align:center; border:1px solid #dbdbdb;}
}


#mcont2-section{padding:210px 0 100px; background:#efefef;}
#mcont2-section .cont-area{width:100%; max-width:1220px; margin:40px auto 0; padding:0 10px;}
#mcont2-section .mtitle-box{margin-bottom:65px; text-align:center;}
#mcont2-section .mtitle-box h2{padding-top:25px; font-weight:700; font-size:36px; color:#000; text-shadow:2px 2px 4px rgba(0,0,0,.2); display:block; position:relative;}
#mcont2-section .mtitle-box h2:after{width:50px; height:1px; top:0; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); background:#000; content:""; display:block; position:absolute;}
#mcont2-section .product-list{}
#mcont2-section .box{padding:0 8px;}
#mcont2-section .prd-img{text-align:center; border:1px solid #ddd;}
#mcont2-section .prd-img img{max-width:100%; margin:0 auto;}
#mcont2-section .slick-arrow{width:22px; height:36px; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); text-indent:-9000px; border:0; position:absolute;}
#mcont2-section .slick-prev{left:-40px; background:url("../img/slick_left.png") no-repeat center;}
#mcont2-section .slick-next{right:-40px; background:url("../img/slick_right.png") no-repeat center;}
#mcont2-section .slick-dots{width:100%; bottom:-30px; text-align:center; position:absolute;}
#mcont2-section .slick-dots li{padding:0 2px; display:inline-block;}
#mcont2-section .slick-dots button{width:14px; height:14px; margin:0; padding:0; text-indent:-9000px; border-radius:50% !important; border:0; background:#ddd;}
#mcont2-section .slick-dots .slick-active button{background:#0057a8;}

@media screen and (max-width:1360px){
	#mcont2-section .slick-arrow{display:none !important;}
}

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

@media screen and (max-width:980px){
	#mcont2-section{padding:140px 0 80px;}
	#mcont2-section .mtitle-box{margin-bottom:50px;}
	#mcont2-section .mtitle-box h2{padding-top:20px; font-size:32px;}
}

@media screen and (max-width:880px){
	#mcont2-section .mtitle-box{margin-bottom:40px;}
	#mcont2-section .mtitle-box h2{font-size:28px;}
}

@media screen and (max-width:780px){
	#mcont2-section .mtitle-box{margin-bottom:30px;}
	#mcont2-section .mtitle-box h2{padding-top:15px; font-size:24px;}
	#mcont2-section .mtitle-box h2:after{width:30px;}
}


#mcont3-section{padding:80px 0; background:#fff;}
#mcont3-section .cont-area{width:100%; max-width:1220px; margin:0 auto; padding:0 10px;}
#mcont3-section .mtitle-box{margin-bottom:65px; text-align:center;}
#mcont3-section .mtitle-box h2{padding-top:25px; font-weight:700; font-size:36px; color:#000; text-shadow:2px 2px 4px rgba(0,0,0,.2); display:block; position:relative;}
#mcont3-section .mtitle-box h2:after{width:50px; height:1px; top:0; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); background:#000; content:""; display:block; position:absolute;}
#mcont3-section .insta-list{position:relative;}
#mcont3-section .insta-list .top-empty{width:100%; height:100%; top:0; left:0; z-index:100; position:absolute;}

.snapwidget-widget{width:100% !important;}

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

@media screen and (max-width:980px){
	#mcont3-section{padding:40px 0}
	#mcont3-section .mtitle-box{margin-bottom:50px;}
	#mcont3-section .mtitle-box h2{padding-top:20px; font-size:32px;}
}

@media screen and (max-width:880px){
	#mcont3-section .mtitle-box{margin-bottom:40px;}
	#mcont3-section .mtitle-box h2{font-size:28px;}

	#mcont3-section .insta-list iframe{height:130px !important;}

}

@media screen and (max-width:780px){
	#mcont3-section .mtitle-box{margin-bottom:30px;}
	#mcont3-section .mtitle-box h2{padding-top:15px; font-size:24px;}
	#mcont3-section .mtitle-box h2:after{width:30px;}
	#mcont3-section .insta-list{width:100%; overflow-x:scroll;}
	.snapwidget-widget{width:780px !important;}
}