@charset "utf-8";

#menu { }

@media screen and (max-width:1024px){
	.main1,
	.main2,
	.main3,
	.main4,
	.main5, 
	.main6,
	.main1 .fp-tableCell,
	.main2 .fp-tableCell,
	.main3 .fp-tableCell,
	.main4 .fp-tableCell,
	.main5 .fp-tableCell,
	.main6 .fp-tableCell,
	.section .fp-scrollable { height:auto !important; height:-webkit-fill-available !important; }
	
	.fp-section, .fp-tableCell{height:auto !important;}
	.iScrollIndicator,
	.fp-scrollable { height:100% !important; height:-webkit-fill-available !important; }
	.iScrollVerticalScrollbar { display:none !important; } 

    #fullpage { overflow:hidden }
}
@media screen and (max-height:760px){
	.main1,
	.main2,
	.main3,
	.main4,
	.main5, 
	.main6 { padding:0; }
}

/* #fp-nav { display:block  !important; } */
#menu { opacity:1; position:fixed; right:0 !important; top:50% !important; margin-top:0 !important;transform:translateY(-50%); width:100px; display:flex; justify-content:center; z-index:999; transition:all 0.8s }
#menu li { text-align:center; }
#menu li:not(:last-child) { margin-bottom:40px; }
#menu li a { width:8px; height:8px; border-radius:8px; margin:0 auto; text-indent:-9999em; display:block; opacity:0.3; background-color:#005f30; transition:all 0.3s }
#menu li:first-child a { width:16px; height:17.5px; border-radius:0; background:url(/img/main/home_icon.png) no-repeat center center; }
#menu li.active a { opacity:1; }
.body_hidden #menu { z-index:1; opacity:0; }
.fp-viewing-LAST #menu { opacity:0; }
@media screen and (max-width:1024px){
    #menu { width:80px; }
    #menu li a { opacity:0.4; }
    #menu li:not(:last-child) { margin-bottom:30px; }
}
@media screen and (max-width:640px){
    #menu { width:60px; }
}

.fp-viewing-MAIN #menu li a,
.fp-viewing-PARTNERS #menu li a,
.fp-viewing-NEWS #menu li a { background-color:#fff; opacity:0.4; }
.fp-viewing-MAIN #menu li.active a,
.fp-viewing-PARTNERS #menu li.active a,
.fp-viewing-NEWS #menu li.active a { opacity:1; }
.fp-viewing-MAIN #menu li:first-child a,
.fp-viewing-PARTNERS #menu li:first-child a,
.fp-viewing-NEWS #menu li:first-child a { background-color:none; background:url(/img/main/home_icon_on.png) no-repeat center center; }

