/*========== MIN ==========*/
@media (min-width: 576px) {
    .visible-mobile-sm {
        display: none !important;
    }

    *[data-card="news"].type-grid {
        grid-gap: calc(var(--spacing-md) - var(--spacing-2xs) * 2) 0;
    }
    *[data-card="news"].type-grid .card .caption {
        padding: var(--spacing-2xs) 0;
    }
    *[data-card="news"].type-grid .card .caption .entry-publish {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        grid-gap: 0 var(--spacing-2xs);
    }
    *[data-card="news"].type-grid .card .caption > .entry-publish:not(:first-child) {
        margin-top: var(--spacing-md);
    }
}

@media (min-width: 768px) {
    .visible-mobile {
        display: none !important;
    }

    /* FORM */
    .field.half {
        width: calc(50% - var(--spacing-2xs) / 2);
    }

    /* FUNCTION:TAB */
    .tab,
    .tabdata {
        font-size: var(--font-size-lg);
    }

    *[data-tab-style="slide"] .swiper-slide:not(:last-child) > a {
        margin-right: var(--spacing-lg);
    }

    /* SECTION */
    .sc-article-box {
        width: 900px;
        max-width: calc(100% - var(--spacing-container) * 2);
        margin-left: auto;
        margin-right: auto;
        padding: 60px var(--spacing-lg) 0;
        background: var(--color-white);
    }
    *[data-section="single"] .sc-cover + .sc-article-box {
        position: relative;
        z-index: 3;
        margin-top: calc((-60px) - 2em);
    }

    /* MODULES */
    .card .caption .entry-title {
        font-size: var(--font-size-lg);
    }

    *[data-card="style"].type-slider .swiper-slide {
        width: calc(100% / 6) !important;
        min-width: 254px;
    }
    *[data-card="style"].type-slider.landscape .swiper-slide {
        width: 31.9444444444% !important;
        min-width: 460px;
    }

    /* PAGE:CAREER */
    *[data-section="job-single"] .sc-headline {
        display: flex;
        align-items: center;
        grid-gap: var(--spacing-xs) var(--spacing-container);
    }
    *[data-section="job-single"] .sc-headline > *:not(:first-child) {
        margin-top: 0;
    }
    *[data-section="job-single"] .sc-headline .sc-explore {
        margin-left: auto;
    }
}

