@charset "utf-8";

#visual-section{overflow:hidden;}
#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:936px; 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:2px; background:rgba(255,255,255,.6); vertical-align:bottom; display:inline-block;}
#visual-section .owl-carousel .owl-dots .active span{background:rgba(255,255,255,1);}

#visual-section .visual-txt{width:100%; max-width:1330px; top:50%; left:50%; padding:0 15px; z-index:100; transform:translate(-50%,-50%); position:absolute;}
#visual-section .visual-txt .visual-box{}
#visual-section .visual-txt .visual-box h2{margin-bottom:20px; font-weight:800; font-size:45px; color:#fff;}
#visual-section .visual-txt .visual-box h3{font-weight:600; font-size:32px; color:#fff;}

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

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

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

@media screen and (max-width:780px){
	#visual-section .visual-txt .visual-box h2{font-size:40px;}
	#visual-section .visual-txt .visual-box h3{font-size:25px;}
}

@media screen and (max-width:680px){
	#visual-section .visual-txt .visual-box h2{font-size:35px;}
	#visual-section .visual-txt .visual-box h3{font-size:20px;}
}

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


#product-section{padding:100px 0;}
#product-section .product-area{width:100%; max-width:1630px; margin:0 auto; padding:0 15px; position:relative;}
#product-section .product-area:after{clear:both; content:""; display:block;}
#product-section .product-area h3{width:250px; font-weight:800; font-size:45px; color:#3b3b3b; float:left;}
#product-section .product-area .prd-slider{width:calc( 100% - 250px ); border-radius:50px; float:left; overflow:hidden;}
#product-section .product-area .prd-box{ position:relative; overflow:hidden;}
#product-section .product-area .prd-box .prd-img{height:736px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#product-section .product-area .prd-box .prd-btm{width:600px; height:135px; bottom:0; right:0; z-index:10; background-color:#f3f3f3; position:absolute;}
#product-section .product-area .prd-box .prd-btm:after{clear:both; content:""; display:block;}
#product-section .product-area .prd-box .prd-btm em{width:145px; height:135px; background-color:#3b3b3b; display:block; float:left; position:relative;}
#product-section .product-area .prd-box .prd-btm em span{width:66px; height:1px; background-color:#878787; display:block; position:absolute;}
#product-section .product-area .prd-box .prd-btm em span.l{top:50%; left:50%; transform:translate(-50%,-50%);}
#product-section .product-area .prd-box .prd-btm em span.t{top:50%; left:50%; transform:translate(-50%,-50%) rotate(90deg);}
#product-section .product-area .prd-box .prd-btm div{width:calc( 100% - 145px ); height:135px; padding:0 0 0 30px; float:right; display:flex; align-items:center; justify-content:center; flex-direction:column;}
#product-section .product-area .prd-box .prd-btm div span{width:100%; font-size:20px; color:#333; display:block;}
#product-section .product-area .prd-box .prd-btm div strong{width:100%; font-weight:800; font-size:38px; color:#333; display:block;}
#product-section .prd-pagination{width:250px; bottom:115px; left:0; z-index:100; text-align:right; position:absolute;}
#product-section .prd-pagination .swiper-pagination-bullet{width:20px; height:20px; margin-left:15px; opacity:1; background-color:#dedede;}
#product-section .prd-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#87db52;}

@media screen and (max-width:1130px){
	#product-section .product-area .prd-box .prd-btm{height:100px;}
	#product-section .product-area .prd-box .prd-btm em{width:100px; height:100px;}
	#product-section .product-area .prd-box .prd-btm em span{width:50px;}
	#product-section .product-area .prd-box .prd-btm div{width:calc( 100% - 100px ); height:100px;}
	#product-section .product-area .prd-box .prd-btm div strong{font-size:30px;}
}

@media screen and (max-width:1080px){
	#product-section .product-area .prd-box .prd-img{height:600px;}
}

@media screen and (max-width:980px){
	#product-section{padding:80px 0;}
	#product-section .product-area h3{font-size:40px;}
}

@media screen and (max-width:880px){
	#product-section{padding:60px 0;}
	#product-section .product-area h3{width:100%; font-size:35px; float:none;}
	#product-section .product-area .prd-slider{width:100%; margin-top:20px; float:none;}
	#product-section .prd-pagination{width:100%; bottom:0; margin-top:20px; text-align:center; position:relative;}
}

@media screen and (max-width:680px){
	#product-section .product-area h3{font-size:30px;}
	#product-section .product-area .prd-box .prd-img{height:500px;}

	#product-section .product-area .prd-box .prd-btm{width:450px; height:70px;}
	#product-section .product-area .prd-box .prd-btm em{width:70px; height:70px;}
	#product-section .product-area .prd-box .prd-btm em span{width:30px;}
	#product-section .product-area .prd-box .prd-btm div{width:calc( 100% - 70px ); height:70px;}
	#product-section .product-area .prd-box .prd-btm div span{font-size:16px;}
	#product-section .product-area .prd-box .prd-btm div strong{font-size:20px;}
}

