/* ==========================================================================
   COMBINED MEDIA QUERIES (style-el-media + style-z-media)
   ========================================================================== */

/* --- FROM style-el-media.css --- */
@media screen and (min-width: 25em) {
  .p-header-logo-container {
    margin-left: 2.25rem;
    margin-right: -0.1rem;
  }

  .p-productbar-navigation {
    display: block;
  }
}

@media print, screen and (min-width: 40em) {
  html:not(.ie9) .medium-flex-child-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  html:not(.ie9) .medium-flex-child-grow {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }

  .p-banner-overlay {
    background: rgba(0,0,0,0);
  }

  .p-mobile-simple-nav {
    display: none;
  }

  .p-banner-subtitle {
    margin-bottom: 1rem;
  }

  .p-promise-bar-item {
    padding: 1.5rem 0.25rem;
  }

  .p-share-row {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .p-shopping-primary-card {
    padding: 1.5rem;
  }

  .p-shopping-primary-card-test {
    border-radius: 4px;
    padding: 1rem 1.5rem;
  }

  .p-shopping-primary-card-title {
    font-size: 1rem;
  }

  .reveal {
    min-height: 0;
    width: 600px;
    max-width: 75rem;
  }

    .reveal.large {
      width: 90%;
      max-width: 75rem;
    }

    .reveal, .reveal.large, .reveal.small, .reveal.tiny {
      right: auto;
      left: auto;
      margin: 0 auto;
    }

  .u-medium-margin-left-small {
    margin-left: 1rem !important;
  }

  .u-medium-margin-left-tiny {
    margin-left: 0.5rem !important;
  }

  .u-medium-text-align-left {
    text-align: left !important;
  }

  .v-carousel-button {
    font-size: 3rem;
    padding: 1.5rem;
  }

  .v-carousel-main-container {
    height: 500px;
  }

  .v-carousel-main-image {
    margin: 0 1rem;
    max-width: 65%;
  }

  .v-dlp-container-label-results {
    font-size: 1.25rem;
    font-weight: normal;
  }

  .v-dlp-container-sticky-topbar .filterButtons {
    display: inline;
    width: auto;
  }

  .v-filter-container-off-canvas {
    width: 350px;
  }

  .v-filter-container-off-canvas-test {
    overflow: hidden;
    width: 320px !important;
  }

  .v-label-finder-size-divider {
    display: inline-block;
    margin: 1.5rem 1rem 0;
  }

  .v-pob-format {
    padding: 1rem;
  }

  #goodsImgModal .modal-dialog {
    width: 90%;
    max-width: 90rem;
  }
}

@media print {
  .print-hide {
    display: none !important;
  }
}

@media print, screen and (max-width: 40em) {
  .p-banner {
    background-image: none !important;
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .p-nav .p-nav-item {
    font-size: 0.9rem;
    padding: 0.85rem;
  }

  .p-nav-menu-left .nav-img-card-section {
    margin-top: 2rem;
    border-left: 0;
  }
}

@media print, screen and (min-width: 66.875em) {
  html:not(.ie9) .medium-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  html:not(.ie9) .medium-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  html:not(.ie9) .medium-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  html:not(.ie9) .medium-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  html:not(.ie9) .medium-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    /*flex: 0 0 50%;*/
    max-width: 50%;
  }

  html:not(.ie9) .medium-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  html:not(.ie9) .medium-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  html:not(.ie9) .medium-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  html:not(.ie9) .medium-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33%;
    flex: 0 0 83.33%;
    max-width: 83.33%;
  }

  html:not(.ie9) .medium-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  html:not(.ie9) .medium-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  html:not(.ie9) .medium-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  html:not(.ie9) .medium-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  html:not(.ie9) .medium-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

    html:not(.ie9) .medium-up-1 > .column, html:not(.ie9) .medium-up-1 > .columns {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
    }

  html:not(.ie9) .medium-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

    html:not(.ie9) .medium-up-2 > .column, html:not(.ie9) .medium-up-2 > .columns {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }

  html:not(.ie9) .medium-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

    html:not(.ie9) .medium-up-3 > .column, html:not(.ie9) .medium-up-3 > .columns {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
    }

  html:not(.ie9) .medium-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

    html:not(.ie9) .medium-up-4 > .column, html:not(.ie9) .medium-up-4 > .columns {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
    }

  html:not(.ie9) .medium-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

    html:not(.ie9) .medium-up-5 > .column, html:not(.ie9) .medium-up-5 > .columns {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%
    }

  html:not(.ie9) .medium-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

    html:not(.ie9) .medium-up-6 > .column, html:not(.ie9) .medium-up-6 > .columns {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
    }

  html:not(.ie9) .medium-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

    html:not(.ie9) .medium-up-7 > .column, html:not(.ie9) .medium-up-7 > .columns {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 14.28571%;
      flex: 0 0 14.28571%;
      max-width: 14.28571%
    }

  html:not(.ie9) .medium-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

    html:not(.ie9) .medium-up-8 > .column, html:not(.ie9) .medium-up-8 > .columns {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 12.5%;
      flex: 0 0 12.5%;
      max-width: 12.5%
    }

  html:not(.ie9) .medium-uncollapse > .column, html:not(.ie9) .medium-uncollapse > .columns {
    padding-right: .9375rem;
    padding-left: 1.9375rem;
  }

  html:not(.ie9) .row .row {
    margin-right: -.9375rem;
    margin-left: -.9375rem;
  }

  html:not(.ie9) .medium-up-3 > .column, html:not(.ie9) .medium-up-3 > .columns {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .c-circle-image {
    margin: 1.5rem;
  }

  .c-nav-sidebar {
    margin-bottom: 0;
  }

  .c-nav-sidebar-item {
    padding: .5rem 1rem;
  }

  .c-section {
    margin-bottom: 3rem;
  }

  .c-section-first {
    margin-top: 3rem;
  }

  .c-section-alternate {
    padding: 3rem 0;
  }

  .h1, h1 {
    font-size: 2.21875rem;
  }

  .h2, h2 {
    font-size: 1.75rem;
  }

  .h3, h3 {
    font-size: 1.35688rem;
  }

  .hide-for-medium {
    display: none !important;
  }

  .medium-text-center {
    text-align: center;
  }

  .medium-text-left {
    text-align: left;
  }

  .p-article-masonry {
    -webkit-column-count: 2;
    column-count: 2;
  }

  .p-banner {
    background-position-x: 78%;
  }

  .c-banner {
    background-position-x: 78%;
  }

  .p-banner-button {
    font-size: 1rem;
  }

  .p-banner-logo {
    margin-bottom: 0;
    max-width: 100%;
  }

  .p-banner-subtitle {
    font-size: 1rem;
  }

  .p-banner-title {
    margin-top: 3rem;
  }

  .p-banner-headings {
    padding-left: 3rem;
  }

  .p-filter-off-canvas {
    width: 350px;
  }

  .p-forward-button {
    font-size: 1.25rem;
  }

  .p-header {
    padding: .3rem 0;
  }

  .p-header-logo-container {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 auto !important;
    flex: 0 0 auto !important;
    margin-left: 0;
    /*margin-right: 2rem;*/
  }

  .p-banner-mobile-message {
    display: none;
  }

  .p-banner-label-finder {
    display: inline-block;
    margin-top: 1.25rem
  }

  .p-launch {
    display: inline-block;
  }

  .p-faq-panel-question, .p-topic-panel-question {
    padding: 1rem 2rem 1rem 0;
  }

    .p-faq-panel-question::after, .p-topic-panel-question::after {
      top: 1rem;
    }

  .p-filter-sliders {
    padding: 0 1rem 2rem;
  }

  .p-mobile-search {
    display: none !important;
  }

  .p-order-area-container {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
  }

  .p-product-availability-statement {
    margin-right: .5rem;
  }

  .p-product-top-breadcrumb {
    margin-bottom: 0;
  }

  .p-product-top-header {
    font-size: 1.6rem;
  }

  .p-product-promises-promise {
    margin: 0;
  }

  .p-productbar img {
    display: block;
  }

  .p-results-count {
    font-size: 1.25rem;
    font-weight: 400;
  }

  .p-search {
    width: 34rem;
  }

  .p-step-number {
    font-size: 1rem;
  }

  .p-step-title {
    font-size: 2rem;
    line-height: 2.3rem;
  }

  .p-steps-title {
    font-size: 2rem;
  }

  .p-step-paragraph {
    font-size: 1rem;
  }

  .row.medium-unstack > .column, html:not(.ie9) .row.medium-unstack > .columns {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }

  .reveal {
    width: 600px;
    max-width: 75rem;
  }

  .tab-content {
    border: 0 !important;
  }

  .tab-content {
    border: 1px solid #e6e6e6;
    border-top: 0;
    color: #0a0a0a;
    -webkit-transition: .5s;
    transition: .5s;
  }

  .tab-title a {
    font-size: 1rem !important;
  }

  .tab-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: .75rem;
    line-height: 1;
    color: #1779ba;
  }

  .tab-title.active a {
    background: 0 0 !important;
    border-bottom: 3px solid #af2e2a;
    color: #af2e2a !important;
  }

  .u-medium-float-left {
    float: left !important;
  }

  .u-medium-float-right {
    float: right !important;
  }

  .u-medium-margin-bottom-none {
    margin-bottom: 0 !important;
  }

  .u-medium-margin-bottom-tiny {
    margin-bottom: .5rem !important;
  }

  .u-medium-margin-bottom-small {
    margin-bottom: 1rem !important;
  }

  .u-medium-margin-bottom-medium {
    margin-bottom: 1.5rem !important;
  }

  .u-medium-margin-bottom-large {
    margin-bottom: 3rem !important;
  }

  .u-medium-margin-top-none {
    margin-top: 0 !important;
  }

  .u-medium-margin-top-large {
    margin-top: 3rem !important;
  }

  .u-medium-margin-top-medium {
    margin-top: 1.5rem !important;
  }

  .u-medium-padding-medium {
    padding: 1.5rem !important;
  }

  .u-medium-padding-bottom-medium {
    padding-bottom: 1.5rem !important;
  }

  .u-medium-padding-bottom-large {
    padding-bottom: 3rem !important;
  }

  .u-medium-padding-left-small {
    padding-left: 1rem !important;
  }

  .u-medium-padding-right-small {
    padding-right: 1rem !important;
  }

  .u-medium-padding-top-medium {
    padding-top: 1.5rem !important;
  }

  .u-medium-padding-top-large {
    padding-top: 3rem !important;
  }

  .u-medium-padding-none {
    padding: 0rem !important;
  }

  .v-cart-view-cart-btn {
    width: 100%;
  }

  .v-label-finder-container {
    margin-top: 64px;
    padding: 3rem;
  }

  .p-header-search-dropdown .c-card-title.p-product-title {
    font-size: 0.9rem;
  }
}

