/*
 * Shared presentation contract for the delivery guide.
 *
 * The administrator edits this HTML inside CKEditor while the public mall
 * renders the saved HTML without the editor UI.  Keep every content metric in
 * this scoped file so both surfaces produce the same result without loading
 * Bootstrap across the whole storefront.
 */
@font-face {
    font-family: "GMarketSans";
    src: url("../../fonts/GmarketSansTTFLight.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "GMarketSans";
    src: url("../../fonts/GmarketSansTTFMedium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.shopping-mall-delivery-guide-box .ck-content,
.shipping-guide.ck-content {
    color: #000000;
    font-family: "GMarketSans", "Noto Sans KR", sans-serif;
    font-size: medium;
    font-weight: 300;
    line-height: 1.5;
    overflow-wrap: break-word;
    word-break: normal;
}

.shopping-mall-delivery-guide-box .ck-content h1,
.shopping-mall-delivery-guide-box .ck-content h2,
.shopping-mall-delivery-guide-box .ck-content h3,
.shopping-mall-delivery-guide-box .ck-content h4,
.shopping-mall-delivery-guide-box .ck-content h5,
.shopping-mall-delivery-guide-box .ck-content h6,
.shipping-guide.ck-content h1,
.shipping-guide.ck-content h2,
.shipping-guide.ck-content h3,
.shipping-guide.ck-content h4,
.shipping-guide.ck-content h5,
.shipping-guide.ck-content h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: inherit;
    font-family: "GMarketSans", "Noto Sans KR", sans-serif;
    font-weight: 500;
    line-height: 1.2;
}

.shopping-mall-delivery-guide-box .ck-content h1,
.shipping-guide.ck-content h1 {
    font-size: calc(1.375rem + 1.5vw);
}

.shopping-mall-delivery-guide-box .ck-content h2,
.shipping-guide.ck-content h2 {
    font-size: calc(1.325rem + 0.9vw);
}

.shopping-mall-delivery-guide-box .ck-content h3,
.shipping-guide.ck-content h3 {
    font-size: calc(1.3rem + 0.6vw);
}

.shopping-mall-delivery-guide-box .ck-content h4,
.shipping-guide.ck-content h4 {
    font-size: calc(1.275rem + 0.3vw);
}

.shopping-mall-delivery-guide-box .ck-content h5,
.shipping-guide.ck-content h5 {
    font-size: 1.25rem;
}

.shopping-mall-delivery-guide-box .ck-content h6,
.shipping-guide.ck-content h6 {
    font-size: 1rem;
}

.shopping-mall-delivery-guide-box .ck-content p,
.shipping-guide.ck-content p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.shopping-mall-delivery-guide-box .ck-content ol,
.shopping-mall-delivery-guide-box .ck-content ul,
.shipping-guide.ck-content ol,
.shipping-guide.ck-content ul {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 2rem;
}

.shopping-mall-delivery-guide-box .ck-content ol ol,
.shopping-mall-delivery-guide-box .ck-content ol ul,
.shopping-mall-delivery-guide-box .ck-content ul ol,
.shopping-mall-delivery-guide-box .ck-content ul ul,
.shipping-guide.ck-content ol ol,
.shipping-guide.ck-content ol ul,
.shipping-guide.ck-content ul ol,
.shipping-guide.ck-content ul ul {
    margin-bottom: 0;
}

.shopping-mall-delivery-guide-box .ck-content blockquote,
.shipping-guide.ck-content blockquote {
    margin-top: 0;
    margin-bottom: 1rem;
}

.shopping-mall-delivery-guide-box .ck-content b,
.shopping-mall-delivery-guide-box .ck-content strong,
.shipping-guide.ck-content b,
.shipping-guide.ck-content strong {
    font-weight: 500;
}

.shopping-mall-delivery-guide-box .ck-content a,
.shipping-guide.ck-content a {
    color: #666666;
    text-decoration: underline;
}

.shopping-mall-delivery-guide-box .ck-content sub,
.shopping-mall-delivery-guide-box .ck-content sup,
.shipping-guide.ck-content sub,
.shipping-guide.ck-content sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}

.shopping-mall-delivery-guide-box .ck-content sub,
.shipping-guide.ck-content sub {
    bottom: -0.25em;
}

.shopping-mall-delivery-guide-box .ck-content sup,
.shipping-guide.ck-content sup {
    top: -0.5em;
}

@media (min-width: 1200px) {
    .shopping-mall-delivery-guide-box .ck-content h1,
    .shipping-guide.ck-content h1 {
        font-size: 2.5rem;
    }

    .shopping-mall-delivery-guide-box .ck-content h2,
    .shipping-guide.ck-content h2 {
        font-size: 2rem;
    }

    .shopping-mall-delivery-guide-box .ck-content h3,
    .shipping-guide.ck-content h3 {
        font-size: 1.75rem;
    }

    .shopping-mall-delivery-guide-box .ck-content h4,
    .shipping-guide.ck-content h4 {
        font-size: 1.5rem;
    }
}

/*
 * Shopping-mall policies are authored by the same editor and are rendered in
 * a standalone popup. Keep their content metrics identical on both surfaces.
 */
:is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) {
    color: #000000;
    font-family: "GMarketSans", "Noto Sans KR", sans-serif;
    font-size: medium;
    font-weight: 300;
    line-height: 1.5;
    overflow-wrap: break-word;
    word-break: normal;
    white-space: normal;
}

