@charset "utf-8";

/* :root {
    --marquee-width: 2320px;
    --marquee-height: 172px;
    --marquee-elements-displayed: 7;
    --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
    --marquee-animation-duration: calc(var(--marquee-elements) * 3s);
    --marquee-animation-duration2: calc(var(--marquee-elements) * 5s);

  } */

/*비주얼*/
#mainpage{background:#00378A; color:#fff;overflow-x: hidden;width:100%;}
#mainpage .contents{overflow-x: hidden;}
#mainpage .visual-sec{overflow:hidden;position:relative;height:100vh;}
#mainpage .visual-sec .txt-box {position: absolute;left: 50%;top: 50%;width: 1400px;padding: 0 32px;transform: translate(-50%, -60%);z-index: 10;}
#mainpage .visual-sec .txt-box > h2 {color: #fff;font-size: 60px;font-weight: 400;line-height: 1.3;transform: translateY(20px);opacity: 0;transition: 1s 0.4s;font-weight:700;}
#mainpage .visual-sec .txt-box > p {color: #fff;margin-bottom:20px;font-size: 24px;transform: translateY(20px);opacity: 0;transition: 1s 0.2s;}
#mainpage .visual-sec .txt-box > img{margin-top:90px;transform: translateY(20px);opacity: 0;transition: 1s 0.6s;}
#mainpage .visual-sec .swiper-slide-active .txt-box > h2,
#mainpage .visual-sec .swiper-slide-active .txt-box > p,
#mainpage .visual-sec .swiper-slide-active .txt-box > img {transform: translateY(0);opacity: 1;}
/* #mainpage .visual-sec .swiper-pagination{position:absolute;top:53%;left:50%;z-index:9;width:1400px;height:3px;padding:0 32px;text-align:left;transform: translate(-50%, -60%);}
#mainpage .visual-sec .swiper-pagination-bullet {width: 10px;height: 3px;background-color: rgba(255,255,255,.3);border-radius: 0;opacity:1;} 
#mainpage .visual-sec .swiper-pagination-bullet-active {position:relative;width:100px;}  
#mainpage .visual-sec .swiper-pagination-bullet-active::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:3px;background:#fff;animation:ani-progress 5s;}
@keyframes ani-progress{
    0%{
        width:0;
    }
    100%{
        width:100%;
    }
} */
#mainpage .visual-sec .swiper-slide{overflow:hidden;}
/* #mainpage .visual-sec .swiper-slide .bg{position:absolute;top:0;left:0;width:100%;height:200px;background:linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0))} */
#mainpage .visual-sec .swiper-slide .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4)}

/* #mainpage .visual-sec .swiper-slide .bg{position:absolute;top:0;left:0;width:100%;height:100%;transition: transform 8s;transform: scale(1.2);} */
/* #mainpage .visual-sec .s1 .bg{background:url(../img/main/visual_main1.png) no-repeat center center;background-size: cover;} */
#mainpage .visual-sec .s2 .bg{background:url(../img/main/visual_main1.png) no-repeat center center;background-size: cover;}
#mainpage .visual-sec .s3 .bg{background:url(../img/main/visual_main1.png) no-repeat center center;background-size: cover;}
#mainpage .visual-sec .swiper-slide-active .bg{transform: scale(1.0);transform: perspective(500px) rotate(.001deg);}
#mainpage .visual-sec .videoWrapper{height:100%;}

/*견적문의*/
#mainpage .inquiry-bar{display:flex;width:100%;height:100px;align-items:center;background:#0F2765;}
#mainpage .inquiry-bar .inner{gap:36px;justify-content:center;}
#mainpage .inquiry-bar .form-wrap>form>div{gap:36px;}
#mainpage .inquiry-bar .form-wrap>form>div>div{gap:18px;}
#mainpage .inquiry-bar h3{font-size:28px;font-weight:800;}
#mainpage .inquiry-bar input[type="text"]{width:150px;height:50px;padding:0 10px;border-radius:4px;font-size:16px;}
#mainpage .inquiry-bar input[type="text"]::placeholder{color:#9e9e9e}
#mainpage .inquiry-bar .chk-wrap span{text-decoration:underline;}
#mainpage .inquiry-bar .con-tit h3 a{gap:5px;justify-content:center;}
/* #mainpage .inquiry-bar .con-tit h3 img{margin-left:10px;} */