#visual { position:relative; background-color:#fff; width:100%; height:100%; }
#visual .visual { position:relative; width:100%; height:100%; }
#visual .swiper-container { position:relative; width:100%; height:100%; overflow:hidden; }
#visual .swiper-container .swiper-slide { position:relative; width:100%; height:100vh; overflow:hidden; display:flex; }
#visual .swiper-container .swiper-slide .mov { position:relative; width:100%; height:100vh; overflow:hidden; z-index:2; opacity:0; background:rgba(0,0,0,0.6); transition:all 0.3s ease-in-out; }
#visual .swiper-container .swiper-slide .mov video { position:absolute; left:0; top:0; height:100%; width:100%; overflow:hidden; object-fit:cover; -o-object-fit:cover; }
#visual .swiper-container .swiper-slide .mvisualImage { position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
#visual .swiper-container .swiper-slide .visual_txt { position:absolute; left:0; top:55%; transform:translateY(-50%); padding:0 200px; }
#visual .swiper-container .swiper-slide .visual_txt .vs_tit { overflow:hidden; margin:20px 0; padding-right:10px; }
#visual .swiper-container .swiper-slide .visual_txt .vs_tit span { font-family:var(--font-family); font-weight:700; font-size:112px; color:#fff; letter-spacing:-0.02em; }
#visual .swiper-container .swiper-slide .visual_txt .vs_tit > span { display:block; }
#visual .swiper-container .swiper-slide .visual_txt .vs_tit > span > span { opacity:0; display:inline-block; min-width:28px; }
#visual .swiper-container .swiper-slide .visual_txt .vs_txt { margin-top:30px; overflow:hidden }
#visual .swiper-container .swiper-slide .visual_txt .vs_txt > span { opacity:0; font-weight:300; font-size:22px; color:#fff; letter-spacing:-0.02em; line-height:130%; display:block; }
#visual .swiper-container .swiper-slide.swiper-slide-active .mvisualImage { animation:m_vsImg 4.5s; transform:scale(1); }
#visual .swiper-container .swiper-slide.swiper-slide-active .visual_txt .vs_title1 > span > span { animation:blur_txt 1.5s 0.6s; animation-fill-mode:both; }
#visual .swiper-container .swiper-slide.swiper-slide-active .visual_txt .vs_title2 > span > span { animation:ani_2 1.5s 0.6s; animation-fill-mode:both;}
#visual .swiper-container .swiper-slide.swiper-slide-active .visual_txt .vs_txt > span { animation:txtLeft 1.5s 1.0s; animation-fill-mode:both;}
#visual .swiper-container .control_box { position:absolute; left:0; padding:0 200px; bottom:15%; z-index:5; width:100%; display:flex; align-items:center; gap:0 20px; }
#visual .swiper-container .control_box .swiper-btn { position:relative; left:unset; top:unset; right:unset; margin:0; padding:0; display:inline-block; width:19px; height:19px; background:url(/img/main/swiper_btn.png) no-repeat center center; }
#visual .swiper-container .control_box .swiper-btn.swiper-button-next { transform:rotate(180deg); }
#visual .swiper-container .control_box .swiper-pagination {  position:relative; left:unset; top:unset; right:unset; margin:0; padding:0; display:inline-block; display:flex; align-items:center; gap:0 20px;}
#visual .swiper-container .control_box .swiper-pagination span { position:relative; width:8px; height:8px; opacity:1; background:none; transition:all 0.3s; }
#visual .swiper-container .control_box .swiper-pagination span:before { content:""; display:block; width:6px; height:6px; position:absolute; left:0; top:0; border-radius:100px; border:1px solid #fff; transition:all 0.3s; }
#visual .swiper-container .control_box .swiper-pagination span:after { content:""; display:block; width:0; height:1px; position:absolute; left:28px; top:50%; border-radius:100px; background:#fff; }
#visual .swiper-container .control_box .swiper-pagination .swiper-pagination-bullet-active { width:48px; }
#visual .swiper-container .control_box .swiper-pagination .swiper-pagination-bullet-active:before { background:#fff; }
#visual .swiper-container .control_box .swiper-pagination .swiper-pagination-bullet-active:after { width:20px; animation:ani_w20 1s 0.3s; animation-fill-mode:both;}

.swiper-button-next:after, 
.swiper-button-prev:after { display:none; }