@media (min-width: 992px) {
    .visible-device-sm {
        display: none !important;
    }

    /* GENERAL */
    .container.lg {
        /* max-width: calc(72.9166666667vw + var(--spacing-container)*2); */
        max-width: calc(1050px + var(--spacing-container) * 2);
    }
    .container.md {
        max-width: calc(900px + var(--spacing-container) * 2);
    }
    .container.sm {
        max-width: calc(800px + var(--spacing-container) * 2);
    }
    .container.xs {
        max-width: calc(600px + var(--spacing-container) * 2);
    }

    *[block-w] {
        margin-left: auto;
        margin-right: auto;
    }
    *[block-w="sm"] {
        max-width: 700px;
    }

    .f-left {
        margin-left: 0;
        margin-right: auto;
    }
    .f-right {
        margin-left: auto;
        margin-right: 0;
    }

    /* FOOTER */
    .footer-nav {
        display: grid;
        grid-template-columns: auto auto 1fr;
        grid-gap: var(--spacing-lg) var(--spacing-container);
    }
    .footer-brand {
        grid-row: 1;
        grid-column: 1;
    }
    .footer-contact {
        grid-row: 1;
        grid-column: 2;
    }
    .footer-directory {
        grid-row: 1;
        grid-column: 3;
    }
    .footer-directory .directory {
        display: grid;
        grid-template-columns: repeat(3, 1fr) auto;
        grid-gap: var(--spacing-container) var(--spacing-sm);
        justify-content: flex-end;
    }
    .footer-directory .directory > li[data-directory="policy"] {
        display: none !important;
    }
    .footer-directory .directory > li[data-directory="app"] {
        grid-column: 3 / span 2;
    }
    .footer-directory .directory > li:nth-child(3) {
        padding-bottom: calc(var(--spacing-container) + var(--spacing-sm));
    }
    .footer-directory .directory > li[data-directory="app"]:not(:nth-child(-n + 4)) {
        margin-top: calc((var(--spacing-container) + var(--spacing-sm) + 0.2em) * -1);
    }

    .footer-break,
    .footer-legal {
        grid-column: 1 / span 3;
    }
    .footer-legal {
        text-align: center;
    }
    .footer-legal .policy {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        grid-gap: var(--spacing-sm) var(--spacing-lg);
        max-width: 930px;
        margin-left: auto;
        margin-right: auto;
    }
    .footer-legal .policy > *:not(:first-child) {
        margin-top: 0;
    }

    /* CHAT */
    #chat .chat-panel-scroll {
        --spacing-y: calc(var(--button-height) + var(--spacing-2xs) * 2 + var(--spacing-container) + var(--spacing-sm));
    }

    /* SECTION */
    .sc-elevator {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        position: -webkit-sticky;
        position: sticky;
        z-index: 3;
        top: calc(var(--header-height) + var(--scroll-nav-height));
        transition: top var(--duration) var(--timing-function);
    }
    html.page-scrolling.scroll-down .sc-elevator {
        top: calc(var(--header-nav-height) + var(--header-noti-height) + var(--scroll-nav-height));
    }

    .sc-navi:not(.sc-scroll-navi) .swiper-slide:not(:last-child) > * {
        margin-right: 3vw;
    }

    .sc-blockdata {
        width: 528px;
        max-width: calc(50vw - var(--spacing-container) * 2);
    }
    .sc-blockdata > * {
        width: 100%;
        max-width: 406px;
        margin-left: auto;
        margin-right: auto;
    }

    .sc-billboard > .sc-inner > .sc-container > .sc-group.w-md {
        width: 51.4285714286%;
        max-width: 540px;
    }

    .sc-banners > .sc-banner {
        width: 50%;
    }

    .sc-boxes > .sc-box {
        width: 50%;
    }
    .sc-boxes > .sc-box.content {
        padding-left: var(--spacing-lg);
        padding-right: var(--spacing-lg);
    }

    .sc-columns.v-baseline {
        align-items: baseline;
    }
    .sc-columns > .sc-column {
        width: 50%;
    }
    .sc-columns > .sc-column.v-center {
        align-self: center;
    }
    .sc-columns > .sc-column.sticky {
        height: -webkit-max-content;
        height: -moz-max-content;
        height: max-content;
        position: -webkit-sticky;
        position: sticky;
        top: calc(var(--header-height) + var(--scroll-nav-height));
        transition: top var(--duration) var(--timing-function);
    }
    html.page-scrolling.scroll-down .sc-columns > .sc-column.sticky {
        top: calc(var(--header-nav-height) + var(--header-noti-height) + var(--scroll-nav-height));
    }
    .sc-columns > .sc-column.content.sticky {
        top: calc(var(--header-height) + var(--scroll-nav-height) + var(--spacing-lg));
    }
    html.page-scrolling.scroll-down .sc-columns > .sc-column.content.sticky {
        top: calc(var(--header-nav-height) + var(--header-noti-height) + var(--scroll-nav-height) + var(--spacing-lg));
    }

    *[data-alternate-dir="ltr"] > .sc-columns:not(:first-child) {
        margin-top: var(--spacing-lg);
    }
    *[data-alternate-dir="ltr"] > .sc-columns:nth-child(odd) > .sc-column.content:last-child {
        padding-left: var(--spacing-container);
    }
    *[data-alternate-dir="ltr"] > .sc-columns:nth-child(even) > .sc-column.content:last-child {
        padding-right: var(--spacing-container);
    }
    *[data-alternate-dir="ltr"] > .sc-columns:nth-child(even) {
        flex-direction: row-reverse;
    }

    .sc-collection {
        display: flex;
        align-items: center;
    }
    .sc-collection > .sc-cover {
        width: 73.6111111111%;
    }
    .sc-collection > .sc-cover .object-fit:before {
        padding-bottom: 57.5471698113%;
    }
    .sc-collection > .sc-container {
        position: relative;
        z-index: 1;
        width: calc(100% - (73.6111111111% + var(--spacing-container)));
    }
    .sc-collection > .sc-container > .sc-blockdata {
        float: left;
    }

    .sc-collections[data-alternate-dir="ltr"] > .sc-collection:nth-child(odd) > .sc-cover {
        order: -1;
        margin-left: var(--spacing-container);
        margin-right: 0;
    }
    .sc-collections[data-alternate-dir="ltr"] > .sc-collection:nth-child(odd) > .sc-container > .sc-blockdata {
        float: right;
    }
    .sc-collections[data-alternate-dir="ltr"] > .sc-collection:nth-child(even) > .sc-cover {
        margin-left: 0;
        margin-right: var(--spacing-container);
    }
    .sc-collections[data-alternate-dir="ltr"] > .sc-collection:nth-child(even) > .sc-container {
        order: -1;
    }

    .sc-billboard.h-sm > .sc-cover .object-fit:before {
        padding-bottom: 33.3333333333%;
    }

    /* MODULES */
    *[data-card="news"].type-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    /* *[data-card="news"].type-grid .card-grid:nth-last-child(-n+4) {
        padding-bottom: 0;
        border-bottom: 0;
    } */

    *[data-card="news"].type-recommended {
        max-width: 912px;
        margin-left: auto;
        margin-right: auto;
    }

    *[data-card="offer"].type-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    *[data-card="promo"].type-slider .swiper {
        overflow: hidden !important;
    }
    *[data-card="promo"].type-slider .swiper-slide {
        width: calc(100% / 3) !important;
        min-width: 0;
        max-width: none;
    }
    *[data-card="promo"].type-slider .swiper-hover-prev,
    *[data-card="promo"].type-slider .swiper-button-prev {
        left: calc(var(--spacing-container-minus) / 2);
    }
    *[data-card="promo"].type-slider .swiper-hover-next,
    *[data-card="promo"].type-slider .swiper-button-next {
        right: calc(var(--spacing-container-minus) / 2);
    }

    .featured-container {
        margin-left: var(--spacing-md-minus);
        margin-right: var(--spacing-md-minus);
    }
    .featured-container > .featured {
        width: auto;
        max-width: calc(100% / 3);
        padding-left: var(--spacing-md);
        padding-right: var(--spacing-md);
        border-right: 1px solid var(--color-gold);
    }
    .featured-container > .featured:nth-child(3n + 3),
    .featured-container > .featured:last-child {
        border-right: 0;
    }

    .sc-boxes > .sc-box.content .featured-container {
        margin-left: var(--spacing-sm-minus);
        margin-right: var(--spacing-sm-minus);
    }
    .sc-boxes > .sc-box.content .featured-container > .featured {
        width: calc(100% / 2);
        max-width: none;
        padding-left: var(--spacing-sm);
        padding-right: var(--spacing-sm);
        border-right: 1px solid var(--color-gold);
    }
    .sc-boxes > .sc-box.content .featured-container > .featured:nth-child(2n + 2),
    .sc-boxes > .sc-box.content .featured-container > .featured:last-child {
        border-right: 0;
    }

    .step-container {
        margin-left: var(--spacing-lg-minus);
        margin-right: var(--spacing-lg-minus);
    }
    .step-container .step {
        width: calc(100% / 3);
        padding: 0 var(--spacing-lg);
    }
    .step-container > .step:not(:nth-child(3n + 3)):not(:last-child) {
        border-right: 1px solid var(--color-gold);
    }

    .step-container.type-slider .step {
        width: 100% !important;
        height: 100%;
    }
    .step-container.type-slider .swiper {
        overflow: visible;
    }
    .step-container.type-slider .swiper-slide {
        width: calc(100% / 3) !important;
        height: auto !important;
    }
    .step-container.type-slider .swiper-slide:not(:last-child) .step {
        border-right: 1px solid var(--color-gold);
    }

    /* PAGE:INDEX */
    *[data-section="gold-price-today"] .sc-boxes,
    *[data-section="gold-price-today"] .sc-box {
        background: var(--color-theme);
        border: calc(5px / 2) solid var(--color-gold-light);
        -o-border-image: linear-gradient(180deg, #c5b384 0%, #f1e0a6 51.04%, #f1e0a6 100%, #c5b384 100%) 1;
        border-image: linear-gradient(180deg, #c5b384 0%, #f1e0a6 51.04%, #f1e0a6 100%, #c5b384 100%) 1;
    }
    *[data-section="gold-price-today"] .sc-function {
        display: none !important;
    }
    *[data-section="gold-price-today"] .tab-content {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
        overflow: visible !important;
        pointer-events: auto !important;
    }
    *[data-section="gold-price-today"] .entry-remark {
        text-align: right;
        width: 100%;
    }

    .gold-price-table tr > * {
        padding: var(--spacing-3xs) var(--spacing-sm);
    }
    .gold-price-table tr > *:first-child {
        padding-left: 0;
    }
    .gold-price-table tr > *:last-child {
        padding-right: 0;
        width: 1%;
        min-width: 135px;
        white-space: nowrap;
    }
    .gold-price-table tr > *:not(:last-child) {
        border-right: 1px solid var(--color-border);
    }
    .gold-price-table tbody tr:not(:last-child) > * {
        border-bottom: 1px solid var(--color-border);
    }
    .gold-price-table tr > .tcell-name {
        text-align: left;
    }

    *[data-gold="gold-bar965"] .gold-price-table tr > *:not(:last-child) {
        border-right: 0;
    }

    *[data-section="product-hsh"] > .sc-inner,
    *[data-section="product-hsh"] > .sc-inner > .sc-container.container {
        padding: 0;
    }
    *[data-section="product-hsh"] *[data-card="product"].type-slider .swiper-hover-prev {
        left: calc(var(--spacing-container) / 2);
    }
    *[data-section="product-hsh"] *[data-card="product"].type-slider .swiper-hover-next {
        right: calc(var(--spacing-container) / 2);
    }

    /* PAGE:ABOUT */
    .about-business {
        display: flex;
        align-items: flex-end;
    }
    .about-business > .sc-cover {
        width: calc(100% - 39.8550724638%);
    }
    .about-business > .sc-cover .object-fit {
        width: 127.7108433735%;
        max-width: none;
        float: left;
    }
    .about-business > .sc-block {
        width: 39.8550724638%;
        padding: var(--spacing-lg) var(--spacing-container);
        padding-right: calc(var(--spacing-container-xl) - var(--spacing-container));
    }

    /* PAGE:CONTACT */
    .contact-channel {
        --spacing: 2.7777777778vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        grid-gap: var(--spacing);
    }
    .contact-channel > *:not(:last-child) {
        padding-right: var(--spacing);
        border-right: 1px solid var(--color-gold);
    }
    .contact-channel .channel {
        grid-gap: 1.3888888889vw;
    }
    .contact-channel .channel .cover {
        width: 3.8194444444vw;
        max-width: 55px;
    }

    .contact-map .map-cta .cta[data-cta="tel"] {
        font-weight: var(--font-weight-bold);
        font-size: var(--font-size-h3);
        line-height: var(--line-height-sm);
        color: var(--color-gold);
    }
    .contact-map .map-cta .cta[data-cta="store"] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: var(--button-height);
        padding: 0 var(--spacing-lg);
        background: var(--color-theme);
        color: var(--color-white);
    }
    .contact-map .map-cta .cta[data-cta="store"]:hover {
        background: var(--color-theme-bright);
    }
    .contact-map .map-info-box {
        position: absolute;
        z-index: 3;
        top: var(--spacing-2xs);
        left: var(--spacing-2xs);
        width: 28.2608695652%;
        max-width: 390px;
        height: calc(100% - var(--spacing-2xs) * 2);
        pointer-events: none;
        overflow: hidden;
    }
    .contact-map .map-info-wrap {
        width: 100%;
        height: 100%;
        position: relative;
    }
    .contact-map .map-info-scroll {
        display: block;
        width: auto;
        max-width: none;
        height: auto;
        max-height: 100%;
        padding: 0 25px 0 0;
        margin-right: -25px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        pointer-events: auto;
    }
    .contact-map .map-info:last-child {
        border-bottom: 0;
    }

    /* PAGE:STORES */
    .store {
        display: grid;
        grid-template-columns: 32.3188405797% 1fr 1fr;
        grid-gap: var(--spacing-sm);
    }
    .store .detail,
    .store .more-detail {
        align-self: baseline;
    }
    .store-container > *:not(:first-child) {
        margin-top: calc(var(--spacing-lg) + var(--spacing-sm));
    }

    /* PAGE */
    *[data-layout="page"] {
        display: flex;
        grid-gap: var(--spacing-container);
    }
    *[data-layout="page"] > *:not(:first-child) {
        margin-top: 0;
    }
    *[data-layout="page"] > .sc-sidebar {
        width: auto;
        max-width: calc(100% - 800px - var(--spacing-container));
    }
    *[data-layout="page"] > .sc-main {
        width: 800px;
        margin-left: auto;
        margin-right: auto;
    }

    /* PAGE:CAREER */
    *[data-section="job-single"] .sc-content {
        max-width: 700px;
        margin-left: 0;
        margin-right: auto;
    }

    /* GOLD FUTURES */
    *[data-layout="derivative"] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        grid-gap: var(--spacing-lg) var(--spacing-container);
    }
    *[data-layout="derivative"] > *:not(:first-child) {
        margin-top: 0;
    }
    *[data-layout="derivative"] > .sc-main {
        width: 66.8%;
        margin-left: auto;
    }
    *[data-layout="derivative"] > .sc-sidebar {
        flex: 1;
        max-width: 31.6%;
    }
    *[data-layout="derivative"] > .sc-sidebar .sc-explore {
        max-width: 355px;
    }
    *[data-layout="derivative"] .derivative-container.type-flex {
        justify-content: flex-end;
    }

    .gold-futures-main *[data-section="single"] .symbol-table > * {
        width: calc(100% / 4);
    }
    .gold-futures-main *[data-section="single"] .symbol-table > *:not(:nth-child(4n + 4)) {
        border-right: 1px solid var(--color-border);
    }
    .gold-futures-main *[data-section="single"] .symbol-table > *:not(:nth-child(-n + 4)) {
        border-top: 1px solid var(--color-border);
    }
}

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

