.screen-popup {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: var(--wp--preset--color--coupang-black);
    visibility: hidden;
    opacity: 0;
    transition: visibility var(--cpnr-transition-opacity-duration-timing), opacity var(--cpnr-transition-opacity-duration-timing);
}
.dimmed-pop .screen-popup {
    visibility: visible;
    opacity: .3;
}
.screen-popup {
    z-index: 30;
}
.newsletter-holder.popup {
    position: fixed;
    display: flex;
    /* display: none; */
    align-items: center;
    z-index: 1000;
    width: 100%;
    height: 100%;
    max-width: initial;
    justify-content: center;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity var(--cpnr-transition-opacity-duration-timing), transform var(--cpnr-transition-opacity-duration-timing);
    transform: translateY(-3%);
}
@media only screen and (min-width: 801px) {
    body.home .newsletter-holder.popup {
        padding-bottom: 0;
    }
}
.newsletter-holder.newsletter-open {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}
.newsletter-wrap {
    max-width: 72rem;
    height: 22.5625rem;
    border-radius: 0.75rem;
    /* background-image: url(assets/images/newsletter-bg.png); */
    /* background-size: cover;
    background-position-x: center; */
    padding: 1.75rem 4rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.popup .newsletter-wrap {
    position: relative;
    max-width: 47.375rem;
    height: 34.625rem;
    width: 100%;
    padding: 3.5rem 4rem;
    /* background-image: url(assets/images/newsletter-pop-bg.png); */
    pointer-events: all;
}
@media only screen and (max-width: 800px) {
    .newsletter-wrap {
        height: 26.875rem;
        padding: 2.5rem 1.5rem 0;
        /* background-image: url(assets/images/newsletter-mo-bg.png); */
        /* background-position: right;
        background-position-y: 70%; */
    }
    .popup .newsletter-wrap {
        padding: 2.5rem 1.5rem;
        height: 30.375rem;
        /* background-image: url(assets/images/newsletter-pop-mo-bg.png); */
    }
}
.newsletter-title {
    font-family: var(--wp--preset--font-family--cp-sans-text-700);
    font-size: var(--wp--preset--font-size--normal);
    line-height: 1.68;
    letter-spacing: var(--cpnr-letter-spacing);
    color: var(--wp--preset--color--coupang-blue-500);
    margin-bottom: 0.75rem;
}
@media only screen and (max-width: 800px) {
    .newsletter-title {
        font-family: var(--wp--preset--font-family--cp-sans-text-600);
        line-height: var(--wp--custom--typography--line-height--normal);
        margin-bottom: 1.5rem;
    }
}
.popup .newsletter-popup-close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    /* width: 2rem;
    height: 2rem; */
    /* background-image: url(assets/images/newsletter-close.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer; */
}
@media only screen and (max-width: 800px) {
    .popup .newsletter-popup-close {
        top: 0.75rem;
        right: 0.75rem;
    }
}
.popup .newsletter-popup-title {
    color: var(--wp--preset--color--coupang-blue-500);
    font-family: var(--wp--preset--font-family--cp-sans-text-700);
    font-size: var(--wp--preset--font-size--x-large);
    padding-bottom: 2.625rem;
}
@media only screen and (max-width: 800px) {
    .popup .newsletter-popup-title {
        font-family: var(--wp--preset--font-family--cp-sans-text-600);
        font-size: var(--wp--preset--font-size--normal);
        line-height: var(--wp--custom--typography--line-height--normal);
        padding-bottom: 2rem;
    }
}
.newsletter-form {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
    max-width: 35.0625rem;
    width: 100%;
}
.popup .newsletter-form {
    row-gap: 1.5rem;
}
@media only screen and (max-width: 800px) {
    .newsletter-form {
        row-gap: 0.75rem;
    }
    .popup .newsletter-form {
        row-gap: 1.25rem;
    }
}
.newsletter-email-title {
    font-family: var(--wp--preset--font-family--cp-sans-text-600);
    font-size: var(--wp--preset--font-size--small);
    color: var(--wp--preset--color--gray-500);
    line-height: var(--wp--custom--typography--line-height--normal);
    padding-bottom: 0.375rem;
}
.popup .newsletter-email-title {
    font-size: var(--wp--preset--font-size--normal);
    padding-bottom: 0.875rem;
}
@media only screen and (max-width: 800px) {
    .newsletter-email-title {
        font-size: var(--wp--preset--font-size--small);
        line-height: var(--wp--custom--typography--line-height--medium);
        padding-bottom: 0.625rem;
    }
    .popup .newsletter-email-title {
        font-size: var(--wp--preset--font-size--small);
        padding-bottom: 0.625rem;
    }
}
.newsletter-email {
    width: 100%;
    height: 3rem;
    background-color: #fff;
    padding: 0.75rem 1rem 0.5625rem;
    color: var(--wp--preset--color--coupang-black);
    font-family: var(--wp--preset--font-family--cp-sans-text-400);
    font-size: var(--wp--preset--font-size--normal);
    letter-spacing: var(--cpnr-letter-spacing);
    border: 1px solid var(--wp--preset--color--gray-100);
    border-radius: 0.1875rem;
    line-height: 1.68;
}
@media only screen and (max-width: 800px) {
    .newsletter-email {
        height: 2.375rem;
        font-size: var(--wp--preset--font-size--small);
        line-height: var(--wp--custom--typography--line-height--medium);
    }
    .popup .newsletter-email {
        padding: 0.5625rem 0.75rem;
    }
}
.newsletter-email::placeholder {
    color: var(--wp--preset--color--gray-200);
}
.newsletter-information {
    color: var(--wp--preset--color--gray-400);
    font-family: var(--wp--preset--font-family--cp-sans-text-400);
    font-size: var(--wp--preset--font-size--small);
    line-height: var(--wp--custom--typography--line-height--medium);
}
.popup .newsletter-information {
    padding-bottom: 1.5rem;
}
@media only screen and (max-width: 800px) {
    .newsletter-information {
        font-size: var(--wp--preset--font-size--tiny);
        line-height: var(--wp--custom--typography--line-height--small);
        color: var(--wp--preset--color--blue-gray-400);
        font-family: var(--wp--preset--font-family--cp-sans-text-300);
        letter-spacing: var(--cpnr-letter-spacing-narrow);
        padding-bottom: 0.5rem;
    }
    .popup .newsletter-information {
        padding-bottom: 0.5rem;
    }
}
.newsletter-agreement {
    padding-bottom: 0.25rem;
}
.popup .newsletter-agreement {
    padding-bottom: 0.5rem;
}
@media only screen and (max-width: 800px) {
    .newsletter-agreement {
        padding-bottom: 0.875rem;
    }
    .popup .newsletter-agreement {
        padding-bottom: 0.75rem;
    }
}
.newsletter-agreement-label {
    position: relative;
    display: flex;
    line-height: var(--wp--custom--typography--line-height--normal);
    column-gap: 0.75rem;
    font-family: var(--wp--preset--font-family--cp-sans-text-600);
    font-size: var(--wp--preset--font-size--normal);
    color: var(--wp--preset--color--gray-400);
    line-height: var(--wp--custom--typography--line-height--normal);
    letter-spacing: var(--cpnr-letter-spacing);
    cursor: pointer;
}
@media only screen and (max-width: 800px) {
    .newsletter-agreement-label {
        align-items: center;
        line-height: var(--wp--custom--typography--line-height--fit);
        font-size: var(--wp--preset--font-size--tiny);
    }
}
.newsletter-check,
.checkmarker,
.newsletter-agreement-label img {
    width: 1.25rem;
    height: 1.25rem;
}
@media only screen and (max-width: 800px) {
    .newsletter-check,
    .checkmarker,
    .newsletter-agreement-label img {
        width: 1rem;
        height: 1rem;
    }
}
.newsletter-check {
    position: absolute;
    left: 0;
    margin: 0;
    cursor: pointer;
    opacity: 0;
    z-index: 1;
}
.checkmarker {
    border: 1px solid var(--wp--preset--color--coupang-blue-500);
    display: inline-block;
    border-radius: 0.125rem;
    background-color: var(--wp--preset--color--white);
}
.newsletter-agreement-label img {
    position: absolute;
    left: 0;
    opacity: 0;
}
.newsletter-check:checked ~ img {
    opacity: 1;
}
.newsletter-policy {
    padding: 0 1.5rem;
}
@media only screen and (max-width: 800px) {
    .newsletter-policy {
        padding: 0;
    }
}
.popup .newsletter-policy-list {
    padding-bottom: 0.625rem;
}
@media only screen and (max-width: 800px) {
    .popup .newsletter-policy-list {
        padding-bottom: 0.375rem;
    }
}
.newsletter-policy-item {
    list-style: inside;
    padding-inline-start: 0.5rem;
}
.newsletter-notice {
    padding: 0 0.5rem;
}
@media only screen and (max-width: 800px) {
    .newsletter-notice {
        display: flex;
        padding: 0 0.4375rem;
    }
}
.newsletter-list-symbol {
    padding-right: 0.8125rem;
}
@media only screen and (max-width: 800px) {
    .newsletter-list-symbol {
        padding-right: 0.6875rem;
    }
}
.newsletter-disagree {
    color: var(--wp--preset--color--gray-500);
}
.newsletter-submit {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3rem;
    background-color: var(--wp--preset--color--blue-gray-200);
    font-size: var(--wp--preset--font-size--normal);
    font-family: var(--wp--preset--font-family--cp-sans-text-700);
    letter-spacing: var(--cpnr-letter-spacing);
    line-height: 1rem;
    color: var(--wp--preset--color--white);
    gap: 0.625rem;
    padding: 1rem 1.3125rem;
    border-radius: 3.375rem;
    pointer-events: none;
}
@media only screen and (max-width: 800px) {
    .newsletter-submit {
        height: 2.625rem;
        font-size: var(--wp--preset--font-size--small);
        font-family: var(--wp--preset--font-family--cp-sans-text-600);
    }
}
.newsletter-submit.on {
    cursor: pointer;
    background-color: var(--wp--preset--color--coupang-blue-500);
    pointer-events: all;
}
.newsletter-complete {
    display: none;
}
.newsletter-success {
    display: unset;
}
.newsletter-subscribe-wrap {
    display: flex;
    width:  100%;
    height: 13.625rem;
    max-width: 72rem;
    justify-content: center;
    align-items: center;
    /* background-image: url(assets/images/newsletter-subscribe-bg.png); */
    /* background-size: cover;
    background-position: center; */
    border-radius: 0.75rem;
}
@media only screen and (max-width: 800px) {
    .newsletter-subscribe-wrap {
        height: 11.875rem;
        border-radius: 0.375rem;
        /* background-image: url(assets/images/newsletter-subscribe-mo-bg.png); */
        /* background-position-y: 70%; */
    }
}
.newsletter-subscribe {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
@media only screen and (max-width: 800px) {
    .newsletter-subscribe {
        gap: 1rem;
    }
}
.newsletter-subscribe-title {
    color: var(--wp--preset--color--blue-gray-500);
    font-family: var(--wp--preset--font-family--cp-sans-text-600);
    font-size: var(--wp--preset--font-size--medium);
    line-height: var(--wp--custom--typography--line-height--medium);
    text-align: center;
}
@media only screen and (max-width: 800px) {
    .newsletter-subscribe-title {
        font-size: var(--wp--preset--font-size--small);
    }
}
.newsletter-subscribe-btn {
    background-color: var(--wp--preset--color--coupang-blue-500);
    height: 3.25rem;
    border-radius: 3.375rem;
    padding: 1rem 5rem;
    color: var(--wp--preset--color--white);
    letter-spacing: var(--cpnr-letter-spacing-narrow);
    font-size: var(--wp--preset--font-size--biggish);
    line-height: var(--wp--custom--typography--line-height--fit);
    font-family: var(--wp--preset--font-family--cp-sans-text-500);
    box-shadow: 0px 2px 6px rgba(33, 43, 54, 0.25);
    cursor: pointer;
}
@media only screen and (max-width: 800px) {
    .newsletter-subscribe-btn {
        height: 3.5rem;
        padding: 1rem 2.75rem;
    }
}

/* Wrap-up by bpcdpc@hanmail.net 20221128 */

html.dimmed-pop {
    overflow: hidden;
}
body.dimmed-pop {
    overflow: visible;
    height: 100%;
}
.newsletter-form {
    max-width: 25.875rem;
}
@media only screen and (min-width: 801px) {
    .newsletter-form {
        max-width: 35rem;
    }
}
.newsletter-wrap {
    background-image: url(images/main_mb.png);
    background-size: cover;
    background-position-x: right;
    background-position-y: bottom;
    background-repeat: no-repeat;
}
.popup .newsletter-wrap {
    background-image: url(images/popup_mb.png);
}
.newsletter-subscribe-wrap {
    background-image: url(images/banner_mb.png);
    background-size: cover;
    background-position-x: right;
    background-position-y: bottom;
    background-repeat: no-repeat;
}
@media only screen and (min-width: 801px) {
    .newsletter-wrap {
        background-image: url(images/main_dt.png);
    }
    .popup .newsletter-wrap {
        background-image: url(images/popup_dt.png);
    }
    .newsletter-subscribe-wrap {
        background-image: url(images/banner_dt.png);
    }
}
.popup .newsletter-popup-close {
    padding: 0;
    width: 1.5rem;
    height: 1.5rem;
}
@media only screen and (min-width: 801px) {
    .popup .newsletter-popup-close {
        width: 2rem;
        height: 2rem;
    }
}
.popup .newsletter-popup-close .svg-icon {
    width: 100%;
    height: 100%;
    color: var(--wp--preset--color--blue-gray-400);
}
.newsletter-complete {
    width: 1.5rem;
    height: 1.5rem;
}