/*intro*/
#mainpage .main-intro{text-align: center;}
#mainpage .main-intro .con-txt{margin-bottom:56px;}
#mainpage .main-intro .con-tit{margin-bottom:28px;}
#mainpage .main-intro .con-tit p{position:relative;margin: 0 45px;font-size:40px;font-weight:500;}
#mainpage .main-intro .con-tit p::before{content:'';display:inline-block;position:relative;top:-15px;left:-20px;width:28px;height:1px;background:#D9D9D9;}
#mainpage .main-intro .con-tit p::after{content:'';display:inline-block;position:relative;top:-15px;right:-20px;width:28px;height:1px;background:#D9D9D9;}
#mainpage .main-intro .con-tit h3{font-size:80px;font-weight:800;}
#mainpage .main-intro .con-txt>p{font-size:26px;}
#mainpage .main-intro .intro-certify-img{width:630px;margin-bottom:56px;}
#mainpage .main-intro .elevator-wrap{position:relative;}
#mainpage .main-intro .elevator-door1{position:absolute;top:34px;left:50%;margin-left:-226px;}
#mainpage .main-intro .elevator-door2{position:absolute;top:34px;left:50%;}
#mainpage .main-intro.on .elevator-door1{animation:door1 7s infinite forwards;}
#mainpage .main-intro.on .elevator-door2{animation:door2 7s infinite forwards;}
#mainpage .main-intro .vid-area{width:100%;}
#mainpage .main-intro .vid-area video{width:100%;}


@keyframes door1 {
  0% { transform: translateX(0); }
  50% { transform: translateX(-200px); }
  100% { transform: translateX(0); }
}

@keyframes door2 {
  0% { transform: translateX(0); }
  50% { transform: translateX(200px); }
  100% { transform: translateX(0); }
}

/*about*/
#mainpage .main-about h3{font-size:200px;font-weight:500;}
#mainpage .main-about .con-tit p{margin-top:20px;font-size:28px;color: rgba(255, 255, 255, 0.80);}
#mainpage .main-about .con-tit{margin-bottom:130px;}
#mainpage .main-about .swiper-wrapper{flex-direction: column;}
#mainpage .main-about .swiper-slide{position:relative;width:100%;height:450px;margin-bottom:25px;}
#mainpage .main-about .swiper-slide:nth-child(2n+1){display:flex;justify-content: flex-end;}
#mainpage .main-about .swiper-slide .swip-con{position:relative;height:100%;gap:20px;}
/* #mainpage .main-about .swip-img{position:absolute;top:0;left:0;width:450px;height:450px;border-radius:32px;transition: transform 0.3s ease-in-out;} */
#mainpage .main-about .swip-img{width:450px;height:450px;border-radius:32px;}
#mainpage .main-about .s1 .swip-img{background:url(../img/main/about_img1.png) no-repeat center center;background-size:cover;}
#mainpage .main-about .s2 .swip-img{background:url(../img/main/about_img2.png) no-repeat center center;background-size:cover;}
#mainpage .main-about .s3 .swip-img{background:url(../img/main/about_img3.png) no-repeat center center;background-size:cover;}
/* #mainpage .main-about .swip-txt{display:flex;position:absolute;top:0;left:0;z-index:9;width:450px;height:450px;padding:32px;border-radius:32px;background:#fff;color:#3E3E3E;font-size:20px;line-height:1.6;flex-direction:column;justify-content: space-between;} */
#mainpage .main-about .swip-txt{display:flex;z-index:9;width:450px;height:450px;padding:32px;border-radius:32px;background:#fff;color:#3E3E3E;font-size:20px;line-height:1.6;flex-direction:column;justify-content: space-between;}

#mainpage .main-about .swip-txt p{margin-bottom:20px;}
#mainpage .main-about .swip-txt h4{position:relative;font-size:40px;font-weight:800;color:#DD372B;line-height:1.3;font-family: 'Pretendard';}
#mainpage .main-about .swip-txt h4::before{content:'';display:block;width:40px;height:40px;margin-bottom:20px;background:url(../img/main/about_slide_deco.png) no-repeat center;background-size: 37px;}
#mainpage .main-about .con-wrap{position:relative;}
#mainpage .main-about .bg{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:85%;}
#mainpage .main-about .about-swip-page{display:none;}

