@charset "utf-8";

/* 스크롤 이벤트 버튼 */
#linkButton,#scrollToTopBtn { z-index: 999; position: fixed; background: none; right: 30px; border: none; font-size: 18px; cursor: pointer; display: none; }
#linkButton{ position: relative; margin-bottom: 25px; }
#scrollToTopBtn img, #linkButton img { width: 60px; height: 60px; }

#snsLinks { position: fixed; opacity: 0; margin-bottom: 30px; right: 29.8px; background-color: #fff; border: 1px solid #dadada;
 border-radius: 60px; padding: 5px 65px 5px 15px; z-index: 998; transform: translateY(20px); transition: transform 0.3s ease-out; }

 #snsLinks.active {
  opacity: 1;
  transform: translateY(0);
}

#snsLinks img{
 width: 50px;
 height: 50px;
}     

#snsLinks:hover {
opacity: 1; transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
}

  /* @media (max-width: 768px) {
      스크롤 이벤트

      #scrollToTopBtn img, #linkButton img{ width: 13vw; height: 6.5vh; }
      #snsLinks { margin-bottom: 30px; right: 29.8px; border-radius: 60px; padding: 0px 65px 0px 15px; }
      #snsLinks img{ width: 13vw; height: 6.5vh; }
  } */

  @media (max-width: 480px) {
    /* 스크롤 이벤트 */
    #scrollToTopBtn img, #linkButton img{ width: 13vw; height: 6.5vh; }
      #snsLinks { opacity: 0; margin-bottom: 28px; right: 29.8px; border-radius: 60px; padding: 5px 53px 2px 9px; }
      #snsLinks img{ width: 11vw; height: 5.5vh; }
      #snsLinks.active {opacity: 1;transform: translateY(0);}
      
  }