@charset "utf-8";

.mainbody { overflow:hidden; }
#fullpage { overflow:hidden; height:100vh }
@media screen and (max-width:1024px) {
	.mainbody { overflow:inherit; }
}

/* .main .aniBox { max-width:1920px; margin:0 auto; } */

.main,
.main .section { overflow:hidden; }
.main .fp-auto-height { overflow:initial !important; }
.main .fp-auto-height .fp-scrollable,
.main .fp-auto-height .fp-scroller { overflow:initial !important; }
@media screen and (max-width:1024px) {
    .fp-section {
        pointer-events:auto !important;
        overflow:visible !important;
        height:auto !important;
    }
    html, body {
        overflow:auto !important;
    }
    .section { height:auto !important; }
	.section .fp-tableCell,
	.section .fp-scrollable { height:auto !important; }
	
	.fp-section, .fp-tableCell{height:auto !important;}
	.iScrollIndicator,
	.fp-scrollable { height:auto !important; }
	.iScrollVerticalScrollbar { display:none !important; } 

    #fullpage { overflow:hidden; height:auto !important; }
}
@media screen and (max-height:800px){
	.video .aniBox { padding-bottom:50px; }
}
@media screen and (max-height:700px){
    .fp-section {
        pointer-events:auto !important;
        overflow:visible !important;
        height:auto !important;
    }
    html, body {
        overflow:auto !important;
    }
    .section { height:auto !important; }
	.section .fp-tableCell,
	.section .fp-scrollable { height:auto !important; }
	
	.fp-section, .fp-tableCell{height:auto !important;}
	.iScrollIndicator,
	.fp-scrollable { height:auto !important; }
	.iScrollVerticalScrollbar { display:none !important; } 

    #fullpage { overflow:hidden; height:auto !important; }
}
.main .aniBox { position:relative; z-index:2; }

#menu { opacity:1; transition:all 0.3s; position:fixed; left:40px !important; top:50% !important; bottom:unset !important; margin-top:0 !important; z-index:10; transform:translateY(-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:11px; }
#menu .home img { transition:all 0.3s; filter:brightness(0) invert(1); }
#menu .numbox { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; }
#menu .numbox .line { transition:all 0.3s; position:relative; width:2px; height:100px; background:rgba(255, 255, 255, 0.3); }
#menu .numbox .line:before { content:""; display:block; position:absolute; left:0; top:0; width:100%; height:20px; background:#fff; transition:all 0.3s; }
#menu .numbox .txt { transition:all 0.3s; color:rgba(255, 255, 255, 0.5); font-size:var(--font14); font-weight:700; line-height:1.3; }
#menu .numbox .txt span { transition:all 0.3s; color:#fff; }
#wrap.on #menu .home img { filter:none; }
#wrap.on #menu .numbox .line { background:#ddd; }
#wrap.on #menu .numbox .line:before { background:var(--mainColor); }
#wrap.on #menu .numbox .txt { color:#ccc; }
#wrap.on #menu .numbox .txt span { color:var(--mainColor); }
.fp-viewing-Last #menu { opacity:0; }
@media screen and (max-width:1640px){
	#menu { left:10px !important; }
	#menu .numbox .line { height:80px; }
}
@media screen and (max-width:1024px){
	#menu { display:none; }
}