@media (min-width: 1280px) {
    .visible-device {
        display: none !important;
    }

    :root {
        --spacing-container-xl: 6.5972222222vw;
        --spacing-container-xl-minus: -6.5972222222vw;
        --header-menu-height: 95px;
        --header-height: calc(var(--header-nav-height) + var(--header-menu-height) + var(--header-noti-height));
    }

    /* SLIDER */
    .swiper-hover-prev.spacing-x-minus {
        left: calc(var(--size-minus) / 2);
    }
    .swiper-hover-next.spacing-x-minus {
        right: calc(var(--size-minus) / 2);
    }

    .swiper-control-panel {
        width: calc(100vw - var(--spacing-container-xl) * 2);
        max-width: calc(100vw - var(--spacing-container-xl) * 2);
        margin: 0 calc(50% - (100vw - var(--spacing-container-xl) * 2) / 2);
    }

    /* GENERAL */
    .container.xl {
        padding-left: var(--spacing-container-xl);
        padding-right: var(--spacing-container-xl);
    }
    *[data-section-style="frame"] .container.xl {
        padding-left: calc(var(--spacing-container-xl) - var(--spacing-container));
        padding-right: calc(var(--spacing-container-xl) - var(--spacing-container));
    }

    .sc-gallery .swiper-hover-prev {
        left: calc(var(--spacing-container-xl) / 2);
    }
    .sc-gallery .swiper-hover-next {
        right: calc(var(--spacing-container-xl) / 2);
    }

    /* HEADER */
    .header-nav {
        grid-template-columns: 1fr auto 1fr;
        grid-gap: 0 var(--spacing-container);
    }

    .header-brand {
        grid-row: 1;
        grid-column: 2;
        justify-self: center;
        text-align: center;
    }

    .header-system.left {
        grid-row: 1;
        grid-column: 1;
        justify-self: flex-start;
        text-align: left;
    }
    .header-system.right {
        grid-row: 1;
        grid-column: 3;
        justify-self: flex-end;
        text-align: right;
    }
    .header-system.right .tools {
        grid-gap: 0 var(--spacing-2xs);
    }

    .header-menu {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        opacity: 1 !important;
        visibility: visible !important;
        transition: transform var(--duration-linear) var(--timing-function-linear);
        will-change: transform;
    }
    html.page-scrolling.scroll-down #header .header-menu {
        opacity: 1 !important;
        pointer-events: none !important;
        transform: translateY(-100%);
    }

    .header-menu-ctrl,
    .header-menu .next,
    .header-menu .panel-footer,
    .header-menu .menu-dropdown-ctrl,
    .header-menu .menu-product-ctrl {
        display: none !important;
    }

    .header-menu .panel,
    .header-menu .panel-wrap,
    .header-menu .panel-scroll,
    .header-menu .panel-inner,
    .header-menu .panel-body,
    .header-menu .menu {
        width: 100%;
        height: 100%;
    }

    .header-menu .panel {
        position: relative;
        z-index: 1;
    }
    .header-menu .panel-inner {
        height: var(--header-menu-height);
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto 1fr;
        grid-auto-flow: dense;
    }
    .header-menu .panel-inner,
    .header-menu .panel-inner > * {
        width: 100%;
        background: var(--color-body-bg);
        color: var(--color-body);
    }
    .header-menu .panel-header {
        grid-row: 2;
        align-self: center;
        overflow: hidden;
    }
    .header-menu .panel-body {
        grid-row: 1;
    }

    .header-menu .menu {
        display: flex;
        justify-content: space-between;
        position: relative;
        font-size: var(--font-size-body);
    }
    .header-menu .menu > li {
        position: static;
        width: auto;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 calc(var(--spacing-xs) / 2);
    }
    .header-menu .menu > li:first-child {
        padding-left: 0;
    }
    .header-menu .menu > li:last-child {
        padding-right: 0;
    }
    .header-menu .menu > li > a {
        position: relative;
        display: flex;
        align-items: center;
        text-align: center;
    }
    .header-menu .menu > li.has-dropdown:hover > a {
        color: var(--color-gold);
        box-shadow: var(--cta-shadow);
    }

    .header-menu .menu-dropdown {
        visibility: visible !important;
        height: auto !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 calc(50% - 50vw) !important;

        /* width: var(--dvw) !important;
        max-width: var(--dvw) !important;
        margin: 0 calc(50% - (var(--dvw)/2)) !important; */

        padding: 0 !important;
        position: absolute;
        z-index: 1;
        top: 100%;
        left: 0;
        right: 0;
        display: none;
    }
    .header-menu .menu-dropdown-wrap {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .header-menu .menu-dropdown-inner {
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg);
        background: var(--color-body-bg);
        color: var(--color-body);
        display: grid;
        grid-template-columns: 1fr minmax(310px, 21.5277777778vw);
        grid-gap: var(--spacing-container);
    }
    .header-menu .menu-dropdown-inner > .menu-featured {
        grid-row: 1;
        grid-column: 2;
    }
    .header-menu .menu-dropdown-inner > .menu-category {
        grid-row: 1;
        grid-column: 1;
    }

    .header-menu .menu-category {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-gap: var(--spacing-container);
    }
    .header-menu .menu-category > *:only-child {
        grid-column: 1 / span 4;
    }

    .header-menu .category-container {
        display: flex;
        flex-direction: column;
        grid-row-gap: 0;
    }
    .header-menu .category-container .sub-category {
        margin-bottom: var(--spacing-lg);
    }
    .header-menu .category-container .sub-category.no-child {
        margin-bottom: var(--spacing-sm);
    }
    .header-menu .category-container ul,
    .header-menu .category-container li {
        display: flex;
        flex-direction: column;
        grid-row-gap: var(--spacing-2xs);
    }
    .header-menu .category-container > ul > li {
        grid-row-gap: var(--spacing-sm);
    }
    .header-menu .category-container > ul > li > ul {
        font-size: var(--font-size-body-sub);
        color: var(--color-gray);
    }

    html.menu-dropdown-enabled .header-menu .panel-overlay {
        opacity: 1;
    }

    .header-menu .menu-product-panel {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        margin: 0 calc(var(--spacing-2xs-minus) / 2);
    }
    .header-menu .menu-product-panel .swiper {
        overflow: visible;
    }
    .header-menu .menu-product-panel .swiper-wrapper {
        justify-content: space-between;
    }
    .header-menu .menu-product-panel .swiper-slide {
        width: auto !important;
        padding: 0 calc(var(--spacing-2xs) / 2);
        flex: 1;
    }

    /* FOOTER */
    .footer-nav {
        grid-template-columns: auto 270px 1fr;
    }

    /* SECTION */
    .sc-content-box,
    .sc-white-box {
        padding-left: var(--spacing-lg);
        padding-right: var(--spacing-lg);
    }

    .sc-banner > .sc-inner {
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg);
    }

    *[data-alternate-dir="ltr"] > .sc-columns:nth-child(odd) > .sc-column.content:last-child {
        padding-left: var(--spacing-container-xl);
        padding-right: calc(var(--spacing-container-xl) - var(--spacing-container));
    }
    *[data-alternate-dir="ltr"] > .sc-columns:nth-child(even) > .sc-column.content:last-child {
        padding-left: calc(var(--spacing-container-xl) - var(--spacing-container));
        padding-right: var(--spacing-container-xl);
    }

    /* MODULES */
    .container:not(.xl, .lg) *[data-card="product"].type-slider .swiper-slide {
        width: 22.6449275362% !important;
    }

    .step-container {
        margin-left: var(--spacing-xl-minus);
        margin-right: var(--spacing-xl-minus);
    }
    .step-container .step {
        padding: 0 var(--spacing-xl);
    }

    /* GOLD FUTURES */
    html.gold-futures-html {
        --header-height: var(--header-nav-height);
    }
}

