@charset "utf-8";

/*공통*/
.arr{
    position: relative;
}
.arr:after{
    display:block;
}
nav.gnb{display: none;}
.main-tlt{
    font-weight: 600;
    font-size: 36px;
    color: #222222;
    margin-bottom: 7px;
}
.main-more{
    width: 36px;
    height: 36px;
    display: block;
    position: absolute;
    top: -5px;
    right: 0;
    background: #00000017;
    font-size: 0px;
    border-radius: 50%;
}
.main-more:after,.main-more:before{
 display:block;
 clear:both;
 content:"";
 width: 12px;
 height: 2px;
 background: #222222;
 position: absolute;
 top: 18px;
 left: 12px;
}
.main-more:before{
    transform: rotate(90deg);
}
.main-txt{color: #555;font-weight: 400;margin-bottom: 73px;font-size: 14px;}

.swiper-button{
    width: 95px;
    position: absolute;
}
.swiper-button .next{
    padding-left: 2px;
}
.swiper-button .prev{
    padding-right: 2px;
}
.swiper-button .prev, .swiper-button .next{
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.swiper-button .prev:after, .swiper-button .next:after{
    font-size: 15px;
    font-weight: bold;
}
.swiper-button-next svg, .swiper-button-prev svg{display:none;}
   

@media all and (min-width:768px) {
.main-tlt{}
.main-more{}
.main-txt{}

.swiper-button{}
.swiper-button .next{}
.swiper-button .prev{}

}


@media all and (min-width:1280px) {
    .main-tlt{
    font-size: 50px;
    margin-bottom: 12px;
}
    .main-more{
    top: 0px;
}
    .main-txt{
    font-size: 16px;
}
    
.swiper-button{}
.swiper-button .next{
    right: 0px;
}
.swiper-button .prev{
    left: 0px;
}
.swiper-button .next, .swiper-button .prev{
    /* color: #fff; */
    width: 70px;
    height: 70px;
    background: #ffffff3b;
    /* opacity: 1; */
    /* backdrop-filter: blur(30px); */
    /* border-radius: 50%; */
}
.swiper-button .next:after, .swiper-button .prev:after{font-size: 16px;font-weight: bold;}
    }
    


@media all and (min-width:1520px) {

    nav.gnb{display: block;position:fixed;top:50%;left: 40px;margin-top: -100px;}
    nav.gnb ul{
    line-height: 2;
}
    nav.gnb ul li{
    margin: 20px 0;
}
    nav.gnb ul li a{
    font-size: 14px;
    font-weight: 700;
    color: #88888890;
    opacity: 0.6;
    transition: 0.3s;
    width: 7px;
    height: 7px;
    display: block;
    background: #4e4e4e;
    border-radius: 50%;
    opacity: 0.4;
}
        nav.gnb ul li a.active{opacity: 1;}
    
    .fp-viewing-intro nav.gnb ul li a.menu01{opacity:1;position: relative;/* padding-left: 20px; */}

.fp-viewing-intro nav.gnb ul li a{color:#fff;}

    .fp-viewing-sec02 nav.gnb ul li a,     .fp-viewing-sec04 nav.gnb ul li a,.fp-viewing-6 nav.gnb ul li a{background: #fff;}
    .fp-viewing-sec01 nav.gnb ul li a.menu02:after, .fp-viewing-sec02 nav.gnb ul li a.menu03:after, .fp-viewing-sec03 nav.gnb ul li a.menu04:after{
   
    }

    
}



/*메인 텍스트 애니메이션*/

.main-text-animation-box {
    overflow: hidden;
    display: inline-block;
}
.main-text-animation {
    -webkit-animation-name: main-text-animation;
    animation-name: main-text-animation;
    transition: transform 0.8s cubic-bezier(.21,1.03,.7,1);
    transition: transform 1s cubic-bezier(.165,.84,.44,1)!important;
    display: inline-block;
}

@-webkit-keyframes main-text-animation {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}
@keyframes main-text-animation {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}



/*intro*/

.main-slider{
    /* position: absolute !important; */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* z-index: -1 !important; */
    border-radius: 20px;
    width: calc(100% - 40px);
    margin: 0 auto !important;
    margin-left: 20px !important;
    margin-top: 60px !important;
    height: 500px;
}
.main-slider .m1{
    background: url(/img/main/main_visual.png) no-repeat center;
}
.main-slider .m2{
    background: url(/img/main/main_visual02.jpg) no-repeat center;
}
.main-slider .m3{
    background: url(/img/main/main_visual.png) no-repeat center;
}
.main-slider .m4{
    background: url(/img/main/main_visual02.jpg) no-repeat center;
}
.main-slider .swiper-slide{
    background-size: cover;
}


.main-slider .swiper-slide-active .text span em.tn1,
.main-slider .swiper-slide-active .text span em.tn2,.main-slider .swiper-slide-active .text span em.tn3{
    -webkit-animation-name: main-text-animation;
    animation-name: main-text-animation;
    display: block;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: 1;
}
.main-slider .swiper-slide-active .text em.tn1 {
    animation-delay: 0s;
}
.main-slider .swiper-slide-active .text em.tn2 {
    animation-delay: 0.4s;
}
.main-slider .swiper-slide-active .text em.tn3 {
    animation-delay: 0.8s;
}
.main-slider .text{
    padding-top: 128px;
    letter-spacing: -1.2px;
    padding-bottom: 100px;
}
.main-slider .text .t0{
    color: #fff;
    font-weight: bold;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 10px;
}
.main-slider .text .t1 {
    color: #fff;
    font-size: 30px;
    /* margin: 0 auto; */
    margin-bottom: 13px;
    text-align: center;
    /* opacity: 0.6; */
    font-weight: 700;
    /* font-size: 14px; */
    letter-spacing: 0.2px;
    /* text-transform: uppercase; */
    line-height: 1.2;
    /* width: 300px; */
    /* margin: 0 auto; */
}
.main-slider .text a{
    background: #00a8ff9c;
    color: #fff;
    position: relative;
    border-radius: 6px;
    display: block;
    width: 200px;
    padding: 13px;
    font-weight: 500;
    margin: 0 auto;
    margin-top: 40px;
    /* background: #00a8ff; */ transition:0.3s;
}
.main-slider .text a:hover{background: #00a8ff;}
.main-slider .text a i{}

.main-slider .text a i{width: 12px;display: block;position: absolute;top: 23px;right: 20px;position: absolute;}
.main-slider .text a i:after,.main-slider .text a i:before{display:block; clear:both; content:"";}
.main-slider .text a i:after{
    width: 10px;
    height: 2px;
    background: #fff;
    width: 100%;
}
.main-slider .text a i:before{
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: -3px;
    right: 0;
}

.main-slider .text .t1.tt{/* font-size: 25px; */}
.main-slider .text .t1 .c1{
    color: var(--main-color);
}
.main-slider .text .t1 .c2{
    color: var(--point-color);
}
.main-slider .text .t2{
    color:#fff;
    text-align: center;
    font-size: 16px;
    opacity: 0.6;
}
.main-slider .text .t2 em{
    font-weight: 400;
    }
.main-slider .text .t1 span,.main-slider .text .t2 span {
    overflow: hidden;
    display: block;
    font-weight:inherit;
    text-transform: capitalize;
    padding-bottom: 6px;
}



.swiper-page-area{
    /* position: absolute; */
    /* top: 210px; */
    /* left: 0; */
    /* width: 100%; */
    /* display: flex; */
    /* justify-content: center; */
    /* z-index: 99; */
}
.swiper-page-area .swiperBtn{
    background: #ffffff14;
    border-radius: 10px;
    opacity: 1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: static;
    width: 50px;
    height: 50px;
    margin: 0 5px;
    color: #fff;
    display: none;
}
.swiper-page-area .swiper-button-prev:after, .swiper-page-area .swiper-button-next:after{
    font-size: 20px;
}
.main-slider .text .tn1,
.main-slider .text .tn2,
.main-slider .text .tn3,
.main-slider .text .tn4 {
    animation-fill-mode: backwards;
}


 /* 커스텀 페이지네이션 - 모바일 기본 */
        .custom-pagination {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            z-index: 10;
            display: none;
        }

        .pagination-item {
            position: relative;
            cursor: pointer;
            padding: 8px 0;
        }

        .pagination-text {
            color: rgba(255, 255, 255, 0.6);
            font-size: 12px;
            font-weight: 500;
            transition: color 0.3s;
            white-space: nowrap;
        }

        .pagination-item.active .pagination-text {
            color: white;
        }

        .progress-bar {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 2px;
            background: rgba(255, 255, 255, 0.2);
            width: 100%;
            border-radius: 1px;
            overflow: hidden;
        }

        .progress-fill {
            height: 100%;
            background: #fff;
            width: 0%;
            transition: width 0.1s ease;
            border-radius: 1px;
        }

.quick-box{
    margin-bottom: 10px;
}
.quick-box ul{
    display: flex;
    gap: 10px;
}
.quick-box ul li{
    width: 33.333333333%;
    color: #fff;
    font-weight: 600;
}
.quick-box ul li a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
    border-radius: 10px;
}
.quick-box ul li:nth-child(1) a{
    background: var(--main-color);
}
.quick-box ul li:nth-child(2) a{
    background: var(--point-color);
}
.quick-box ul li:nth-child(3) a{
    background: #515151;
}
.quick-box ul li a .ic{
    height: 50px;
}
.quick-box ul li a .ic img{}
.quick-box ul li a .txt{}

.popup-box{}
.popup-box .popup-slider{}
.swiper-pagination1{text-align:center;}


@media all and (min-width:768px) {

#intro .pdinner{
    height: 100%;
}
    .main-slider .text{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 136px;
}

.popup-box{}
.popup-box .popup-slider{}
.main-slider .text .t1{
    font-size: 41px !important;
    margin-bottom: 0px;
}
    .main-slider .text .t1 i{display:inline-flex;}

}

@media all and (min-width:1280px) {
.main-slider .text .t0{
    font-size: 20px;
    /* text-align: left; */
    margin-bottom: 25px;
}
.main-slider .text .t1{font-size: 66px !important;text-transform: uppercase;/* text-align: left; */letter-spacing: -2px;line-height: 1;margin-bottom: 14px;}
.main-slider .text .t2{font-size:56px;text-align: left;}
    .main-slider .text{
    padding-top: 300px;
    padding: 0px;
    height: calc(100% - 150px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 100px;
    height: 100%;
}


    .main-slider .text a{
    width: 252px;
    height: 60px;
    line-height: 60px;
    padding: 0px;
    padding-left: 20px;
    font-size: 16px;
    margin: 0px;
    margin-top: 30px;
    margin-top: 70px;
}
    .main-slider .text a i{
    top: 30px;
    right: 22px;
}
    .pagination-text{
    font-size: 18px;
}
    .progress-bar{
    height: 2px;
}
    .custom-pagination{
    gap: 0px;
    width: 100%;
    max-width: 1500px;
    bottom: 90px;
}
    .pagination-item{
    width: 25%;
}
    #intro .swiper-button{display:block;}
    .main-slider{
    width: calc(100% - 40px);
    margin: 0 auto;
    border-radius: 55px;
    margin-left: 20px !important;
    margin-top: 00px !important;
    /* border-radius: 0px !important; */
    /* height: calc(100% - 100px); */
    /* margin-bottom: 20px !important; */
    height: 100%;
}
    .main-slider .swiper-slide{
    /* height: calc(100% - 150px); */
}
}


@media all and (min-width:1600px) {
.main-slider{
    width: calc(100% - 180px);
    margin: 0 auto;
    border-radius: 55px;
    margin-left: 90px !important;
    margin-top: 39px !important;
    /* border-radius: 0px !important; */
    height: 100%;
    height: calc(100% - 165px);
}
    .main-slider .text .t1{text-align:left;}
    .main-slider .text .t0{text-align:left;}
}

@media all and (max-width:1280px) {
.fp-section,.fp-tableCell{height: unset !important;}
}

/*@media all and (max-height:900px) {
.fp-section,.fp-tableCell{

    height: unset !important;

}
}*/



#intro{
    position: relative;
    /* padding-top: 220px; */
    /* padding-bottom: 290px; */
    margin-bottom: 50px;
}
#intro .swiper-button{/* display:none; */z-index: 100;bottom: 50px;left: 50%;margin-left: -45.5px;}

#intro .swiper-button .swiper-button-prev, #intro .swiper-button .swiper-button-next{
    background: #fff;
    color: #fff;
    background: #ffffff3b;
    opacity: 1;
    backdrop-filter: blur(30px);
}
#intro .contBox{
    position: relative;
    z-index: 1;
}
#intro .contBox .cont01{}
.swiper-pagination-bullet{
    background: #ffffff60;
    width: 10px !important;
    width: 10px !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: var(--main-color); width:30px !important;
}
@media (min-width: 768px) {
#intro .contBox .cont01{}
   
}

@media (min-width: 1280px) {

   
    #intro{
    padding-top: 174px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-top: 60px;
}
    #intro .pdinner{
}
    #intro .contBox{}
    #intro .contBox .pdinner{
    display: flex;
    flex-direction: row-reverse;
}
    #intro .contBox .cont01{
    
}
    #intro .swiper-button{display:block;position: absolute;right: unset;top: 50%;left: 50%;width: 160px;height: 70px;margin-top: 55px;margin-left: -95px;}

    #intro .swiper-button .next, #intro .swiper-button .prev{
    color: #fff;
    background: #ffffff3b;
    opacity: 1;
    backdrop-filter: blur(30px);}
}