@media print, screen and (min-width: 64em) {
  html:not(.ie9) .large-flex-child-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  html:not(.ie9) .large-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666%;
    flex: 0 0 16.66666%;
    max-width: 16.66666%;
  }

  html:not(.ie9) .large-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  html:not(.ie9) .large-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  html:not(.ie9) .large-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  html:not(.ie9) .large-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  html:not(.ie9) .large-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }

  html:not(.ie9) .large-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  html:not(.ie9) .large-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  html:not(.ie9) .large-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  html:not(.ie9) .large-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  html:not(.ie9) .large-up-1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

    html:not(.ie9) .large-up-1 > .column, html:not(.ie9) .large-up-1 > .columns {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
    }

  html:not(.ie9) .large-up-2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

    html:not(.ie9) .large-up-2 > .column, html:not(.ie9) .large-up-2 > .columns {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%
    }

  html:not(.ie9) .large-up-3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

    html:not(.ie9) .large-up-3 > .column, html:not(.ie9) .large-up-3 > .columns {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
      flex: 0 0 33.33333%;
      max-width: 33.33333%
    }

  html:not(.ie9) .large-up-4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

    html:not(.ie9) .large-up-4 > .column, html:not(.ie9) .large-up-4 > .columns {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%
    }

  html:not(.ie9) .large-up-5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

    html:not(.ie9) .large-up-5 > .column, html:not(.ie9) .large-up-5 > .columns {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
      flex: 0 0 20%;
      max-width: 20%
    }

  html:not(.ie9) .large-up-6 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

    html:not(.ie9) .large-up-6 > .column, html:not(.ie9) .large-up-6 > .columns {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
      flex: 0 0 16.66667%;
      max-width: 16.66667%
    }

  html:not(.ie9) .large-up-7 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

    html:not(.ie9) .large-up-7 > .column, html:not(.ie9) .large-up-7 > .columns {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 14.28571%;
      flex: 0 0 14.28571%;
      max-width: 14.28571%
    }

  html:not(.ie9) .large-up-8 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }

    html:not(.ie9) .large-up-8 > .column, html:not(.ie9) .large-up-8 > .columns {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 12.5%;
      flex: 0 0 12.5%;
      max-width: 12.5%
    }

  html:not(.ie9) .large-flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  html:not(.ie9) .large-offset-2 {
    margin-left: 16.66667%;
  }

  html:not(.ie9) .large-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  html:not(.ie9) .large-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  #container {
    min-height: 33rem;
  }

  .colMaterialName {
    /*width: 350px;*/
  }

  .hide-for-large {
    display: none !important;
  }

  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: inherit;
    width: inherit;
    overflow: inherit;
    -webkit-transition: inherit;
    transition: inherit;
  }

    .off-canvas.in-canvas-for-large.position-bottom, .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top {
      -webkit-box-shadow: none;
      box-shadow: none;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }

  .p-article-masonry {
    -webkit-column-count: 3;
    column-count: 3;
  }

  .p-category-accordion {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 1rem 0;
  }

    .p-category-accordion .accordion-content {
      display: block !important;
      background-color: transparent;
      padding: .5rem;
    }

    .p-category-accordion .accordion-title {
      pointer-events: none;
    }

  .p-filter {
    margin-bottom: 3rem;
  }

  .p-nav-ihub-cta {
    display: inline-block;
  }

  .p-mats-chart-table td, .p-mats-chart-table thead td, .p-mats-chart-table thead th {
    padding: 5px;
    height: 40px;
  }

  .p-nav-menu-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
  }

  .p-nav-menu-right-design {
    padding: .5rem;
  }

  .p-nav-iLabel2-cta {
    display: inline-block;
  }

  /*.p-header-account-icon, .p-header-cart-icon {
    margin-right: .5rem;
    margin-left: .5rem;
  }*/

  .p-header-cart-count {
    position: static;
    /* font-size: 1.1rem; */
    margin-left: 0.3rem;
    height: 1.5rem;
    width: 1.5rem;
    line-height: 1.3rem;
  }

  .p-product-details-container {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .p-product-promises-promise {
    padding: 0;
  }

  .p-shop-image {
    max-width: 100%;
  }

  .p-shopping-primary-card-test {
    text-align: left;
  }

  .p-shopping-primary-card-title {
    font-size: 1.25rem;
  }

  .sticky.is-anchored {
    position: relative;
    right: auto;
    left: auto;
  }

  /*.sticky.is-at-top.is-stuck {
    position: static;
    z-index: initial;
  }*/

  .u-large-margin-left-small {
    margin-left: 1rem !important;
  }

  .u-large-margin-right-large {
    margin-right: 3rem !important;
  }

  .u-large-margin-right-tiny {
    margin-right: .5rem !important;
  }

  .u-large-margin-top-none {
    margin-top: 0 !important;
  }

  .u-large-margin-top-small {
    margin-top: 1rem !important;
  }

  .u-large-margin-top-large {
    margin-top: 3rem !important;
  }

  .u-large-text-align-center {
    text-align: center !important;
  }

  .u-large-margin-bottom-none {
    margin-bottom: 0 !important;
  }

  .u-large-margin-bottom-large {
    margin-bottom: 3rem !important;
  }

  .u-large-padding-left-large {
    padding-left: 3rem !important;
  }

  .u-large-padding-left-medium {
    padding-left: 1.5rem !important;
  }

  .u-large-padding-right-medium {
    padding-right: 1.5rem !important;
  }

  .u-large-padding-right-large {
    padding-right: 3rem !important;
  }

  .u-large-padding-top-none {
    padding-top: 0 !important;
  }

  .u-large-text-align-right {
    text-align: right !important;
  }

  .v-carousel {
    flex-wrap: nowrap;
  }

  .v-carousel-main-container {
    width: 850px;
    height: 650px;
    justify-content: space-between;
  }

  .v-carousel-main-image {
    max-width: 70%;
  }

  .v-carousel-thumbnail-container {
    border-right: 1px solid #ccc;
    justify-content: center;
    padding: 1rem;
    max-width: 12rem;
    min-width: 12rem;
  }

  .v-label-finder-container {
    padding: 3rem 6rem;
  }

  .v-filter-container-header {
    font-size: 1.25rem;
    padding-left: 0;
    padding-top: 0;
  }

  .v-filter-container-off-canvas {
    width: auto;
  }

  .v-filter-container-scroll-container {
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    max-height: 100%;
  }

  /*.v-dlp-container-sticky-topbar.is-stuck {
    position: static;
    z-index: initial;
  }*/

  .v-label-finder-brand-bar {
    position: fixed;
    width: 100%;
    z-index: 1;
  }
}

@media screen and (min-width: 75em) {
  html:not(.ie9) .row .row {
    margin-right: -.9375rem;
    margin-left: -.9375rem;
  }

  .p-banner {
    /*background-position-x: 55%;*/
    padding: 1.5rem 0;
  }

  .p-banner-section {
    text-align: left;
  }

  .p-banner-title {
    font-size: 3rem;
  }

  .p-banner-subtitle {
    font-size: 1.5rem;
  }

  .p-nav-menu-right-shopping {
    padding: 2.5rem;
  }

  .v-label-finder {
    flex-direction: row;
  }

  .v-label-finder-selection {
    width: 14rem;
  }

  .v-label-finder-selection-container {
    border-bottom: none;
    width: 100%;
  }

    .v-label-finder-selection-container:first-child .v-label-finder-selection {
      border-top-right-radius: 0;
      border-bottom-left-radius: 4px;
      width: 100%;
    }

  .v-label-finder-selection-container-detail {
    border-bottom: none;
    width: 100%;
  }

    .v-label-finder-selection-container-detail:first-child .v-label-finder-selection {
      border-top-right-radius: 0;
      border-bottom-left-radius: 4px;
      width: 100%;
    }
}

@media screen and (max-width: 63.99875em) {

  .c-banner-cta {
    font-size: 1.6vw;
  }

  .c-banner-subtitle {
    font-size: 2.3vw;
  }

  .is-stuck .p-filter-bar {
    background: #fefefe;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    padding: .5rem 0;
  }

  .p-banner-video {
    right: calc(70% - 35rem);
    height: 85%;
    z-index: 0;
  }

  .p-promise-bar-item i, .p-promise-bar-item span {
    margin: 0;
    width: 100%;
  }

  .show-for-large {
    display: none;
  }

  .show-for-large-only {
    display: none !important;
  }

  .review-modal {
    top: 20px;
    width: 95%;
    height: 100%;
  }

  .request-print-modal {
    width: 90% !important;
  }

  .main-carousel img {
    height: 500px;
  }

  .request-print-case-img:nth-child(n+5) {
    display: none; /* 5번째 버튼 숨김 */
  }

  .love-funding-bar-wrap {
    width: 90%;
  }

  .funding-icon {
    right: 32%;
  }
}

