css js 문의드립니다. 채택완료

jQuery("#carousel").owlCarousel({

  autoplay: true,

  rewind: true, /* use rewind if you don't want loop */

  margin: 20,

   /*

  animateOut: 'fadeOut',

  animateIn: 'fadeIn',

  */

  responsiveClass: true,

  autoHeight: true,

  autoplayTimeout: 7000,

  smartSpeed: 800,

  nav: true,

  responsive: {

    0: {

      items: 1

    },

    600: {

      items: 3

    },

    1024: {

      items: 4

    },

    1366: {

      items: 4

    }

  }

});

 



 

  

 .owl-nav button {

  position: absolute;

  top: 50%;

  background-color: #000;

  color: #fff;

  margin: 0;

  transition: all 0.3s ease-in-out;

}

.owl-nav button.owl-prev {

  left: 0;

}

.owl-nav button.owl-next {

  right: 0;

}

.owl-dots {

  text-align: center;

  padding-top: 15px;

}

.owl-dots button.owl-dot {

  width: 15px;

  height: 15px;

  border-radius: 50%;

  display: inline-block;

  background: #ccc;

  margin: 0 3px;

}

.owl-dots button.owl-dot.active {

  background-color: #000;

}

.owl-dots button.owl-dot:focus {

  outline: none;

}

.owl-nav button {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background: rgba(255, 255, 255, 0.38) !important;

}

span {

    font-size: 70px;    

    position: relative;

    top: -5px;

}

.owl-nav button:focus {

    outline: none;

}