#visual { position:relative; width:100%; height:100%; overflow:hidden; }
#visual .swiper-container { position:relative; width:100%; height:100vh; overflow:hidden; }
#visual .swiper-container .swiper-slide { position:relative; width:100%; height:100%; overflow:hidden; display:flex; opacity:0 !important; z-index:1 !important; }
#visual .swiper-container .swiper-slide .slideCont { position:relative; width:100%; height:100vh; overflow:hidden; }
#visual .swiper-container .swiper-slide .bg { z-index:2; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(0, 0, 0, 0.0) 0%, rgba(0, 0, 0, 0.3) 100%); }
#visual .swiper-container .swiper-slide .mov { position:relative; width:100%; height:100%; overflow:hidden; }
#visual .swiper-container .swiper-slide .mov video { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
#visual .swiper-container .swiper-slide .mov iframe { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:120%; height:120%; object-fit:cover; -o-object-fit:cover; }
#visual .swiper-container .swiper-slide .mvisualImage { opacity:1; position:absolute; left:0; right:0; top:0; bottom:0; background-position:center center; background-repeat:no-repeat; background-size:cover; }
#visual .swiper-container .swiper-slide.swiper-slide-active { opacity:1 !important; z-index:2 !important; }
#visual .txtbox { position:absolute; top:45%; left:50%; transform:translate(-50%, -50%); max-width:1760px; width:100%; z-index:5; padding:0 20px; text-align:center; }
#visual .txtbox .txt span { opacity:0; display:block; }
#visual .txtbox .txt-1 { color:#fff; font-size:var(--font64); font-weight:400; line-height:1.3; letter-spacing:-0.05em; overflow:hidden; }
#visual .txtbox .txt-1 span { font-weight:400; }
#visual .txtbox .txt-2 { margin-top:30px; color:#fff; font-size:var(--font30); font-weight:500; line-height:1.3; letter-spacing:-0.04em; overflow:hidden; }
#visual .txtbox .txt-2 span { font-weight:500; }
#visual .txtbox { animation:ani_5 0.1s 0.1s forwards, visual_txt_off 0.7s 4.6s forwards; }
#visual .swiper-slide.swiper-slide-active .txtbox .txt-1 span { animation:ani_3 1.0s 0.1s; animation-fill-mode:both; }
#visual .swiper-slide.swiper-slide-active .txtbox .txt-2 span { animation:ani_3 1.0s 0.5s; animation-fill-mode:both; }
#visual .btn_pn { display:none }

#visual .visual_bottom { position:absolute; left:0; bottom:0; width:100%; z-index:10; display:flex; align-items:flex-end; }
#visual .visual_bottom .control_box { width:32%; height:120px; padding:0 20px; top:unset; bottom:unset; display:flex; align-items:center; justify-content:center; gap:0 50px; background:var(--mainColor); }
#visual .visual_bottom .control_box .swiper-pagination { position:relative; top:unset; bottom:unset; width:auto; display:flex; align-items:center; justify-content:center; gap:0 40px; }
#visual .visual_bottom .control_box .swiper-pagination .swiper-pagination-bullet { transition:all 0.3s; position:relative; margin:0; background:rgba(255, 255, 255, 0.3); width:6px; height:6px; border-radius:6px; outline:none; opacity:1; }
#visual .visual_bottom .control_box .swiper-pagination .swiper-pagination-bullet:before { transition:all 0.3s; content:""; display:block; width:24px; height:24px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border:1px solid #fff; border-radius:24px; opacity:0 }
#visual .visual_bottom .control_box .swiper-pagination .swiper-pagination-bullet-active { background:rgba(255, 255, 255, 1); }
#visual .visual_bottom .control_box .swiper-pagination .swiper-pagination-bullet-active:before { opacity:1; }
#visual .visual_bottom .control_box .c-box { display:flex; align-items:center; justify-content:center; gap:0 15px; }
#visual .visual_bottom .control_box .c-box .swiper-btn { display:flex; align-items:center; justify-content:center; position:relative; top:unset; bottom:unset; left:unset; right:unset; padding:0; margin:0; width:20px; height:20px; transform:translate(0); }
#visual .visual_bottom .control_box .c-box .swiper-btn img { display:block; }
#visual .visual_bottom .control_box .numbox { display:flex; align-items:center; justify-content:center; gap:0 15px; }
#visual .visual_bottom .control_box .numbox .txt { min-width:22px; }
#visual .visual_bottom .control_box .numbox .txt > span { color:rgba(255, 255, 255, 0.3); font-size:var(--font18); font-weight:600; line-height:1.3; }
#visual .visual_bottom .control_box .numbox .txt > .stxt-1,
#visual .visual_bottom .control_box .numbox .txt > .activeslide { color:rgba(255, 255, 255, 1); }
#visual .visual_bottom .control_box .numbox .bar { width:2px; height:15px; background:rgba(255, 255, 255, 0.3); text-indent:-9999em; overflow:hidden; display:block; }
#visual .visual_bottom .menu { width:calc(100% - 32%); }
#visual .visual_bottom .menu ul { display:flex; }
#visual .visual_bottom .menu li { width:calc(100% / 3); border:1px solid rgba(255, 255, 255, 0.30); border-width:1px 0 0 1px; }
#visual .visual_bottom .menu li:first-child { border-left:none; }
#visual .visual_bottom .menu li a { transition:all 0.3s; width:100%; height:89px; display:flex; align-items:center; justify-content:center; gap:0 20px; }
#visual .visual_bottom .menu li a span { color:#fff; font-size:var(--font19); font-weight:600; line-height:1.3; letter-spacing:-0.035em; }
#visual .visual_bottom .menu li a:hover { background:rgba(11, 39, 117, 0.70); backdrop-filter:blur(7.5px); }
#visual .btnbox { position:absolute; left:50%; bottom:180px; transform:translateX(-50%); z-index:3; display:flex; align-items:center; justify-content:center; }
#visual .btnbox a { opacity:0; transition:all 0.3s; margin:0 auto; display:flex; align-items:center; justify-content:center; gap:0 40px; padding:0 22px; height:65px; color:#fff; font-size:var(--font18); font-weight:500; line-height:1.3; border-radius:var(--borderR10);  border:1px solid #fff; }
#visual .btnbox a .btn_arr { transition:all 0.3s; width:35px; height:35px; border-radius:var(--borderR10); background:var(--mainColor); display:flex; align-items:center; justify-content:center; }
#visual .btnbox a:hover { background:rgba(255, 255, 255, 1); color:var(--mainColor); }
#visual .swiper-slide.swiper-slide-active .btnbox { animation:ani_5 0.1s 0.1s forwards, visual_txt_off 0.7s 4.6s forwards; }
#visual .swiper-slide.swiper-slide-active .btnbox a { animation:bgs3 0.8s 0.7s; animation-fill-mode:both; }