/*========== MAX ==========*/
@media (max-width: 1279px) {
    .hidden-device {
        display: none !important;
    }

    :root {
        --logo-height: 36px;
        --nav-height: 82px;
    }

    /* HEADER */
    .header-nav {
        grid-template-columns: auto 1fr auto;
        grid-gap: var(--spacing-sm);
    }

    .header-nav .breakpoint-hidden {
        display: none !important;
    }

    *[class*="header-"] .tools {
        grid-gap: 0 var(--spacing-sm);
    }

    .header-system.left {
        display: none !important;
    }
    .header-system.right {
        grid-row: 1;
        grid-column: 2;
        justify-self: flex-end;
    }
    .header-nav:not(:has(> .header-menu-ctrl)) .header-system.right {
        grid-column: 3;
    }

    .header-menu-ctrl {
        grid-row: 1;
        grid-column: 3;
        justify-self: flex-end;
    }

    .header-menu,
    .header-menu .menu-dropdown {
        display: none;
        position: fixed;
        z-index: 100;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        height: calc(var(--vhFlexible, 1vh) * 100);
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    @supports (-webkit-touch-callout: none) {
        .instagram-browser .header-menu,
        .instagram-browser .header-menu .menu-dropdown {
            height: 100vh;
        }
    }
    .header-menu .panel,
    .header-menu .menu-dropdown {
        width: 335px;
        max-width: 89.3333333333vw;
        background: var(--color-body-bg);
        color: var(--color-body);
        overflow: hidden;
        padding-top: calc(var(--header-height) - 1px);
    }

    .header-menu {
        display: block;
        pointer-events: none;
    }
    .header-menu .panel {
        position: relative;
        z-index: 2;
        height: 100%;
        display: block;
        transform: translateX(-100%);
        will-change: transform;
        transition: var(--duration-x2) var(--timing-function);
    }
    .header-menu.active {
        transform: translateX(0);
        pointer-events: auto;
    }
    .header-menu.active .panel {
        transform: translateX(0);
        box-shadow: 5px 0px 13px rgba(0, 0, 0, 0.25);
    }
    .header-menu.active .panel-overlay {
        opacity: 1;
        pointer-events: auto;
    }

    .header-menu .panel-wrap {
        position: relative;
        width: 100%;
        height: 100%;
        /* -webkit-mask-box-image: -webkit-linear-gradient(-90deg, transparent 0%, white var(--spacing-2xs)); */
    }
    .header-menu .panel-scroll {
        flex: 1;
        display: flex;
        flex-direction: column;
        width: auto;
        max-width: none;
        height: 100%;
        padding: 0 25px 0 0;
        margin-right: -25px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        /* -webkit-mask-box-image: -webkit-linear-gradient(90deg, transparent 0%, white var(--spacing-2xs)); */
    }
    .header-menu .panel-inner {
        flex: 1;
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        grid-gap: var(--spacing-md) 0;
        padding-top: var(--spacing-container);
        padding-bottom: var(--spacing-md);
    }
    .header-menu .panel-inner > * {
        width: 100%;
    }

    .header-menu .panel-body {
        flex: 1;
    }

    .header-menu .panel-footer .tools {
        flex-wrap: wrap;
        grid-gap: var(--spacing-xs) 0;
    }
    .header-menu .panel-footer .tools > * {
        width: 100%;
    }
    .header-menu .panel-footer .account-tool + * {
        margin-top: calc(var(--spacing-md) - var(--spacing-xs));
    }

    .header-menu .panel-footer .account-tool .dropdown-style .dropdown {
        top: auto;
        bottom: calc(100% + var(--spacing-2xs));
    }
    .header-menu .panel-footer .account-tool .dropdown-style .dropdown-ctrl {
        width: 100%;
        justify-content: center;
    }
    .header-menu .panel-footer .account-tool .dropdown-style .dropdown-ctrl .ic-chevron-down:before {
        display: block;
        position: relative;
        transition: transform var(--duration) var(--timing-function);
    }
    .header-menu .panel-footer .account-tool .dropdown-style .dropdown-ctrl.active .ic-chevron-down:before {
        transform: rotate(-180deg);
    }

    .header-menu .next,
    .header-menu .back {
        box-shadow: none !important;
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        font-size: var(--font-size-body-sub);
        line-height: 1;
    }

    .header-menu .menu {
        flex: 1;
        display: flex;
        flex-direction: column;
        grid-gap: var(--spacing-sm) 0;
    }
    .header-menu .menu li {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 0 var(--spacing-3xs);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        max-width: 100%;
    }
    .header-menu .menu li.has-dropdown {
        grid-gap: 0;
    }
    .header-menu .menu li.has-dropdown > .next {
        padding-left: var(--spacing-3xs);
        padding-right: 3em;
    }
    .header-menu .menu li.has-dropdown:hover > a {
        color: var(--color-gold);
    }
    .header-menu .menu li > ul {
        width: 100%;
    }

    .header-menu .menu-dropdown-ctrl {
        position: relative;
        width: 100%;
        height: calc(var(--font-size-body-sub) + var(--spacing-container) + var(--spacing-xs));
        padding: var(--spacing-container);
        padding-bottom: var(--spacing-xs);
        background: var(--color-body-bg);
        color: var(--color-body);
    }
    .header-menu .menu-dropdown-wrap {
        position: relative;
        height: calc(100% - (var(--font-size-body-sub) + var(--spacing-container) + var(--spacing-xs)));
        /* -webkit-mask-box-image: -webkit-linear-gradient(-90deg, transparent 0%, white var(--spacing-2xs)); */
    }
    .header-menu .menu-dropdown-scroll {
        width: auto;
        max-width: none;
        height: 100%;
        padding: 0 25px 0 0;
        margin-right: -25px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        /* -webkit-mask-box-image: -webkit-linear-gradient(90deg, transparent 0%, white var(--spacing-2xs)); */
    }
    .header-menu .menu-dropdown-inner {
        position: relative;
        width: 100%;
        min-height: 100%;
        padding: var(--spacing-xs) var(--spacing-container) var(--spacing-md);
    }

    .header-menu .menu-dropdown-inner,
    .header-menu .menu-category,
    .header-menu .category-container {
        display: flex;
        flex-direction: column;
        grid-row-gap: var(--spacing-md);
    }
    .header-menu .menu-category {
        flex: 1;
    }
    .header-menu .category-container ul,
    .header-menu .category-container li {
        display: flex;
        flex-direction: column;
        grid-row-gap: var(--spacing-2xs);
    }
    .header-menu .category-container > ul > li {
        grid-row-gap: var(--spacing-xs);
    }
    .header-menu .category-container > ul > li > ul {
        font-size: var(--font-size-body-sub);
        color: var(--color-gray);
    }

    .header-menu .menu-product-container {
        --button-height: 50px;
    }
    .header-menu .menu-product-ctrl .entry-name > .ic {
        position: relative;
        transition: var(--duration);
        will-change: transform;
    }
    .header-menu .menu-product-ctrl.active .entry-name > .ic {
        transform: rotate(-180deg);
    }
    .header-menu .menu-product-panel {
        display: none;
        width: calc(100% + var(--spacing-container) * 2);
        height: auto;
        position: absolute;
        z-index: 10;
        top: 100%;
        left: var(--spacing-container-minus);
        right: 0;
        background: var(--color-body-bg);
        color: var(--color-body);
        box-shadow: 0px 15px 15px rgb(0 0 0 / 10%);
        overflow: hidden;
    }
    .header-menu .menu-product-panel .swiper {
        overflow: visible;
    }
    .header-menu .menu-product-panel .swiper-wrapper {
        width: 100% !important;
        transform: none !important;
        flex-direction: column;
        grid-gap: var(--spacing-2xs) 0;
    }
    .header-menu .menu-product-panel .swiper-slide {
        width: 100% !important;
    }
    .header-menu .menu-product-wrap {
        /* -webkit-mask-box-image: -webkit-linear-gradient(-90deg, transparent 0%, white var(--spacing-2xs)); */
    }
    .header-menu .menu-product-scroll {
        width: auto;
        max-width: none;
        height: auto;
        max-height: 70vh;
        padding: 0 25px 0 0;
        margin-right: -25px;
        overflow: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        /* -webkit-mask-box-image: -webkit-linear-gradient(90deg, transparent 0%, white var(--spacing-2xs)); */
    }
    .header-menu .menu-product-inner {
        padding: var(--spacing-container);
        padding-top: var(--spacing-2xs);
    }

    html.header-menu-enabled {
        overflow: hidden !important;
    }

    /* html:not(.gold-futures-html) .header-brand {
        --logo-height: 55px;
    } */
}

@media (max-width: 991px) {
    .hidden-device-sm {
        display: none !important;
    }
    .a-left-device-sm {
        text-align: left !important;
    }
    .a-right-device-sm {
        text-align: right !important;
    }
    .a-center-device-sm {
        text-align: center !important;
    }
    .alignwide-device-sm {
        width: 100% !important;
    }
    .alignfull-device-sm {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }
    .overflow-hidden-device-sm {
        overflow: hidden !important;
    }

    :root {
        --spacing-xl: 60px;
        --spacing-xl-minus: -60px;
        --spacing-container: var(--spacing-sm);
        --spacing-container-minus: var(--spacing-sm-minus);
    }

    /* FUNCTION:TAB */
    .tab[data-style="bar"] .swiper-slide {
        min-width: calc(100% / 3);
    }

    .tab-block {
        width: calc(100vw - var(--spacing-container));
        max-width: calc(100vw - var(--spacing-container));
        margin-left: calc(50% - (100vw - var(--spacing-container)) / 2);
        margin-right: calc(50% - (100vw - var(--spacing-container)) / 2);
    }
    .tab-block .tab-inner {
        padding-left: calc(var(--spacing-container) / 2);
        padding-right: calc(var(--spacing-container) / 2);
    }

    /* FUNCTION:DROPDOWN */
    .dropdown-style .dropdown-inner {
        text-align: center;
    }

    /* FILTER */
    .fn-container .fn .select2-dropdown,
    .fn-container .fn .fn-panel {
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        margin: 0;
        border-radius: 0 !important;
        box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.1) !important;
        text-align: center !important;
    }
    .fn-container .fn .select2-results__options,
    .fn-container .fn .fn-panel-inner {
        padding: var(--spacing-container);
        padding-bottom: var(--spacing-lg);
    }
    .fn-container .fn.left .select2-dropdown,
    .fn-container .fn.left .fn-panel {
        left: var(--spacing-container-minus) !important;
    }
    .fn-container .fn.right .select2-dropdown,
    .fn-container .fn.right .fn-panel {
        right: var(--spacing-container-minus) !important;
    }

    /* HEADER */
    *[class*="header-"] .tools {
        grid-gap: 0 var(--spacing-xs);
    }
    *[class*="header-"] *:is(.account-tool, .shoponline-tool) {
        --button-height: 42px;
    }

    .header-nav {
        grid-gap: var(--spacing-xs);
    }

    .header-system .account-tool .ctrl .ic-chevron-down {
        display: none;
    }
    .header-system .account-tool .dropdown-style {
        position: static;
    }
    .header-system .account-tool .dropdown-style .dropdown {
        top: 100%;
        border-radius: 0;
        box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.1);
    }

    /* FOOTER */
    .footer-nav {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-gap: var(--spacing-lg) var(--spacing-md);
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg);
    }
    .footer-brand {
        /* grid-row: 1;
        grid-column: 1; */
        grid-column: 1 / span 2;
    }
    .footer-brand .brand .logo {
        max-height: 90px;
        max-width: min(160px, 42.6666666667vw);
    }
    .footer-contact {
        /* grid-row: 1;
        grid-column: 2; */
        grid-column: 1 / span 2;
    }
    .footer-directory,
    .footer-break,
    .footer-legal {
        grid-column: 1 / span 2;
    }
    .footer-directory .directory {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: var(--spacing-md) var(--spacing-container);
    }
    .footer-directory .directory > li > *:is(ul, div):not(:first-child) {
        margin-top: var(--spacing-xs);
    }
    .footer-legal {
        grid-row-gap: var(--spacing-md);
    }
    html:not(.gold-futures-html) .footer-legal .policy {
        display: none !important;
    }

    /* CHAT */
    #chat {
        --button-height: 50px;
    }
    #chat .chat-ctrl {
        width: var(--button-height);
        height: var(--button-height);
        border-radius: 50%;
        padding: 0;
    }
    #chat .chat-ctrl .ic-name {
        display: none !important;
    }

    /* SECTION */
    section {
        --sc-spacing-y-resize: calc(var(--spacing-sm) * 2);
        --sc-spacing-y-resize-minus: calc(var(--spacing-sm-minus) * 2);
        --sc-h: calc(100vh - var(--header-height) - var(--scroll-nav-height) - var(--spacing-container) * 2);
        --sc-h-check: calc((var(--vh, 1vh) * 100) - var(--header-height) - var(--scroll-nav-height) - var(--spacing-container) * 2);
    }
    main > section[data-section-style="frame"]:first-child,
    main > section:first-child > .sc-scroll-container > .sc-scroll-navi + section[data-section-style="frame"] {
        --sc-h: calc(100vh - var(--header-height) - var(--scroll-nav-height) - var(--spacing-container));
        --sc-h-check: calc((var(--vh, 1vh) * 100) - var(--header-height) - var(--scroll-nav-height) - var(--spacing-container));
    }

    .sc-navi .sc-container.container {
        padding-left: calc(var(--spacing-container) - var(--spacing-xs));
        padding-right: calc(var(--spacing-container) - var(--spacing-xs));
    }
    .sc-navi .swiper-slide:last-child > .button {
        margin-right: calc(var(--spacing-container) - var(--spacing-3xs));
    }
    .sc-navi .sc-container.container .sc-menu[data-style="img"] {
        padding-left: calc(var(--spacing-container) - (var(--spacing-container) - var(--spacing-xs)));
        padding-right: calc(var(--spacing-container) - (var(--spacing-container) - var(--spacing-xs)));
    }

    .sc-menu[data-style="img"] {
        padding-top: var(--spacing-2xs);
        padding-bottom: var(--spacing-2xs);
    }
    .sc-menu[data-style="img"] .object-fit {
        width: 70px !important;
    }
    .sc-menu[data-style="img"] .swiper-slide:not(:last-child) > * {
        margin-right: var(--spacing-2xs) !important;
    }

    /* .sc-billboard > .sc-cover .object-fit,
    .sc-overview > .sc-cover .object-fit {
        max-height: var(--sc-h);
        max-height: var(--sc-h-check);
    } */
    .sc-billboard > .sc-cover .object-fit:before,
    .sc-overview > .sc-cover .object-fit:before {
        /* padding-bottom: 190.7462686567%; */
        padding-bottom: 179.7014925373%;
    }

    .sc-billboard.h-resize-md > .sc-cover .object-fit:before {
        padding-bottom: 136.7361111111%;
    }
    .sc-billboard-slider[data-type="carousel"] {
        margin-left: var(--spacing-3xs-minus);
        margin-right: var(--spacing-3xs-minus);
    }
    .sc-billboard-slider[data-type="carousel"] .swiper-slide {
        padding-left: var(--spacing-3xs);
        padding-right: var(--spacing-3xs);
    }

    .sc-billboard[data-style="blockdata"] {
        padding-bottom: var(--sc-spacing-y);
    }
    .sc-billboard[data-style="blockdata"] > .sc-inner {
        padding-bottom: 0;
    }
    .sc-billboard[data-style="blockdata"] > .sc-inner > .sc-container[data-row="1"] > .sc-group {
        align-self: flex-end;
    }

    .sc-collection {
        padding: 0 var(--spacing-container);
    }
    .sc-collection > .sc-cover {
        width: 100%;
    }
    .sc-collection > .sc-cover .object-fit:before {
        padding-bottom: 125.3472222222%;
    }
    .sc-collection > .sc-container {
        height: var(--spacing-xl);
        display: flex;
        align-items: flex-end;
    }
    .sc-collection > .sc-container > .sc-blockdata {
        min-height: -webkit-fit-content;
        min-height: -moz-fit-content;
        min-height: fit-content;
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg);
    }
    .sc-collections {
        grid-gap: var(--spacing-lg) 0;
    }

    .sc-textboard > .sc-inner,
    .sc-overview > .sc-inner {
        min-height: var(--sc-h);
        min-height: var(--sc-h-check);
    }

    .sc-overview.style2 > .sc-cover + .sc-inner {
        margin-top: -51.2vw;
        min-height: calc(51.2vw - var(--spacing-container) * 2);
        align-items: flex-start;
    }
    .sc-overview.style2 > .sc-inner > .sc-container {
        padding-left: calc(var(--spacing-container) / 2);
        padding-right: calc(var(--spacing-container) / 2);
    }

    .sc-columns > .sc-column.cover {
        width: calc(100vw - var(--spacing-container));
        max-width: calc(100vw - var(--spacing-container));
        margin-left: calc(50% - (100vw - var(--spacing-container)) / 2);
        margin-right: calc(50% - (100vw - var(--spacing-container)) / 2);
    }

    .sc-gallery {
        margin-left: auto;
        margin-right: auto;
    }
    .sc-gallery .object > * {
        height: auto;
        min-height: 0;
    }
    .sc-gallery .swiper-wrapper {
        transform: none !important;
        width: 100% !important;
        display: flex;
        flex-wrap: wrap;
        grid-gap: var(--spacing-2xs);
        grid-auto-flow: dense;
    }
    .sc-gallery .swiper-slide {
        width: calc((100% - var(--spacing-2xs)) / 2) !important;
        height: 100% !important;
        pointer-events: auto !important;
        padding: 0;
    }
    .sc-gallery .swiper-slide .object {
        width: 100%;
        height: 100%;
    }
    .sc-gallery .swiper-slide .object > * {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }
    .sc-gallery .swiper-slide:has(.landscape) {
        width: 100% !important;
    }
    .sc-gallery .swiper-slide-duplicate,
    .sc-gallery *[class*="swiper-hover-"] {
        display: none !important;
    }

    section .hidden-device-sm:first-child + * {
        margin-top: 0 !important;
    }

    *[data-section="bundle-device-sm"] > section:not(:last-child) > .sc-inner:last-child {
        padding-bottom: 0 !important;
    }

    /* MODULES */
    *[data-card="news"].type-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    /* *[data-card="news"].type-grid .card-grid:nth-last-child(-n+2) {
        padding-bottom: 0;
        border-bottom: 0;
    } */

    *[data-card="promo"].type-slider .swiper-slide {
        width: 380px !important;
        min-width: 30.4%;
        max-width: 85.3333333333vw;
    }
    *[data-card="promo"].type-slider .swiper-slide:only-child {
        width: 100% !important;
    }

    *[data-section="single"] .sc-cover .object-fit:before {
        padding-bottom: 57%;
    }

    *[data-section="single"] .sc-cover .cover-logo .logo {
        max-width: 22.6666666667vw;
        height: 16vw;
    }
    *[data-section="single"] .sc-cover .cover-logo .logo:not(:last-child) {
        margin-right: 5vw;
        padding-right: 5vw;
    }

    .featured-container {
        margin-left: auto;
        margin-right: auto;
    }
    .featured-container > .featured {
        padding-left: var(--spacing-2xs);
        padding-right: var(--spacing-2xs);
    }
    .featured-container > .featured:not(:first-child),
    .featured-container + .featured-container > .featured:first-child {
        padding-top: var(--spacing-sm);
        border-top: 1px solid var(--color-gold);
    }

    .step .cover {
        max-width: 280px;
        margin-left: auto;
        margin-right: auto;
    }
    .step-container > .step:not(:last-child) {
        padding-bottom: var(--spacing-lg);
        border-bottom: 1px solid var(--color-gold);
    }

    .step-container.type-slider .swiper-wrapper {
        transform: none !important;
        flex-direction: column !important;
        grid-gap: var(--spacing-lg) 0;
    }
    .step-container.type-slider .swiper-slide {
        width: 100% !important;
    }
    .step-container.type-slider .swiper-slide:not(:last-child) .step {
        padding-bottom: var(--spacing-lg);
        border-bottom: 1px solid var(--color-gold);
    }
    .step-container.type-slider *[class*="swiper-hover-"],
    .step-container.type-slider *[class*="swiper-button-"] {
        display: none !important;
    }

    .compare-table .table-mask,
    .compare-table .table-rwd {
        width: 100vw;
        max-width: 100vw;
        margin: 0 calc(50% - 50vw);
        padding: 0 var(--spacing-container);
    }
    .compare-table .table-mask {
        /* -webkit-mask-box-image: -webkit-linear-gradient(0deg, transparent 0%, white var(--spacing-container)); */
    }
    .compare-table .table-rwd {
        display: block;
        margin-bottom: var(--spacing-sm-minus);
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        /* -webkit-mask-box-image: -webkit-linear-gradient(180deg, transparent 0%, white var(--spacing-container)); */
    }
    .compare-table .table-rwd table {
        width: 100%;
        max-width: 100%;
        margin-bottom: var(--spacing-sm);
    }
    .compare-table table tr > * {
        min-width: 234px;
    }
    .sc-content-box .compare-table .table-mask,
    .sc-content-box .compare-table .table-rwd {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        -webkit-mask-box-image: unset;
    }
    .sc-content-box .compare-table .table-mask {
        padding: 0;
    }
    .sc-content-box .compare-table {
        width: auto;
        max-width: none;
        margin-left: var(--spacing-container-minus);
        margin-right: var(--spacing-container-minus);
    }

    /* PAGE:INDEX */
    *[data-section="gold-price-today"] .sc-container {
        padding-left: calc(var(--spacing-container) - var(--spacing-3xs));
        padding-right: calc(var(--spacing-container) - var(--spacing-3xs));
        background: var(--color-theme);
        border: var(--spacing-3xs) solid var(--color-gold-light);
        -o-border-image: linear-gradient(180deg, #c5b384 0%, #f1e0a6 51.04%, #f1e0a6 100%, #c5b384 100%) 1;
        border-image: linear-gradient(180deg, #c5b384 0%, #f1e0a6 51.04%, #f1e0a6 100%, #c5b384 100%) 1;
    }

    .gold-price-table tr > * {
        padding: 0 var(--spacing-3xs) var(--spacing-3xs);
    }
    .gold-price-table tr > *:first-child {
        padding-left: 0;
    }
    .gold-price-table tr > *:last-child {
        padding-right: 0;
    }
    .gold-price-table tr > *:not(:first-child):not(:last-child) {
        width: auto !important;
    }
    .gold-price-table tr > .tcell-change {
        width: 30% !important;
    }
    .gold-price-table tr > .tcell-price:not(:last-child) {
        border-right: 1px solid var(--color-border);
    }
    .gold-price-table > *:last-child > tr:last-child > * {
        padding-bottom: 0;
    }
    .gold-price-table .change {
        min-width: auto;
    }
    .gold-price-table .change:before {
        font-size: 87.5%;
    }

    *[data-gold="gold-bar965"] .gold-price-table tbody tr > * {
        padding-top: var(--spacing-2xs);
        padding-bottom: var(--spacing-2xs);
        border-bottom: 1px solid var(--color-border);
    }
    *[data-gold="gold-bar965"] .gold-price-table tr > *:first-child {
        text-align: left;
    }
    *[data-gold="gold-bar965"] .gold-price-table > *:first-child > tr:first-child > * {
        padding-top: 0;
    }
    *[data-gold="gold-bar965"] .gold-price-table > *:last-child > tr:last-child > * {
        padding-bottom: 0;
        border-bottom: 0;
    }
    *[data-gold="gold-bar965"] .gold-price-table tr > .tcell-price:not(:last-child) {
        border-right: 0;
    }
    *[data-gold="gold-bar965"] .gold-price-table tr.trow-associate > * {
        border-bottom: 0;
        padding-bottom: 0;
    }
    *[data-gold="gold-bar965"] .gold-price-table tr.trow-associate .entry-remark {
        display: block;
        margin: var(--spacing-3xs) 0 0;
    }

    *[data-gold="inter-gold"] .gold-price-table,
    *[data-gold="inter-gold"] .gold-price-table > *,
    *[data-gold="inter-gold"] .gold-price-table tr,
    *[data-gold="inter-gold"] .gold-price-table tr > * {
        display: block;
    }
    *[data-gold="inter-gold"] .gold-price-table tr {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: var(--spacing-2xs) 0;
    }
    *[data-gold="inter-gold"] .gold-price-table tr > * {
        width: 100% !important;
        padding: var(--spacing-3xs) var(--spacing-container);
    }
    *[data-gold="inter-gold"] .gold-price-table tr > .tcell-name {
        grid-row: 1;
        grid-column: 1 / span 2;
        padding: 0 0 var(--spacing-2xs);
        border: 0;
        border-bottom: 1px solid var(--color-border);
        text-align: center;
    }
    *[data-gold="inter-gold"] .gold-price-table tr > .tcell-name br {
        display: none;
    }
    *[data-gold="inter-gold"] .gold-price-table tr > .tcell-name + .tcell-price {
        padding-left: 0;
    }

    *[data-section="gold-price-today"] *[data-box="gold-graph"] .sc-headline {
        min-height: 0 !important;
        grid-row-gap: var(--spacing-3xs);
    }

    /* PAGE:PRODUCT */
    *[data-section="product-detail"] > .sc-inner > .sc-container + .sc-explore {
        margin-top: var(--spacing-lg) !important;
    }

    /* PAGE:ABOUT */
    .about-main *[data-section="highlight"] .sc-grid-row > .sc-inner {
        padding-top: var(--spacing-container);
    }
    .about-main *[data-section="highlight"] .sc-grid-row > .sc-inner > .sc-container > *[data-pos="middle"] {
        align-self: start;
    }

    .about-history {
        padding: 0 calc(var(--spacing-container) / 2);
    }
    .about-history .swiper-hover-prev.spacing-x-minus {
        left: calc((var(--spacing-container-minus) / 2) - (var(--spacing-container) / 2));
    }
    .about-history .swiper-hover-next.spacing-x-minus {
        right: calc((var(--spacing-container-minus) / 2) - (var(--spacing-container) / 2));
    }
    .about-history .swiper-slide {
        width: calc(100% / 2) !important;
    }

    .about-business > .sc-cover {
        width: calc(100vw - var(--spacing-container));
        max-width: calc(100vw - var(--spacing-container));
        margin-left: calc(50% - (100vw - var(--spacing-container)) / 2);
        margin-right: calc(50% - (100vw - var(--spacing-container)) / 2);
    }
    .about-business > .sc-block {
        width: calc(100% + var(--spacing-container) / 2);
        max-width: calc(100% + var(--spacing-container) / 2);
        padding-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: var(--spacing-lg-minus);
    }

    .about-company {
        grid-template-columns: 100%;
        grid-gap: var(--spacing-2xs) 0;
    }
    .about-company .company {
        padding: var(--spacing-md) var(--spacing-container);
    }
    .about-company .company .cover .entry-logo > * {
        max-width: 175px;
        height: 85px;
    }

    /* PAGE:CONTACT */
    .contact-channel {
        --spacing: var(--spacing-sm);
        display: flex;
        flex-direction: column;
        align-items: center;
        grid-gap: var(--spacing-sm);
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .contact-channel .channel .caption {
        padding-right: var(--spacing-sm);
    }
    .contact-channel > * {
        width: 100%;
    }
    .contact-channel > *:not(:last-child) {
        padding-bottom: var(--spacing);
        border-bottom: 1px solid var(--color-gold);
    }
    .contact-channel + .contact-channel {
        margin-top: var(--spacing);
        padding-top: var(--spacing);
        border-top: 1px solid var(--color-gold);
    }

    .contact-map .map-container:before {
        padding-bottom: 104.4776119403%;
    }
    .contact-map .map-cta {
        padding: var(--spacing-2xs);
        grid-gap: var(--spacing-2xs);
    }
    .contact-map .map-cta .cta {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0;
    }
    .contact-map .map-cta .cta:before {
        font-family: "iconfont";
        font-size: 18px;
    }
    .contact-map .map-cta .cta[data-cta="tel"] {
        color: var(--color-gold);
    }
    .contact-map .map-cta .cta[data-cta="tel"]:before {
        content: "\e92c";
    }
    .contact-map .map-cta .cta[data-cta="store"] {
        background: var(--color-theme);
        color: var(--color-white);
    }
    .contact-map .map-cta .cta[data-cta="store"]:before {
        content: "\e94a";
    }

    /* PAGE:STORES */
    .store > *:not(:first-child) {
        margin-top: var(--spacing-md);
    }
    .store > .cover + *:not(:first-child) {
        margin-top: var(--spacing-sm);
    }
    .store > .detail {
        display: grid;
        grid-template-columns: 100%;
        grid-gap: 0 var(--spacing-2xs);
    }
    .store > .detail > .entry-title {
        grid-row: 1;
        margin-top: 0;
    }
    .store > .detail > .entry-tag {
        grid-row: 2;
    }

    /* PAGE:CAREER */
    .job-wrapper {
        grid-template-columns: 100%;
    }
    .job-wrapper .entry-logo > * {
        max-width: 175px;
        max-height: 85px;
    }

    /* GOLD FUTURES */
    .derivative-container.type-flex {
        grid-gap: var(--spacing-2xs);
    }
    .derivative-container.type-flex > * {
        width: calc((100% - var(--spacing-2xs) * 2) / 3);
    }

    .gold-futures-main *[data-section="single"] .symbol-table > * {
        width: calc(100% / 2);
    }
    .gold-futures-main *[data-section="single"] .symbol-table > *:not(:nth-child(2n + 2)) {
        border-right: 1px solid var(--color-border);
    }
    .gold-futures-main *[data-section="single"] .symbol-table > *:not(:nth-child(-n + 2)) {
        border-top: 1px solid var(--color-border);
    }
    .gold-futures-main *[data-section="single"] .time-table,
    .gold-futures-main *[data-section="single"] .time-table > *,
    .gold-futures-main *[data-section="single"] .time-table tr,
    .gold-futures-main *[data-section="single"] .time-table tr > * {
        display: block;
        width: 100%;
    }
    .gold-futures-main *[data-section="single"] .time-table tr > *:first-child {
        width: 100%;
    }
    .gold-futures-main *[data-section="single"] .time-table tr > *:not(:last-child) {
        padding-right: 0 !important;
    }

    /* PAGE:404 */
    *[data-section="404"] .sc-inner {
        padding-top: var(--spacing-container);
    }
}

@media (max-width: 767px) {
    .hidden-mobile {
        display: none !important;
    }
    .a-left-mobile {
        text-align: left !important;
    }
    .a-right-mobile {
        text-align: right !important;
    }
    .a-center-mobile {
        text-align: center !important;
    }
    .alignwide-mobile {
        width: 100% !important;
    }
    .alignfull-mobile {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
    }

    :root {
        --font-size-h3: var(--font-size-xl);
        --font-size-h2: 26px;
        --font-size-h1: 34px;
    }

    /* CTAs */
    .button-container > .or,
    .cta-container > .or {
        width: 100%;
    }

    /* POST */
    .entry-share {
        flex-direction: column;
        align-items: flex-start;
    }

    /* SECTION */
    section .hidden-mobile:first-child + * {
        margin-top: 0 !important;
    }

    /* MODULES */
    *[data-card="news"].type-list .card {
        grid-gap: var(--spacing-2xs);
    }
    *[data-card="news"].type-list .card .cover {
        width: 32vw;
        min-width: 120px;
    }
    *[data-card="news"].type-list .card .caption {
        grid-gap: var(--spacing-3xs);
    }
    *[data-card="news"].type-list .card .caption > .entry-title {
        max-width: 100%;
    }

    *[data-card="news"].type-list-slider .card {
        grid-gap: var(--spacing-2xs);
    }
    *[data-card="news"].type-list-slider .card .cover {
        width: 32vw;
        min-width: 120px;
    }
    *[data-card="news"].type-list-slider .card .caption {
        grid-gap: var(--spacing-3xs);
    }
    *[data-card="news"].type-list-slider .card .caption > .entry-title {
        max-width: 100%;
    }

    *[data-card="product"].type-slider {
        padding-left: var(--spacing-container);
        padding-right: var(--spacing-container);
    }
    *[data-card="product"].type-slider .card .cover .object-fit:before {
        padding-bottom: 80.2083333333%;
    }
    *[data-card="product"].type-slider .swiper-wrapper {
        transform: none !important;
        width: 100% !important;
        flex-direction: column;
    }
    *[data-card="product"].type-slider .swiper-slide {
        width: 100% !important;
        pointer-events: auto !important;
    }
    *[data-card="product"].type-slider *[class*="swiper-hover-"] {
        display: none !important;
    }

    *[data-card="style"] .card {
        padding: var(--spacing-container);
    }
    *[data-card="style"] .card:not(.landscape) {
        flex-direction: row;
        align-items: center;
    }
    *[data-card="style"] .card:not(.landscape) .cover {
        width: 32.8358208955%;
        min-width: 110px;
    }
    *[data-card="style"] .card:not(.landscape) .caption {
        flex: 1;
        text-align: center;
    }
    *[data-card="style"].type-slider {
        margin-left: auto;
        margin-right: auto;
    }
    *[data-card="style"].type-slider .swiper-wrapper {
        width: 100% !important;
        transform: none !important;
        flex-direction: column;
        grid-gap: var(--spacing-2xs) 0;
    }
    *[data-card="style"].type-slider .swiper-slide {
        width: 100% !important;
        pointer-events: auto !important;
        min-width: 100%;
        padding: 0;
    }
    *[data-card="style"].type-slider *[class*="swiper-hover-"] {
        display: none !important;
    }

    /* PAGE:INDEX */
    .gold-price-box-inner .entry-remark .p-group {
        display: block;
    }

    *[data-section="gold-price-today"] .sc-headline > .sc-logo .logo {
        height: 60px;
    }
}

@media (max-width: 575px) {
    .hidden-mobile-sm {
        display: none !important;
    }

    :root {
        --font-size-body: var(--font-size-sm);
        --font-size-body-sub: var(--font-size-xs);
    }

    /* FUNCTION:TAB */
    .tab[data-style="bar"] .swiper-slide {
        min-width: calc(100% / 2);
    }

    /* POST */
    .entry-content .wp-block-gallery > * {
        width: 100% !important;
    }
    .entry-content .wp-block-gallery .blocks-gallery-grid {
        grid-template-columns: 100% !important;
    }
    .entry-content .wp-block-gallery .blocks-gallery-grid:nth-child(odd):last-child {
        grid-column: unset !important;
    }

    /* HEADER */
    .header-menu .panel,
    .header-menu .menu-dropdown {
        width: 100%;
    }

    /* MODULES */
    *[data-card="product"].type-slider .swiper-slide {
        width: 100% !important;
    }

    *[data-card="promo"].type-slider .swiper-slide {
        width: 100% !important;
    }

    /* PAGE:INDEX */
    *[data-section="gold-price-today"] .sc-headline {
        --logo-height: 16vw;
    }

    /* PAGE:ABOUT */
    .about-history .swiper-slide {
        width: 100% !important;
    }

    /* GOLD FUTURES */
    .derivative-container.type-flex > * {
        width: calc((100% - var(--spacing-2xs)) / 2);
    }

    .gold-futures-main *[data-section="single"] .entry-content > table tr > * {
        padding-left: var(--spacing-2xs);
        padding-right: var(--spacing-2xs);
    }
}

@media (max-width: 375px) {
    :root {
        /* vw/375px */
        --font-size-3xs: 2.1333333333vw;
        --font-size-2xs: 2.6666666667vw;
        --font-size-xs: 3.2vw;
        --font-size-sm: 3.7333333333vw;
        --font-size-md: 4.2666666667vw;
        --font-size-lg: 4.8vw;
        --font-size-xl: 5.3333333333vw;
        --font-size-h3: var(--font-size-xl);
        --font-size-h2: 6.4vw;
        --font-size-h1: 9.6vw;

        --icon-size: 5.3333333333vw;
        --icon-size-lg: 6.9333333333vw;
        --icon-size-xl: 9.06666666667vw;

        --button-height: var(--button-height-sm);
    }

    .entry-blockquote {
        padding-left: var(--spacing-2xs);
        padding-right: var(--spacing-2xs);
    }

    /* HEADER */
    #header {
        --logo-height: 9.6vw;
    }
    *[class*="header-"] *:is(.account-tool, .shoponline-tool) {
        --button-height: 11.2vw;
    }

    /* CHAT */
    #chat {
        --button-height: 13.3333333333vw;
    }
    #chat .chat-button {
        --button-height: 14.4vw;
    }

    .gold-price-table .change {
        grid-gap: 1.3333333333vw;
        padding: 0 4vw;
        height: 10.6666666667vw;
    }
}