@media (min-width: 1400px) {
    #intro{
    padding-top: 100px;
    /* padding-bottom: 90px; */
    /* margin-bottom: 0px; */
    /* padding-top: 0px; */
}
}
@media (min-width: 1600px) {
#intro{padding-top: 0px;}
}
@media (min-width: 1600px) {

#intro .swiper-button{
    left: 211px;
    margin-top: 68px;
}
}





/*facility*/

#facility{
    background: url(/img/main/bg_eq.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
}
#facility .main-tlt{color:#fff;}
#facility .main-txt{color:#fff;margin-bottom: 50px;}
#facility .swiper-button{
    top: 24px;
    right: 10px;
}
#facility  .swiper-button .next:after,#facility  .swiper-button .prev:after{color: #fff;}
#facility .swiper-button .swiper-button-prev2{
}
#facility .swiper-button .swiper-button-next2{}
#facility .swiper-button .swiper-button-prev3, #facility  .swiper-button .swiper-button-next3{
    background: #fff;
    background: #ffffff3b;
    opacity: 1;
    backdrop-filter: blur(30px);
}
#facility .swiper-button .swiper-button-prev3, #facility .swiper-button .swiper-button-next3
.facility-slider{}
.facility-slider .swiper-slide{
    padding-bottom: 50px;
}
.facility-slider .box{
    background: #fff;
    border-radius: 20px;
    text-align: center;
    position: relative;
    padding-top: 40px;
    padding-bottom: 150px;
}
.facility-slider .box .slide-header{
    color: #555;
    font-size: 15px;
}
.facility-slider .box .slide-title{
    color: #222;
    font-weight: bold;
    font-size: 20px;
}
.facility-slider .box .slide-image{
    position: absolute;
    bottom: -49px;
    height: 200px;
    left: 50%;
    margin-left: -100px;
}
@media (min-width: 768px) {
.facility-slider{}
.facility-slider .box{}
.facility-slider .box .slide-header{}
.facility-slider .box .slide-title{}
.facility-slider .box .slide-image{}

}