@media screen and (max-width: 66.875em) {

  html:not(.ie9) .small-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  html:not(.ie9) .small-order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  html:not(.ie9) .small-order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .slick-prev::before, .slick-next::before {
    font-size: 40px;
  }

  .c-banner {
    background-image: none !important;
    background: #fefefe;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    padding: 2rem;
    text-align: center;
    height: auto;
  }

  .c-banner-cta {
    border: none;
    font-size: 3.3vw;
    padding-left: 0;
  }

  .c-banner-subtitle {
    font-size: clamp(1rem, calc(0.5rem + 2vw), 1.375rem);
  }

  .c-banner-title {
    display: block;
    margin-right: 0;
  }

  .p-banner-RequestPrint-new .columns > p:not(.c-banner-subtitle) {
    font-size: clamp(1rem, calc(0.5rem + 2vw), 1.375rem);
    line-height: 1.7; /* 한글 가독성 */
    font-weight: 400;
    letter-spacing: -0.005em; /* 한글 미세 자간 */
    color: #222222; /* 필요시 톤 조절 */
    margin: 0.75rem 0 0; /* 여백 */
  }

  .p-banner-RequestPrint{
    min-height: unset !important;
  }

  .c-banner-cta, .c-banner-subtitle, .c-banner-title {
    color: #222222;
  }

  .c-card-title {
    font-size: 0.8rem;
  }

  .c-panel {
    padding: 1rem;
  }

  .header-event-img, .event-content img {
    /*min-width: 600px;*/
    /*margin: 0 calc(10% - 11rem) 0 calc(10% - 11rem);*/
    /*min-width: 800px;*/
    margin: 0 calc(5% - 20rem) 0 calc(5% - 20rem);
  }

  .event-content video {
    max-width: 400px;
    margin: 0 calc(5% - 20rem) 0 calc(5% - 20rem);
  }

  #event-banner .btn_Close {
    width: 18px;
    height: 18px;
  }

  .hide-for-small-only {
    display: none !important;
  }

  .u-small-margin-top-medium {
    margin-top: 1.5rem !important;
  }

  .u-small-margin-top-small {
    margin-top: 1rem !important;
  }

  .u-small-margin-bottom-small {
    margin-bottom: 1rem !important;
  }

  .u-small-margin-bottom-medium {
    margin-bottom: 1.5rem !important;
  }

  .u-small-padding-none {
    padding: 0 !important;
  }

  .u-small-padding-tiny {
    padding: 0.5rem !important;
  }

  .u-small-padding-left-medium {
    padding-left: 1rem !important;
  }

  .u-small-padding-left-small {
    padding-left: .5rem !important;
  }

  .u-small-padding-right-small {
    padding-right: .5rem !important;
  }

  .u-small-padding-top-medium {
    padding-top: 1rem !important;
  }

  .u-small-padding-bottom-medium {
    padding-bottom: 1.5rem !important;
  }

  .main-buy-section, .main-buy-section-sub, .main-buy-section a {
    /*padding: 0.5rem !important;*/
  }

    .main-buy-section img {
      padding: unset !important;
    }

    .main-buy-section h3 {
      font-size: 0.8rem !important;
      margin-bottom: 0;
    }

  /* 팝업창 css */
  .popup {
    max-width: 90%;
  }

  .p-banner-material {
    color: #222;
    margin: 0 auto;
    clear: both;
    display: block;
    font-size: 3vw;
    width: 32vw;
  }

  .p-banner-video-btn {
    display: inline-block;
    background: #e7e7e7;
    border: none;
    color: #222 !important;
    margin-right: 0;
    width: auto;
  }

  /*    .p-blog-preview img {
      max-width: 120px;
      max-height: 120px;
    }*/

  .p-copyright-text {
    display: block;
    margin: 10px 0;
  }

  .p-filter-btn {
    display: inline-block;
    font-size: .8rem;
    width: auto !important;
  }

  .p-filter-off-canvas-clear-btn {
    display: inline-block;
    margin-bottom: 0;
    width: auto;
  }

  .p-header-search-dropdown {
    top: 1.4375rem;
  }

  .p-live-cart-subtotal {
    color: #222;
    font-weight: 700;
  }

  .p-live-cart-subtotal-column {
    text-align: left;
    text-transform: uppercase;
  }

  .p-mobile-search {
    display: none;
  }

  .p-newsletter-signup-input input {
    margin-bottom: 1rem;
    margin-right: 0;
    width: 80%;
  }

  .p-order-area-container {
    margin-top: 1.5rem;
  }

  .p-product {
    margin: 0 .25rem;
  }

  .p-product-list-item {
    margin-bottom: 1rem !important;
  }

  .p-results-count {
    font-size: 0.8rem;
  }

  .p-selection-box {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 12px rgba(0,0,0,.2);
    box-shadow: 0 3px 12px rgba(0,0,0,.2);
  }

  .p-selection-box-list li {
    font-size: 0.8rem !important;
  }

  .p-shop-card {
    padding: 1.0rem;
  }

  .p-shop-image {
    max-height: 150px;
  }

  .p-sticky-panel {
    position: static !important;
  }

  .show-for-medium {
    display: none !important;
  }

  .v-newsletter-signup {
    padding-left: 0;
    padding-right: 0;
  }

  .v-newsletter-signup-header {
    font-size: 1.15rem;
    margin-bottom: 0.5rem;
  }

  .v-newsletter-signup-input input {
    margin-bottom: 1rem;
    margin-right: 0;
  }

  .v-newsletter-signup-input .c-button {
    margin: 0 auto 2rem auto;
    width: 80%;
  }

  .u-small-text-center {
    text-align: center !important;
  }

  .customer-review-card img {
    /*width: 100% !important;*/
    /*height: 300px !important;*/
  }

  .customer-review-card.request-print {
    border-bottom: 1px solid #ddd;
  }

  #ppResultImgModal .modal-dialog {
    max-width: 100% !important;
    width: auto !important;
    margin: 10px !important; /* 화면 양 끝 미세 여백 */
  }

  /* 2. 모달 컨텐츠 박스 탈출 방지 */
  #ppResultImgModal .modal-content {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  /* 3. 모달 바디 스크롤 및 여백 최적화 */
  #ppResultImgModal .modal-body {
    padding: 10px !important;
    overflow: hidden !important;
    position: relative !important;
  }

  .love-funding-bar-wrap {
    width: 85%;
  }

  .funding-icon {
    right: 34%;
  }

  .u-max-width-large {
    max-width: 82% !important;
  }

  /* PrintingAgency_ByDesign_index */
  .p-product-list-item.column.column-block {
    max-width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .p-productpage-subtitle.u-margin-bottom-medium.u-margin-top-medium {
    padding-left: 0.5rem !important;
  }
}