/*프로젝트*/
/* #mainpage .main-project .marquee {width: var(--marquee-width);height: var(--marquee-height);margin:0 auto;margin-bottom:10px;overflow: hidden;position: relative;}
#mainpage .main-project .marquee-content {height: 100%;display: flex;animation: scrolling2 var(--marquee-animation-duration) linear infinite;}
#mainpage .main-project .marquee2 .marquee-content{animation:scrolling calc(var(--marquee-animation-duration)*2) linear infinite; }
  @keyframes scrolling {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); }
  }

  @keyframes scrolling2 {
    0% {
        transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)));;
      }
      100% {
        transform: translateX(-100%);
      }
  } */
  /* #mainpage .main-project .marquee-content li {display: flex;justify-content: center;align-items: center;flex-shrink: 0;width: var(--marquee-element-width);max-height: 100%;}
   */
  #mainpage .main-project .con-top{align-items: flex-end;margin-bottom:80px;}
  #mainpage .main-project .swiper-slide .bg{display:block;width:calc(100% - 10px);height:100%;border-radius:12px;overflow:hidden;}
  #mainpage .main-project .con-top h3{font-size:200px;margin-bottom:25px;}
  #mainpage .main-project .con-top p{font-size:28px;color:rgba(255, 255, 255, 0.80);line-height:1.5;}
  #mainpage .main-project .more-btn{font-size:32px;font-weight:600;color:#DD372B;gap:20px;}
  #mainpage .main-project .con-wrap{padding:42px 0;border-top:1px solid rgba(255, 255, 255, 0.30);border-bottom:1px solid rgba(255, 255, 255, 0.30);}

  #mainpage .main-project div[class*="marquee-swip"] {
    width: 100%;
    height: 100%;
    position: relative;
    margin-bottom:20px;
   
  }
  #mainpage .main-project .swiper-wrapper{
    -webkit-transition-timing-function:linear!important;transition-timing-function:linear!important; 
    position: relative;
  }

  #mainpage .main-project .marquee-swip2{direction:rtl;}


  #mainpage .main-project .swiper-slide {
    text-align: center;
    font-size: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 270px;
    position: relative;
    overflow: hidden;
    padding: 0 5px;
    height:170px;
  }

  #mainpage .main-project .marquee1 .s1 .bg{background:url(../img/main/project/1.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee1 .s2 .bg{background:url(../img/main/project/2.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee1 .s3 .bg{background:url(../img/main/project/3.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee1 .s4 .bg{background:url(../img/main/project/4.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee1 .s5 .bg{background:url(../img/main/project/5.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee1 .s6 .bg{background:url(../img/main/project/6.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee1 .s7 .bg{background:url(../img/main/project/7.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee1 .s8 .bg{background:url(../img/main/project/8.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee1 .s9 .bg{background:url(../img/main/project/9.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee1 .s10 .bg{background:url(../img/main/project/10.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee1 .s11 .bg{background:url(../img/main/project/11.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee1 .s12 .bg{background:url(../img/main/project/12.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee1 .s13 .bg{background:url(../img/main/project/13.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee1 .s14 .bg{background:url(../img/main/project/14.jpg) no-repeat center;background-size:cover;}

  #mainpage .main-project .marquee2 .s1 .bg{background:url(../img/main/project/15.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee2 .s2 .bg{background:url(../img/main/project/16.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee2 .s3 .bg{background:url(../img/main/project/17.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee2 .s4 .bg{background:url(../img/main/project/18.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee2 .s5 .bg{background:url(../img/main/project/19.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee2 .s6 .bg{background:url(../img/main/project/20.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee2 .s7 .bg{background:url(../img/main/project/21.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee2 .s8 .bg{background:url(../img/main/project/22.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee2 .s9 .bg{background:url(../img/main/project/23.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee2 .s10 .bg{background:url(../img/main/project/24.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee2 .s11 .bg{background:url(../img/main/project/25.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee2 .s12 .bg{background:url(../img/main/project/26.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee2 .s13 .bg{background:url(../img/main/project/27.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee2 .s14 .bg{background:url(../img/main/project/28.jpg) no-repeat center;background-size:cover;}

  #mainpage .main-project .marquee3 .s1 .bg{background:url(../img/main/project/29.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee3 .s2 .bg{background:url(../img/main/project/30.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee3 .s3 .bg{background:url(../img/main/project/31.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee3 .s4 .bg{background:url(../img/main/project/32.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee3 .s5 .bg{background:url(../img/main/project/33.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee3 .s6 .bg{background:url(../img/main/project/34.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee3 .s7 .bg{background:url(../img/main/project/35.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee3 .s8 .bg{background:url(../img/main/project/36.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee3 .s9 .bg{background:url(../img/main/project/37.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee3 .s10 .bg{background:url(../img/main/project/38.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee3 .s11 .bg{background:url(../img/main/project/39.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee3 .s12 .bg{background:url(../img/main/project/40.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee3 .s13 .bg{background:url(../img/main/project/41.jpg) no-repeat center;background-size:cover;}
  #mainpage .main-project .marquee3 .s14 .bg{background:url(../img/main/project/42.jpg) no-repeat center;background-size:cover;}





  /*프로세스*/
  #mainpage .main-process .call-marquee {overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;height: 250px;width: 100%;white-space: nowrap;}
  #mainpage .main-process .call-marquee .marquee-inner {display: flex;width: 7540;position: absolute;animation: marquee 30s linear infinite;}
  #mainpage .main-process .marquee-txt {display:flex;width: 3770px;overflow: hidden;align-items: center;line-height:1;}
  #mainpage .main-process .marquee-txt img{width:3770;}
  @keyframes marquee {
    0% {
      left: 0;
    }
    100% {
      left: -3770px;
    }
  }
  #mainpage .main-process .inner> .con-tit{margin-bottom:40px;}
  #mainpage .main-process .con-tit h3{font-size:70px;font-weight:700;line-height:1.3;}
  #mainpage .main-process li{gap:40px;margin-bottom:40px;}
  #mainpage .main-process .process-ico{display:flex;width:132px;height:132px;align-items:center;justify-content:center;background:#fff;border-radius:50%;}
  #mainpage .main-process .con-wrap>div{width:50%;}
  #mainpage .main-process .con-tit p{font-size:18px;font-weight:600;color:#DD372B;}
  #mainpage .main-process .con-tit h4{margin:7px 0 10px;font-size:28px;font-weight:600;}
  #mainpage .main-process .con-txt>p{font-size:20px;line-height:1.7;color:rgba(255,255,255,.5);}
  #mainpage .main-process .process-swip{width:500px;height:920px;}
  #mainpage .main-process .process-swip .swiper-slide{border-radius: 32px;overflow:hidden;}
  #mainpage .main-process .process-swip .swiper-slide .bg{position:absolute;top:0;left:0;width:100%;height:100%;}
  #mainpage .main-process .process-swip .swiper-slide.s1 .bg{background:url(../img/main/process_img1.png) no-repeat center center;background-size: cover;}
  #mainpage .main-process .process-swip .swiper-slide.s2 .bg{background:url(../img/main/process_img2.png) no-repeat center center;background-size: cover;;}
  #mainpage .main-process .process-swip .swiper-slide.s3 .bg{background:url(../img/main/process_img3.png) no-repeat center center;background-size: cover;;}
  #mainpage .main-process .process-swip .swiper-slide.s4 .bg{background:url(../img/main/process_img4.png) no-repeat center center;background-size: cover;;}
  #mainpage .main-process .swiper-pagination-bullets{display:flex;width:auto;flex-direction: column;gap:30px;align-items:center;}
  #mainpage .main-process .swiper-pagination-bullet{width:85px;height:85px;opacity:1;}
  #mainpage .main-process .swiper-pagination-bullet-active{position:relative;width:116px;height:116px;border:5px solid #fff;}
  #mainpage .main-process .swiper-pagination-bullet-active::before{content:'';position:absolute;top:50%;left:50%;z-index:9;width:110px;height:110px;border-radius:50%;border:5px solid #00378A;transform:translate(-50%, -50%);}
  #mainpage .main-process .swiper-pagination-bullet:nth-child(1){background:url(../img/main/process_img1.png) no-repeat center center;background-size: cover;}
  #mainpage .main-process .swiper-pagination-bullet:nth-child(2){background:url(../img/main/process_img2.png) no-repeat center center;background-size: cover;}
  #mainpage .main-process .swiper-pagination-bullet:nth-child(3){background:url(../img/main/process_img3.png) no-repeat center center;background-size: cover;}
  #mainpage .main-process .swiper-pagination-bullet:nth-child(4){background:url(../img/main/process_img4.png) no-repeat center center;background-size: cover;}
  
  

  /*종류*/
  #mainpage .main-type .con-top{margin-bottom:80px;}
  #mainpage .main-type .con-top .inner{align-items:flex-end;}
  #mainpage .main-type .con-top .con-tit h3{font-size:70px;font-weight:700;}
  #mainpage .main-type .swip-nav>div{display:flex;width:80px;height:80px;align-items: center;justify-content:center;border-radius:50%;border:1px solid #fff;cursor: pointer;}
  #mainpage .main-type .swip-nav>div:last-child{margin-left:14px;}
  #mainpage .main-type .con-wrap{position:relative;width:1400px;margin:0 auto;overflow:visible;}
  /* #mainpage .main-type .swip-con{position:absolute;top:0;left:0;height:100%;} */
  #mainpage .main-type .swiper-slide{width:389px;height:100%;text-align:center;}
  #mainpage .main-type .swiper-slide .con-img{width:100%;height:389px;margin-bottom:20px;border-radius:32px;background:#fff;overflow:hidden;}
  /* #mainpage .main-type .swiper-slide:hover .con-img{transition:.5s;} */
  #mainpage .main-type .swiper-slide.s1 .con-img{background:#fff url(../img/sub/product/product_1.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s2 .con-img{background:#fff url(../img/sub/product/product_2.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s3 .con-img{background:#fff url(../img/sub/product/product_3.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s4 .con-img{background:#fff url(../img/sub/product/product_4.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s5 .con-img{background:#fff url(../img/sub/product/product_5.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s6 .con-img{background:#fff url(../img/sub/product/product_6.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s7 .con-img{background:#fff url(../img/sub/product/product_7.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s8 .con-img{background:#fff url(../img/sub/product/product_8.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s9 .con-img{background:#fff url(../img/sub/product/product_9.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s10 .con-img{background:#fff url(../img/sub/product/product_10.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s11 .con-img{background:#fff url(../img/sub/product/product_11.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s12 .con-img{background:#fff url(../img/sub/product/product_12.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s13 .con-img{background:#fff url(../img/sub/product/product_13.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s14 .con-img{background:#fff url(../img/sub/product/product_14.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s15 .con-img{background:#fff url(../img/sub/product/product_15.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s16 .con-img{background:#fff url(../img/sub/product/product_16.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s17 .con-img{background:#fff url(../img/sub/product/product_17.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s18 .con-img{background:#fff url(../img/sub/product/product_18.jpg) no-repeat center center;background-size:cover;}

  /* #mainpage .main-type .swiper-slide.s1:hover .con-img{background:url(../img/main/type_slide1_hover.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s2:hover .con-img{background:url(../img/main/type_slide1_hover.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s3:hover .con-img{background:url(../img/main/type_slide1_hover.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s4:hover .con-img{background:url(../img/main/type_slide1_hover.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s5:hover .con-img{background:url(../img/main/type_slide1_hover.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s6:hover .con-img{background:url(.../img/main/type_slide1_hover.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s7:hover .con-img{background:url(../img/main/type_slide1_hover.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s8:hover .con-img{background:url(../img/main/type_slide1_hover.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s9:hover .con-img{background:url(../img/main/type_slide1_hover.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s10:hover .con-img{background:url(../img/main/type_slide1_hover.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s11:hover .con-img{background:url(../img/main/type_slide1_hover.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s12:hover .con-img{background:url(../img/main/type_slide1_hover.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s13:hover .con-img{background:url(../img/main/type_slide1_hover.jpg) no-repeat center center;background-size:cover;}
  #mainpage .main-type .swiper-slide.s14:hover .con-img{background:url(../img/main/type_slide1_hover.jpg) no-repeat center center;background-size:cover;} */
  #mainpage .main-type .swiper-slide h4{margin-bottom:5px;font-size:24px;font-weight:600;}
  #mainpage .main-type .swiper-slide p{font-size:18px;color:#C8C8C8;}
  #mainpage .main-type .swiper-container-horizontal>.swiper-scrollbar{display:none;position:static;background:rgba(255, 255, 255, 0.15);}
  #mainpage .main-type .swiper-scrollbar-drag{background:#fff;}
  #mainpage .main-type .swip-con{min-width:2000px;}