<!-- 제이쿼리 불러오기 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

<!-- slidk 불러오기 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.min.css">

<div class="slider-box-1">
  <div class="slider">
    <div>
      <img src="http://aliceskin.com/filedata/md_banner/20191121183423_rvpTYjwi_top-popup.jpg" alt="">
    </div>
    <div>
      <img src="http://aliceskin.com/filedata/md_banner/20180507163749_irCVMKA2_EC9DB4EBB0B4EB939C-EC8381EB8BA8-EBB0B0EB8488.jpg" alt="">
    </div>
  </div>
</div>
body {
  background-color:black;
}

body, ul, li {
  margin:0;
  padding:0;
  list-style:none;
}

.slider-box-1 {
  width:1280px;
  margin:0 auto;
}

.slider-box-1 > .slider > .slick-dots {
  position:absolute;
  top:0;
  bottom:auto;
  left:0;
  width:auto;
}
$('.slider-box-1 > .slider').slick({
  dots: true,
  arrows: false,
  autoplay: true,
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.