@charset "utf-8";


#visual { position:relative; width:100%; height:100%; overflow:hidden; background:#555 }
#visual .swiper-container { height:100vh; }
#visual .swiper-slide { overflow:hidden; }
#visual .swiper-slide .pc { display:block; position:absolute; z-index:1; }
#visual .swiper-slide .mobile { display:none; position:absolute; }
#visual .visual_box { position:absolute; width:100%; height:100%; left:0; top:0; background-size:cover; background-position:center; }
#visual .visual_box .video-box { width:100%; height:100%; }
#visual .visual_box video { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -o-object-fit:cover;  }

#visual .swiper-slide .mvisualImage { position:absolute; width:100%; height:100%; left:0; top:0; z-index:1; }
#visual .mvisualImage { overflow:hidden; background-position:center; background-size:cover; background-repeat:no-repeat; }
#visual .swiper-slide.swiper-slide-active .mvisualImage { animation:bgs1 8s; animation-fill-mode:both; }
#visual .visu02 .mvisualImage {  background-image:url(/img/main/bg_visual2.jpg); }
#visual .swiper-slide .visual_txt { position:absolute; top:50%; left:0; z-index:100; transform:translateY(-50%); width:100%; text-align:center; }
#visual .swiper-slide .visual_txt .vs_txt { color:#fff; letter-spacing:-0.02em; }
#visual .swiper-slide .visual_txt .txt1 { font-size:20px; }
#visual .swiper-slide .visual_txt .txt1 span { line-height:1.15; font-weight:300; opacity:0.7; }
#visual .swiper-slide .visual_txt .txt2 { line-height:1.4; overflow:hidden; margin-top:10px; font-size:90px; }
#visual .swiper-slide .visual_txt .txt2 span { display:inline-block; font-weight:700; }
#visual .swiper-slide .visual_txt .txt2 span span { min-width:20px; }
#visual .swiper-slide .visual_txt .txt3 { line-height:1.4; overflow:hidden; margin-top:30px; font-size:28px; }
#visual .swiper-slide .visual_txt .txt3 span { opacity:0; display:block; font-weight:400; }
#visual .swiper-slide .visual_txt .btn { margin:50px 0 0 0; }
#visual .swiper-slide .visual_txt .btn a { transition:all 0.3s ease-in-out; margin:0 auto; border:1px solid rgba(224, 224, 224, 0.3); width:144px; height:46px; border-radius:50px; display:flex; justify-content:center; align-items:center; font-family:'Poppins'; font-size:14px; color:#fff; font-weight:400 }
#visual .swiper-slide .visual_txt .btn a:hover { border:1px solid #fff; background:#fff; color:#004190; }
#visual .swiper-slide.swiper-slide-active .visual_txt .txt1,
#visual .swiper-slide.swiper-slide-active .visual_txt .txt2 { opacity:1; }
#visual .swiper-slide.swiper-slide-active .visual_txt .txt2 span > span { animation:ani_3 1.0s 0.3s; animation-fill-mode:both; }
#visual .swiper-slide.swiper-slide-active .visual_txt .txt3 span { animation:ani_3 1.0s 1.5s; animation-fill-mode:both; }

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


#visual .control_box { position:absolute; left:50%; transform:translateX(-50%); bottom:80px; display:flex; align-items:center; z-index:3; }
#visual .swiper-pagination { position:relative; display:flex; align-items:center; }
#visual .swiper-pagination .swiper-pagination-bullet { position:relative; width:30px; height:30px; text-align:center; opacity:1; background-color:transparent; outline:none }
#visual .swiper-pagination .swiper-pagination-bullet em { position:relative; width:100%; box-sizing:border-box; height:30px; display:flex; justify-content:center; align-items:center; font-size:12px; color:#fff; font-weight:300; letter-spacing:-0.02em; }
#visual .swiper-pagination .swiper-pagination-bullet:before { content:""; display:block; color:#fff; position:absolute; top:0; left:0; width:30px; height:32px; border-top:1px solid rgba(255,255,255,0.3); border-radius:50% 50% 0 0; overflow:hidden }
#visual .swiper-pagination .swiper-pagination-bullet:nth-child(2n):before { transform:rotate(180deg); top:-2px; }
#visual .playstop { position:relative; z-index:1; } 
#visual .playstop .stop a { position:relative; display:block; width:30px; height:30px; }
#visual .playstop .stop a:after {content:""; display:block; width:100%; height:100%; background:url(/img/main/stop.png) no-repeat center; position:absolute; left:0; top:0;}
#visual .playstop .stop.play a:after {background:url(/img/main/play.png) no-repeat center; }