/*========== MIN AND MAX ==========*/
@media (min-width: 1280px) and (max-width: 1439px) {
    :root {
        /* vw/1440px */
        --font-size-3xs: 0.5555555556vw;
        --font-size-2xs: 0.6944444444vw;
        --font-size-xs: 0.8333333333vw;
        --font-size-sm: 0.9722222222vw;
        --font-size-md: 1.1111111111vw;
        --font-size-lg: 1.25vw;
        --font-size-xl: 1.3888888889vw;
        --font-size-h3: 1.5277777778vw;
        /* --font-size-h2: 2.3611111111vw;
        --font-size-h1: 3.1944444444vw;  */
        --font-size-h2: 2.08333333333vw;
        --font-size-h1: 2.5vw;

        --icon-size: 1.3888888889vw;
        --icon-size-lg: 1.8055555556vw;
        --icon-size-xl: 2.5vw;
    }

    .sc-navi .swiper,
    .header-menu .menu-product-container {
        --spacing-3xs-minus: -0.3472222222vw;
        --spacing-3xs: 0.3472222222vw;
        --spacing-2xs-minus: -0.6944444444vw;
        --spacing-2xs: 0.6944444444vw;
        --spacing-xs-minus: -1.04166666667vw;
        --spacing-xs: 1.04166666667vw;
        --spacing-sm-minus: -1.3888888889vw;
        --spacing-sm: 1.3888888889vw;
        --spacing-md-minus: -2.08333333333vw;
        --spacing-md: 2.08333333333vw;
        --spacing-lg: 3.4722222222vw;
        --spacing-lg-minus: -3.4722222222vw;
    }

    .header-menu .menu-product-container {
        --icon-size: 2.2222222222vw;
    }

    /* PAGE:INDEX */
    .gold-price-table {
        --spacing-2xs-minus: -0.6944444444vw;
        --spacing-2xs: 0.6944444444vw;
        --spacing-xs-minus: -1.04166666667vw;
        --spacing-xs: 1.04166666667vw;
        --spacing-sm-minus: -1.3888888889vw;
        --spacing-sm: 1.3888888889vw;
    }
    .gold-price-table tr > *:last-child {
        min-width: 9.375vw;
    }
    .gold-price-table .change {
        min-width: 7.08333333333vw;
    }
}