@media (min-width: 1280px) {
#facility{
    min-height: 547px;
    padding: 0px;
}
    #facility .main-tlt{}
.facility-slider{
    position: absolute !important;
    top: -35px;
    right: 0;
    width: calc(100% - 400px);
}
.facility-slider .box{
    border-radius: 45px;
    padding-top: 55px;
    padding-bottom: 225px;
    transition: 0.3s;
    /* border-radius: 50%; */
}
.facility-slider .box .slide-header{
    font-size: 16px;
}
.facility-slider .box .slide-title{
    font-size: 28px;
}
.facility-slider .box:hover{border-radius: 50%;background: transparent linear-gradient(180deg, #1509B5 0%, #00A8FF 100%) 0% 0% no-repeat padding-box;color:#fff; color:#fff;}
.facility-slider .box:hover > div{color:#fff;}
    .facility-slider .box .slide-image{
    height: 300px;
    margin-left: -150px;
    bottom: -70px;
}
    #facility .swiper-button{
    left: 15px;
    right: unset;
    top: 50%;
    margin-top: 143px;
    width: 150px;
}

}







/*product*/


#product{
    padding: 50px 0 30px;
    position: relative;
    overflow: hidden;
    background: #F9F9F9 url(/img/main/bg_acc.png) no-repeat center;
}
#product .pdinner{
    padding: 0px;
}

