.footer {
    background-color: #ffffff;
    --color-text: var(--color-footer-text);
    color: #000000;
}

/* Footer Main Menu Section */
.footer__mainmenu-section {
    background-color: #ffffff;
    padding: 80px 0;
    border-top: 1px solid #e4e7ec;
}

.footer__mainmenu-content {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 12px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    position: relative;
}

@media screen and (min-width: 960px) {
    .footer__mainmenu-content {
        padding: 0 40px;
    }
}

.footer__social-icons {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
    flex-shrink: 0;
}

.footer__social-icon {
    display: inline-block;
    text-decoration: none;
}

.footer__social-icon-circle {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background-color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
    padding: 18px;
    box-sizing: border-box;
}

@media screen and (min-width: 960px) {
    .footer__social-icon-circle {
        width: 96px;
        height: 96px;
        padding: 24px;
    }
}

.footer__social-icon-circle:hover {
    opacity: 0.8;
}

.footer__social-icon-img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    display: block;
}

@media screen and (min-width: 960px) {
    .footer__social-icon-img {
        width: 48px;
        height: 48px;
    }
}

.footer__social-icon-circle svg {
    width: 24px;
    height: 24px;
    fill: #ffffff;
    color: #ffffff;
}

.footer__description {
    max-width: 600px;
    flex: 1;
    color: #000000;
    font-family: "Nudista Light", sans-serif;
    font-size: 18px;
}

.footer__main-menu {
    display: flex;
    align-items: flex-start;
    flex-shrink: 0;
}

.footer__main-menu-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer__main-menu-item {
    margin: 0;
}

.footer__main-menu-link {
    text-decoration: none;
    color: #000000 !important;
    font-family: "TT Hoves Pro Expanded", sans-serif;
    font-size: 18px;
    transition: opacity 0.3s ease;
    width: 90px;
    word-break: break-word;
    white-space: normal;
    line-height: 1.4;
}

.footer__main-menu-link:hover {
    opacity: 0.7;
    color: #000000 !important;
}

.footer__main-menu-dropdown {
    position: relative;
    margin-bottom: 40px;
}

@media screen and (min-width: 960px) {
    .footer__main-menu-dropdown {
        margin-bottom: 0;
    }

    .footer__main-menu-dropdown .footer__main-menu-list {
        position: absolute;
        top: 100%;
        left: 0;
        margin-top: 40px;
        padding-top: 0;
        background-color: #ffffff;
        z-index: 10;
        width: 90px;
        box-sizing: border-box;
    }

    .footer__main-menu-dropdown .footer__main-menu-list .footer__main-menu-link {
        width: 90px;
    }

    .footer__main-menu {
        position: relative;
        overflow: visible;
    }
}

.footer__main-menu-summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.footer__main-menu-summary::-webkit-details-marker {
    display: none;
}

.footer__main-menu-summary::marker {
    display: none;
}

.footer__main-menu-chevron {
    flex-shrink: 0;
    transition: transform 0.3s ease;
    margin-left: auto;
    display: block;
}

.footer__main-menu-dropdown[open] .footer__main-menu-chevron {
    transform: rotate(180deg);
}

.footer__main-menu-link--first {
    display: block;
    width: 90px;
    flex-shrink: 0;
}

.footer__main-menu-dropdown .footer__main-menu-list {
    margin-top: 40px;
    padding-top: 0;
}

.footer__main-menu-dropdown.miok-footer-product-menu-ready>.footer__main-menu-list {
    display: none !important;
}

.footer__main-menu-dropdown.miok-footer-product-menu-ready {
    z-index: 20;
}

.miok-footer-product-menu__panel {
    position: absolute;
    left: 0;
    top: calc(100% + 14px);
    z-index: 30;
    min-width: 270px;
    padding: 14px 0;
    background: #fff;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.08);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-6px);
    transition: opacity 0.18s ease, transform 0.22s ease, visibility 0.18s ease;
}

.footer__main-menu-dropdown.miok-footer-product-menu-ready.is-open .miok-footer-product-menu__panel,
.footer__main-menu-dropdown.miok-footer-product-menu-ready[open] .miok-footer-product-menu__panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.miok-footer-product-menu__item {
    display: block;
    padding: 10px 20px;
    color: #000 !important;
    font-family: "TT Hoves Pro Expanded", "TT Hoves", "TT Pro", sans-serif !important;
    font-size: 13px;
    line-height: 1.25;
    font-weight: 400;
    text-decoration: none !important;
    white-space: nowrap;
}

.miok-footer-product-menu__item:hover,
.miok-footer-product-menu__item:focus {
    color: #020de9 !important;
    background: rgba(2, 13, 233, 0.04);
}

