/* BASIC css start */
/* 멀티플 이미지 슬라이드 start */
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    
    .swiper-slide {
        width: 100%;
        text-align: center;
        font-size: 18px;
        background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    
    .swiper-img {
        width: 100%;
    }

     .swiper-pagination {
   position: absolute;
  margin: 0;
  top: 85%;

  transform: translate(0%, -50%);

     }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
        margin: 0 5px;
   }
    
    .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        text-align: center;
        line-height: 30px;
        font-size: 18px;
        color: #808080;
        opacity: 1;
        background: rgba(0, 0, 0, 0.2);
    }
    
    .swiper-pagination-bullet-active {
        color: #fff;
        background: #515151;
    }
    




    .swiper-button-next {
        width: 40px;
        height: 55px;
        background-size: 40px 55px;
        opacity: .9;
        /*was 0.2 and was impossible to see on some background images*/
         right: 3%;
        top: 60%;




    }
    
    .swiper-button-prev {
        width: 40px;
        height: 55px;
        background-size: 40px 55px;

        opacity: .9;
        /*was 0.2 and was impossible to see on some background images*/

         left: 3%;

        top: 60%;



    }
    






















    .swiper-text {
        position: relative;
    }
    
    .forced-center {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    swiper-comment {
        left: 50%;
        transform: translate(-50%, -50%);
    }

.swiper-slide-next {
        opacity: 0.3;
      }
      .swiper-slide-prev {
        opacity: 0.3;
      }












/* 멀티플 이미지 슬라이드 css end */


/* BASIC css end */