@font-face {
  font-family: 'DesignHouse';
  src: url('../fonts/designhouseLight.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'DesignHouse';
  src: url('../fonts/designhouseBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

body {
    font-family: 'TheJamsil5Bold', 'Noto Sans KR', sans-serif;
  }
.noUi-target {
    background: #e5e7eb; /* Tailwind gray-200 */
    border-radius: 0.5rem;
    height: 6px;
  }
.noUi-connect {
    background: #6366f1; /* Tailwind indigo-500 */
  }
.noUi-handle {
  background: white !important;
  border: 2px solid #6366f1 !important; /* 보라색 테두리 */
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  top: -7px !important; /* 바 위에 걸치도록 */
  cursor: grab !important;
  z-index: 10 !important;
}
.noUi-handle:active {
  cursor: grabbing !important;
}
/* 크롬, 사파리, 엣지 (웹킷 기반 브라우저) */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  appearance: none !important;
  margin: 0;
}

/* 파이어폭스 */
input[type=number] {
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}

/* index AD Slide */
#ad-carousel {
  perspective: 1000px;
}

.ad-slide {
  width: 240px;
  height: 320px;
  object-fit: cover;
  transition: all 0.6s ease;
  opacity: 0;
  transform: scale(0.8);
  filter: blur(2px);
  cursor: pointer;
}

/* 가운데 */
.ad-slide.center {
  opacity: 1;
  transform: translateX(0) scale(1);
  filter: blur(0);
  z-index: 3;
}

/* 왼쪽 */
.ad-slide.left {
  opacity: 0.6;
  transform: translateX(-260px) scale(0.8);
  z-index: 2;
}

/* 오른쪽 */
.ad-slide.right {
  opacity: 0.6;
  transform: translateX(260px) scale(0.8);
  z-index: 2;
}

/* 안 보이는 것 */
.ad-slide.hidden {
  opacity: 0;
  z-index: 1;
}