#visual .scrollDown { position:absolute; left:50%; bottom:40px; transform:translateX(-50%); z-index:11; }
#visual .scrollDown:before { content:""; display:block; width:26px; height:40px; position:absolute; left:0; bottom:0; border-radius:100px; border:2px solid #fff }
#visual .scrollDown span { position:relative; font-size:12px; color:rgba(51,51,51,0.8); font-weight:300; padding-left:0; width:100%;  }
#visual .scrollDown span:before { content:""; display:block; width:2px; height:8px; background:#fff; position:absolute; left:14px; animation:scrollDown 2s infinite;}
@media screen and (max-width:1400px){
    #visual .swiper-container .swiper-slide .visual_txt,
    #visual .swiper-container .control_box { padding:0 160px; }
    #visual .swiper-container .swiper-slide .visual_txt .vs_tit { margin:15px 0; padding-right:10px; }
    #visual .swiper-container .swiper-slide .visual_txt .vs_tit span { font-size:90px; }
    #visual .swiper-container .swiper-slide .visual_txt .vs_tit > span > span { min-width:22px; }
    #visual .swiper-container .swiper-slide .visual_txt .vs_txt { margin-top:25px; }
    #visual .swiper-container .swiper-slide .visual_txt .vs_txt > span { font-size:20px; }
}
@media screen and (max-width:1280px){
    #visual .swiper-container .swiper-slide .visual_txt,
    #visual .swiper-container .control_box { padding:0 130px; }
    #visual .swiper-container .swiper-slide .visual_txt .vs_tit { margin:10px 0; padding-right:8px; }
    #visual .swiper-container .swiper-slide .visual_txt .vs_tit span { font-size:65px; }
    #visual .swiper-container .swiper-slide .visual_txt .vs_tit > span > span { min-width:20px; }
    #visual .swiper-container .swiper-slide .visual_txt .vs_txt { margin-top:20px; }
    #visual .swiper-container .swiper-slide .visual_txt .vs_txt > span { font-size:18px; }
}
@media screen and (max-width:1024px){
	#visual .scrollDown { display:none; }
    #visual .swiper-container .swiper-slide .visual_txt,
    #visual .swiper-container .control_box { padding:0; width:100%; text-align:center; justify-content:center; }
    #visual .swiper-container .swiper-slide .visual_txt { top:60%; }
}	
@media screen and (max-width:760px){
    #visual .swiper-container .swiper-slide .visual_txt .vs_tit { margin:8px 0; }
    #visual .swiper-container .swiper-slide .visual_txt .vs_tit span { font-size:32px; }
    #visual .swiper-container .swiper-slide .visual_txt .vs_tit > span > span { min-width:10px; }
    #visual .swiper-container .swiper-slide .visual_txt .vs_txt > span { font-size:16px; }
    #visual .swiper-container .swiper-slide .visual_txt { top:65%; }
    #visual .swiper-container .control_box { bottom:10% }
}	


