@charset "UTF-8";
/* 오버레이 */
/*어드민 디자인*/
/* @import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,300'); */
/* @import url('https://fonts.googleapis.com/css?family=Lato:700,900'); */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:300,400,500,700,900");
/*============================*/
/*@mixin center() {
    top: $percentage;
    left: $percentage;
    transform: translate(-$percentage, -$percentage);
}*/
ul, li {
  list-style-type: none;
}

@keyframes left-in-tex {
  0% {
    margin-left: -150%;
    opacity: 0;
  }
  100% {
    margin-left: 0%;
    opacity: 1;
  }
}
@keyframes right-in {
  0% {
    left: 100%;
    opacity: 1;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes rightIn-box {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes rightIn-tex {
  0% {
    transform: translateX(-150%);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes rightIn-over {
  0% {
    transform: translateX(100%);
    opacity: 1;
  }
  40% {
    transform: translateX(0%);
    opacity: 1;
  }
  60% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    opacity: 1;
  }
}
@keyframes rightIn-over2 {
  0% {
    transform: translateX(0%);
    opacity: 1;
  }
  40% {
    transform: translateX(0%);
    opacity: 1;
  }
  60% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    opacity: 1;
  }
}
@keyframes rightIn-over4 {
  0% {
    transform: translateX(-100%);
    opacity: 1;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes Box1 {
  0% {
    transform: translateY(-120%);
    opacity: 1;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes Box2 {
  0% {
    transform: translateX(120%);
    opacity: 1;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes Box3 {
  0% {
    transform: translateX(-120%);
    opacity: 1;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes Box4 {
  0% {
    transform: translateY(120%);
    opacity: 1;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
/*view cart*/
#miniCart_wrap {
  z-index: 9000;
  position: fixed;
  top: 40px;
  right: 20px;
  width: 100%;
  max-width: 450px;
  border: 1px solid #e8ebef;
}

#miniCart {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
}

#miniCart .cart_item {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px;
}

#miniCart .cart_item .contain {
  width: 100%;
  display: flex;
  align-items: center;
}

#miniCart .cart_item .contain .col_3 {
  width: 20%;
}

#miniCart .cart_item .contain .col_5 {
  width: 65%;
  display: flex;
  flex-direction: column;
  font-size: 15px;
  padding: 0 15px;
}

#miniCart .cart_item .contain .col_5 .name {
  width: 100%;
  margin-bottom: 7px;
}

#miniCart .cart_item .contain .col_5 .name a {
  font-size: 15px;
  font-weight: 700;
}

#miniCart .cart_item .contain .col_2 {
  width: 15%;
}

#miniCart .cart_item .contain .col_2 button {
  padding: 3px 5px;
  font-size: 12px;
  line-height: 12px;
  background-color: #ff5d57;
  color: #ffffff;
}

#clearfix {
  width: 100%;
  height: auto;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: white;
}

#clearfix .action-btn {
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 45px;
  background-color: #458fa6;
  color: #ffffff;
  cursor: pointer;
}

@media (max-width: 768px) {
  #miniCart_wrap {
    z-index: 9000;
    position: absolute;
    width: 100%;
    margin: auto;
    max-width: 450px;
    border: 1px solid #e8ebef;
  }
}
@media (max-width: 576px) {
  #miniCart_wrap {
    z-index: 9000;
    position: absolute;
    margin: auto;
    width: 100%;
    max-width: 350px;
    border: 1px solid #e8ebef;
  }
}

/*# sourceMappingURL=style.css.map */