@charset "utf-8";

* {
  font-family: 'Pretendard';
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  letter-spacing: -.02rem;
}

html {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
  margin: 0 auto;
}

div, p, a, span, em {
  word-break: keep-all;
  letter-spacing: -.02rem;
}

button, select {
  outline: none;
  background-color: transparent;
  cursor: pointer;
}

input, textarea {
  outline: none;
  background-color: transparent;
  color: inherit;
  resize: none;
}

img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}

.scroll-fade-up {
  opacity: 0 !important;
  transform: translateY(40px) !important;
  will-change: opacity, transform;
  backface-visibility: hidden;
}

.animations-ready .scroll-fade-up {
  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
  opacity: 0;
  transform: translateY(40px);
}

.animations-ready .scroll-fade-up.animated {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.scroll-fill {
  background-image: linear-gradient(to right, #705d4f 0%, #705d4f 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  background-position: left center;
  transition: background-size 0.7s ease-out;
}

.scroll-fill.animated {
  background-size: 100% 100% !important;
}
.slider-container {
  animation: slideRight 20s linear infinite;
  display: flex;
  gap: 16px;
}

@keyframes slideRight {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

.slide-image {
  flex-shrink: 0;
}

#drag-container {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  scroll-behavior: smooth;
}

.cursor-grab {
  cursor: grab;
}

.cursor-grabbing {
  cursor: grabbing;
}
 
@keyframes fillLine {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

.animate-line {
  animation: fillLine 3s ease-out forwards;
}

.icon_selection {
  font-family: 'FontAwesome', 'Pretendard' !important;
}

/* 스크롤바를 숨기는 CSS */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}