.main2 { position:relative; }
.main2:before { content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(/img/main/business_l_bg.png) no-repeat left bottom; } 
.main2:after { content:""; display:block; position:absolute; right:0; top:0; width:100%; height:100%; background:url(/img/main/business_r_bg.png) no-repeat right top; } 
.main2 .business-box { text-align:center; padding:60px 0 0 0; position:relative; z-index:1; }
.main2 .business-box .title-box h3 { font-weight:700; font-size:76px; letter-spacing:-0.02em; color:#111; display:inline-block; margin-right:5px; }
.main2 .business-box .title-box h3 span { font-weight:700; }
.main2 .business-box .title-box h3 span > span { min-width:16px; }
.main2 .business-box .title-box .txt { margin-top:30px; font-weight:300; font-size:22px; letter-spacing:-0.02em; line-height:1.2; color:#555;}
.main2 .business-box .btn { margin-top:80px; }
.main2 .business-box .btn a { position:relative; margin:0 auto; width:240px; height:75px; display:flex; align-items:center; justify-content:center; background:#fff; box-shadow:20px 20px 25px rgba(0, 95, 48, 0.1);}
.main2 .business-box .btn a span { transition:all 0.3s ease-in-out; position:relative; z-index:2; font-family:var(--font-family); font-weight:700; font-size:18px; letter-spacing:-0.02em; color:#111; }
.main2 .business-box .btn a:before { transition:all 0.3s ease-in-out; content:""; display:block; position:absolute; left:0; top:0; width:0; height:100%; background-color:#005f30; } 
.main2 .business-box .btn a:hover span { color:#fff; }
.main2 .business-box .btn a:hover:before { width:100%; }
@media screen and (max-width:1400px){
    .main2 .business-box .title-box h3 { font-size:65px; }
    .main2 .business-box .title-box img { height:63px; }
}
@media screen and (max-width:1280px){
    .main2 .business-box .title-box h3 { font-size:55px; }
    .main2 .business-box .title-box img { height:50px; }
    .main2 .business-box .title-box .txt { margin-top:20px; font-size:20px; }
}
@media screen and (max-width:1024px){
    .main2 .business-box { padding:200px 0; }
    .main2 .business-box .title-box h3 { font-size:35px; }
    .main2 .business-box .title-box img { height:30px; }
    .main2 .business-box .title-box .txt { margin-top:15px; font-size:18px; }
    .main2 .business-box .btn { margin-top:60px; }
    .main2 .business-box .btn a {width:200px; height:60px; }
    .main2 .business-box .btn a span { font-size:16px; }
    .main2:before { background-size:130% auto; background-position:left bottom; } 
    .main2:after { background-size:33% auto; } 
}
@media screen and (max-width:640px){
    .main2 .business-box { padding:150px 20px; }
    .main2 .business-box .title-box h3 { font-size:24px; }
    .main2 .business-box .title-box img { height:20px; }
    .main2 .business-box .title-box .txt { margin-top:12px; font-size:16px; }
    .main2 .business-box .title-box .txt .m_br { display:block }
    .main2 .business-box .btn { margin-top:40px; }
    .main2 .business-box .btn a {width:180px; height:55px; }
    .main2:before { background-size:130% auto; background-position:left bottom; } 
    .main2:after { background-size:33% auto; } 
}

/* animation */
.main2.active .business-box .title-box h3 img { animation:ani_2 1.5s 1.0s; animation-fill-mode:both; }
.main2.active .business-box .title-box h3 > span { display:inline-block }
.main2.active .business-box .title-box h3 span span { animation:blur_txt 1.5s 0.6s; animation-fill-mode:both; }
.main2.active .business-box .title-box .txt { animation:ani_5 0.8s 1.5s; animation-fill-mode:both; }


.main-title { text-align:center; }
.main-title h3 { font-weight:700; font-size:58px; letter-spacing:-0.02em; color:#fff; }
.main-title h3 span { font-family:var(--font-family); font-weight:700; }
.main-title h3 span span { display:inline-block; min-width:12px; }
.main-title .txt { margin-top:20px; font-weight:300; font-size:20px; letter-spacing:-0.02em; color:#fff;}
@media screen and (max-width:1280px){
    .main-title h3 { font-size:48px; }
    .main-title .txt { margin-top:18px; font-size:19px; }
}
@media screen and (max-width:1024px){
    .main-title h3 { font-size:36px; }
    .main-title .txt { margin-top:15px; font-size:17px; }
}
@media screen and (max-width:640px){
    .main-title h3 { font-size:22px; }
    .main-title .txt { margin-top:10px; font-size:15px; }
}


/* animation */
.active .main-title h3 > span { display:inline-block }
.active .main-title h3 span span { animation:ani_2 1.2s 0.6s; animation-fill-mode:both; }
.active .main-title .txt { animation:ani_5 0.8s 0.8s; animation-fill-mode:both; }


.main3 { position:relative; background:url(/img/main/partners_bg.png) no-repeat center/cover; }
.main3 > div,
.main4 > div { padding:0 0 0 0; }
@media screen and (max-width:1024px){
    .main3 > div,
    .main4 > div { padding:0; }
}

.main3 .partners-box { padding:0 100px }
.main3 .partners-box .swiper-container { position:relative; width:100%; overflow:hidden; margin-top:100px; }
.main3 .partners-box .swiper-container .swiper-slide { position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:20px; transition:all 0.3s ease-in-out; }
.main3 .partners-box .swiper-container .swiper-slide .list:hover { opacity:1 }
.main3 .partners-box .swiper-container .swiper-slide .list { width:calc((100% - 80px) / 5); height:100px; display:flex; align-items:center; justify-content:center; border:1px solid #fff; opacity:0.7; transition:all 0.3s ease-in-out; }
.main3 .partners-box .swiper-container .control_box { position:relative; padding:0 200px; margin-top:100px; z-index:5; width:100%; display:flex; align-items:center; justify-content:center; gap:0 20px; }
.main3 .partners-box .swiper-container .control_box .swiper-btn { cursor:pointer; position:relative; left:unset; top:unset; right:unset; margin:0; padding:0; display:inline-block; width:19px; height:19px; background:url(/img/main/swiper_btn.png) no-repeat center center; }
.main3 .partners-box .swiper-container .control_box .swiper-btn.swiper-button-next-p { transform:rotate(180deg); }
.main3 .partners-box .swiper-container .control_box .swiper-pagination-p {  position:relative; left:unset; top:unset; right:unset; margin:0; padding:0; display:inline-block; display:flex; align-items:center; gap:0 20px;}
.main3 .partners-box .swiper-container .control_box .swiper-pagination-p span { position:relative; width:8px; height:8px; opacity:1; background:none; transition:all 0.3s; }
.main3 .partners-box .swiper-container .control_box .swiper-pagination-p span:before { content:""; display:block; width:6px; height:6px; position:absolute; left:0; top:0; border-radius:100px; border:1px solid #fff; transition:all 0.3s; }
.main3 .partners-box .swiper-container .control_box .swiper-pagination-p span:after { content:""; display:block; width:0; height:1px; position:absolute; left:28px; top:50%; border-radius:100px; background:#fff; }
.main3 .partners-box .swiper-container .control_box .swiper-pagination-p .swiper-pagination-bullet-active { width:48px; }
.main3 .partners-box .swiper-container .control_box .swiper-pagination-p .swiper-pagination-bullet-active:before { background:#fff; }
.main3 .partners-box .swiper-container .control_box .swiper-pagination-p .swiper-pagination-bullet-active:after { width:20px; animation:ani_w20 1s 0.3s; animation-fill-mode:both;}
@media screen and (max-width:1600px){
    .main3 .partners-box .swiper-container .swiper-slide { gap:15px; }
    .main3 .partners-box .swiper-container .swiper-slide .list { width:calc((100% - 60px) / 5); padding:0 20px; }
    .main3 .partners-box .swiper-container .swiper-slide .list img { max-width:100% }
}
@media screen and (max-width:1400px){
    .main3 .partners-box { padding:0 60px }
    .main3 .partners-box .swiper-container .swiper-slide .list { height:90px; }
}
@media screen and (max-width:1280px){
    .main3 .partners-box { padding:0 30px }
    .main3 .partners-box .swiper-container .swiper-slide { gap:10px; }
    .main3 .partners-box .swiper-container .swiper-slide .list { width:calc((100% - 40px) / 5); height:80px; }
}
@media screen and (max-width:1024px){
    .main3 .partners-box { padding:200px 20px }
    .main3 .partners-box .swiper-container,
    .main3 .partners-box .swiper-container .control_box { margin-top:80px; padding:0; }
}
@media screen and (max-width:760px){
    .main3 .partners-box .swiper-container .swiper-slide .list { width:calc((100% - 10px) / 2); }
}
@media screen and (max-width:640px){
    .main3 .partners-box { padding:150px 20px }
    .main3 .partners-box .swiper-container,
    .main3 .partners-box .swiper-container .control_box { margin-top:40px; }
}


.main4 { position:relative; background:url(/img/main/news_bg.png) no-repeat center/cover; }
.main4 .news-box { padding:0 100px }
.main4 .news-box .listbox { margin-top:40px; }
.main4 .news-box .listbox * { cursor:none }
.main4 .news-box .swiper-container { position:relative; width:100%;; }
.main4 .news-box .swiper-container .swiper-slide { position:relative; padding-top:20px; }
.main4 .news-box .swiper-container .swiper-slide .newsCont { position:relative; transition:all 0.3s ease-in-out; border:1px solid rgba(255,255,255,0.2); height:420px; padding:80px 40px; }
.main4 .news-box .swiper-container .swiper-slide .newsCont:before { transition:all 0.5s; content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:0; background:rgba(255, 255, 255, 0.1); backdrop-filter:blur(10px); } 
.main4 .news-box .swiper-container .swiper-slide .newsCont dl { position:relative; z-index:2; }
.main4 .news-box .swiper-container .swiper-slide .newsCont h4 { font-weight:700; color:#fff; font-size:28px; letter-spacing:-0.02em; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.main4 .news-box .swiper-container .swiper-slide .newsCont dd { height:160px; margin-top:40px; }
.main4 .news-box .swiper-container .swiper-slide .newsCont dd .txt { font-weight:300; color:#fff; font-size:18px; letter-spacing:-0.02em; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.main4 .news-box .swiper-container .swiper-slide .newsCont .date { font-family:var(--font-family); font-weight:700; color:#fff; font-size:16px; letter-spacing:-0.02em; opacity:0.5 }
.main4 .news-box .swiper-container .swiper-slide:hover .newsCont { margin-top:-20px; border:1px solid rgba(255,255,255,1); }
.main4 .news-box .swiper-container .swiper-slide:hover .newsCont:before { height:100%; }
.main4 .news-box .swiper-container .control_box { position:relative; padding:0; margin-top:60px; }
.main4 .news-box .swiper-container .control_box .swiper-btn { display:none }
.main4 .news-box .swiper-pagination-progressbar { position:relative; background:rgba(255,255,255,0.2); height:3px; width:100%; }
.main4 .news-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#fff; }
@media screen and (max-width:1400px){
    .main4 .news-box { padding:0 60px }
}
@media screen and (max-width:1280px){
    .main4 .news-box { padding:0 30px }
    .main4 .news-box .swiper-container .swiper-slide .newsCont { height:350px; padding:50px 30px; }
    .main4 .news-box .swiper-container .swiper-slide .newsCont h4 { font-size:24px; }
    .main4 .news-box .swiper-container .swiper-slide .newsCont dd { height:140px; margin-top:30px; }
    .main4 .news-box .swiper-container .swiper-slide .newsCont dd .txt { font-size:17px; }
    .main4 .news-box .swiper-container .swiper-slide .newsCont .date { font-size:15px;}
    .main4 .news-box .swiper-container .control_box { margin-top:50px; }
}
@media screen and (max-width:1024px){
    .main4 .news-box { padding:200px 20px }
    .main4 .news-box .listbox * { cursor:auto }
    .main4 .news-box .swiper-container .swiper-slide .newsCont { height:300px; padding:40px 20px; }
    .main4 .news-box .swiper-container .swiper-slide .newsCont h4 { font-size:20px; }
    .main4 .news-box .swiper-container .swiper-slide .newsCont dd { height:130px; margin-top:20px; }
    .main4 .news-box .swiper-container .swiper-slide .newsCont dd .txt { font-size:16px; }
    .main4 .news-box .swiper-container .swiper-slide .newsCont .date { font-size:14px;}
    .main4 .news-box .swiper-container .control_box { margin-top:40px; }
    .main4 .news-box .swiper-pagination-progressbar { height:2px; }
}
@media screen and (max-width:640px){
    .main4 .news-box { padding:150px 20px }
    .main4 .news-box .swiper-container .swiper-slide .newsCont { height:240px; padding:20px 20px; }
    .main4 .news-box .swiper-container .swiper-slide .newsCont h4 { font-size:18px; }
    .main4 .news-box .swiper-container .swiper-slide .newsCont dd { height:120px; margin-top:15px; }
    .main4 .news-box .swiper-container .swiper-slide .newsCont dd .txt { font-size:15px; }
    .main4 .news-box .swiper-container .swiper-slide .newsCont .date { font-size:13px;}
    .main4 .news-box .swiper-container .control_box { margin-top:30px; }
    .main4 .news-box .swiper-pagination-progressbar { height:1px; }
}

/* Cursor */
.cursor { position:fixed; left:-100px;top:-100px; pointer-events:none !important; z-index:999999 !important; animation:cursor_bs_off 0.5s; animation-fill-mode:both; position:absolute; width:120px; height:120px; border-radius:50%; transform:translate(-50%, -50%); border-radius:100px; background:rgba(255, 255, 255, 0.1); display:flex; align-items:center; justify-content:center; color:#fff; font-size:16px; font-weight:700; letter-spacing:-0.02em; line-height:1; font-family:var(--font-family); }
.cursor:before{ content:"\e93d";  font-family:'xeicon'; color:#fff; position:absolute; top:50%; left:15%; margin-top:2px; transform:translateY(-50%); font-size:14px; font-weight:500 }
.cursor:after{ content:"\e940";  font-family:'xeicon'; color:#fff; position:absolute; top:50%; right:15%; margin-top:2px; transform:translateY(-50%); font-size:14px; font-weight:500 }
.cursor.more { animation:cursor_bs 0.5s 0.2s; animation-fill-mode:both; }
@media screen and (max-width:1024px){
    .cursor.more { display:none }
}