#wrap { background: #f6f7fb; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center;gap: 12rem;}

.img_wrap { text-align: center; }
.img_wrap img { width: 70%; max-width: 35rem;}

.loading_wrap { }
.loading_wrap .bar { position: relative; width: 55vw; max-width: 420px; margin: 0 auto;height:1rem; border-radius: 1rem; background:#c2c9d7;}
.loading_wrap .bar:after { content:''; position: absolute; max-width: 420px; height:1rem; border-radius: 1rem; background:#0974cc; -webkit-animation: loading 1.8s ; -o-animation: loading 1.8s; animation: loading 1.8s; animation-timing-function: ease-out;animation-fill-mode: both;}

@keyframes loading {
0% { width: 0vw;}
100% { width: 55vw;}
}

.loading_wrap .loading { font-size: 1.6rem; color: #0974cc; margin-top: 1.2rem; font-weight: 600; text-align: center;}