<!-- 제이쿼리 불러오기 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<!--제이쿼리 버젼 2.2.4을 cdnjs에서 복사하기 불러오기를 한다.   -->

<!-- slidk 불러오기 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<!--슬릭슬라이드를 cdnjs에서 복사하기 불러오기를 한다.  js부분 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.css">
<!--슬릭슬라이드를 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,
});