:is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) :is(h1, h2, h3, h4, h5, h6) {
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: inherit;
    font-family: "GMarketSans", "Noto Sans KR", sans-serif;
    font-weight: 500;
    line-height: 1.2;
}

:is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) h1 {
    font-size: calc(1.375rem + 1.5vw);
}

:is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) h2 {
    font-size: calc(1.325rem + 0.9vw);
}

:is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) h3 {
    font-size: calc(1.3rem + 0.6vw);
}

:is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) h4 {
    font-size: calc(1.275rem + 0.3vw);
}

:is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) h5 {
    font-size: 1.25rem;
}

:is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) h6 {
    font-size: 1rem;
}

:is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) :is(p, ol, ul, blockquote) {
    margin-top: 0;
    margin-bottom: 1rem;
}

:is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) :is(ol, ul) {
    padding-left: 2rem;
}

:is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) :is(ol, ul) :is(ol, ul) {
    margin-bottom: 0;
}

:is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) :is(b, strong) {
    font-weight: 500;
}

:is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) a {
    color: #666666;
    text-decoration: underline;
}

:is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) :is(sub, sup) {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}

:is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) sub {
    bottom: -0.25em;
}

:is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) sup {
    top: -0.5em;
}

@media (min-width: 1200px) {
    :is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) h1 {
        font-size: 2.5rem;
    }

    :is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) h2 {
        font-size: 2rem;
    }

    :is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) h3 {
        font-size: 1.75rem;
    }

    :is(.shopping-mall-policy-box .ck-content, .mall-policy-content.ck-content) h4 {
        font-size: 1.5rem;
    }
}
/*
 * Product, logistics-item, and partner-product descriptions share the same
 * editor metrics. The public product detail uses this exact contract after
 * the pinned CKEditor content stylesheet.
 */
.partner-product-description-box .ck-content,
body.mall-page-product .product-detail-content.ck-content {
    color: #4d5d73;
    font-family: "GMarketSans", "Noto Sans KR", sans-serif;
    font-size: 0.9rem;
    font-weight: 300;
    line-height: 1.6;
    overflow-wrap: break-word;
    word-break: normal;
}

.partner-product-description-box .ck-content h1,
.partner-product-description-box .ck-content h2,
.partner-product-description-box .ck-content h3,
.partner-product-description-box .ck-content h4,
.partner-product-description-box .ck-content h5,
.partner-product-description-box .ck-content h6,
body.mall-page-product .product-detail-content.ck-content h1,
body.mall-page-product .product-detail-content.ck-content h2,
body.mall-page-product .product-detail-content.ck-content h3,
body.mall-page-product .product-detail-content.ck-content h4,
body.mall-page-product .product-detail-content.ck-content h5,
body.mall-page-product .product-detail-content.ck-content h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    color: inherit;
    font-family: "GMarketSans", "Noto Sans KR", sans-serif;
    font-weight: 500;
    line-height: 1.2;
}

