body {
    background-color: #e1f0ff;
}

#wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 15rem 0;
}
#wrap .img_wrap {
    width: 25rem;
}
#wrap .img_wrap img {
    width: 100%;
}

#wrap .load_wrap {
    width: 25rem;
}
#loadingbar{
    width: 100%;
    height: 0.8rem;
    background: #ffffff;
    margin: 20rem 0;
    position: relative;
}
.car {
    display: inline-block;
    position: absolute;
    width: 6rem;
    height: 6rem;
    background-image: url(../img/loading_icon.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    top: -5rem;
    left: 0%;
    animation: load-img 3s ease forwards;
}

#loading {
    display: inline-block;
    height: 0.8rem;
    width: 100%;
    background: #223657;
    animation: load 3s ease forwards;
}


#load{
    font-size: 1.6rem;
    font-weight: 800;
    text-align: center;
    margin-top: 1rem;
    color: #223757;
}

@keyframes load {
    0% {
        width: 2%; /* 로딩 시작 */
    }
    100% {
        width: 100%; /* 로딩 끝 */
    }
}

@keyframes load-img {
    0% {
        left: 0%; /* 로딩 시작 */
    }
    100% {
        left: 90%; /* 로딩 끝 */
    }
}