#visual .circular-chart { display:block; width:110%; height:110%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) rotate(-90deg); }
#visual .swiper-pagination .swiper-pagination-bullet:nth-child(2n) .circular-chart { transform:translate(-50%, -50%) scaleX(-1) rotate(90deg); }
#visual .circle { stroke:#fff; fill:none; stroke-width:1; stroke-dasharray:100; stroke-dashoffset:100; }
#visual .swiper-pagination .swiper-pagination-bullet .circle { }
@media screen and (max-width:1300px){
    #visual .swiper-slide .visual_txt .txt1 { font-size:19px; }
    #visual .swiper-slide .visual_txt .txt2 { margin-top:10px; font-size:75px; }
    #visual .swiper-slide .visual_txt .txt2 span span { min-width:18px; }
    #visual .swiper-slide .visual_txt .txt3 { margin-top:25px; font-size:24px; }
}
@media screen and (max-width:1024px){
    #visual .swiper-slide .visual_txt .txt1 { font-size:18px; }
    #visual .swiper-slide .visual_txt .txt2 { margin-top:8px; font-size:55px; }
    #visual .swiper-slide .visual_txt .txt2 span span { min-width:15px; }
    #visual .swiper-slide .visual_txt .txt3 { margin-top:20px; font-size:20px; }
}
@media screen and (max-width:640px){
    #visual .swiper-slide .visual_txt { top:40%; }
    #visual .swiper-slide .visual_txt .txt2 { font-size:40px; }
    #visual .swiper-slide .visual_txt .txt2 span span { min-width:12px; }
    #visual .swiper-slide .visual_txt .txt3 { margin-top:15px; font-size:20px; }
    #visual .control_box { bottom:25%; }
}




/* title */
#main .title h2 { font-size:60px; font-weight:700; line-height:1.4; color:#222; }
#main .title h2 span { font-weight:700; }
#main .title h2 strong { font-weight:700; color:#004190 }
@media screen and (max-width:1300px){
    #main .title h2 { font-size:50px; }
    #main .title h2 img { height:40px; }
}
@media screen and (max-width:1024px){
    #main .title h2 { font-size:36px; }
    #main .title h2 img { height:30px; }
}
@media screen and (max-width:640px){
    #main .title h2 { font-size:24px; }
    #main .title h2 img { height:20px; }
}


/* animation */
#main .title h2 { overflow:hidden;}
#main .title h2 span { opacity:0; display:block; }
#main .title h2 img { vertical-align:middle; padding-bottom:10px; }
#main .title.subOn h2 span { animation:ani_3 0.8s 0.3s; animation-fill-mode:both; }



