.loading-layer {
    width:100%;
    height:100vh;
    padding:0 15px;
    background:rgba(0,0,0,0.7);
    position:fixed;
    top:0;
    left:0;
    z-index:9999999;
    display:flex;
    justify-content:center;
    align-items:center;
}
.loading-layer .load-box {
    width:100%;
}
.loading-layer .load-box .animate-wrap {
    width:100%;
    max-width:200px;
    height:100px;
    margin:0 auto 22.5px;
    overflow:hidden;
    display:flex;
    justify-content:center;
}

.loading-layer .load-box .animate-wrap img {
    width:100%;
    object-fit:contain;
}

.loading-layer .load-box p {
    width:100%;
    margin-bottom:20px;
    font-size:22px;
    color:white;
    font-weight:500;
    font-family:'Noto Sans KR';
    line-height:22px;
    text-align:center;
}
.loading-layer .load-box > span {
    display:block;
    width:100%;
    font-size:14px;
    color:#525783;
    line-height:14px;
    text-align:center;
    font-family:'Roboto';
    font-weight:700;
}
.loading-layer .load-box > span:after {
    content:'';
    animation:loadingDot 2s infinite;
}
@keyframes loadingDot {
    0% {content:'';}
    33% {content:'.';}
    67% {content:'..';}
    100% {content:'...';}
}