#product .main-tlt{
    margin-left: 20px;
}
#product .main-txt{
    margin-left: 20px;
    margin-bottom: 0px;
}
#product .product-slider{}
#product .product-slider .box{
    /* box-shadow: 10px 10px 19px #00000014; */
    /* background: #fff; */
    border-radius: 10px;
    margin-left: 20px;
    margin-right: 20px;
    position: relative;
    /* padding: 30px; */
    /* height: 250px; */
    margin-bottom: 20px;
    margin-top: 30px;
    transition: 0.3s;
    }
#product .product-slider .box img{box-shadow: 10px 10px 19px #00000014;border-radius: 20px;width: 100%;}
#product .product-slider .box:hover{}
#product .product-slider .box:hover .slide-header{}
#product .product-slider .slide-header{
    transition: 0.3s;
    font-weight: bold;
    font-size: 12px;
    color: #555555;
    letter-spacing: 0px;
    font-weight: 400; margin-top:10px;
}
#product .product-slider .slide-title{
    font-size: 22px;
    font-weight: bold;
}
#product .product-slider .slide-image{
    position: absolute;
    bottom: -28px;
    right: 20px;
    width: 100px;
}
#product .swiper-button{
    top: 24px;
    right: 10px;
}
#product .swiper-button .swiper-button-prev2{
}
#product .swiper-button .swiper-button-next2{}
#product .swiper-button .swiper-button-prev2, #product .swiper-button .swiper-button-next2{
    background: #fff;
}