/* service */
.service-box { padding:140px 0 150px; }
.service-box .title { text-align:center; }
.service-box .listbox { text-align:center; margin-top:90px; }
.service-box .listbox ul { display:flex; flex-wrap:wrap; justify-content:center; gap:50px 100px; }
.service-box .listbox li a { width:230px; height:230px; border-radius:50%; display:flex; justify-content:center; align-items:center; flex-direction:column; background:#f9f9f9; box-shadow:10px 10px 30px rgba(174, 174, 192, 0.4), -10px -10px 30px #fff; transition:all 0.3s ease-in-out; }
.service-box .listbox li .icon { min-height:60px; display:block; transition:all 0.3s ease-in-out; }
.service-box .listbox li .txt { margin-top:20px; letter-spacing:-0.02em; font-size:20px; font-weight:400; color:#222; line-height:130%; min-height:52px; }
.service-box .listbox li a:hover { background:#F9F9F9; box-shadow:inset 10px 10px 10px rgba(174, 174, 192, 0.2), inset -10px -10px 10px rgba(252, 252, 252, 0.7); }
@media screen and (max-width:1300px){
    .service-box .listbox ul { gap:40px 80px; }
}
@media screen and (max-width:1024px){
    .service-box { padding:100px 0 120px; }
    .service-box .listbox { margin-top:70px; }
    .service-box .listbox ul { gap:40px 60px; }
    .service-box .listbox li a { width:210px; height:210px }
    .service-box .listbox li .txt { margin-top:15px; font-size:18px; min-height:46px; }
}
@media screen and (max-width:640px){
    .service-box .listbox { margin-top:40px; }
    .service-box { padding:60px 0 80px; }
    .service-box .listbox ul { gap:20px 20px; }
    .service-box .listbox li .icon { min-height:50px; }
    .service-box .listbox li .icon img { width:80%; }
    .service-box .listbox li a { width:160px; height:160px }
    .service-box .listbox li .txt { margin-top:7px; font-size:16px; min-height:40px; }
}

/* animation */
.service-box .listbox li { opacity:0; }
.service-box .listbox.subOn li:nth-child(1) { animation:bgs3 0.8s 0.5s; animation-fill-mode:both; }
.service-box .listbox.subOn li:nth-child(2) { animation:bgs3 0.8s 0.8s; animation-fill-mode:both; }
.service-box .listbox.subOn li:nth-child(3) { animation:bgs3 0.8s 1.1s; animation-fill-mode:both; }
.service-box .listbox.subOn li:nth-child(4) { animation:bgs3 0.8s 1.4s; animation-fill-mode:both; }
.service-box .listbox.subOn li:nth-child(5) { animation:bgs3 0.8s 1.7s; animation-fill-mode:both; }

/* news */
.news-box { padding:150px 0 140px; background:url(/img/main/news_bg.jpg) no-repeat center / cover; }
.news-box .title { text-align:center; }
.news-box .listbox { margin-top:80px; position:relative; }
.news-box .listbox ul { display:flex; margin-left:1px; }
.news-box .listbox li { margin:0 0 0 -1px; position:relative; height:480px; width:17.18%; background:rgba(0, 0, 0, 0.26); border:1px solid rgba(255, 255, 255, 0.35); box-shadow:0px 4px 10px rgba(0, 0, 0, 0.2); transition:width .6s; }
.news-box .listbox li.active { width:31.25%; background:#fff; }
.news-box .listbox li .box { padding:50px 40px; width:100%; height:100%; }
.news-box .listbox li dl { transform:rotate(90deg); margin:0 0 0 100%; width:300px; transform-origin:left top;}
.news-box .listbox li dt { letter-spacing:-0.02em; font-size:16px; font-weight:300; line-height:130%; color:rgba(255, 255, 255, 0.8); }
.news-box .listbox li dd { margin-top:10px; letter-spacing:-0.02em; font-size:22px; font-weight:500; line-height:1.6; color:#fff; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.news-box .listbox li .date { opacity:0; visibility:hidden; margin-top:35px; letter-spacing:-0.02em; font-size:16px; font-weight:300; color:rgba(34, 34, 34, 0.7); }
.news-box .listbox li .btn { opacity:0; visibility:hidden; z-index:-1; position:absolute; bottom:50px; right:50px; }
.news-box .listbox li .btn a { width:70px; height:70px; display:flex; justify-content:center; align-items:center; text-indent:-9999em; border:1px solid rgba(0, 65, 144, 0.16); background: rgba(0, 65, 144, 0.02)  url(/img/main/more_arr_n.png) no-repeat center; border-radius:50%; }
.news-box .listbox li.active { border:5px solid #004190 }
.news-box .listbox li.active .box { padding:50px;}
.news-box .listbox li.active dl { transform:rotate(0); width:100%; height:auto; margin:0; animation:ani_2 0.8s 0.3s; animation-fill-mode:both; }
.news-box .listbox li.active dt { color:#004190; padding:8px 18px; font-weight:400; background:rgba(0, 65, 144, 0.05); border-radius:100px; display:inline-block }
.news-box .listbox li.active dd { color:#222; font-size:30px; font-weight:600; }
.news-box .listbox li.active .date { opacity:1; visibility:visible; animation:ani_2 0.8s 0.5s; animation-fill-mode:both; }
.news-box .listbox li.active .btn { opacity:1; visibility:visible; z-index:2; animation:bgs3_2 0.8s 0.3s; animation-fill-mode:both; }
.news-box .listbox .btn_more { position:absolute; top:-97px; right:5px; }
.news-box .listbox .btn_more a { letter-spacing:-0.02em; font-size:16px; font-weight:300; color:#222 }
.news-box .listbox .btn_more a img { vertical-align:middle; margin-left:10px; }
@media screen and (max-width:1550px){
    .news-box .listbox li .box { padding:30px 20px; height:auto }
    .news-box .listbox li dt { font-size:16px; }
    .news-box .listbox li dd { font-size:20px; }
    .news-box .listbox li.active .box { padding:30px; }
    .news-box .listbox li .btn { bottom:30px; right:30px; }
}
@media screen and (max-width:1024px){
    .news-box { padding:100px 0; background-position:80% center; }
    .news-box .listbox { margin-top:60px; }
    .news-box .listbox ul { display:flex; flex-wrap:wrap; margin-left:0; margin-bottom:1px; }
    .news-box .listbox li { height:auto;}
    .news-box .listbox li { margin:0 0 -1px 0; position:relative; width:100%; }
    .news-box .listbox li .box,
    .news-box .listbox li.active .box { padding:20px; }
    .news-box .listbox li dl { transform:rotate(0); margin:0; width:100%; padding-right:40px; }
    .news-box .listbox li dt { font-size:15px; }
    .news-box .listbox li dd { font-size:18px; }
    .news-box .listbox li.active { width:100%; border:4px solid #004190}
    .news-box .listbox li.active dl { width:95%; }
    .news-box .listbox li.active dd { font-size:24px; }
    .news-box .listbox li .date { margin-top:15px;  font-size:15px; }
    .news-box .listbox li .btn { top:50%; right:20px; transform:translateY(-50%); }
}
@media screen and (max-width:640px){
    .news-box { padding:60px 0; }
    .news-box .listbox li .box,
    .news-box .listbox li.active .box { padding:15px; }
    .news-box .listbox li dl { transform:rotate(0); margin:0; width:100%; padding-right:60px; }
    .news-box .listbox li dt { font-size:14px; }
    .news-box .listbox li dd { font-size:16px; }
    .news-box .listbox li.active dl { width:100%; }
    .news-box .listbox li.active dd { font-size:19px; }
    .news-box .listbox li .date { margin-top:10px; font-size:14px; opacity:1; visibility:visible; color:rgba(255, 255, 255, 0.5); }
    .news-box .listbox li .btn a { width:36px; height:36px; background-size:8px auto; }
    .news-box .listbox li .btn { right:15px; }
    .news-box .listbox .btn_more { top:-35px; }
    .news-box .listbox li.active .date { color:rgba(34, 34, 34, 0.7); }
}


/* test */
.test-box { position:relative; z-index:2; padding:160px 0 200px; overflow:hidden }
.test-box:before{ content:""; display:block; color:#fff; position:absolute; top:60px; right:-115px; width:585px; height:695px; background:url(/img/main/test_bg.png) no-repeat center }
.test-box .title { text-align:center; }
.test-box .txtbox { margin-top:40px; text-align:center; font-size:18px; color:#222; line-height:1.8; }
.test-box .btn { margin:50px 0 0 0; }
.test-box .btn a { transition:all 0.3s ease-in-out; margin:0 auto; border:1px solid #e0e0e0; width:144px; height:46px; border-radius:50px; display:flex; justify-content:center; align-items:center; font-family:'Poppins'; font-size:14px; color:#222; font-weight:400 }
.test-box .btn a:hover { border:1px solid #004190; background:#004190; color:#fff; }
@media screen and (max-width:1300px){
    .test-box:before{ top:30px; right:-80px; width:450px; height:535px; background-size:450px auto; } 
}
@media screen and (max-width:1024px){
    .test-box { padding:100px 0 120px; } 
    .test-box .txtbox br { display:none }
    .test-box:before{ top:30px; right:-60px; width:320px; height:380px; background-size:320px auto; } 
}
@media screen and (max-width:640px){
    .test-box { padding:60px 0 80px; } 
    .test-box .txtbox br { display:none }
    .test-box .txtbox { margin-top:30px; font-size:16px; }
    .test-box:before{ right:-20px; width:280px; height:333px; background-size:280px auto; } 
    .test-box .btn a { border:1px solid #004190; background:#004190; color:#fff; }
}
@media screen and (max-width:480px){
    .test-box .title h2 span br { display:none }
}

/* animation */
.test-box .btn { opacity:0; }
.test-box .subOn .txtbox { animation:ani_3 0.8s 0.6s; animation-fill-mode:both; }
.test-box .subOn .txtbox span.blue{ color:#004190; font-weight: 600;}
.test-box .subOn .txtbox span.green{ color:#8fc31f; font-weight: 600;}
.test-box .subOn .btn { animation:bgs3 0.8s 0.9s; animation-fill-mode:both; }
.test-box:before{ opacity:0; }
.test-box.subOn:before{ animation:ani_2 0.8s 0.8s; animation-fill-mode:both; }

/* review */
.review-box { position:relative; overflow:hidden; margin-top:-95px; padding:140px 0 475px; background:url(/img/main/review_bg.jpg) no-repeat top / cover; }
.review-box > div { position:relative; }
.review-box .title-box .btn { margin:50px 0 0 0; }
.review-box .title-box .btn a { transition:all 0.3s ease-in-out; border:1px solid rgba(34, 34, 34, 0.12); width:144px; height:46px; border-radius:50px; display:flex; justify-content:center; align-items:center; font-family:'Poppins'; font-size:14px; color:#222; font-weight:400 }
.review-box .title-box .btn a:hover { border:1px solid #004190; background:#004190; color:#fff; }

.review-box .btnbox { margin-top:60px; }
.review-box .btnbox .box { position:relative; display:flex; align-items:center;}
.review-box .btnbox .txt { position:absolute; top:-6px; font-size:13px; font-weight:300; color:#222; }
.review-box .btnbox .txt.txt_l { left:0; }
.review-box .btnbox .txt.txt_r { right:0; }
.review-box .btnbox .txt span { font-weight:300; }
.review-box .linebox { position:relative; width:122px; padding:0 23px; margin-left:10px; }
.review-box .linebox .swiper-pagination-r { position:relative; width:100% !important; }
.review-box .totalslide { position:relative; color:#555; display:inline-block; }
.review-box .activeslide { position:relative; color:#222; display:inline-block; }
.review-box .swiper-pagination-progressbar { background:#ececec !important; height:2px !important; }
.review-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#222 !important; }
.review-box .btn_pn { width:20px; height:20px; margin-right:10px; cursor:pointer; }
.review-box .swiper-button-prev-r { background:url(/img/main/swiper_prev.png) center no-repeat;}
.review-box .swiper-button-next-r { background:url(/img/main/swiper_next.png) center no-repeat;}

.review-box .listbox { position:absolute; top:140px; left:35%; width:1530px; }
.review-box .listbox .swiper-container { padding:10px 0 20px; }
.review-box .listbox .swiper-slide { height:510px; padding-top:70px; }
.review-box .listbox .swiper-slide a { transition:all 0.3s; position:relative; width:100%; height:100%; background:rgba(236,236,236,0.44); display:block; padding:40px; }
.review-box .listbox .swiper-slide dt { letter-spacing:-0.02em; font-size:22px; font-weight:500; color:#222;  line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical; }
.review-box .listbox .swiper-slide dd { margin-top:15px; letter-spacing:-0.02em; font-size:22px; font-weight:400; color:#222; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:8; -webkit-box-orient:vertical; }
.review-box .listbox .swiper-slide .date { position:absolute; left:50px; bottom:50px; letter-spacing:-0.02em; font-size:16px; font-weight:300; color:rgba(34, 34, 34, 0.7); }
.review-box .listbox .swiper-slide:hover a,
.review-box .listbox .swiper-slide.swiper-slide-next a{ background:#fff; box-shadow:0px 4px 10px rgba(0, 0, 0, 0.25); margin-top:-70px; }
@media screen and (max-width:1024px){
    .review-box { margin-top:-70px; padding:100px 0 200px; }
    .review-box .title-box { text-align:center; }
    .review-box .title-box h2 span br { display:none }
    .review-box .btnbox {  position:absolute; left:0; top:420px; width:100%; z-index:10 }
    .review-box .btnbox .btn_pn { position:absolute; top:-250px; z-index:10; border:1px solid #ddd; width:40px; height:40px; border-radius:50%; }
    .review-box .btnbox .swiper-button-prev-r { left:0;  }
    .review-box .btnbox .swiper-button-next-r { right:0; }
    .review-box .linebox { width:122px; padding:0 23px; margin:0 auto; }
    .review-box .title-box .btn { position:absolute; left:50%; top:480px; transform:translateX(-50%); }

    .review-box .listbox { position:relative; top:unset; left:0; width:100%; margin-top:40px; padding:0 20px; }
    .review-box .listbox .swiper-slide { height:320px; padding-top:0; }
    .review-box .listbox .swiper-slide:hover a { margin-top:0; }
    .review-box .listbox .swiper-slide a { padding:30px; }
    .review-box .listbox .swiper-slide dt { font-size:20px; }
    .review-box .listbox .swiper-slide dd { margin-top:12px; font-size:20px; }
    .review-box .listbox .swiper-slide .date { left:30px; bottom:30px; font-size:15px; }
    .review-box .listbox .swiper-slide:hover a,
    .review-box .listbox .swiper-slide.swiper-slide-next a{ margin-top:0; }
    .review-box .btn_pn { margin:0 5px; }
}
@media screen and (max-width:640px){
    .review-box { margin-top:-50px; padding:60px 0 180px; }
    .review-box .btnbox { top:320px; }
    .review-box .btnbox .btn_pn { top:-220px; }
    .review-box .title-box .btn { top:370px; }
    .review-box .title-box .btn a { border:1px solid #004190; background:#004190; color:#fff; }

    .review-box .listbox { margin-top:30px; padding:0 20px; }
    .review-box .listbox .swiper-slide { height:240px;}
    .review-box .listbox .swiper-slide a { padding:20px; -webkit-line-clamp:5; }
    .review-box .listbox .swiper-slide dt { font-size:18px; -webkit-line-clamp:5; }
    .review-box .listbox .swiper-slide dd { margin-top:10px; font-size:18px; }
    .review-box .listbox .swiper-slide .date { left:20px; bottom:20px; font-size:15px; }
    .review-box .listbox .swiper-slide a { background:#fff; box-shadow:0px 4px 10px rgba(0, 0, 0, 0.25); }
}


/* inspection */
.inspection-box { position:relative; overflow:hidden; padding:140px 0 165px; }
.inspection-box > div { position:relative; }
.inspection-box .title-box .btn { margin:50px 0 0 0; }
.inspection-box .title-box .btn a { transition:all 0.3s ease-in-out; border:1px solid rgba(34, 34, 34, 0.12); width:144px; height:46px; border-radius:50px; display:flex; justify-content:center; align-items:center; font-family:'Poppins'; font-size:14px; color:#222; font-weight:400 }
.inspection-box .title-box .btn a:hover { border:1px solid #004190; background:#004190; color:#fff; }

.inspection-box .btnbox { margin-top:60px; }
.inspection-box .btnbox .box { position:relative; display:flex; align-items:center;}
.inspection-box .btnbox .txt { position:absolute; top:-6px; font-size:13px; font-weight:300; color:#222; }
.inspection-box .btnbox .txt.txt_l { left:0; }
.inspection-box .btnbox .txt.txt_r { right:0; }
.inspection-box .btnbox .txt span { font-weight:300; }
.inspection-box .linebox { position:relative; width:122px; padding:0 23px; margin-left:10px; }
.inspection-box .linebox .swiper-pagination-i { position:relative; width:100% !important; }
.inspection-box .totalslide { position:relative; color:#555; display:inline-block; }
.inspection-box .activeslide { position:relative; color:#222; display:inline-block; }
.inspection-box .swiper-pagination-progressbar { background:#ececec !important; height:2px !important; }
.inspection-box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#222 !important; }
.inspection-box .btn_pn { width:20px; height:20px; margin-right:10px; cursor:pointer; }
.inspection-box .swiper-button-prev-i { background:url(/img/main/swiper_prev.png) center no-repeat;}
.inspection-box .swiper-button-next-i  { background:url(/img/main/swiper_next.png) center no-repeat;}

.inspection-box .listbox { position:absolute; top:0; left:32%; width:1580px; }
.inspection-box .listbox .swiper-container { padding:0 0 0 10px; height:100%; }
.inspection-box .listbox .swiper-slide { height:100%; padding:140px 65px 0; transition:all 0.3s; }
.inspection-box .listbox .swiper-slide .num { font-size:60px; font-weight:600; letter-spacing:-0.02em; color:#222; transition:all 0.3s; }
.inspection-box .listbox .swiper-slide dt { letter-spacing:-0.02em; font-size:16px; font-weight:300; color:#222; margin-top:30px; }
.inspection-box .listbox .swiper-slide dd { margin-top:15px; letter-spacing:-0.02em; font-size:22px; font-weight:400; color:#222; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.inspection-box .listbox .swiper-slide .icon { margin-top:20px; width:100%; height:104px; padding:5px 10px; border:1px solid #e0e0e0; display:flex; align-items:center; justify-content:center; }
.inspection-box .listbox .swiper-slide .icon img { max-width:100%; }
.inspection-box .listbox .swiper-slide .btn {  opacity:0; visibility:hidden; z-index:-1; position:absolute; bottom:140px; left:50%; transform:translateX(-50%); }
.inspection-box .listbox .swiper-slide .btn a { width:50px; height:50px; display:flex; justify-content:center; align-items:center; text-indent:-9999em; background:#004190 url(/img/main/more_arr1.png) no-repeat center; border-radius:50%; }
.inspection-box .listbox .swiper-slide:hover .btn,
.inspection-box .listbox .swiper-slide.swiper-slide-next .btn { opacity:1; visibility:visible; z-index:2; animation:bgs3_1 0.8s 0.3s; animation-fill-mode:both; }
.inspection-box .listbox .swiper-slide:hover,
.inspection-box .listbox .swiper-slide.swiper-slide-next  { background:rgba(0, 65, 144, 0.02); box-shadow:0px 0px 14px rgba(0, 0, 0, 0.16); }
.inspection-box .listbox .swiper-slide:hover .num,
.inspection-box .listbox .swiper-slide.swiper-slide-next .num { color:#004190; }
@media screen and (max-width:1024px){
    .inspection-box { padding:100px 0 220px; }
    .inspection-box .title-box { text-align:center; }
    .inspection-box .title-box h2 span br { display:none }
    .inspection-box .btnbox {  position:absolute; left:0; top:480px; width:100%; z-index:10 }
    .inspection-box .btnbox .btn_pn { position:absolute; top:-250px; z-index:10; border:1px solid #ddd; width:40px; height:40px; border-radius:50%; }
    .inspection-box .btnbox .swiper-button-prev-i { left:0;  }
    .inspection-box .btnbox .swiper-button-next-i { right:0; }
    .inspection-box .linebox { width:122px; padding:0 23px; margin:0 auto; }
    .inspection-box .title-box .btn { position:absolute; left:50%; top:540px; transform:translateX(-50%); }

    .inspection-box .listbox { position:relative; top:unset; left:0; width:100%; margin-top:40px; padding:0 20px; }
    .inspection-box .listbox .swiper-container { padding:10px 10px; height:auto; }
    .inspection-box .listbox .swiper-slide { padding:30px 30px 0; height:370px !important; }
    .inspection-box .listbox .swiper-slide .num { font-size:35px; } 
    .inspection-box .listbox .swiper-slide dt { font-size:16px; }
    .inspection-box .listbox .swiper-slide dd { margin-top:12px; font-size:20px; }
    .inspection-box .listbox .swiper-slide .icon { height:95px; }
    .inspection-box .listbox .swiper-slide .btn { bottom:20px; }
    .inspection-box .listbox .swiper-slide .btn a { width:50px; height:50px; }
    .inspection-box .btn_pn { margin:0 5px; }
}
@media screen and (max-width:640px){
    .inspection-box { padding:60px 0 200px; }
    .inspection-box .btnbox { top:400px; }
    .inspection-box .btnbox .btn_pn { top:-240px; }
    .inspection-box .title-box .btn { top:450px; }
    .inspection-box .title-box .btn a { border:1px solid #004190; background:#004190; color:#fff; }

    .inspection-box .listbox { margin-top:30px; }
    .inspection-box .listbox .swiper-slide,
    .inspection-box .listbox .swiper-slide:hover { padding:20px 20px 0; height:310px !important; background:rgba(0, 65, 144, 0.02); box-shadow:0px 0 1px rgba(0, 0, 0, 0.16); }
    .inspection-box .listbox .swiper-slide:hover a { margin-top:0; }
    .inspection-box .listbox .swiper-slide .num { font-size:24px; } 
    .inspection-box .listbox .swiper-slide dt { font-size:15px; }
    .inspection-box .listbox .swiper-slide dd { margin-top:10px; font-size:18px; }
    .inspection-box .listbox .swiper-slide .icon { margin-top:25px; height:75px; }
    .inspection-box .listbox .swiper-slide .btn a { width:36px; height:36px; background-size:8px auto }
    .inspection-box .listbox .swiper-slide .btn,
    .inspection-box .listbox .swiper-slide:hover .btn{ opacity:1; visibility:visible; z-index:2; animation:unset }
}

/* Cursor 
.cursor { position:fixed; left:0;top:0; 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 }
}
*/