#visual .scrollDown { position:absolute; bottom:0; right:0; z-index:11; display:flex; align-items:center; flex-direction:column; gap:60px;  }
#visual .scrollDown .txt { opacity:0.6; display:flex; transform:rotate(90deg); transform-origin:top center; color:rgba(255, 255, 255, 1); font-size:var(--font15); font-weight:400; line-height:1.0; animation:scrollDown1 2.5s 0.3s infinite; }
#visual .scrollDown .line { position:relative; display:flex; width:1px; height:60px; background:rgba(255, 255, 255, 0.2); margin-right:16px;}
#visual .scrollDown .line span { display:flex; display:block; }
#visual .scrollDown .line span:before { content:""; display:block; width:1px; height:0; position:absolute; top:0; left:0; background:#fff; animation:scrollDown2 2.5s 0.3s infinite; }
@media screen and (max-width:1280px){
	#visual .visual_bottom .control_box .swiper-pagination { gap:0 30px; }
}
@media screen and (max-width:1024px){
	#visual .swiper-container { height:640px !important; }
	#visual .swiper-container .swiper-slide .slideCont { position:absolute; left:0; top:0; width:100%; height:100%; }
	#visual .swiper-container .swiper-slide .mov iframe { width:160%; height:160%; }
	#visual .txtbox { top:43%; }
	#visual .txtbox .txt-2 { margin-top:15px; }
	#visual .visual_bottom { flex-wrap:wrap; }
	#visual .visual_bottom .control_box { width:100%; height:auto; gap:0 40px; background:none }
	#visual .visual_bottom .control_box .swiper-pagination { gap:0 25px; }
	#visual .visual_bottom .control_box .swiper-pagination .swiper-pagination-bullet { width:4px; height:4px; }
	#visual .visual_bottom .control_box .swiper-pagination .swiper-pagination-bullet:before { width:20px; height:20px; }
	#visual .visual_bottom .control_box .c-box { gap:0 10px; }
	#visual .visual_bottom .control_box .numbox { gap:0 10px; }
	#visual .visual_bottom .control_box .numbox .bar { width:1px; height:12px; }
	#visual .visual_bottom .control_box .numbox .txt { min-width:18px; }
	#visual .visual_bottom .menu { width:100%; margin-top:40px; }
	#visual .visual_bottom .menu li a { height:60px; gap:0 10px; }
	#visual .visual_bottom .menu li a img { height:24px; }
	#visual .btnbox { bottom:180px; }
	#visual .btnbox a { gap:0 30px; padding:0 20px; height:50px; }
	#visual .btnbox a .btn_arr { width:28px; height:28px; border-width:1px; }
}
@media screen and (max-width:640px){
	#visual .swiper-container { height:420px !important; }
	#visual .swiper-container .swiper-slide .mov iframe { width:180%; height:180%; }
	#visual .txtbox .txt-1 { font-size:var(--font40); }
	#visual .txtbox .txt-2 { margin-top:8px; font-size:var(--font18); }
	#visual .visual_bottom .control_box { gap:0 20px; }
	#visual .visual_bottom .menu li a { height:55px; }
	#visual .visual_bottom .menu { margin-top:20px; }
	#visual .btnbox { bottom:120px; }
	#visual .btnbox a { gap:0 15px; padding:0 15px; height:40px; }
	#visual .btnbox a .btn_arr { width:25px; height:25px; }
}


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

