/* 
* 커서 new
*/
/* body:not(.none-cursor),
body:not(.is-hovering-slide) {
  cursor: unset;
}

body:not(.is-hovering-link):not(.is-hovering-slide):not(.none-cursor) {
  cursor: url("/img/common/ico_cursor.svg") 24 24, auto;
}

body:not(.none-cursor) a,
body:not(.none-cursor) a:hover {
  cursor: none;
}

body.none-cursor {
  cursor: none;
}

body.is-hovering-link {
  cursor: none;
}

body.is-hovering-slide {
  cursor: url("/img/common/ico_cursor_slide_brown.svg") 28 28, auto;
} */
body.none-cursor {
  cursor: none;
}

.cursor {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 9999;
}

.cursor .cursor-slide {
  position: absolute;
  width: 56px;
  height: 56px;
  background: url("/img/common/ico_cursor_slide_brown.svg") no-repeat center /
    28px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.15s ease;
  z-index: 9999;
}

.cursor .cursor-follower {
  position: absolute;
  width: 32px;
  height: 32px;
  background: url("/img/common/cursor_logo.svg") no-repeat 50% 50% / contain;
  background-color: rgba(255, 255, 255, 0.6);
  pointer-events: none;
  opacity: 0;
  z-index: 9999;
  transition: opacity 0.2s linear 0.3s;
}

/* 
* 커서 old
*/
/* body:not(.none-cursor) {
  cursor: unset;
}

body:not(.is-hovering-link):not(.is-hovering-slide):not(.none-cursor) {
  cursor: url(/img/common/ico_cursor.svg) 24 24, auto;
}

body:not(.none-cursor) a,
body:not(.none-cursor) a:hover {
  cursor: none;
}

body.is-hovering-link,
body.is-hovering-slide {
  cursor: none;
}

.cursor {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 9999;
}

body.none-cursor .cursor {
  display: none;
}

.circle {
  position: absolute;
  width: 20px;
  height: 20px;
  background: rgba(165, 117, 55, 0.7);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.circle._1 {
  width: 20px;
  height: 20px;
  opacity: 1;
  z-index: 3;
  transition: width 0.3s ease, height 0.3s ease;
}

.circle._2 {
  width: 20px;
  height: 20px;
  opacity: 0.6;
  z-index: 2;
}

.circle._3 {
  width: 20px;
  height: 20px;
  opacity: 0.3;
  z-index: 1;
}

.cursor_link,
.cursor_slide {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 13px;
  color: white;
  pointer-events: none;
  cursor: default;
}

.cursor[class*="is-"] .circle._1 {
  width: 50px;
  height: 50px;
}

.cursor[class*="is-"] .circle._2 {
  opacity: 0;
}

.cursor[class*="is-"] .circle._3 {
  opacity: 0;
}

.cursor.is-link .cursor_link {
  opacity: 1;
}

.cursor.is-slide .cursor_slide {
  opacity: 1;
} */

@media (max-width: 1024px) {
  body.none-cursor {
    cursor: initial;
  }

  .cursor {
    display: none;
  }
}