@charset "UTF-8";

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

.frame .clock .time_box .loading {animation: spin 2s linear infinite;vertical-align:text-top;}
@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;
}

.swiper-button-next, .swiper-button-prev {
    color: #000000 !important;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    position: relative;
    margin-top: 31px;
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 15px)) !important;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 15px)) !important;
    background: #D9D9D9 !important;
}

.swiper-pagination-bullet-active {
    background: #6831D7 !important;
}

.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    height: 8px !important;
    border-radius: 0 !important;
}

.swiper-scrollbar-drag {
    background: #ffffff !important;
    border-radius: 0 !important;
}

@media screen and (max-width: 768px){
    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 20px !important;
    }
}


.border-gradient {
    padding: 3px;
    background: linear-gradient(45deg, #72f2c1, #33c1ff);
    display: inline-block;
}