@keyframes scrollDown1 {
    0% { opacity:0.6; transform:translateY(0) rotate(90deg); }
    50% { opacity:1; transform:translateY(10px) rotate(90deg); }
    100% { opacity:0.6; transform:translateY(0) rotate(90deg); }
}
@keyframes scrollDown2 {
    0% { height:0; }
    50% { height:100%; }
    100% { height:0; }
}


.title-box {  overflow:hidden; }
.title-box h3 { overflow:hidden; padding-right:5px }
.title-box h3 span { display:block; color:var(--mainColor); font-size:var(--font52); font-weight:600; line-height:1.3; letter-spacing:-0.05em; }


/* animation */
.title-box h3 span { opacity:0; }
.aniBox.on .title-box h3 span { animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }
.title-box .txt { opacity:0; }
.aniBox.on .title-box .txt { animation:ani_3 0.8s 0.1s; animation-fill-mode:both; }



.btn_arr span { position:relative; width:6px; height:15px; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.btn_arr span:before,
.btn_arr span:after { transition:all 0.4s; content:""; width:6px; height:15px; position:absolute; top:50%; transform:translateY(-50%); display:block; background:url(/img/svg/btn_arr.svg) center center no-repeat; }
.btn_arr span:before { left:-8px; }
.btn_arr span:after { left:0; }
a:hover .btn_arr span:before { left:0; }
a:hover .btn_arr span:after { left:8px; }

.product .aniBox { padding-top:90px; max-width:1920px; margin:0 auto; }
.product .contbox { position:relative; margin-left:584px; margin-top:-72px; }
.product .listbox .swiper-container { position:relative; width:100%; padding-top:20px; padding-bottom:60px; overflow:hidden; }
.product .listbox .swiper-container .swiper-wrapper { display:flex; }
.product .listbox .swiper-container .swiper-slide { transition:all 0.3s; position:relative; width:30% !important; padding:0 5px; height:auto; }
.product .listbox .swiper-container .swiper-slide a { transition:all 0.3s; display:block; height:100%; padding:10px; border-radius:var(--borderR10); background:#f8f8f8; }
.product .listbox .swiper-container .swiper-slide figure { position:relative; background:#fff; border-radius:var(--borderR10); overflow:hidden; }
.product .listbox .swiper-container .swiper-slide figure:before { content:""; display:block; padding-bottom:56.5%; }
.product .listbox .swiper-container .swiper-slide figure img { transition:all 0.3s; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.product .listbox .swiper-container .swiper-slide .btn_arr { opacity:0; transition:all 0.3s; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:38px; background:var(--mainColor); }
.product .listbox .swiper-container .swiper-slide h4 { transition:all 0.3s; margin:30px 0 20px; color:#111; font-size:var(--font24); font-weight:500; line-height:1.3; letter-spacing:-0.035em; text-align:center; }
.product .listbox .swiper-container .swiper-slide .txt { transition:all 0.3s; color:#555; font-size:var(--font16); font-weight:300; line-height:1.6; padding:0 20px 50px; text-align:center; }
.product .listbox .swiper-container .swiper-slide:hover img { opacity:0.6; }
.product .listbox .swiper-container .swiper-slide:hover { transform:translateY(-20px); }
.product .listbox .swiper-container .swiper-slide:hover a { background:var(--mainColor); }
.product .listbox .swiper-container .swiper-slide:hover h4 { color:#fff; }
.product .listbox .swiper-container .swiper-slide:hover .txt { color:#fff; }
.product .listbox .swiper-container .swiper-slide:hover figure .btn_arr { opacity:1; }
.product .listbox .swiper-pagination-progressbar { position:absolute; left:0; top:unset; bottom:0; width:calc(30% * 3); height:2px; background:#eee; }
.product .listbox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:var(--mainColor); }
@media screen and (max-width:1860px){
	.product .contbox { margin-left:26%; }
}
@media screen and (max-width:1440px){
	.product .contbox { margin-left:22%; margin-top:-60px; }
	.product .listbox .swiper-container .swiper-slide { width:32.5% !important; }
	.product .listbox .swiper-pagination-progressbar { width:calc(32.5% * 3); }
	.product .listbox .swiper-container .swiper-slide .txt br { display:none }
}
@media screen and (max-width:1024px){
	.product .aniBox { padding:60px 0; }
	.product .contbox { margin-left:20%; margin-top:-35px; }
	.product .listbox .swiper-container { padding-top:0; padding-bottom:30px; }
	.product .listbox .swiper-container .swiper-slide { width:calc((100% - 20px) / 2) !important; }
	.product .listbox .swiper-pagination-progressbar { width:calc(100% - 20px); }
	.product .listbox .swiper-container .swiper-slide h4 { margin:15px 0 10px; }
	.product .listbox .swiper-container .swiper-slide .txt { padding:0 10px 30px; }
	.product .listbox .swiper-container .swiper-slide:hover { transform:translateY(0); }
}
@media screen and (max-width:640px){
	.product .aniBox { padding:60px 0; }
	.product .contbox { margin-left:0; margin-top:20px; }
	.product .listbox .swiper-container { padding:0 15px 50px; }
	.product .listbox .swiper-container .swiper-slide { width:50% !important; }
	.product .listbox .swiper-container .swiper-slide a { padding:5px; } 
	.product .listbox .swiper-container .swiper-slide h4 { margin:15px 0 10px; }
	.product .listbox .swiper-container .swiper-slide .txt { padding:0 10px 30px; }
	.product .listbox .swiper-container .swiper-slide:hover { transform:translateY(0); }
	.product .listbox .swiper-pagination-bullet { background:#000; }
	.product .listbox .swiper-pagination-bullet-active { background:var(--mainColor); }
}
@media screen and (max-width:480px){
	.product .listbox .swiper-container .swiper-slide { width:100% !important; }
}

.company { background:url(/img/main/company_bg.jpg) no-repeat center / cover; }
.company .aniBox { padding-top:90px; }
.company .contbox { display:flex; align-items:flex-end; justify-content:space-between; padding-top:20%; }
.company .contbox .txtbox dt { color:#fff; font-size:var(--font74); font-weight:600; line-height:1.3; letter-spacing:-0.06em; }
.company .contbox .txtbox dd { margin-top:60px; color:#fff; font-size:var(--font26); font-weight:500; line-height:1.7; letter-spacing:-0.035em; }
.company .contbox .btnbox a { transition:all 0.3s; display:flex; align-items:center; justify-content:center; gap:0 57px; padding:0 30px; height:75px; color:#fff; font-size:var(--font18); font-weight:500; line-height:1.3; border-radius:var(--borderR10); background:rgba(255, 255, 255, 0.10); }
.company .contbox .btnbox a .btn_arr { transition:all 0.3s; width:35px; height:35px; border-radius:var(--borderR10); border:2px solid #fff; display:flex; align-items:center; justify-content:center; }
.company .contbox .btnbox a:hover { background:rgba(255, 255, 255, 1); color:var(--mainColor); }
.company .contbox .btnbox a:hover .btn_arr { border-color:var(--mainColor); background:var(--mainColor); }
@media screen and (max-width:1440px){
	.company .contbox .btnbox a { height:60px; }
}
@media screen and (max-width:1024px){
	.company .aniBox { padding:60px 0; }
	.company .contbox { padding-top:30%; }
	.company .contbox .txtbox dd { margin-top:30px; }
	.company .contbox .btnbox a { gap:0 35px; padding:0 20px; height:50px; }
	.company .contbox .btnbox a .btn_arr { width:28px; height:28px; border-width:1px; }
}
@media screen and (max-width:760px){
	.company .contbox { align-items:flex-start; justify-content:space-between; flex-direction:column; }
	.company .contbox .btnbox { margin-top:20px; }
}
@media screen and (max-width:640px){
	.company .contbox .txtbox dd { margin-top:15px; }
	.company .contbox .txtbox dd br { display:none }
	.company .contbox .txtbox dd span.m_br { display:block }
	.company .contbox .btnbox a { gap:0 20px; padding:0 15px; height:40px; }
	.company .contbox .btnbox a .btn_arr { width:25px; height:25px; }
}

/* animation */
.company .contbox .txtbox dt,
.company .contbox .txtbox dd { opacity:0; }
.company .aniBox.on .txtbox dt { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }
.company .aniBox.on .txtbox dd { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }




.news .aniBox { display:flex; flex-direction:column; justify-content:flex-end; height:100%; }
.news .top { display:flex; align-items:flex-end; justify-content:space-between; }
.news .title-box .txt { margin-top:20px; color:#333; font-size:var(--font20); font-weight:300; line-height:1.3; letter-spacing:-0.025em; }
.news .listbox { position:relative; max-width:1920px; width:100%; margin:0 auto; margin-top:60px; border-top:1px solid #e5e5e5; min-height:500px; }
.news .listbox .swiper-container { position:relative; width:138.5%; overflow:hidden; }
.news .listbox .swiper-container.below { left:50%; transform:translateX(-50%); }
.news .listbox .swiper-container.below .swiper-wrapper { display:flex; align-items:center; justify-content:center; }
.news .listbox .swiper-container .swiper-wrapper { position:relative; margin-left:5.8%; }
.news .listbox .swiper-container.below .swiper-wrapper { position:relative; margin-left:0; }
.news .listbox .swiper-container .swiper-slide { position:relative; width:20% !important; height:auto; overflow:hidden; }
.news .listbox .swiper-container .swiper-slide:before { content:""; display:none; background:#e5e5e5; position:absolute; left:0; top:0; height:100%; width:1px; }
.news .listbox .swiper-container .swiper-slide:first-child:before { display:block; }
.news .listbox .swiper-container .swiper-slide:after { content:""; display:block; background:#e5e5e5; position:absolute; right:0; top:0; height:100%; width:1px; }
.news .listbox .swiper-container .swiper-slide a { transition:all 0.3s; position:relative; display:block; width:100%; height:100%; padding:40px 40px 90px; }
.news .listbox .swiper-container .swiper-slide figure { position:relative; overflow:hidden; border-radius:var(--borderR10);  }
.news .listbox .swiper-container .swiper-slide figure:before { content:""; display:block; padding-bottom:62%; }
.news .listbox .swiper-container .swiper-slide figure img { transition:all 0.3s; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.news .listbox .swiper-container .swiper-slide h4 { transition:all 0.3s; margin-top:30px; color:#111; font-size:var(--font22); font-weight:500; line-height:1.6; }
.news .listbox .swiper-container .swiper-slide .txt { transition:all 0.3s; margin-top:30px; color:#aaa; font-size:var(--font18); font-weight:300; line-height:1.7; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.news .listbox .swiper-container .swiper-slide .date { transition:all 0.3s; position:absolute; left:40px; bottom:40px; color:var(--mainColor); font-size:var(--font18); font-weight:500; line-height:1.3; }
.news .listbox .swiper-container .swiper-slide .btn_arr { transition:all 0.3s; position:absolute; right:40px; bottom:40px; width:35px; height:35px; background:#f8f8f8; border-radius:var(--borderR10); display:flex; align-items:center; justify-content:center; }
.news .listbox .swiper-container .swiper-slide .btn_arr span:before,
.news .listbox .swiper-container .swiper-slide .btn_arr span:after { background-image:url(/img/svg/btn_arr1.svg); filter:brightness(0) invert(0.8); }
.news .listbox .swiper-container .swiper-slide a:hover { background:var(--mainColor); }
.news .listbox .swiper-container .swiper-slide a:hover figure img { transform:translate(-50%, -50%) scale(1.10); }
.news .listbox .swiper-container .swiper-slide a:hover h4 { color:#fff; }
.news .listbox .swiper-container .swiper-slide a:hover .txt { color:rgba(255, 255, 255, 0.6); }
.news .listbox .swiper-container .swiper-slide a:hover .date { color:#fff; }
.news .listbox .swiper-container .swiper-slide a:hover .btn_arr { background:#fff; }
.news .listbox .swiper-container .swiper-slide a:hover .btn_arr span:before,
.news .listbox .swiper-container .swiper-slide a:hover .btn_arr span:after { filter:none; }	
/* .news .swiper-slide.is-edge a { pointer-events:none; opacity:0.1; transition:opacity 0.3s; } */
.news .swiper-slide.swiper-slide-prev a { pointer-events:none; opacity:0.1; transition:opacity 0.3s; }
.news .swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide a { pointer-events:none; opacity:0.1; transition:opacity 0.3s; }
/*.news .listbox .swiper-container .swiper-slide.swiper-slide-next { pointer-events:none; opacity:0.1 } */
.news .listbox .swiper-pagination { display:none; }
@media screen and (max-width:1640px){
	.news .listbox .swiper-container { width:100%;  }
	.news .listbox .swiper-container .swiper-wrapper { position:relative; margin-left:0; }
	.news .listbox .swiper-container .swiper-slide { width:25% !important; }
	.news .swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide a { pointer-events:unset; opacity:1; }
	.news .swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide + .swiper-slide a { pointer-events:none; opacity:0.1; transition:opacity 0.3s; }
}
@media screen and (max-width:1280px){
	.news .listbox { margin-top:50px; }
	.news .listbox .swiper-container { width:100%;  }
}
@media screen and (max-width:1024px){
	.news .aniBox { padding:60px 0 0; }
	.news .title-box .txt { margin-top:10px; }
	.news .listbox { margin-top:30px; min-height:300px; }
	.news .listbox .swiper-container { width:130%; }
	.news .listbox .swiper-container .swiper-slide a { padding:20px 20px 50px; }
	.news .listbox .swiper-container .swiper-slide .date { left:20px; bottom:20px; }
	.news .listbox .swiper-container .swiper-slide .btn_arr { right:20px; bottom:20px; width:30px; height:30px; }
}
@media screen and (max-width:640px){
	.news .listbox { min-height:auto; }
	.news .listbox .swiper-container { padding:0 15px; width:100%; }
	.news .listbox .swiper-container .swiper-slide { width:50% !important; }
	.news .swiper-slide.is-edge a { pointer-events:unset; opacity:1; }
	.news .swiper-slide.swiper-slide-prev a,
	.news .swiper-slide.swiper-slide-next + .swiper-slide + .swiper-slide a { pointer-events:unset; opacity:1; }
}


.media { background:url(/img/main/media_bg.jpg) no-repeat center / cover; }
.media .aniBox { padding-top:90px; }
.media .top { display:flex; align-items:flex-end; justify-content:space-between; }
.media .title-box h3 span { color:#fff; }
.media .title-box .txt { margin-top:20px; color:#fff; font-size:var(--font20); font-weight:300; line-height:1.3; letter-spacing:-0.025em; }
.media .listbox { position:relative; max-width:1920px; margin:0 auto; margin-top:60px; }
.media .listbox .swiper-container { position:relative; overflow:hidden; margin-left:-13%; width:126%; }
.media .listbox .swiper-container .swiper-wrapper { position:relative; }
.media .listbox .swiper-container.below .swiper-wrapper { display:flex; align-items:center; justify-content:center; }
.media .listbox .swiper-container .swiper-slide { position:relative; width:16.666% !important; height:auto; padding:0 10px; }
.media .listbox .swiper-container .swiper-slide a { position:relative; display:block; width:100%; height:100%; padding:0px; border-radius:var(--borderR10); overflow:hidden; }
.media .listbox .swiper-container .swiper-slide figure { position:relative; overflow:hidden; }
.media .listbox .swiper-container .swiper-slide figure:before { content:""; display:block; padding-bottom:57.5%; }
.media .listbox .swiper-container .swiper-slide figure img { transition:all 0.3s; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; object-fit:cover; -o-object-fit:cover; }
.media .listbox .swiper-container .swiper-slide .txtbox { transition:all 0.3s; padding:30px; position:relative; height:175px; background:rgba(255, 255, 255, 0.10); backdrop-filter:blur(7.5px); }
.media .listbox .swiper-container .swiper-slide h4 { transition:all 0.3s; color:#fff; font-size:var(--font20); font-weight:500; line-height:1.6; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.media .listbox .swiper-container .swiper-slide .date { transition:all 0.3s; position:absolute; left:30px; bottom:30px; color:#fff; font-size:var(--font16); font-weight:500; line-height:1.3; }
.media .listbox .swiper-container .swiper-slide a:hover .txtbox { background:#fff; }
.media .listbox .swiper-container .swiper-slide a:hover figure img { transform:translate(-50%, -50%) scale(1.10); }
.media .listbox .swiper-container .swiper-slide a:hover h4 { color:#111; }
.media .listbox .swiper-container .swiper-slide a:hover .date { color:var(--mainColor); }
.media .listbox .swiper-pagination { display:none; }
@media screen and (max-width:1640px){
	.media .listbox .swiper-container { margin-left:0; width:100%; padding:0 10px; }
	.media .listbox .swiper-container .swiper-slide { width:25% !important; }
}
@media screen and (max-width:1280px){
	.media .listbox { margin-top:50px; }
	.media .listbox .swiper-container .swiper-slide { width:33.333% !important; }
}
@media screen and (max-width:1024px){
	.media .aniBox { padding:60px 0; }
	.media .title-box .txt { margin-top:10px; }
	.media .listbox { margin-top:30px; }
	.media .listbox .swiper-container { padding:0 15px; }
	.media .listbox .swiper-container .swiper-slide { width:50% !important; padding:0 5px; }
	.media .listbox .swiper-container .swiper-slide .txtbox { padding:20px; height:125px; }
	.media .listbox .swiper-container .swiper-slide .date { left:20px; bottom:20px; }
}


.main .swiper-pn { display:flex; align-items:center; justify-content:center; gap:0 10px; }
.main .swiper-pn > div { transition:all 0.3s; position:relative; padding:0; margin:0; width:75px; height:75px; left:unset; top:unset; right:unset; bottom:unset; transform:translate(0); border-radius:var(--borderR10); background:#f8f8f8; }
.main .media .swiper-pn > div {  background:rgba(255, 255, 255, 0.10); }
.main .swiper-pn > div.swiper-button-next { background:var(--mainColor); }
.main .swiper-pn > div .btn_arr span { width:12px; height:18px; }
.main .swiper-pn > div .btn_arr span:before,
.main .swiper-pn > div .btn_arr span:after { width:12px; height:18px; background:url(/img/svg/btn_arr2_1.svg) center center no-repeat; }
.main .swiper-pn > div .btn_arr span:before { left:-14px; }
.main .swiper-pn > div .btn_arr span:after { left:0; }
.main .swiper-pn > div:hover .btn_arr span:before { left:0; }
.main .swiper-pn > div:hover .btn_arr span:after { left:14px; }
.main .swiper-pn > div.swiper-button-prev .btn_arr { transform:rotate(180deg); }
.main .swiper-pn > div.swiper-button-prev .btn_arr span:before,
.main .swiper-pn > div.swiper-button-prev .btn_arr span:after { filter:brightness(0) invert(0.8); }
@media screen and (max-width:1440px){
	.main .swiper-pn > div { width:60px; height:60px; }
}
@media screen and (max-width:1024px){
	.main .swiper-pn { gap:0 5px; }
	.main .swiper-pn > div { width:50px; height:50px; }
	.main .swiper-pn > div .btn_arr span { width:8px; height:16px; }
	.main .swiper-pn > div .btn_arr span:before,
	.main .swiper-pn > div .btn_arr span:after { width:8px; height:16px; background-size:8px auto; }
	.main .swiper-pn > div .btn_arr span:before { left:-11px; }
	.main .swiper-pn > div:hover .btn_arr span:after { left:11px; }
}
@media screen and (max-width:640px){
	.main .swiper-pn > div { width:40px; height:40px; }
}