@charset "UTF-8";

.swiper {
      overflow: hidden;
	/*margin:0 auto;*/
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;

      /* 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;
    }

    /* 페이지네이션 모양 추가css*/
    /*.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }*/
    .swiper-pagination-bullet { width: 15px; height: 15px; background: transparent; /*border: 1px solid #1e62ec;*/ opacity: 1; background:#cdcdcd;}
    .swiper-pagination-bullet-active { width: 35px; transition: width .5s; border-radius: 50px; background: #1e62ec; border: 1px solid transparent; }

    /* 스와이퍼 끝에 투명효과 
    .swiper:after{
        content: "";
        position: absolute; right: 0; top: 0;
        width: 170px; height: 100%;
        background-image: linear-gradient(to right, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.69) 40%, #ffffff);
        z-index: 1;
    }*/


  .swiper-pagination{bottom:30px;}
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
  .swiper-pagination-bullet{background:#fff; width:20px; height:20px; margin-left:12px;}
  .swiper-pagination-bullet-active{background:#fca000;}