@media (min-width: 992px) and (max-width: 1439px) {
    .sc-billboard .sc-inner,
    .sc-billboard .sc-blockdata {
        padding-top: 5.5555555556vw;
        padding-bottom: 5.5555555556vw;
    }

    .featured-container {
        --spacing-sm-minus: -1.3888888889vw;
        --spacing-sm: 1.3888888889vw;
        --spacing-md-minus: -2.08333333333vw;
        --spacing-md: 2.08333333333vw;
        --icon-size: 3.3333333333vw;
    }
}

@media (min-width: 992px) and (max-width: 1279px) {
    :root {
        /* vw/1280px */
        --font-size-3xs: 0.625vw;
        --font-size-2xs: 0.78125vw;
        --font-size-xs: 0.9375vw;
        --font-size-sm: 1.09375vw;
        --font-size-md: 1.25vw;
        --font-size-lg: 1.40625vw;
        --font-size-xl: 1.5625vw;
        --font-size-h3: 1.71875vw;
        /* --font-size-h2: 2.65625vw;
        --font-size-h1: 3.59375vw; */
        --font-size-h2: 2.34375vw;
        --font-size-h1: 2.8125vw;

        --icon-size: 1.5625vw;
        --icon-size-lg: 2.03125vw;
        --icon-size-xl: 2.8125vw;
    }

    /* PAGE:INDEX */
    .gold-price-table {
        --spacing-2xs-minus: -0.78125vw;
        --spacing-2xs: 0.78125vw;
        --spacing-xs-minus: -1.171875vw;
        --spacing-xs: 1.171875vw;
        --spacing-sm-minus: -1.5625vw;
        --spacing-sm: 1.5625vw;
    }
    .gold-price-table tr > *:last-child {
        min-width: 10.546875vw;
    }
    .gold-price-table .change {
        min-width: 7.96875vw;
    }
}