.partner-product-description-box .ck-content h1,
body.mall-page-product .product-detail-content.ck-content h1 {
    font-size: calc(1.375rem + 1.5vw);
}

.partner-product-description-box .ck-content h2,
body.mall-page-product .product-detail-content.ck-content h2 {
    font-size: calc(1.325rem + 0.9vw);
}

.partner-product-description-box .ck-content h3,
body.mall-page-product .product-detail-content.ck-content h3 {
    font-size: calc(1.3rem + 0.6vw);
}

.partner-product-description-box .ck-content h4,
body.mall-page-product .product-detail-content.ck-content h4 {
    font-size: calc(1.275rem + 0.3vw);
}

.partner-product-description-box .ck-content h5,
body.mall-page-product .product-detail-content.ck-content h5 {
    font-size: 1.25rem;
}

.partner-product-description-box .ck-content h6,
body.mall-page-product .product-detail-content.ck-content h6 {
    font-size: 1rem;
}

.partner-product-description-box .ck-content p,
body.mall-page-product .product-detail-content.ck-content p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.partner-product-description-box .ck-content ol,
.partner-product-description-box .ck-content ul,
body.mall-page-product .product-detail-content.ck-content ol,
body.mall-page-product .product-detail-content.ck-content ul {
    margin-top: 0;
    margin-bottom: 1rem;
    padding-left: 2rem;
}

.partner-product-description-box .ck-content ol ol,
.partner-product-description-box .ck-content ol ul,
.partner-product-description-box .ck-content ul ol,
.partner-product-description-box .ck-content ul ul,
body.mall-page-product .product-detail-content.ck-content ol ol,
body.mall-page-product .product-detail-content.ck-content ol ul,
body.mall-page-product .product-detail-content.ck-content ul ol,
body.mall-page-product .product-detail-content.ck-content ul ul {
    margin-bottom: 0;
}

.partner-product-description-box .ck-content blockquote,
body.mall-page-product .product-detail-content.ck-content blockquote {
    margin-top: 0;
    margin-bottom: 1rem;
}

.partner-product-description-box .ck-content b,
.partner-product-description-box .ck-content strong,
body.mall-page-product .product-detail-content.ck-content b,
body.mall-page-product .product-detail-content.ck-content strong {
    font-weight: 500;
}

.partner-product-description-box .ck-content a,
body.mall-page-product .product-detail-content.ck-content a {
    color: #666666;
    text-decoration: underline;
}

.partner-product-description-box .ck-content sub,
.partner-product-description-box .ck-content sup,
body.mall-page-product .product-detail-content.ck-content sub,
body.mall-page-product .product-detail-content.ck-content sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline;
}

.partner-product-description-box .ck-content sub,
body.mall-page-product .product-detail-content.ck-content sub {
    bottom: -0.25em;
}

.partner-product-description-box .ck-content sup,
body.mall-page-product .product-detail-content.ck-content sup {
    top: -0.5em;
}

body.mall-page-product .product-detail-content.ck-content figure.image,
body.mall-page-product .product-detail-content.ck-content figure.table {
    max-width: 100%;
}

body.mall-page-product .product-detail-content.ck-content figure.table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body.mall-page-product .product-detail-content.ck-content figure.table > table {
    display: table;
    width: 100%;
    max-width: none;
    overflow: visible;
}

@media (min-width: 1200px) {
    .partner-product-description-box .ck-content h1,
    body.mall-page-product .product-detail-content.ck-content h1 {
        font-size: 2.5rem;
    }

    .partner-product-description-box .ck-content h2,
    body.mall-page-product .product-detail-content.ck-content h2 {
        font-size: 2rem;
    }

    .partner-product-description-box .ck-content h3,
    body.mall-page-product .product-detail-content.ck-content h3 {
        font-size: 1.75rem;
    }

    .partner-product-description-box .ck-content h4,
    body.mall-page-product .product-detail-content.ck-content h4 {
        font-size: 1.5rem;
    }
}