@media (min-width: 768px) {
#product{}
#product .main-tlt{
    margin-left: 50px;
}
#product .main-txt{
    margin-left: 50px;
}
#product .product-slider{
    /* margin: 0 30px; */
    /* padding: 0 10px; */
    /* margin: 0 20px; */
    padding: 0 30px;
}
#product .product-slider .slide-header{}
#product .product-slider .slide-title{}
#product .product-slider .slide-image{}
#product .swiper-button{
    right: 50px;
    top: 75px;
}
#product .swiper-button .swiper-button-prev2{}
#product .swiper-button .swiper-button-next2{}

}


@media (min-width: 1280px) {
#product{
    padding: 0px;
}
    #product .pdinner{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
    #product .product-tlt{
    display: flex;
    margin-top: 20px;
}
#product .main-tlt{
    margin-left: 0px;
}
#product .main-txt{
    margin-left: 0px;
    margin-bottom: 0px;
    margin-left: 30px;
    margin-top: 13px;
}
#product .product-slider{
    padding: 0px;
    width: calc(100% + 33px);
    /* margin-right: -33px; */
}
#product .product-slider .slide-header{
    font-size: 15px;
    margin-bottom: 10px;
    margin-top: 25px;
    margin-bottom: 0px;
}
#product .product-slider .slide-title{
    font-size: 30px;
}
#product .product-slider .slide-image{
    width: unset;
    bottom: -35px;
    right: 45px;
}
#product .swiper-button{
    width: 150px;
    right: 50%;
    left: unset;
    top: 50%;
    margin-left: -771px;
    margin-top: -226px;
    right: 0px;
}
#product .swiper-button .swiper-button-prev2{}
    #product .swiper-button .swiper-button-prev2, #product .swiper-button .swiper-button-next2{}