.miok-footer-product-menu__item.is-disabled {
    color: rgba(0, 0, 0, 0.42) !important;
    cursor: not-allowed;
}

.miok-footer-product-menu__item.is-disabled:hover,
.miok-footer-product-menu__item.is-disabled:focus {
    color: rgba(0, 0, 0, 0.42) !important;
    background: transparent;
}

.miok-footer-product-menu__divider {
    height: 1px;
    margin: 8px 20px;
    background: rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 959px) {
    #shopline-section-footer .footer__main-menu-dropdown.miok-footer-product-menu-ready .footer__main-menu-summary {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        width: auto !important;
        min-width: 0 !important;
    }

    #shopline-section-footer .footer__main-menu-dropdown.miok-footer-product-menu-ready .footer__main-menu-link--first {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: 0 !important;
    }

    #shopline-section-footer .footer__main-menu-dropdown.miok-footer-product-menu-ready .footer__main-menu-chevron {
        display: inline-block !important;
        width: 16px !important;
        height: 16px !important;
        flex: 0 0 16px !important;
        margin-left: 0 !important;
        position: static !important;
        transform: rotate(0deg);
        transform-origin: center;
        transform-box: fill-box;
        transition: transform 0.22s ease;
    }

    #shopline-section-footer .footer__main-menu-dropdown.miok-footer-product-menu-ready.is-open .footer__main-menu-chevron,
    #shopline-section-footer .footer__main-menu-dropdown.miok-footer-product-menu-ready[open] .footer__main-menu-chevron {
        transform: rotate(180deg);
    }

    .miok-footer-product-menu__panel {
        position: static;
        min-width: 0;
        width: min(280px, 100%);
        max-height: 0;
        margin-top: 0;
        padding: 0 14px;
        overflow: hidden;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.07);
        transform: translateY(-4px);
        transition:
            max-height 0.28s ease,
            padding 0.28s ease,
            margin 0.28s ease,
            opacity 0.18s ease,
            transform 0.22s ease,
            visibility 0.18s ease;
    }

    .footer__main-menu-dropdown.miok-footer-product-menu-ready.is-open .miok-footer-product-menu__panel,
    .footer__main-menu-dropdown.miok-footer-product-menu-ready[open] .miok-footer-product-menu__panel {
        max-height: 420px;
        margin-top: 12px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .miok-footer-product-menu__item {
        padding: 8px 0;
        font-size: 13px;
        white-space: normal;
    }

    .miok-footer-product-menu__divider {
        margin: 8px 0;
    }
}

/* Footer Logo Section */
.footer__logo-section {
    background: linear-gradient(to top, #020de9 0%, #ffffff 100%);
    position: relative;
    width: 100%;
    left: 0;
    transform: none;
    padding: 80px 0 24px 0;
    box-sizing: border-box;
}

.footer__logo-wrapper {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
    margin-bottom: 40px;
}

.footer__logo-img {
    width: 100%;
    height: auto;
    display: block;
}

.footer__copyright-menu-content {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 12px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
}

@media screen and (min-width: 960px) {
    .footer__copyright-menu-content {
        padding: 0 40px;
    }
}

/* Footer Copyright Section */
.footer__copyright-section {
    background: linear-gradient(to top, #020de9 0%, #ffffff 100%);
    position: relative;
    width: 100%;
    left: 0;
    transform: none;
    padding: 0;
    box-sizing: border-box;
}

.footer__copyright-wrapper {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0;
}

/* Footer Copyright and Menu Section */
.footer__copyright-menu-section {
    background: linear-gradient(to top, #020de9 0%, #ffffff 100%);
    position: relative;
    width: 100%;
    left: 0;
    transform: none;
    padding: 80px 0;
    box-sizing: border-box;
}

.footer__copyright {
    flex-shrink: 0;
}

.copyright__content {
    color: #ffffff !important;
    font-family: "Nudista", sans-serif;
    font-size: 12px;
}

.copyright__content a {
    color: #ffffff !important;
}

.footer__footer-menu {
    flex-shrink: 0;
}

.footer__footer-menu-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer__footer-menu-item--company .miok-footer-legal {
    width: auto !important;
    text-align: left !important;
    display: inline-block !important;

}

.footer__footer-menu-item--company summary.miok-footer-legal__summary {
    margin: 0 !important;
    padding: 0 !important;

}

.footer__footer-menu-item {
    margin: 0;
}

.footer__footer-menu-link {
    text-decoration: none;
    color: #7e8c8d !important;
    font-family: "TT Hoves Pro Expanded", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.02em;
    transition: opacity 0.3s ease;
}

.footer__footer-menu-link:hover {
    opacity: 0.7;
    color: #7e8c8d !important;
}

/* Mobile Main Menu Section (흰색 배경) */
.footer__mobile-mainmenu-section {
    background-color: #ffffff;
    padding: 24px 0;
    border-top: 1px solid #e4e7ec;
}

.footer__mobile-mainmenu-content {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 12px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.footer__mobile-mainmenu-content .footer__main-menu-list {
    gap: 24px;
}

@media screen and (max-width: 959px) {
    .footer__main-menu-dropdown {
        margin-bottom: 24px;
    }

    .footer__main-menu-dropdown .footer__main-menu-list {
        margin-top: 24px;
    }

    .footer__main-menu-list {
        gap: 24px;
    }

    #shopline-section-footer .footer__main-menu-dropdown.miok-footer-product-menu-ready .footer__main-menu-summary {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        width: auto !important;
        min-width: 0 !important;
    }

    #shopline-section-footer .footer__main-menu-dropdown.miok-footer-product-menu-ready .footer__main-menu-link--first {
        width: auto !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
    }

    #shopline-section-footer .footer__main-menu-dropdown.miok-footer-product-menu-ready .footer__main-menu-chevron {
        display: inline-block !important;
        width: 16px !important;
        height: 16px !important;
        flex: 0 0 16px !important;
        margin-left: 0 !important;
        transform: rotate(0deg) !important;
        transform-origin: center !important;
        transform-box: fill-box !important;
        transition: transform 0.22s ease !important;
    }

    #shopline-section-footer .footer__main-menu-dropdown.miok-footer-product-menu-ready.is-open .footer__main-menu-chevron,
    #shopline-section-footer .footer__main-menu-dropdown.miok-footer-product-menu-ready[open] .footer__main-menu-chevron {
        transform: rotate(180deg) !important;
    }
}

