.scroll-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;

    overflow-y: auto;
    scroll-snap-type: y mandatory;
}

.scroll-container > .web > header,
.scroll-container > .web > section {
    width: 100%;
    height: 100vh;

    scroll-snap-align: start;
    scroll-snap-stop: always;
}


/*토스트 메시지*/
.scroll-down-prompt-container {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 180px;
    height: 180px;

    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    display: flex;

    justify-content: center;
    align-items: center;

    opacity: 0;
    visibility: visible;
    z-index: 10;

    animation: slide-up 1s 0.5s ease-in-out forwards;
}

.scroll-down-prompt-container.hidden {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

.scroll-down-prompt {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.scroll-down-prompt span {
    color: white;
    font-size: 1rem;
    margin-bottom: 15px;
}

.arrow-down {
    width: 20px;
    height: 20px;
    border: 2px solid white;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
}

.site-footer{
    scroll-snap-align: start;
}