#product .swiper-button .swiper-button-next2{}
#product .product-slider .box{
    /* padding: 40px; */
    border-radius: 20px;
    height: 390px;
    margin-right: 33px;
    margin-left: 0px;
    margin-bottom: 0px;
   
}
    #product .product-slider .box:hover{ transform: translate(0px, -15px);}

}





/*infra*/

#infra{
    padding-top: 50px;
    background: url(/img/bg04.png);
    background-position: center;
    background-size: cover;
    position: relative;
}
#infra .swiper-button{
    top: 177px;
    left: 50%;
    margin-left: -55px;
}
#infra .swiper-button .prev,#infra  .swiper-button .next{
        color: #fff;
        /* width: 70px; */
        /* height: 70px; */
        background: none;
        opacity: 1;
        backdrop-filter: blur(30px);
        border-radius: 50%;
        border: 1px solid #ffffff57;
        }
#infra .main-tlt{
    
text-align: center;
    
color: #fff;
}
#infra .main-txt{
    
text-align: center;
    
color: #fff;
    
opacity: 0.8;
}
#infra .infra-slider{
    color: #fff;
    border-top: 1px solid #ffffff42;
}
#infra .swiper-slide a{
    border-bottom: 1px solid #ffffff42;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 50px 10px;
    border-right: 1px solid #ffffff42; transition:0.3s;
    }
#infra .swiper-slide a:hover{background:#ffffff17;}
#infra .swiper-slide a .top{
    font-weight: bold;
    font-size: 12px;
    color: var(--point-color);
    margin-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: 0px;
}
#infra .swiper-slide a b{
    display: block;
    font-size: 28px;
    margin-bottom: 20px;
}
#infra .swiper-slide a .arr-btn{
    background: #ffffff36;
    border-radius: 7px;
    /* opacity: 0.6; */
    backdrop-filter: blur(30px);
    width: 40px;
    height: 40px;
    backdrop-filter: blur(43px);
}
#infra .swiper-slide a .arr-btn .arr{width: 12px;display: block;position: absolute;top: 19px;right: 15px;}
#infra .swiper-slide a .arr-btn .arr:after,#infra .swiper-slide a .arr-btn .arr:before{display:block; clear:both; content:"";}
#infra .swiper-slide a .arr-btn .arr:after{
    width: 10px;
    height: 2px;
    background: #fff;
    width: 100%;
}
#infra .swiper-slide a .arr-btn .arr:before{
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: -3px;
    right: 0;
}