@media screen and (max-width:580px){
	#product-section .product-area .prd-box .prd-img{height:400px;}
}

@media screen and (max-width:500px){
	#product-section .product-area .prd-box .prd-btm{width:320px;}
	#product-section .product-area .prd-box .prd-btm em{width:50px;}
	#product-section .product-area .prd-box .prd-btm div{width:calc( 100% - 50px ); padding-left:10px;}
	#product-section .product-area .prd-box .prd-btm div span{font-size:14px; letter-spacing:-0.5px;}
}

@media screen and (max-width:480px){
	#product-section .product-area .prd-box .prd-img{height:350px;}
}


#product2-section{margin-bottom:90px; padding:100px 0; border-bottom:1px solid #666; overflow:hidden; position:relative;}
#product2-section:after{width:100%; height:1px; top:215px; left:0; background-color:#666; content:""; display:block; position:absolute;}
#product2-section .product-area{width:100%; max-width:1630px; margin:0 auto; padding:0 15px; position:relative;}
#product2-section .prd2-slider{width:100%; overflow:hidden;}
#product2-section .prd-box{padding:25px;}
#product2-section .prd-box:after{clear:both; content:""; display:block;}
#product2-section .prd-box .prd-img{width:50%; border-radius:30px; overflow:hidden; float:right; box-shadow:16px 14px 10px rgba(51,51,51,.2)}
#product2-section .prd-box .prd-img img{max-width:100%; vertical-align:middle;}
#product2-section .prd-box .prd-txt{width:50%; padding-top:180px; padding-left:280px; float:left; position:relative;}
#product2-section .prd-box .prd-txt em{top:175px; left:215px; font-weight:800; font-size:24px; color:#666; position:absolute;}
#product2-section .prd-box .prd-txt .prd-cate{margin-bottom:30px; font-weight:800; font-size:18px; color:#666;}
#product2-section .prd-box .prd-txt .prd-subj{margin-bottom:50px; font-weight:800; font-size:48px; color:#333;}
#product2-section .prd-box .prd-txt .prd-cont{font-size:16px; line-height:160%; color:#666;}
#product2-section .prd2-pagination{margin-top:100px; text-align:center;}
#product2-section .prd2-pagination .swiper-pagination-bullet{width:20px; height:20px; margin-left:15px; opacity:1; background-color:#dedede;}
#product2-section .prd2-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#87db52;}

@media screen and (max-width:1200px){
	#product2-section .prd-box .prd-img{width:60%;}
	#product2-section .prd-box .prd-txt{width:40%; padding-top:130px; padding-left:130px;}
	#product2-section .prd-box .prd-txt em{top:127px; left:075px; font-weight:800; font-size:24px; color:#666; position:absolute;}
}

@media screen and (max-width:1080px){
	#product2-section .prd-box .prd-img{width:60%;}
	#product2-section .prd-box .prd-txt{width:40%; padding-top:50px; padding-left:50px;}
	#product2-section .prd-box .prd-txt em{top:47px; left:10px; font-size:22px;}
}

@media screen and (max-width:980px){
	#product2-section{padding:80px 0; border-top:1px solid #666;}
	#product2-section:after{display:none;}
	#product2-section .prd2-pagination{margin-top:90px;}
}

@media screen and (max-width:880px){
	#product2-section{padding:60px 0;}
	#product2-section .prd2-pagination{margin-top:70px;}

	#product2-section .prd-box .prd-img{width:100%; float:none;}
	#product2-section .prd-box .prd-txt{width:100%; float:none;}

	#product2-section .prd-box .prd-txt .prd-cate{margin-bottom:25px; font-size:16px;}
	#product2-section .prd-box .prd-txt .prd-subj{margin-bottom:40px; font-size:44px;}
	#product2-section .prd-box .prd-txt .prd-cont{font-size:14px;}
}

@media screen and (max-width:780px){
	#product2-section .prd2-pagination{margin-top:40px;}
	#product2-section .prd-box .prd-txt .prd-cate{margin-bottom:20px;}
	#product2-section .prd-box .prd-txt .prd-subj{margin-bottom:30px; font-size:40px;}
}

@media screen and (max-width:680px){
	#product2-section .prd2-pagination{margin-top:20px;}
	#product2-section .prd-box .prd-txt .prd-cate{margin-bottom:10px;}
	#product2-section .prd-box .prd-txt .prd-subj{margin-bottom:20px; font-size:35px;}
}


#about-section{padding:150px 0 140px; background:url("../img/main_about_bg.jpg") no-repeat center center;}
#about-section .about-cont{width:100%; max-width:1630px; margin:0 auto; padding:0 15px; text-align:center;}
#about-section .about-cont h2{margin-bottom:35px; font-weight:800; font-size:72px; color:#fff;}
#about-section .about-cont h3{margin-bottom:120px; font-weight:700; font-size:24px; color:#fff;}
#about-section .about-cont .box{}
#about-section .about-cont .box ul{margin:0 -50px;}
#about-section .about-cont .box ul:after{clear:both; content:""; display:block;}
#about-section .about-cont .box ul li{width:25%; padding:0 50px; float:left;}
#about-section .about-cont .box .in-box{padding:100px 0 70px; border-radius:10px; background-color:rgba(255,255,255,.8);}
#about-section .about-cont .box .in-box .icon{margin-bottom:50px;}
#about-section .about-cont .box .in-box .txt{font-weight:800; font-size:30px; color:#3b3b3b;}