@media screen and (max-width: 39.99875em) {
  .c-button {
    display: block;
    margin-bottom: 1rem;
    width: 100%;
  }

  .w-button {
    display: block;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    width: 100%;
  }

  .p-ihub-info {
    margin-left: 0;
  }

  .p-ihub-image-container {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

  .p-ihub-left-wrapper {
    float: none;
    width: auto;
  }

  .p-ihub-right-wrapper {
    clear: left;
    margin-top: 1rem;
    padding-left: 0 !important;
  }

  .v-label-finder-header-btns {
    position: static;
    margin-top: 1rem;
    transform: translateY(0);
  }

    .v-label-finder-header-btns .c-button {
      display: inline-block;
      margin-bottom: 0;
      width: 48%;
    }

  .customer-review-total {
    padding: 1rem;
  }

    .customer-review-total .stars {
      font-size: 2rem;
    }

    .customer-review-total .bi-chat-dots-fill {
      font-size: 3.5rem;
    }

  .member-benefit-banner {
    align-items: stretch;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem;
  }

  .member-benefit-banner__icon {
    display: none;
  }

  .member-benefit-banner__cta {
    width: 100%;
  }
}


@media screen and (max-width: 500px) {
  .x-small-12 {
    -ms-flex: 0 0 100% !important;
    -webkit-box-flex: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .main-carousel {
    height: 500px;
    background-color: #222;
  }

    .main-carousel img {
      display: none;
      background-image: none;
      background-color: #222;
    }

  /*.funding-bar {
    max-height: 355px;
  }*/

  .funding-icon {
    right: 22%;
  }

  .allreview-card {
    height: auto;
  }

  .allreview-card--photo {
    flex-direction: column !important;
    height: auto;
  }

  .allreview-image-wrapper {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
  }

  .allreview-content {
    padding-right: 0;
  }

  .allreview-details {
    flex-direction: column;
    align-items: flex-start !important;
    flex-direction: row;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 66.875em) {

  .show-for-small-only {
    display: none !important;
  }

  .u-medium-text-align-center {
    text-align: center !important;
  }
}

@media screen and (orientation: landscape) {
  .p-productbar-landscape-button {
    display: block;
  }

  .p-productbar-portrait-button {
    display: none;
  }
}

@media screen and (max-width: 738px) {
  .p-print-tip-list {
    margin-left: 2rem;
  }

  .istickBanner {
    background-image: none;
  }

  .allreview-modal-content {
    margin: 5% auto;
  }

  .allreview-modal-body .allreview-image-wrapper {
    margin-top: 16px;
  }

  /*WelcomeBenefits*/

  .welcomebenefits.c-section-alternate {
    padding-left: 0;
    padding-right: 0;
  }

  .welcomebenefits .c-panel {
    padding: 0;
  }

  .welcomebenefits .coupon-row.cols-2 > span {
    flex-basis: 100%;
  }

  .welcomebenefits .coupon-row {
    gap: 12px;
  }

  .point-row-wrap {
    display: none;
  }

  .point-row {
    display: flex;
  }
  /*WelcomeBenefits end*/

}

@media (max-width: 1200px) {

  .v-label-finder-selection-popover {
    inset-block-start: calc(env(safe-area-inset-top) + 1rem);
    inset-inline: 1rem; /* 좌우 1rem 마진 */
    inline-size: auto; /* 좌우 inset로 폭 관리 */
    max-inline-size: calc(100vw - 2rem);
    max-block-size: calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    border-radius: 4px;
    transform: none; /* 중앙정렬 계산 불필요 */
  }

  .v-label-finder-width {
    width: 400px !important;
    max-width: 400px !important;
    min-width: 400px !important;
  }

  .v-label-finder-selection-container-detail:last-child {
    border-bottom: none;
    width: 100%;
  }
}

@media (min-width: 1199.98px) {
  .v-label-finder-selection-container {
    flex: 1 1 100%;
  }

    .v-label-finder-selection-container .v-label-finder-selection {
      box-sizing: border-box;
      inline-size: 100%; /* = width:100% */
      max-inline-size: 100%;
    }
}

@media (min-width: 1200px) {
  #popover-size-select {
    inset-block-start: -1rem;
    inset-inline-start: -2rem;
    width: calc(100% + 4rem);
    inline-size: clamp(20rem, calc(100% + 4rem), 56rem);
    max-block-size: min(75vh, 760px);
  }
}

/* 1069px 이하(=66.8125rem): 뷰포트 고정으로 깨짐 방지 */
@media (max-width: 66.8125rem) {
  #popover-size-select {
    left: auto;
    top: auto;
    inset-block-start: calc(env(safe-area-inset-top) + 1rem);
    inset-inline: 1rem; /* 좌우 마진 */
    inline-size: auto; /* inset로 폭 관리 */
    max-inline-size: calc(100vw - 2rem);
    max-block-size: calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    border-radius: 4px;
    transform: none;
    padding: 1.25rem;
  }

}

@media screen and (max-width: 66.875em) {
  .u-width-full {
    width: 100%;
  }

  .c-medium-button-full {
    width: 100%;
  }

  .u-small-flex-dir-column {
    flex-direction: column;
  }

  .u-small-align-middle {
    align-items: center;
  }

  .main-program-text-box {
    padding-left: 0;
    padding-bottom: 1.5rem;
  }

    .main-program-text-box .left-border-line {
      border-left: none;
    }

  .p-banner-RequestPrint .c-button,
  .p-banner-CustomMade .c-button {
    color: #ffffff !important;
    background-color: #af2e2a !important;
  }

  .request-photo-container {
    height: 200px;
    width: 100%;
  }

  .small-color-black {
    color: #2f3336;
  }

  .request-print-card img {
    max-width: 250px;
  }

  .wide-modal-dialog {
    width: 95%;
  }

    .wide-modal-dialog .modal-body {
      padding: 0.5rem;
    }

  .p-header-search-icon {
    top: 1rem;
  }

  .mobile-list-icon {
    background-color: #111111;
    display: inline-block;
    width: 27px !important;
    height: 27px !important;
    mask: url(https://images.label.kr/site/www_label_kr/mobile-list-icon.png?v=6) no-repeat center / contain;
    -webkit-mask: url(https://images.label.kr/site/www_label_kr/mobile-list-icon.png?v=6) no-repeat center / contain;
    vertical-align: middle;
  }

  .p-mobile-search-icon {
    background-color: #111111;
    display: inline-block;
    width: 26px !important;
    height: 26px !important;
    mask: url(https://images.label.kr/site/www_label_kr/mobile-icon-search.svg?v=6) no-repeat center / contain;
    -webkit-mask: url(https://images.label.kr/site/www_label_kr/mobile-icon-search.svg?v=6) no-repeat center / contain;
    vertical-align: middle;
  }

  .mobile-close-btn {
    background-color: #111111;
    display: inline-block;
    width: 32px !important;
    height: 32px !important;
    mask: url(https://images.label.kr/site/www_label_kr/mobile-close-btn.png) no-repeat center / contain;
    -webkit-mask: url(https://images.label.kr/site/www_label_kr/mobile-close-btn.png) no-repeat center / contain;
    vertical-align: middle;
  }
}

@media (max-width: 768px) {
  .modal-dialog {
    min-width: initial !important; /* 또는 min-width: unset !important; */
  }
}

@media (max-width: 640px) {

  /* 전체 구조를 세로 배치 */
  .video-top-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 12px !important;
    position: relative !important; /* absolute 영향 제거 */
  }

  /* 검색 영역 */
  .video-search-area {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

    .video-search-area form {
      width: 100% !important;
    }

    .video-search-area label {
      width: 100% !important;
      padding-left: 0 !important;
    }

    .video-search-area input[type="text"] {
      width: 100% !important;
      height: 42px !important;
      margin: 0 !important;
    }

    .video-search-area button {
      right: 10px !important; /* 내부 아이콘 위치 */
    }

  /* 정렬 영역 */
  .video-sort-area {
    position: static !important; /* PC absolute 제거 */
    transform: none !important;
    width: 100% !important;
  }

    .video-sort-area select {
      width: 100% !important;
      height: 42px !important;
      margin: 0 !important;
    }

  /* 동영상/숏츠 탭 크기 조정 */
  #videoTypeTabs li a {
    font-size: 14px !important;
  }
}

@media (max-width: 640px) { /* small 화면 이하 */
  .mile-flex-box {
    flex-direction: column;
    align-items: flex-start; /* 왼쪽 정렬 */
    gap: 4px; /* 간격 */
  }
}

@media (max-width: 366px) {
  .p-order-area-add-to-cart {
    font-size: 0.7rem;
    margin-bottom: 0;
    padding: 1.25rem;
    text-align: center;
  }
}

/* 마이라벨 주문/배송조회: 840px↓ 메뉴 하단 + 재주문 노출 + 깨짐 방지 (가로스크롤 없음) */
@media screen and (max-width: 840px) {

  /* 우측 메뉴 하단 */
  .c-section > .row > .medium-9.small-12.columns,
  .c-section > .row > .medium-3.small-12.columns {
    width: 100% !important;
    float: none !important;
  }

  .c-section > .row > .medium-3.small-12.columns {
    clear: both !important;
    margin-top: 16px;
  }

  /* 테이블 압축 */
  #orderTable table.table.table-striped {
    width: 100%;
    table-layout: fixed;
  }

  #orderTable th, #orderTable td {
    padding: 6px 4px;
    font-size: 12px;
    vertical-align: middle;
  }

    /* 주문일자(1) + 금액(4) 숨김 */
    #orderTable th:nth-child(1), #orderTable td:nth-child(1),
    #orderTable th:nth-child(4), #orderTable td:nth-child(4) {
      display: none !important;
    }

    /* 재주문(마지막 hidden-xs) 노출 */
    #orderTable th.hidden-xs:last-child, #orderTable td.hidden-xs:last-child {
      display: table-cell !important;
    }

    /* 컬럼 폭 + 겹침 방지 */
    #orderTable th:nth-child(2), #orderTable td:nth-child(2) {
      width: 22%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    /* 주문번호 */
    #orderTable th:nth-child(3), #orderTable td:nth-child(3) {
      width: 36%;
      white-space: normal;
      word-break: keep-all;
      overflow-wrap: anywhere;
    }
    /* 주문상품 */
    #orderTable th:nth-child(5), #orderTable td:nth-child(5),
    #orderTable th:nth-child(6), #orderTable td:nth-child(6),
    #orderTable th:nth-child(7), #orderTable td:nth-child(7) {
      width: 14%;
      white-space: nowrap;
    }
  /* 상태/배송/재주문 */

  /* 버튼만 살짝 작게 */
  #orderTable .btn {
    padding: 4px 6px;
    font-size: 11px;
    line-height: 1.2;
  }
}

@media screen and (max-width: 480px) {
  #orderTable th, #orderTable td {
    padding: 5px 3px;
    font-size: 11px;
  }

  #orderTable .btn {
    padding: 3px 5px;
    font-size: 10px;
  }
}

/* Main Banner Hero Carousel*/

@media screen and (max-width: 66.875em) {
  .main-hero-carousel {
    padding: 12px 0;
  }

  .main-hero-track {
    gap: 12px;
  }

  .main-hero-slide {
    flex-basis: 82vw;
  }

  .main-hero-arrow {
    width: 28px;
    height: 28px;
    border-radius: 50px;
    font-size: 1rem;
    line-height: 42px;
  }

  .main-hero-prev {
    left: calc(50% - 41vw + 12px);
  }

  .main-hero-next {
    right: calc(50% - 41vw + 12px);
  }
}

@media screen and (max-width: 39.99875em) {
  .main-hero-carousel {
    padding: 10px 0;
  }

  .main-hero-track {
    gap: 10px;
  }

  .main-hero-slide {
    flex-basis: 80vw;
  }

  .main-hero-arrow {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 1.1rem;
    line-height: 38px;
  }

  .main-hero-prev {
    left: calc(50% - 44vw + 10px);
  }

  .main-hero-next {
    right: calc(50% - 44vw + 10px);
  }
}

@media screen and (max-width: 500px) {
  .main-hero-slide {
    flex-basis: 80vw;
  }

  .main-hero-prev {
    left: calc(50% - 45vw + 8px);
  }

  .main-hero-next {
    right: calc(50% - 45vw + 8px);
  }
}