@media (min-width: 768px) {

#infra{}
#infra .main-tlt{
    
}
#infra .main-txt{
    margin-bottom: 70px;
}
#infra .infra-slider{}
#infra .swiper-slide a{}
#infra .swiper-slide a .top{}
#infra .swiper-slide a b{}
#infra .swiper-slide a .arr-btn{}
#infra .swiper-slide a .arr-btn .arr{
}
    #infra .swiper-button{
    width: calc(100% - 100px);
    left: 50px;
    margin-left: 0px;
    top: 103px;
}

}
@media (min-width: 1280px) {


#infra{
    /* display: flex; */
    align-items: flex-end;
    padding: 0px;
}
    #infra .in{/* display: flex; *//* height: 100%; *//* flex-direction: column; *//* align-items: center; *//* justify-content: center; */padding-top: 163px;}
    #infra .pdinner{}
    #infra .fp-tableCell{}
#infra .main-tlt{
    
}
#infra .main-txt{
    
}
#infra .infra-slider{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0px;
}
#infra .swiper-slide a{
    border-bottom: 0px;
    height: 460px;
}
#infra .swiper-slide a .top{
    font-size: 15px;
}
#infra .swiper-slide a b{
    font-size: 40px;
    margin-bottom: 44px;
}
#infra .swiper-slide a .arr-btn{
    width: 66px;
    height: 60px; transition:0.3s;
}
    #infra .swiper-slide a:hover .arr-btn{
    transform: translate(0px, -10px);}
#infra .swiper-slide a .arr-btn .arr{width: 15px;top: 29px;right: 27px;}
#infra .swiper-slide a .arr-btn .arr:before{
    width: 8px;
    height: 8px;
    top: -4px;
}
    #infra .swiper-button .prev, #infra .swiper-button .next{}
    #infra .swiper-button .prev{
    left: 0px;
}
    #infra .swiper-button .next{
    right: 0px;
}
    #infra .swiper-button{
    width: calc(100% - 180px);
    left: 90px;
    top: 243px;
}
}





/*news*/


#news{
    /* padding: 50px 0; */
    padding-top: 50px;
    overflow: hidden;
    background: #f8f8f8;
}
#news .news-tlt{}
#news .main-tlt{}
#news .main-txt{
    margin-bottom: 30px;
}
.notice-list{}
.notice-list li{}
.notice-list li a{
    background: #fff;
    box-shadow: 10px 10px 19px #00000014;
    display: block;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 18px;
}
.notice-list li a span{
    display: inline-block;
    color: #fff;
    background: #00A8FF;
    width: 61px;
    text-align: center;
    border-radius: 50px;
    font-size: 13px;
    display: block;
    margin-bottom: 4px;
    padding: 2px;
}
.notice-list li a span.t1{
    background: #093E82;
}
.notice-list li a span.t2{}
.notice-list li a .date{
    font-size: 14px;
    color: #555;
    display: block;
    margin-top: 15px;
}
#news .news-bg{
    background: url(/img/main/bg_box.png);
    background-size: cover;
    background-position: center;
    padding: 20px 0;
    border-radius: 20px 20px 0 0;
    margin-top: 50px;
}
#news .news-bg .quick-list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
#news .news-bg .quick-list li{
    width: calc(33.33333% - 10px);
}
#news .news-bg .quick-list li a{}
#news .news-bg .quick-list li a .icon{
    display: block;
    text-align: center;
    margin-bottom: 5px;
}
#news .news-bg .quick-list li a .icon img{
    transform: scale(0.8);
}
#news .news-bg .quick-list li a strong{
    display: block;
    color: #fff;
    text-align: center;
}


@media (min-width: 768px) {

    #news{
    overflow: hidden;
}
#news .news-tlt{}
#news .main-tlt{}
#news .main-txt{}
.notice-list{
    display: flex;
    gap: 20px;
}
.notice-list li{
    width: calc(100% - 10px);
}
.notice-list li a{}
.notice-list li a span{}
.notice-list li a span.t1{}
.notice-list li a span.t2{}
.notice-list li a .date{}
#news .news-bg{}
#news .news-bg .quick-list{}
#news .news-bg .quick-list li{}
#news .news-bg .quick-list li a{}
#news .news-bg .quick-list li a .icon{}
#news .news-bg .quick-list li a strong{}
}