/* Mobile Gradient Section (그라데이션 부분) */
.footer__mobile-gradient-section {
    background: linear-gradient(to top, #020de9 0%, #ffffff 100%);
    width: 100%;
    position: relative;
    left: 0;
    transform: none;
    padding: 0 0 24px 0;
}

.footer__mobile-gradient-content {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.footer__mobile-gradient-content .footer__social-icons {
    justify-content: flex-start;
    padding: 0;
    gap: 24px;
}

.footer__mobile-gradient-content .footer__social-icon-circle {
    width: 48px;
    height: 48px;
    padding: 12px;
}

.footer__mobile-gradient-content .footer__social-icon-img {
    width: 24px;
    height: 24px;
}

.footer__mobile-gradient-content .footer__logo-wrapper {
    width: 100%;
    margin: 16px 0 0 0;
    padding: 0;
}

.footer__mobile-gradient-content .footer__logo-img {
    width: 100%;
    height: auto;
    display: block;
}

.footer__mobile-gradient-content .footer__footer-menu {
    padding: 0;
}

.footer__mobile-gradient-content .footer__copyright {
    padding: 0;
}

.footer__mobile-gradient-content .footer__footer-menu-list {
    justify-content: flex-start;
    gap: 16px;
}

.footer__mobile-gradient-content .footer__footer-menu-link {
    font-family: "Nudista Light", sans-serif;
}

.footer__mobile-gradient-content .copyright__content {
    font-family: "Nudista Light", sans-serif;
}

.section-footer-padding {
    margin-top: var(--section-vertical-gap);
    padding-top: calc(var(--padding-top) / 2);
    padding-bottom: 0;
}

@media (min-width: 960px) {
    .section-footer-padding {
        padding-left: var(--padding-left);
        padding-right: var(--padding-right);
    }
}

.footer-block:empty {
    display: none;
}

@media (min-width: 960px) {
    .footer-block .footer-block--subscribe .footer-letter-form {
        width: 100% !important;
        max-width: 590px;
    }

    .footer-block .footer-block--subscribe .footer-block__heading {
        margin-top: 15px;
    }
}

@media (max-width: 959px) {
    .footer-block .footer-block--subscribe .field {
        margin-bottom: 0;
    }
}

.footer-block__heading {
    font-weight: 500;
}

.footer-block--full {
    margin-top: 40px;
    margin-bottom: 20px;
}

@media (max-width: 959px) {
    .footer-block--full {
        margin-top: 20px;
    }
}

.footer-block--full {
    width: 100%;
}

.footer-block--full .footer-block-image img {
    width: 100%;
    height: auto;
    display: block;
}

.footer-block__details-content.rte,
.footer-block__details-content>li {
    margin-top: 15px;
}

.footer-block__details-content a {
    opacity: 0.7;
}

footer-menu {
    display: flex;
    flex-direction: column;
}

.footer__blocks-wrapper .footer__list-social {
    margin-top: 15px;
    grid-column-gap: 8px;
}

@media (min-width: 960px) {
    .footer__blocks-wrapper .footer__list-social {
        grid-column-gap: var(--block-media-icon-padding);
    }
}

.footer__blocks-wrapper .footer__list-social {
    grid-row-gap: 15px;
}

.footer__blocks-wrapper .footer__list-social a svg,
.footer__blocks-wrapper .footer__list-social img {
    width: 28px;
    height: 28px;
}

@media (min-width: 960px) {

    .footer__blocks-wrapper .footer__list-social a svg,
    .footer__blocks-wrapper .footer__list-social img {
        width: var(--block-media-icon-width);
        height: var(--block-media-icon-width);
    }
}

.footer__blocks-wrapper .footer-block--subscribe {
    width: 100% !important;
}

@media (min-width: 960px) {
    .footer__blocks-wrapper .footer-letter-form {
        display: flex;
    }

    .footer__blocks-wrapper .footer-letter-form .field {
        max-width: 590px;
    }
}

@media (min-width: 960px) {
    .footer-block {
        min-width: 200px;
    }

    .footer-block--list .footer-block__heading svg {
        display: none;
    }

    .footer_content_center .footer__blocks-wrapper .footer-block__heading,
    .footer_content_center .footer__blocks-wrapper .footer-block__details-content,
    .footer_content_center .footer__blocks-wrapper .footer-block__details-content li {
        text-align: center;
    }

    .footer_content_center .footer__blocks-wrapper .footer-letter-form {
        justify-content: center;
    }

    .footer_content_center .footer__blocks-wrapper .footer__conact-block,
    .footer_content_center .footer__blocks-wrapper .footer__list-social {
        justify-content: center;
    }

    .footer_content_right .footer__blocks-wrapper .footer-block__heading,
    .footer_content_right .footer__blocks-wrapper .footer-block__details-content,
    .footer_content_right .footer__blocks-wrapper .footer-block__details-content li {
        text-align: right;
    }

    .footer_content_right .footer__blocks-wrapper .footer-letter-form {
        justify-content: flex-end;
    }

    .footer_content_right .footer__blocks-wrapper .footer__conact-block,
    .footer_content_right .footer__blocks-wrapper .footer__list-social {
        justify-content: flex-end;
    }
}

.footer_content_right .content_vertical {
    align-items: flex-end;
}

.footer_content_right .footer__copyright {
    text-align: right;
}

.footer_content_right .copyright-menu-box {
    justify-content: flex-end;
}

@media (max-width: 959px) {
    .footer_content_right .footer__content-bottom-wrapper {
        align-items: flex-end;
        flex-direction: column-reverse;
        display: flex;
        row-gap: 20px;
    }

    .footer_content_right .footer__payment {
        justify-content: flex-end;
    }
}

.footer_content_left .content_vertical {
    align-items: flex-start;
}

.footer_content_left .copyright-menu-box {
    justify-content: flex-start;
}

.footer_content_left .footer__copyright {
    text-align: left;
}

@media (max-width: 959px) {
    .footer_content_left .footer__content-bottom-wrapper {
        align-items: flex-start;
    }

    .footer_content_left .footer__payment {
        justify-content: flex-start;
    }
}

@media (max-width: 959px) {
    .footer-block {
        position: relative;
        padding-bottom: var(--grid-vertical-space);
    }

    .footer-block::after {
        position: absolute;
        content: " ";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: rgba(var(--color-text), 0.1);
    }

    footer-menu {
        overflow: hidden;
        position: relative;
        padding-bottom: 20px;
    }

    footer-menu .footer-block__heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    footer-menu .footer-block__details-content {
        height: 0;
        opacity: 0;
    }

    footer-menu .icon-arrow {
        display: inline-block;
    }

    footer-menu .icon-minus {
        display: none;
    }

    footer-menu[open] .footer-block__details-content {
        opacity: 1;
        height: auto;
    }

    footer-menu[open] .icon-arrow {
        display: none;
    }

    footer-menu[open] .icon-minus {
        display: inline-block;
    }
}

.footer-block__details-content .list-menu__item--active,
.footer-block__details-content .list-menu__item--link:hover {
    text-decoration: underline;
    text-underline-offset: 6px;
    color: rgba(var(--color-text));
    opacity: 1;
}

.footer-block-image>img {
    height: auto;
    object-fit: cover;
    object-fit: center center;
}

@media (max-width: 959px) {
    .footer-block-image {
        text-align: left !important;
    }
}

.footer__copyright {
    text-align: center;
    margin-top: 10px;
}

/* PC에서 footer menu 링크와 Company Info 높이 정확히 맞추기 */
@media (min-width: 960px) {

    .footer__copyright-menu-content .footer__footer-menu,
    .footer__copyright-menu-content .footer__copyright {
        align-self: flex-start;
    }

    .footer__copyright-menu-content .footer__copyright {
        margin-top: 0 !important;

    }

    .footer__copyright summary.miok-footer-legal__summary {
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.4 !important;

    }
}

.footer-block--newsletter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media (min-width: 960px) {
    .footer-block--newsletter {
        justify-content: space-between;
    }

    .footer-block--newsletter .field {
        margin-bottom: 0;
    }

    .footer-block--newsletter.content-align-row {
        flex-direction: column;
        justify-content: center;
    }

    .footer-block--newsletter.content-align-row .footer__list-social {
        margin-top: 20px;
    }

    .footer-block--newsletter.content-align-col {
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .footer-block--newsletter.content-align-col .footer-block--subscribe {
        max-width: 100%;
        width: 65%;
        margin-right: 40px;
    }

    .footer-block--newsletter.content-align-col .footer__list-social {
        min-width: 300px;
    }
}

.footer-letter-media-up {
    margin-top: 0 !important;
}

@media (min-width: 960px) {
    .footer-block--newsletter {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .content-align-row .footer-block--subscribe {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .content-align-row .footer-block--subscribe .footer-block__heading {
        text-align: center;
    }

    .footer-block--subscribe .footer-letter-form {
        width: 396px;
    }

    .footer-block--subscribe {
        flex-shrink: 0;
    }

    .footer-block--subscribe.letter-size--middle .footer-block__heading {
        margin-bottom: 20px;
    }

    .footer-block--subscribe.letter-size--middle .footer-letter-form {
        width: 490px;
    }

    .footer-block--subscribe.letter-size--large .footer-block__heading {
        margin-bottom: 24px;
    }

    .footer-block--subscribe.letter-size--large .footer-letter-form {
        width: 590px;
    }
}

@media (max-width: 959px) {
    .footer-block--newsletter {
        margin-top: 20px;
    }

    .footer-block--subscribe {
        width: 100%;
    }

    .footer-block--newsletter .field {
        width: 100%;
    }

    .footer__list-social {
        margin-bottom: 20px;
    }
}

.footer-block--subscribe .footer-block__heading {
    margin-bottom: 15px;
}

.footer-block--subscribe .field {
    background-color: transparent;
}

.footer__list-social {
    display: flex;
    grid-column-gap: 8px;
}

@media (min-width: 960px) {
    .footer__list-social {
        grid-column-gap: var(--media-icon-padding);
    }
}

.footer__list-social {
    row-gap: 15px;
    flex-wrap: wrap;
}

.footer__list-social a svg,
.footer__list-social a img {
    transition: transform 125ms cubic-bezier(0.4, 0, 0.2, 1);
    width: 28px;
    height: 28px;
}

@media (min-width: 960px) {

    .footer__list-social a svg,
    .footer__list-social a img {
        width: var(--media-icon-width);
        height: var(--media-icon-width);
    }
}

.footer__list-social a:hover svg,
.footer__list-social a:hover img {
    transform: scale(1.1);
}

/* .footer__content-bottom {
  border-top: 1px solid rgba(var(--color-footer-border));
  padding-top: 40px;
} */
.copyright-menu-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.copyright-menu-box .line {
    padding: 0 10px;
}

.copyright-menu-box .footer-menu--item {
    flex-shrink: 0;
    flex-wrap: wrap;
}

.copyright-menu-box .footer-menu--item:hover a {
    text-decoration: underline;
    text-underline-offset: 6px;
}

@media (min-width: 960px) {
    .footer__content-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .content_vertical {
        flex-direction: column;
    }

    .corner-content__left {
        flex-direction: row-reverse;
        display: flex;
    }

    .corner-content__left .copyright-menu-box {
        margin-left: 10px;
    }
}

@media (max-width: 959px) {
    .footer__content-bottom {
        flex-direction: column-reverse;
        display: flex;
        row-gap: 20px;
    }

    .copyright__content {
        margin-top: 8px;
    }
}

.footer__content-bottom-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.footer__column--info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

/* @media (--pc) {
  .footer__column--info {
    max-width: 30%;
  }
} */
@media (max-width: 959px) {}

@keyframes animateLocalization {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    100% {
        opacity: 1;
        transform: translateY(-10px);
    }
}

.footer__localization form {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.footer__localization .dropdown-menu__list-wrapper {
    opacity: 1;
    animation: animateLocalization 200ms ease;
    transform: translateY(-10px);
    background-color: rgb(var(--color-footer-background));
}

.footer__payment {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.footer__payment>svg {
    height: 22px;
    width: 35px;
}

@media (max-width: 959px) {
    .footer__content-bottom-wrapper {
        flex-direction: column;
    }

    .footer__column--info {
        align-items: center;
    }

    .footer__copyright {
        margin-top: 0px;
    }

    .footer__payment {
        justify-content: center;
    }

    .footer__localization form {
        gap: 6px;
    }

    .footer__localization dropdown-menu:last-child .dropdown-menu__list-wrapper {
        right: 0;
    }
}

.footer__conact-block {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.footer__conact-block svg {
    color: rgb(var(--color-text));
    width: 20px;
    height: 20px;
}

.footer__conact-block .footer__conact-text {
    margin-left: 20px;
}

.footer__conact-block .footer__conact-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.footer__conact-block .footer__conact-icon .logo-list-icon {
    width: 20px;
    height: 20px;
    object-fit: cover;
}

@media (max-width: 959px) {
    .footer__list-social {
        flex-wrap: wrap;
        gap: 14px;
    }

    .footer__list-social a svg {
        width: 36px;
        height: 36px;
    }
}

/* The ipad end responds to the mobile end in vertical screen */
/* @custom-media --tablet (max-width: 959px); */
/* @custom-media --gt-mobile (min-width: 751px); */
/* detectingScreen need to consider the configuration of the tablet */
/* =========================================================
   MIOK footer: collapsible company info (ONE CLEAN BLOCK)
   - Right aligned (match SeaWith, Inc. line)
   - TT Hoves font
   - Product-like caret arrow (not black triangle)
   ========================================================= */

/* details wrapper */
.footer__copyright .miok-footer-legal {
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    /* ✅ 오른쪽 라인(SeaWith, Inc.)에 맞추기 */
    display: block !important;
    width: 100% !important;
    text-align: right !important;
    color: #7e8c8d !important;
}

/* summary (trigger) */
.footer__copyright summary.miok-footer-legal__summary {
    list-style: none !important;
    cursor: pointer !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;

    user-select: none !important;
    outline: none !important;

    /* ✅ 폰트/크기 */
    font-family: "TT Hoves Pro Expanded", "tt-hoves", "TT Hoves Pro", "TT Hoves",
        system-ui, -apple-system, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 300 !important;
    letter-spacing: 0.02em !important;
    color: #7e8c8d !important;
}

/* 기본 summary 마커 제거 */
.footer__copyright summary.miok-footer-legal__summary::-webkit-details-marker {
    display: none !important;
}

/* ✅ Product 느낌 caret 화살표 (삼각형 span 필요없음) */
.footer__copyright summary.miok-footer-legal__summary::after {
    content: "" !important;
    width: 8px !important;
    height: 8px !important;
    display: inline-block !important;

    border-right: 1.6px solid currentColor !important;
    border-bottom: 1.6px solid currentColor !important;

    /* 아래를 향한 caret */
    transform: rotate(45deg) translateY(-1px) !important;
    transition: transform .15s ease !important;
    opacity: .95 !important;
}

/* open 상태면 위를 향한 caret */
.footer__copyright details.miok-footer-legal[open] summary.miok-footer-legal__summary::after {
    transform: rotate(-135deg) translateY(1px) !important;
}

/* 펼친 본문 */
.footer__copyright .miok-footer-legal__body {
    margin-top: 10px !important;

    /* ✅ 펼친 본문도 오른쪽 정렬 유지 */
    display: block !important;
    width: 100% !important;
    text-align: right !important;
}

/* ✅ 혹시 예전 삼각형 span이 남아있으면 숨김 처리(안전빵) */
.footer__copyright .miok-footer-legal__chev {
    display: none !important;
}

/* =========================================================
   MIOK footer (MOBILE ONLY) - Company Info collapsible
   - LEFT aligned label + chevron with proper gap
   - NO horizontal shift on open/close
   - Works under flex parent (footer__mobile-gradient-content)
   ========================================================= */
@media (max-width: 959px) {

    /* ===== 1) 부모 flex 영향 제거: 폭을 100%로 고정 ===== */
    .footer__mobile-gradient-content .footer__copyright {
        width: 100% !important;
        align-self: stretch !important;
        display: block !important;
    }

    .footer__mobile-gradient-content .footer__copyright details.miok-footer-legal {
        width: 100% !important;
        display: block !important;
    }

    /* ===== 2) summary 기본 marker 제거 (iOS Safari 포함) ===== */
    .footer__mobile-gradient-content .footer__copyright details.miok-footer-legal>summary.miok-footer-legal__summary {
        list-style: none !important;
        -webkit-appearance: none !important;
    }

    .footer__mobile-gradient-content .footer__copyright details.miok-footer-legal>summary.miok-footer-legal__summary::-webkit-details-marker {
        display: none !important;
    }

    /* ===== 3) LEFT 정렬 + gap + 고정 레이아웃 (안 흔들림 핵심) ===== */
    .footer__mobile-gradient-content .footer__copyright details.miok-footer-legal>summary.miok-footer-legal__summary {
        /* layout */
        width: 100% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        /* ✅ LEFT */
        gap: 10px !important;
        /* ✅ Company Info ↔ chevron 간격 */
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;

        /* type */
        font-family:
            "TT Hoves Pro Expanded",
            "TT Hoves Pro Expanded Fallback",
            "TT Hoves",
            "TT Hoves Fallback",
            "TT Hoves Pro",
            system-ui, -apple-system, Arial, sans-serif !important;
        font-weight: 600 !important;

        /* behavior */
        cursor: pointer !important;
        user-select: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    /* ===== 4) chevron: 폭 고정 + 회전만 (문자 교체 금지) ===== */
    .footer__mobile-gradient-content .footer__copyright details.miok-footer-legal>summary .miok-footer-legal__chev {
        display: inline-block !important;
        width: 18px !important;
        /* ✅ 폭 고정 => 흔들림 방지 */
        line-height: 1 !important;
        text-align: center !important;
        pointer-events: none !important;

        transform-origin: 50% 50% !important;
        transition: transform .16s ease-out !important;
    }

    .footer__mobile-gradient-content .footer__copyright details.miok-footer-legal[open]>summary .miok-footer-legal__chev {
        transform: rotate(180deg) !important;
    }

    /* ===== 5) 본문: 기존 small(copyright__content) 그대로 사용 ===== */
    .footer__mobile-gradient-content .footer__copyright details.miok-footer-legal .miok-footer-legal__body {
        width: 100% !important;
        display: block !important;
        margin-top: 10px !important;
    }

    /* small이 기존 inline 스타일로 흔들리면 여기서 고정 */
    .footer__mobile-gradient-content .footer__copyright details.miok-footer-legal .miok-footer-legal__body small.copyright__content {
        display: block !important;
        text-align: left !important;
        /* ✅ 회사정보도 LEFT */
    }
}

/* KO ONLY: footer Company Info "body text" -> Pretendard (summary/title은 건드리지 않음) */
html[lang^="ko"] #shopline-section-footer details.miok-footer-legal .miok-footer-legal__body,
html[lang^="ko"] #shopline-section-footer details.miok-footer-legal .miok-footer-legal__body *,

/* 화면 기준으로 실제 적용되는 클래스도 같이 안전빵 */
html[lang^="ko"] #shopline-section-footer details.miok-footer-legal small.copyright__content,
html[lang^="ko"] #shopline-section-footer details.miok-footer-legal small.copyright__content * {
    font-family: "Pretendard Variable", "Pretendard",
        -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo",
        system-ui, sans-serif !important;
    font-weight: 300 !important;
    /* 원하면 300~400 사이로 조절 */
    font-synthesis: none !important;
}

@media (min-width: 960px) {
    .footer__copyright-menu-content {
        align-items: flex-start;
    }

    .footer__copyright-menu-content .footer__copyright {
        margin-top: 0 !important;
        padding-top: 0 !important;

    }

    .footer__copyright .miok-footer-legal,
    .footer__copyright summary.miok-footer-legal__summary {
        margin-top: 0 !important;
        padding-top: 0 !important;

    }
}

/* Footer legal links: lock weight consistently across locales */
.footer__footer-menu-link,
.footer__mobile-gradient-content .footer__footer-menu-link {
    font-weight: 300 !important;
    font-synthesis: none !important;

}

/* KO page: prevent heavier fallback rendering */
html[lang^="ko"] #shopline-section-footer .footer__footer-menu-link,
html[lang^="ko"] #shopline-section-footer .footer__footer-menu-link * {
    font-family: "TT Hoves Pro Expanded", "TT Hoves", "TT Hoves Pro", sans-serif !important;
    font-weight: 300 !important;
    font-synthesis: none !important;

}

/* Footer bottom legal menu: match Company Info typography */
#shopline-section-footer .footer__footer-menu-link,
#shopline-section-footer .footer__footer-menu-link *,
#shopline-section-footer .footer__copyright summary.miok-footer-legal__summary,
#shopline-section-footer .footer__copyright summary.miok-footer-legal__summary * {
    color: #7e8c8d !important;
    font-family: "TT Hoves Pro Expanded", "TT Hoves", "TT Hoves Pro", sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 300 !important;
    letter-spacing: 0.02em !important;
    font-synthesis: none !important;
    text-decoration: none !important;
}

@media (max-width: 959px) {

    #shopline-section-footer .footer__mobile-gradient-content .footer__footer-menu-link,
    #shopline-section-footer .footer__mobile-gradient-content .footer__footer-menu-link *,
    #shopline-section-footer .footer__mobile-gradient-content .footer__copyright summary.miok-footer-legal__summary,
    #shopline-section-footer .footer__mobile-gradient-content .footer__copyright summary.miok-footer-legal__summary * {
        color: #7e8c8d !important;
        font-family: "TT Hoves Pro Expanded", "TT Hoves", "TT Hoves Pro", sans-serif !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
        font-weight: 300 !important;
        letter-spacing: 0.02em !important;
        font-synthesis: none !important;
    }
}

/* Desktop footer bottom: keep legal links and Company Info on one baseline */
@media (min-width: 960px) {
    #shopline-section-footer .footer__copyright-menu-content {
        justify-content: flex-start !important;
        align-items: flex-start !important;
        gap: 0 !important;
        flex-wrap: nowrap !important;
        flex-direction: column !important;
    }

    #shopline-section-footer .footer__copyright-menu-content .footer__footer-menu,
    #shopline-section-footer .footer__copyright-menu-content .footer__copyright {
        align-self: center !important;
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #shopline-section-footer .footer__footer-menu-list {
        align-items: flex-start !important;
        gap: 40px !important;
        flex-wrap: nowrap !important;
    }

    #shopline-section-footer .footer__footer-menu-item {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    #shopline-section-footer .footer__footer-menu-link,
    #shopline-section-footer .footer__copyright summary.miok-footer-legal__summary {
        display: inline-flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        height: 20px !important;
        margin: 0 !important;
        padding: 0 !important;
        vertical-align: middle !important;
        white-space: nowrap !important;
    }

    #shopline-section-footer .footer__copyright .miok-footer-legal {
        display: inline-flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        width: auto !important;
        text-align: left !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
    }

    #shopline-section-footer .footer__footer-menu-link,
    #shopline-section-footer .footer__footer-menu-link *,
    #shopline-section-footer .footer__copyright .miok-footer-legal__summary,
    #shopline-section-footer .footer__copyright .miok-footer-legal__summary * {
        color: #7e8c8d !important;
        font-family: "TT Hoves Pro Expanded", "TT Hoves", "TT Hoves Pro", sans-serif !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
        font-weight: 300 !important;
        letter-spacing: 0.02em !important;
        font-synthesis: none !important;
    }

    #shopline-section-footer .footer__footer-menu-item--company .miok-footer-legal,
    #shopline-section-footer .footer__footer-menu-item--company .miok-footer-legal__summary {
        align-items: center !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: nowrap !important;
    }

    #shopline-section-footer .footer__footer-menu-item--company .miok-footer-legal {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    #shopline-section-footer .footer__footer-menu-item--company .miok-footer-legal__summary {
        display: inline-flex !important;
    }

    #shopline-section-footer .footer__footer-menu-item--company .miok-footer-legal__summary,
    #shopline-section-footer .footer__footer-menu-item--company .miok-footer-legal__summary * {
        color: #7e8c8d !important;
        font-family: "TT Hoves Pro Expanded", "TT Hoves", "TT Hoves Pro", sans-serif !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
        font-weight: 300 !important;
        letter-spacing: 0.02em !important;
        font-synthesis: none !important;
    }

    #shopline-section-footer .footer__copyright .miok-footer-legal--desktop-hidden {
        display: none !important;
    }

    #shopline-section-footer .footer__footer-menu-item--company .miok-footer-legal__body {
        display: none !important;
    }

    #shopline-section-footer .miok-footer-company-info-panel {
        display: block !important;
        margin-top: 10px !important;
        margin-left: 0 !important;
        text-align: left !important;
        white-space: nowrap !important;
        width: auto !important;
        max-width: 100% !important;
    }

    #shopline-section-footer .miok-footer-company-info-panel[hidden] {
        display: none !important;
    }

    #shopline-section-footer .footer__footer-menu-item--company .miok-footer-legal__summary {
        cursor: pointer !important;
        pointer-events: auto !important;
        user-select: none !important;
    }

    #shopline-section-footer .miok-footer-company-info-panel p {
        margin: 0 !important;
        text-align: left !important;
    }

    #shopline-section-footer .miok-footer-company-info-panel,
    #shopline-section-footer .miok-footer-company-info-panel * {
        color: #7e8c8d !important;
        font-family: "TT Hoves Pro Expanded", "TT Hoves", "TT Hoves Pro", sans-serif !important;
        font-size: 12px !important;
        line-height: 1.55 !important;
        font-weight: 300 !important;
        letter-spacing: 0 !important;
        font-synthesis: none !important;
    }
}