@media screen and (max-width: 66.875em) {
  .main-hero-control {
    bottom: 22px;
    gap: 20px;
    min-width: 300px;
    height: 56px;
    padding: 0 24px;
  }

  .main-hero-control-btn {
    width: 38px;
    height: 38px;
    font-size: 1.75rem;
  }

  .main-hero-open-list {
    margin-left: 8px;
    font-size: 2rem;
  }

  .main-hero-modal-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media screen and (max-width: 39.99875em) {
  .main-hero-control {
    bottom: 16px;
    gap: 14px;
    min-width: 240px;
    height: 48px;
    padding: 0 18px;
  }

  .main-hero-count {
    font-size: 1.35rem;
  }

  .main-hero-control-btn {
    width: 32px;
    height: 32px;
    font-size: 1.45rem;
  }

  .main-hero-open-list {
    margin-left: 4px;
    font-size: 1.65rem;
  }

  .main-hero-modal-dialog {
    width: calc(100% - 24px);
    max-height: calc(100vh - 40px);
    margin: 20px auto;
    border-radius: 14px;
  }

  .main-hero-modal-header {
    padding: 16px;
  }

    .main-hero-modal-header h2 {
      font-size: 1.1rem;
    }

  .main-hero-modal-body {
    max-height: calc(100vh - 128px);
    padding: 16px;
  }

  .main-hero-modal-list {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .main-hero-modal-item img {
    aspect-ratio: 16 / 6.2;
  }
}

@media screen and (max-width: 500px) {
  .main-hero-control {
    min-width: 220px;
    height: 44px;
    gap: 12px;
  }

  .main-hero-count {
    font-size: 1.2rem;
  }

  .main-hero-control-btn {
    width: 28px;
    height: 28px;
    font-size: 1.3rem;
  }

  .main-hero-open-list {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 66.875em) {
  .main-hero-control {
    bottom: 18px;
    gap: 8px;
    min-width: auto !important;
    height: auto !important;
    padding: 0 !important;
  }

  .main-hero-count {
    min-width: 60px !important;
    height: 28px !important;
    font-size: 0.9rem !important;
  }

  .main-hero-control-btn {
    width: 28px !important;
    height: 28px !important;
    font-size: 1.5rem !important;
  }
}

@media screen and (max-width: 39.99875em) {
  .main-hero-control {
    bottom: 14px;
    gap: 10px;
  }

  .main-hero-count {
    min-width: 50px;
    height: 34px;
    font-size: 1.25rem;
  }

  .main-hero-control-btn {
    width: 34px;
    height: 34px;
    font-size: 1.35rem;
  }

  .main-hero-arrow {
    display: none !important;
  }

  .main-hero-viewport {
    cursor: grab;
    touch-action: pan-y;
  }

    .main-hero-viewport.is-dragging {
      cursor: grabbing;
    }
}

@media screen and (max-width: 500px) {
  .main-hero-control {
    bottom: 14px;
    gap: 9px;
  }

  .main-hero-count {
    min-width: 50px;
    height: 32px;
    font-size: 1.15rem;
  }

  .main-hero-control-btn {
    width: 32px;
    height: 32px;
    font-size: 1.25rem;
  }
}

/* --- FROM style-z-media.css --- */
@media screen and (min-width: 25em) {
  .p-header-logo-container {
    margin-left: 2.25rem;
    margin-right: -0.1rem;
  }

}

@media print, screen and (min-width: 40em) {
  html:not(.ie9) .medium-flex-child-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

}

@media print {
  .print-hide {
    display: none !important;
  }
}

@media print, screen and (max-width: 40em) {
  .p-banner {
    background-image: none !important;
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .p-nav .p-nav-item {
    font-size: 0.9rem;
    padding: 0.85rem;
  }

}

@media print, screen and (min-width: 66.875em) {
  html:not(.ie9) .medium-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

}

@media print, screen and (min-width: 64em) {
  html:not(.ie9) .large-flex-child-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

*/

*/

*/

}

@media screen and (min-width: 75em) {
  html:not(.ie9) .row .row {
    margin-right: -.9375rem;
    margin-left: -.9375rem;
  }

}

@media screen and (max-width: 63.99875em) {

  .c-banner-cta {
    font-size: 1.6vw;
  }

}

@media screen and (max-width: 66.875em) {

  html:not(.ie9) .small-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  /* 팝업창 css */

*/

  /* PrintingAgency_ByDesign_index */

}

@media screen and (max-width: 39.99875em) {
  .c-button {
    display: block;
    margin-bottom: 1rem;
    width: 100%;
  }

}

@media screen and (max-width: 500px) {
  .x-small-12 {
    -ms-flex: 0 0 100% !important;
    -webkit-box-flex: 0 !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

*/

}

@media screen and (max-width: 0em), screen and (min-width: 66.875em) {

  .show-for-small-only {
    display: none !important;
  }

}

@media screen and (orientation: landscape) {
  .p-productbar-landscape-button {
    display: block;
  }

}

@media screen and (max-width: 738px) {
  .p-print-tip-list {
    margin-left: 2rem;
  }

  /*WelcomeBenefits*/

  /*WelcomeBenefits end*/

}

@media (max-width: 1200px) {

  .v-label-finder-selection-popover {
    inset-block-start: calc(env(safe-area-inset-top) + 1rem);
    inset-inline: 1rem; /* 좌우 1rem 마진 */
    inline-size: auto; /* 좌우 inset로 폭 관리 */
    max-inline-size: calc(100vw - 2rem);
    max-block-size: calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    border-radius: 4px;
    transform: none; /* 중앙정렬 계산 불필요 */
  }

}

@media (min-width: 1199.98px) {
  .v-label-finder-selection-container {
    flex: 1 1 100%;
  }

}

@media (min-width: 1200px) {
  #popover-size-select {
    inset-block-start: -1rem;
    inset-inline-start: -2rem;
    width: calc(100% + 4rem);
    inline-size: clamp(20rem, calc(100% + 4rem), 56rem);
    max-block-size: min(75vh, 760px);
  }
}

/* 1069px 이하(=66.8125rem): 뷰포트 고정으로 깨짐 방지 */
@media (max-width: 66.8125rem) {
  #popover-size-select {
    left: auto;
    top: auto;
    inset-block-start: calc(env(safe-area-inset-top) + 1rem);
    inset-inline: 1rem; /* 좌우 마진 */
    inline-size: auto; /* inset로 폭 관리 */
    max-inline-size: calc(100vw - 2rem);
    max-block-size: calc(100vh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    border-radius: 4px;
    transform: none;
    padding: 1.25rem;
  }

}

@media screen and (max-width: 66.875em) {
  .u-width-full {
    width: 100%;
  }

  .p-banner-RequestPrint .c-button,

}

@media (max-width: 768px) {
  .modal-dialog {
    min-width: initial !important; /* 또는 min-width: unset !important; */
  }
}

@media (max-width: 640px) {

  /* 전체 구조를 세로 배치 */
  .video-top-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 12px !important;
    position: relative !important; /* absolute 영향 제거 */
  }

  /* 검색 영역 */

  /* 정렬 영역 */

  /* 동영상/숏츠 탭 크기 조정 */

}

@media (max-width: 640px) { /* small 화면 이하 */
  .mile-flex-box {
    flex-direction: column;
    align-items: flex-start; /* 왼쪽 정렬 */
    gap: 4px; /* 간격 */
  }
}

@media (max-width: 366px) {
  .p-order-area-add-to-cart {
    font-size: 0.7rem;
    margin-bottom: 0;
    padding: 1.25rem;
    text-align: center;
  }
}

/* 마이라벨 주문/배송조회: 840px↓ 메뉴 하단 + 재주문 노출 + 깨짐 방지 (가로스크롤 없음) */
@media screen and (max-width: 840px) {

  /* 우측 메뉴 하단 */
  .c-section > .row > .medium-9.small-12.columns,
  .c-section > .row > .medium-3.small-12.columns {
    width: 100% !important;
    float: none !important;
  }

  /* 테이블 압축 */

    /* 주문일자(1) + 금액(4) 숨김 */
    #orderTable th:nth-child(1), #orderTable td:nth-child(1),

    /* 재주문(마지막 hidden-xs) 노출 */

    /* 컬럼 폭 + 겹침 방지 */

    /* 주문번호 */

    /* 주문상품 */
    #orderTable th:nth-child(5), #orderTable td:nth-child(5),
    #orderTable th:nth-child(6), #orderTable td:nth-child(6),

  /* 상태/배송/재주문 */

  /* 버튼만 살짝 작게 */

}

@media screen and (max-width: 480px) {
  #orderTable th, #orderTable td {
    padding: 5px 3px;
    font-size: 11px;
  }

}

/* #region 사전 예약 페이지 */
/*제트프린터 랜딩페이지*/

@media (max-width: 1024px) {
  .nav-links {
    display: none;
  }

  .btn-cta-nav {
    display: none !important;
  }

  .nav-hamburger {
    display: flex;
  }

  .nav-inner {
    padding: 0 4.375rem;
  }

  .nav-drawer-header {
    padding: 0 4.375rem;
  }

  .nav-drawer-body {
    padding: 1rem 4.375rem;
  }

  .hero {
    min-height: 50rem;
  }

  .hero-contents {
    padding: 6.25rem 4.375rem 4.375rem;
  }

  .hero-sub {
    font-size: 0.875rem;
    letter-spacing: 0.0875rem;
  }

  .hero-headline p {
    font-size: 3rem;
    line-height: 3rem;
  }

    .hero-headline p strong {
      font-size: 4rem;
    }

  .hero-headline-brand {
    font-size: 4rem !important;
  }

  .hero-desc {
    font-size: 1.125rem;
  }

  .btn-hero {
    font-size: 1.125rem;
    padding: 1.375rem 2rem;
  }

  .section-headline {
    font-size: 2.75rem;
  }

  .section-sub {
    font-size: 1.125rem;
  }

  .solution .section-sub {
    font-size: 1.125rem;
  }

  .about {
    padding: 6.25rem 0;
    gap: 3.75rem;
  }

  .about-img-wrap {
    height: 31.25rem;
  }

  .compare-cell {
    font-size: 0.875rem;
    padding: 1.5rem;
    letter-spacing: -0.02rem;
  }

  .compare-cell--header {
    font-size: 0.875rem;
    padding: 1.5rem;
  }

  .business {
    height: auto;
    padding: 6.25rem 4.375rem;
    gap: 3.75rem;
  }

  .business-headline {
    font-size: 2.75rem;
  }

  .business-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }

  .biz-label {
    font-size: 1.5rem;
  }

  .solution {
    padding: 6.25rem 4.375rem;
  }

  .sol-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .sol-card-img-wrap {
    width: 100%;
    height: 18rem;
  }

  .label-section {
    padding: 6.25rem 4.375rem;
  }

  .label-headline {
    font-size: 2.75rem;
  }

  .label-desc {
    font-size: 1.125rem;
  }

  .faq {
    padding: 6.25rem 4.375rem;
  }

  .faq-sub {
    font-size: 1.125rem;
  }

  .final-offer {
    padding: 6.25rem 4.375rem;
  }

  .final-headline {
    font-size: 2.75rem;
  }

  .final-sub {
    font-size: 1.125rem;
  }

  .footer {
    padding: 6.25rem 4.375rem;
  }
}

@media (max-width: 767px) {
  .nav-inner {
    padding: 0 1.25rem;
    height: 6.25rem;
  }

  .nav-drawer-header {
    padding: 0 1.25rem;
  }

  .nav-drawer-body {
    padding: 1rem 1.25rem;
  }

  .br-mobile {
    display: block;
  }

  .hero-contents {
    padding: 6.25rem 1.25rem 4.375rem;
    gap: 6.25rem;
    align-items: stretch;
  }

  .hero-text {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
  }

  .hero-inner {
    gap: 1.5rem;
  }

  .hero-sub {
    font-size: 0.75rem;
    letter-spacing: 0.075rem;
  }

  .hero-headline {
    gap: 0.5rem;
  }

    .hero-headline p {
      font-size: 2rem;
      line-height: 2.5rem;
    }

      .hero-headline p strong {
        font-size: 2.5rem;
      }

  .hero-headline-brand {
    font-size: 2.5rem !important;
  }

  .hero-desc {
    font-size: 0.875rem;
  }

  .btn-hero {
    font-size: 0.875rem;
    width: 100%;
    padding: 1.375rem 2rem;
  }

  .section-headline {
    font-size: 2rem;
  }

  .section-sub {
    font-size: 0.875rem;
  }

  .about {
    padding: 4.375rem 0;
    gap: 3.75rem;
  }

  .about-img-wrap {
    height: 17.5rem;
    width: calc(100% - 2.5rem);
    max-width: none;
  }

  .compare-table {
    width: calc(100% - 2.5rem);
    max-width: none;
  }

  .compare-cell {
    font-size: 0.75rem;
    line-height: 1.7;
    padding: 1.5rem 0.75rem;
    letter-spacing: -0.015rem;
  }

  .compare-cell--header {
    font-size: 0.75rem;
    padding: 1.5rem 0.75rem;
    min-height: 5.5rem;
  }

  .business {
    height: auto;
    padding: 4.375rem 1.25rem;
    gap: 3rem;
  }

  .business-sub-text {
    font-size: 0.75rem;
    letter-spacing: 0.075rem;
  }

  .business-headline {
    font-size: 2rem;
  }

  .business-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }

  .biz-card {
    gap: 2.5rem;
  }

  .biz-label {
    font-size: 1.125rem;
  }

  .solution {
    padding: 4.375rem 1.25rem;
  }

    .solution .section-sub {
      font-size: 0.875rem;
      text-align: center;
    }

  .section-sub-sep {
    display: none;
  }

  .section-sub-pipe {
    display: block;
    text-align: center;
    line-height: 1.6;
  }

  .sol-card {
    flex-direction: column;
  }

  .sol-card-img-wrap {
    width: 100%;
    height: 14rem;
  }

  .sol-card-title {
    font-size: 1.75rem;
  }

  .sol-card-desc p {
    font-size: 0.75rem;
  }

  .flow-diagram img {
    width: 100%;
    height: auto;
  }

  .label-section {
    padding: 4.375rem 1.25rem;
  }

  .label-sub-text {
    font-size: 0.75rem;
  }

  .label-headline {
    font-size: 2rem;
  }

  .label-desc {
    font-size: 0.875rem;
  }

  .label-card-row {
    flex-direction: column;
  }

  .label-card {
    height: auto;
    min-height: 14rem;
  }

  .faq {
    padding: 4.375rem 1.25rem;
  }

  .faq-title {
    font-size: 2rem;
  }

  .faq-sub {
    font-size: 0.875rem;
  }

  .faq-item {
    padding: 1.5rem;
  }

  .final-offer {
    padding: 4.375rem 1.25rem;
  }

  .final-headline {
    font-size: 2rem;
  }

  .final-sub {
    font-size: 0.875rem;
  }

  .btn-cta-final {
    width: 100%;
    font-size: 1rem;
    text-align: center;
    padding: 1.25rem 1.5rem;
  }

  .footer {
    padding: 4.375rem 1.25rem;
  }

  .footer-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.5rem;
  }

  .footer-bottom {
    flex-direction: column;
    gap: 0.25rem;
    text-align: center;
    align-items: center;
  }
}

