@charset "utf-8";
@import url("./common.css");

#sec01{width:100%; height:100vh; position:relative; overflow: hidden;}
#sec01 .swiper-slide .txts{display:flex; height:100vh; padding-left:236px; padding-bottom:262px; justify-content: flex-end; flex-direction: column;; }
#sec01 .swiper-slide .txts h2{font-size:60px; margin-bottom:23px; opacity: 0;transform: translateX(-40px);transition: opacity 1.2s ease, transform 1.2s ease-in; font-weight: 300; color:#fff; }
#sec01 .swiper-slide .txts h2 strong{font-weight:600; }
#sec01 .swiper-slide .txts p{font-size:22px; opacity: 0;transform: translateX(-40px);transition: opacity 1.2s ease, transform 1.2s ease-in; margin:0; color:#fff; font-weight: 300;}
#sec01 .swiper-slide.swiper-slide-active .txts h2, #sec01 .swiper-slide .txts p{opacity: 1;transform: translateX(0);}
#sec01 .slide01{background:url(../images/main/main_bg01.png) top center; background-size:cover; }
#sec01 .slide02{background:url(../images/main/main_bg02.png) top center; background-size:cover; }
#sec01 .slide03{background:url(../images/main/main_bg03.png) top center; background-size:cover; }
#sec01 .btns{display:flex; position:absolute; left:236px; bottom:100px; z-index:2;  }
#sec01 .swiper-button{background:transparent; border:0;}
#sec01 .swiper-button:focus{outline:none; box-shadow:none; }
#sec01 .btn-prev{margin-right:15px;}

@media (max-width: 1120px) {
#sec01{min-height:300px;}
#sec01 .swiper-slide .txts{padding-left:8%; padding-bottom:20%;}
#sec01 .btns{left:8%; bottom:6%; }
	
}
@media (max-width: 768px) {
#sec01 .swiper-slide .txts{padding-bottom:30%; }
#sec01 .swiper-slide .txts h2{font-size:40px; margin-bottom:23px;}
#sec01 .swiper-slide .txts p{font-size:18px;}
}
@media (max-width: 568px) {
#sec01 .swiper-slide .txts{width:90%; padding-left:5%; padding-bottom:50%; }
#sec01 .swiper-slide .txts h2{font-size:30px; margin-bottom:23px; word-break:keep-all;}
#sec01 .swiper-slide .txts p{font-size:16px; word-break:keep-all;}
#sec01 .swiper-slide .txts p br{display:none; }
}

#sec02 {padding:152px 0 162px; width:90%; max-width:1440px; margin:auto; display:flex; flex-wrap: wrap; flex-direction: column;}
#sec02 .col{display:flex; width:100%; }
#sec02 .col:nth-child(2){margin:50px 0;}
#sec02 .col .show_m{display:none; }
#sec02 .col img{width:50%; }
#sec02 .col .content{width:50%; display:flex; flex-direction: column; justify-content: center;}
#sec02 .col .content.cl{padding-left:130px; }
#sec02 .col .content.cr{padding-right:80px; text-align:right; }
#sec02 .col .content .num{width:90px; height:90px; margin-bottom:22px; }
#sec02 .col .content.cr .num{margin-left:auto; }
#sec02 .col .content h2{font-size:45px; color:#81BA4C; font-weight:600; }
#sec02 .col .content p{font-size:24px; line-height:36px; word-break:keep-all; margin:0; margin-top:30px; }

@media (max-width: 1250px) {
#sec02 .col .content.cl{padding-left:5%; }
#sec02 .col .content.cr{padding-right:5%;}
#sec02 .col .content h2{font-size:42px;}
#sec02 .col .content p{font-size:22px; line-height:32px; }
}
@media (max-width: 980px) {
#sec02 {padding:100px 0}
#sec02 .col{flex-direction: column;align-items: center;}
#sec02 .col img, 
#sec02 .col .content{width:100%; max-width:640px; }
#sec02 .col .show_m{display:block; }
#sec02 .col .hide_m{display:none; }
#sec02 .col .content.cl,
#sec02 .col .content.cr{padding:0; text-align:center;}
#sec02 .col .content .num{margin:40px auto 20px; }
#sec02 .col .content p{word-break:keep-all;}
#sec02 .col .content p br{display:none; }
}
@media (max-width: 640px) {
#sec02 {padding:70px 0}
#sec02 .col .content .num{width:70px; height:70px; margin-bottom:22px; }
#sec02 .col .content h2{font-size:28px;}
#sec02 .col .content p{font-size:20px; line-height:30px; }

}

#sec03{width:100%; padding:137px 0 154px; background:url(../images/main/main_03_bg.png); }
#sec03 h2{font-size:52px; width:90%; margin:auto; margin-bottom:60px; text-align:center; word-break:keep-all }
#sec03 .product-group{width:90%; max-width:1440px;display:flex; margin:auto; justify-content: center;}
#sec03 .product-group .col-g{width:25%; cursor:pointer; display:flex; flex-direction: column; padding-left:1%; }
#sec03 .product-group .col-g:first-child{padding-left:0; }
#sec03 .product-group .col-g .thumb{width:100%; border-radius:2px; padding:30px 0; min-height:360px; margin-bottom:24px; display:flex; justify-content:center; align-items: center; background:#fff;}
#sec03 .product-group .col-g .thumb img{max-height:274px;}
#sec03 .product-group .col-g .txt span{font-size:24px; width:124px; height:46px; border-radius:23px; margin-bottom:8px; display:flex; align-items: center; justify-content: center; color:#fff;  }
#sec03 .product-group .col-g .txt span.g1{background:#67C114; }
#sec03 .product-group .col-g .txt span.g2{background:#F3C823}
#sec03 .product-group .col-g .txt p{font-size:22px; }
#sec03 .product-group .col-g:hover .txt p {color:#67C114;}
#sec03 .product-group .col-g:hover .txt2 p {color:#F3C823;}

@media (max-width: 1050px) {
#sec03 h2{font-size:45px;}
#sec03 .product-group{flex-wrap:wrap;}
#sec03 .product-group .col-g{width:50%; margin-bottom:40px; text-align: center;}
#sec03 .product-group .col-g:nth-child(3){padding-left:0; }
#sec03 .product-group .col-g .txt span{margin:0 auto 8px}
}
@media (max-width: 800px) {
#sec03 h2{font-size:38px;}
}
@media (max-width: 640px) {
#sec03{padding:100px 0;}
#sec03 h2{font-size:28px;}
#sec03 .product-group .col-g .thumb{min-height:auto}
#sec03 .product-group .col-g .thumb img{max-height: 160px;}
}