.spinner {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(38, 45, 55, 0.5);
        z-index: 9999;
    }

    .spinner .spinner-frame {
        position: absolute;
        left:50%;
        top:50%;
        transform: translate(-50%, -50%);
        width:auto;
        height:auto;
    }

    .spinner .spinner-frame .txt{
        margin-top: 10px;
        font-family: "Pretendard Medium";
        font-size: 16px;
        text-align: center;
        color: #fff;
    }

    #progress-bar {
        width: 340px;
        height: 12px;
        background-color: #ccd9e8;
        border-radius: 999px;
        overflow: hidden;
    }

    #progress-bar-fill {
        width: 0%;
        height: 100%;
        background-color: #2055be;
        transition: width 0.3s;
    }

    #progress-percentage {
        margin-bottom: 20px;
        font-family: "Pretendard Bold";
        font-size: 46px;
        text-align: center;
        color: #fff;
        line-height: 1;
    }