html body.bootpay-open {
    position      : static !important;
    left          : initial !important;
    right         : initial !important;
    bottom        : initial !important;
    top           : initial !important;
    margin        : initial !important;
    margin-left   : auto !important;
    margin-right  : auto !important;
    height        : initial !important;
    padding-right : 5px;
}

html .content-wrapper {
    padding-left  : 0;
    padding-right : 0;
}

html .content-wrapper {
    padding-left  : 94px;
    padding-right : 94px;
}

html header.header {
    position : fixed;
    z-index  : 10;
    top      : 0;
    left     : 0;
    width    : 100%;
    display  : flex;
    padding  : 40px 44px;
}

html header.header > * {
    margin-top    : auto;
    margin-bottom : auto;
    min-width     : fit-content;
}

html header.header > ._logo {
    cursor : pointer;
}

html .content-wrapper > section {
    position : relative;
}

html .content-wrapper > section > .container-fluid {
    padding-top : 0;
}

html .content-wrapper > section:not(._hero):not(._cta) {
    padding-top    : 128px;
    padding-bottom : 128px;
}

html .content-wrapper.detail-wrapper > section._info,
html .content-wrapper.inquiry-wrapper > section._inquiry,
html .content-wrapper.store-wrapper > section._info,
html .content-wrapper.story-wrapper > section._info {
    padding-top : 256px;
}

html footer.footer {
    margin-left      : -94px;
    margin-right     : -94px;
    padding          : 24px;
    background-color : var(--basic-black);
    color            : var(--basic-white);
}

html footer.footer .footer-wrapper {
    margin-top    : -22px;
    margin-bottom : -22px;
}

html footer.footer .footer-wrapper > div {
    margin-top    : 22px;
    margin-bottom : 22px;
}

.floatings {
    width         : fit-content;
    height        : fit-content;
    position      : fixed;
    bottom        : 40px;
    right         : 40px;
    z-index       : 10;
    border-radius : 64px;
}

.floatings > * {
    width            : 64px;
    height           : 64px;
    border-radius    : 64px;
    background-color : var(--basic-white);
    display          : flex;
    justify-content  : center;
    /* Floating-btn */
    filter           : drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.35));
    cursor           : pointer;
}

.floatings > * > * {
    margin           : auto;
    background-color : var(--basic-black);
    width            : 62px;
    height           : 62px;
    border-radius    : 64px;
    position         : relative;
}

.floatings > * > * > * {
    position    : absolute;
    top         : 50%;
    left        : 50%;
    transform   : var(--translate-center);
    text-align  : center;

    font-size   : var(--font-14);
    font-weight : 800;
    line-height : var(--line-18);
    white-space : nowrap;

    color       : var(--basic-white);
}

.floatings > *:not(:first-child) {
    margin-top : 24px;
}

.sidebar {
    position         : fixed;
    width            : 100%;
    height           : 100%;
    top              : 0;
    right            : -100%;
    z-index          : 11;
    background-color : var(--basic-black);
    transition       : right .5s;
    display          : flex;
}

.sidebar.open {
    right      : 0;
    transition : right .5s;
}

/*반응형 CSS*/
/* 가로 반응형 */
@media (min-width : 320px) {
    html header.header {
        padding : 24px 24px;
    }

    html .content-wrapper {
        padding-left  : 24px;
        padding-right : 24px;
    }

    html .content-wrapper > section:not(._hero):not(._cta) {
        padding-top    : 64px;
        padding-bottom : 64px;
    }

    html .content-wrapper.detail-wrapper > section._info,
    html .content-wrapper.inquiry-wrapper > section._inquiry,
    html .content-wrapper.store-wrapper > section._info,
    html .content-wrapper.story-wrapper > section._info {
        padding-top : 148px;
    }

    html footer.footer {
        margin-left  : -24px;
        margin-right : -24px;
    }

    .floatings {
        bottom : 20px;
        right  : 16px;
    }

    .floatings > * {
        width  : 48px;
        height : 48px;
    }

    .floatings > * > * {
        width  : 46px;
        height : 46px;
    }

    .floatings > * > * > * {
        position    : absolute;
        top         : 50%;
        left        : 50%;
        transform   : var(--translate-center);
        text-align  : center;

        font-size   : var(--font-12);
        font-weight : 800;
        line-height : var(--line-12);
        white-space : nowrap;

        color       : var(--basic-white);
    }

    .floatings > *:not(:first-child) {
        margin-top : 8px;
    }
}

@media (min-width : 576px) {
    .floatings {
        bottom : 60px;
        right  : 16px;
    }
}

@media (min-width : 768px) {
    html header.header {
        padding : 32px 32px;
    }

    html .content-wrapper {
        padding-left  : 44px;
        padding-right : 44px;
    }

    html .content-wrapper > section:not(._hero):not(._cta) {
        padding-top    : 96px;
        padding-bottom : 96px;
    }

    html .content-wrapper.detail-wrapper > section._info,
    html .content-wrapper.inquiry-wrapper > section._inquiry,
    html .content-wrapper.store-wrapper > section._info,
    html .content-wrapper.story-wrapper > section._info {
        padding-top : 256px;
    }

    html footer.footer {
        margin-left  : -44px;
        margin-right : -44px;
    }
}

@media (min-width : 992px) {
}

@media (min-width : 1200px) {
    html .content-wrapper {
        padding-left  : 94px;
        padding-right : 94px;
    }

    html .content-wrapper > section:not(._hero):not(._cta) {
        padding-top    : 128px;
        padding-bottom : 128px;
    }

    html .content-wrapper.detail-wrapper > section._info,
    html .content-wrapper.inquiry-wrapper > section._inquiry,
    html .content-wrapper.store-wrapper > section._info,
    html .content-wrapper.story-wrapper > section._info {
        padding-top : 256px;
    }

    html footer.footer {
        margin-left  : -94px;
        margin-right : -94px;
    }

    .floatings {
        bottom        : 40px;
        right         : 40px;
        z-index       : 10;
        border-radius : 64px;
    }

    .floatings > * {
        width  : 64px;
        height : 64px;
    }

    .floatings > * > * {
        width  : 62px;
        height : 62px;
    }

    .floatings > * > * > * {
        font-size   : var(--font-14);
        font-weight : 800;
        line-height : var(--line-18);
    }


    html footer.footer {
        margin-left      : -94px;
        margin-right     : -94px;
        padding          : 44px;
        background-color : var(--basic-black);
        color            : var(--basic-white);
    }
}

@media (min-width : 1400px) {
}

/* 높이 반응형 */
@media (max-height : 480px) {
}

@media (min-height : 640px) {
}

@media (min-height : 960px) {
}

@media (min-height : 1024px) {
}