/* common.css */


@media screen and (min-width:1921px){

}

@media screen and (min-width:1024px) and (max-width: 1920px){

}

@media screen and (min-width:1501px) and (max-width: 1920px){

}

@media screen and (min-width:1025px) and (max-width: 1500px){

}

@media screen and (min-width:768px) and (max-width:1024px){

}
@media screen and (max-width: 768px){

}



/*애니메이션효과*/
/* 기본: fade 계열의 요소들 초기 상태 통일 */
[class*="fade-"], .reveal {
  position: relative;
  /* 기본은 보이지 않게 (fade-in/left/right/up/down 용) */
  opacity: 0;
  transition: opacity 0.2s;
}
.reveal.active {
  opacity: 1;
}

.active.fade-up {
  animation: fade-up 0.6s ease-in forwards;
}
@keyframes fade-up {
  0% { transform: translateY(50px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}

.active.fade-in {
  animation: fade-in 0.8s ease-in forwards;
}
@keyframes fade-in {
  0% { opacity: 0; transform: none; }
  100% { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .active.fade-up,
  .active.fade-in {
    animation: none;
  }
	
	
}

/*tel 링크 색상*/
a[href^="tel"],
a[href^="sms"] {
  color: inherit !important;       
  text-decoration: none !important;   
  cursor: default !important; 
  -webkit-text-decoration-color: transparent !important;
  -webkit-tap-highlight-color: transparent;
}