#slider-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100vw;
  height: 100vh;
}

.slider {
  position: relative;
  width: 100vw;
  height: 90vh;
}

.slider_item {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}

.active {
  opacity: 1;
}

.slider1 {
  background: url("../img/kakao1.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.slider2 {
  background: url("../img/kakao2.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.slider3 {
  background: url("../img/kakao3.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.slider4 {
  background: url("../img/kakao4.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.btn-left, .btn-right {
  position: absolute;
  top: 40%;
}

.btn-right {
  right: 0;
}

.num-btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  height: 2%;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.btn-info {
  width: 1%;
  margin: 0 1%;
  bottom: 0;
  right: 50%;
}

.btn-light :active {
  background-color: #ffd414;
}

.sliide-No {
  display: none;
}
/*# sourceMappingURL=kakaoSliderClone.css.map */