@charset "utf-8"; 
.head-nav .submenu {max-width:initial;}
#product .pro-list .pro-item {height:100%;display:flex;flex-direction:column;box-sizing:border-box;}
#product .pro-list .pro-name {flex:1;}
#product .pro-list>li {transition:.3s;}
#product .pro-list>li:hover {transform:translateY(-15px);}
.advan .advan-list>li .advan-item {transition:.3s;}
.advan .advan-list>li .advan-item:hover {transform:translateY(-15px);}
@media (min-width:769px) and (max-width:1440px){#about .about-con h3{font-size:var(--fontsize26);margin-bottom:10px;}
#about .about-con ul{margin:30px 0;}}
table tr:nth-child(odd){background-color: #efefef;}
table tr:nth-child(even){background-color: #fff;}
.pagesbanner .pagesbanner-animate{text-align: left;}
.pagesbanner .pagesbanner-animate .p2{max-width:55%;font-size:54px;margin-left:auto;margin-top:0;font-weight: var(--fontbold7);}
.pagesbanner .pagesbanner-animate .p1{max-width:55%;font-size:56px;margin-left:auto;margin-top:20px;font-weight: var(--fontbold7)}
@media (max-width:1600px){.pagesbanner .pagesbanner-animate .p2{font-size:3vw}
.pagesbanner .pagesbanner-animate .p1{font-size:3.1vw}}
@media (max-width:768px){.inner-banner{height:auto;}
.pagesbanner .pagesbanner-animate .p2{font-size:14px}
.pagesbanner .pagesbanner-animate .p1{font-size:16px}}
@media (max-width:550px){.pagesbanner .pagesbanner-animate{top:32%}
.pagesbanner .pagesbanner-animate .p2{font-size:12px;max-width:100%;}
.pagesbanner .pagesbanner-animate .p1{max-width:100%;margin-top:2px;font-size:14px;}}
.swiper-slide-active .banner-animote{animation: wkbanner .5s forwards;animation-delay: .7s;}
.banner-animote{position: absolute;color: var(--fontcolor);opacity: 0;}
.banner-animote .home-more{display: none;}
.banner-animote.banner3txt{width:100%;top:17%;right:0;color:#fff;padding:50px;box-sizing:border-box;text-align:center}
.banner-animote.banner3txt .text:nth-child(1){max-width:1000px;margin:0 auto 30px;font-size:32px;}
.banner-animote.banner3txt .text:nth-child(2){max-width:1200px;font-size:22px;margin:0 auto;}
@media (max-width:1024px){
#home-swiper .swiper-wrapper .banner-animote{width:70%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;bottom:initial;right:initial;display:none}
#home-swiper .swiper-wrapper .banner-animote .text{font-size:18px !important}
}
@keyframes wkbanner{0%{margin-top:50px;opacity:0}100%{margin-top:0;opacity:1}}
@-webkit-keyframes wkbanner{0%{margin-top:50px;opacity:0}100%{margin-top:0;opacity:1}}