/* SVG 스타일 */
svg {
    position: fixed;
    top: 88%;
    margin-left: 5px;;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    opacity: 0.7;
    z-index: 9999;
}

 /* 애니메이션을 통해 그라데이션 색상 변화 */
 .gradient-circle {
    animation: gradientAnimation 3.2s infinite;
  }

  /* 회전 애니메이션을 text에 적용 */
  text {
    animation: rotateText 18s linear infinite; /* 기본 회전 속도 */
    transform-origin: 50% 50%; /* 회전 중심을 원의 중앙으로 설정 */
    z-index: 9999;
  }

  @keyframes rotateText {
    100% {
      transform: rotate(360deg);
    }
  }

  /* 그라데이션 색상 변화 애니메이션 */
  @keyframes gradientAnimation {
    0% {
      stop-color: #337eff;
    }
    25% {
      stop-color: #33ffdd;
    }
    50% {
      stop-color: #96ff33;
    }
    75% {
      stop-color: #ffee33;
    }
    100% {
      stop-color: #ff005d;
    }
  }

/***********************************************************************/
/********************* 콘텐츠 반응형세팅 **********************************/
@media screen and (max-width: 1023px) {
    svg {
        display: none;
   }
}

@media screen and (max-height: 767px) {
    svg {
        display: none;
   }
}
/***********************************************************************/
/********************* 콘텐츠 반응형세팅 끝**********************************/