@media (min-width: 1280px) {

    #news{padding-top: 0px;}
#news .news-tlt{
    margin-top: 59px;
}
#news .main-tlt{
    text-align: center;
    margin-bottom: 15px;
}
#news .main-txt{
    text-align: center;
    margin-bottom: 51px;
}
.notice-list{}
.notice-list li{}
.notice-list li a{
    font-size: 22px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 25px;
}
.notice-list li a span{
    font-size: 18px;
    width: 106px;
    margin-bottom: 0px;
    margin-right: 10px;
}
.notice-list li a span.t1{}
.notice-list li a span.t2{}
.notice-list li a .date{
    font-size: 18px;
    margin-top: 0px;
    position: absolute;
    top: 30px;
    right: 32px;
}
#news .news-bg{
    width: calc(100% - 180px);
    margin-left: 90px;
    border-radius: 45px;
    padding: 100px 0;
    height: 357px;
}
#news .news-bg .quick-list{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 1100px;
    margin: 0 auto;
    margin-top: 33px;
}
#news .news-bg .quick-list li{
    position: relative;
}
    #news .news-bg .quick-list li:after{
        display:block;
        clear:both;
        content:"";
        width: 1px;
        height: 50px;
        background: #ffffff45;
        position: absolute;
        top: 30px;
        right: 0;
    }
    #news .news-bg .quick-list li:last-child:after{display:none;}
#news .news-bg .quick-list li a{}
#news .news-bg .quick-list li a .icon{
    margin-bottom: 13px;
    transition: 0.3s;
    
}
    #news .news-bg .quick-list li a:hover .icon{transform: translate(0px, -10px);}
    #news .news-bg .quick-list li a .icon img{
    transform: scale(1);
}
#news .news-bg .quick-list li a strong{
    font-size: 22px;
}
}



.fp-auto-height{height:unset !important;}
.fp-auto-height .fp-tableCell{height:unset !important;}




.scroll-down{display: none;}



@media (min-width: 1500px) {


.scroll-down{
    display: block;
    color: #fff;
    position: absolute;
    bottom: -338px;
    left: -2px;
}
.scroll-down .text{
    font-size: 15px;
    letter-spacing: 1px;
    opacity: 1;
    transform: rotate(91deg);
    position: absolute;
    width: 100px;
    /* background: red; */
    bottom: 110px;
    left: -43px;
    color: #A8A8A8;
}


.scroll-down {
    width: 18px;
    height: 40px;
    position: relative;
    margin: 0 auto;
}
.scroll-down span{
    position: absolute;
    top: -31px;
    left: 1px;
}
.scroll-down i {
    display: block;
    width: 8px;
    height: 8px;
    border-left: 1.5px solid #ccc;
    border-bottom: 1.5px solid #ccc;
    transform: rotate(-45deg);
    margin: -2px 0;
    animation: scrollDown 2s infinite;
    opacity: 0.3;
    background: none !important;
}

.scroll-down i:nth-child(1) { animation-delay: 0s; }
.scroll-down i:nth-child(2) { animation-delay: 0.4s; }
.scroll-down i:nth-child(3) { animation-delay: 0.8s; }

@keyframes scrollDown {
    0%   { opacity: 0.2; }
    50%  { opacity: 1; }
    100% { opacity: 0.2; }
}



    
.fp-viewing-sec02 .scroll-down span,.fp-viewing-sec04 .scroll-down span{border-color:#4A4A4A;}
.fp-viewing-sec02 .scroll-down span i,.fp-viewing-sec04 .scroll-down span i{background:#4A4A4A;}
    .fp-viewing-sec02 .scroll-down,    .fp-viewing-sec04 .scroll-down {color:#4A4A4A;}

.fp-viewing-sec04 .scroll-down{display:none;}
}