@charset "utf-8";

#wrap {
    height: 1080px;
}
#container {
    padding: 38px 50px;
}

@keyframes blink-box {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

.animation_area {
    width: 800px;
    margin: 0 auto;
    overflow: hidden;
    /* font-size: 0; */
    display: flex;
    flex-direction: column;
}
.animation_area img {
    width: 100%;
}
.scroll {
    padding-right: 10px;
    overflow-y: scroll;
    height: 99%;
    overflow-x: hidden;
}

/* 태블릿 디바이스 */
@media screen and (max-width: 1024px) {
    #wrap {
        transform: scale(1) !important;
        width: 100%;
        height: 100%;
        left: 0 !important;
    }
    #container {
        padding: 15px;
    }

    .animation_area {
        max-width: 90%;
        width: 100%;
    }
}

/* 모바일 디바이스 */
@media screen and (max-width: 768px) {
    #wrap {
        transform: scale(1) !important;
        width: 100%;
        height: 100%;
        left: 0 !important;
    }
    #container {
        padding: 10px;
    }

    .animation_area {
        max-width: 100%;
        width: 100%;
    }

    .scroll {
        padding-right: 5px;
    }
}