@charset "utf-8";


html,
body{margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{overflow-x:hidden;}



/* pageNav */
.pageNav{position:fixed;top:50%;right:30px;transform:translateY(-50%);z-index:999;}
.pageNav button{width:12px;height:12px;margin:18px 0;border:none;border-radius:50%;background:#fff;cursor:pointer;display:block;}
.pageNav button.active{background:#00b8ff !important;}

body.page6 .pageNav button,
body.page7 .pageNav button{background:#000;}

@media screen and (max-width:2200px){
.pageNav{right:20px;}
}
@media screen and (max-width:1280px){
.pageNav button{width:10px;height:10px;margin:15px 0;}
}
@media screen and (max-width:960px){
.pageNav{right:15px;}
.pageNav button{width:8px;height:8px;margin:10px 0;}
}
@media screen and (max-width:767px){
.pageNav{display:none;}
}



/* scroll */
.scroll{position:absolute;right:40px;bottom:50px;z-index:999;}
.scroll i{width:29px;height:43px;margin:0 auto;border:solid 2px #fff;border-radius:30px;display:block;position:relative;}
.scroll i:after{width:2px;height:8px;background:#fff;position:absolute;top:8px;left:calc(50% - 1px);display:block;content:"";animation:move linear 1.5s infinite;}
.scroll font{padding-top:8px;display:block;color:#fff;line-height:100% !important;}

.section-testimonials .scroll i{border-color:#333;}
.section-testimonials .scroll i:after{background:#333;}
.section-testimonials .scroll font{color:#333;}

@keyframes move {
	0% {top:8px;opacity:0;}
	10% {top:8px;opacity:1;}
	50% {top:13px;opacity:1;}
	100% {top:13px;opacity:0;}
}

@media screen and (max-width:2200px){
.scroll{right:20px;bottom:30px;}
.scroll i{width:24px;height:38px;}
.scroll i:after{height:5px;top:5px;}
.scroll font{padding-top:5px;}

@keyframes move {
	0% {top:5px;opacity:0;}
	10% {top:5px;opacity:1;}
	50% {top:13px;opacity:1;}
	100% {top:13px;opacity:0;}
}
}
@media screen and (max-width:1280px){
.scroll i{width:24px;height:34px;}
}
@media screen and (max-width:960px){
.scroll{bottom:20px;right:15px;}
}
@media screen and (max-width:767px){
.scroll{display:none;}
}





/* common */
body.page6 header,
body.page7 header{background:rgba(0,0,0,0.1);}

.fpSection{width:100%;height:100vh;position:relative;overflow:hidden;}
.fpSection.fpAuto{height:auto !important;overflow:visible !important;}




/* image contents */
main [class*='section-']{background:#010101;}
main [class*='section-'] > img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;z-index:1;opacity:1 !important;}
main [class*='section-'] .sectionContent{width:100%;height:100%;color:#fff;position:absolute;z-index:2;}
main [class*='section-'] .sectionContent .txtBx{position:absolute;}

@media screen and (max-width:1400px){
main .section-2 > img{object-position:10% center;}
main .section-4 > img{object-position:20% center;}
main .section-5 > img{object-position:70% center;}
}
@media screen and (max-width:767px){
main [class*='section-']{height:auto;aspect-ratio:16 / 9;}
}
@media screen and (max-width:640px){
main [class*='section-'] .sectionContent{padding:0 2%;}
}
@media screen and (max-width:560px){
main [class*='section-']{aspect-ratio:14 / 9;}
}
@media screen and (max-width:480px){
main .fpSection.section-1{aspect-ratio:8 / 9;}
}



main .section-1 .sectionContent .txtBx{width:100%;bottom:15%;left:50%;transform:translateX(-50%);}
main .section-1 .sectionContent .txtBx *{text-align:center;}
main .section-2 .sectionContent .txtBx{bottom:15%;right:15%;}
main .section-3 .sectionContent .txtBx{bottom:15%;left:15%;}
main .section-4 .sectionContent .txtBx{bottom:15%;right:15%;}
main .section-5 .sectionContent .txtBx{bottom:15%;left:15%;}

@media screen and (max-width:1900px){
main .section-2 .sectionContent .txtBx{right:10%;}
main .section-3 .sectionContent .txtBx{left:10%;}
main .section-4 .sectionContent .txtBx{right:10%;}
main .section-5 .sectionContent .txtBx{left:10%;}
}
@media screen and (max-width:1500px){
main .section-2 .sectionContent .txtBx{right:5%;}
main .section-3 .sectionContent .txtBx{left:5%;}
main .section-4 .sectionContent .txtBx{right:5%;}
main .section-5 .sectionContent .txtBx{left:5%;}
}
@media screen and (max-width:767px){
main .section-1 .sectionContent .txtBx{bottom:10%;}
main .section-2 .sectionContent .txtBx{bottom:10%;}
main .section-3 .sectionContent .txtBx{bottom:10%;}
main .section-4 .sectionContent .txtBx{bottom:10%;}
main .section-5 .sectionContent .txtBx{bottom:10%;}
}
@media screen and (max-width:560px){
main .section-1 .sectionContent .txtBx h2{font-size:35px !important;}
main .section-1 .sectionContent .txtBx h4{font-size:20px !important;}
main .section-1 .sectionContent .txtBx br{display:none;}
}
@media screen and (max-width:480px){
main .section-1 .sectionContent .txtBx h2{font-size:30px !important;}
main .section-1 .sectionContent .txtBx h4{font-size:18px !important;}
}
@media screen and (max-width:420px){
main .section-1 .sectionContent .txtBx h2{font-size:25px !important;}
main .section-1 .sectionContent .txtBx h4{font-size:16px !important;}
}
@media screen and (max-width:380px){
main .section-1 .sectionContent .txtBx h2{font-size:22px !important;}
main .section-1 .sectionContent .txtBx h4{font-size:14px !important;}
}






/* testimonials */
main .section-testimonials{background:#e8f1f7;padding-top:120px;padding-bottom:120px;display:flex;justify-content:center;flex-direction:column;}
main .section-testimonials .WRAP{width:100%;}

main .section-testimonials .button{margin:0 auto;}

@media screen and (max-width:1700px) {
main .section-testimonials{padding-top:110px;padding-bottom:110px;}
}
@media screen and (max-width:1600px) {
main .section-testimonials{padding-top:100px;padding-bottom:100px;}
}
@media screen and (max-width:1500px) {
main .section-testimonials{padding-top:90px;padding-bottom:90px;}
}
@media screen and (max-width:1199px) {
main .section-testimonials{padding-top:80px;padding-bottom:80px;}
}
@media screen and (max-width:767px) {
main .section-testimonials{padding-top:75px;padding-bottom:75px;height:auto !important;overflow:visible !important;}
}





.product_slide{padding-bottom:100px;padding-left:1%;position:relative;}
.product_slide .swiper-wrapper{height:auto;}

.product_slide .itemBox{width:100%;border-radius:30px;overflow:hidden;display:block;background:#fff;aspect-ratio:1 / 1;}
.product_slide .itemBox img{height:100%;object-fit:cover;display:block;}
.product_slide .itemBox span{height:100%;padding:50px;display:flex;justify-content:space-between;flex-direction:column;}
.product_slide .itemBox span .con{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;overflow:hidden;}
.product_slide .itemBox span .name{width:100%;text-align:right;}

.product_slide .swiper-scrollbar{width:80%;max-width:1000px;height:4px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#010101;overflow:hidden;}
.product_slide .swiper-scrollbar .swiper-scrollbar-drag{height:4px;background:#00b8ff;position:relative;top:0;opacity:1;}

.product_slide .swiper-button-prev,
.product_slide .swiper-button-next{width:52px !important;height:52px !important;top:-80px !important;left:auto;z-index:10;cursor:pointer;border:solid 1px #312d2e;border-radius:50%;background-image:none !important;display:none !important;}/*
.product_slide .swiper-button-prev{right:calc(20% + 60px) !important;}
.product_slide .swiper-button-next{right:20% !important;}

.product_slide .swiper-button-prev:after,
.product_slide .swiper-button-next:after{width:14px;height:14px;border:solid #312d2e;position:absolute;top:calc(50% - 7px);display:block;content:"";transform:rotate(45deg);}
.product_slide .swiper-button-prev:after{border-width:0 0 2px 2px;left:calc(50% - 4px);}
.product_slide .swiper-button-next:after{border-width:2px 2px 0 0;right:calc(50% - 4px);}

.product_slide .swiper-button-prev:hover,
.product_slide .swiper-button-next:hover{background:#4e3f41;border-color:#4e3f41;}

.product_slide .swiper-button-prev:hover:after,
.product_slide .swiper-button-next:hover:after{border-color:#fff;}*/

@media screen and (max-width:1700px) {
.product_slide .itemBox span{padding:40px;}
}
@media screen and (max-width:1600px) {
.product_slide .itemBox span{padding:35px;}
}
@media screen and (max-width:1280px) {
.product_slide .itemBox{border-radius:20px;}
.product_slide .itemBox span{padding:30px;}
}
@media screen and (max-width:1100px) {
.product_slide{padding-bottom:80px;}
}
@media screen and (max-width:640px) {
.product_slide{padding-bottom:60px;}
}







/* contact */
main .section-contact{background:#fff;padding-top:120px;padding-bottom:120px;display:flex;align-items:center;justify-content:center;}
main .section-contact .WRAP{padding:0 5%;width:100%;}

@media screen and (max-width:1700px) {
main .section-contact{padding-top:110px;padding-bottom:110px;}
main .section-contact .WRAP{padding:0 2.5%;}
}
@media screen and (max-width:1600px) {
main .section-contact{padding-top:100px;padding-bottom:100px;}
main .section-contact .WRAP{padding:0;}
}
@media screen and (max-width:1500px) {
main .section-contact{padding-top:90px;padding-bottom:90px;}
}
@media screen and (max-width:1199px) {
main .section-contact{padding-top:80px;padding-bottom:80px;}
}
@media screen and (max-width:768px) {
main .section-contact{padding-top:75px;padding-bottom:75px;}
}


main .section-contact .txtBx .titst{padding-left:15px;position:relative;}
main .section-contact .txtBx .titst:after{width:9px;height:9px;border-radius:50%;background:#0094cd;position:absolute;top:0;left:0;display:block;content:"";}

main .section-contact .txtBx .tleftBx{width:55%;}
main .section-contact .txtBx dl{margin-bottom:5px;display:flex;align-items:center;flex-wrap:wrap;}
main .section-contact .txtBx dt{width:125px;border-radius:50px;background:#010101;color:#fff;text-align:center;padding:2px 0;}
main .section-contact .txtBx dd{width:calc(100% - 125px);padding-left:10px;font-family:'Montserrat-Medium';}
main .section-contact .txtBx dd br{display:none;}
main .section-contact .txtBx dl:last-child dt{width:185px;}
main .section-contact .txtBx dl:last-child dd{width:calc(100% - 185px);}

main .section-contact .txtBx .trightBx{width:45%;padding-left:5%;}

main .section-contact .mapBx{border:solid 1px #aaa;border-radius:50px;overflow:hidden;}
main .section-contact .mapBx iframe{width:100%;height:500px;border:0;}

@media screen and (max-width:1500px){
main .section-contact .txtBx dl{margin-bottom:4px;}
main .section-contact .txtBx dt{width:115px;}
main .section-contact .txtBx dd{width:calc(100% - 115px);}
main .section-contact .txtBx dl:last-child dt{width:175px;}
main .section-contact .txtBx dl:last-child dd{width:calc(100% - 175px);}

main .section-contact .mapBx{border-radius:40px;}
main .section-contact .mapBx iframe{height:450px;}
}
@media screen and (max-width:1100px){
main .section-contact .txtBx .titst:after{width:8px;height:8px;}

main .section-contact .txtBx .tleftBx>div{width:100%;padding-left:10px !important;padding-top:10px;}
main .section-contact .txtBx dl{margin-bottom:3px;}
main .section-contact .txtBx dt{width:105px;}
main .section-contact .txtBx dd{width:calc(100% - 105px);}
main .section-contact .txtBx dl:last-child dt{width:165px;}
main .section-contact .txtBx dl:last-child dd{width:calc(100% - 165px);}

main .section-contact .mapBx{border-radius:30px;}
main .section-contact .mapBx iframe{height:400px;}
}
@media screen and (max-width:767px){
main .section-contact .txtBx .titst{padding-left:13px;}
main .section-contact .txtBx .titst:after{width:7px;height:7px;}

main .section-contact .txtBx .tleftBx{width:100%;}
main .section-contact .txtBx .trightBx{width:100%;padding-left:0;padding-top:30px;}

main .section-contact .mapBx{border-radius:20px;}
main .section-contact .mapBx iframe{height:350px;}
}
@media screen and (max-width:640px){
main .section-contact .txtBx dt{width:95px;}
main .section-contact .txtBx dd{width:calc(100% - 95px);}
main .section-contact .txtBx dl:last-child dt{width:155px;}
main .section-contact .txtBx dl:last-child dd{width:calc(100% - 155px);}

main .section-contact .mapBx{border-radius:10px;}
main .section-contact .mapBx iframe{height:300px;}
}
@media screen and (max-width:560px){
main .section-contact .txtBx .trightBx{padding-top:20px;}

main .section-contact .mapBx iframe{height:250px;}
}
@media screen and (max-width:380px){
main .section-contact .txtBx dl{align-items:flex-start;margin-bottom:8px;}
main .section-contact .txtBx dd{line-height:100% !important;}
main .section-contact .txtBx dd br{display:block;}
}




main .section-contact .butBx a{width:calc(100%/2.5 - 20px);margin:0 10px;padding:15px;background:#02ade5;border-radius:20px;display:flex;align-items:center;justify-content:center;}
main .section-contact .butBx a img{width:57px;}
main .section-contact .butBx a font{width:auto;padding-left:15px;color:#fff;}

@media screen and (max-width:1500px){
main .section-contact .butBx a{width:calc(100%/2.2 - 20px);border-radius:10px;}
}
@media screen and (max-width:1100px){
main .section-contact .butBx a{width:calc(100%/2 - 20px);}
main .section-contact .butBx a img{width:50px;}
}
@media screen and (max-width:960px){
main .section-contact .butBx a{width:calc(100%/2 - 10px);margin:0 5px;padding:12px;}
main .section-contact .butBx a img{width:45px;}
}
@media screen and (max-width:860px){
main .section-contact .butBx a{width:calc(100%/2 - 10px);margin:0 5px;}
main .section-contact .butBx a img{width:40px;}
}
@media screen and (max-width:767px){
main .section-contact .butBx a{width:100%;margin:0 0 5px 0;}
main .section-contact .butBx a img{width:40px;}
main .section-contact .butBx a font{padding-left:10px;}
}
@media screen and (max-width:560px){
main .section-contact .butBx a{padding:10px;}
main .section-contact .butBx a img{width:35px;}
}
@media screen and (max-width:320px){
main .section-contact .butBx a img{width:30px;}
main .section-contact .butBx a font{padding-left:5px;font-size:18px !important;}
}