/*제트프린터 상세페이지*/

@media (max-width: 767px) {

  .ps-row {
    grid-template-columns: 1fr;
  }

  .ps-label {
    background: #fafafa;
    font-weight: 600;
  }

  .ps-value {
    border-left: none;
  }

  .ps-row::after {
    left: 0;
  }

  .notice-card {
    padding: 1.5rem;
  }

  .notice-body {
    font-size: 0.875rem;
  }

  .notice-tel {
    font-size: 1.125rem;
  }
}

/* ===== 반응형 ===== */
@media (min-width: 768px) {

  .zp-structure {
    padding: 5rem 2rem;
  }

  .zp-structure-pc {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }

  .zp-structure-mobile {
    display: none;
  }

  .zp-structure-pc img {
    width: 100%;
    display: block;
  }
}

@media (max-width: 1024px) {

  .sol-card {
    flex-direction: column; /* 가로 → 세로 */
    padding: 1.25rem;
    gap: 1rem;
  }

  .sol-card-text {
    flex: 0 0 100%;
    max-width: 100%; /* 텍스트 전체 너비 */
  }

  .sol-card-img-wrap {
    flex: 0 0 100%;
    max-width: 100%; /* 이미지 전체 너비 */
    height: 220px;
  }

    .sol-card-img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

  .sol-card-num {
    font-size: 2.5rem;
  }

  .sol-card-title {
    font-size: 1.5rem;
  }

  .sol-card-desc p {
    font-size: 0.9rem;
  }

  .sol-card-img-wrap--printer img {
    width: 75%;
    object-fit: contain;
  }
}

}

@media (max-width: 480px) {

  .sol-card-img-wrap {
    height: 180px;
  }

  .sol-card-num {
    font-size: 2rem;
  }

  .sol-card-title {
    font-size: 1.25rem;
  }

  .sol-cards {
    gap: 1rem;
  }
}

@media (max-width: 768px) {

  /* 헤더 숨김 */
  .driver-table thead {
    display: none;
  }

  /* 전부 block화 */
  .driver-table,
  .driver-table tbody,
  .driver-tr,
  .driver-td {
    display: block;
    width: 100%;
  }

  .driver-tr {
    background: #f8f8f8;
    margin-bottom: 1rem;
    padding: 1rem;
    border-radius: 8px;
    border-bottom: none;
  }

  .driver-td {
    display: flex;
    align-items: center;
    padding: 0.4rem 0;
    text-align: left;
  }

    /* 라벨 표시 */
    .driver-td::before {
      content: attr(data-label);
      font-weight: 600;
      color: #666;
    }

    /* 다운로드 버튼 정렬 */
    .driver-td:last-child {
      justify-content: flex-end;
    }

}
/* #endregion */
@media screen and (max-width: 767px) {
  .nav-wrap.is-drawer-open {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  .nav-drawer.open {
    z-index: 10000;
  }
}

/*임시*/
@media screen and (max-width: 1024px) {
  .zp-preorder-benefit-inner {
    flex-direction: column;
    gap: 1.5rem;
  }

  .zp-preorder-benefit-badge {
    order: 1;
  }

  .zp-preorder-benefit-coupons {
    order: 2;
    width: 100%;
  }
}

/* =========================================
       Mobile
       767px 이하: 쿠폰 세로 배열
       ========================================= */

@media screen and (max-width: 767px) {
  .zp-preorder-page {
    max-width: 100%;
  }

  .zp-preorder-hero-button {
    left: 50%;
    bottom: 8.5%;
    margin-top: 0 !important;
    transform: translateX(-50%) !important;
  }

    .zp-preorder-hero-button:hover,
    .zp-preorder-hero-button:focus,
    .zp-preorder-hero-button:active {
      left: 50%;
      bottom: 8.5%;
      margin-top: 0 !important;
      transform: translateX(-50%) !important;
    }

  .zp-preorder-benefit-section {
    padding: 2rem 1.25rem;
  }

  .zp-preorder-benefit-inner {
    flex-direction: column;
    gap: 1.25rem;
  }

    .zp-preorder-benefit-badge img {
      width: 92px;
    }

  .zp-preorder-benefit-coupons {
    order: 2;
    width: 90%;
    flex-direction: column;
    gap: 1rem;
    margin: 0 auto;
  }

  .zp-preorder-benefit-coupon {
    width: 90%;
    max-width: 440px;
    margin: 0 auto;
  }

  .zp-preorder-button-wrap {
    padding-top: 2rem;
  }

  .zp-preorder-notice {
    margin-top: 2.5rem;
  }

  .custom-notice-box {
    padding: 1.25rem;
  }

  .custom-notice-content {
    font-size: 0.9rem;
  }
}

/* =========================================
   EL Landing Responsive - 초록이음 소개
   기준: site-media.css 하단 추가
   ========================================= */

/* ===============================
   Tablet / Small Desktop
   max-width: 900px
   =============================== */
@media screen and (max-width: 900px) {

  /* Floating Nav */
  .el-landing-nav {
    height: 50px;
    top: auto;
    right: 16px;
    bottom: 18px;
    transform: none;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    max-width: calc(100vw - 32px);
    padding: 10px 12px;
    border-radius: 999px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    backdrop-filter: blur(18px) saturate(130%);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
  }

  .el-landing-logo {
    flex: 0 0 auto;
  }

  .el-landing-logo-img {
    height: 28px;
  }

  .el-landing-links {
    flex-direction: row;
    flex: 0 0 auto;
    gap: 8px;
    white-space: nowrap;
  }

    .el-landing-links a {
      min-width: auto;
      min-height: 32px;
      padding: 0 12px;
      font-size: 12px;
    }

  /* Hero */
  .el-landing-hero {
    min-height: calc(100vh - 64px);
  }

  .el-landing-hero-content {
    padding: 100px 24px 70px;
  }

  .el-landing-hero-badge {
    margin-bottom: 30px;
    font-size: 12px;
    padding: 8px 16px;
  }

  .el-landing-hero-line {
    font-size: clamp(56px, 17vw, 88px);
    letter-spacing: -2px;
  }

  .el-landing-hero-sub-row {
    gap: 24px;
    margin-bottom: 40px;
  }

  .el-landing-hero-sub {
    font-size: 14px;
    max-width: 100%;
  }

  .el-landing-hero-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .el-landing-hero-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(15, 42, 23, 0.75) 0%, rgba(15, 42, 23, 0.2) 60%, transparent 100%), url('https://images.label.kr/site/www_label_kr/el-cover-img-t.jpg') center / cover no-repeat;
  }

  /* Stats */
  .el-landing-stats-band {
    padding: 40px 24px;
  }

  .el-landing-stats-inner {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .el-landing-stat-divider {
    display: none;
  }

  /* Common Section */
  .el-landing-section {
    padding: 80px 24px;
  }

  .el-landing-section-title {
    font-size: 34px;
  }

  /* About */
  .el-landing-about-grid {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .el-landing-about-text p {
    font-size: 15px;
  }

  .el-landing-cert-card {
    padding: 22px 24px;
  }

  /* Features */
  .el-landing-features-section {
    padding: 80px 24px;
  }

  .el-landing-features-header {
    margin-bottom: 44px;
  }

  .el-landing-features-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .el-landing-feature-card {
    padding: 34px 30px;
  }

  /* Comparison */
  .el-landing-comparison-section {
    padding: 80px 24px 64px;
  }

  .el-landing-comparison-inner {
    max-width: 100%;
  }

  .el-landing-comparison-header {
    margin-bottom: 40px;
  }

  .el-landing-comparison-grid {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 24px !important;
    width: 100%;
  }

  .el-landing-comparison-card {
    flex: none !important;
    width: 100% !important;
    max-width: 420px !important;
    min-height: 0;
  }

  .el-landing-comparison-vs {
    flex: none !important;
    width: auto !important;
    margin: 0;
    font-size: 26px;
  }

  .el-landing-comparison-img-wrap {
    height: 260px;
  }

  .el-landing-comparison-body {
    padding: 28px 26px 30px;
  }

  /* CTA */
  .el-landing-cta-section {
    padding: 80px 24px 96px;
  }

  .el-landing-cta-top-action {
    margin-bottom: 56px;
  }

  .el-landing-cta-title {
    font-size: 30px;
  }

  .el-landing-cta-desc {
    font-size: 15px;
  }

  .el-landing-cta-sample-grid {
    grid-template-columns: 1fr !important;
    gap: 44px;
  }

  .el-landing-letter-card {
    padding: 36px 28px;
    transform: none;
  }

  .el-landing-letter-title {
    font-size: 25px;
  }

  .el-landing-letter-body {
    font-size: 14px;
  }

  .el-landing-sample-visual-wrap {
    min-height: 320px;
  }
}

/* ===============================
   Mobile
   max-width: 640px
   =============================== */
@media screen and (max-width: 640px) {

  .el-landing-hero-content {
    padding: 92px 22px 64px;
  }

  .el-landing-hero-typo {
    margin-bottom: 32px;
  }

  .el-landing-hero-line {
    font-size: clamp(52px, 17vw, 78px);
  }

  .el-landing-btn-primary {
    width: 100%;
    justify-content: center;
  }

  .el-landing-btn-secondary {
    padding: 10px 0;
  }

  .el-landing-section-title {
    font-size: 31px;
  }

  .el-landing-features-sub {
    font-size: 14px;
    line-height: 1.7;
  }

  .el-landing-about-text p br,
  .el-landing-feature-desc br,
  .el-landing-letter-body br {
    display: none;
  }

  .el-landing-cert-card {
    gap: 16px;
  }

  .el-landing-cert-icon {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }

  .el-landing-hero-bg {
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(15, 42, 23, 0.75) 0%, rgba(15, 42, 23, 0.2) 60%, transparent 100%), url('https://images.label.kr/site/www_label_kr/el-cover-img-m.jpg?v=5') center / cover no-repeat;
  }
}

