@charset "UTF-8";

:root {font-family: Pretendard, "Noto Sans KR", sans-serif;}

html,
body {
  /* overflow-x: hidden; */
}

.font-scdream {font-family: 'SCDream', 'Pretendard', 'Noto Sans KR', sans-serif;}

.frame .clock .time_box .loading {animation: spin 2s linear infinite;vertical-align:text-top; max-width: 20px;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}
@keyframes blink {
    50% {
        opacity: 0.0;
    }
}

.footer-section {
  height: auto !important;
  min-height: fit-content !important;
  overflow: visible !important;
}

.quick-call-btn {
    border: 2px solid transparent;
    border-radius: 9999px;
    color: #fff;

    background-image:
        linear-gradient(#A8957C, #A8957C),
        linear-gradient(135deg, #8E7A63, #D7C6A8, #FFFFFF);

    background-origin: border-box;
    background-clip: padding-box, border-box;

    animation: btnColorChange 3s ease-in-out infinite;
}

@keyframes btnColorChange {
	0% {
		background-image: linear-gradient(#000, #000), linear-gradient(135deg, #8E7A63, #D7C6A8, #FFFFFF); color: #fff;
	}
	25% {
		background-image: linear-gradient(#E2CD89, #E2CD89), linear-gradient(135deg, #8E7A63, #D7C6A8, #FFFFFF); color: #000;
	}
	50% {
		background-image: linear-gradient(#000, #000), linear-gradient(135deg, #8E7A63, #D7C6A8, #FFFFFF); color: #fff;
	}
	75% {
		background-image: linear-gradient(#E2CD89, #E2CD89), linear-gradient(135deg, #8E7A63, #D7C6A8, #FFFFFF); color: #000;
	}
	100% {
		background-image: linear-gradient(#000, #000), linear-gradient(135deg, #8E7A63, #D7C6A8, #FFFFFF); color: #fff;
	}
}

.fade-up {
    opacity: 0;
    transform: translateY(40px);
    transition:
        opacity .8s ease,
        transform .8s ease;
}

.fade-up.show {
    opacity: 1;
    transform: translateY(0);
}