@media screen and (max-width:1400px){
	#about-section .about-cont .box ul{margin:0 -30px;}
	#about-section .about-cont .box ul li{padding:0 30px;}
}

@media screen and (max-width:1300px){
	#about-section .about-cont .box ul{margin:0 -20px;}
	#about-section .about-cont .box ul li{padding:0 20px;}
}

@media screen and (max-width:1200px){
	#about-section .about-cont .box ul{margin:0 -10px;}
	#about-section .about-cont .box ul li{padding:0 10px;}
}

@media screen and (max-width:980px){
	#about-section{padding:130px 0 120px;}
	#about-section .about-cont h2{margin-bottom:30px; font-size:60px;}
	#about-section .about-cont h3{margin-bottom:100px; font-size:22px;}
	#about-section .about-cont .box .in-box{padding:70px 0 40px;}
	#about-section .about-cont .box .in-box .icon{margin-bottom:40px;}
	#about-section .about-cont .box .in-box .txt{font-size:27px;}
}

@media screen and (max-width:880px){
	#about-section{padding:110px 0 100px;}
	#about-section .about-cont h2{margin-bottom:20px; font-size:55px;}
	#about-section .about-cont h3{margin-bottom:70px; font-size:20px;}
	#about-section .about-cont .box .in-box{padding:50px 0 30px;}
	#about-section .about-cont .box .in-box .icon{margin-bottom:20px;}
	#about-section .about-cont .box .in-box .txt{font-size:24px;}
}

@media screen and (max-width:880px){
	#about-section{padding:90px 0;}
	#about-section .about-cont h2{font-size:50px;}
	#about-section .about-cont h3{margin-bottom:50px;}
	#about-section .about-cont .box .in-box{padding:30px 0;}
	#about-section .about-cont .box .in-box .txt{font-size:22px;}
}

@media screen and (max-width:680px){
	#about-section .about-cont .box ul li{width:50%; padding:10px;}
	#about-section .about-cont .box .in-box .icon img{max-width:90px;}
	#about-section .about-cont .box .in-box .txt{font-weight:700; font-size:20px; letter-spacing:-0.5px;}
}


#board-section{width:100%; max-width:1630px; margin:0 auto; padding:130px 15px 170px;}
#board-section:after{clear:both; content:""; display:block;}
#board-section .notice-box{width:50%; padding:0 15px; float:left;}
#board-section .sns-box{width:50%; padding:0 15px; float:right;}
#board-section h3{margin-bottom:40px; font-weight:800; font-size:45px; color:#333;}

@media screen and (max-width:1280px){
	#board-section h3{font-size:40px;}
}

@media screen and (max-width:1180px){
	#board-section h3{font-size:35px;}
}

@media screen and (max-width:980px){
	#board-section{padding:100px 15px 140px;}
	#board-section h3{margin-bottom:30px; font-size:30px;}
}

@media screen and (max-width:880px){
	#board-section{padding:70px 15px 110px;}
	#board-section h3{margin-bottom:20px;}

	#board-section .notice-box{width:100%; padding:0; float:none;}
	#board-section .sns-box{width:100%; margin-top:30px; padding:0; float:none;}
}

@media screen and (max-width:780px){
	#board-section{padding:50px 15px 70px;}
	#board-section h3{font-size:25px;}
}

@media screen and (max-width:680px){
	#board-section h3{font-size:22px;}
}

#board-section .board-box{}
#board-section .board-box table{width:100%; table-layout: fixed;}
#board-section .board-box table td{padding:26px 10px; font-size:22px; color:#333; border-top:3px solid #666; border-bottom:3px solid #666;}
#board-section .board-box table .lt_date{width:100px; }
#board-section .board-box a{width:100%; font-size:22px; color:#333; display:block;}
#board-section .board-box div{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

@media screen and (max-width:880px){
	#board-section .board-box table td{padding:20px 10px; font-size:20px; border-top:2px solid #666; border-bottom:2px solid #666;}
	#board-section .board-box a{font-size:20px;}
}

@media screen and (max-width:780px){
	#board-section .board-box table td{padding:15px 10px; font-size:18px;}
	#board-section .board-box a{font-size:18px;}
}

@media screen and (max-width:680px){
	#board-section .board-box table td{padding:13px 10px; font-size:16px;}
	#board-section .board-box a{font-size:16px;}
}

#board-section .board-box ul{margin:0 -5px;}
#board-section .board-box ul:after{clear:both; content:""; display:block;}
#board-section .board-box ul li{width:33.333%; padding:0 5px; float:left;}
#board-section .board-box ul li .img{width:100%; height:245px; background-repeat:no-repeat; background-position:center center; background-size:cover;}

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

@media screen and (max-width:500px){
	#board-section .board-box ul li .img{height:170px;}
}