/* ===============================
   Small Mobile
   max-width: 480px
   =============================== */
@media screen and (max-width: 480px) {

  /* Floating Nav */
  .el-landing-nav {
    left: 12px;
    right: 12px;
    bottom: 14px;
    justify-content: flex-start;
    max-width: none;
    padding: 9px 10px;
    gap: 7px;
    background: rgba(15, 42, 23, 0.52);
    backdrop-filter: blur(18px) saturate(130%);
    -webkit-backdrop-filter: blur(18px) saturate(130%);
  }

  .el-landing-logo-img {
    height: 24px;
  }

  .el-landing-links {
    gap: 7px;
  }

    .el-landing-links a {
      min-height: 30px;
      padding: 0 10px;
      font-size: 11px;
    }

  /* Hero */
  .el-landing-hero {
    min-height: 100vh;
  }

  .el-landing-hero-content {
    padding: 88px 18px 58px;
  }

  .el-landing-hero-badge {
    font-size: 11px;
    padding: 7px 14px;
    margin-bottom: 26px;
    letter-spacing: 1.4px;
  }

  .el-landing-hero-line {
    font-size: clamp(46px, 18vw, 70px);
    letter-spacing: -1.5px;
  }

  .el-landing-hero-sub-row {
    margin-bottom: 34px;
  }

  .el-landing-hero-sub {
    font-size: 13px;
    line-height: 1.75;
  }

  .el-landing-scroll-hint {
    bottom: 24px;
  }

  /* Stats */
  .el-landing-stats-band {
    padding: 34px 18px;
  }

  .el-landing-stat-num {
    font-size: 36px;
  }

  .el-landing-stat-label {
    font-size: 12px;
  }

  /* Common */
  .el-landing-section {
    padding: 72px 18px;
  }

  .el-landing-section-tag {
    margin-bottom: 14px;
    font-size: 10px;
    letter-spacing: 2.4px;
  }

  .el-landing-section-title {
    font-size: 30px;
    line-height: 1.25;
    letter-spacing: -0.8px;
  }

  /* About */
  .el-landing-about-grid {
    gap: 34px;
  }

  .el-landing-about-text p {
    font-size: 14px;
    line-height: 1.85;
  }

  .el-landing-cert-card {
    padding: 20px 18px;
    border-radius: 14px;
  }

  .el-landing-cert-title {
    font-size: 14px;
  }

  .el-landing-cert-desc {
    font-size: 12px;
  }

  /* Features */
  .el-landing-features-section {
    padding: 72px 18px;
  }

  .el-landing-features-header {
    margin-bottom: 34px;
  }

  .el-landing-feature-card {
    padding: 30px 24px;
    border-radius: 20px;
  }

  .el-landing-feature-title {
    font-size: 17px;
  }

  .el-landing-feature-desc {
    font-size: 13px;
  }

  /* Comparison */
  .el-landing-comparison-section {
    padding: 72px 18px 56px;
  }

  .el-landing-comparison-header {
    margin-bottom: 34px;
    text-align: center;
  }

    .el-landing-comparison-header .el-landing-section-title {
      margin-bottom: 14px;
      font-size: 30px;
    }

    .el-landing-comparison-header .el-landing-features-sub {
      font-size: 14px;
      line-height: 1.7;
    }

  .el-landing-comparison-grid {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 22px !important;
    width: 100%;
  }

  .el-landing-comparison-card {
    flex: none !important;
    width: 100% !important;
    max-width: 360px !important;
    min-height: 0;
    border-radius: 20px;
  }

  .el-landing-comparison-img-wrap {
    height: 220px;
    border-radius: 18px 18px 0 0;
  }

  .el-landing-comparison-badge {
    top: 12px;
    left: 12px;
    min-height: 26px;
    padding: 6px 12px;
    font-size: 11px;
  }

  .el-landing-comparison-body {
    padding: 24px 22px 26px;
  }

  .el-landing-comparison-title {
    margin-bottom: 16px;
    font-size: 17px;
  }

  .el-landing-comparison-list {
    gap: 9px;
  }

    .el-landing-comparison-list li {
      font-size: 13px;
      line-height: 1.45;
      gap: 8px;
    }

      .el-landing-comparison-list li::before {
        width: 12px;
        min-width: 12px;
        font-size: 12px;
      }

  .el-landing-comparison-vs {
    flex: none !important;
    width: auto !important;
    margin: -2px 0;
    font-size: 24px;
    line-height: 1;
  }

  .el-landing .el-landing-about-certs {
    gap: 16px !important;
  }

  /* CTA */
  .el-landing-cta-section {
    padding: 72px 18px 92px;
  }

  .el-landing-cta-title {
    font-size: 28px;
  }

  .el-landing-cta-desc {
    font-size: 14px;
    line-height: 1.7;
  }

  .el-landing-letter-card {
    padding: 30px 22px;
    border-radius: 20px;
  }

  .el-landing-letter-label {
    margin-bottom: 18px;
    font-size: 11px;
  }

  .el-landing-letter-title {
    font-size: 23px;
  }

  .el-landing-letter-body {
    font-size: 13px;
  }

  .el-landing-sample-visual-wrap {
    min-height: 260px;
  }

    .el-landing-sample-visual-wrap img {
      max-width: 360px;
    }
}

/* ===============================
   Very Small Mobile
   max-width: 366px
   =============================== */
@media screen and (max-width: 366px) {

  .el-landing-links a {
    padding: 0 8px;
    font-size: 10px;
  }

  .el-landing-logo-img {
    height: 22px;
  }

  .el-landing-hero-line {
    font-size: clamp(42px, 18vw, 62px);
  }

  .el-landing-section-title,
  .el-landing-comparison-header .el-landing-section-title {
    font-size: 27px;
  }

  .el-landing-feature-card {
    padding: 28px 20px;
  }

  .el-landing-comparison-img-wrap {
    height: 200px;
  }

  .el-landing-letter-title {
    font-size: 21px;
  }
}

/* CTA 샘플 영역 - 태블릿 이상 좌우 배치 유지 */
@media screen and (max-width: 768px) {
  .el-landing .el-landing-cta-sample-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 44px !important;
  }
}

/*제트프린터 랜딩페이지*/

@media (max-width: 1024px) {
    .nav-links

{
    display: none;
}

.btn-cta-nav {
    display: none !important;
}

.nav-hamburger {
    display: flex;
}

.nav-inner {
    padding: 0 4.375rem;
}

.nav-drawer-header {
    padding: 0 4.375rem;
}

.nav-drawer-body {
    padding: 1rem 4.375rem;
}

.hero {
    min-height: 50rem;
}

.hero-contents {
    padding: 6.25rem 4.375rem 4.375rem;
}

.hero-sub {
    font-size: 0.875rem;
    letter-spacing: 0.0875rem;
}

.hero-headline p {
    font-size: 3rem;
    line-height: 3rem;
}

    .hero-headline p strong {
        font-size: 4rem;
    }

.hero-headline-brand {
    font-size: 4rem !important;
}

.hero-desc {
    font-size: 1.125rem;
}

.btn-hero {
    font-size: 1.125rem;
    padding: 1.375rem 2rem;
}

.section-headline {
    font-size: 2.75rem;
}

.section-sub {
    font-size: 1.125rem;
}

.solution .section-sub {
    font-size: 1.125rem;
}

.about {
    padding: 6.25rem 0;
    gap: 3.75rem;
}

.about-img-wrap {
    height: 31.25rem;
}

.compare-cell {
    font-size: 0.875rem;
    padding: 1.5rem;
    letter-spacing: -0.02rem;
}

.compare-cell--header {
    font-size: 0.875rem;
    padding: 1.5rem;
}

.business {
    height: auto;
    padding: 6.25rem 4.375rem;
    gap: 3.75rem;
}

.business-headline {
    font-size: 2.75rem;
}

.business-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.biz-label {
    font-size: 1.5rem;
}

.solution {
    padding: 6.25rem 4.375rem;
}

.sol-card {
    flex-direction: column;
    align-items: flex-start;
}

.sol-card-img-wrap {
    width: 100%;
    height: 18rem;
}

.label-section {
    padding: 6.25rem 4.375rem;
}

.label-headline {
    font-size: 2.75rem;
}

.label-desc {
    font-size: 1.125rem;
}

.faq {
    padding: 6.25rem 4.375rem;
}

.faq-sub {
    font-size: 1.125rem;
}

.final-offer {
    padding: 6.25rem 4.375rem;
}

.final-headline {
    font-size: 2.75rem;
}

.final-sub {
    font-size: 1.125rem;
}

.footer {
    padding: 6.25rem 4.375rem;
}

}

@media (max-width: 767px) {
    .nav-inner

{
    padding: 0 1.25rem;
    height: 6.25rem;
}

.nav-drawer-header {
    padding: 0 1.25rem;
}

.nav-drawer-body {
    padding: 1rem 1.25rem;
}

.br-mobile {
    display: block;
}

.hero {
    min-height: 50rem;
}

.hero-contents {
    padding: 6.25rem 1.25rem 4.375rem;
    gap: 6.25rem;
    align-items: stretch;
}

.hero-text {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
}

.hero-inner {
    gap: 1.5rem;
}

.hero-sub {
    font-size: 0.75rem;
    letter-spacing: 0.075rem;
}

.hero-headline {
    gap: 0.5rem;
}

    .hero-headline p {
        font-size: 2rem;
        line-height: 2.5rem;
    }

        .hero-headline p strong {
            font-size: 2.5rem;
        }

.hero-headline-brand {
    font-size: 2.5rem !important;
}

.hero-desc {
    font-size: 0.875rem;
}

.btn-hero {
    font-size: 0.875rem;
    width: 100%;
    padding: 1.375rem 2rem;
}

.section-headline {
    font-size: 2rem;
}

.section-sub {
    font-size: 0.875rem;
}

.about {
    padding: 4.375rem 0;
    gap: 3.75rem;
}

.about-img-wrap {
    height: 17.5rem;
    width: calc(100% - 2.5rem);
    max-width: none;
}

.compare-table {
    width: calc(100% - 2.5rem);
    max-width: none;
}

.compare-cell {
    font-size: 0.75rem;
    line-height: 1.7;
    padding: 1.5rem 0.75rem;
    letter-spacing: -0.015rem;
}

.compare-cell--header {
    font-size: 0.75rem;
    padding: 1.5rem 0.75rem;
    min-height: 5.5rem;
}

.business {
    height: auto;
    padding: 4.375rem 1.25rem;
    gap: 3rem;
}

.business-sub-text {
    font-size: 0.75rem;
    letter-spacing: 0.075rem;
}

.business-headline {
    font-size: 2rem;
}

.business-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
}

.biz-card {
    gap: 2.5rem;
}

.biz-label {
    font-size: 1.125rem;
}

.solution {
    padding: 4.375rem 1.25rem;
}

    .solution .section-sub {
        font-size: 0.875rem;
        text-align: center;
    }

.section-sub-sep {
    display: none;
}

.section-sub-pipe {
    display: block;
    text-align: center;
    line-height: 1.6;
}

.sol-card {
    flex-direction: column;
}

.sol-card-img-wrap {
    width: 100%;
    height: 14rem;
}

.sol-card-title {
    font-size: 1.75rem;
}

.sol-card-desc p {
    font-size: 0.75rem;
}

.flow-diagram img {
    width: 100%;
    height: auto;
}

.label-section {
    padding: 4.375rem 1.25rem;
}

.label-sub-text {
    font-size: 0.75rem;
}

.label-headline {
    font-size: 2rem;
}

.label-desc {
    font-size: 0.875rem;
}

.label-card-row {
    flex-direction: column;
}

.label-card {
    height: auto;
    min-height: 14rem;
}

.faq {
    padding: 4.375rem 1.25rem;
}

.faq-title {
    font-size: 2rem;
}

.faq-sub {
    font-size: 0.875rem;
}

.faq-item {
    padding: 1.5rem;
}

.final-offer {
    padding: 4.375rem 1.25rem;
}

.final-headline {
    font-size: 2rem;
}

.final-sub {
    font-size: 0.875rem;
}

.btn-cta-final {
    width: 100%;
    font-size: 1rem;
    text-align: center;
    padding: 1.25rem 1.5rem;
}

.footer {
    padding: 4.375rem 1.25rem;
}

.footer-inner {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.5rem;
}

.footer-bottom {
    flex-direction: column;
    gap: 0.25rem;
    text-align: center;
    align-items: center;
}
}

/*제트프린터 상세페이지*/

@media (max-width: 767px) {

    .ps-row {
        grid-template-columns: 1fr;
    }

    .ps-label {
        background: #fafafa;
        font-weight: 600;
    }

    .ps-value {
        border-left: none;
    }

    .ps-row::after {
        left: 0;
    }

    .notice-card {
        padding: 1.5rem;
    }

    .notice-body {
        font-size: 0.875rem;
    }

    .notice-tel {
        font-size: 1.125rem;
    }
}

/* ===== 반응형 ===== */
@media (min-width: 768px) {

    .zp-structure {
        padding: 5rem 2rem;
    }

    .zp-structure-pc {
        display: flex;
        flex-direction: column;
        gap: 3rem;
    }

    .zp-structure-mobile {
        display: none;
    }

    .zp-structure-pc img {
        width: 100%;
        display: block;
    }
}

@media (max-width: 1024px) {

    .sol-card {
        flex-direction: column; /* 가로 → 세로 */
        padding: 1.25rem;
        gap: 1rem;
    }

    .sol-card-text {
        flex: 0 0 100%;
        max-width: 100%; /* 텍스트 전체 너비 */
    }

    .sol-card-img-wrap {
        flex: 0 0 100%;
        max-width: 100%; /* 이미지 전체 너비 */
        height: 220px;
    }

        .sol-card-img-wrap img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .sol-card-num {
        font-size: 2.5rem;
    }

    .sol-card-title {
        font-size: 1.5rem;
    }

    .sol-card-desc p {
        font-size: 0.9rem;
    }

    .sol-card-img-wrap--printer img {
        width: 75%;
        object-fit: contain;
    }
}
}

@media (max-width: 480px) {

    .sol-card-img-wrap {
        height: 180px;
    }

    .sol-card-num {
        font-size: 2rem;
    }

    .sol-card-title {
        font-size: 1.25rem;
    }

    .sol-cards {
        gap: 1rem;
    }
}

@media (max-width: 768px) {

    /* 헤더 숨김 */
    .driver-table thead {
        display: none;
    }

    /* 전부 block화 */
    .driver-table,
    .driver-table tbody,
    .driver-tr,
    .driver-td {
        display: block;
        width: 100%;
    }

    .driver-tr {
        background: #f8f8f8;
        margin-bottom: 1rem;
        padding: 1rem;
        border-radius: 8px;
        border-bottom: none;
    }

    .driver-td {
        display: flex;
        align-items: center;
        padding: 0.4rem 0;
        text-align: left;
    }

        /* 라벨 표시 */
        .driver-td::before {
            content: attr(data-label);
            font-weight: 600;
            color: #666;
        }

        /* 다운로드 버튼 정렬 */
        .driver-td:last-child {
            justify-content: flex-end;
        }

    .sol-card-img-wrap--printer img {
        width: 75%;
        object-fit: contain;
    }
}
}

@media screen and (max-width: 768px) {
    .label-card {
        transform: translate3d(0, var(--lbl-ty, 1.2rem), 0);
        will-change: transform, opacity;
        backface-visibility: hidden;
    }

        .label-card.is-visible {
            transform: translate3d(0, 0, 0);
        }
}

@media screen and (max-width: 1070px) {
    .c-banner-title {
        line-height: 1.25;
    }

    .c-banner-printer-type {
        display: block;
        margin-top: 0.75rem;
        font-size: 1rem;
        line-height: 1.4;
        white-space: normal;
    }
}
@media (max-width: 768px) {
    .about-main-img,
    .biz-card,
    .sol-card,
    .label-card {
        transform: none !important;
        transition: opacity 0.35s ease !important;
        will-change: auto !important;
    }

    .biz-card,
    .sol-card,
    .label-card {
        opacity: 1 !important;
    }

    .about-img-logo {
        transform: none !important;
    }
}

@media (max-width: 1024px) {
  .label-synergy-section,
  .label-synergy-section .label-bg,
  .label-synergy-section .sol-cards,
  .label-synergy-section .sol-card,
  .label-synergy-section .sol-card-text,
  .label-synergy-section .sol-card-img-wrap {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

    .label-synergy-section .sol-card {
      display: flex !important;
      flex-direction: column !important;
      transform: none !important;
      margin-bottom: 32px;
    }

    .label-synergy-section .sol-card-img-wrap {
      order: 2;
      width: 100% !important;
      margin-top: 0;
      position: relative !important;
    }

    .label-synergy-section .sol-card-text {
      order: 1;
      width: 100% !important;
      position: relative !important;
      padding: 28px 22px !important;
    }

    .label-synergy-section .sol-card-img-wrap img {
      width: 100%;
      height: auto !important;
      object-fit: contain !important;
      display: block;
    }



  /* ========================================
   Event List / Detail Mobile
======================================== */

  @media screen and (max-width: 40em) {

    .event-page-title {
      margin-bottom: 1rem;
      font-size: 1.75rem;
    }


    .event-grid {
      grid-template-columns: 1fr;
      gap: 1.25rem;
    }


    .event-ended-badge {
      top: .75rem;
      left: .75rem;
    }


    .event-pagination {
      margin-top: 2rem;
    }


    .event-detail-page #event-wrapper {
      margin-bottom: 1.5rem;
    }


    .event-detail-buttons {
      margin-bottom: 2rem;
    }
  }