@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);
@font-face {
  font-family: 'Pretendard-Regular';
  src: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/82bf6e9c2c9599306e2d.eot);
  src: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ccfdbf26e30554c0ae97.woff2) format('woff2'), url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/757c5083534b6b80c0f5.woff) format('woff'),
    url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/02efe31729ef598431fa.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Medium';
  src: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/44af02b135f68b3351db.eot);
  src: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/36ca9703d1975d433341.woff2) format('woff2'), url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/37340b86d4f0318675a0.woff) format('woff'),
    url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/3c41ba7c5657bf18e31c.ttf) format('truetype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-SemiBold';
  src: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/a45c7456833d9d1ec7c5.eot);
  src: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/96cc5889b6ca53fa93dd.woff2) format('woff2'),
    url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/2ee37cc103c4e1df15c8.woff) format('woff'), url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/f7c6e143aa8ef6014d59.ttf) format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard-Bold';
  src: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/c5bf7985bf4876284d4d.eot);
  src: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/d30949674103a6de14b6.woff2) format('woff2'), url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/1d08b066c6ab6b61c312.woff) format('woff'),
    url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/c118fe5a220efe6a75c7.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* 예시파일 */

:root {
  --layout-color: #fff;
}

ul,
ol,
li {
  list-style: none;
}

/*
* page
*/
@media screen and (min-width: 768px) {
  .page-inner {
    max-width: 100%;
  }

  .page__content {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
  }

  .page__content.banner--left {
    display: none !important;
  }

  .page {
    .fab-top-down {
      display: none;
    }
  }
  .BottomNav {
    display: none;
  }
}

.l-content {
  min-height: auto;
}

.page__content {
  width: 100%;
  max-width: 100%;
  min-width: auto;
}

/*
* main.l-content
*/
@media screen and (max-width: 768px) {
  main.l-content {
    padding-top: 60px;
  }
}

/*
* main common section
*/
.main-content {
  margin-top: 140px;

  h2 {
    font-family: 'Pretendard-SemiBold';
    font-size: 32px;
    line-height: 28px;
    color: var(--default-font-color);
    text-align: center;
  }

  &.is-last {
    margin-bottom: 140px;
  }
}
@media screen and (max-width: 768px) {
  .main-content {
    margin-top: 80px;

    h2 {
      font-size: 24px;
      line-height: 28px;
    }

    &.is-last {
      margin-bottom: 80px;
    }
  }
}

/*
* sub-content common section
*/
.sub-content {
  /* banner */
  padding-top: var(--header-height);

  .img-box {
    width: 100%;
    height: 0;
    padding-bottom: 27.777%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }

  /* content */
  .content {
    .inner {
      width: 100%;
      max-width: 1440px;
      margin: 0 auto;
      display: flex;
      gap: 100px;
      padding: 0 40px;
    }

    .sub-content__tabs {
      width: 19.11%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      position: sticky;
      top: 64px;
      padding-top: 100px;

      li {
        font-family: 'Pretendard-SemiBold';
        font-size: 16px;
        font-weight: 600;
        line-height: normal;
        color: #999;
        cursor: pointer;

        &.react-tabs__tab--selected {
          color: var(--default-font-color);
        }

        & + & {
          margin-top: 24px;
        }
      }
    }

    .sub-content__contents {
      width: 73.529%;
      padding: 100px 0 120px;
    }
  }

  /* title */
  .intro-content .title {
    h3 {
      font-family: 'Pretendard-SemiBold';
      font-size: 34px;
      font-weight: 600;
      line-height: 44px; /* 129.412% */
      word-break: keep-all;
      text-align: left;
    }
    p {
      font-family: 'Pretendard-Medium';
      font-size: 16px;
      font-weight: 500;
      line-height: 28px; /* 175% */
      margin-top: 40px;
      word-break: keep-all;
    }
    span {
      font-family: 'Pretendard-SemiBold';
      display: inline-block;
      font-size: 20px;
      font-weight: 600;
      line-height: normal;
      margin-bottom: 30px;
    }
  }
  .detail-content .title {
    h3 {
      font-family: 'Pretendard-SemiBold';
      font-size: 34px;
      font-weight: 600;
      line-height: 44px; /* 129.412% */
      margin-top: 30px;
    }
    h4 {
      font-family: 'Pretendard-SemiBold';
      font-size: 20px;
      font-weight: 600;
      line-height: normal;
    }
    p {
      font-family: 'Pretendard-Medium';
      font-size: 16px;
      font-weight: 500;
      line-height: 28px; /* 175% */
      word-break: keep-all;
    }
    strong {
      font-family: 'Pretendard-Bold';
      display: inline-block;
      color: var(--light-gray-font-color);
      font-size: 20px;
      font-weight: 700;
      line-height: 28px; /* 140% */
      margin: 30px 0 10px 0;
    }
    span {
      font-family: 'Pretendard-Medium';
      display: inline-block;
      font-size: 16px;
      font-weight: 500;
      line-height: 28px; /* 175% */
      word-break: keep-all;
      margin-top: 30px;
    }
  }
}

@media screen and (max-width: 768px) {
  .sub-content {
    padding-top: 0;

    /* banner */
    .collection-banner {
      padding-top: 0;
      .img-box {
        padding-bottom: 125%;
      }
    }

    /* content */
    .content {
      .inner {
        max-width: none;
        padding: 0;
        gap: 0;
      }
      .box-inner {
        padding: 0 16px;
      }
      .sub-content__tabs {
        display: none;
      }
      .sub-content__contents {
        width: 100%;
        padding: 40px 0 80px;
      }
    }

    /* title */
    .intro-content .title {
      h3 {
        font-size: 22px;
        line-height: 30px; /* 136.364% */
        text-align: left;
      }
      p {
        font-size: 14px;
        line-height: 22px; /* 157.143% */
        margin-top: 30px;
      }
      span {
        font-size: 14px;
        line-height: 22px; /* 157.143% */
        margin-bottom: 14px;
      }
      p + p {
        margin-top: 16px;
      }
    }
    .detail-content .title {
      h3 {
        font-size: 22px;
        line-height: 30px;
        margin-top: 14px;
      }
      h4 {
        font-size: 18px;
      }
      strong {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px; /* 137.5% */
        margin: 14px 0;
      }
      p {
        font-size: 14px;
        line-height: 22px; /* 157.143% */
      }
    }
  }
}

.chat-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  font-family: sans-serif;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.chat-bubble {
  background: #fff;
  padding: 10px 14px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  font-size: 13px;
  max-width: 240px;
  margin-bottom: 8px;
  position: relative;
  text-align: left;
}

.chat-bubble::after {
  content: '';
  position: absolute;
  bottom: -8px;
  right: 20px;
  border: 8px solid transparent;
  border-top-color: #fff;
}

.chat-btn {
  width: 52px;
  height: 52px;
  background: #ff6600;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}

.chat-btn img {
  width: 24px;
  height: 24px;
}

@media (max-width: 600px) {
  .chat-bubble {
    max-width: 85vw;
  }
}

.chat-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  font-family: sans-serif;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.chat-bubble {
  background: #fff;
  padding: 10px 14px;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  font-size: 13px;
  max-width: 240px;
  margin-bottom: 8px;
  position: relative;
  text-align: left;
}

.chat-bubble::after {
  content: '';
  position: absolute;
  bottom: -8px;
  right: 20px;
  border: 8px solid transparent;
  border-top-color: #fff;
}

.chat-icon {
  width: 64px;
  height: 64px;
  cursor: pointer;
}

@media (max-width: 600px) {
  .chat-bubble {
    max-width: 85vw;
  }
}

/* Header */
.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  min-height: 0;
  border-bottom: 0;
  transition: all 0.4s;
  z-index: 6;

  .header__title {
    position: static;
    width: 131px;
    height: 20px;
    max-width: none;
    transform: none;
    margin: 0;
  }
  .header__logo-img {
    display: block;
    width: 100%;
    height: 100%;
    background: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/logo..png?424e219136d926979a29) no-repeat center center;
    background-size: cover;
  }
  .header-inner {
    width: 100%;
    max-width: 1440px;
    padding: 18px 40px 0 40px;
  }
  .header__search-btn {
    width: 24px;
    height: 24px;
  }
}
.header__logo-img {
  background: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/logo..png?424e219136d926979a29) no-repeat center center;
  background-size: cover;
}

.shopping-basket {
  background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-cart..svg?de2d0a173b2de2fc9351);
}

/* Header - Top */
.HeaderTop {
  .headerTop-inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
  }

  .header-utils {
    display: flex;
    align-items: center;

    .utils-login {
      display: flex;
      gap: 20px;

      .HeaderNav-link {
        display: block;
        position: relative;
        font-family: 'Pretendard-SemiBold';
        font-size: 13px;
        font-weight: 600;
        line-height: 28px;
        word-break: keep-all;
        transition: all 0.4s;
      }

      .has-division {
        position: relative;

        &::after {
          content: '';
          display: inline-block;
          position: absolute;
          width: 1px;
          height: 14px;
          background: #d9d9d9;
          top: 50%;
          transform: translateY(-50%);
          right: -11px;
        }
      }
    }

    .utils-sns {
      position: relative;
      display: flex;
      align-items: center;
      gap: 20px;
      margin-left: 40px;

      &::before {
        content: '';
        display: inline-block;
        position: absolute;
        width: 1px;
        height: 14px;
        background: #d9d9d9;
        top: 3px;
        left: -20px;
      }

      > div {
        width: 20px;
        height: 20px;
      }
    }

    li::marker {
      content: none;
    }
  }
}

/* Header - Nav */
.HeaderNav {
  .HeaderNav-inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px 0;
    gap: 40px;

    > ul {
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;

      li {
        cursor: pointer;
      }
    }
  }

  .HeaderNav-link {
    display: block;
    position: relative;
    font-family: 'Pretendard-SemiBold';
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    color: #161616;
    word-break: keep-all;
    white-space: nowrap;
    transition: all 0.4s;

    &.is-hover {
      color: #161616;
    }

    &.is-hover ~ .HeaderSubNav {
      visibility: visible;
      opacity: 1;
    }
  }

  .nav-l {
    gap: 0 40px;

    .nav-list-wrap {
      position: relative;
      display: flex;
      flex-wrap: wrap;

      &::after {
        content: '';
        display: inline-block;
        position: absolute;
        width: 1px;
        height: 14px;
        background-color: #d9d9d9;
        top: 7px;
        left: -20px;
      }

      .HeaderNav-link {
        padding-right: 20px;
      }
    }
  }

  .nav-r {
    gap: 24px;
  }
}

/* Header - SubNav */
.HeaderSubNav {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  background-color: #fff;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;

  ul {
    position: relative;
    width: 100%;
    max-width: 1440px;
    display: flex;
    gap: 20px;
    padding: 20px 40px 20px;
    margin: 0 auto;
    box-sizing: border-box;

    &::before {
      content: '';
      display: inline-block;
      position: absolute;
      width: 100%;
      max-width: 1360px;
      height: 1px;
      background-color: #d9d9d9;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  ul > li {
    color: var(--gray-font-color);
    font-family: 'Pretendard-Medium';
    font-size: 13px;
    font-weight: 500;
    line-height: normal;

    :hover {
      color: #161616;
    }
  }
}

/* Header - Dim */
.header-dim {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;

  &.show {
    opacity: 1;
    visibility: visible;
  }
}

@media (min-width: 769px) {
  .hamburger-menu {
    display: none;
  }
  .category-nav {
    display: none;
  }
  .nav-l {
    &:hover {
      .HeaderNav-link:not(:hover):not(.is-hover) {
        color: var(--light-gray-font-color);
      }
    }
  }
  .nav-r {
    li {
      display: flex;
      align-items: center;

      .header__cart-btn {
        position: static;
        transform: none;
      }

      .shopping-basket {
        width: 20px;
        height: 20px;
        position: relative;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
      }
      .shopping-basket__count {
        position: absolute;
        width: 20px;
        height: 20px;
        top: -8px;
        right: -8px;
        background: var(--point-color);
        font-family: 'Pretendard-Regular';
        font-size: 13px;
        font-weight: 400;
        line-height: normal;
      }
    }
  }
}

@media (max-width: 1280px) {
  /* Header - Nav */
  .HeaderNav {
    .HeaderNav-inner {
      align-items: flex-start;
      > ul {
        align-items: flex-start;
      }
    }
    .nav-l {
      width: calc(100% - 322px);
      align-items: flex-start;

      .nav-list-wrap {
        align-content: flex-start;
        gap: 12px 0;
      }

      .HeaderNav-link {
        /* padding: 0 16px 18px 0; */
        padding: 0;
      }
    }

    .nav-r {
      width: 282px;
      gap: 20px;

      .tour {
        flex-shrink: 0;
      }
    }
    .nav-r li:first-child {
      &::after {
        right: -14px;
      }
    }
  }
}

@media (max-width: 768px) {
  /* Header */
  .header {
    background-color: #fff;

    .HeaderSubNav {
      display: none;
    }

    .header-inner {
      max-width: none;
      padding: 8px 16px;
    }

    .header__title {
      position: absolute;
      width: 104px;
      height: 16px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .header__left-btn {
      width: 24px;
      height: 24px;
      display: flex;
      justify-content: center;
      align-items: center;
      top: 50%;
      left: 16px;
      transform: translateY(-50%);

      svg {
        width: 16px;
        height: 12.5px;
      }
    }
    .header-utils {
      display: flex;
      gap: 16px;
    }
    .header__search-btn {
      margin-bottom: 0px;

      svg {
        width: 24px;
        height: 24px;
      }
    }
    .header__cart-btn {
      position: static;
      width: 24px;
      height: 24px;
      transform: none;
    }
    .shopping-basket {
      width: 24px;
      height: 24px;
      background-position: center center;
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-cart..svg?de2d0a173b2de2fc9351) !important;
      background-repeat: no-repeat;
      background-size: contain;
    }
    .shopping-basket__count {
      top: -5px;
      right: -10px;
      bottom: auto;
      padding: 2px;
      font-size: 13px;
    }
  }

  /* header--sub */
  .header--sub {
    .HeaderNav-link {
      color: #161616;

      &.is-active {
        color: #161616;

        & ~ .HeaderSubNav {
          visibility: visible;
          opacity: 1;
        }
      }

      &:not(.is-active) {
        color: var(--light-gray-font-color);
      }
    }

    .HeaderNav-sublink {
      &.is-active {
        color: #161616;
      }
      &:not(.is-active) {
        color: var(--light-gray-font-color);
      }
    }

    .header__search-btn svg path {
      stroke: #161616;
    }
    .shopping-basket__count {
      color: #fff;
    }
  }

  /* Header - Nav */
  .HeaderNav {
    display: none;
  }
  .header-dim {
    display: none;
  }

  /* Category Nav */
  .category-nav {
    max-width: 320px;
    z-index: 6 !important;

    .category-nav-sign-in {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 18px 16px 24px;
      background-color: var(--whole-color);

      p {
        font-family: 'Pretendard-Medium';
        font-size: 14px;
        font-weight: 500;
        line-height: 18px; /* 128.571% */
        color: var(--default-font-color);
      }

      .category-nav-sign-in__link {
        color: var(--default-font-color);
        text-decoration: none;
        font-family: 'Pretendard-Medium';
        font-size: 13px;
        font-weight: 500;
        line-height: normal;

        & + & {
          margin-left: 21px;
        }

        &:last-child {
          position: relative;

          &::before {
            content: '';
            display: inline-block;
            position: absolute;
            width: 1px;
            height: 10px;
            background-color: #d9d9d9;
            top: 50%;
            left: -10px;
            transform: translateY(-50%);
          }
        }
      }
      .category-nav-sign-in__close {
        position: static;
        transform: none;
      }
    }
    .category-nav-content {
      flex: none;
      height: calc(100% - 121px);
      overflow-y: auto;

      .l-panel {
        border: none;
        box-shadow: none;
      }
      .l-panel > div {
        padding: 0 16px;

        & + & {
          margin-top: 20px;
        }
      }

      .category-nav-links__item {
        display: flex;
        align-items: center;
        font-family: 'Pretendard-SemiBold';
        font-size: 15px;
        font-weight: 600;
        line-height: normal;
        padding: 0;
        border-bottom: 0;

        &:hover {
          background-color: transparent;
        }
      }
      .category-nav-links__tag {
        font-family: 'Pretendard-Medium';
        font-size: 11px;
        font-weight: 500;
        line-height: normal;
        color: var(--error-color);
        margin-left: 4px;
      }
      .subcategory-list {
        padding: 0 10px;
        visibility: hidden;
        max-height: 0;
        opacity: 0;
        transition: all 0.4s;

        &.show {
          visibility: visible;
          max-height: 600px;
          opacity: 1;
          margin-top: 20px;
        }
      }

      .category-line {
        width: 100%;
        height: 1px;
        background-color: #d9d9d9;
        margin-top: 20px;
      }
      .category-line ~ .category-nav-links__item {
        margin-top: 20px;
      }

      .subcategory-list li {
        color: var(--gray-font-color);
        font-size: 14px;
        font-weight: 400;
        line-height: normal;

        & + & {
          margin-top: 20px;
        }
      }
    }
  }

  /* dim */
  .offcanvas__dim {
    max-width: none !important;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 5;

    &.is-active {
      opacity: 1;
    }
  }

  /* CS */
  .cs {
    position: sticky;
    bottom: 0;

    width: 100%;
    background-color: #fff;
    justify-content: flex-end;
    padding: 16px 16px 24px 16px;

    .cs__link {
      font-family: 'Pretendard-Medium';
      font-size: 13px;
      font-weight: 500;
      line-height: normal;
      flex: none;
      padding: 0;

      & + & {
        margin-left: 24px;
      }

      &::before {
        content: none;
      }
    }
  }
}

.footer {
  padding: 0;
  border-top: 1px solid var(--gray-color);

  .footer_inner {
    max-width: 1440px;
    margin: 0 auto;
    padding: 40px;
  }

  .footer__nav {
    margin: 0 auto 28px;

    div {
      position: relative;
      margin: 0;
    }

    div + div {
      padding-left: 25px;
      &::before {
        content: '';
        position: absolute;
        display: block;
        left: 12px;
        top: 5px;
        width: 1px;
        height: 12px;
        background-color: var(--gray-color);
      }
    }
  }

  .footer__info {
    margin-bottom: 24px;
  }

  .footer__link-box {
    position: relative;

    & + .footer__link-box {
      padding-left: 25px;
      &::before {
        content: '';
        position: absolute;
        display: block;
        left: 12px;
        top: 1px;
        width: 1px;
        height: 12px;
        background-color: var(--gray-color);
      }
    }
  }

  .footer__link {
    padding: 0;
    font-family: 'Pretendard-Bold';
    font-size: 14px;
    line-height: 21px;
    color: var(--default-font-color);
  }

  .footer__about {
    font-size: 13px;
    line-height: 20px;
    color: var(--default-font-color);
  }

  .copyright {
    font-family: 'Pretendard-Regular';
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: var(--gray-font-color);

    & + & {
      margin-top: 12px;
      line-height: 20px;
    }
  }
}

.footer_about-item {
  position: relative;
  display: inline-block;
  margin-bottom: 4px;
  padding-left: 25px;
  font-size: 13px;
  line-height: 20px;
  &::before {
    content: '';
    position: absolute;
    display: block;
    left: 12px;
    top: 5px;
    width: 1px;
    height: 10px;
    background-color: var(--gray-color);
  }

  &:nth-of-type(1),
  &:nth-of-type(5),
  &:nth-of-type(8) {
    padding-left: 0;
    &::before {
      content: none;
    }
  }

  .font-bold {
    font-family: 'Pretendard-SemiBold';
  }
}

.footer__extra-logo {
  display: none;
}

@media screen and (max-width: 768px) {
  .footer {
    .footer_inner {
      padding: 30px 16px;
    }

    .footer__nav {
      margin: 0 auto 24px;
    }

    .footer__info {
      margin-bottom: 20px;
    }

    .copyright {
      font-size: 12px;
      line-height: 18px;

      & + & {
        margin-top: 24px;
        line-height: 18px;
      }
    }
  }

  .footer_about-item {
    position: relative;
    padding-left: 0;
    &::before {
      content: none;
    }
    &:nth-of-type(2),
    &:nth-of-type(5),
    &:nth-of-type(7) {
      padding-left: 16px;
    }
  }
}

/*
* main common
*/
.main-link-more {
  display: flex;
  width: 160px;
  height: 48px;
  margin: 0 auto;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--default-font-color);
  transition: 0.2s;

  &:hover {
    color: #fff;
    background-color: var(--default-font-color);
  }
}
@media (max-width: 768px) {
  .main-link-more {
    width: 100%;
    height: 48px;
    border: 1px solid var(--Button-Outline-color);
  }
}

/*
* main hero
*/
.hero {
  height: 72.05222vh;
  margin-top: var(--header-height);

  .swiper,
  .swiper-slide {
    height: 100%;
  }

  .swiper-horizontal > .swiper-pagination-bullets {
    bottom: 30px;
  }

  .swiper-pagination-bullet {
    width: 70px;
    height: 3px;
    margin: 0 !important;
    border-radius: 0;
    opacity: 0.4;
    transition: 0.2s;
    &:hover {
      opacity: 0.7;
    }
  }

  .swiper-pagination-bullet-active {
    opacity: 1;
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 52px;
    height: 52px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    background-repeat: no-repeat;
    &::after {
      content: none;
    }
  }

  .swiper-button-prev {
    left: 40px;
    background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-hero-prev..png?3b32941e47f08df0a6cb);
    background-size: 24px;
    background-position: center;
  }

  .swiper-button-next {
    right: 40px;
    background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-hero-next..png?3b204a5af21321ef40ff);
    background-size: 24px;
    background-position: center;
  }
}

.hero-bg {
  width: 100%;
  height: 100%;

  img {
    display: none;
  }
}

@media (min-width: 1920px) {
  .hero {
    height: 90.05222vh;
  }
}

@media (max-width: 768px) {
  .hero {
    height: 62.1666vh;
    margin-top: 0;

    .swiper-button-prev,
    .swiper-button-next {
      display: none;
    }
  }
}

/*
* main product
*/
.main-product {
  position: relative;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 40px;

  .main-link-more {
    display: none;
  }
}

.main-product-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;

  button {
    display: block;
    margin: 0 25px;
    font-family: 'Pretendard-SemiBold';
    font-size: 20px;
    color: var(--light-gray-font-color);

    &.active {
      color: inherit;
    }
  }

  + .tab-content {
    position: relative;
    min-height: 200px;
  }
}

/* thumb-GALLERY */
.main-product {
  .thumb-item__info .product-thumb-price-info {
    display: block;
  }

  .product-thumb-price {
    font-family: 'Pretendard-Medium';
    letter-spacing: 0;
    font-weight: 500;
  }

  .product-section__more.btn {
    display: none;
  }

  .product-section.l-panel {
    margin-bottom: 0;
    border: 0;
    box-shadow: none;
  }

  :where(:where(.thumb-GALLERY).PC) .thumb-item {
    width: calc(33.333% - 15px);
    margin-bottom: 32px;
  }

  :where(.product-section .thumb-GALLERY) {
    padding: 0;
    margin-bottom: 0;
  }

  :where(:where(.thumb-GALLERY).PC) .thumb-item:nth-child(n + 1) {
    margin-left: 15px;
  }

  :where(:where(.thumb-GALLERY).PC) .thumb-item:nth-child(3n-2) {
    margin-left: 0;
  }

  .thumb-item__media {
    aspect-ratio: auto;
  }

  .thumb-item__info {
    margin-top: 16px;
    padding: 0;
  }

  .product-thumb-title {
    margin: 8px 0;
    font-family: 'Pretendard-SemiBold';
    font-size: 18px;
  }

  .product-thumb-price {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
  }
}

@media (max-width: 1024px) {
  .main-product {
    :where(.product-section .thumb-GALLERY) {
      padding: 0 20px;
    }
  }
}

@media (max-width: 768px) {
  .main-product {
    padding: 0 16px;

    .product-thumb-price {
      font-size: 12px;
    }

    .product-section {
      margin-top: 28px;
    }

    .main-link-more {
      display: flex;
    }

    :where(:where(.thumb-GALLERY).PC, .thumb-GALLERY.MOBILE_WEB) .thumb-item {
      width: 100%;
      margin-bottom: 30px;
    }

    :where(.product-section .thumb-GALLERY) {
      display: block;
      padding: 0;
    }

    :where(.thumb-GALLERY, .thumb-CART) .thumb-item {
      width: 100%;
      margin-bottom: 30px;
    }

    :where(:where(.thumb-GALLERY).PC, .thumb-GALLERY.MOBILE_WEB) .thumb-item:nth-child(n + 1) {
      margin-left: 0;
    }

    .thumb-GALLERY.PC .thumb-item:nth-child(4),
    .thumb-GALLERY.PC .thumb-item:nth-child(5),
    .thumb-GALLERY.PC .thumb-item:nth-child(6),
    .thumb-GALLERY.MOBILE_WEB .thumb-item:nth-child(4),
    .thumb-GALLERY.MOBILE_WEB .thumb-item:nth-child(5),
    .thumb-GALLERY.MOBILE_WEB .thumb-item:nth-child(6) {
      display: none;
    }

    /* mobile expanded */
    .is-expanded {
      .thumb-GALLERY.PC .thumb-item:nth-child(4),
      .thumb-GALLERY.PC .thumb-item:nth-child(5),
      .thumb-GALLERY.PC .thumb-item:nth-child(6),
      .thumb-GALLERY.MOBILE_WEB .thumb-item:nth-child(4),
      .thumb-GALLERY.MOBILE_WEB .thumb-item:nth-child(5),
      .thumb-GALLERY.MOBILE_WEB .thumb-item:nth-child(6) {
        display: block;
      }
    }
  }

  .main-product-tab {
    margin-top: 24px;

    button {
      display: block;
      margin: 0 8px;
      font-size: 16px;
    }

    + .tab-content {
      min-height: 200px;
    }
  }
}

/*
* main evnet
*/
.main-event {
  max-width: 1440px;
  margin: 45px auto;
  padding: 0 40px;
  ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
  }

  a {
    display: block;
  }

  .main-event-bg {
    min-height: 380px;
    background-size: cover;
    background-position: center;
  }

  .title {
    display: block;
    margin-top: 20px;
    font-family: 'Pretendard-SemiBold';
    font-size: 18px;
  }

  .desc {
    margin-top: 10px;
  }
}
@media (max-width: 1024px) {
  .main-event {
    ul {
      grid-template-columns: repeat(2, 1fr);
    }
  }
}
@media (max-width: 768px) {
  .main-event {
    margin: 30px auto;
    padding: 0 16px;
    ul {
      display: block;

      li + li {
        margin-top: 30px;
      }

      li:nth-child(3),
      li:nth-child(4) {
        display: none;
      }
    }

    .desc {
      color: var(--gray-font-color);
    }

    + .main-link-more {
      max-width: calc(100% - 32px);
    }
  }
}

/*
* main history
*/
.main-history {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 40px;
  text-align: center;

  .main-history-bg {
    width: 100%;
    height: 460px;
    background-size: cover;
    background-position: center;
  }

  h3 {
    margin-top: 30px;
    font-family: 'Pretendard-Medium';
    font-size: 26px;
    line-height: 38px;
  }

  p {
    min-height: 40px;
    margin: 24px 0 40px;
    font-size: 16px;
    line-height: 26px;
  }
}
@media (max-width: 768px) {
  .main-history {
    padding: 0 16px;
    text-align: left;

    h3 {
      margin-top: 24px;
      font-size: 20px;
      line-height: 28px;
    }

    p {
      min-height: 60px;
      margin: 18px 0 30px;
      margin-top: 16px;
      font-size: 13px;
      line-height: 22px;
      color: var(--gray-font-color);
    }
  }
}

/*
* main video
*/
.mainVideo {
  max-width: 1440px;
  margin: 0 auto;

  .mainVideo-videoBox,
  .main-banner-video {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }

  iframe {
    border: 0;
  }
}
@media (max-width: 768px) {
}

/*
* main store
*/
.main-store {
  padding: 40px 0 0;

  h3 {
    margin: 0 auto 40px;
    font-family: 'Pretendard-Bold';
    font-size: 40px;
    line-height: 60px;
    text-align: center;
  }
}

.main-store-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto 40px;
  padding: 0 40px;
  .main-store-map {
    position: relative;
    width: 63.666%;
    height: 33.1222rem;
  }

  .main-store-con {
    position: relative;
    width: calc(42% - 1.2433rem);
    margin-left: 1.8833rem;
  }

  .main-store-list {
    border-top: 1px solid var(--gray-color);
    li {
      padding: 20px 0;
      border-bottom: 1px solid var(--gray-color);
    }

    .title {
      display: block;
      margin-bottom: 10px;
      font-family: 'Pretendard-SemiBold';
      font-size: 16px;
      line-height: 24px;
    }

    .sub-info {
      font-size: 16px;
      color: var(--gray-font-color);
      line-height: 24px;

      & + & {
        margin-top: 10px;
      }
    }

    .sub-info-time {
      position: relative;
      display: inline-block;
      padding-left: 25px;
      &::before {
        content: '';
        display: block;
        position: absolute;
        top: 7px;
        left: 12px;
        width: 1px;
        height: 10px;
        background-color: var(--gray-color);
      }
    }
  }

  .store-more-link-mo {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .main-store {
    margin-top: 30px;
    padding: 0 0 0;

    h3 {
      margin: 0 auto 40px;
      font-size: 22px;
      line-height: 26px;
    }

    .main-link-more {
      width: calc(100% - 32px);
    }
  }

  .main-store-inner {
    display: block;
    margin: 0 auto 10px;
    padding: 0;
    .main-store-map {
      width: 100%;
      height: 15rem;
    }

    .main-store-con {
      width: 100%;
      margin-left: 0;
      padding: 0 20px;
    }

    .main-store-list {
      width: 100%;
      margin-top: 20px;
      border-top: 0;

      li {
        &:first-child {
          border-top: 0;
        }
        &:last-child {
          border-bottom: 0;
        }
      }

      .title {
        font-size: 16px;
        line-height: 19px;
      }
      .sub-info {
        font-size: 14px;
        line-height: 17px;
      }

      .sub-info-time {
        &::before {
          top: 5px;
        }
      }
    }
  }
}

@media screen and (max-width: 420px) {
  .main-store-inner {
    .main-store-list {
      .sub-info {
        font-size: 13px;
      }
      .sub-info-time {
        position: relative;
        display: inline-block;
        padding-left: 14px;
        &::before {
          left: 7px;
        }
      }
    }
  }
}

.collection-wrap {
  /* reset */
  .l-panel {
    margin-bottom: 0;
    border: none;
    border-width: 0;
    box-shadow: none;
  }

  /* content */
  .content {
    .sub-content__contents {
      .intro-content {
        .cont-box {
          &.bg {
            position: relative;
            padding-bottom: 58.3%;

            .title {
              position: absolute;
              top: 0;
              left: 0;
            }
            .title p {
              font-family: 'Pretendard-Medium';
              color: var(--gray-font-color);
              font-size: 20px;
              font-weight: 500;
              line-height: 28px; /* 140% */
              margin-top: 30px;
            }
          }
          & + & {
            margin-top: 150px;
          }
        }
      }

      .detail-content {
        margin-top: 150px;

        .cont-box {
          .img-box {
            margin-top: 30px;
            padding-bottom: 29.5%;
          }
          img {
            width: 100%;
            object-fit: cover;
          }
          .system-slide {
            margin-top: 30px;
          }
          .desc {
            display: flex;
            gap: 50px;
            margin-top: 30px;

            p {
              font-family: 'Pretendard-Medium';
              width: 50%;
              font-size: 16px;
              font-weight: 500;
              line-height: 28px; /* 175% */
              padding-right: 20px;
            }

            &.full p {
              width: 100%;
            }
          }

          & + & {
            margin-top: 100px;
          }
        }
      }

      /* fabric */
      .fabric-content {
        ul {
          width: 100%;
          max-width: 660px;
          display: flex;
          justify-content: center;
          align-items: center;
          gap: 30px;
          margin: 50px auto;

          li {
            width: 33.333%;
            display: flex;
            flex-direction: column;
            align-items: center;
          }
          img {
            width: 100%;
            height: 100%;
            max-width: 200px;
            object-fit: cover;
          }
          span {
            font-family: 'Pretendard-Medium';
            color: var(--gray-font-color);
            font-size: 18px;
            font-weight: 500;
            line-height: normal;
            word-break: keep-all;
            margin-top: 20px;
          }
        }
      }

      /* card */
      .card-content {
        display: flex;
        flex-wrap: wrap;
        gap: 50px 10px;
        margin-top: 50px;

        li {
          width: calc(50% - 5px);
        }
        img {
          width: 100%;
        }
        em {
          display: inline-block;
          width: 100%;
          font-family: 'Pretendard-SemiBold';
          font-size: 20px;
          font-weight: 600;
          line-height: normal;
          word-break: keep-all;
          margin-top: 20px;
        }
        span {
          display: inline-block;
          width: 100%;
          font-size: 16px;
          font-weight: 500;
          line-height: 28px;
          word-break: keep-all;
          margin-top: 10px;
          padding-right: 16px;
        }
      }

      /* banner */
      .detail-content .banner-content {
        .img-box {
          margin-top: 0;
          padding-bottom: 52.1%;
        }
      }

      /* system */
      .system-content {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-top: 56px;

        .tab-list {
          width: 42%;

          li {
            font-family: 'Pretendard-SemiBold';
            font-size: 18px;
            font-weight: 600;
            line-height: normal;
            padding: 24px 0;
            word-break: keep-all;

            & + & {
              border-top: 1px solid var(--default-font-color);
            }

            &.active {
              position: relative;

              &::after {
                position: absolute;
                content: '';
                display: inline-block;
                width: 24px;
                height: 24px;
                background: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-arrow-right..png?4fbaa2ac9bec265a48cc) no-repeat center center;
                background-size: cover;
                top: 50%;
                right: 0;
                transform: translateY(-50%);
              }
            }
          }
        }

        .tab-content {
          width: 46%;
          position: relative;
          display: grid;
          grid-template-rows: 1fr;

          .content-item {
            grid-row: 1 / -1;
            grid-column: 1 / -1;
            opacity: 0;
            transition: opacity 1.2s;

            &.active {
              opacity: 1;
            }
          }

          p {
            font-family: 'Pretendard-Medium';
            font-size: 16px;
            font-weight: 500;
            line-height: 28px; /* 175% */
            margin-top: 16px;
            word-break: keep-all;
          }
        }
      }
    }

    .img-box {
      width: 100%;
      height: 0;
      padding-bottom: 52.1%;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      margin-top: 50px;
    }
  }

  /* link */
  .collection-link-more {
    display: flex;
    width: 160px;
    height: 48px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    padding: 10px 16px;
    border: 1px solid var(--default-font-color);
    background-color: #fff;
    transition: all 0.2s;

    &:hover {
      color: var(--whole-color);
      background-color: var(--default-font-color);
    }
    &:disabled {
      opacity: 0.3;
    }
  }

  /* Slider */
  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.3);
    margin: 0 5px;
  }
  .swiper-pagination-bullet-active {
    background-color: #fff;
  }
}

@media (min-width: 768px) {
  .only-pc {
    display: block;
  }
  .only-mo {
    display: none;
  }
}
@media (max-width: 768px) {
  .only-pc {
    display: none !important;
  }
  .only-mo {
    display: block;
  }

  .collection-wrap {
    .inner {
      flex-direction: column;
    }

    /* content */
    .content {
      .sub-content__contents {
        .intro-content {
          .cont-box {
            &.bg {
              background-image: none !important;
              padding-bottom: 0;

              .title {
                position: static;
              }
              .title p {
                font-size: 16px;
                line-height: 22px;
                margin-top: 20px;
              }
              .img-box {
                padding-bottom: 73.17%;
              }
            }
            &.reverse > .box-inner {
              display: flex;
              flex-direction: column-reverse;

              .img-box {
                margin: 0 0 30px 0;
              }
            }
            & + & {
              margin-top: 80px;
            }
          }
        }

        .detail-content {
          margin-top: 80px;

          .cont-box {
            .img-box {
              margin-top: 15px;
              padding-bottom: 66.666%;
            }
            .system-slide {
              margin-top: 15px;
            }
            .desc {
              flex-direction: column;
              gap: 22px;

              p {
                width: 100%;
                font-size: 14px;
                line-height: 22px;
              }
            }

            & + & {
              margin-top: 80px;
            }
          }
        }

        .img-box {
          padding-bottom: 73.17%;
        }

        /* fabric*/
        .fabric-content {
          ul {
            max-width: none;
            gap: 12px;
            margin: 30px 0;

            img {
              max-width: none;
              min-width: 100px;
            }
            span {
              font-size: 12px;
              margin-top: 12px;
            }
          }
        }

        /* card */
        .card-content {
          gap: 16px 8px;
          margin-top: 30px;

          li {
            width: calc(50% - 4px);
          }

          em {
            font-size: 18px;
            line-height: 22px;
          }
          span {
            font-size: 12px;
            line-height: 150%;
            margin-top: 10px;
            padding-right: 0;
            color: var(--gray-font-color);
          }
        }

        /* spring */
        .spring-slide {
          margin-top: 30px;

          .swiper-slide {
            padding-bottom: 36px;
          }

          .slide-desc {
            padding: 0 32px;

            em {
              display: inline-block;
              width: 100%;
              text-align: center;
              font-size: 18px;
              font-weight: 600;
              line-height: 22px; /* 122.222% */
              margin-top: 30px;
              word-break: keep-all;
            }
            span {
              display: inline-block;
              width: 100%;
              color: var(--gray-font-color);
              text-align: center;
              font-size: 14px;
              font-weight: 500;
              line-height: 22px; /* 157.143% */
              word-break: keep-all;
              margin-top: 14px;
            }
          }

          .swiper-pagination {
            bottom: 0;

            .swiper-pagination-bullet {
              width: 6px;
              height: 6px;
              background-color: var(--gray-font-color);
              opacity: 0.3;
            }
            .swiper-pagination-bullet-active {
              background-color: var(--gray-font-color);
              opacity: 1;
            }
          }
        }

        /* system */
        .system-content {
          flex-direction: column;
          margin-top: 23px;

          .tab-list {
            width: 100%;

            li {
              font-size: 15px;
              padding: 17px 0;

              &.active {
                &::after {
                  width: 20px;
                  height: 20px;
                  transform: translateY(-50%) rotate(90deg);
                }
              }
            }
          }

          .tab-content {
            width: 100%;
            margin-top: 7px;

            p {
              color: var(--gray-font-color);
              font-size: 14px;
              line-height: 22px; /* 157.143% */
            }
            img {
              width: 100%;
            }
          }
        }

        /* banner */
        .detail-content .banner-content {
          margin-bottom: -80px;
          .img-box {
            padding-bottom: 100.833%;
          }
        }
      }
    }

    /* link */
    .collection-link-more {
      width: 100%;
      height: 48px;
      font-size: 13px;
      padding: 16px;
      border: 1px solid var(--Button-Outline-color);
    }
  }
}

/*
* Product detail
*/

.product-content__editor-box *:not(iframe) {
  width: initial !important;
}

.editor table td,
.editor table th {
  padding: 10px 20px;
  word-break: auto-phrase;
  line-height: 1.2;
}

.product-content__content {
  margin-bottom: 60px;
}

.product-content__empty-content {
  padding: 20px 0 80px;
}

.product-detail {
  .product-detail-upper {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 40px;
  }

  .l-panel {
    width: 100%;
    margin: 60px auto 0;
    border: 0;
    box-shadow: none;
  }

  .product-detail-upper-left {
    display: grid;
    padding-top: calc(var(--header-height) + 60px);

    .thumb-item__img {
      height: auto;
    }
  }

  .product-summary {
    display: flex;
    flex-direction: column;
    position: static;
    padding: 0;
    z-index: 2;
  }

  .product-detail-contents {
    width: 100%;
    overflow: hidden;
  }

  .thumb-item__media {
    aspect-ratio: initial;
  }

  .product-summary__brand-name {
    display: none;
  }

  .product-summary-info {
    display: block;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }

  .product-summary-info.has-sticker {
    .thumb-sticker-wrap {
      margin: 0;
    }
    .product-summary__item {
      flex: 0 0 auto;
      &:first-child {
        flex: 1 1 100%;
      }
    }
  }

  .product-summary__title {
    margin-top: 10px;
    font-family: 'Pretendard-Medium';
    font-size: 18px;
    line-height: 22px;
  }

  .product-summary__price-info {
    margin-top: 0;
  }

  .product-summary__price {
    display: flex;
    align-items: center;
    font-family: 'Pretendard-Medium';
    font-size: 16px;
    line-height: 22px;

    span {
      font-size: 14px;
      line-height: 18px;
    }
  }

  .product-summary__price-detail {
    margin-top: 16px;
  }

  .product-summary__original-price {
    margin-top: 0;
    margin-bottom: 4px;
    font-size: 13px;
  }

  .product-summary__coupon-download-btn {
    margin-top: 10px;
    top: auto;
  }

  .product-summary__off-percent {
    margin-right: 4px;
    font-family: 'Pretendard-SemiBold';
    font-size: 16px;
    line-height: 20px;
    vertical-align: bottom;
  }

  .select {
    .select-box {
      margin-bottom: 0;
      font-size: 12px;
      border: 1px solid var(--gray-color);
    }
  }

  .purchase__option-title {
    min-width: 80px;
    font-family: 'Pretendard-SemiBold';
    font-size: 12px;
    line-height: 16px;
  }

  .product-summary__freight-line {
    display: none;
  }

  .product-summary__freight {
    display: none;
  }

  .purchase__naver-pay-btn {
    margin: 0;
  }

  .product-summary__price-info,
  .product-summary__price-detail {
    display: block;
  }

  .purchase__like-btn {
    flex: none;
    width: 48px;
    height: 48px;
    padding: 0 2px;
    border-radius: 0;
    background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-like..png?119551f30b036a77b98c);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.2s;
    &:hover {
      background-color: var(--empty-color);
    }

    &.is-active {
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-like-active..png?04c8f3742eecf774e156);
    }

    svg {
      display: none;
    }
  }

  .purchase__btns {
    .btn {
      padding: 12px 10px;
      font-size: 14px;
      line-height: 16px;
      border-radius: 0;
      background-color: var(--default-font-color);
      transition: 0.2s;

      &:hover {
        background-color: var(--Button-Primary-hover);
      }

      &:disabled {
        background-color: var(--Button-Solid_dis);
        cursor: inherit;
      }
    }

    .purchase__cart-btn {
      width: 48px;
      height: 48px;
      padding: 14px;
      background-color: #fff;
      border-color: var(--gray-color);
      &:hover {
        background-color: var(--empty-color);
      }
    }

    .sc-cart-button {
      color: #222;
      background-color: transparent;
      border: 1px solid #222;
    }
  }

  .product-content-shipping-claim {
    margin-bottom: 120px;
  }

  .purchase__option .select-box select {
    height: 32px;
    padding: 8px 0;
  }
}
@media (min-width: 768px) {
  .product-detail {
    .product-detail-upper {
      grid-template-columns: 1fr auto;
      align-items: start;
    }

    .product-detail-upper-left {
      grid-column: 1 / 2;
    }

    .product-summary {
      position: sticky;
      top: 64px;
      right: 40px;
      align-self: start;
      grid-column: 2 / 3;
      width: 300px;
      height: 100%;
      margin-left: 1.75rem;
      margin-bottom: 15px;
    }
  }
}
@media (min-width: 1024px) {
  .product-detail {
    .product-summary {
      top: 194px;
      width: 360px;
      margin-left: 4.75rem;
    }
  }
}

@media screen and (max-width: 768px) {
  .product-content__empty-content {
    padding: 80px 0;
  }

  .product-detail {
    .l-panel {
      margin: 20px auto 0;
      padding: 0;
    }

    .product-detail-upper {
      flex-direction: column;
      margin: auto 0;
      padding: 0;
    }

    .product-detail-upper-left {
      width: 100%;
      margin-top: 0;
      padding-top: 0;

      .thumb-item__img {
        height: auto;
      }
    }

    .product-summary {
      position: static;
      top: auto;
      right: auto;
      width: 100%;
      display: block;
      margin-left: 0;
      margin-top: 20px;
      padding: 0 16px;

      .product-summary__brand-name {
        margin-top: 20px;
      }

      .product-summary__txt {
        padding: 0 20px;
      }
    }

    .product-summary__original-price {
      margin-bottom: 3px;
    }

    .product-summary-info {
      flex-direction: column;
      align-items: flex-start;
    }

    .purchase__option-title {
      font-size: 13px;
      line-height: 17px;
    }

    .product-summary-info.has-sticker {
      display: block;
    }

    .product-summary__price-info {
      margin-top: 15px;
    }

    .product-summary__price {
      font-size: 16px;

      span {
        font-size: 16px;
        line-height: 20px;
      }
    }

    .product-content-shipping-claim {
      padding: 0 20px 60px;
    }

    .purchase__btns {
      min-height: auto;
      .btn {
        width: calc(100% - 48px - 48px - 8px);
        padding: 0 2px;
        font-size: 14px;
        line-height: 16px;
        border-radius: 0;
      }

      .purchase__like-btn,
      .purchase__cart-btn {
        width: 48px;
        height: 48px;
        background-color: #fff;
      }
    }
  }

  .purchase__btns [type='button']:nth-child(n + 2) {
    margin-left: 4px;
  }

  .product-content__content {
    margin-bottom: 0;
  }
}

/*Product detail purchase*/
@media screen and (min-width: 768px) {
  .product-detail.purchase {
    position: relative;
    bottom: auto;
    max-width: 100%;
    padding: 0;
    border: 0;
    z-index: 1;

    .purchase__option {
      display: block;
      margin-top: 40px;
    }

    .purchase__opener {
      display: none;
    }

    .purchase__buy-btn {
      display: none;
    }

    .purchase__button-wrap {
      position: absolute;
      bottom: 0;
      left: 0;
    }

    .purchase__btns {
      padding-left: 46px;
    }

    .purchase__btns [type='button']:nth-child(n + 2) {
      margin-left: 4px;
    }
  }

  .offline-only-wrapper {
    .product-detail.purchase {
      .purchase__btns {
        padding-left: 0;
      }
    }
  }
}

.product-detail.purchase {
  left: 0;
  max-width: 100%;
}

.product-content__box {
  padding: 60px 0 0 0;
}

.product-content__more-btn {
  button {
    height: 48px;
    padding: 10px 16px;
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    line-height: 22px;
    color: var(--default-font-color);
    border: 1px solid var(--default-font-color);
    background-color: #fff;
  }
}

.product-content__content.hidden {
  .product-content__more-btn {
    z-index: 0;
  }
}
@media screen and (max-width: 768px) {
  .product-content__box {
    padding: 40px 16px 0;
  }

  .offline-only-wrapper {
    .product-detail.purchase {
      left: 0;

      .purchase__btns {
        .purchase__btns__purchaseButton {
          width: 100%;
          min-height: 48px;
          padding: 0;
          font-size: 14px;
          font-family: 'Pretendard-Medium';
          font-weight: 500;
          line-height: 16px;
          border-radius: 0;
        }
      }
    }

    .purchase__button-wrap {
      .purchase__buy-btn {
        height: 48px;
      }
    }
  }
}

/*
* payment__util
*/
.payment__util {
  display: flex;
  width: 100%;
  padding: 15px 0;
  font-size: 12px;
  line-height: 16px;
  border-top: 1px solid var(--gray-color);
  flex-wrap: wrap;

  & + & {
    padding-top: 0;
    border-top: 0;
    border-bottom: 1px solid var(--gray-color);
  }

  .title {
    width: 80px;
  }

  .info {
    margin-left: 15px;
    width: calc(100% - 80px - 15px);

    span.has-line {
      text-decoration: line-through;
    }

    .pay-num {
      margin: 8px 0;
    }

    em {
      font-family: 'Pretendard-SemiBold';
      font-size: 12px;
      line-height: 16px;
      color: var(--point-color);
    }

    strong {
      color: #444;
      text-decoration: underline;
      cursor: pointer;
    }
  }

  .info-simmonspay {
    width: 100%;
    margin-top: 15px;

    li {
      font-family: 'Pretendard-Regular';
      font-size: 12px;
      line-height: 16px;
      color: var(--gray-font-color);
    }
  }
}

.offline-only-wrapper {
  .payment__util {
    display: none;
  }
}

/*
* purchase__storeInfo
*/
.purchase__storeInfo {
  display: none;
}

.offline-only-wrapper {
  .purchase__storeInfo {
    display: block;
    margin-bottom: 7px;
    padding: 15px 0;
    color: var(--error-color);
    border-top: 1px solid var(--gray-color);
    border-bottom: 1px solid var(--gray-color);
  }
}
@media screen and (max-width: 768px) {
  .payment__util {
    font-size: 14px;
    line-height: 21px;
  }
}

/*
* Product detail image slider
*/
.product-detail-upper-slide {
  .swiper {
    z-index: 0;
  }

  .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 15px;
  }

  .product-image-slider .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background-color: #fff;
    opacity: 0.3;
  }

  .product-image-slider .swiper-pagination-bullet-active {
    width: 8px;
    background-color: #fff;
    opacity: 1;
  }

  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
  }
}

/*
* ProductDetail tabs
*/
.product-detail .l-panel {
  border-top: 0;
}

.product-detail .tabs {
  top: 64px;
  justify-content: center;
  height: auto;
  margin: 0 auto;
  border-bottom: 1px solid var(--gray-color);
  z-index: 1;
}

.product-detail .tabs li {
  position: relative;
  min-width: 150px;
  margin-left: 16px;
  padding: 8px 30px;
  font-family: 'Pretendard-SemiBold';
  font-size: 14px;
  line-height: 18px;
  background-color: #fff;
  &:first-child {
    margin-left: 0;
  }
}

.tabs__item {
  flex: initial;
  border-bottom: 0;
}

.tabs__item.on {
  color: var(--default-font-color);
  border-bottom: 0;
  &:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--default-font-color);
  }
}
@media screen and (max-width: 768px) {
  .product-detail .tabs {
    top: 0;
    justify-content: space-around;
  }

  .product-detail .tabs li {
    flex: 1;
    min-width: auto;
    margin: 0;
    padding: 14px 0;
    font-size: 13px;
  }
}

/*
* Product review summary
*/
.product-review-summary {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  padding: 20px 0;
  border-bottom: 1px solid #000;
}

.product-review-summary__title {
  margin: 0;
  font-family: 'Pretendard-SemiBold';
  font-size: 16px;
  line-height: 18px;
}

.product-review-summary__rating {
  margin: 0 0 0 16px;
}

.rating-star {
  width: 116px;
  height: 20px;
}

.rating-star--sm {
  width: 96px;
  height: 16px;
}

.rating-star::before {
  background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-star-gray..png?8ca3df632d71fb943872);
  background-size: 116px 20px;
  background-position: initial;
}

.rating-star__progress {
  background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-star-active..png?a2c64aac4847cb7b9f4f);
  background-size: 116px 20px;
  background-position: initial;
}

.rating-star.rating-star--sm::before {
  background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-star-gray-sm..png?f71bef746e88ca63460d);
  background-size: 96px 16px;
  background-position: initial;
}

.rating-star.rating-star--sm {
  .rating-star__progress {
    background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-star-active-sm..png?d864a945da5f090c03e9);
    background-size: 96px 16px;
    background-position: initial;
  }
}

.product-detail .product-content__content + .product-content-review {
  padding: 20px 0 120px 0;
}

.product-detail .product-content-review {
  padding: 0 0 60px 0;
}

.product-review-summary__score {
  display: flex;
  align-items: center;
  margin-left: 16px;
  font-family: 'Pretendard-SemiBold';
  font-size: 14px;
  line-height: 18px;
  color: var(--default-font-color);

  span {
    color: var(----gray-font-color);
  }
}

.product-board-list__search {
  justify-content: flex-start;
  margin-top: 29px;
  margin-bottom: 9px;
  font-size: 15px;
}

.product-board-list__total-count {
  margin-left: 5px;
  font-size: 15px;
  color: var(--default-font-color);

  em {
    font-family: 'Pretendard-SemiBold';
    font-weight: 600;
  }
}

.product-board-list__sort-type {
  margin-left: 20px;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  color: #454545;
  border: 1px solid var(--gray-color);
  border-radius: 2px;
  &:after {
    width: 16px;
    height: 16px;
    margin-left: 8px;
    right: 8px !important;
    background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-selectbox..png?2fe1e149be25d5ec9f1d);
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;
  }

  select {
    height: 32px !important;
    min-width: 94px;
    padding: 8px 8px 8px 10px !important;
    text-align: left;
    border-radius: 2px;
  }
}

.product-board-list {
  .ico--exclamation-white-bg {
    display: none;
  }
}

.product-board-list__empty {
  padding: 78px 0;
  border-top: 1px solid var(--gray-color);
}

.product-board-list__empty-notes,
.product-board-list__accumulation-notes {
  padding: 0;
  font-size: 14px;
  line-height: 18px;
  color: var(--gray-font-color);
}

.product-board-list__accumulation-notes {
  padding-top: 8px;
  color: var(--default-font-color);
}
@media screen and (max-width: 768px) {
  .product-detail .product-content__content + .product-content-review {
    padding: 20px 0 80px 0;
  }

  .product-board-list__search {
    margin: 16px 0 10px;
  }

  .product-board-list__empty {
    padding: 38px 0;
  }
}

/*
* product-review-item__content
*/
.product-board-list__items {
  margin-top: 0;

  .thumb-LIST {
    &:first-of-type {
      .product-review-item {
        border-top: 1px solid var(--gray-color);
      }
    }
    &:last-of-type {
      .product-review-item {
        padding-bottom: 0;
        border-bottom: 0;
      }
    }
  }
}

.product-review-item__date {
  line-height: 18px;
}

.product-review-item__score {
  display: none;
}

.product-review-item__text {
  cursor: pointer;
}

.product-content-review .product-board-list ul {
  border-top: 0;
}
.product-review-item__order-info {
  p:not(.product-review-item__product-name, .product-review-item__member-id) {
    margin-top: 4px;
  }
}
.product-review-item__text-detail {
  -webkit-line-clamp: 1;
  margin-top: 20px;
  color: var(--default-font-color);
}

.product-review-item__product-name {
  font-family: 'Pretendard-Medium';
  font-size: 15px;
  line-height: 20px;
  color: var(--default-font-color);
}

.product-review-item__option-value,
.product-review-item__member-id {
  font-size: 12px;
  line-height: 16px;
  color: var(--gray-font-color);
}

.product-review-item__member-id {
  margin-top: 10px;
}

.product-review-item__image {
  margin: 0;

  li {
    width: 80px;
    height: 80px;
  }
}

.product-review-item.is-open .product-review-item__bottom {
  margin-top: 8px;
  margin-bottom: 20px;
}

.productDetail-review-modal .title-modal__content {
  height: calc(80vh - 120px);
}

.productDetail-review-modal .product-review-item__image-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.product-review-item__btns {
  height: auto;
  margin: 16px 0 0;
  gap: 8px;
}
.product-review-item__btns button {
  height: 40px;
}

@media screen and (max-width: 768px) {
  .product-review-item__btns {
    margin: 20px 0 0;
  }
}

/*
* SimonspayModal
*/
.Paymodal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 6;
}

.Paymodal-overlay-inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;

  .modal {
    width: 100%;
    max-width: 760px;
    min-height: 635px;
    background-color: #fff;
  }

  h2 {
    display: block;
    font-size: 18px;
    padding: 16px 20px;
    border-bottom: 1px solid #222;
    text-align: center;
  }

  .modal-info {
    padding: 20px;
  }

  .modal-info-p {
    margin-top: 0;
    font-size: 14px;
    line-height: 21px;
    color: #222;
  }

  .caution {
    margin-top: 24px;

    span {
      font-family: 'Pretendard-Medium';
      color: #222;
      line-height: 21px;
    }

    p {
      margin-top: 4px;
      line-height: 21px;
      color: #777;
    }
  }

  .modal-button {
    width: 100%;
    padding: 20px;

    button {
      width: 100%;
      padding: 16px 10px;
      font-size: 16px;
      line-height: 24px;
      border: 1px solid #222;
      text-align: center;
    }
  }
}
/*
@media screen and (max-width: 768px) {
  .modal {
    width: 100%;
    max-width: 100%;
  }
}
*/

/* SimonspayModal table */
.Paymodal-overlay-inner {
  table {
    width: 100%;
    margin: 24px 0 8px 0;
    font-size: 14px;
    line-height: 21px;
    text-align: center;

    caption {
      width: 0;
      height: 0;
      font-size: 0;
    }

    th {
      padding: 10px;
      font-family: 'Pretendard-Medium';
      background-color: #f8f8f8;
      border-top: 1px solid #222;
      border-bottom: 1px solid #dedede;
    }

    td {
      padding: 10px;
      border-bottom: 1px solid #dedede;
    }
  }

  .table-caution {
    font-size: 12px;
    line-height: 18px;
    color: #777;
  }
}
@media screen and (max-width: 768px) {
  .Paymodal-overlay-inner {
    .mo-hidden {
      display: none;
    }

    .pc-hidden {
      display: table !important;
    }

    .modal-info {
      max-height: calc(100vh - 50px - 96px);
      overflow-y: auto;
    }
  }
}

/*
* 모바일 하단 구매 버튼 박스
*/
@media screen and (max-width: 768px) {
  .product-detail.purchase {
    padding: 35px 16px 16px;

    &.is-close {
      padding: 16px;
    }

    .purchase__buy-btn {
      padding: 0;
      font-size: 14px;
      font-family: 'Pretendard-Medium';
      font-weight: 500;
      line-height: 16px;
      background-color: var(--default-font-color);
      border-radius: 0;
    }
  }

  .purchase__button-wrap {
    gap: 4px;
    .purchase__cart-btn {
      width: 48px;
      height: 48px;
      padding: 0 2px;
      font-size: 14px;
      line-height: 16px;
      border: 1px solid var(--gray-color);
      border-radius: 0;
    }
  }
}

/*
* Event page thumbnail list
*/
.thumb-GALLERY.event-list {
  .thumb-item__media {
    aspect-ratio: initial;
  }
}

/*
* Related-product
*/
.l-panel.related-product {
  margin: 60px auto 30px;
  box-shadow: none;
  border-bottom: 0;
}

.related-product__title {
  display: block;
  margin: 0 auto 16px;
  font-family: 'Pretendard-SemiBold';
  font-size: 14px;
  line-height: 18px;
  text-align: left;
}

.related-product__items {
  padding: 0;
}

.related-product__item {
  margin-right: 15px;
  max-width: 172px;
}

.related-product .thumb-item__info {
  margin-top: 12px;
}

.related-product__product-name {
  padding: 0 0 8px 0;
  font-family: 'Pretendard-SemiBold';
  font-size: 13px;
  line-height: 20px;
}

.related-product__price strong {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .l-panel.related-product {
    margin: 30px 0;
  }
  .related-product__title {
    margin: 0 16px 14px;
  }

  .related-product__items {
    padding-left: 16px;
  }

  .related-product__item {
    margin-right: 10px;
  }
}

/*
* ProductDetail Editor
*/
.product-content__title {
  display: none;
}

/*
* Product detail CouponModal
*/
.productDetail-couponDownload {
  .title-modal__content {
    max-height: 400px;
  }
}
.coupons {
  .coupon__wrap {
    padding: 0 20px;
  }

  .coupon {
    position: relative;
    display: block;
    max-width: 100%;
    padding: 16px 20px;
    border: 1px solid var(--gray-color);
    border-radius: 0;
    &::before,
    &::after {
      display: none;
    }

    & + & {
      margin-top: 12px;
    }

    .coupon__download-btn {
      position: absolute;
      top: 24px;
      right: 56px;
      display: block;
      width: 17px;
      height: 17px;
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-couponDown..png?23e398aceb5e7c96c20c);
      background-size: 17px;
      background-position: center;
      background-repeat: no-repeat;

      .ico--download-red {
        position: relative;
        width: 1px;
        height: 2px;
        background-image: none;
        background-color: transparent;
        visibility: hidden;
      }
    }
  }

  .coupon__summary {
    width: 100%;
    min-height: auto;
  }

  .coupon__title {
    font-family: 'Pretendard-SemiBold';
    font-size: 14px;
    line-height: 18px;
  }

  .coupon__discount-rate {
    margin-top: 8px;
    font-size: 12px;
    line-height: 16px;
    color: var(----gray-font-color);
  }

  .coupon__discount-information {
    width: calc(100% - 40px);
    margin-bottom: 12px;
    padding-bottom: 12px;
    font-family: 'Pretendard-SemiBold';
    font-size: 32px;
    line-height: 36px;
    border-bottom: 1px solid var(--gray-color);
  }

  .coupon__discount-right {
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px 10px;
    min-width: 36px;
    height: 100%;
    border-radius: 0;
    border-left: none;
    font-family: 'Pretendard-Medium';
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: normal;
    color: var(--light-gray-font-color);
    background: #535353;
    writing-mode: vertical-rl;
  }
}

.coupon__wrap--issued {
  .coupon__download-btn {
    opacity: 0;
    height: 0;
    width: 0;
    visibility: none;
  }
}

.coupons__download-btn {
  background-color: var(--default-font-color);
}

.coupon__wrap--issued .coupon__issued {
  background-color: transparent;
  .ico--check-white {
    position: absolute;
    top: 24px;
    right: 56px;
    width: 20px;
    height: 20px;
    background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-couponDown-complete..png?0f391a79be3861b54bdb);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
  }
  p {
    display: none;
    opacity: 0;
  }
}

@media screen and (max-width: 768px) {
  .productDetail-couponDownload {
    width: calc(100% - 32px);

    .title-modal--full {
      min-width: auto;
      max-width: none;
    }

    .title-modal--full .title-modal__content {
      min-width: auto;
      max-width: none;
    }
  }

  .coupons {
    .coupon {
      padding: 16px;

      & + & {
        margin-top: 8px;
      }

      .coupon__download-btn {
        position: absolute;
        top: 20px;
        right: 38px;

        .ico--download-red {
          width: 16px;
          height: 16px;
          background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-couponDown..png?23e398aceb5e7c96c20c);
          background-size: 16px;
          background-position: center;
          background-repeat: no-repeat;
        }
      }
    }

    .coupon__discount-information {
      width: calc(100% - 20px);
      margin-bottom: 8px;
      padding-bottom: 8px;
      font-size: 24px;
      line-height: 29px;
    }

    .coupon__title {
      font-size: 13px;
      line-height: 16px;
    }

    .coupon__discount-rate {
      line-height: 14px;
    }

    .coupon__discount-right {
      padding: 12px 4px;
      min-width: 20px;
      font-size: 10px;
      line-height: 12px;
    }
  }
}

.purchase__quantity-box {
  max-height: 20.571429rem;
  border-top: 0;
}

.payment__util + .purchase__quantity-box {
  margin-top: 6px;
}

.purchase__quantity-box.has-quantity {
  border-top: 1px solid #ddd;
}

.purchase.product-detail {
  .purchase__option {
    .select-box {
      margin-bottom: 8px;
      border: 1px solid #ddd;
    }
  }
}

.purchase {
  .quantity {
    margin: 8px 0;
    padding: 15px;
  }

  .select-box {
    height: auto;
    margin-bottom: 30px;
    padding: 0 32px 0 10px;
    line-height: 16px;
    border-radius: 2px;
    &::after {
      right: 8px;
      width: 16px;
      height: 16px;
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-selectbox..png?2fe1e149be25d5ec9f1d);
      background-size: 16px 16px;
      background-position: center;
    }
  }
}

.purchase__total {
  align-items: center;
  margin: 0 0 15px;
  padding: 32px 0px 0;
  font-family: 'Pretendard-SemiBold';
  font-size: 12px;
  line-height: 16px;
  border-top: 0;

  em {
    font-size: 14px;
    line-height: 18px;
  }
}

.purchase .highlight {
  padding-right: 4px;
  font-family: 'Pretendard-Bold';
  font-size: 20px;
  line-height: 30px;
}

.quantity__label {
  font-family: 'Pretendard-Medium';
  font-size: 12px;
  line-height: 16px;
}

.quantity__del {
  top: 15px;
  right: 15px;
  svg {
    width: 16px;
    height: 16px;
  }
}

.quantity__content {
  em {
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
  }
}

.counter input {
  font-family: 'Pretendard-SemiBold';
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}

.counter__btn {
  width: 34px;
  height: 34px;
  font-size: 0;
  line-height: 0;

  &:first-child {
    background: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-stepper-minus..png?229a2a0c82a462dd8478) no-repeat center center;
    background-size: 16px;
  }
}

.counter__input + .counter__btn {
  background: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-stepper-plus..png?51854b8cba6ad81f708a) no-repeat center center;
  background-size: 16px;
}
@media screen and (min-width: 768px) {
  .purchase.product-detail {
    .purchase__option {
      .select-box {
        &:nth-of-type(2),
        &:nth-of-type(3),
        &:nth-of-type(4) {
          margin-bottom: 8px;
        }

        &:last-of-type {
          margin-top: 0;
          margin-bottom: 15px;
        }
      }
    }
  }
}
@media screen and (max-width: 768px) {
  .purchase.product-detail {
    .purchase__option {
      .select-box {
        margin-bottom: 8px;
        &:last-of-type {
          margin-top: 0;
          margin-bottom: 15px;
        }
      }
    }
  }

  .purchase {
    .quantity {
      padding: 14px;
    }

    .select-box {
      font-size: 14px;
      line-height: 24px;

      &::after {
        right: 16px;
      }
    }
  }
  .purchase__total {
    margin: 0 0 31px;
    padding: 8px 0 0;
    font-size: 13px;
    line-height: 17px;
  }

  .purchase .highlight {
    padding-right: 0;
    font-size: 18px;
    line-height: 26px;
  }

  .quantity__label {
    font-size: 14px;
    line-height: 21px;
  }

  .quantity__del {
    top: 14px;
    right: 14px;
  }
}

/*
* purchase__opener
*/
.purchase__opener_wrap {
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  width: 100%;
  justify-content: center;
  background-color: #fff;
  transform: translateX(-50%);
}

.purchase__opener {
  display: none;
  position: relative;
  justify-content: center;
  align-items: center;
  top: auto;
  left: auto;
  font-size: 0;
  line-height: 4px;
  border: 0;
  transform: none;

  .ico {
    visibility: hidden;
    width: 36px;
    height: 4px;
    background-color: var(--gray-color);
    background-image: none;
    border-radius: 2px;
    transform: none;
  }
}

.purchase__opener.is-show {
  display: flex;
  .ico {
    visibility: visible;
  }

  .ico--angle-down {
    transform: none;
  }
}

.category-menu__list {
  display: none;
}

.breadcrumb {
  display: none;
}

.category-menu {
  display: none;
}
/*
* CategoryPage thumbnail Skeleton
*/
.productListSkeleton {
  max-width: 1000px;
  margin: 0 auto;
}

/*
* CategoryPage thumbnail list
*/
.thumb-GALLERY:not(.main-product .thumb-GALLERY) {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 15px;
  row-gap: 60px;
  margin: 0 auto;
  padding: 0;
}

.thumb-item:not(
    .main-product .thumb-item,
    .product-detail .thumb-item,
    .cart__product .thumb-item,
    .order-sheet__product-table .thumb-item,
    .profile-like__list .thumb-item
  ) {
  display: block;
  width: 100%;
}

.CategoryPage .thumb-item__media {
  aspect-ratio: initial;
}

.CategoryPage .product-thumb-title {
  margin-bottom: 10px;
  padding: 0;
  font-family: 'Pretendard-Medium';
  font-size: 18px;
  line-height: 22px;
}

.CategoryPage .product-thumb-title-product-name {
  display: -webkit-box;
  width: 100%;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
}

.CategoryPage .product-thumb-price,
.CategoryPage .product-discount-price {
  display: inline-block;
  font-family: 'Pretendard-Medium';
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0;
}
.CategoryPage .product-original-price {
  display: block;
  margin-bottom: 4px;
  font-size: 13px;
  line-height: 17px;
  color: var(--gray-font-color);
  text-decoration: line-through;
}

.CategoryPage .product-discount-price {
  font-family: 'Pretendard-SemiBold';
  margin-right: 4px;
  color: var(--point-color);
}

@media screen and (max-width: 1024px) {
  .thumb-GALLERY:not(.main-product .thumb-GALLERY) {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media screen and (max-width: 768px) {
  .thumb-GALLERY:not(.main-product .thumb-GALLERY) {
    display: grid;
    row-gap: 24px;
    column-gap: 8px;
    padding: 0 16px;
  }

  .thumb-GALLERY:not(.main-product .thumb-GALLERY).list {
    display: block;
    padding: 0 16px;
  }

  .list
    .thumb-item:not(
      .main-product .thumb-item,
      .product-detail .thumb-item,
      .cart__product .thumb-item,
      .order-sheet__product-table .thumb-item
    ) {
    margin-top: 0;
    width: 100%;
    margin-bottom: 32px;
  }

  .thumb-item:not(
      .product-detail .thumb-item,
      .product-detail .thumb-item,
      .cart__product .thumb-item,
      .order-sheet__product-table .thumb-item,
      .profile-like__list .thumb-item
    ):nth-child(2n + 1) {
    margin-left: 0;
  }

  .CategoryPage .thumb-item__media {
    .thumb-item__img {
      height: auto;
    }
  }

  .CategoryPage .product-thumb-title {
    margin-bottom: 8px;
    font-family: 'Pretendard-SemiBold';
    font-size: 13px;
    line-height: 20px;
  }

  .CategoryPage .product-thumb-price,
  .CategoryPage .product-discount-price {
    font-size: 12px;
    line-height: 16px;
  }

  .CategoryPage .product-original-price {
    font-size: 12px;
    line-height: 16px;
  }

  .CategoryPage .list {
    .product-thumb-title {
      font-size: 14px;
    }

    .CategoryPage .product-thumb-price,
    .CategoryPage .product-discount-price {
      margin-top: 4px;
      font-size: 13px;
    }

    .CategoryPage .product-original-price {
      font-size: 13px;
    }
  }
}

/*
* CategoryPage upper, total-sort
*/
.CategoryPage {
  padding-top: var(--header-height);

  .l-panel {
    position: relative;
    margin-bottom: 120px;
    border: 0;
    box-shadow: none;
  }

  .category-banner-only-title + .l-panel {
    margin-top: 30px;
  }

  .total-sort {
    position: relative;
    display: block;
    top: auto;
    margin-bottom: 8px;
    padding: 0;
    border: 0;

    .total-sort__select-box {
      min-width: 94px;
      font-size: 12px;
      line-height: 16px;
      color: #454545;
      border: 1px solid var(--gray-color);
      border-radius: 2px;
      &::before {
        content: '';
        width: 16px;
        height: 16px;
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-selectbox..png?2fe1e149be25d5ec9f1d);
        background-size: 16px;
        background-position: center;
        vertical-align: top;
        right: 8px;
        left: auto;
      }

      select {
        height: 32px;
        padding: 8px 8px 8px 10px;
      }
    }
  }

  .total-sort__count {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--gray-color);

    span {
      display: block;
      padding: 4px 0;
      font-size: 14px;
      line-height: 18px;
    }

    em {
      margin: 0;
      font-family: 'Pretendard-SemiBold';
      color: var(--point-color);
    }
  }
}

@media screen and (max-width: 768px) {
  .CategoryPage {
    padding-top: 0;
    .total-sort {
      margin-bottom: 8px;

      .total-sort__select-box {
        margin-left: 16px;
      }
    }

    .total-sort__count {
      display: flex;
      justify-content: space-between;
      padding: 15px 16px 0;
      span {
        font-size: 14px;
      }
    }
  }
}

/*
* CategoryPage display mode button
*/
.GalleryListUtil {
  display: flex;
  justify-content: space-around;
}

.prd-display-mode {
  display: none;
  align-items: center;
  justify-content: center;

  button {
    display: block;
    width: 24px;
    height: 24px;

    & + & {
      margin-left: 6px;
    }
  }

  .grid-btn {
    background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-gridView..png?f34d8de30428e1fd9b8e);
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;

    &.active {
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-gridView-active..png?ca4eb3b41f231af21085);
      background-size: 16px;
      background-position: center;
      background-repeat: no-repeat;
    }
  }

  .list-btn {
    background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-listView..png?582f2316e3e70093493b);
    background-size: 16px;
    background-position: center;
    background-repeat: no-repeat;

    &.active {
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-listView-active..png?70754cb039c53d4dbb4d);
      background-position: center;
      background-repeat: no-repeat;
    }
  }
}

@media screen and (max-width: 768px) {
  .prd-display-mode {
    position: absolute;
    top: 4px;
    right: 16px;
    z-index: 1;
    display: flex;
  }
}

/*
* CategoryPage Banner
*/
.category-banner {
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 27.777%;
}

.category-banner-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
}

.pc-hidden {
  display: none;
}

.mo-hidden {
  display: block;
}

.category-banner-inner {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;

  .category-banner-box {
    display: flex;

    .category-banner-con {
      width: 54%;
      h2 {
        font-family: 'Pretendard-Bold';
        font-size: 44px;
        line-height: 66px;
      }

      span {
        padding-top: 6px;
        font-family: 'Pretendard-Medium';
        font-size: 18px;
        line-height: 28px;
      }

      p {
        margin-top: 32px;
        font-size: 16px;
        line-height: 26px;
      }
    }

    .category-banner-con.is-white {
      color: #eee;

      p {
        color: #ddd;
      }
    }
  }
}
@media screen and (max-width: 768px) {
  .CategoryPage {
    .l-panel {
      margin-top: 0;
      margin-bottom: 80px;
    }

    .category-banner-only-title + .l-panel {
      margin-top: 0;
    }
  }

  .category-banner {
    padding-bottom: 125.0555%;
  }

  .mo-hidden {
    display: none;
  }

  .pc-hidden {
    display: block;
  }

  .category-banner-inner {
    .category-banner-box {
      display: block;
      flex-direction: column;
      padding: 0;

      .category-banner-con {
        width: 100%;
        padding: 0;

        h2 {
          font-size: 24px;
          line-height: 33px;
        }

        span {
          padding-top: 4px;
          font-size: 15px;
          line-height: 24px;
        }

        p {
          margin-top: 24px;
          font-size: 14px;
          line-height: 22px;
        }
      }
    }
  }
}

.category-banner-only-title {
  display: block;
  max-width: 1240px;
  margin: 100px auto 0;
  padding: 0 20px;
  font-family: 'Pretendard-Bold';
  font-size: 36px;
  line-height: 44px;
}
@media screen and (max-width: 768px) {
  .category-banner-only-title {
    display: none;
  }
}

/*
* CategoryPage subNav
*/

.category-subNav {
  display: flex;
  align-items: center;
  max-width: 1440px;
  margin: 49px auto 40px;
  padding: 0 40px;

  li {
    & + & {
      margin-left: 20px;
    }
  }
  .category-link {
    font-family: 'Pretendard-SemiBold';
    font-size: 18px;
    line-height: 18px;
    color: #afafaf;

    &.is-active {
      color: var(--default-font-color);
    }
  }
}

@media screen and (max-width: 768px) {
  .category-subNav {
    margin: 40px 0;
    padding: 0 16px;
  }
}

/*
* CategoryPage Layout
*/
.CategoryPagetWrap {
  display: flex;
  justify-content: center;
  max-width: 1440px;
  margin: 80px auto 0;
}

.category-subNav + .CategoryPagetWrap {
  margin: 40px auto 0;
}

.CategoryPage_list {
  position: relative;
  width: 100%;
  padding: 0 40px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .CategoryPagetWrap {
    display: block;
    margin: 40px auto 0;
  }

  .CategoryPage_list {
    padding: 0;
  }
}

/*
* CategoryPage nav
*/
.CategoryPage_nav {
  display: inline-block;
  padding-left: 40px;
}

.CategoryPage_nav_item {
  margin-top: 20px;

  &.has-depth {
    .CategoryPage_nav_link {
      font-family: 'Pretendard-SemiBold';
      font-size: 16px;
      line-height: 20px;
      color: var(--empty-color);
    }

    &.is-current {
      padding-top: 16px;
      border-top: 1px solid var(--gray-color);

      &.is-first {
        margin-top: 0;
        padding-top: 0;
        border-top: 0;
      }

      .CategoryPage_nav_link {
        color: var(--default-font-color);
      }

      .depth2 {
        display: block; /* 펼쳐진 상태 */
      }
    }

    .depth2 {
      display: none;
      margin: 16px 0;
      padding-bottom: 16px;
      border-bottom: 1px solid var(--gray-color);
      .CategoryPage_nav_link {
        font-family: 'Pretendard-Medium';
        font-size: 14px;
        line-height: 18px;
        color: var(--empty-color);
      }

      .CategoryPage_nav_item + .CategoryPage_nav_item {
        margin-top: 10px;
      }

      .CategoryPage_nav_link {
        &.is-current {
          color: var(--default-font-color);
        }
      }
    }
  }

  &:not(.has-depth) {
    &.is-current {
      .CategoryPage_nav_link {
        color: var(--default-font-color);
      }
    }

    .CategoryPage_nav_link {
      font-family: 'Pretendard-SemiBold';
      font-size: 16px;
      color: var(--empty-color);
    }
  }
}

@media screen and (max-width: 768px) {
  .CategoryPage_nav {
    padding-left: 16px;
  }

  .CategoryPage_nav_item {
    display: none;

    &.has-depth {
      &.is-current {
        display: block;
        padding-top: 0;
        border-top: 0;
        &.is-first {
          margin-top: 40px;
        }

        .CategoryPage_nav_link {
          font-size: 24px;
          line-height: 28px;

          &.is-2depth {
            font-size: 16px;
            line-height: 20px;
          }
        }

        .depth2 {
          display: flex;
          align-items: center;
          margin: 20px 0 15px;
          padding: 0;
          border: 0;
        }

        .CategoryPage_nav_item {
          display: block;
          margin: 0;

          & + & {
            margin: 0 0 0 16px;
          }
        }
      }
    }
  }
}

/* thumb-GALLERY product lsit item */
.thumb-item__info {
  padding: 12px 0 0 0;
}

.thumb-item-badges {
  top: 10px;
  left: 10px;
}

.thumb-item-badges .badge {
  min-width: 43px;
  padding: 7px 9px;
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  line-height: 18px;
  background-color: #444;
  border: 0;
}

.thumb-sticker-wrap {
  margin-bottom: 10px;
}

.product-thumb__sticker {
  margin-block-start: 0;
}

.product-thumb__sticker:not(:first-child) {
  margin-left: 2px;
}

@media screen and (max-width: 768px) {
  .thumb-item__info {
    padding: 12px 0 0 0;
  }

  .thumb-sticker-wrap {
    margin-bottom: 8px;
  }

  .thumb-item-badges .badge {
    min-width: 39px;
    font-size: 12px;
    line-height: 16px;
  }

  .product-thumb__sticker > img {
    height: 18px;
  }
}

/*
* CategoryPage - search result, no-search
*/
.search-result-title {
  margin: 0px auto 40px;
  font-family: 'Pretendard-SemiBold';
  font-size: 32px;
  line-height: 36px;
  text-align: center;

  span {
    padding-right: 8px;
    color: var(--point-color);
  }
}
@media screen and (max-width: 768px) {
  .search-result-title {
    margin: 0 auto 30px;
    padding-left: 16px;
    font-size: 24px;
    line-height: 28px;
    text-align: left;
  }
}

.no-search {
  margin-top: 0;
  padding: 78px 0;
  .ico--no-items {
    display: none;
  }
}

.no-search__description {
  margin-bottom: 8px;
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  line-height: 18px;
  color: var(--gray-font-color);

  em {
    color: var(--default-font-color);
  }
}
@media screen and (max-width: 768px) {
  .no-search {
    padding: 38px 0;
  }
}

.cart {
  max-width: 640px;
  margin: 0 auto;
  padding: 80px 20px 120px;
  min-height: calc(100vh - 270px - 134px);
}
@media screen and (max-width: 768px) {
  .cart {
    max-width: 100%;
    /* margin: 40px auto 80px; */

    padding: 40px 16px 80px;
    min-height: calc(100vh - 145px + 30px);
  }
}

.cart__empty {
  padding: 90px 0;
  color: var(--gray-font-color);
  border-top: 1px solid var(--default-font-color);
  border-bottom: 1px solid var(--gray-color);
}

@media screen and (max-width: 768px) {
  .cart__empty {
    margin: 0 16px;
  }
}

/*
* common input style
*/
.cart {
  .check-radio > input {
    width: 16px;
    height: 16px;
  }

  .check-radio input:checked ~ :where(.check-radio__ico) {
    background-color: var(--default-font-color);
    border-color: var(--default-font-color);
    border-radius: 0;
  }

  .check-radio--rounded .check-radio__ico {
    border-radius: 0;
  }
}

/*
* thumb-LIST style
*/
.cart {
  .thumb-item__media {
    position: relative;
    width: 80px;
    height: 80px;
  }

  .product-thumb-item .thumb-item__info {
    gap: 4px;
    padding: 0 0 0 16px;
  }

  .product-thumb-item__brand {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    line-height: 18px;
    color: var(--gray-font-color);
  }

  .product-thumb-item__name {
    font-family: 'Pretendard-Medium';
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 768px) {
  .cart {
    .thumb-item__media {
      width: 60px;
      height: 60px;
    }

    .product-thumb-item .thumb-item__info {
      gap: 2px;
      padding: 0 0 0 15px;
    }

    .product-thumb-item__brand {
      font-size: 12px;
      line-height: 16px;
    }

    .product-thumb-item__name {
      font-size: 15px;
    }
  }
}

/*
*  Cart Page Style
*/
.cart-title {
  font-family: 'Pretendard-SemiBold';
  font-size: 32px;
  line-height: 36px;
  text-align: center;
}

.cart__select-manager {
  margin: 20px 0 0;
  padding: 20px 0;
}

.l-panel.cart__select-manager {
  border: 0;
  box-shadow: none;

  .cart__check-all-btn {
    height: auto;
    font-size: 15px;
    line-height: 18px;
    cursor: pointer;
  }

  .cart__checked-amt {
    color: var(--gray-font-color);
  }

  .cart__delete-btn {
    width: auto;
    height: auto;
    font-size: 12px;
    line-height: 18px;
    &::after,
    &::before {
      display: none;
    }
    color: var(--gray-font-color);
  }

  .cart__delete-selected-btn {
    display: block;
    height: auto;
    cursor: pointer;
  }
}

.cart__check-all-btn--delivery-group {
  padding: 20px 0;
  height: auto;

  .check-radio__label {
    font-family: 'Pretendard-Medium';
    font-size: 15px;
    line-height: 18px;
  }
}

.l-panel.cart__delivery-section {
  border: 0;
  border-top: 1px solid var(--default-font-color);
}

.cart__delivery-section .cart__product {
  border-top: 0;

  &:first-of-type {
    border-top: 1px solid var(--gray-color);
    border-bottom: 1px solid var(--gray-color);
  }
}

.cart__delivery-section .cart__product + .cart__product {
  border-bottom: 1px solid var(--gray-color);
}

.cart__product {
  padding: 20px 0;
}

.cart__product-price {
  font-family: 'Pretendard-Medium';
  font-size: 16px;
  line-height: 22px;

  .bold {
    font-weight: 500;
  }
}

.l-panel.cart__delivery-section {
  margin-bottom: 0;
  box-shadow: none;
}

.l-panel.cart__payment-info {
  margin: 40px 0 0 0;
  padding: 0;
  border: 0;
  box-shadow: none;

  .price {
    border-radius: 4px;
  }

  .price-tag {
    padding: 24px;
    border: 1px solid var(--default-font-color);
    border-radius: 0;
  }

  .price-tag__details {
    row-gap: 10px;
  }

  .price-tag__details dt {
    font-size: 14px;
    line-height: 18px;
    color: var(--gray-font-color);
  }

  .price-tag__details dd {
    font-size: 14px;
    line-height: 18px;
    color: var(--gray-font-color);
    em {
      font-size: 14px;
      color: var(--default-font-color);
    }
  }

  .price-tag__division {
    margin: 16px 0;
    padding: 0;
    border-top: 1px dashed var(--empty-color);
  }

  .price-tag__final-amount dt {
    font-family: 'Pretendard-SemiBold';
    font-size: 16px;
    line-height: 20px;
  }

  .price-tag__final-amount dd {
    display: flex;
    align-items: center;
    font-family: 'Pretendard-SemiBold';
    font-size: 14px;
    line-height: 18px;

    em {
      font-size: 20px;
      line-height: 30px;
    }
  }
}

.cart__quantity-controller {
  padding: 15px;
}

.cart__product-option {
  .option-label {
    font-size: 14px;
    line-height: 18px;
  }

  .cart__delete-btn {
    width: 16px;
    height: 16px;
    background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-btn-delete..png?01dfdd95afc2b7c14961);
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-position: center center;

    &::before,
    &::after {
      display: none;
    }
  }
}

.quantity-changer {
  width: auto;
  height: 32px;
  border: 1px solid var(--gray-color);
}

.quantity-changer__input {
  width: 64px;
  border: 0 !important;

  &.text-field {
    padding: 8px;
    height: initial;
    input {
      padding: 0;
      height: initial;
    }
  }
}

.quantity-changer__increase-btn,
.quantity-changer__decrease-btn {
  width: 32px;
  height: 32px;
  font-size: 0px;
  background-repeat: no-repeat;
  background-position: center;
}

.quantity-changer__increase-btn {
  background: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-stepper-plus..png?51854b8cba6ad81f708a) no-repeat center center;
  background-size: 16px;
}

.quantity-changer__decrease-btn {
  background: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-stepper-minus..png?229a2a0c82a462dd8478) no-repeat center center;
  background-size: 16px;
}

.cart__order-btn {
  margin-top: 20px;
  padding: 12px 10px;
  height: auto;
  font-size: 14px;
  line-height: 24px;
  background-color: var(--default-font-color);
}

.cart__mileage {
  margin-top: 4px;
  font-family: 'Pretendard-Medium';
  font-size: 12px;
  line-height: 16px;
  color: #454545;

  em {
    font-family: 'Pretendard-Medium';
  }
}
@media screen and (min-width: 768px) {
  .cart__fixed-order-btn {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .cart-title {
    font-size: 24px;
    line-height: 28px;
    text-align: left;
  }

  .cart__order-btn {
    display: none;
  }

  .cart__fixed-order-btn {
    .cart__order-btn {
      display: block;
    }
  }

  .cart__fixed-order-btn {
    width: 100%;
    max-width: 100%;
    min-width: auto;
    left: 0;
    padding: 16px;
    z-index: 1;
    border-top: 1px solid var(--empty-color);
  }

  .cart__fixed-summary-label {
    margin-bottom: 4px;
    font-size: 13px;
    line-height: 17px;
  }

  .cart__fixed-summary-number {
    margin-left: 2px;
    font-size: 13px;
    line-height: 17px;
    color: var(--gray-font-color);
  }

  .cart__fixed-summary em {
    font-family: 'Pretendard-SemiBold';
    font-size: 14px;
    line-height: 18px;
    color: var(--default-font-color);
    strong {
      color: var(--point-color);
    }
  }

  .cart__fixed-summary strong {
    padding-right: 4px;
    font-family: 'Pretendard-Bold';
    font-size: 16px;
    line-height: 20px;
  }

  .cart__select-manager {
    margin-top: 20px;
  }

  .cart__check-all-btn--delivery-group {
    border-top: 1px solid var(--default-font-color);

    .check-radio__label {
      font-size: 14px;
      line-height: 18px;
    }
  }

  .l-panel.cart__delivery-section {
    border-top: 0;
  }

  .l-panel.cart__payment-info {
    .price-tag {
      padding: 16px;
    }
  }
}

/*
* order-sheet PC
*/
.order-sheet {
  max-width: 600px;
  margin: 133px auto 120px;

  .l-panel {
    border: 0;
    box-shadow: none;
  }
}

@media screen and (max-width: 1314px) {
  .order-sheet {
    margin: 162px auto 120px;
  }
}
@media screen and (max-width: 940px) {
  .order-sheet {
    margin: 214px auto 120px;
  }
}
@media screen and (max-width: 799px) {
  .order-sheet {
    margin: 254px auto 120px;
  }
}
@media screen and (max-width: 768px) {
  .order-sheet {
    max-width: 100%;
    margin: 40px auto 80px;

    .l-panel {
      margin-bottom: 0;
    }
    .l-panel + .l-panel {
      margin-top: 0;
    }
  }
}
.guest-order-link {
  border-radius: 0;
}

.order-sheet {
  .order-sheet-title {
    padding-top: 80px;
    margin-bottom: 40px;
    font-family: 'Pretendard-Bold';
    font-size: 32px;
    line-height: 36px;
    text-align: center;
  }

  .order-sheet__notice-checkbox {
    margin: 0;
    padding: 0 0 4px 0;

    &.check-radio {
      margin-top: 0;
    }
  }

  .accordion__title {
    padding: 20px 0;
    font-family: 'Pretendard-SemiBold';
    font-size: 20px;
    line-height: 24px;
    border-bottom: 1px solid var(--default-font-color);
    cursor: pointer;

    &:after {
      top: 20px;
      right: 0;
      width: 20px;
      height: 20px;
      background: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-order-accTitle..png?36fae59f670781ae13ab) no-repeat center center/contain;
      background-size: 20px;
      transform: rotate(-180deg);
    }
  }

  :where(.accordion[open]) .accordion__title::after {
    transform: rotate(0);
  }

  .accordion__items {
    padding: 20px 0 0;
  }

  .order-sheet__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 16px;

    &:last-of-type {
      margin-bottom: 0;
    }

    &.flex-column {
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;

      .check-radio {
        margin-top: 0;
      }

      p {
        line-height: 18px;
      }

      P + P {
        margin-top: 16px;
      }
    }
  }

  .text-field {
    height: auto;
    border: 1px solid var(--gray-color);
  }

  .text-field input,
  select {
    height: 48px;
    padding: 8px 16px;
  }

  .order-sheet__item__w-100 {
    width: calc(100% - 144px - 16px);
    .text-field {
      width: 100%;
    }

    .select-box {
      width: 100%;
    }
  }

  .order-sheet__item-subject {
    min-width: 120px;
    max-width: 120px;
    margin-bottom: 0;
    font-family: 'Pretendard-SemiBold';
    font-size: 15px;
    line-height: 18px;

    &.d-none {
      color: transparent;
    }
  }

  .same-order {
    margin-top: 10px;
    font-size: 15px;
    line-height: 18px;

    .check-radio {
      display: flex;
      align-items: center;
    }
  }

  .address-form__zip-code > .text-field,
  .address-form__zip-code > .btn {
    border-radius: 0;
  }

  .address-form .address-form__zip-code .text-field {
    width: calc(100% - 120px);
  }

  .select-box.order-sheet__domain-select {
    width: 100%;
    margin-top: 8px;
  }

  .select-box {
    width: calc(100% - 144px - 16px);
  }

  .text-field {
    width: calc(100% - 144px - 16px);
  }

  .text-field-error {
    width: calc(100% - 144px - 16px);

    .text-field {
      width: 100%;
    }
  }

  .text-field.border-none {
    border: 0;
  }

  .phone-number-input {
    width: calc(100% - 144px - 16px);

    .select-box {
      flex: 3;
    }
  }

  .check-radio {
    margin-top: 8px;
  }

  .address-form {
    width: calc(100% - 144px - 16px);

    .text-field {
      width: 100%;
    }
  }

  .non-member {
    .text-field {
      width: 100%;
    }
    width: calc(100% - 144px - 16px);
  }

  .order-sheet__alert-msg li {
    margin: 8px 0 0 9px;
    font-size: 14px;
    line-height: 21px;
  }

  .order-sheet__save-default {
    font-size: 14px;
    line-height: 21px;
  }

  .check-radio input:checked ~ :where(.check-radio__ico) .ico {
    width: 16px;
    height: 16px;
  }

  .check-radio__ico {
    margin-right: 10px;
    border: 1px solid var(--gray-color);
  }

  .order-sheet__promotion-title {
    padding: 20px 0;
    font-family: 'Pretendard-SemiBold';
    font-size: 20px;
  }

  /*
  * OrderProductTable
  */
  .accordion__items {
    .product-thumb-item {
      padding: 8px 0 0;

      + & {
        margin-top: 8px;
      }
    }

    .product-thumb-item .thumb-item__info {
      justify-content: space-between;
      padding: 0 0 0 16px;
    }

    .product-thumb-item .thumb-item__media {
      width: 140px;
      height: 140px;
    }

    .product-thumb-item__brand {
      display: none;
    }

    .product-thumb-item__name {
      font-family: 'Pretendard-Medium';
      font-size: 15px;
      line-height: 20px;
      color: var(--default-font-color);
    }

    .option-label {
      margin-top: 10px;
    }

    .option-label__normal-option > div {
      font-size: 12px;
      line-height: 16px;
      color: var(--gray-font-color);

      & + & {
        margin-top: 4px;
      }
    }
    .product-thumb-item__amount {
    }

    .product-thumb-item__amount li {
      position: relative;
      display: block;
      height: auto;
      font-family: 'Pretendard-Medium';
      font-size: 14px;
      line-height: 17px;
    }

    .product-thumb-item__amount li + li {
      margin-left: 0;
      padding-left: 25px;
      border-left: none;

      &:first-of-type {
        padding-left: 0;
        &::before {
          display: none;
        }
      }

      &::before {
        content: '';
        display: block;
        position: absolute;
        top: 3px;
        left: 12px;
        width: 1px;
        height: 12px;
        background-color: var(--gray-color);
      }
    }
  }

  /*
  * PromotionController
  */
  .order-sheet__promotion-input {
    width: 76%;
    gap: 8px;

    .input-with-unit {
      padding: 0;
    }

    .input-with-unit__unit {
      display: flex;
      align-items: center;
      height: 48px;
      padding-right: 16px;
      font-size: 14px;
      line-height: 18px;
      color: var(--gray-font-color);
      border: 0;
    }
    .input-with-unit__input {
      border: 0 !important;

      input {
        padding-right: 2px;
      }
    }
  }

  .order-sheet__promotion-title {
    border-bottom: 1px solid #000;
  }

  .order-sheet__promotion-items {
    padding: 20px 0 0;

    .order-sheet__item {
      align-items: center;
    }

    .order-sheet__item-subject {
      margin-bottom: 0;
    }
  }

  .order-sheet__promotion-input {
    .input-with-unit .text-field {
      width: 100%;
    }

    .btn {
      min-width: 120px;
    }
  }

  .order-sheet__accumulation-amt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: -6px;
    width: 76%;
    font-size: 13px;
    line-height: 18px;
    color: var(--gray-font-color);

    p + p {
      margin-top: 4px;
    }

    .right {
      width: 75%;
    }
  }

  .order-sheet__promotion-items--guest {
    gap: 15px;
    padding: 20px 0 0;
    > div {
      display: flex;
      justify-content: space-between;
      margin: 20px 0;

      p {
        font-family: 'Pretendard-Medium';
        font-size: 14px;
        line-height: 18px;
      }

      em {
        padding-left: 4px;
        font-variant: var(--caution-color);
      }
    }
  }
  /*ordersheet promotion mobile
  */
  @media screen and (max-width: 768px) {
    .order-sheet__promotion-items {
      border-bottom: 1px solid var(--empty-color);
      .order-sheet__item {
        align-items: flex-start;

        & + & {
          margin-bottom: 0;
        }
      }

      .order-sheet__item-subject {
        margin-bottom: 8px;
      }
    }

    .order-sheet__promotion-input {
      .btn {
        min-width: 100px;
      }
    }

    .order-sheet__accumulation-amt {
      margin-top: 10px;
      .order-sheet__item-subject {
        display: none;
      }

      .right {
        width: 100%;
      }

      p + p {
        margin-top: 4px;
      }
    }

    .order-sheet__promotion-items--guest {
      gap: 4px;
      padding: 4px 16px 24px !important;
      > div {
        display: flex;
        flex-direction: column;
        margin: 20px 0;

        em {
          padding-left: 0;
        }
      }
    }
  }

  /*
  * PayMethodSelector
  */
  .order-sheet__pay-method-title {
    padding: 20px 0;
    font-family: 'Pretendard-SemiBold';
    font-size: 20px;
    border-bottom: 1px solid #000;
  }

  .order-sheet__pay-method-btns {
    gap: 12px;
    padding: 24px 0 0;
  }

  .pay-method-btn {
    width: calc(50% - 6px);
    margin-bottom: 0;
    padding: 10px 24px;
    color: #222;
    border: 1px solid var(--gray-color);

    &.pay-method-btn--checked {
      color: #222;
      background-color: transparent;
      border: 1px solid #222;
    }

    .ico--pay-credit-card-white {
      background-position: -237.5px -189.5px;
      background-size: 456px 261px;
    }

    .ico--pay-realtime-account-white {
      background-position: -156.5px -189.5px;
      background-size: 456px 261px;
    }

    .ico--pay-virtual-account-white {
      background-position: -293.5px -189.5px;
      background-size: 456px 261px;
    }

    .ico--naverpay-white {
      width: 56px;
      height: 22px;
      background-position: -249px -150.5px;
      background-size: 456px 261px;
    }

    .ico--kakaopay-white {
      width: 64px;
      height: 20px;
      background-position: -100px -118.5px;
      background-size: 456px 261px;
    }
  }

  /*
  * PaymentInfo
  */
  .price-tag {
    border: 1px solid var(--default-font-color);
    border-radius: 0;
  }
  .price-tag__final-amount {
    font-family: 'Pretendard-SemiBold';
    font-size: 18px;
  }

  .price-tag__division {
    margin: 16px 0;
    border-top: 1px dashed #dedede;
  }

  .price-tag__details {
    gap: 10px;

    dt {
      font-family: 'Pretendard-Medium';
      font-size: 14px;
      line-height: 18px;
      color: var(--gray-font-color);
    }

    dd {
      color: var(--gray-font-color);
      em {
        font-family: 'Pretendard-Medium';
        font-weight: 500;
        font-size: 14px;
        line-height: 18px;
      }
    }
  }

  .order-sheet__pay-btn {
    display: block;
    width: 100%;
    margin: 20px auto 0;
    background-color: var(--default-font-color);
  }
}

.order-sheet__terms {
  margin: 20px auto 0;
  padding: 24px 20px;
  background-color: #f8f8f8;
}

.order-sheet__term-checker {
  margin-top: 16px;
  &:first-of-type {
    margin-top: 0;
  }
  .check-radio {
    margin-top: 0;
    align-items: center;
    .check-radio__label {
      font-family: 'Pretendard-Medium';
      font-size: 14px;
      line-height: 17px;
      color: #454545;
    }
  }

  .btn {
    font-size: 14px;
    line-height: 17px;
    color: var(--gray-font-color);
    background-color: transparent;
  }

  .check-radio--rounded .check-radio__ico {
    margin-right: 8px;
    background-color: #fff;
    border-color: var(--gray-color);
    border-radius: 0;
    transform: none;
  }

  .check-radio input:checked ~ :where(.check-radio__ico) {
    background-color: var(--default-font-color);
    border-color: var(--default-font-color);
  }
}

.order-sheet__sign-in-btn {
  color: #222;
  background-color: #fff;
  border: 1px solid #222;
  border-radius: 0;
}

@media screen and (min-width: 768px) {
  .order-sheet {
    .l-panel {
      margin-bottom: 60px;
      border: 0;
      box-shadow: none;
    }
  }
}
/*
* order-sheet mobile
*/
@media screen and (max-width: 768px) {
  .order-sheet {
    .order-sheet-title {
      padding: 40px 16px 0;
      font-size: 24px;
      line-height: 28px;
      text-align: left;
    }

    .accordion__title {
      height: auto;
      margin: 0 16px;
      padding: 24px 0;
      font-size: 18px;
      line-height: 22px;
      border-bottom: 1px solid var(--default-font-color);
      &:after {
        top: 24px;
        right: 0;
      }
    }

    .order-sheet__item-subject {
      margin-bottom: 8px;

      &.d-none {
        margin: 0;
        line-height: 0;
      }
    }

    .accordion__items {
      padding: 24px 16px;
      border-bottom: 0;
      border-bottom: 1px solid var(--empty-color);
      .product-thumb-item {
        padding: 0;
      }
      .product-thumb-item + .product-thumb-item {
        padding: 8px 0 0;
      }

      .product-thumb-item .thumb-item__media {
        width: 60px;
        height: 60px;
      }
      .product-thumb-item .thumb-item__info {
        padding: 0 0 0 15px;
      }
    }

    .order-sheet__notice-checkbox {
      margin-left: 16px;
      width: calc(100% - 16px);
      line-height: 1.2;
    }

    .order-sheet__item {
      flex-direction: column;
      align-items: flex-start;
      margin-bottom: 30px;
    }

    .order-sheet__item__w-100 {
      width: 100%;
    }

    .select-box {
      width: 100%;
    }

    .text-field {
      width: 100%;
    }

    .text-field-error {
      width: 100%;
    }

    .phone-number-input {
      width: 100%;
    }

    .address-form {
      width: 100%;
    }

    .order-sheet__promotion-input {
      width: 100%;
    }

    .non-member {
      width: 100%;
    }

    .check-radio {
      margin-top: 0;
    }

    .order-sheet__promotion-title,
    .order-sheet__promotion-items,
    .order-sheet__pay-method-title {
      padding: 20px;
    }

    .order-sheet__promotion-title {
      margin: 0 16px;
      padding: 24px 0;
      font-size: 18px;
      line-height: 22px;
      border-bottom: 1px solid var(--default-font-color);
    }

    .order-sheet__pay-method-title {
      margin: 0 16px;
      padding: 24px 0;
      font-size: 18px;
      line-height: 22px;
    }

    .order-sheet__pay-method-btns {
      gap: 10px;
      padding: 20px 20px 0 20px;
    }

    .pay-method-btn {
      width: calc(50% - 5px);
    }
    .price-tag__details {
      dt {
        font-size: 15px;
        line-height: 22px;
      }
    }

    .pay-method-btn {
      margin-bottom: 0;
      padding: 10px 12px;
    }

    .order-sheet__terms {
      margin: 0 16px;
    }

    .address-form__zip-code > .btn {
      width: 100px;
    }

    .address-form .address-form__zip-code .text-field {
      width: calc(100% - 100px);
    }

    .order-sheet__pay-btn {
      margin: 40px 16px 0;
      width: calc(100% - 32px);
    }

    .order-sheet__term-checker {
      &:last-of-type {
        display: block;
        width: 79%;
        word-break: auto-phrase;
      }
    }
  }
}

/*
*  .l-panel.order-sheet__payment-info
*/
.order-sheet {
  .l-panel.order-sheet__payment-info {
    padding: 20px 0 0 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .order-sheet {
    .l-panel.order-sheet__payment-info {
      padding: 24px 16px;
      border-top: 1px solid var(--empty-color);
    }
  }
}

/*
* order-confirm
*/
.order-confirm {
  margin: 133px auto 0;
}
@media screen and (max-width: 1314px) {
  .order-confirm {
    margin-top: 162px;
  }
}
@media screen and (max-width: 940px) {
  .order-confirm {
    margin-top: 214px;
  }
}
@media screen and (max-width: 799px) {
  .order-confirm {
    margin-top: 254px;
  }
}

.order-confirm {
  max-width: 600px;

  .l-panel {
    margin-bottom: 40px;
    border: 0;
    border-bottom: 1px solid #d9d9d9;
    box-shadow: none;
  }

  .order-confirm__message {
    gap: 10px;
    padding: 80px 0 40px;

    &.order-confirm__message {
      border: 0;
    }
  }

  .order-confirm__hero {
    margin-bottom: 16px;
    .ico--delivery {
      width: 160px;
      height: 160px;
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico_deliverable..png?edee0cca6102cd072680);
      background-size: 160px;
      background-position: center;
      background-repeat: no-repeat;
    }
  }

  .order-confirm__sub-message {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    line-height: 18px;
    color: var(--gray-font-color);
  }

  .order-confirm__order-no {
    margin: 14px auto 20px;
    padding: 8px 14px;
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    line-height: 18px;
    color: var(--gray-font-color);
    border-radius: 2px;
    background-color: var(--empty-color);

    .bold {
      position: relative;
      display: inline-block;
      padding-left: 17px;
      color: var(--default-font-color);

      &:after {
        content: '';
        position: absolute;
        top: 3px;
        left: 8px;
        display: block;
        width: 1px;
        height: 12px;
        background-color: var(--gray-color);
      }
    }
  }

  .order-confirm__hero-title {
    font-family: 'Pretendard-SemiBold';
    font-size: 18px;
    line-height: 22px;
  }

  .accordion__title {
    padding: 0 0 20px;
    font-family: 'Pretendard-SemiBold';
    font-size: 20px;
    line-height: 24px;
    border-bottom: 1px solid #000;
    cursor: pointer;

    &:after {
      top: 1px;
      right: 0;
      width: 20px;
      height: 20px;
      background: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-order-accTitle..png?36fae59f670781ae13ab) no-repeat center center;
      background-size: 20px;
      background-position: center right 1px;
      cursor: pointer;
      transform: rotate(-180deg);
    }
  }
  :where(.accordion[open]) .accordion__title::after {
    transform: rotate(0deg);
  }

  .order-confirm__product-table.l-panel {
    border-bottom: 0;
  }

  .order-confirm__product-table-tit {
    padding-right: 0;
    cursor: pointer;
  }

  .order-confirm__product-table-amt {
    display: none;
  }

  .accordion__items {
    padding: 20px 0 0;

    .thumb-item.product-thumb-item {
      display: flex;
      padding: 0;
    }

    .product-thumb-item__name {
      margin-bottom: 10px;
      font-family: 'Pretendard-Medium';
      font-size: 15px;
      line-height: 20px;
    }

    .product-thumb-item .thumb-item__info {
      justify-content: space-between;
      padding: 0 0 0 16px;
    }

    .product-thumb-item .thumb-item__media {
      width: 140px;
      height: 140px;
    }

    .option-label__normal-option {
      font-size: 12px;
      line-height: 16px;
      color: var(--gray-font-color);
    }

    .product-thumb-item__amount {
      font-family: 'Pretendard-Medium';
      font-size: 14px;
      line-height: 17px;
    }
  }

  .order-detail-info dl:not(.price-tag__final-amount) dt {
    font-size: 15px;
    color: #999;
  }

  .order-detail-info dl:not(.price-tag__final-amount) dd {
    font-size: 15px;
  }

  .order-detail-info__item-title {
    padding: 16px 0;
    font-family: 'Pretendard-SemiBold';
    font-size: 18px;
  }

  .order-detail-info__pay-method {
    padding: 20px 0;
  }

  .price-tag {
    padding: 20px 0;
    border-radius: 4px;
  }
}

.order-confirm__order-no .bold {
  color: #222;
}

.order-confirm__btn-group {
  padding: 0;
  margin-bottom: 120px;
}

.order-confirm__continue-btn {
  background-color: var(--default-font-color);
}
@media screen and (max-width: 768px) {
  .order-confirm {
    margin: 40px auto 60px;

    .l-panel {
      margin-bottom: 0;
    }

    .order-confirm__hero {
      .ico--delivery {
        width: 100px;
        height: 100px;
        background-size: 100px;
      }
    }

    .order-confirm__product-table {
      .accordion__title {
        margin: 0 16px;
        padding: 0 0 24px;
        border-bottom: 1px solid var(--default-font-color);
      }

      .accordion__items {
        border-bottom: 1px solid var(--empty-color);
      }
    }

    .accordion__items {
      padding: 20px 20px 24px;
    }

    .order-confirm__message {
      padding: 20px 0;
    }

    .order-detail-info__item-title {
      padding: 16px 20px;
    }

    .order-detail-info__pay-method {
      padding: 20px;
    }

    .price-tag {
      padding: 20px;
    }

    .order-confirm__btn-group {
      margin-top: 24px;
      margin-bottom: 80px;
      padding: 0 20px;
    }
  }
}

/*
* order-detail
*/
.myPage_order-detail {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 80px 40px 120px;
  min-height: calc(100vh - 270px - 134px);

  .l-panel {
    margin-bottom: 0;
    border: none;
    border-width: 0;
    box-shadow: none;
  }
}

/* order - label */
.order-no-label {
  background-color: var(--default-font-color);
  padding: 16px 20px;
  font-weight: 600;
  gap: 10px;

  .order-no-label__order-no-wrap {
    font-family: 'Pretendard-SemiBold';
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    color: var(--whole-color);
  }

  .order-no-label__no {
    font-family: 'Pretendard-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: var(--light-gray-font-color);
  }
  .order-detail__cancel-all-btn {
    white-space: nowrap;
  }
}

/* order - table */
.order-detail__product-table {
  padding: 0;
  border-bottom: 1px solid var(--empty-color) !important;

  .order-detail__product {
    margin-top: 40px;
  }
  .order-detail__product-top-label {
    width: fit-content;
    min-width: 54px;
    padding: 4px 6px;
    background-color: var(--empty-color);
    border-radius: 0;
  }
  .order-detail__status-label {
    font-family: 'Pretendard-SemiBold';
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    color: var(--point-color);
  }

  .product-thumb-item {
    display: flex !important;
    padding: 20px 0;
  }

  .thumb-item__media {
    width: 100px;
    height: 100px;
    background-size: cover;
  }
  .thumb-item__info {
    justify-content: space-between;
  }
  .product-thumb-item__name {
    font-family: 'Pretendard-Medium';
    font-size: 15px;
    font-weight: 500;
    line-height: 20px; /* 133.333% */
    color: var(--default-font-color);
  }
  .option-label__normal-option {
    font-family: 'Pretendard-Medium';
    font-size: 12px;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    color: var(--gray-font-color);
    margin-top: 10px;

    div + div {
      margin-top: 4px;
    }
  }
  .product-thumb-item__amount {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 17px; /* 121.429% */
    color: var(--default-font-color);

    li + li {
      position: relative;
      padding-left: 0;
      margin-left: 25px;
      border-left: none;

      &::before {
        content: '';
        display: inline-block;
        position: absolute;
        width: 1px;
        height: 12px;
        background-color: var(--gray-color);
        top: 2px;
        left: -13px;
      }
    }
  }

  .order-detail__next-action-btns {
    padding-bottom: 40px;
  }

  .order-detail__next-action-btns .btn {
    padding: 10px 16px;
    border-color: var(--default-font-color);
  }
}

/* 환불 정보 */
.order-detail__section-title {
  padding: 20px 0;
  border-bottom: 1px solid var(--default-font-color);
}

.order-detail dl:not(.price-tag__final-amount) {
  padding: 20px 0;
  row-gap: 30px;
}
.order-detail dl:not(.price-tag__final-amount) dt {
  font-family: 'Pretendard-SemiBold';
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  color: var(--gray-font-color);
}
.order-detail dl:not(.price-tag__final-amount) dd {
  font-family: 'Pretendard-Medium';
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  color: var(--default-font-color);
  text-align: left;
}
.order-detail dl:not(.price-tag__final-amount) dd .option-label {
  font-family: 'Pretendard-Medium';
  font-size: 12px;
  font-weight: 500;
  line-height: normal;
  color: var(--default-font-color);
  text-align: left;
  margin-top: 5px;
}

/* order - accordion */
.order-detail-info {
  padding-top: 40px;

  &.l-panel {
    border-bottom: 0;
  }

  .accordion__title {
    padding: 0 0 20px 0;
    border-bottom: 1px solid var(--default-font-color);
    cursor: pointer;

    &::after {
      width: 20px;
      height: 20px;
      top: 1px;
      right: 0;
      background: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-order-accTitle..png?36fae59f670781ae13ab) no-repeat center center;
      transform: rotate(-180deg);
      background-size: cover;
    }
  }

  :where(.accordion[open]) .accordion__title::after {
    transform: rotate(0deg);
  }

  .accordion__items {
    position: relative;
    padding: 20px 0 0 0;

    dl:not(.price-tag__final-amount) {
      grid-template-columns: 120px 1fr;
      row-gap: 0;
    }

    dl:not(.price-tag__final-amount) dt {
      font-family: 'Pretendard-SemiBold';
      font-size: 15px;
      font-weight: 600;
      line-height: normal;
      color: var(--gray-font-color);
      padding: 15px 0;
    }
    dl:not(.price-tag__final-amount) dd {
      font-family: 'Pretendard-Medium';
      font-size: 15px;
      font-weight: 500;
      line-height: normal;
      color: var(--default-font-color);
      text-align: left;
      padding: 15px 0;
    }
  }
  .order-detail-info__pay-method {
    gap: 20px;
    padding: 0;

    .btn_outline {
      margin-bottom: 20px;
    }
  }

  .price-tag {
    padding: 0;
  }
  .price-tag__division {
    display: none;
  }
  .price-amount-wrap {
    margin-top: 20px;
    padding: 24px 20px;
    background-color: #f8f8f8;
  }
  .price-tag__final-amount dt {
    font-family: 'Pretendard-SemiBold';
    font-size: 16px;
    font-weight: 600;
    line-height: 20px; /* 125% */
    color: var(--default-font-color);
  }

  .price-tag__final-amount dd {
    display: flex;
    align-items: center;
    font-family: 'Pretendard-SemiBold';
    font-size: 14px;
    font-weight: 600;
    line-height: 18px; /* 128.571% */
    color: var(--default-font-color);
  }

  .price-tag__final-amount dd em {
    font-family: 'Pretendard-Bold';
    font-size: 20px;
    font-weight: 700;
    line-height: 30px; /* 150% */
    color: var(--point-color);
  }

  .order-detail-info__mileage {
    font-family: 'Pretendard-Medium';
    font-size: 12px;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    color: #454545;
    margin-top: 4px;
  }
}
.order-detail__list-btn-wrap {
  margin-top: 40px;
  padding: 0;

  .btn_outline {
    display: block;
    height: 48px;
    border: 1px solid var(--default-font-color);
  }
}

.select-simonsPay input[type='radio'] {
  appearance: auto;
}

@media screen and (max-width: 768px) {
  .myPage_order-detail {
    max-width: none;
    padding: 40px 0 80px;
    min-height: calc(100vh - 356px - 60px);
  }

  .order-no-label {
    margin: 0 16px;
  }
  /* order - table */
  .order-detail__product-table {
    padding: 0 16px 24px;

    .order-detail__product {
      margin-top: 20px;
    }
    .thumb-item__media {
      width: 60px;
      height: 60px;
    }
    .thumb-item__info {
      padding: 0 0 0 15px;
      gap: 10px;
    }

    .order-detail__next-action-btns {
      padding-bottom: 0;
    }
  }

  /* order - accordion */
  .order-detail-info {
    padding: 24px 0;

    .accordion {
      padding: 0 16px;
    }

    .accordion__title {
      padding: 0 0 24px 0;
    }

    .accordion__items {
      padding: 0;
      &:not(.payment .accordion__items)::after {
        content: '';
        display: inline-block;
        position: absolute;
        width: calc(100% + 32px);
        height: 1px;
        background-color: var(--empty-color);
        left: -16px;
        bottom: 0;
      }
    }
  }

  /* 환불 정보 */
  .refund-detail-info {
    padding: 0 16px;
  }

  .order-detail__list-btn-wrap {
    margin-top: 0;
    padding: 0 16px;
  }
}

/*
* simonsPay
*/
.cardPay-method {
}

.cardPay-method-selectWrap {
  display: grid;
  grid-template-columns: 120px auto;
  gap: 15px;
  margin: 20px 0;
  padding-top: 15px;
}

.cardPay-method-title {
  width: 120px;
  font-family: 'Pretendard-SemiBold';
  font-size: 15px;
  line-height: 18px;
}

.cardPay-methodBoxes {
}

.cardPay-method-box {
  display: flex;
  align-items: center;
  height: 18px;

  & + & {
    margin-top: 16px;
  }
  .check-radio__label {
    line-height: 18px;
  }

  .check-radio {
    margin-top: 0;
    cursor: pointer;
  }

  .check-radio .ico--check-white {
    background: none;
    border: 1px solid var(--gray-color);
    border-radius: 50%;
  }
}
@media screen and (max-width: 768px) {
  .cardPay-method-selectWrap {
    grid-template-columns: 1fr;
    margin: 20px 0 0;
    padding-top: 10px;
  }

  .cardPay-method {
    padding: 0 16px;
  }

  .cardPay-method-title {
    margin: 0 0 8px 0;
    font-size: 15px;
    line-height: 18px;
  }
}

/*
* simonsPayWrap
*/
.simonsPayWrap {
  position: relative;
  margin: 16px 0 0 0;
  border: 1px solid #dedede;

  .select-arr {
    position: absolute;
    top: 16px;
    right: 16px;
  }
}

.simonsPayWrap-selectBox {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 16px;
  line-height: 30px;

  &:has(option[value='']:checked) {
    color: var(--gray-font-color);
  }
}

.simonsPayWrap-noti {
  padding-bottom: 20px;
}

.simonsPayWrap-noti-top {
  margin: 10px auto 0;
  font-size: 13px;
  line-height: 18px;
  color: var(--gray-font-color);
}

.simonsPayWrap-noti-bottom {
  margin-top: 10px;
  color: var(--gray-font-color);
  font-size: 13px;
  line-height: 18px;
}

.simonsPayWrap-noti-caution {
  margin-top: 10px;
  color: var(--gray-font-color);

  strong {
    padding-bottom: 4px;
    font-family: 'Pretendard-SemiBold';
    font-size: 13px;
    line-height: 18px;
    color: #454545;
  }

  p {
    position: relative;
    padding-left: 20px;
    font-size: 13px;
    line-height: 18px;
    color: var(--gray-font-color);
    & + & {
      margin-top: 6px;
    }

    &::before {
      content: '';
      display: block;
      position: absolute;
      top: 8px;
      left: 8px;
      width: 3px;
      height: 3px;
      background-color: var(--gray-font-color);
      border-radius: 100%;
    }
  }
}
@media screen and (max-width: 768px) {
  .simonsPayWrap {
    margin: 15px 0 0 0;
  }

  .simonsPayWrap-noti {
    padding-bottom: 24px;
  }

  .simonsPayWrap-noti-top {
    margin: 10px 0 20px;
  }
}
/* common table style
*/
.cardPay-noti,
.simonsPayWrap-noti {
  .date {
    color: var(--gray-font-color);
  }
  caption {
    width: 0;
    height: 0;
    font-size: 0;
  }

  table {
    width: 100%;

    tr {
      border-bottom: 1px solid var(--gray-color);
    }

    th,
    td {
      padding: 14px 10px;
      color: #545454;
      line-height: 18px;
      text-align: center;
    }

    th {
      font-family: 'Pretendard-SemiBold';
      border-top: 1px solid var(--default-font-color);
      border-bottom: 1px solid var(--gray-color);
    }

    .middle {
      vertical-align: middle;
    }
  }
}
@media screen and (max-width: 768px) {
  .cardPay-noti,
  .simonsPayWrap-noti {
    table {
      th,
      td {
        font-size: 13px;
        line-height: 17px;
      }

      th {
        vertical-align: middle;
      }
    }
  }
  .cardPay-noti {
    table {
      colgroup {
        col {
          &:first-of-type {
            width: auto !important;
            min-width: 65px !important;
          }
          &:nth-of-type(2) {
            width: auto !important;
          }
          &:nth-of-type(3) {
            width: 89.9999px !important;
          }
          &:nth-of-type(4) {
            width: 89.9999px !important;
          }
        }
      }
    }
  }
}

/*
* CardPay-noti
*/
.cardPay-noti {
  margin-top: 20px;

  table {
    margin-top: 10px;
    td {
      border-right: 1px solid var(--gray-color);
      border-bottom: 1px solid var(--gray-color);
      vertical-align: middle;

      &:first-of-type {
        border-right: 0;
      }

      &:nth-of-type(2),
      &:nth-of-type(3) {
        border-right: 0;
      }
    }

    td.last {
      border-right: 0;
    }
  }
}

.cardPay-noti .period {
  font-family: 'Pretendard-Medium';
  color: #444;
  line-height: 21px;
}

/*
* CashPay-noti
*/
.cashPayWrap-noti {
  margin-top: 30px;

  .item {
    + & {
      margin-top: 30px;
    }

    .title {
      font-family: 'Pretendard-SemiBold';
      font-size: 15px;
      line-height: 18px;
    }

    p {
      margin-top: 10px;
      font-size: 13px;
      line-height: 18px;
      color: var(--gray-font-color);
    }
  }

  .title + .tableBox {
    margin-top: 20px;
  }

  .tableBox {
    + & {
      margin-top: 30px;
    }
    caption {
      width: 0;
      height: 0;
      font-size: 0;
    }

    .info {
      display: block;
      position: relative;
      font-family: 'Pretendard-SemiBold';
      font-size: 13px;
      line-height: 20px;
      color: #454545;
    }

    table {
      width: 100%;
      margin-top: 10px;
      th,
      td {
        padding: 14px 10px;
        color: #454545;
        line-height: 18px;
      }

      th {
        font-family: 'Pretendard-SemiBold';
        color: var(--default-font-color);
      }

      td {
        text-align: center;
      }
    }

    .minimum-pay {
      text-align: center;

      tr {
        border-bottom: 1px solid #dedede;
        &:first-of-type {
          border-top: 1px solid #444;
        }
      }
    }

    .realtime-pay {
      tr {
        th {
          width: 38.5%;
          text-align: center;
        }

        border-bottom: 1px solid #dedede;
        &:first-of-type {
          border-top: 1px solid #444;
        }
      }
    }
  }
}
@media screen and (max-width: 768px) {
  .cashPayWrap-noti {
    padding: 0 20px;

    .realtime-pay {
      margin-bottom: 30px;
    }

    .tableBox {
      + & {
        margin-top: 20px;
      }
    }

    .realtime-pay {
      tr {
        th {
          width: 50%;
        }

        td {
          vertical-align: middle;
        }
      }
    }
  }
}

.order-sheet__account-input-wrap {
  padding: 20px 20px;
}

/*
* modal - coupon-modal
*/
.coupon-modal {
  .title-modal {
    min-width: 500px;
    max-width: 500px;
    max-height: 800px;
    overflow: hidden;
  }
  .title-modal__content {
    min-width: auto;
    height: calc(100dvh - 148px);
    max-height: 721px;
  }
  .coupon-modal-content {
    height: calc(100% - 89px);
    overflow-y: auto;
  }
}

.coupon-modal__wrap {
  margin-top: 16px;
}

.coupon-modal__summary {
  justify-content: space-between;
  height: auto;
  margin: 20px 20px 0 20px;
  padding: 20px;
  border: 1px solid var(--default-font-color);
  background-color: #fff;
}

.coupon-modal__summary-box {
  display: flex;
  align-items: center;
}

.coupon-modal__details {
  position: static;
  height: auto;
}

.coupon-modal__formula-symbol {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  background-color: var(--empty-color);
  border: 0;
}

.coupon-modal__controller {
  gap: 16px;
  height: auto;
  margin-top: 10px;
  padding: 20px;
  background-color: #f8f8f8;
  .check-radio [type='radio'] {
    border: 1px solid var(--default-font-color);
  }

  .coupon-modal__controller-item + .coupon-modal__controller-item {
  }

  .coupon-modal__controller-item {
    grid-template-columns: 0.5fr 9fr 8fr;
    cursor: pointer;
    label {
      line-height: 17px;
    }
    .txt {
      line-height: 20px;
    }

    .coupon-modal__date {
      color: #454545;
    }

    .coupon-modal__coupon-amount {
      min-width: 70px;
    }
  }
}
.coupon-modal__coupon-section > * {
  margin-top: initial;
}

.coupon-modal__coupon-type {
  margin-top: 0;
  font-family: 'Pretendard-SemiBold';
  font-size: 15px;
  line-height: 18px;
}

.coupon-modal__summary-item {
  p {
    font-size: 14px;
    line-height: 18px;
    text-align: left;
  }

  .title {
    margin-bottom: 8px;
  }

  .num {
    display: flex;
    align-items: center;
    margin-top: 4px;
    color: var(--gray-font-color);
  }

  .bold {
    display: inline-block;
    padding-right: 4px;
    font-family: 'Pretendard-Medium';
    line-height: 18px;
    color: var(--default-font-color);

    &.highlight {
      color: var(--point-color);
    }
  }
}

.coupon-modal__coupon-details {
  padding: 30px 0;

  .info-list__items {
    margin-bottom: 20px;
    padding-left: 0;
    list-style: none;
    li {
      margin-top: 8px;
      font-size: 12px;
      line-height: 16px;
      color: var(--gray-font-color);
    }
  }
}

.coupon-modal__coupon-section {
  padding: 0 20px;
}

.coupon-modal__productName {
  margin-top: 20px;
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  line-height: 18px;
  color: #454545;
}

.info-list.coupon-modal__info {
  margin-top: 0;
  padding-top: 0;
  .info-list__title {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 18px;
  }

  .info-list__items {
    padding-left: 0;
    li {
      position: relative;
      padding-left: 20px;
      font-size: 13px;
      line-height: 18px;
      color: var(--gray-font-color);
      &:first-of-type {
        margin-top: 0;
      }

      &::before {
        content: '';
        display: block;
        position: absolute;
        top: 8px;
        left: 8px;
        width: 3px;
        height: 3px;
        background-color: var(--gray-font-color);
        border-radius: 50%;
      }
    }
  }
}

.coupon-modal__btn-box {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-top: 0;
  padding: 20px;
  border-top: 1px solid var(--gray-color);
}

.coupon-modal__apply-btn {
  height: 48px;
  margin-top: 0;
  background-color: var(--default-font-color);
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .coupon-modal {
    width: calc(100% - 32px);
    .title-modal {
      max-width: none;
      min-width: auto;
    }
    .title-modal__content {
      height: calc(100dvh - 220px);
    }
    .coupon-modal-content {
      min-width: auto;
      max-height: calc(100vh - 310px);
    }
  }
  .coupon-modal__summary {
    gap: 8px;
    padding: 20px 16px;
  }

  .coupon-modal__formula-symbol {
    width: 16px;
    height: 16px;
    margin-right: 8px;

    svg {
      width: 12.7px;
      height: 12.7px;
    }
  }

  .coupon-modal__summary-item {
    p {
      font-size: 12px;
      line-height: 18px;
    }

    .num,
    .bold {
      font-size: 12px;
    }
  }

  .info-list.coupon-modal__info {
    .info-list__title {
      margin-bottom: 4px;
    }
  }
}

/*
* 이전주문내력
*/
.previous_order-summary {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  padding: 20px 0 0;
  border-top: 1px solid var(--gray-color);

  .orders__product {
    display: block;
    height: auto;
    padding: 0;
    border: none;
  }

  .order-detail__status-label {
    font-family: 'Pretendard-SemiBold';
    color: var(--point-color);
  }

  .orders__pay-amount {
    margin-top: 12px;
    font-family: 'Pretendard-Medium';
    font-size: 12px;
    line-height: 17px;
  }

  .orders__identifier {
    font-size: 13px;
    line-height: 16px;
    color: var(--gray-font-color);

    .orders__order-no {
      color: var(--gray-font-color);
    }
  }

  .orders__product-name {
    margin-top: 15px;
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    line-height: 20px;
  }
}
.myPage_orders--previous {
  .orders-utils {
    margin-bottom: 20px;
    select {
      width: 70px;
      height: 32px;
      border-radius: 2px;
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-selectbox..png?2fe1e149be25d5ec9f1d);
      background-size: 16px;
      background-position: center right 8px;
      background-repeat: no-repeat;
      box-sizing: border-box;
    }
  }
}

.previous-orders {
  position: relative;

  .order-detail__product-top-label {
    margin-top: 40px;
  }

  .product-thumb-item {
    padding: 10px 0 40px;

    .thumb-item__info {
      padding-left: 0;
      gap: 10px;
    }

    .product-name {
      font-family: 'Pretendard-Medium';
      font-size: 15px;
      line-height: 20px;
    }

    .product-option {
      margin-top: 10px;
      font-size: 12px;
      line-height: 16px;
      color: var(--gray-font-color);
    }

    .product-thumb-item__amount li {
      height: auto;

      & + & {
        &::before {
          top: 3px;
        }
      }
    }
  }

  .accordion__title {
    font-family: 'Pretendard-SemiBold';
    font-size: 20px;
    line-height: 24px;
  }
}
@media screen and (max-width: 768px) {
  .previous-orders {
    padding-bottom: 67px;
    .order-detail__product-table {
      padding: 0 16px;
    }
    .order-detail__product-top-label {
      margin-top: 24px;
    }

    .product-thumb-item {
      padding: 10px 0 24px;
    }

    .accordion__title {
      font-size: 18px;
      line-height: 22px;
    }
  }
}

/* Search - modal */
.search-keyword-modal {
  max-width: none;
  min-width: 100%;
  max-height: 320px;
}
.portal .search-keyword-modal.modal {
  width: 100%;
  top: 0;
  left: 0;
  transform: none;
  padding: 60px 40px 60px;
}
.portal .dim {
  background-color: rgba(0, 0, 0, 0.2);
}

/* Search - Keyword Search */
.search-keyword-modal__top {
  margin: 0 auto;
  border-bottom: none;
}
.search-keyword-modal .search-field {
  position: relative;
  padding: 10px 10px 10px 16px;
  max-width: 680px;
  height: 44px;
  background-color: #f8f8f8;
  border-radius: 2px;
}
.search-field__submit-btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  margin-left: 0;
}
.search-field__submit-btn .ico {
  width: 24px;
  height: 24px;
  background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-search..png?9f0be795c07370f7a3e9);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.search-field__clear-btn {
  display: none;
}
.search-keyword-modal .search-field__clear-btn .ico {
  display: none;
}

.search-keyword-modal .text-field {
  height: 44px;
}

.search-keyword-modal .text-field input {
  height: 44px;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  padding: 10px 34px 10px 0;
  background-color: #f8f8f8;
}
.search-keyword-modal .text-field input::placeholder {
  color: var(--gray-font-color);
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}

/* Search - Recent keyword */
.search-keyword-modal .recent-keyword {
  width: 100%;
  max-width: 680px;
  margin: 30px auto 0;
  min-height: auto;
  padding: 0;
  border: none;
  border-radius: 0;
}

/* Search - Keyword title */
.recent-keyword__top {
  border-bottom: none;
  padding: 0 0 10px 0;

  button {
    color: var(--gray-font-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 18px; /* 150% */
  }
}

/* Search - Keyword list */
.recent-keyword__content > ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  flex-wrap: wrap;
}
.recent-keyword__item {
  gap: 8px;
  padding: 8px 8px 8px 10px;
  border: 1px solid #d9d9d9;
  background-color: #fff;
  border-radius: 2px;
  margin-top: 0;
}
.recent-keyword__item .ico {
  width: 16px;
  height: 16px;
  background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-delete..png?23ebd46357abfc04e96d);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.recent-keyword__content-empty {
  padding: 40px 0;

  &::before {
    content: none;
  }
  p {
    color: var(--gray-font-color);
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
  }
}

/* Search - Back btn */
.search-keyword-modal__back-btn {
  width: 24px;
  height: 24px;
  padding-right: 0;
  position: absolute;
  top: 40px;
  right: 40px;
}

@media (max-width: 768px) {
  .search-keyword-modal {
    max-height: fit-content;
    min-height: 232px;
    height: 100%;
  }

  /* Search - modal */
  .portal .search-keyword-modal.modal {
    padding: 16px;
  }

  /* Search - Keyword Search */
  .search-keyword-modal__top {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
  }
  .search-keyword-modal .search-field {
    width: calc(100% - 34px);
    height: 40px;
    padding: 8px 8px 8px 12px;
    flex-grow: unset;
  }
  .search-field__submit-btn .ico {
    width: 20px;
    height: 20px;
  }
  .search-keyword-modal .text-field {
    height: 40px;
  }
  .search-keyword-modal .text-field input {
    height: 40px;
    padding: 10px 24px 10px 0;
  }

  /* Search - Keyword list */
  .recent-keyword__content-empty {
    padding: 37px 0;
  }

  /* Search - Back btn */
  .search-keyword-modal__back-btn {
    position: static;
  }
}

/*
* sign-in
*/
.sign-in {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 480px;
  margin: 0 auto;
  padding: 80px 40px 120px;
  min-height: calc(100vh - 270px - 134px);
}

.open-id-agreement-form {
  padding-top: var(--header-height);
}

.form-title h3 {
  font-family: 'Pretendard-SemiBold';
  font-size: 32px;
  font-weight: 600;
  line-height: normal;
  color: var(--default-font-color);
  text-align: center;
  margin-bottom: 30px;
}

/* SignIn - Input */
.normal-sign-in__input-wrap {
  margin-top: 8px;
}
.normal-sign-in__input-wrap input {
  background-color: #fff;
  padding: 15px 16px;
  border: 1px solid var(--gray-color);
}
.normal-sign-in button {
  height: 48px;
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
  color: var(--whole-color);
  border: none;
  background-color: var(--default-font-color);
  border-radius: 0;
  transition: all 0.2s;
}

/* SignIn - openID */
.sign-in-open-id {
  margin-top: 8px;
}

/* SignIn - Link */
.sign-in-link {
  margin-top: 20px;
}
.sign-in-link__item {
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
  color: #454545;
}
.sign-in-link__item::after {
  background-color: var(--gray-color);
}

/* Guest Order*/
.guest-order {
  margin-top: 60px;

  button {
    margin-top: 16px;
    border-radius: 0;

    height: 48px;
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 16px; /* 114.286% */
    color: #fff;
    background-color: var(--default-font-color);
  }
}
.guest-order__title {
  font-family: 'Pretendard-Medium';
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  color: var(--default-font-color);
  margin-bottom: 20px;
}
.guest-order__input-wrap {
  height: 48px;
  margin-top: 8px;
}
.guest-order__input-wrap .text-field {
  border: 1px solid var(--gray-color);
  min-height: 48px;
}
.guest-order__input-wrap input {
  padding: 15px 16px;
}

.sign-in .open-id-sign-in__list {
  margin-top: 0;
}
.open-id-sign-in {
  width: 100%;
}
.open-id-sign-in__item {
  margin-top: 0;

  .icon {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background-size: cover !important;
  }

  button {
    background-color: var(--whole-color) !important;
    border: 1px solid var(--gray-color);
    color: var(--default-font-color);
    margin-bottom: 0 !important;

    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 16px; /* 114.286% */
    color: var(--Button-Primary-hover);
  }

  &.type-naver button {
    background-color: var(--color-naver-green) !important;
    border: none;
    color: var(--whole-color);
    margin-bottom: 40px;
  }
}

.change-pw-modal {
  .title-modal {
    min-width: 500px;
    max-width: 500px;
    max-height: 800px;
    overflow: hidden;
  }
  .title-modal__content {
    min-width: auto;
    height: calc(100dvh - 148px);
    max-height: 740px;
  }

  .long-term-notice__wrap {
    height: calc(100% - 89px);
    overflow-y: auto;
  }

  .long-term-notice__title,
  .long-term-notice__text {
    font-family: 'Pretendard-Medium';
    line-height: normal;
    word-break: keep-all;
  }

  .long-term-notice__description {
    display: inline-block;
    max-width: 330px;
    font-family: 'Pretendard-Regular';
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    color: var(--gray-font-color);
    word-break: keep-all;
  }
  .password-changer__caution {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: var(--error-color);
  }
  .password-changer__buttons {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 1px solid #d9d9d9;
    background-color: #fff;

    button {
      height: 48px;
    }
  }
}

@media screen and (max-width: 768px) {
  .form-title h3 {
    font-size: 24px;
    line-height: 28px;
  }

  .sign-in {
    padding: 40px 16px 80px;
    min-height: calc(100vh - 145px + 30px);
  }

  .open-id-sign-in__item.type-naver button {
    margin-bottom: 24px;
  }

  .change-pw-modal {
    width: calc(100% - 32px);
    .title-modal {
      max-width: none;
      min-width: auto;
      max-height: none;
    }
    .title-modal__content {
      height: calc(100dvh - 280px);
    }
    .password-changer__caution {
      font-size: 13px;
    }
  }
}

@media screen and (max-width: 400px) {
  .sign-in {
    min-height: calc(100vh - 15px);
  }
}

/*
* sign-up
*/
.sign-up-form-title {
  font-family: 'Pretendard-Bold';
  font-size: 36px;
  line-height: 48px;
}

.sign-up-form {
  max-width: 440px;
  margin: 0 auto;
  padding: 80px 20px 120px 20px;

  .form-title h3 {
    font-size: 28px;
  }

  .sign-up-form__tit {
    font-family: 'Pretendard-SemiBold';
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    color: var(--default-font-color);

    .required {
      background-color: var(--error-color);
    }
  }

  .sign-up-form__input-wrap {
    margin-top: 8px;
  }

  .description {
    font-family: 'Pretendard-Medium';
    margin-top: 8px;
    font-size: 13px;
    font-weight: 500;
    color: var(--default-font-color);

    &.alert {
      color: var(--error-color);
    }
  }

  .text-field {
    min-height: 48px;
    border: 1px solid #d9d9d9;

    input {
      height: 48px;
      padding: 13px 16px;
    }

    input::placeholder {
      font-family: 'Pretendard-Regular';
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      color: var(--gray-font-color);
    }
  }

  .email-input {
    margin-bottom: 2px;

    .email-input__id,
    .email-input__domain {
      flex: 1;
    }
  }

  .select-box {
    font-family: 'Pretendard-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: var(--gray-font-color);
    border-color: #d9d9d9;

    select {
      height: 48px;
      padding: 15px 16px;
    }

    &::after {
      width: 16px;
      height: 16px;
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-selectbox..png?2fe1e149be25d5ec9f1d);
      background-position: center center;
      background-size: cover;
      right: 16px;
    }
  }

  .address-form {
    > .text-field {
      margin-top: 8px;
    }
    .address-form__zip-code .text-field {
      width: calc(100% - 120px);
    }
    .address-form__zip-code .btn {
      width: 120px;
      height: 48px;
    }
  }

  .phone-number-input {
    .select-box {
      flex: 3;
    }
    .phone-number-input__bar {
      width: 8px;
      border-top: 1px solid var(--default-font-color);
      margin: 0 8px;
    }
  }

  .birthday-input {
    gap: 8px;
  }

  .sex-input {
    margin-top: 16px;
  }

  .sign-up-form__agree-wrap {
    margin: 46px 0 30px 0;

    .sign-up-form__input-wrap {
      padding: 24px 20px;
      margin-top: 16px;
      background-color: #f8f8f8;
    }

    li:not(:first-child) {
      margin-top: 16px;
    }

    .sign-up-form__checkbox--all {
      justify-content: flex-start;
      height: auto;
      font-family: 'Pretendard-SemiBold';
      font-size: 14px;
      font-weight: 600;
      line-height: normal;
      color: var(--default-font-color);
      border: none;
      padding-bottom: 16px;
      border-bottom: 1px solid #d9d9d9;
    }
    .sign-up-form__agree-list {
      margin-top: 16px;
    }
    .check-radio__label {
      font-family: 'Pretendard-Medium';
      font-size: 14px;
      font-weight: 500;
      line-height: normal;
      color: #454545;
    }

    button {
      font-family: 'Pretendard-Medium';
      font-size: 14px;
      font-weight: 500;
      line-height: normal;
      color: var(--gray-font-color);
    }
    .btn--default {
      background-color: transparent;
    }

    .notice-list {
      margin-top: 16px;
    }
    .notice-list__item {
      font-family: 'Pretendard-Regular';
      font-size: 14px;
      font-weight: 400;
      line-height: 20px; /* 153.846% */
      color: #454545;
      padding-left: 20px;
    }
    .notice-list__item::before {
      content: '';
      width: 3px;
      height: 3px;
      background-color: #454545;
      top: 8px;
      left: 6px;
      border-radius: 50%;
    }
  }

  .sign-up-form__confirm {
    margin-top: 30px;
  }
}

.search-zip-modal {
  .title-modal {
    min-width: 500px;
    max-width: 500px;
    max-height: 800px;
    overflow: hidden;
  }
  .title-modal__header {
    border-bottom: 1px solid #d9d9d9;
  }

  .title-modal__content {
    min-width: auto;
    height: calc(100dvh - 148px);
    max-height: 740px;

    .search-zip-code-form__search {
      min-width: auto;
      height: auto;
      background-color: #fff;
      gap: 8px;
    }
    .text-field input {
      padding: 15px 16px;
    }
    .search-field__submit-btn {
      display: none;
    }
    .search-zip-code-form__search-tip {
      font-family: 'Pretendard-Regular';
      font-size: 13px;
      font-weight: 400;
      line-height: normal;
      color: var(--gray-font-color);

      &::before {
        content: none;
      }
    }

    .search-zip-code-form__tip-tit {
      font-family: 'Pretendard-SemiBold';
      font-size: 14px;
      font-weight: 600;
      line-height: normal;
      color: var(--default-font-color);
      padding-bottom: 0;
      border-bottom: none;
      border-top: 1px solid var(--default-font-color);
      margin: 0 20px;
      padding: 20px 0 10px;
    }

    .search-zip-code-form__items {
      height: calc(100% - 263px);
      padding: 0 20px 0 20px;

      .address {
        padding: 16px 0;
      }

      .address__zip-code {
        font-family: 'Pretendard-SemiBold';
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        color: var(--point-color);
        margin-bottom: 10px;
      }
      .address__row {
        gap: 6px;
        margin-top: 10px;
      }
      .address__label {
        width: 38px;
        min-width: auto;
        padding: 2px 5px;
        border: 1px solid var(--default-font-color);
        font-family: 'Pretendard-Medium';
        font-size: 10px;
        font-weight: 500;
        line-height: normal;
        color: var(--default-font-color);
      }
      .address__detail {
        font-family: 'Pretendard-Medium';
        font-size: 13px;
        font-weight: 500;
        line-height: normal;
        color: var(--default-font-color);
      }
    }

    .search-zip-code-form__tip-list {
      list-style-type: none;
      padding: 20px 20px 0 20px;

      li {
        font-family: 'Pretendard-SemiBold';
        font-size: 15px;
        font-weight: 600;
        line-height: normal;
        color: var(--default-font-color);
      }

      li + li {
        margin-top: 16px;
      }

      span {
        display: block;
        font-family: 'Pretendard-SemiBold';
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        color: var(--gray-font-color);
        margin: 4px 0 0;
      }
    }

    .search-zip-code-form__cancel-btn {
      display: flex;
      justify-content: flex-end;
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0;
      border-top: 1px solid #d9d9d9;
      background-color: #fff;
      padding: 20px;

      .cancel-btn {
        width: 120px;
      }
    }
  }
}

.modal.agreement {
  .title-modal {
    min-width: 500px;
    max-width: 500px;
    max-height: 800px;
    overflow: hidden;
  }

  /* Content */
  .title-modal__content {
    min-width: auto;
    height: calc(100dvh - 60px);
    max-height: 740px;
    padding: 0 0 20px 0;

    .editor-wrap {
      height: 100%;
      overflow-y: auto;
      padding: 20px 20px 0;
    }
    .editor {
      padding: 0 !important;
    }

    p,
    p > span {
      font-family: 'Pretendard-Medium' !important;
      font-size: 13px !important;
      font-weight: 500 !important;
      line-height: 20px !important; /* 153.846% */
      color: var(--default-font-color);
    }
  }
}

/* 
* sign-up form
*/
.myPage_signup-menu {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  padding: 80px 40px 120px;
  min-height: calc(100vh - 270px - 134px);

  .form-title {
    margin-bottom: 50px;
  }

  .sign-up-menu {
    padding: 0;
  }
}

.sign-up-menu__link-normal a {
  height: 48px;
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  color: var(--default-font-color);
  border: 1px solid var(--default-font-color);
}

.sign-up-menu__link-open-id {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: 40px;

  .title {
    font-family: 'Pretendard-Medium';
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    color: var(--default-font-color);
  }
}

@media screen and (max-width: 768px) {
  .myPage_signup-menu {
    max-width: none;
    padding: 40px 16px 80px;
    min-height: calc(100vh - 356px - 60px);

    .form-title {
      margin-bottom: 30px;
    }
  }

  .sign-up-form-title {
    display: none;
  }

  .sign-up-form {
    max-width: 100%;
    margin: 0;
    padding: 40px 20px 80px 20px;
  }

  .search-zip-modal {
    width: calc(100% - 32px);

    .title-modal {
      max-width: none;
      min-width: auto;
      max-height: none;
    }
    .title-modal__content {
      height: calc(100dvh - 280px);

      .search-zip-code-form__tip-tit {
        font-size: 14px;

        em {
          font-size: 14px;
        }
      }
      .search-zip-code-form__items {
        height: auto;
        max-height: calc(100% - 263px);
      }
      .search-zip-code-form__tip-list {
        li {
          font-size: 13px;
        }

        span {
          font-size: 13px;
        }
      }
      .search-zip-code-form__cancel-btn {
        .cancel-btn {
          width: 100%;
        }
      }
    }
  }

  .modal.agreement {
    width: calc(100% - 32px);

    .title-modal {
      min-width: auto;
      max-width: none;
      max-height: none;
    }

    .title-modal__content {
      max-height: none;
      height: calc(100dvh - 220px);
      padding: 0 0 16px 0;

      .editor-wrap {
        padding: 16px 16px 0;
      }
    }
  }
}

.signup-confirm-wrap {
  max-width: 480px;
  min-height: calc(100vh - 270px - 134px);
  margin: 0 auto;
  padding: 80px 40px 120px;
}

.sign-up-confirm {
  padding: 0;
  padding-top: 0;
}
.sign-up-confirm__nav li {
  width: 196px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  padding: 10px 16px;
}

.sign-up-confirm__nav-sign-in {
  color: #fff;
  background-color: var(--point-color);
}

@media screen and (max-width: 768px) {
  .signup-confirm-wrap {
    padding: 40px 16px 80px;
    min-height: calc(100vh - 145px + 30px);
  }

  .sign-up-confirm__nav {
    width: 100%;
  }

  .sign-up-confirm__nav li {
    width: 50%;
  }
}

.FactoriumTour {
  margin-top: var(--header-height);
}

.FactoriumTourInner {
  max-width: 1120px;
  margin: 0 auto;
  padding: 80px 0 120px;
  h2 {
    display: block;
    margin-bottom: 60px;
    font-family: 'Pretendard-SemiBold';
    font-size: 32px;
    line-height: 36px;
    text-align: center;
  }

  .banner {
    display: block;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 40px;

    img {
      width: 100%;
    }
  }

  .contents {
    padding: 0 40px;
  }

  .tour-link {
    display: flex;
    justify-content: center;
    margin: 40px auto 0;
    a {
      display: block;
      width: 160px;
      padding: 12px 10px;
      font-family: 'Pretendard-Medium';
      font-size: 14px;
      line-height: 24px;
      color: #fff;
      background-color: var(--default-font-color);
      text-align: center;
      transition: 0.2s;
      &:hover {
        background-color: var(--Button-Primary-hover);
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .FactoriumTour {
    margin-top: 40px;
  }

  .FactoriumTourInner {
    padding: 0 0 80px;
    h2 {
      margin-bottom: 30px;
      padding: 0 16px;
      font-size: 24px;
      line-height: 28px;
      text-align: left;
    }

    .banner {
      max-width: 100%;
      padding: 0;
    }

    .contents {
      padding: 0 16px;
    }

    .tour-link {
      width: 100%;
      padding: 0 16px 40px;
      border-bottom: 1px solid var(--empty-color);
      a {
        width: 100%;
      }
    }
  }
}

/*
* FactoriumTourGuide
*/
.FactoriumTourGuide {
  margin-top: 140px;
}

.FactoriumTourGuideInner {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;

  h3 {
    display: block;
    padding-bottom: 20px;
    font-family: 'Pretendard-SemiBold';
    font-size: 20px;
    line-height: 1.2;
    border-bottom: 1px solid var(--default-font-color);
  }

  .guide:nth-child(1),
  .guide:nth-child(2) {
    flex: 1 1 calc(50% - 20px);
  }

  .guide:nth-child(3) {
    flex: 1 1 100%;
    margin-top: 20px;
  }

  .guide-program {
    margin-top: 24px;
  }

  .guide-program-item {
    display: flex;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--gray-color);

    & + & {
      margin-top: 24px;
    }

    &:first-of-type {
      .guide-icon {
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/factorium-icon-rnd..png?9ca65045390867e0d739);
      }
    }

    &:nth-of-type(2) {
      .guide-icon {
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/factorium-icon-tower..png?4997539ebbc9a68e65f8);
      }
    }

    &:nth-of-type(3) {
      .guide-icon {
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/factorium-icon-heritage..png?34b56a4245667a399c13);
      }
    }

    &:nth-of-type(4) {
      border-bottom: 0;
      .guide-icon {
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/factorium-icon-terrace..png?cbe72fb3e6d1e34b0ed6);
      }
    }
  }

  .guide-program-caution {
    font-size: 14px;
    line-height: 16px;
    color: var(--light-gray-font-color);
  }

  .guide-icon {
    width: 48px;
    height: 48px;
    background-size: 48px;
    background-repeat: no-repeat;
    background-position: center;
  }

  .guide-program-title {
    margin-left: 16px;
    font-family: 'Pretendard-SemiBold';
    font-size: 16px;
    line-height: 19px;
  }

  .guide-info {
    &:first-of-type {
      margin-top: 10px;
    }
    display: flex;
    align-items: flex-start;
    padding: 15px 0;
    dt {
      min-width: 120px;
      width: 120px;
      margin-right: 15px;
      font-family: 'Pretendard-SemiBold';
      font-size: 16px;
      line-height: 1.2;
      color: var(--gray-font-color);
    }

    dd {
      font-family: 'Pretendard-Medium';
      font-size: 16px;
      line-height: 1.2;

      div {
        & + & {
          margin-top: 10px;
        }
      }

      p {
        margin-top: 10px;
        font-size: 14px;
        line-height: 16px;
        color: var(--light-gray-font-color);
      }
    }
  }

  .guideCaution {
    margin-top: 24px;
    li {
      position: relative;
      padding-left: 20px;
      font-size: 15px;
      line-height: 18px;
      color: #454545;
      &::before {
        content: '';
        position: absolute;
        top: 7px;
        left: 8px;
        display: block;
        width: 3px;
        height: 3px;
        background-color: #454545;
      }

      & + & {
        margin-top: 12px;
      }
    }
  }
}
@media screen and (max-width: 768px) {
  .FactoriumTourGuide {
    margin-top: 40px;
  }

  .FactoriumTourGuideInner {
    display: block;

    .guide:nth-child(2) {
      margin-top: 50px;
    }

    .guide:nth-child(3) {
      margin-top: 50px;
    }

    .guide-program-item {
      padding-bottom: 20px;

      & + & {
        margin-top: 20px;
      }
    }

    .guide-info {
      margin-top: 6px;
      dt {
        width: 80px;
        font-size: 15px;
        line-height: 18px;
      }

      dd {
        font-size: 15px;
        line-height: 18px;
      }
    }

    .guideCaution {
      margin-top: 20px;
      li {
        font-size: 14px;
      }
    }
  }
}

.guideContact {
  margin-top: 80px;
  background-color: #f8f8f8;

  .guideContactInner {
    display: flex;
    align-items: center;
    padding: 24px 32px;
  }

  dl {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 18px;
  }

  dt {
    margin-right: 20px;
    font-family: 'Pretendard-SemiBold';
    color: var(--gray-font-color);
  }
}
@media screen and (max-width: 768px) {
  .guideContact {
    margin-top: 50px;

    .guideContactInner {
      display: block;
      padding: 20px 16px;
    }

    dl {
      justify-content: flex-start;

      & + & {
        margin-top: 12px;
      }
    }
  }
}

/* Reset */
.brand-wrap {
  .l-panel {
    margin-bottom: 0;
    border: none;
    box-shadow: none;
  }

  @media (max-width: 768px) {
    &.sub-content {
      .content {
        .sub-content__contents {
          padding: 40px 0 80px;

          &.media {
            padding: 20px 0 80px;
          }
        }
      }

      .factorium {
        .BrandCategory-nav {
          padding-bottom: 20px;
          border-bottom: 1px solid var(--gray-color);
        }
      }
    }
  }
}

/* Content */
.brand-content__box .cont-box {
  & + & {
    margin-top: 150px;
  }
}
@media (max-width: 768px) {
  .brand-wrap.sub-content {
    & .content {
      .inner {
        flex-direction: column;
      }
    }
  }
  .brand-content__box .cont-box {
    & + & {
      margin-top: 80px;
    }
  }
}

/* Title */
.brand-wrap {
  .brand-content__box .title p {
    width: 100%;
    max-width: 680px;
  }
  .sub-txt {
    font-family: 'Pretendard-Medium';
    color: var(--light-gray-font-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 20px; /* 166.667% */
    margin: 10px 0 0 0;
    word-break: keep-all;
  }
}
@media (max-width: 768px) {
  .brand-wrap {
    .heritage-content {
      .title p {
        margin-top: 20px;
      }
    }

    .brand-content__box .title p {
      max-width: none;
    }

    .sub-txt {
      margin: 16px 0 0 0;
    }
  }
}

/* BrandCategory-nav */
.BrandCategory-nav {
  width: 19.11%;
  min-width: 110px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: sticky;
  top: 134px;
  padding-top: 100px;
  padding-bottom: 100px;

  /* Tab - Title */
  .tab-tit {
    font-family: 'Pretendard-SemiBold';
    font-size: 24px;
    font-weight: 600;
    line-height: 28px; /* 116.667% */
    margin-bottom: 30px;
  }

  /* Tab - Depth1 */
  .tab {
    .tab_link {
      font-family: 'Pretendard-SemiBold';
      font-size: 16px;
      font-weight: 600;
      line-height: normal;
      color: #999;
      cursor: pointer;
      word-break: keep-all;
    }

    &.is-current {
      .tab_link:not(.is-2depth) {
        color: var(--default-font-color);
      }
    }

    &.is-active {
      .tab_link {
        color: var(--default-font-color);
      }
    }

    & + & {
      margin-top: 24px;
    }
  }

  /* Tab - Depth2 */
  .tab_link_depth2 {
    visibility: hidden;
    max-height: 0;
    opacity: 0;

    .tab {
      .is-2depth {
        font-family: 'Pretendard-Medium';
        font-size: 14px;
        font-weight: 500;
        line-height: 18px; /* 128.571% */
        margin-top: 12px;
      }

      & + & {
        margin-top: 10px;
      }
    }

    &.is-show {
      visibility: visible;
      max-height: 300px;
      opacity: 1;
      margin-top: 12px;
    }
  }

  /* Tab - Multi */
  .tab_link_multi {
    display: flex;

    .tab {
      & + & {
        margin: 0;
      }
      &:not(.is-current) .tab_link {
        color: #999 !important;
      }
    }

    .divider {
      font-family: 'Pretendard-SemiBold';
      font-size: 16px;
      font-weight: 600;
      line-height: normal;
      color: #999;
      cursor: pointer;
      word-break: keep-all;
      margin: 0 4px;
    }
  }
}

/* Black*/
.black-content {
  .system-slide .swiper {
    background-color: #535353;
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 28px;
    height: 52px;
    background-color: rgba(0, 0, 0, 0.5);
    background-repeat: no-repeat;

    &::after {
      content: none;
    }
  }

  .swiper-button-prev {
    left: 0;
    background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-hero-prev..png?3b32941e47f08df0a6cb);
    background-size: 20px;
    background-position: center;
  }

  .swiper-button-next {
    right: 0;
    background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-hero-next..png?3b204a5af21321ef40ff);
    background-size: 20px;
    background-position: center;
  }

  @media (max-width: 768px) {
    .swiper-button-prev,
    .swiper-button-next {
      width: 28px;
      height: 44px;
    }
  }
}

/* Heritage */
.heritage-content {
  .img-box {
    padding-bottom: 32%;
    margin-top: 50px;
  }
  .logo-slide {
    .swiper {
      padding-bottom: 26px;
    }
    .swiper-pagination-progressbar {
      max-width: 500px;
      height: 2px;
      top: auto;
      bottom: 0;
      left: 50%;
      background: #f1f1f1;
      transform: translateX(-50%);
    }
    .swiper-pagination-progressbar-fill {
      background: var(--default-font-color);
    }

    .swiper-button-prev,
    .swiper-button-next {
      width: 28px;
      height: 52px;
      background-color: rgba(0, 0, 0, 0.5);
      background-repeat: no-repeat;
      transform: translateY(-50%);
      &::after {
        content: none;
      }
    }

    .swiper-button-prev {
      left: 0;
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-hero-prev..png?3b32941e47f08df0a6cb);
      background-size: 20px;
      background-position: center;
    }

    .swiper-button-next {
      right: 0;
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-hero-next..png?3b204a5af21321ef40ff);
      background-size: 20px;
      background-position: center;
    }
  }
  .card-content {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 50px;

    li {
      width: calc(50% - 2px);
    }
  }
  .history-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 126px;
    margin-top: 40px;

    .img-box {
      width: 56.979%;
      height: auto;
      padding-bottom: 0;
      background: none;
      margin-top: 0;
    }
    ul {
      width: 43.06%;
    }
    li {
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding-right: 20px;

      strong {
        display: block;
        color: var(--light-gray-font-color);
        font-family: 'Pretendard-Bold';
        font-size: 18px;
        font-weight: 700;
        line-height: 21px;
      }
      span {
        display: block;
        font-family: 'Pretendard-SemiBold';
        font-size: 16px;
        font-weight: 600;
        line-height: 24px; /* 150% */
        word-break: keep-all;
      }
      p {
        color: var(--gray-font-color);
        font-family: 'Pretendard-Regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 25px; /* 156.25% */
        word-break: keep-all;
      }

      &::before {
        content: '';
        position: absolute;
        top: 8px;
        left: -27px;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: var(--light-gray-font-color);
      }
      &:first-child::after {
        content: '';
        position: absolute;
        top: 14px;
        left: -24.5px;
        width: 1px;
        height: calc(100% + 40px);
        background-color: #f1f1f1;
      }
    }
    li + li {
      margin-top: 40px;
    }

    &.history02 {
      margin-top: 79px;

      .img-box {
        margin-top: 0;

        img {
          width: 100%;
          height: 100%;
          max-width: 247px;
          max-height: 347px;
        }
      }

      ul {
        margin-top: 21px;

        li::after {
          height: calc(100% + 200px);
        }
      }
    }
    &.history03 {
      padding-top: 80px;
      .img-box {
        margin-top: 0;

        img {
          width: 100%;
          height: 100%;
          max-width: 360px;
          max-height: 365px;
        }
      }
    }
    &.history04 {
      margin-top: 40px;

      .img-box {
        margin-top: 0;

        img + img {
          margin-top: 10px;
        }
      }

      ul {
        li::after {
          height: calc(100% + 620px);
        }
      }
    }
    &.history05 {
      padding-top: 100px;

      .img-box {
        margin-top: 0;
      }

      ul {
        li::after {
          height: calc(100% + 140px);
        }
      }
    }
    &.history06 {
      padding-top: 100px;

      .img-box {
        margin-top: 0;
      }

      ul {
        li::after {
          content: none;
        }
      }
    }
  }
  .history-list {
    .list-content {
      display: flex;
      justify-content: center;
      margin-top: 81px;

      li {
        width: 25%;
        align-items: center;
        display: flex;
        flex-direction: column;
        padding: 0 20px;
      }

      img {
        width: 100%;
        height: auto;
        max-width: 140px;
        max-height: 200px;
      }
      strong {
        display: block;
        font-family: 'Pretendard-SemiBold';
        font-size: 14px;
        font-weight: 600;
        line-height: 20px; /* 142.857% */
        text-align: center;
        margin-top: 16px;
        word-break: keep-all;
      }
      span {
        display: block;
        color: var(--gray-font-color);
        font-family: 'Pretendard-Regular';
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 153.846% */
        text-align: center;
        word-break: keep-all;
      }
    }
  }

  @media (max-width: 840px) {
    .history-list {
      .list-content {
        li {
          padding: 0 10px;
        }
      }
    }
  }

  @media (max-width: 768px) {
    .img-box {
      padding-bottom: 102.134%;
      margin-top: 30px;

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
    .logo-slide {
      padding-left: 16px;

      .swiper {
        padding-right: 16px;

        .swiper-pagination-progressbar {
          width: calc(100% - 16px);
          max-width: none;
          left: 0;
          transform: none;
        }
      }

      .swiper-button-prev,
      .swiper-button-next {
        display: none;
      }
    }
    .history-list-slide {
      margin-top: 30px;
      .slide-img-box {
        display: flex;
        justify-content: center;
        align-items: center;
      }
      .swiper-slide {
        padding-bottom: 31px;
      }
      .slide-desc {
        margin-top: 10px;
        em {
          display: block;
          font-family: 'Pretendard-SemiBold';
          font-size: 14px;
          font-weight: 600;
          line-height: 20px; /* 142.857% */
          text-align: center;
          word-break: keep-all;
        }
        span {
          display: block;
          color: var(--gray-font-color);
          font-family: 'Pretendard-Regular';
          font-size: 13px;
          font-weight: 400;
          line-height: 20px; /* 153.846% */
          text-align: center;
          word-break: keep-all;
        }
      }
      .swiper-horizontal > .swiper-pagination-bullets {
        bottom: 0;
      }
      .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
      }
      .swiper-pagination-bullet-active {
        background: var(--gray-font-color);
      }
    }
    .philosophy-slide {
      margin-top: 30px;
      position: relative;

      &::before {
        content: '';
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        background-color: #000;
        width: 100%;
        height: calc(100% - 24px);
      }

      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      .swiper {
        padding-bottom: 24px;
      }
      .swiper-pagination {
        bottom: -4px;
      }
      .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
      }
      .swiper-pagination-bullet-active {
        background: var(--gray-font-color);
      }

      .swiper-button-prev,
      .swiper-button-next {
        width: 28px;
        height: 44px;
        background-color: rgba(0, 0, 0, 0.5);
        background-repeat: no-repeat;
        transform: translateY(-50%);
        &::after {
          content: none;
        }
      }

      .swiper-button-prev {
        left: 0;
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-hero-prev..png?3b32941e47f08df0a6cb);
        background-size: 20px;
        background-position: center;
      }

      .swiper-button-next {
        right: 0;
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-hero-next..png?3b204a5af21321ef40ff);
        background-size: 20px;
        background-position: center;
      }
    }
    .history-content {
      flex-direction: column;
      gap: 30px;
      margin-top: 30px;

      .img-box {
        width: 100%;
      }
      ul {
        width: 100%;
      }
      li {
        padding-left: 19px;

        strong {
          font-size: 16px;
          line-height: 19px;
        }

        span {
          font-size: 14px;
          line-height: 22px;
        }

        p {
          margin-top: -2px;
          font-size: 14px;
          line-height: 22px;
        }

        &::before {
          top: 7px;
          left: 0;
        }
        &:first-child::after {
          top: 13px;
          left: 2.5px;
          height: calc(100% + 24px);
        }
      }
      li + li {
        margin-top: 24px;
      }

      &.history02,
      &.history03 {
        margin-top: 60px;
        padding-top: 0;

        .img-box {
          img {
            width: 100%;
            height: 100%;
            max-width: none;
            max-height: none;
          }
        }

        ul {
          margin-top: 0;

          li::after {
            content: none;
          }
        }
      }
      &.history03 {
        ul {
          li::after {
            content: '';
            height: calc(100% + 24px);
          }
        }
      }
      &.history04 {
        margin-top: 30px;

        .img-box {
          img + img {
            margin-top: 6px;
          }
        }

        ul {
          li::after {
            content: none;
          }
        }
      }
      &.history05 {
        padding-top: 60px;

        ul {
          li::after {
            content: none;
          }
        }
      }
      &.history06 {
        padding-top: 60px;
      }
    }
  }
}

/* Hotel */
.hotel-content {
  & .intro-content .title {
    span {
      font-family: 'Pretendard-Medium';
      color: var(--gray-font-color);
      font-size: 16px;
      font-weight: 500;
      line-height: 28px;
      margin-bottom: 0;
    }
  }
  .logo-content {
    margin: 50px 0;

    ul {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;

      li {
        width: calc(25% - 6px);
      }

      .img-box {
        padding-bottom: 0;
        height: auto;

        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
    }
  }
  .detail {
    p {
      font-family: 'Pretendard-Medium';
      font-size: 16px;
      font-weight: 500;
      line-height: 28px; /* 175% */
    }
  }
  .hotel-tab {
    display: flex;

    li {
      width: 33.333%;
      font-family: 'Pretendard-SemiBold';
      font-size: 16px;
      font-weight: 600;
      line-height: normal;
      text-align: center;
      color: var(--default-font-color);
      padding: 14px;
      border: 1px solid var(--default-font-color);
      box-sizing: border-box;
      cursor: pointer;

      &:nth-child(2) {
        border-left: none;
        border-right: none;
      }

      &.is-active {
        background-color: var(--default-font-color);
        color: #fff;
      }
    }
  }

  .hotel-list {
    margin-top: 30px;
    border-top: 1px solid var(--default-font-color);
    border-bottom: 1px solid var(--default-font-color);

    ul {
      display: flex;
      flex-wrap: wrap;
    }

    li {
      width: 33.333%;
      padding: 22px 16px;
      border-bottom: 1px solid #f1f1f1;
      font-family: 'Pretendard-Medium';
      color: #454545;
      font-size: 16px;
      font-weight: 500;
      line-height: normal;
      word-break: keep-all;
    }
  }

  .contact-box {
    background-color: #f1f1f1;
    margin-top: 50px;
    .inner {
      justify-content: flex;
      align-items: center;
      justify-content: space-between;
      padding: 30px;
    }

    .info {
      strong {
        font-family: 'Pretendard-SemiBold';
        font-size: 18px;
        font-weight: 600;
        line-height: normal;
      }

      ul {
        display: flex;
      }
      li {
        color: #454545;
        font-family: 'Pretendard-Regular';
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        margin-top: 16px;

        &:first-child {
          position: relative;
          padding-right: 25px;

          &::after {
            content: '';
            position: absolute;
            width: 1px;
            height: 12px;
            background-color: #d9d9d9;
            top: 2px;
            right: 12px;
          }
        }
      }
    }
    .contact-btn {
      width: 120px;
      padding: 12px 10px;
      background-color: var(--default-font-color);
      color: #fff;
      text-align: center;
      transition: all 0.3s;

      &:hover {
        background-color: var(--Button-Primary-hover);
      }
      &:disabled {
        opacity: 0.3;
      }
    }
  }

  @media (max-width: 768px) {
    & .intro-content .title {
      span {
        font-size: 14px;
        line-height: 22px;
      }
    }
    .logo-content {
      margin: 30px 0;

      ul {
        gap: 4px;

        li {
          width: calc(50% - 2px);
        }
      }
    }
    .detail {
      p {
        font-size: 14px;
        line-height: 22px; /* 175% */
      }
    }
    .hotel-tab {
      li {
        padding: 14px 0;
        font-size: 12px;

        &:first-child {
          border-left: none;
        }
        &:last-child {
          border-right: none;
        }
      }
    }
    .hotel-list {
      margin-top: 0;
      border: none;

      ul {
        border-bottom: 1px solid #f1f1f1;
      }

      li {
        width: 50%;
        padding: 14px 16px;
        font-size: 14px;
        line-height: 18px;

        &:last-child {
          border-bottom: 0;
        }
      }
    }

    .contact-box {
      margin-top: 40px;
      margin-bottom: -80px;
      .inner {
        align-items: flex-start;
        padding: 30px 16px;
        gap: 16px;
      }

      .info {
        ul {
          display: flex;
          margin-top: 16px;
        }
        li {
          margin-top: 0px;
        }
      }
      .contact-btn {
        width: 100px;
      }
    }
  }
}

/* Media */
.media-content {
  .media-tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;

    li {
      flex: 1;
      border: 1px solid var(--default-font-color);
      background: var(--whole-color);

      font-family: 'Pretendard-SemiBold';
      font-size: 16px;
      font-weight: 600;
      line-height: normal;
      text-align: center;
      color: var(--default-font-color);

      /* TODO: article 탭 노출 시 주석 해제 필요*/
      /* 
      &:nth-child(2) {
        border-left: none;
        border-right: none;
      }
      */

      &.is-active {
        color: var(--whole-color);
        background: var(--default-font-color);
      }

      a {
        width: 100%;
        display: inline-block;
        padding: 14px 0;
      }
    }
  }

  @media (max-width: 768px) {
    .media-tab {
      margin-bottom: 0;

      li {
        font-size: 12px;

        &:first-child {
          border-left: none;
        }
        &:last-child {
          border-right: none;
        }
      }
    }

    .article-wrap {
      &.article {
        padding-top: 10px;
      }
      .article-list-title {
        border-top: 0;
        border-bottom: 0;
      }
    }

    .article-detail-wrap {
      &.article {
        padding-top: 10px;
      }
      padding-top: 10px;
      .title-box {
        border-top: 0;
      }
    }
  }
}

/* Intro */
.intro-content {
  .cont-box {
    & + & {
      margin-top: 120px;
    }

    &.service {
      .box-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 40px;
      }

      .title {
        width: 62%;

        .img-box {
          background: none;
          padding-bottom: 0;

          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }

        .img-box.type01 {
          width: 334px;
          height: 105px;
        }
        .img-box.type02 {
          width: 431px;
          height: 105px;
        }
        h4 {
          font-family: 'Pretendard-Bold';
          color: var(--gray-font-color);
          font-size: 20px;
          font-weight: 700;
          line-height: 28px; /* 140% */
          margin-top: 40px;
          word-break: keep-all;
        }
        p {
          margin-top: 16px;
          word-break: keep-all;
        }
        p + p {
          margin-top: 10px;
        }
      }

      .content {
        width: 34%;

        .img-box {
          width: 100%;
          max-width: 260px;
          height: auto;
          max-height: 260px;
          padding-bottom: 0;
        }
      }
    }
  }

  @media (max-width: 768px) {
    .cont-box {
      & + & {
        margin-top: 80px;
      }

      &.service {
        .title {
          width: 100%;
          .img-box.type01 {
            width: 256px;
            height: 80px;
          }
          .img-box.type02 {
            width: 328px;
            height: 80px;
          }
          .img-box.badge {
            width: 100%;
            height: 100%;
            border: none;
            margin-top: 30px;
          }
          h4 {
            font-size: 16px;
            line-height: 22px;
            margin-top: 20px;
          }
          p + p {
            margin-top: 16px;
          }
        }
      }
    }
  }
}

/* Terrace */
.terrace-content {
  .terraceVideo {
    margin-top: 50px;
  }
  .terraceVideo-videoBox,
  .terrace-video {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border: none;
  }

  @media (max-width: 768px) {
    .cont-box {
      & + & {
        margin-top: 60px;
      }
    }
    .terraceVideo {
      margin-top: 30px;
    }
  }
}

/* Keyword */
.safekeyword-content {
  .title {
    p + p {
      margin-top: 10px !important;
    }
  }
  .img-title {
    width: 352px;
    height: 59px;
  }
  .safety-content {
    display: flex;
    justify-content: space-between;
    gap: 9px;
    margin-top: 40px;
    .main-img {
      width: 77.6%;
    }
    .slide-img {
      width: 21.8%;

      .only-pc {
        display: flex;
        flex-direction: column;
        gap: 10px;
      }
    }
  }
  .img-box {
    padding-bottom: 26%;
    margin-top: 50px;
  }
  .safeKeywordVideo {
    .safeKeywordVideo-videoBox,
    .safeKeyword-video {
      width: 100%;
      height: auto;
      aspect-ratio: 16 / 9;
      border: none;
    }
  }
  img {
    width: 100%;
    height: 100%;
  }

  @media (max-width: 768px) {
    .title {
      p + p {
        margin-top: 16px !important;
      }
    }
    .img-title {
      width: 276px;
      height: 46px;
    }
    .safety-content {
      flex-direction: column;
      gap: 30px;
      margin-top: 30px;

      .main-img {
        width: 100%;
      }
      .slide-img {
        width: 100%;
      }
    }

    .safety-slider {
      .swiper {
        padding: 0 16px 20px;
      }
      .swiper-pagination-progressbar {
        top: auto;
        bottom: 0;
        width: calc(100% - 32px);
        height: 2px;
        background: #f1f1f1;
        left: 16px;
      }
      .swiper-pagination-progressbar-fill {
        background-color: #000;
      }
    }
    .img-box {
      padding-bottom: 60.975%;
      margin-top: 30px;
    }
    .safeKeywordVideo {
      margin-bottom: -82px;
    }
  }
}

/* RND */
.rnd-content {
  .img-box {
    padding-bottom: 0;
    height: auto;
    background: none;
  }
  .advance-video-slide {
    margin-top: 50px;

    .advance-video {
      width: 100%;
      height: auto;
      aspect-ratio: 16 / 9;
      border: none;
    }
  }

  .comfort-list {
    display: flex;
    gap: 10px;
    margin-top: 50px;

    strong {
      display: block;
      font-family: 'Pretendard-SemiBold';
      font-size: 18px;
      font-weight: 600;
      line-height: normal;
      margin-top: 20px;
      word-break: keep-all;
    }
    span {
      display: block;
      font-family: 'Pretendard-Medium';
      font-size: 16px;
      font-weight: 500;
      line-height: 28px; /* 175% */
      margin-top: 10px;
      word-break: keep-all;
    }
  }
  .layer-list {
    margin-top: 30px;
    li {
      position: relative;
      font-family: 'Pretendard-Medium';
      font-size: 16px;
      font-weight: 500;
      line-height: 28px; /* 175% */
      margin-left: 30px;

      &::before {
        position: absolute;
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-check..png?50a83990abb736ec0c0f) no-repeat center center;
        background-size: cover;
        top: 50%;
        left: -30px;
        transform: translateY(-50%);
      }
    }
    li + li {
      margin-top: 12px;
    }
  }
  .layer-content {
    .box-inner {
      display: flex;
      justify-content: space-between;
      gap: 40px;
    }

    .img-box.only-pc {
      width: 100%;
      max-width: 340px;
      height: auto;
      max-height: 376px;
    }
    .img-box img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
  .eco-content {
    strong {
      display: block;
      color: var(--gray-font-color);
      font-family: 'Pretendard-Bold';
      font-size: 20px;
      font-weight: 700;
      line-height: 28px; /* 140% */
      margin-bottom: 10px;
    }

    .content {
      margin-top: 50px;
      & > .img-box {
        padding-bottom: 22%;
        height: 0;
        background-size: cover;
      }

      .fabric-list {
        display: flex;
        margin-top: 10px;
        gap: 10px;

        li {
          width: 25%;
        }

        span {
          display: inline-block;
          width: 100%;
          color: var(--gray-font-color);
          font-family: 'Pretendard-Medium';
          font-size: 18px;
          font-weight: 500;
          line-height: normal;
          margin-top: 10px;
          text-align: center;
        }
      }
    }
  }
  .pillow-content {
    .box-inner {
      display: flex;
      justify-content: space-between;
      gap: 50px;
    }
    .title {
      width: calc(50% - 25px);
    }
    .content {
      width: calc(45% - 25px);
    }
    .img-box {
      width: 100%;
      max-width: 450px;
      height: auto;
      max-height: 260px;
    }
  }

  @media (max-width: 768px) {
    .comfort-list {
      flex-wrap: wrap;
      margin-top: 30px;
      gap: 16px 8px;

      li {
        width: calc(50% - 4px);
      }
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      strong {
        font-size: 16px;
        line-height: 22px;
        margin-top: 10px;
      }
      span {
        font-size: 14px;
        line-height: 22px;
      }
    }
    .layer-content {
      .img-box {
        margin-top: 30px;
      }
    }
    .eco-content {
      strong {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 14px;
      }
      .content {
        margin-top: 30px;
        & > .img-box {
          padding-bottom: 48.78%;
          height: 0;
          background-size: cover;
        }
      }

      .fabric-list-slide {
        margin-top: 30px;
        padding-left: 16px;
      }
      .fabric-list-slide .swiper {
        padding-bottom: 20px;
        padding-right: 16px;
      }
      .fabric-list-slide .slide-desc span {
        display: block;
        width: 100%;
        color: var(--gray-font-color);
        font-family: 'Pretendard-Medium';
        font-size: 14px;
        font-weight: 500;
        line-height: 22px; /* 157.143% */
        text-align: center;
        margin-top: 10px;
      }
      .fabric-list-slide .swiper-pagination-progressbar {
        top: auto;
        bottom: 0;
        width: calc(100% - 16px);
        height: 2px;
        background: #f1f1f1;
      }
      .fabric-list-slide .swiper-pagination-progressbar-fill {
        background-color: #000;
      }
    }
    .pillow-content {
      .box-inner {
        flex-direction: column;
        gap: 30px;
      }
      .title {
        width: 100%;
      }

      .content {
        width: 100%;
      }
      .img-box {
        max-width: none;
        max-height: none;

        img {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}

/* Title */
.factorium-content__box .title p {
  width: 100%;
  max-width: 680px;

  &.full {
    max-width: none;
  }
}
.sub-txt {
  font-family: 'Pretendard-Medium';
  color: var(--light-gray-font-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px; /* 166.667% */
  margin: 10px 0 0 0;
  word-break: keep-all;
}

@media (max-width: 768px) {
  .factorium-content__box .title p {
    max-width: none;
  }
  .sub-txt {
    margin: 16px 0 0 0;
  }
}

/* Slider */
.factorium-slide {
  margin-top: 50px;
}
.factorium-slide .swiper {
  padding-bottom: 28px;
}
.factorium-slide .swiper-horizontal > .swiper-pagination-bullets {
  bottom: -4px;
}
.factorium-slide .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: rgba(127, 127, 127, 0.7);
  margin: 0 5px;
}
.factorium-slide .swiper-pagination-bullet-active {
  background-color: var(--gray-font-color);
}

.factorium-slide {
  .swiper-button-prev,
  .swiper-button-next {
    width: 28px;
    height: 52px;
    background-color: rgba(0, 0, 0, 0.5);
    background-repeat: no-repeat;
    transform: translateY(-50%);
    &::after {
      content: none;
    }
  }

  .swiper-button-prev {
    left: 0;
    background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-hero-prev..png?3b32941e47f08df0a6cb);
    background-size: 20px;
    background-position: center;
  }

  .swiper-button-next {
    right: 0;
    background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-hero-next..png?3b204a5af21321ef40ff);
    background-size: 20px;
    background-position: center;
  }
}

@media (max-width: 768px) {
  .factorium-slide {
    margin-top: 30px;
    &.advance-video-slide {
      margin-top: 30px;
    }
  }
  .factorium-slide .swiper {
    padding-bottom: 26px;
  }
  .factorium-slide .swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .factorium-slide .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    margin: 0 3px;
  }

  .factorium-slide {
    .swiper-button-prev,
    .swiper-button-next {
      width: 28px;
      height: 44px;
    }
  }
}

@media (max-width: 1280px) {
  .BrandCategory-nav {
    top: 174px;
  }
}

@media (max-width: 768px) {
  .BrandCategory-nav {
    width: 100%;
    min-width: auto;
    position: static;
    padding: 0;

    .tab {
      display: none;

      &.has-depth {
        .tab_link {
          font-size: 24px;
          line-height: 28px; /* 116.667% */
        }

        &.is-current {
          display: flex;
          flex-direction: column;
          padding: 40px 0 0 16px;

          .tab_link_depth2 {
            display: flex;
            margin-top: 24px;
            gap: 16px;
          }
          .tab {
            display: block;
            margin-top: 0;
          }
        }
      }

      & + & {
        margin-top: 0;
      }
    }

    .divider {
      display: none;
    }

    /* Tab - Depth2 */
    .tab_link_depth2 {
      .tab {
        .is-2depth {
          font-family: 'Pretendard-SemiBold';
          font-size: 16px;
          font-weight: 600;
          line-height: 20px; /* 128.571% */
          margin-top: 0;
        }

        & + & {
          margin-top: 0;
        }
      }
    }

    /* Tab - Multi */
    .tab_link_multi {
      display: flex;
      flex-direction: row !important;

      &:not(.is-current) .divider {
        display: none;
      }

      .divider {
        display: block;
        margin: 0 6px;
      }

      .tab {
        &:not(.is-current) .tab_link {
          color: #999;
        }
      }

      .tab_link {
        font-family: 'Pretendard-SemiBold';
        font-size: 18px !important;
        font-weight: 600;
        line-height: normal !important;
      }
    }
  }
}

/* Article */
.article-wrap {
  .article-list {
    min-height: 660px;
  }

  /* title */
  .article-list-title {
    border-top: 1px solid var(--default-font-color);
    border-bottom: 1px solid #d9d9d9;

    .article-label,
    .article-date {
      font-family: 'Pretendard-SemiBold';
      font-size: 16px;
      font-weight: 600;
      line-height: normal;
      text-align: center;
      padding: 17px;
    }
    span {
      margin-bottom: 0 !important;
    }
    .article-label {
      display: inline-block;
      width: calc(100% - 190px);
    }
    .article-date {
      display: inline-block;
      width: 190px;
    }
  }
  /* list */
  .article-list-item {
    border-bottom: 1px solid #d9d9d9;

    .article-list-button {
      width: 100%;

      > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
    }
    .article-list-label {
      display: inline-block;
      width: calc(100% - 155px);
      font-family: 'Pretendard-Regular';
      font-size: 16px;
      font-weight: 400;
      line-height: normal;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-break: keep-all;
      padding: 20px 30px;
    }
    .article-list-date {
      display: inline-block;
      width: 155px;
      font-family: 'Pretendard-Regular';
      font-size: 16px;
      font-weight: 400;
      line-height: normal;
      text-align: center;
      color: var(--gray-font-color);
      padding: 20px 30px;
    }
  }
  .notice__list-item--locked {
    display: none;
  }
  /* list - empty */
  .empty-list {
    padding: 191px 0;
    border: none;

    p {
      color: var(--gray-font-color);
      font-family: 'Pretendard-Medium';
      font-size: 14px;
      font-weight: 500;
      line-height: 18px; /* 128.571% */
      text-align: center;
    }
  }
  /* list - grid */
  .article-grid-list {
    .article-grid-item {
      position: relative;
      width: 100%;
      max-width: 328px;
      height: fit-content;

      cursor: pointer;

      &:hover .hover-title-content {
        opacity: 1;
        visibility: visible;
      }
    }

    /* hover content */
    .hover-title-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      visibility: hidden;
      border-top: 1px solid #161616;
      border-bottom: 1px solid #161616;
      transition: all 0.4s;

      .content-inner {
        width: 100%;
        height: 100%;
        padding: 24px 16px;
        background-color: #fff;
      }

      em {
        font-family: 'Pretendard-Bold';
        font-size: 22px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 127.273% */

        width: 100%;
        display: -webkit-box;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        white-space: normal;
        overflow: hidden;
      }
      span {
        display: block;
        font-family: 'Pretendard-Medium';
        font-size: 16px;
        font-weight: 500;
        line-height: normal;
        margin-top: 36px;
      }
    }
  }
  /* pagination */
  .article-pagination {
    .pagination {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin-top: 24px;

      button {
        margin: 0 2px;
        width: 30px;
        height: 30px;
        font-size: 16px;
        background-position: center;
        background-repeat: no-repeat;
      }

      .gotoFirst {
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-page-first..png?8d1a563890fa8172409e);
        background-size: 30px;
      }

      .gotoPrev {
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-page-prev..png?9acd69423cbb6fdd3d54);
        background-size: 30px;
      }

      .gotoNext {
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-page-next..png?50364979b6bf762ae238);
        background-size: 30px;
      }

      .gotoLast {
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-page-last..png?7ea8ee0af39f749ee444);
        background-size: 30px;
      }
    }

    .pagination button.active {
      font-family: 'Pretendard-SemiBold';
      color: #fff;
      background-color: var(--default-font-color);
    }
  }

  @media (max-width: 768px) {
    .article-list {
      min-height: 757px;
    }
    /* title */
    .article-list-title {
      .article-label,
      .article-date {
        display: none;
      }
    }
    /* list */
    .article-list-item {
      border-bottom: 1px solid #d9d9d9;

      .article-list-button {
        width: 100%;
        padding: 16px 0;

        > div {
          flex-direction: column;
          align-items: flex-start;
        }
      }

      .article-list-label {
        width: 100%;
        font-size: 14px;
        padding: 0;
      }
      .article-list-date {
        width: 100%;
        font-size: 13px;
        padding: 0;
        text-align: left;
        margin-top: 10px;
      }
    }
    /* list - empty */
    .empty-list {
      padding: 61px 0;
    }
    /* list - grid */
    .article-grid-list {
      div {
        gap: 0 !important;
      }
      .article-grid-item {
        max-width: none;
        border-top: 1px solid #000;

        &:last-child {
          border-bottom: 1px solid #000;
        }
      }
      .article-list-button {
        width: 100%;
        height: 100%;

        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .hover-title-content {
        position: static;
        height: auto;
        border: none;
        opacity: 1;
        visibility: visible;

        .content-inner {
          height: auto;
          padding: 16px;
        }

        em {
          font-size: 16px;
          width: 100%;
          white-space: nowrap;
          line-clamp: 1;
          -webkit-line-clamp: 1;
          text-overflow: ellipsis;
          white-space: normal;
          overflow: hidden;
        }
        span {
          font-size: 13px;
          margin-top: 20px;
        }
      }
    }
    /* pagination */
    .article-pagination {
      .pagination.mo-hidden {
        display: none;
      }
    }
  }
}

/* Article Detail */
.article-detail-wrap {
  .title-box {
    padding: 30px;
    border-top: 1px solid var(--default-font-color);
    border-bottom: 1px solid #d9d9d9;

    .title {
      font-family: 'Pretendard-SemiBold';
      font-size: 18px;
      font-weight: 600;
      line-height: normal;
    }
    .date {
      color: var(--gray-font-color);
      font-family: 'Pretendard-Regular';
      font-size: 14px;
      font-weight: 400;
      line-height: normal;
      margin-top: 12px;
    }
  }
  .detail-content-box {
    padding: 40px 30px 100px 30px;
  }
  .index-box {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-top: 30px;
    border-top: 1px solid #d9d9d9;

    .article-detail__index {
      display: flex;
      padding: 0 30px;
    }
    .article-detail__index-angle {
      width: 20px;
      height: 20px;
    }
    .article-detail__index-text-flag {
      font-family: 'Pretendard-Medium';
      font-size: 15px;
      font-weight: 500;
      line-height: normal;
      color: var(--gray-font-color);
      padding-left: 16px;
      white-space: nowrap;
    }
    .article-detail__index-title {
      font-family: 'Pretendard-Regular';
      font-size: 15px;
      font-weight: 400;
      line-height: normal;
      padding-left: 40px;

      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      word-break: keep-all;
    }

    /* btn - goToList */
    .btn-article-wrap {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding-top: 40px;
      border-top: 1px solid #d9d9d9;
    }
    .btn-article__go-to-list {
      width: 160px;
      height: 48px;
      padding: 10px 16px;
      border: 1px solid var(--default-font-color);
      font-family: 'Pretendard-Medium';
      font-size: 14px;
      font-weight: 500;
      line-height: 22px; /* 157.143% */
      text-align: center;
      color: var(--default-font-color);
      opacity: 1;
      border-radius: unset;

      .go-to-list__angle-r {
        display: none;
      }
    }
  }

  &.print {
    .detail-content-box {
      padding: 0;
    }
    .index-box {
      border-top: 0;
      padding-top: 0;

      .btn-article-wrap {
        border-top: 0;
      }
    }
  }

  @media (max-width: 768px) {
    .title-box {
      padding: 16px 0;

      .title {
        font-size: 16px;
      }
      .date {
        font-size: 13px;
        margin-top: 10px;
      }
    }

    .detail-content-box {
      padding: 30px 0 40px 0;
    }

    .detail-content-box {
      .editor {
        table {
          width: 100% !important;
        }
      }
    }

    .index-box {
      gap: 20px;
      padding-top: 20px;

      .article-detail__index {
        padding: 0;
      }

      .article-detail__index-text-flag {
        font-size: 14px;
        padding-left: 8px;
      }
      .article-detail__index-title {
        font-size: 14px;
        padding-left: 16px;
      }

      /* btn - goToList */
      .btn-article-wrap {
        padding-top: 30px;
      }
      .btn-article__go-to-list {
        width: 100%;
        font-family: 'Pretendard-Regular';
        font-size: 13px;
        font-weight: 400;
        line-height: normal;
        border: 1px solid #e1e1e1;
      }
    }
  }
}

/* TVC */
.tvc-wrap {
  .tvc-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;

    li {
      width: calc(50% - 4px);
    }

    li:hover {
      .thumb-box::after {
        background: rgba(0, 0, 0, 0);
      }
      .tvc-thumb {
        transform: scale(1.1);
      }
    }

    .thumb-box {
      position: relative;
      display: inline-block;
      overflow: hidden;

      &::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.4);
        transition: all 0.4s;
      }
    }
    .tvc-thumb {
      transition: all 0.4s;
    }
  }

  .tvc-link-desc {
    display: block;
    background-color: #000;

    .inner {
      flex-direction: column;
      padding: 16px;
      gap: 0;
    }
    .desc {
      display: block;
      color: #fff;
      font-family: 'Pretendard-Bold';
      font-size: 16px;
      font-weight: 700;
      line-height: normal;
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .year {
      display: block;
      color: var(--light-gray-font-color);
      font-family: 'Pretendard-Regular';
      font-size: 15px;
      font-weight: 400;
      line-height: normal;
      margin-top: 6px;
      word-break: keep-all;
    }
  }

  @media (max-width: 768px) {
    .tvc-list {
      flex-direction: column;

      li {
        width: 100%;
      }

      .thumb-box {
        &::after {
          content: none;
        }
      }
      .tvc-thumb {
        transition: all 0.4s;
      }
    }

    .tvc-link-desc {
      .desc {
        font-size: 14px;
      }
      .year {
        font-size: 13px;
      }
    }
  }
}

/* TVC - modal */
.tvc-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  width: calc(100% - 100px);
  height: auto;
  max-width: 960px;
  max-height: none;
  transform: translate(-50%, -50%);
  z-index: 5;

  .tvc-modal-close {
    position: absolute;
    top: -32px;
    right: 0;
    z-index: 5;
  }
  .iframe-box {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
  }
  iframe {
    position: absolute;
    width: 100%;
    height: 100%;
  }
}
.tvc-modal-dim {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 1);
  opacity: 0.8;
  z-index: 2;

  &.is-visible {
    display: block;
  }
}

@media (max-width: 768px) {
  .tvc-modal {
    width: 100%;
    height: auto;
    max-height: 540px;

    .tvc-modal-close {
      top: -42px;
      right: 16px;
    }
  }
  .iframe-box {
    width: 100%;
    height: 0;
    padding-bottom: 57.22%;
  }
  iframe {
    position: absolute;
    width: 100%;
    height: 100%;
  }
}

.myPage {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 80px 40px 120px;
  min-height: calc(100vh - 270px - 134px);
}
.myPage-upper {
  max-width: 600px;
  margin: 40px auto 0;
  padding: 28px;
  background-color: #f8f8f8;
}
.myPage-lower {
  max-width: 600px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .myPage {
    padding: 0 0 80px 0;
    min-height: calc(100vh - 420px);
  }
  .myPage .form-title {
    display: none;
  }
  .myPage-upper {
    margin: 0 auto;
    padding: 16px;
  }
  .myPage-lower {
    padding: 0 16px;
  }
}

/*
* my-info
*/
.my-info {
  padding: 0;
  color: #222;
  background-color: transparent;
}

.my-info__summary {
  align-items: center;
}

.my-info__greeting {
  font-family: 'Pretendard-Regular';
  font-size: 28px;
  font-weight: 400;
  line-height: 42px; /* 150% */
  color: var(--gray-font-color);
  margin-bottom: 0;
}
.my-info__greeting em {
  font-family: 'Pretendard-SemiBold';
  font-weight: 600;
  color: var(--default-font-color);
  margin-right: 4px;
}

.my-info__member-type {
  padding-top: 8px;
  font-size: 14px;
  line-height: 24px;
}

.my-info__member-benefit {
  min-width: 100px;
  height: 48px;
  justify-content: center;
  padding: 12px 10px;
  background-color: var(--default-font-color);
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
  color: #fff;

  .my-info__member-benefit-label {
    line-height: 16px;
  }
}

.my-info__member-benefit-icon {
  display: none;
}
@media screen and (max-width: 768px) {
  .my-info__greeting {
    font-size: 20px;
  }
}

/*
* my-coupon
*/
.my-coupon-data {
  margin-top: 24px;
  font-size: 16px;
  line-height: 24px;
  background-color: #fff;

  a,
  a:-webkit-any-link {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px 16px;
    font-family: 'Pretendard-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
    color: var(--gray-font-color);
  }
}

.my-coupon-data__num {
  font-family: 'Pretendard-SemiBold';
  font-size: 20px;
  font-weight: 600;
  line-height: 24px; /* 120% */
  color: var(--default-font-color);
  margin-top: 8px;
}

.my-coupon-data__link {
  &::before {
    height: 50px;
    background-color: #d9d9d9;
  }
}

@media screen and (max-width: 768px) {
  .my-coupon-data__num {
    font-size: 16px;
    line-height: normal;
  }
  .my-coupon-data__link {
    &::before {
      height: 45px;
    }
  }
}

/*
* my-orders__link
*/
.myPage_orders {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 80px 40px 120px;
  min-height: calc(100vh - 270px - 134px);
}

.my-orders {
  flex-direction: column;
  max-width: 600px;
  margin: 20px auto 8px;
  width: 100%;
  padding: 0;
  background-color: transparent;
}

.orders-utils {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.orders__prev-button {
  position: relative;
  color: var(--Button-Primary-hover);
  font-family: 'Pretendard-SemiBold';
  font-size: 13px;
  line-height: normal;
  margin-right: 16px;
  margin-bottom: 20px;

  &::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-arrow-right-16..png?592e77a2ceffa94d890a) no-repeat center center;
    background-size: cover;
    top: 50%;
    right: -16px;
    transform: translateY(-50%);
  }
}

.my-orders__link {
  width: 100%;
  padding: 16px 8px;
  font-family: 'Pretendard-SemiBold';
  font-size: 16px;
  font-weight: 600;
  line-height: 20px; /* 125% */
  text-align: left;
  color: var(--default-font-color);

  & + & {
    &::before {
      display: none;
    }
  }
}

@media screen and (max-width: 768px) {
  .myPage_orders {
    max-width: none;
    padding: 40px 16px 80px;
    min-height: calc(100vh - 145px + 30px);
  }

  .my-orders__link {
    padding: 16px;
  }
}

/*
* my-link
*/
.my-orders + .l-panel {
  max-width: 600px;
  margin: 0 auto;
  padding: 8px 0;
  border-top: 1px solid var(--gray-color);
  border-bottom: 1px solid var(--gray-color);
  box-shadow: none;
}

.my-link {
  padding: 16px 8px;
  font-size: 16px;
  color: #222;
  border: 0;
  font-family: 'Pretendard-SemiBold';
  font-size: 16px;
  font-weight: 600;
  line-height: 20px; /* 125% */
  color: var(--default-font-color);

  & + & {
    border-top: 0;
  }
}

.my-link__ico {
  width: 20px;
  height: 20px;
  right: 8px;
  transform: translateY(-50%) rotate(0);
}
@media screen and (max-width: 768px) {
  .my-orders + .l-panel {
    padding: 0;
  }
  .my-orders__link,
  .my-link {
    padding: 16px 0;
  }
  .my-link__ico {
    right: 0px;
  }
}

/* 
* my-customer
*/
.my-customer {
  max-width: 600px;
  margin: 0 auto;
  padding: 8px 0;
  border-bottom: 1px solid var(--gray-color);
}

/*
* my-membership
*/
.my-membership {
  max-width: 600px;
  margin: 0 auto;
  padding: 24px 0 0;
  justify-content: flex-end;
  gap: 17px;

  a,
  a:-webkit-any-link {
    color: #777;
  }
}

.my-membership__btn {
  position: relative;
  width: auto;
  height: auto;
  padding: 0;
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
  color: var(--gray-font-color);
  border: none;
}
.my-membership__btn:last-child::before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 1px;
  height: 10px;
  background-color: var(--gray-color);
  top: 50%;
  left: -9px;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .my-membership {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 24px;
    padding: 24px 0 0;
    margin: 0 auto;
  }

  .my-membership__btn:last-child::before {
    content: none;
  }
}

/*
* my-info-benefit modal
*/
.my-info__benefit {
  .title-modal {
    min-width: 500px;
    max-width: 500px;
  }

  .my-grade {
    min-width: 500px;
    line-height: normal;
    padding: 20px;
  }
  .my-grade__title {
    font-family: 'Pretendard-SemiBold';
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    color: var(--default-font-color);
    margin: 0 0 8px 0;
  }
  .my-grade__accumulation {
    display: flex;
    align-items: center;

    dd {
      padding: 16px 0 0 0 !important;
    }
  }
  .my-grade dl {
    border-top: 1px solid var(--gray-color);
    font-family: 'Pretendard-Regular';
    font-weight: 400;

    color: var(--default-font-color);

    &.my-grade__member-grade {
      border-top: 0;
    }
  }
  .my-grade dl dt {
    width: 92px;
    font-size: 12px;
    line-height: 16px;
    color: var(--gray-font-color);
    padding: 16px 0;
  }
  .my-grade dl dd {
    border-left: 0;
    margin-left: 24px;
    font-size: 14px;
    line-height: normal;
    padding: 16px 0;
  }

  .my-grade dl dd li + li {
    margin-top: 8px;
  }
}

@media screen and (max-width: 768px) {
  .my-info__benefit {
    width: calc(100% - 32px);

    .title-modal {
      max-width: none;
      min-width: auto;
    }
    .my-grade__title {
      margin: 0 0 12px 0;
    }

    .my-grade dl dt {
      padding: 12px 0;
    }
    .my-grade dl dd {
      font-size: 13px;
      padding: 12px 0;
    }
  }
}

/*
* my / profile-product-review
*/
.myPage_product-review {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 80px 40px 120px;
  min-height: calc(100vh - 270px - 134px);
}

.profile-product-review__wrapper {
  margin-top: 60px;
  margin-bottom: 96px;
  min-height: calc(100vh - 123px - 353px - 60px);
}

.profile-product-review__upper {
  max-width: 640px;
  margin: 0 auto 40px;
  padding: 0 20px;
}

.profile-product-review {
  padding: 0;

  .my-page__total-count {
    margin-top: 0;
  }

  .profile-list {
    padding: 30px 0 0;
  }
}

.profile-product-review__tabs {
  color: #222;
  background-color: #fff;
}

.tabs.profile-product-review__tabs {
  height: auto;
  line-height: normal;
}

/*
.profile-product-review__tabs button {
  padding: 13px 20px;
  font-family: 'Pretendard-SemiBold';
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
}
*/

.profile-product-review__tabs li:not(:first-child):before {
  display: none;
}

.myPage_product-review .empty-list {
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
  color: var(--gray-font-color);
  padding: 91px 0;
  border: 0;
  margin-top: 20px;
}

/* profile-product-review - list */
.profile-product-review__list-item {
  padding: 20px 0;
  margin-top: 0 !important;
  border: none;

  & + & {
    border-top: 1px solid var(--gray-color);
  }

  .product-thumb-item {
    display: flex !important;
    align-items: flex-start;
    padding: 0 0 20px 0;
  }
  /* info */
  .thumb-item__info {
    height: 100px;
    justify-content: space-between;
    gap: unset;
  }
  .product-thumb-item__name {
    font-family: 'Pretendard-Medium';
    font-size: 15px;
    font-weight: 500;
    line-height: 20px; /* 133.333% */
    color: var(--default-font-color);
  }
  .product-thumb-item__option {
    font-family: 'Pretendard-Medium';
    font-size: 12px;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    color: var(--gray-font-color);
    margin-top: 10px;

    & + & {
      margin-top: 4px;
    }
  }
  .product-thumb-item__amount {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 17px; /* 121.429% */
    color: var(--default-font-color);
  }
  .product-thumb-item__amount li {
    height: auto;

    & + & {
      position: relative;
      border-left: none;
      padding-left: 12px;
      margin-left: 12px;

      &::before {
        content: '';
        display: inline-block;
        position: absolute;
        width: 1px;
        height: 12px;
        background: var(--gray-color);
        top: 50%;
        left: 0;
        transform: translateY(-50%);
      }
    }
  }

  .profile-product-review__register-button {
    height: 40px;
  }
}
.myPage_product-review .product-review-item__image {
  margin-right: 0;
  margin-bottom: 0;
}

/* profile-product-review - reviewed list */
.myPage_product-review .product-review-item__top {
  margin-bottom: 8px;
}
.myPage_product-review .product-review-item__image li {
  width: 80px;
  height: 80px;
}

/* profile-product-review - modal */
.product-review-modal {
  .l-panel {
    margin-bottom: 0;
    border: none;
    box-shadow: none;
  }

  /* content */
  .review-form-wrap {
    height: calc(100% - 89px);
  }
  .title-modal__content {
    min-width: auto;
    height: calc(100dvh - 148px);
    max-height: 740px;
    overflow-y: hidden;
  }

  .review-form {
    min-width: auto;
    height: 100%;
    overflow-y: auto;
  }

  /* thumbnail*/
  .board-product-item__description {
    align-items: center;
    gap: 20px;
    padding: 20px 0;
    margin: 0 20px;
    border-bottom: 1px solid var(--gray-color);
  }
  .board-product-item__image {
    width: 80px;
    height: 80px;
    box-shadow: none;

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }
  .board-product-item__product {
    margin: 0;
  }
  .board-product-item__product-name {
    font-family: 'Pretendard-Medium';
    font-size: 15px;
    font-weight: 500;
    line-height: 20px; /* 133.333% */
    color: var(--default-font-color);
  }
  .board-product-item__option-value {
    font-family: 'Pretendard-Medium';
    font-size: 12px;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    color: var(--gray-font-color);
    margin-top: 10px;
  }

  /* evaluation */
  .review-form__evaluation {
    padding: 0;
  }
  .rating-star {
    width: 120px;
    height: 16px;
    margin-top: 16px;

    &::before {
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-star-gray-lg..png?be26a1ed3ba9d0805fd6);
      background-size: 120px 16px;
    }
    .rating-star__progress {
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-star-active-lg..png?cdf8bd374336e059b62a);
      background-size: 120px 16px;
    }
  }
  .review-form__text-area {
    margin-top: 24px;
  }
  .text-area {
    height: 300px;
  }
  .character-counter__status--character {
    font-family: 'Pretendard-Regular';
    font-size: 13px;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    color: var(--gray-font-color);
    margin-top: 4px;
  }
  .text-area {
    padding: 8px 16px;
  }

  /* photo */
  .delete {
    width: 24px;
    height: 24px;
    background-color: rgba(22, 22, 22, 0.6);
    opacity: 1;

    &::before {
      content: none;
    }
    &::after {
      content: '';
      position: absolute;
      display: inline-block;
      width: 16px;
      height: 16px;
      background: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-delete-wh..png?d121ecd864fa1aa6ae4c) no-repeat center center;
      background-size: cover;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(0);
      opacity: 1;
    }
  }

  /* text */
  .review-form__limit-text {
    padding-left: 0;
    &::before {
      content: none;
    }
  }

  /* button */
  .board-form__button-group {
    position: relative;
    justify-content: flex-end;
    border-top: 1px solid #d9d9d9;
    padding: 20px;
    margin-top: 0;
    gap: 12px;
  }
  .board-form__btn {
    width: 120px;
  }
  .review-form__upload-btn {
    margin-top: 24px;
  }
  .review-form__title {
    font-family: 'Pretendard-SemiBold';
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    color: var(--default-font-color);
    padding: 0;
    margin: 0;
  }

  .review-form__limit-text {
    margin-top: 8px;
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  .myPage_product-review {
    max-width: none;
    padding: 40px 0px 80px;

    .form-title {
      padding: 0 16px;
    }
    .form-title h3 {
      text-align: left;
    }
  }

  .profile-product-review {
    .profile-list {
      padding: 30px 16px 0 16px;
    }
  }

  .profile-product-review__wrapper {
    min-height: calc(100vh - 60px - 487px);
    margin-top: 30px;
    margin-bottom: 39px;
  }

  .profile-product-review__upper {
    display: none;
  }

  .myPage_product-review .empty-list {
    padding: 51px 0;
  }

  /* profile-product-review - list */
  .profile-product-review__list-item {
    /* info */
    .thumb-item__info {
      height: auto;
    }
    .product-thumb-item__amount-wrap {
      margin-top: 10px;
    }
  }

  /* profile-product-review - modal */
  .product-review-modal {
    width: calc(100% - 32px);

    .title-modal {
      max-width: none;
      min-width: auto;
      max-height: none;
    }

    .title-modal__content {
      height: calc(100dvh - 280px);
    }

    .review-form__upload-btn {
      margin-top: 16px;
    }

    /* photo */
    .delete {
      width: 20px;
      height: 20px;

      &::after {
        width: 14px;
        height: 14px;
      }
    }

    /* button */
    .board-form__button-group {
      gap: 8px;
    }
    .board-form__btn {
      width: 50%;
    }
  }
}

/*
* orders
*/
.orders {
  padding: 0;
}

.orders-upper {
  display: flex;
  align-items: center;
  justify-content: space-between;

  .start-ymd-selector {
    min-width: 210px;
    margin-bottom: 0;
  }

  .select-box {
    font-size: 14px;
    line-height: 21px;
  }

  .select-box select {
    padding: 10px 16px;
  }
}

.orders__order-summary {
  .orders__identifier {
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;

    .bold {
      font-family: 'Pretendard-SemiBold';
      font-size: 14px;
      font-style: normal;
      font-weight: 600;
      line-height: 20px; /* 142.857% */
      color: var(--default-font-color);
    }

    .orders__order-no {
      font-family: 'Pretendard-Regular';
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      color: var(--gray-font-color);
    }
  }

  .orders__product {
    height: auto;
    border-radius: 0;
    border-top: 1px solid var(--default-font-color) !important;
    border: none;
    padding: 20px 0;
    gap: 20px;
  }

  .orders__product img {
    width: 100px;
    height: 100px;
    object-fit: cover;
  }

  .orders__product-name {
    font-family: 'Pretendard-Medium';
    font-size: 15px;
    font-weight: 500;
    line-height: 20px; /* 133.333% */
    color: var(--default-font-color);
  }

  .orders__pay-amount {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 17px; /* 121.429% */
    color: var(--default-font-color);
    margin-top: 10px;
  }

  & + & {
    margin-top: 10px;
  }

  .order-detail__status-label {
    width: fit-content;
    min-width: 54px;
    padding: 4px 6px;
    background-color: var(--empty-color);
    border-radius: 0;
    font-family: 'Pretendard-SemiBold';
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    color: var(--point-color);
  }
}

.orders__no-data {
  width: 100%;
  height: auto;
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
  color: var(--gray-font-color);
  padding: 91px 0;
}

@media screen and (max-width: 768px) {
  .orders {
    margin: 30px auto 0;
    min-height: calc(100vh - 60px - 458px - 60px);
  }

  .orders-upper-l {
    display: none;
  }

  .orders-upper-r {
    width: 100%;
  }

  .orders-upper {
    width: 100%;
    .start-ymd-selector {
      width: 100%;
    }
  }

  .orders__order-summary {
    .orders__product img {
      width: 60px;
      height: 60px;
    }
  }

  .orders__no-data {
    padding: 51px 0;
  }
}

/*
* profile-like
*/
.myPage_like {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 80px 40px 120px;
  min-height: calc(100vh - 270px - 134px);
}

.profile-like {
  margin: 40px auto 0;
  padding: 0;
}

.profile-like__list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  border: none;
  border-radius: 0;
  padding: 20px 0;
  gap: 20px;

  & + & {
    margin-top: 0;
    border-top: 1px solid var(--gray-color);
  }

  .product-thumb-item {
    width: calc(100% - 75px);
    background: var(--whole-color);
    padding: 0;
    display: flex;
    gap: 20px;
  }
  .thumb-item__media {
    width: 100px;
    height: 100px;
  }
  .thumb-item__info {
    gap: 10px;
    padding: 0;
  }
  .product-thumb-item__name {
    font-family: 'Pretendard-Medium';
    font-size: 15px;
    font-weight: 500;
    line-height: 20px; /* 133.333% */
    color: var(--default-font-color);
  }
  .product-thumb-item__amount-wrap {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 17px; /* 121.429% */
    color: var(--default-font-color);
    margin-top: 0;
  }
}

.profile-like__buttons {
  min-width: 55px;
  height: auto;
  margin-top: 0;
  gap: 0;

  .btn {
    height: 40px;
    &:first-of-type {
      display: none;
    }
  }

  button {
    min-width: 55px;
    padding: 10px;
    font-family: 'Pretendard-Regular';
    color: var(--default-font-color);
    font-size: 13px;
    line-height: 18px;
  }
}

.myPage_like .empty-list {
  padding: 91px 0;
  border: none;
  p {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    color: var(--gray-font-color);
  }
}

@media screen and (max-width: 768px) {
  .myPage_like {
    max-width: none;
    padding: 40px 16px 80px;
    min-height: calc(100vh - 356px - 60px);

    .form-title h3 {
      text-align: left;
    }
  }

  .profile-like {
    margin: 0;
  }

  .profile-like__list {
    margin-top: 0;
  }

  .profile-like__list-item {
    gap: 15px;

    .product-thumb-item {
      width: calc(100% - 65px);
      gap: 15px;
    }
    .product-thumb-item__name {
      font-size: 14px;
    }

    .product-thumb-item__amount {
      font-size: 13px;
    }
  }

  .profile-like__buttons {
    button {
      font-size: 13px;
      line-height: 18px; /* 138.462% */
    }
  }

  .myPage_like .empty-list {
    padding: 51px 0;
  }
}

/*
* profile-shipping-address
*/
.myPage-shipping-address {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 80px 40px 120px;
  min-height: calc(100vh - 270px - 134px);
}

.shipping-address-upper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--default-font-color);
  padding-bottom: 8px;
  margin-bottom: 20px;

  .my-page__total-count {
    border-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
  }

  button {
    width: 150px;
    margin-top: 0;
  }
}
.profile-shipping-address {
  padding: 0;
}

/* list */
.profile-shipping-address__list {
  margin: 0;
}
.profile-shipping-address__list-item {
  line-height: normal;
  border: none;
  margin-top: 0;
  padding: 0;
  gap: 16px;
  color: var(--default-font-color);

  & + & {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid var(--gray-color);
  }
}
.profile-shipping-address__info {
  padding: 16px;
  background-color: #f8f8f8;
}
.profile-shipping-address__info p {
  font-family: 'Pretendard-Medium';
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  color: var(--default-font-color);

  &.profile-shipping-address__receiver {
    font-family: 'Pretendard-SemiBold';
    font-weight: 600;
  }

  & + & {
    margin-top: 16px;
  }
}
.profile-shipping-address__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.profile-shipping-address__default-address {
  font-family: 'Pretendard-Medium';
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  color: var(--point-color);
}
.profile-shipping-address__buttons--sm {
  position: static;
  gap: 8px;
}
.profile-shipping-address__buttons--sm button {
  min-width: 55px;
  height: 40px;
}

/* list - empty */
.myPage-shipping-address .empty-list {
  padding: 91px 0;
  border: none;
  p {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    color: var(--gray-font-color);
  }
}

@media screen and (max-width: 768px) {
  .myPage-shipping-address {
    max-width: none;
    padding: 40px 16px 80px;
    min-height: calc(100vh - 145px + 30px);

    .form-title h3 {
      text-align: left;
    }
  }
  .profile-shipping-address {
    margin: 30px auto 0;
  }

  .shipping-address-upper {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 30px;
    padding-bottom: 10px;

    button {
      width: 100%;
    }
  }

  .myPage-shipping-address .empty-list {
    padding: 51px 0;
  }
}

/*
* shipping-address-modal
*/
.shipping-address-modal {
  .title-modal {
    min-width: 500px;
    max-width: 500px;
    max-height: 800px;
    overflow: hidden;
  }

  .title-modal__content {
    min-width: auto;
    height: calc(100dvh - 148px);
    max-height: 656px;
  }

  .profile-shipping-address__form {
    height: calc(100% - 89px);
    padding: 20px;
    overflow-y: auto;
  }

  .shipping-address-form__item {
    margin: 0;

    & + &:not(.save-default-shipping) {
      margin-top: 24px;
    }

    &.save-default-shipping {
      margin-top: 10px;
    }
  }

  .shipping-address-form__item--label {
    font-family: 'Pretendard-SemiBold';
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    color: var(--default-font-color);
    margin: 0 0 8px 0;
  }

  .address-form {
    .text-field {
      margin-top: 8px;
    }
  }

  .phone-number-input {
    span {
      height: 48px;
    }
    .select-box {
      flex: 3;
    }
    .select-box select {
      padding: 15px 40px 15px 16px;
    }
    .select-box::after {
      width: 16px;
      height: 16px;
      right: 16px;
    }
    .phone-number-input__bar {
      width: 8px;
      border-top: 1px solid var(--default-font-color);
      margin: 0 8px;
    }
  }

  .text-field {
    min-height: auto;
    border: 1px solid var(--gray-color);
  }
  .text-field input {
    height: 48px;
    padding: 15px 16px;
  }

  .shipping-address-form__buttons {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    gap: 12px;
    justify-content: flex-end;
    padding: 20px;
    border-top: 1px solid var(--gray-color);
    background-color: var(--whole-color);

    button {
      width: 120px;
      height: 48px;
      font-size: 14px;
    }
  }
}

@media screen and (max-width: 768px) {
  .shipping-address-modal {
    width: calc(100% - 32px);

    .title-modal {
      max-width: none;
      min-width: auto;
    }

    .title-modal__content {
      height: calc(100dvh - 220px);
    }

    .profile-shipping-address__form {
      min-width: auto;
      max-height: calc(100vh - 310px);
    }

    .shipping-address-form__buttons {
      button {
        width: 50%;
      }
    }
  }
}

/*
* my-page-coupon
*/
.myPage_coupon {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 80px 40px 120px;
  min-height: calc(100vh - 270px - 134px);

  .form-title h3 {
    margin-bottom: 40px;
  }
}

.my-page-coupon {
  min-height: calc(100vh - 123px - 353px - 62px);
}

.my-page-coupon-upper {
  max-width: 640px;
  margin: 60px auto 0;
  padding: 0 20px;
}

.my-page-coupon__list-title {
  font-family: 'Pretendard-Regular';
  font-size: 16px;
  font-weight: 400;
  line-height: 20px; /* 125% */
  color: var(--default-font-color);
  margin: 0;
  height: auto;
  margin-top: 30px;
  text-align: left;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--default-font-color);
}

.my-page-coupon__tabs li:not(:first-child):before {
  display: none;
}

.my-page-coupon__wrap {
  padding: 0;
}

.my-page__total-count {
  font-family: 'Pretendard-Regular';
  font-size: 16px;
  font-weight: 400;
  line-height: 20px; /* 125% */
  color: var(--default-font-color);
  margin: 30px 0 0 0;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--default-font-color);
}
.my-page__count {
  font-family: 'Pretendard-Regular';
  font-size: 16px;
  font-weight: 400;
  line-height: 20px; /* 125% */
  color: var(--default-font-color);
  margin-left: 4px;
}
.my-page__count span {
  font-family: 'Pretendard-SemiBold';
  color: var(--point-color);
}

.my-page-coupon__registration-button {
  height: 48px;
  background-color: #fff;
  border: 1px solid var(--default-font-color);
  border-radius: 0;
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  color: var(--default-font-color);
  margin-top: 30px;
}

.my-page-coupon__list-title {
  + .empty-list {
    margin-top: 8px;
  }
}

@media screen and (max-width: 768px) {
  .myPage_coupon {
    max-width: none;
    padding: 40px 0px 80px;

    .form-title {
      padding: 0 16px;
    }
    .form-title h3 {
      text-align: left;
    }
  }

  .my-page-coupon__wrap {
    padding: 0 16px;
  }
  .my-page__total-count {
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 10px;
  }
  .my-page__count {
    font-size: 14px;
    line-height: 18px;
  }

  .my-page-coupon__list-title {
    font-size: 14px;
    line-height: 18px; /* 128.571% */
    padding-bottom: 10px;
  }
}

/* coupon */
.my-page-coupon__list {
  margin-top: 20px;

  .my-page-coupon__list-item::after,
  .my-page-coupon__list-item::before {
    content: none;
  }
  .my-page-coupon__list-item + .my-page-coupon__list-item {
    margin-top: 12px;
  }
  .my-page-coupon__box {
    border: 1px solid var(--gray-color);
    border-radius: 0;
  }
  .my-page-coupon__box--left {
    width: calc(100% - 36px);
    padding: 16px 20px;
  }

  .my-page-coupon__discounted-price {
    font-family: 'Pretendard-SemiBold';
    font-size: 32px;
    font-weight: 600;
    line-height: 36px; /* 112.5% */
    color: var(--point-color);
    margin-top: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--gray-color);
  }

  .my-page-coupon__content,
  .my-page-coupon__name {
    margin-top: 12px;
    font-family: 'Pretendard-SemiBold';
    font-size: 14px;
    font-weight: 600;
    line-height: 18px; /* 128.571% */
    color: var(--default-font-color);
  }
  .my-page-coupon__name {
    margin-top: 0;
  }
  .my-page-coupon__max-amount,
  .my-page-coupon__date {
    font-family: 'Pretendard-Medium';
    font-size: 12px;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    color: var(--gray-font-color);
    margin-top: 20px;
  }
  .my-page-coupon__date {
    margin-top: 2px;
  }
  .my-page-coupon__box--right {
    padding: 20px 10px;
    min-width: 36px;
    border-radius: 0;
    border-left: none;

    font-family: 'Pretendard-Medium';
    font-size: 12px;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    letter-spacing: normal;
    color: var(--light-gray-font-color);
    background: #535353;

    &::before {
      content: none;
    }
    &::after {
      content: none;
    }
  }
  .my-page-coupon__list-item--unissuable {
    opacity: 0.3;

    .my-page-coupon__name {
      color: var(--default-font-color);
    }
  }
}

@media screen and (max-width: 768px) {
  .my-page-coupon__list {
    .my-page-coupon__list-item + .my-page-coupon__list-item {
      margin-top: 10px;
    }

    .my-page-coupon__box--left {
      padding: 16px;
    }
    .my-page-coupon__max-amount {
      margin-top: 12px;
    }

    .my-page-coupon__discounted-price {
      font-size: 24px;
      line-height: normal;
    }
  }
}

.myPage_coupon .empty-list {
  padding: 91px 0;
  border: none;
  margin-top: 20px;
}
.myPage_coupon .empty-list p {
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
  color: var(--gray-font-color);
}

@media screen and (max-width: 768px) {
  .my-page-coupon-upper {
    display: none;
  }

  .my-page-coupon {
    margin: 30px auto 0;
  }

  .myPage_coupon .empty-list {
    padding: 51px 0;
  }
}

/*
* my-page-coupon-modal
*/
.coupon-registration-modal {
  min-width: 500px;
  max-width: 500px;

  .my-page-coupon-registration__title {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    color: var(--default-font-color);
    margin: 0;
  }
  .text-field {
    min-height: 48px;
    border: 1px solid var(--gray-color);
    margin-top: 26px;
  }
  .text-field input {
    height: 48px;
    min-height: 48px;
    padding: 15px 16px;
  }

  .text-field input::placeholder {
    font-family: 'Pretendard-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: var(--gray-font-color);
  }

  .my-page-coupon-registration__buttons {
    position: relative;
    justify-content: flex-end;
    margin-top: 40px;
    gap: 12px;

    button {
      width: 120px;
      height: 48px;
      font-size: 14px;
    }

    &::before {
      content: '';
      position: absolute;
      display: inline-block;
      width: calc(100% + 40px);
      height: 1px;
      background-color: var(--gray-color);
      left: -20px;
      top: -20px;
    }
  }
}

@media screen and (max-width: 768px) {
  .coupon-registration-modal {
    width: calc(100% - 32px);
    max-width: none;
    min-width: auto;
    max-height: none;

    .my-page-coupon-registration__buttons {
      gap: 8px;

      button {
        width: 50%;
      }
    }
  }
}

/*
* my-page-accumulation
*/
.myPage_accumulation {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 80px 40px 120px;
  min-height: calc(100vh - 270px - 134px);
}

.my-page-accumulation__item {
  border: none;
  border-top: 1px solid var(--gray-color) !important;
  padding: 20px 0;
  color: var(--default-font-color);

  & + & {
    margin-top: 0;
  }
}

.my-page-accumulation__date {
  font-family: 'Pretendard-Regular';
  font-size: 13px;
  font-weight: 400;
  line-height: 16px; /* 123.077% */
  color: var(--gray-font-color);
}
.my-page-accumulation__date span {
  position: relative;
  margin-right: 17px;

  &::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 10px;
    background: var(--gray-color);
    top: 50%;
    right: -9px;
    transform: translateY(-50%);
  }
}

.my-page-accumulation__detail-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 12px;
}

.my-page-accumulation__reason-detail {
  font-family: 'Pretendard-SemiBold';
  font-size: 14px;
  font-weight: 600;
  line-height: 18px; /* 128.571% */
  color: var(--default-font-color);
  margin: 0;
  text-align: left;
}
.my-page-accumulation__date--expire {
  margin-top: 8px;
}
.my-page-accumulation__accumulation-amount,
.my-page-accumulation__accumulation-unit {
  font-family: 'Pretendard-SemiBold';
  font-size: 14px;
  font-weight: 600;
  line-height: 17px; /* 121.429% */
  color: var(--point-color);
}

.my-page-accumulation {
  padding: 0;

  .empty-list {
    border: 1px solid #dedede;
  }
}

.my-page-accumulation__amount {
  font-family: 'Pretendard-SemiBold';
  font-size: 18px;
  font-weight: 600;
  line-height: normal;
  color: var(--default-font-color);
  margin: 40px 0 8px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  padding: 15px 0;

  span {
    margin: 0 0 0 4px;
    font-family: 'Pretendard-SemiBold';
  }
}

.start-ymd-selector {
  width: 70px;
  height: 32px;
  border-radius: 2px;
  border: 1px solid var(--gray-color);
  box-sizing: border-box;

  &::after {
    right: 8px !important;
  }
}
.start-ymd-selector select {
  width: 70px;
  height: 32px !important;
  font-family: 'Pretendard-Regular' !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 16px !important; /* 133.333% */
  color: #454545 !important;
  padding: 8px 8px 8px 10px !important;
}

.myPage_accumulation .select-box::after {
  right: 8px;
}

.myPage_accumulation .empty-list {
  padding: 91px 0;
  border: none;
  p {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    color: var(--gray-font-color);
  }
}

@media screen and (max-width: 768px) {
  .myPage_accumulation {
    max-width: none;
    padding: 40px 16px 80px;
    min-height: calc(100vh - 145px + 30px);

    .form-title h3 {
      text-align: left;
    }
  }
  .my-page-accumulation__amount {
    font-size: 18px;
    margin: 30px 0 8px;
  }
  .start-ymd-selector {
    margin-bottom: 18px;
  }

  .my-page-accumulation__list {
    margin-top: 18px;
  }
  .my-page-accumulation__date {
    font-size: 12px;
  }

  .my-page-accumulation__item {
    margin-top: 18px;
  }
  .my-page-accumulation__accumulation-amount,
  .my-page-accumulation__accumulation-unit {
    font-size: 13px;
  }

  .myPage_accumulation .empty-list {
    padding: 51px 0;
  }
}

/*
* mypage - claimns
*/
.myPage_claims {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 80px 40px 120px;
  min-height: calc(100vh - 270px - 134px);
}

.claims {
  .empty-list {
    border: 1px solid #dedede;
  }
}

.claims__claim-summary {
  & + & {
    margin-top: 10px;
  }

  .claims__identifier {
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
  }
  .bold {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    color: var(--default-font-color);
  }
  .claims__order-no {
    font-family: 'Pretendard-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: var(--gray-font-color);
  }

  .claims__product-wrap {
    border: none;
    border-top: 1px solid var(--default-font-color) !important;
    border-radius: 0;
    padding: 20px 0;
  }
  .claims__product {
    gap: 20px;
  }
  .claims__product img {
    width: 100px;
    height: 100px;
    object-fit: cover;
  }

  .claims__product-description {
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .claims__product-name {
    font-family: 'Pretendard-Medium';
    font-size: 15px;
    font-weight: 500;
    line-height: 20px; /* 133.333% */
    color: var(--default-font-color);
  }
  .claims__product-option-label {
    min-height: auto;
    font-family: 'Pretendard-Medium';
    font-size: 12px;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    color: var(--gray-font-color);
  }

  .claims__pay-amount-label,
  .claims__pay-count,
  .claims__pay-amount {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 17px; /* 121.429% */
    color: var(--default-font-color);
  }

  .claims__pay-amount {
    position: relative;
    display: inline-block;
    margin-left: 25px;

    &::before {
      content: '';
      display: inline-block;
      position: absolute;
      width: 1px;
      height: 10px;
      background-color: var(--gray-color);
      top: 50%;
      left: -12px;
      transform: translateY(-50%);
    }
  }

  .highlight {
    font-family: 'Pretendard-Regular';
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    color: var(--point-color);
  }

  .claims__withdraw-btn {
    height: 40px !important;
  }
}

.claims__tabs .tabs__item + .tabs__item::before {
  content: none;
}

.claims__content {
  margin-top: 30px;
  padding: 0;

  .start-ymd-selector {
    margin-bottom: 20px;
  }

  .claims__no-items {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    color: var(--gray-font-color);
    margin-top: 0;
    padding: 91px 0;
  }
}

@media screen and (max-width: 768px) {
  .myPage_claims {
    max-width: none;
    padding: 40px 0 80px;
    min-height: calc(100vh - 145px + 30px);

    .form-title {
      padding: 0 16px;
    }

    .form-title h3 {
      text-align: left;
    }
  }

  .claims {
    margin: 30px 0 0;
    padding: 0;
  }

  .claims__claim-summary {
    .claims__product {
      gap: 15px;
    }
    .claims__product img {
      width: 60px;
      height: 60px;
    }
    .claims__product-description {
      height: 60px;
    }
  }

  .claims__tabs {
    margin-top: 0;
  }

  .claims__content {
    padding: 0 16px;

    .claims__no-items {
      padding: 51px 0;
    }
  }
}

/*
* mypage - claimns form
*/
.myPage_claims-form {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 80px 40px 120px;
  min-height: calc(100vh - 270px - 134px);
}

.claim {
  background-color: var(--whole-color);
}

.claim__section {
  & + & {
    margin-top: 30px;
  }
}

.claim__products {
  margin-top: 30px;
  padding: 0;
}
.claim__product {
  padding: 0;
  border-radius: 0;

  .product-thumb-item {
    display: flex !important;
  }
  .check-radio--rounded {
    display: flex;
    align-items: flex-start;
  }
  .check-radio__ico {
    margin-right: 8px !important;
    border-radius: 0;
  }
  .product-thumb-item__name {
    font-family: 'Pretendard-Medium';
    font-size: 15px;
    font-weight: 500;
    line-height: 20px; /* 133.333% */
    color: var(--default-font-color);
  }
  .product-thumb-item__amount {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 17px; /* 121.429% */
    color: var(--default-font-color);
  }

  .option-label__normal-option {
    font-family: 'Pretendard-Medium';
    font-size: 12px;
    font-weight: 500;
    line-height: 16px; /* 133.333% */
    color: var(--gray-font-color);
    margin-top: 10px;
  }
}
.claim__amount-info-label {
  height: auto;
  justify-content: flex-start;
  margin: 10px 0 30px 22px;
}

.product-thumb-item .thumb-item__media {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.claim__reason {
  padding: 0;
}
.claim__reason .claim__select-box {
  height: 48px;
}

.claim__sub-title {
  font-family: 'Pretendard-Medium';
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  color: var(--default-font-color);
  margin: 30px 0 8px 0;
}
.claim__reason-detail {
  height: 300px;
  border: 1px solid var(--gray-color);
  padding: 8px 16px;
}

.claim__btns {
  padding: 0;
  gap: 8px;
}
@media screen and (max-width: 768px) {
  .myPage_claims-form {
    max-width: none;
    padding: 40px 16px 80px;
    min-height: calc(100vh - 356px - 60px);
  }

  .claim__section {
    & + & {
      margin-top: 24px;
    }
  }

  .claim__product {
    .product-thumb-item__amount-wrap {
      flex-direction: column;
      align-items: flex-start;
      gap: 15px;
    }
  }

  .claim__sub-title {
    margin: 24px 0 8px 0;
  }

  .claim__amount-info-label {
    margin: 16px 0 24px 22px;
  }

  .product-thumb-item .thumb-item__media {
    width: 60px;
    height: 60px;
  }
}

/*
* 회원탈퇴 - member-withdrawal
*/
.member-withdrawal {
  margin: 126px auto 0;
}

.member-withdrawal-inner {
  max-width: 640px;
  margin: 0 auto;
  padding: 80px 0 120px;

  h2 {
    display: block;
    margin-bottom: 60px;
    font-family: 'Pretendard-SemiBold';
    font-size: 32px;
    line-height: 36px;
    text-align: center;
  }
}

.member-withdrawal-form {
  border-radius: 0;
}

.member-withdrawal__terms-content {
  padding: 16px 12px;
  text-align: center;
}

.member-withdrawal__check-wrap {
  width: 100%;
}

.member-withdrawal__btn-wrap button {
  border-radius: 0;
}
@media screen and (max-width: 1280px) {
  .member-withdrawal {
    margin-top: 161px;
  }
}
@media screen and (max-width: 925px) {
  .member-withdrawal {
    margin-top: 189px;
  }
}
@media screen and (max-width: 784px) {
  .member-withdrawal {
    margin-top: 217px;
  }
}
@media screen and (max-width: 768px) {
  .member-withdrawal {
    margin: 40px auto 0;
  }

  .member-withdrawal-inner {
    padding: 0 0 80px;
    h2 {
      margin-bottom: 30px;
      padding: 0 16px;
      font-size: 24px;
      line-height: 28px;
      text-align: left;
    }
  }
}

.find-id,
.find-password {
  max-width: 480px;
  min-height: calc(100vh - 270px - 134px);
  margin: 0 auto;
  padding: 80px 40px 120px;
}

.find-id-form,
.find-password-form {
  margin-top: 30px;
}

.find-id-form {
  .email-input {
    gap: 8px;
  }
}
.find-id-form__input-wrap .text-field,
.find-password-form__input-wrap .text-field {
  border: 1px solid var(--gray-color);
}

.find-id-form__input-wrap .email-input__id {
  flex: 3;
}

.find-id-form__input-wrap input::placeholder,
.find-password-form__input-wrap input::placeholder {
  color: var(--gray-font-color);
  opacity: 1;
}

.find-id-form__input-wrap .phone-number-input .select-box {
  flex: 3;
}

.find-id-form__input-wrap .phone-number-input .phone-number-input__bar {
  width: 8px;
  border-top: 1px solid var(--default-font-color);
  margin: 0 8px;
}
.find-id-form__input-wrap .select-box::after {
  width: 16px;
  height: 16px;
  background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/icon-dropdown..png?2fe1e149be25d5ec9f1d);
  background-position: center center;
  background-size: cover;
  right: 16px;
}
.find-id-form__input-wrap select {
  background-color: #fff;
  border: 1px solid var(--gray-color);
  padding: 13px 16px;
  font-family: 'Pretendard-Regular';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray-font-color);
}

.find-id-form__caution {
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  text-align: left;
  margin-top: 20px;
  color: var(--error-color);
}

.find-password-form__btn-wrap,
.find-id-form__btn-wrap {
  margin-top: 20px;
}
.find-password-form__btn-wrap button,
.find-password-form__btn-wrap a,
.find-id-form__btn-wrap button {
  height: 48px;
  border: none;
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
  color: #fff;
  background-color: var(--default-font-color);
}
.find-password-form__btn-wrap {
  gap: 8px;
}
.find-password-form__btn-wrap button,
.find-password-form__btn-wrap a {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .find-password,
  .find-id {
    max-width: 100%;
    margin: 0 auto;
    padding: 40px 0 80px;
  }

  .find-password .form-title,
  .find-id .form-title {
    padding: 0 16px;
  }

  .find-password .form-title h3,
  .find-id .form-title h3 {
    text-align: left;
  }

  .find-id-form,
  .find-password-form {
    padding: 0 16px;
  }

  .find-password__tit,
  .find-id__tit {
    display: none;
  }

  .find-id-form__caution {
    font-size: 13px;
  }
}

/*
* Change Password
*/
.myPage_change-password {
  max-width: 480px;
  min-height: calc(100vh - 270px - 134px);
  margin: 0 auto;
  padding: 80px 40px 120px;

  .change-password-form__caution {
    font-family: 'Pretendard-Medium';
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    color: var(--error-color);
    margin-top: 8px;
  }
  .change-password-form__btn-wrap button {
    height: 48px;
  }
}

@media screen and (max-width: 768px) {
  .myPage_change-password {
    max-width: 100%;
    margin: 0;
    padding: 40px 20px 80px 20px;
  }
}

/* 
* Modal 
*/
.find-account-modal {
  .title-modal__content {
    min-width: auto;
    height: auto;
    max-height: none;
    overflow-y: auto;
  }
}

.find-password-authentication {
  height: auto;
  margin-top: 0;
  padding: 20px;

  .find-password-authentication__tit {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    color: var(--default-font-color);
    text-align: left;
  }
  .find-password-authentication__input-wrap {
    margin-top: 26px;
  }
  .text-field {
    border: 1px solid var(--gray-color);
  }
  .text-field input {
    height: 48px;
    padding: 15px 16px;
  }
  .text-field input::placeholder {
    font-family: 'Pretendard-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: var(--gray-font-color);
  }
  .timer {
    font-family: 'Pretendard-Regular';
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    color: vaR(--gray-font-color);
  }
  .find-password-authentication__caution {
  }
  .find-password-authentication__btn-wrap {
    position: relative;
    margin-top: 40px;

    &::before {
      content: '';
      position: absolute;
      display: inline-block;
      width: calc(100% + 40px);
      height: 1px;
      top: -20px;
      left: -20px;
      background-color: var(--gray-color);
    }
  }
}

.id-search-result-modal {
  .title-modal {
    min-width: 500px;
    max-width: 500px;
    max-height: 800px;
    overflow: hidden;
  }
  .title-modal__content {
    min-width: auto;
    height: auto;
  }

  .find-id-result {
    margin-top: 0;
    padding: 20px;
    height: auto;
  }
  .find-id-result__tit {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    color: var(--default-font-color);
  }
  .find-id-result__id-text {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    color: var(--default-font-color);
    background-color: var(--empty-color);
    border-radius: 2px;
    margin-top: 26px;
    padding: 15px 10px;
  }

  .find-id-result__link-wrap {
    position: relative;
    margin-top: 40px;
    gap: 12px;

    &::before {
      content: '';
      position: absolute;
      display: inline-block;
      width: calc(100% + 40px);
      height: 1px;
      top: -20px;
      left: -20px;
      background-color: var(--gray-color);
    }
  }
  .find-id-result__link {
    width: 50%;
    padding: 16px 10px;
    line-height: 16px;
  }
}

.change-password-modal {
  .title-modal__content {
    min-width: auto;
    height: auto;
  }
  .change-password-confirm {
    min-height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin-top: 0;
  }
  .change-password-confirm__link-wrap {
    padding: 20px;
    margin-top: 0;
    border-top: 1px solid var(--gray-color);

    a {
      width: 100%;
      height: 48px;
      padding: 16px 10px;
      font-family: 'Pretendard-Medium';
      font-size: 14px;
      font-weight: 500;
      line-height: 16px;
      color: var(--whole-color);
      background-color: var(--default-font-color);
    }
  }
}

@media screen and (max-width: 768px) {
  .find-account-modal {
    width: calc(100% - 32px);

    .title-modal--full {
      max-width: none;
      min-width: auto;
    }
  }

  .find-password-authentication {
    .find-password-authentication__input-wrap {
      margin-top: 24px;
    }
  }

  .id-search-result-modal {
    width: calc(100% - 32px);

    .title-modal {
      max-width: none;
      min-width: auto;
      max-height: none;
    }
  }

  .change-password-modal {
    width: calc(100% - 32px);

    .title-modal {
      max-width: none;
      min-width: auto;
      max-height: none;
    }
  }
}

/* 
* Member Password Authentication
*/
.myPage_password-authentication {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  padding: 80px 40px 120px;
  min-height: calc(100vh - 270px - 134px);
}
.password-authentication {
  margin: 40px 0 0 0;
  padding: 0;
}
.password-authentication__info-text {
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
  color: var(--default-font-color);
  text-align: left;
}
.password-authentication-form {
  margin-top: 30px;
}
.password-authentication-form__tit {
  font-family: 'Pretendard-SemiBold';
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  color: var(--default-font-color);
}
.password-authentication-form__input-wrap {
  margin-top: 8px;
}
.password-authentication-form__input-wrap .text-field {
  min-height: auto;
}
.password-authentication-form__input-wrap input {
  height: 48px;
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: var(--default-font-color);
  padding: 15px 16px;

  &::placeholder {
    font-family: 'Pretendard-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: var(--gray-font-color);
  }
}
.password-authentication__button-wrap {
  gap: 8px;

  button {
    width: 50%;
    height: 48px;
  }
  .verification {
    border: none;
  }
}

@media screen and (max-width: 768px) {
  .myPage_password-authentication {
    max-width: none;
    padding: 40px 16px 80px;
    min-height: calc(100vh - 145px + 30px);

    .form-title h3 {
      text-align: left;
      margin-bottom: 32px;
    }
  }
  .password-authentication {
    margin: 32px 0 0 0;
  }
  .password-authentication__info-text {
    font-size: 13px;
  }
}

/* 
* Member Modification
*/
.myPage_member-modification {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 80px 40px 120px;
  min-height: calc(100vh - 270px - 134px);

  .l-panel {
    border-bottom: 0;
    border: none;
    border-width: 0;
    box-shadow: none;
  }
}

.member-modification-name {
  height: auto;
  padding: 15px 0;
  margin: 0 0 8px 0;
  color: var(--default-font-color);

  p {
    display: flex;
    align-items: center;
    font-family: 'Pretendard-SemiBold';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--default-font-color);
  }

  span {
    font-family: 'Pretendard-Regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: var(--gray-font-color);
  }
}

.member-modification-form .address-form input {
  height: 48px;
}

@media screen and (max-width: 768px) {
  .myPage_member-modification {
    max-width: none;
    padding: 40px 16px 80px;
    min-height: calc(100vh - 145px + 30px);

    .form-title h3 {
      text-align: left;
      margin-bottom: 20px;
    }
  }

  .member-modification {
    margin: 0 auto;
    padding: 0;
  }
}

.member-modification-form {
  padding: 0 0 30px;
  border-bottom: 1px solid #dedede;
}
.member-modification-form.agreement {
  border-bottom: 0;
}

.member-modification-form__item {
  margin-top: 30px;
}

.member-modification-form__tit {
  font-family: 'Pretendard-SemiBold';
  font-size: 15px;
  font-weight: 600;
  line-height: normal;
  color: var(--default-font-color);
}

.member-modification-form .required {
  background-color: var(--error-color);
}

.member-modification-form__btn--certificate {
  margin-top: 0;
}

.member-modification-form__radio-field {
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .member-modification {
    .l-panel {
      margin-bottom: 0;
      border: 0;
      box-shadow: none;
    }

    .member-modification-form {
      padding-left: 0;
      padding-right: 0;
    }
  }

  .member-modification-form.agree-wrap {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .member-modification-form__item.agree-wrap {
    margin-top: 36px;
  }
}
@media screen and (max-width: 768px) {
  .member-modification-form {
    padding: 0 0 30px;
  }

  .member-modification-form.agreement {
    padding-bottom: 0;
  }
}

.member-modification-form__checkbox--check-single {
  line-height: 21px;
}

.member-modification-form__item .description {
  font-family: 'Pretendard-Medium';
  font-size: 13px;
  font-weight: 500;
  line-height: normal;
  color: var(--default-font-color);
  margin: 8px 0 0 0;
}

/*
* 생년월일
*/
.member-modification-form .birthday-input {
  gap: 8px;
}

/*
* 성별
*/
.member-modification-form .sex-input {
  margin: 15px 0;
}

/*
* 수신동의 
*/
.member-modification-form__input-wrap .check-radio + .check-radio {
  margin-left: 20px;
}
.member-modification-form__detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.receive-agreement-time {
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: 18px; /* 128.571% */
  color: var(--default-font-color);
  margin-top: 0;
}
.member-modification-form__description {
  font-family: 'Pretendard-Regular';
  font-size: 13px;
  font-weight: 400;
  line-height: 18px; /* 138.462% */
  color: var(--gray-font-color);
  margin-top: 4px;
}

@media screen and (max-width: 768px) {
  .member-modification-form__detail {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 24px;
  }
}

/*
* 약관동의
*/
.member-modification-form__agree-wrap {
  margin: 16px 0 0;
  background: #f8f8f8;
  padding: 24px 20px;
}
.member-modification-form__agree-list {
  margin-top: 0;
}
.member-modification-form__agree-list li:not(:first-child) {
  margin-top: 16px;
}
.member-modification-form__checkbox--check-single {
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  color: #454545;
}
.member-modification-form__checkbox--check-single button {
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  text-decoration-line: underline;
  color: var(--gray-font-color);
  background-color: transparent;
}

/*
* 버튼
*/
.member-modification-form__button-wrap {
  margin-top: 16px;
}
.member-modification-form__button-wrap button {
  height: 48px;
  background-color: var(--default-font-color);
  border: none;
}

.find-id,
.find-password {
  max-width: 480px;
  min-height: calc(100vh - 270px - 134px);
  margin: 0 auto;
  padding: 80px 40px 120px;
}

.find-id-form,
.find-password-form {
  margin-top: 30px;
}

.find-id-form {
  .email-input {
    gap: 8px;
  }
}
.find-id-form__input-wrap .text-field,
.find-password-form__input-wrap .text-field {
  border: 1px solid var(--gray-color);
}

.find-id-form__input-wrap .email-input__id {
  flex: 3;
}

.find-id-form__input-wrap input::placeholder,
.find-password-form__input-wrap input::placeholder {
  color: var(--gray-font-color);
  opacity: 1;
}

.find-id-form__input-wrap .phone-number-input .select-box {
  flex: 3;
}

.find-id-form__input-wrap .phone-number-input .phone-number-input__bar {
  width: 8px;
  border-top: 1px solid var(--default-font-color);
  margin: 0 8px;
}
.find-id-form__input-wrap .select-box::after {
  width: 16px;
  height: 16px;
  background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/icon-dropdown..png?2fe1e149be25d5ec9f1d);
  background-position: center center;
  background-size: cover;
  right: 16px;
}
.find-id-form__input-wrap select {
  background-color: #fff;
  border: 1px solid var(--gray-color);
  padding: 13px 16px;
  font-family: 'Pretendard-Regular';
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--gray-font-color);
}

.find-id-form__caution {
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  text-align: left;
  margin-top: 20px;
  color: var(--error-color);
}

.find-password-form__btn-wrap,
.find-id-form__btn-wrap {
  margin-top: 20px;
}
.find-password-form__btn-wrap button,
.find-password-form__btn-wrap a,
.find-id-form__btn-wrap button {
  height: 48px;
  border: none;
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: 16px; /* 114.286% */
  color: #fff;
  background-color: var(--default-font-color);
}
.find-password-form__btn-wrap {
  gap: 8px;
}
.find-password-form__btn-wrap button,
.find-password-form__btn-wrap a {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .find-password,
  .find-id {
    max-width: 100%;
    margin: 0 auto;
    padding: 40px 0 80px;
  }

  .find-password .form-title,
  .find-id .form-title {
    padding: 0 16px;
  }

  .find-password .form-title h3,
  .find-id .form-title h3 {
    text-align: left;
  }

  .find-id-form,
  .find-password-form {
    padding: 0 16px;
  }

  .find-password__tit,
  .find-id__tit {
    display: none;
  }

  .find-id-form__caution {
    font-size: 13px;
  }
}

/*
* Change Password
*/
.myPage_change-password {
  max-width: 480px;
  min-height: calc(100vh - 270px - 134px);
  margin: 0 auto;
  padding: 80px 40px 120px;

  .change-password-form__caution {
    font-family: 'Pretendard-Medium';
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    color: var(--error-color);
    margin-top: 8px;
  }
  .change-password-form__btn-wrap button {
    height: 48px;
  }
}

@media screen and (max-width: 768px) {
  .myPage_change-password {
    max-width: 100%;
    margin: 0;
    padding: 40px 20px 80px 20px;
  }
}

/* 
* Modal 
*/
.find-account-modal {
  .title-modal__content {
    min-width: auto;
    height: auto;
    max-height: none;
    overflow-y: auto;
  }
}

.find-password-authentication {
  height: auto;
  margin-top: 0;
  padding: 20px;

  .find-password-authentication__tit {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    color: var(--default-font-color);
    text-align: left;
  }
  .find-password-authentication__input-wrap {
    margin-top: 26px;
  }
  .text-field {
    border: 1px solid var(--gray-color);
  }
  .text-field input {
    height: 48px;
    padding: 15px 16px;
  }
  .text-field input::placeholder {
    font-family: 'Pretendard-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: var(--gray-font-color);
  }
  .timer {
    font-family: 'Pretendard-Regular';
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    color: vaR(--gray-font-color);
  }
  .find-password-authentication__caution {
  }
  .find-password-authentication__btn-wrap {
    position: relative;
    margin-top: 40px;

    &::before {
      content: '';
      position: absolute;
      display: inline-block;
      width: calc(100% + 40px);
      height: 1px;
      top: -20px;
      left: -20px;
      background-color: var(--gray-color);
    }
  }
}

.id-search-result-modal {
  .title-modal {
    min-width: 500px;
    max-width: 500px;
    max-height: 800px;
    overflow: hidden;
  }
  .title-modal__content {
    min-width: auto;
    height: auto;
  }

  .find-id-result {
    margin-top: 0;
    padding: 20px;
    height: auto;
  }
  .find-id-result__tit {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    color: var(--default-font-color);
  }
  .find-id-result__id-text {
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    color: var(--default-font-color);
    background-color: var(--empty-color);
    border-radius: 2px;
    margin-top: 26px;
    padding: 15px 10px;
  }

  .find-id-result__link-wrap {
    position: relative;
    margin-top: 40px;
    gap: 12px;

    &::before {
      content: '';
      position: absolute;
      display: inline-block;
      width: calc(100% + 40px);
      height: 1px;
      top: -20px;
      left: -20px;
      background-color: var(--gray-color);
    }
  }
  .find-id-result__link {
    width: 50%;
    padding: 16px 10px;
    line-height: 16px;
  }
}

.change-password-modal {
  .title-modal__content {
    min-width: auto;
    height: auto;
  }
  .change-password-confirm {
    min-height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin-top: 0;
  }
  .change-password-confirm__link-wrap {
    padding: 20px;
    margin-top: 0;
    border-top: 1px solid var(--gray-color);

    a {
      width: 100%;
      height: 48px;
      padding: 16px 10px;
      font-family: 'Pretendard-Medium';
      font-size: 14px;
      font-weight: 500;
      line-height: 16px;
      color: var(--whole-color);
      background-color: var(--default-font-color);
    }
  }
}

@media screen and (max-width: 768px) {
  .find-account-modal {
    width: calc(100% - 32px);

    .title-modal--full {
      max-width: none;
      min-width: auto;
    }
  }

  .find-password-authentication {
    .find-password-authentication__input-wrap {
      margin-top: 24px;
    }
  }

  .id-search-result-modal {
    width: calc(100% - 32px);

    .title-modal {
      max-width: none;
      min-width: auto;
      max-height: none;
    }
  }

  .change-password-modal {
    width: calc(100% - 32px);

    .title-modal {
      max-width: none;
      min-width: auto;
      max-height: none;
    }
  }
}

.findStore {
  margin: var(--header-height) 0 120px;
  padding: 80px 0 0;

  .store-map {
    margin: 80px auto 0;
  }

  .kakao-map {
    height: 682px;
  }

  .store-map-title {
    margin: 0 auto 24px;
    font-family: 'Pretendard-Medium';
    font-size: 20px;
    line-height: 36px;
    text-align: center;
  }

  .store-info,
  .more-store {
    display: none;
  }
}

.findStoreInner {
  position: relative;
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 40px;

  h2 {
    margin-bottom: 40px;
    font-family: 'Pretendard-Bold';
    font-size: 36px;
    line-height: 44px;
    text-align: center;
  }
}

.findStoreTable {
  width: 100%;
  text-align: center;

  tr {
    cursor: pointer;
  }

  th {
    padding: 17px 0;
    font-family: 'Pretendard-SemiBold';
    font-size: 16px;
    line-height: 19px;
    color: #222;
    border-top: 1px solid #000;
    border-bottom: 1px solid #ddd;
  }

  td {
    padding: 25px 14px;
    color: #333;
    font-size: 16px;
    line-height: 19px;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    word-break: keep-all;
    box-sizing: border-box;
  }

  .td-close {
    width: 180px;
  }

  .td-time {
    width: 170px;
  }

  .td-close,
  .td-time {
    padding: 25px 13px;
  }

  .is-active th,
  .is-active td {
    font-family: 'Pretendard-Medium';
    color: var(--point-color);
  }

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

.findStoreInner {
  .pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 24px;

    button {
      margin: 0 2px;
      width: 30px;
      height: 30px;
      font-size: 16px;
      background-position: center;
      background-repeat: no-repeat;
    }

    .gotoFirst {
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-page-first..png?8d1a563890fa8172409e);
      background-size: 30px;
    }

    .gotoPrev {
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-page-prev..png?9acd69423cbb6fdd3d54);
      background-size: 30px;
    }

    .gotoNext {
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-page-next..png?50364979b6bf762ae238);
      background-size: 30px;
    }

    .gotoLast {
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-page-last..png?7ea8ee0af39f749ee444);
      background-size: 30px;
    }
  }

  .pagination button.active {
    font-family: 'Pretendard-SemiBold';
    color: #fff;
    background-color: var(--default-font-color);
  }
}
@media screen and (min-width: 1130px) {
  .findStoreTable {
    .td-name {
      width: 200px;
    }

    .td-address {
      width: 340px;
    }

    .td-phone {
      width: 150px;
    }
  }
}
@media screen and (max-width: 1130px) {
  .findStore {
    .findStoreTable {
      th {
        font-size: 14px;
      }
      td {
        font-size: 14px;
      }
    }
  }
}
@media screen and (max-width: 768px) {
  .findStore {
    margin: 40px 0 80px;
    padding: 0;

    .store-map {
      display: none;
      margin: 0;
      max-width: 100%;
      padding: 0;
    }

    .store-map-title {
      margin: 16px auto 30px;
      font-family: 'Pretendard-SemiBold';
      font-size: 16px;
      line-height: 20px;
      padding: 0 0 16px 0;
      border-bottom: 1px solid var(--gray-color);
      text-align: left;
    }

    .store-map.is-block {
      display: block;
    }

    .kakao-map {
      height: 182px;
    }

    .more-store {
      display: block;
      margin-top: 30px;
      padding-top: 30px;
      border-top: 1px solid var(--gray-color);
    }

    .more-store button {
      width: 100%;
      padding: 12px 16px;
      font-size: 13px;
      line-height: 24px;
      border: 1px solid #e1e1e1;
      text-align: center;
    }
  }

  .findStoreInner {
    min-height: 400px;
    padding: 0 16px;

    h2 {
      margin-bottom: 0;
      padding-bottom: 40px;
      font-size: 24px;
      line-height: 28px;
      text-align: left;

      &.mo-hidden {
        display: block !important;
        border-bottom: 1px solid var(--default-font-color);
      }
    }

    .pagination.mo-hidden {
      display: none;
    }
  }

  .findStoreTable.mo-hidden {
    display: none;
  }

  .findStoreTable {
    display: block;

    colgroup {
      display: none;
    }

    thead {
      display: none;
    }

    tbody {
      display: block;
      width: 100%;
      border-top: 1px solid var(--default-font-color);
    }

    tr {
      display: block;
      padding: 16px 0;
      border-bottom: 1px solid var(--gray-color);
      background: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-table-more..png?a17b5a7d00a4e5b4dc89) no-repeat center center;
      background-size: 20px;
      background-position: center right 1px;
      background-repeat: no-repeat;

      :nth-of-type(1) {
        color: #222;
      }

      :nth-of-type(2) {
        width: 90%;
        margin-top: 10px !important;
        font-size: 13px;
        line-height: 16px;
        color: var(--gray-font-color);
      }
    }

    th {
      display: none;
    }

    td {
      display: none;
      padding: 0;
      line-height: 17px;
      border-bottom: 0;
    }

    td.mo-block {
      display: block;
      & + & {
        margin-top: 4px;
      }
    }
  }

  .store-map {
    .store-info {
      display: block;
      ul {
        margin: 24px 0 10px;
      }

      li {
        position: relative;
        font-size: 16px;
        line-height: 25px;

        & + & {
          margin-top: 10px;
        }
      }

      .store-info-phone-link {
        display: inline-block;
        min-width: 100px;
        max-width: 154px;
        margin: 0 auto;
        padding: 12px 16px;
        font-family: 'Pretendard-Medium';
        line-height: 22px;
        border: 1px solid var(--default-font-color);
        text-align: center;
      }
    }
  }
}

/*
* Search
*/
.findStore {
  .inputArea {
    h3 {
      font-family: 'Pretendard-SemiBold';
      font-size: 18px;
      line-height: 20px;
    }
    fieldset {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 14px 0 20px;
      padding: 24px 24px;
      background-color: var(--empty-color);
    }

    select {
      display: flex;
      align-items: center;
      width: 100px;
      height: 48px;
      padding: 8px 16px;
      font-size: 14px;
      line-height: 17px;
      border: 1px solid var(--gray-color);
      background-color: #fff;
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/icon-dropdown..png?2fe1e149be25d5ec9f1d);
      background-position: center right 16px;
      background-size: 16px;
      background-repeat: no-repeat;
    }

    input {
      width: 328px;
      height: 48px;
      margin-left: 6px;
      padding: 8px 16px;
      font-size: 14px;
      line-height: 17px;
      border: 1px solid var(--gray-color);
      background-color: #fff;
      &::placeholder {
        color: var(--gray-font-color);
      }
    }

    button {
      min-width: 64px;
      height: 48px;
      margin-left: 8px;
      padding: 12px 10px;
      line-height: 16px;
      color: #fff;
      background-color: var(--default-font-color);
      text-align: center;
    }
  }
}
@media screen and (max-width: 768px) {
  .findStore {
    .inputArea {
      h3 {
        font-size: 16px;
        line-height: 20px;
      }
      fieldset {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 16px 0;
        padding: 24px 16px;
      }

      select {
        width: 75px;
        height: 40px;
        padding: 8px 10px;
        font-size: 12px;
        line-height: 14px;
        background-position: center right 10px;
      }

      .inputSearch {
        display: flex;
        align-items: center;
        width: calc(100% - 6px);
      }

      input {
        width: calc(100% - 40px - 6px);
        height: 40px;
        padding: 8px 10px;
        font-size: 12px;
        line-height: 14px;
      }

      button {
        width: 68px;
        height: 40px;
        margin-left: 6px;
        font-size: 12px;
        line-height: 16px;
      }
    }
  }
}

.eventListWrap {
  max-width: 1440px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .eventListWrap {
    margin-top: 60px;
  }
}

.eventListWrap {
  .inner {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 80px 40px 166px 40px;
  }

  .title {
    display: block;
    font-family: 'Pretendard-SemiBold';
    font-size: 32px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
  }

  .event-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    column-gap: 15px;
    row-gap: 45px;
    margin-top: 60px;
    box-sizing: border-box;
  }

  .event-list-item {
    display: flex;
    flex-direction: column;
    height: 100%;

    a {
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
    }

    .event-img {
      position: relative;
      width: 100%;
      height: 0;
      padding-bottom: 118.69%;
    }

    .event-img img {
      position: absolute;
      width: 100%;
      height: 100%;
      max-width: 100%;
      top: 0;
      left: 0;
      object-fit: cover;
    }

    .event-info {
      margin-top: 20px;
    }

    .event-info-title {
      font-family: 'Pretendard-SemiBold';
      font-size: 18px;
    }

    .event-info-desc {
      margin-top: 10px;
      font-size: 14px;
      line-height: 17px;
      word-break: keep-all;
    }
  }
  .empty-list {
    color: var(--gray-font-color);
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 18px; /* 128.571% */
    border: none;
    padding: 191px 0;
  }
}

@media (max-width: 768px) {
  .eventListWrap {
    margin: 40px auto 80px;

    .inner {
      display: block;
      padding: 0 16px;
    }

    .title {
      font-size: 24px;
      line-height: 28px;
      text-align: left;
    }

    .event-list {
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows: 1fr;
      column-gap: 8px;
      row-gap: 24px;
      margin-top: 30px;
    }

    .event-list-item {
      .event-info {
        margin-top: 10px;
      }

      .event-img {
        padding-bottom: 131.25%;
      }

      .event-info-title {
        font-size: 16px;
        line-height: 22px;
      }

      .event-info-desc {
        margin-top: 8px;
        font-size: 13px;
        line-height: 16px;
      }
    }
    .empty-list {
      padding: 51px 0;
    }
  }
}

.eventEditor {
  max-width: 1440px;
  margin: 0 auto;
  padding: 134px 40px 0 40px;

  .editor {
    text-align: center;
  }
}

@media screen and (max-width: 1280px) {
  .eventEditor {
    padding: 174px 40px 0 40px;
  }
}
@media screen and (max-width: 925px) {
  .eventEditor {
    padding: 214px 40px 0 40px;
  }
}
@media (max-width: 768px) {
  .eventEditor {
    padding: 0 16px 0 16px;
  }
}

/*
* ExhibitionWrap
*/
.ExhibitionWrap {
  .l-panel {
    position: relative;
    box-shadow: none;
    border: 0;
  }

  .event-nav {
    max-width: 1440px;
    margin: 0 auto;
    padding: 16px 40px;
    background-color: transparent;
    border: 0;

    .inner {
    }
  }

  .event-nav__btn {
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .ExhibitionWrap {
    .event-nav {
      padding: 4px 16px;
    }
  }
}

.ExhibitionWrap-gallery {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 40px;

  .l-panel {
    position: relative;
    box-shadow: none;
    border: 0;
  }

  .total-sort {
    margin: 0 auto 32px;
    padding: 20px 0;
    border: 0;
  }

  .prd-display-mode {
    display: none;
  }

  .total-sort__select-box {
    display: none;
  }
}
@media (max-width: 768px) {
  .ExhibitionWrap-gallery {
    padding: 0 16px;

    .total-sort {
      padding: 8px 0;
    }
  }
}

/* Common - Customer Center */
.customer-wrap {
  .inner {
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    display: flex;
    gap: 60px;
    padding: 0 40px;
  }
  .BrandCategory-nav {
    width: 17.5%;
    padding-top: 80px;
  }
  .content {
    width: calc(77.5% - 60px);
    min-height: calc(100vh - 270px - 134px);
    padding-top: 80px;
  }

  @media (max-width: 768px) {
    .inner {
      flex-direction: column;
      gap: 0;
      padding: 0;
    }
    .BrandCategory-nav {
      width: 100%;
      padding: 40px 16px 0;

      .tab-2depth {
        display: flex;
        gap: 16px;
      }
      .tab-2depth li {
        display: block;
      }
    }

    .content {
      width: 100%;
      padding-top: 35px;
    }
  }
}

/* FAQ */
.faq {
  max-width: 800px;
  padding-bottom: 120px;

  .faq__search {
    justify-content: center;
    background-color: #f1f1f1;
    padding: 24px 40px;

    .text-field {
      max-width: 360px;
      margin-right: 6px;
      border-radius: 0;
      border: 1px solid #d9d9d9;
    }

    input {
      height: 100%;
      padding: 15px 16px;
    }

    .btn {
      width: 64px;
      font-family: 'Pretendard-Medium';
      font-size: 14px;
      font-weight: 500;
      line-height: 16px; /* 114.285% */
      border-radius: 0;
      background-color: var(--default-font-color);
      padding: 12px 10px;
    }
  }

  .faq-list__content-wrap {
    position: relative;
  }

  .faq-list {
    border-top: 0;
    margin-top: 20px;

    .faq-list__question {
      padding: 16px 20px 16px 20px;

      .ico--q {
        width: 28px;
        height: 28px;
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-queston..png?08ceef6ad9ba40f4f628);
        background-position: center center;
        vertical-align: middle;
        background-size: contain;
        margin-right: 12px;
      }

      p {
        font-family: 'Pretendard-Medium';
        font-size: 16px;
        font-weight: 500;
        line-height: 24px; /* 150% */
        margin-right: 60px;
      }

      .arrow {
        right: 20px;
      }
      .arrow .ico {
        width: 28px;
        height: 28px;
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-arrow-top..png?40f221cdf295fea3883b);
        background-size: cover;
        background-position: center center;
        transform: rotate(180deg);
      }
    }

    .faq-list__answer {
      padding: 16px 20px 16px 20px;
      background-color: #f8f8f8;

      .ico--a {
        width: 28px;
        height: 28px;
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-answer..png?a346f9f97bef2e318cb5);
        background-position: center center;
        vertical-align: middle;
        background-size: contain;
        margin-right: 12px;
      }
      .sanitize-wrap p {
        margin: 0;
      }
      .sanitize-wrap p,
      .sanitize-wrap span {
        color: #454545 !important;
        font-family: 'Pretendard-Regular' !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 24px !important; /* 150% */
      }
    }
  }

  .empty-list {
    margin-top: 20px;
    border: 0;
  }

  @media (max-width: 768px) {
    padding-top: 5px;
    padding-bottom: 80px;

    .faq__search {
      margin: 0 16px;
      padding: 24px 16px;

      .text-field {
        max-width: none;
        height: 40px;
      }

      input {
        height: 40px;
        padding: 12px 16px;
      }
    }

    .faq-list {
      margin-top: 10px;
      padding: 0 16px;
      .faq-list__question {
        padding: 16px 8px 16px 12px;
        .arrow {
          top: 28px;
        }

        p {
          font-size: 14px;
          line-height: 22px;
          margin-right: 48px;
        }
      }
      .faq-list__answer {
        padding: 16px 12px;

        .sanitize-wrap p,
        .sanitize-wrap span {
          font-size: 14px !important;
          line-height: 22px !important;
        }
      }
    }
  }
}

/* faq-category-tabs */
.faq-category-tabs {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  align-items: center;
  gap: 0;
  margin-top: 30px;
  border-bottom: 1px solid var(--gray-color);
  text-align: center;
}

.faq-category-tab {
  position: relative;
  padding: 16px 10px;
  font-size: 16px;
  color: var(--light-gray-font-color);
  font-family: 'Pretendard-SemiBold';

  &.is-active {
    color: var(--default-font-color);
    &::after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      display: block;
      width: 100%;
      height: 2px;
      background-color: var(--default-font-color);
    }
  }
}
@media (max-width: 1110px) {
  .faq-category-tab {
    padding: 12px 8px;
    font-size: 14px;
  }
}
@media (max-width: 990px) {
  .faq-category-tabs {
    display: flex;
  }
  .faq-category-tab {
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .faq-category-tabs {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin-top: 20px;
  }

  .faq-category-tab {
    flex: 0 0 auto;
    padding: 16px;
    text-align: center;
  }
}

/* PersonalInquiry */
.personal-inquiry {
  max-width: 800px;
  padding: 0 0 120px 0;

  /* title */
  .tit-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--default-font-color);
  }
  .my-page__total-count {
    display: flex;
    align-items: center;
    font-family: 'Pretendard-Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
    margin: 0;
  }
  .my-page__count {
    margin-left: 4px;

    > span {
      font-family: 'Pretendard-SemiBold';
      font-weight: 600;
    }
  }
  .personal-inquiry__registration-button {
    width: 150px;
    height: 48px;
    padding: 12px 10px;
    background-color: var(--default-font-color);
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: #fff;
    margin: 0;
  }

  /* Content - List */
  .personal-inquiry-list {
    .inquiry-item__top {
      font-family: 'Pretendard-SemiBold';
      font-size: 14px;
      font-weight: 600;
      line-height: 18px; /* 128.571% */
      color: var(--default-font-color);

      .inquiry-item__date {
        font-family: 'Pretendard-Regular';
        font-size: 14px;
        font-weight: 400;
        line-height: 18px; /* 128.571% */
        color: var(--gray-font-color);
        margin-top: 0;
      }
    }

    .inquiry-item__bottom {
      margin-top: 17px;

      /* Info */
      .inquiry-item__title {
        font-family: 'Pretendard-Medium';
        font-size: 14px;
        font-weight: 500;
        line-height: 18px; /* 128.571% */
      }
      .inquiry-item__status-label {
        font-family: 'Pretendard-Medium';
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        color: #fff;
        background-color: #535353;
        padding: 3px 6px;
        border: none;
        margin-right: 10px;
      }
      .inquiry-item__status-label--ready {
        font-family: 'Pretendard-Medium';
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        color: #454545;
        background-color: #fff;
        border: 1px solid #d9d9d9;
        padding: 3px 6px;
        margin-right: 10px;
      }
      .inquiry-item__angle-top-down {
        width: 20px;
        height: 20px;
        background: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-accordion-arrow..png?839b0b2fa9b42478d876) no-repeat center center;
        background-size: cover;
        top: 1px;

        svg {
          display: none;
        }

        &.is-active {
          transform: rotate(180deg);
        }
      }

      /* Content */
      .inquiry-item__answer {
        font-family: 'Pretendard-SemiBold';
        font-size: 12px;
        font-weight: 600;
        line-height: 16px; /* 133.333% */
        color: var(--point-color);
      }
      .inquiry-item__question {
        font-family: 'Pretendard-SemiBold';
        font-size: 12px;
        font-weight: 600;
        line-height: 16px; /* 133.333% */
        margin-bottom: 10px;
      }
      .inquiry-item__text {
        flex-direction: column;
        font-family: 'Pretendard-Regular';
        font-size: 14px;
        font-weight: 400;
        line-height: 18px; /* 128.571% */
        background-color: #f8f8f8;
        color: var(--default-font-color);
        padding: 16px 16px 18px 16px;
      }
      .inquiry-item__qna-text {
        font-family: 'Pretendard-Regular';
        font-size: 14px;
        font-weight: 400;
        line-height: 18px; /* 128.571% */
      }
      .inquiry-item__text--answer {
        border-top: 0;
        padding: 8px 16px 16px 16px;
      }

      .inquiry-item__date {
        font-family: 'Pretendard-Medium';
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px; /* 133.333% */
        color: var(--gray-font-color);
        margin-top: 0;
        text-align: start;
      }

      /* Images */
      .folding-images-by-one-row {
        display: inline-block;
        margin: 10px 0 0 0;

        ul {
          width: 100%;
          flex-wrap: wrap;
        }

        li {
          width: 80px;
          height: 80px;
        }

        img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }

        &.is-active {
          .folding-images-by-one-row__image-list {
            gap: 8px;
          }
        }
      }

      /* Button */
      .board-form__buttons--small {
        margin-top: 16px;
      }
      .board-form__buttons--small button {
        width: 55px;
        height: 40px;
        font-family: 'Pretendard-Regular';
        color: var(--default-font-color);
        font-size: 13px;
        font-weight: 400;
        line-height: 18px; /* 138.462% */
        border: 1px solid #e1e1e1;
      }
    }

    /* item Active */
    .inquiry-item.is-active .inquiry-item__qna-text {
      width: 100%;
      margin-left: 0;
      color: var(--default-font-color);
      font-family: 'Pretendard-Regular';
      font-size: 14px;
      font-weight: 400;
      line-height: 18px; /* 128.571% */
    }
    .inquiry-item.is-active .inquiry-item__qna-text p {
      margin: 10px 0;
    }
    .inquiry-item.is-active .inquiry-item__text {
      display: block;
    }
    .inquiry-item.is-active .inquiry-item__content {
      margin-top: 0;
    }
  }

  /* Content - Empty */
  .inquiry-list__empty {
    padding: 191px 0;
  }

  @media (max-width: 768px) {
    padding: 0 0 80px 0;

    /* title */
    .tit-box {
      flex-direction: column-reverse;
      align-items: flex-start;
      padding-bottom: 10px;
      gap: 30px;
    }

    .my-page__total-count {
      font-size: 14px;
      line-height: 18px;
    }
    .personal-inquiry__registration-button {
      width: 100%;
    }
    /* Content - List */
    .personal-inquiry-list {
      .inquiry-item__bottom {
        margin-top: 20px;

        /* Content */

        .inquiry-item__text {
          padding: 16px;
        }
        .inquiry-item__text--answer {
          padding: 10px 16px 16px 16px;
        }

        /* Images */
        .folding-images-by-one-row {
          &.is-active {
            .folding-images-by-one-row__image-list {
              gap: 10px;
            }
          }
        }

        /* Button */
        .board-form__buttons--small {
          margin-top: 20px;
        }
      }
    }

    /* Content - Empty */
    .inquiry-list__empty {
      padding: 51px 0;
    }
  }
}

/* Notice */
.notice {
  max-width: 800px;
  padding-bottom: 120px;

  .article-list-title {
    .article-label {
      width: calc(100% - 190px);
    }
    .article-date {
      width: 190px;
    }
  }
  .article-list-item {
    .article-list-label {
      width: calc(100% - 155px);
    }
    .article-list-date {
      width: 155px;
    }
  }

  @media (max-width: 768px) {
    padding-bottom: 80px;

    .article-list-item {
      .article-list-label {
        width: 100%;
      }
      .article-list-date {
        width: 100%;
      }
    }
  }
}
.notice-detail {
  padding-bottom: 120px;

  @media (max-width: 768px) {
    padding-bottom: 80px;
  }
}

/* Modal  */
.personal-inquiry-modal {
  overflow: hidden;

  /* Content */
  .title-modal__content {
    height: auto;
    max-height: none;
    overflow-y: hidden;
  }
  .personal-inquiry-form {
    min-width: auto;
    height: auto;
    overflow-y: auto;
    max-height: 70vh;

    &.l-panel {
      margin-bottom: 0;
      border: none;
      border-width: 0;
      box-shadow: none;
    }
    /* Form - Select */
    .board-form__type-selector {
      font-family: 'Pretendard-Regular';
      font-size: 14px;
      font-weight: 400;
      line-height: normal;
      color: var(--default-font-color);
      border-color: #d9d9d9;
      height: 48px;
    }
    .board-form__title input {
      font-family: 'Pretendard-Regular';
      font-size: 14px;
      font-weight: 400;
      line-height: normal;
      color: var(--default-font-color);
      height: 48px;
      padding: 10px 16px;
    }
    .select-box select {
      font-family: 'Pretendard-Regular';
      font-size: 14px;
      font-weight: 400;
      line-height: normal;
      color: var(--default-font-color);
      height: 48px;
      padding: 8px 16px;
    }
    .select-box::after {
      width: 16px;
      height: 16px;
      background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-purchase-select-arr..png?2fe1e149be25d5ec9f1d);
      background-position: center center;
      background-size: cover;
      top: 13px;
      right: 16px;
      transform: none;
    }
    .text-area,
    .text-field {
      border: 1px solid #d9d9d9;
    }
    /* Form - Input */
    .board-form__top .board-form__title {
      margin: 24px 0 0;
    }

    .character-counter__status--character {
      font-size: 13px;
      font-family: 'Pretendard-Regular';
      font-weight: 400;
      line-height: 18px;
      margin-top: 4px;
    }
    .character-counter__limit-count {
      color: var(--gray-font-color);
    }

    /* Form - TextArea */
    .character-counter .board-form__text {
      font-family: 'Pretendard-Regular';
      font-size: 14px;
      font-weight: 400;
      line-height: normal;
      color: var(--default-font-color);

      min-height: 300px;
      padding: 10px 16px;
      margin: 24px 0 0;
    }

    /* Btn - upload */
    .board-form__upload-btn {
      font-family: 'Pretendard-Medium';
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 22px; /* 157.143% */
      margin-top: 24px;
      height: 48px;
    }
    .board-form__notice-text {
      font-family: 'Pretendard-Regular';
      color: var(--gray-font-color);
      opacity: 1;
      padding-left: 0;
      margin-top: 8px;
    }
    .board-form__notice-text::before {
      content: '';
    }
    .board-form__image-files {
      margin-top: 24px;
    }
    .delete {
      width: 24px;
      height: 24px;
      background-color: rgba(22, 22, 22, 0.6);
      opacity: 1;

      &::before {
        content: none;
      }
      &::after {
        content: '';
        position: absolute;
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-delete-wh..png?d121ecd864fa1aa6ae4c) no-repeat center center;
        background-size: cover;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(0);
        opacity: 1;
      }
    }
  }

  @media (max-width: 768px) {
    width: calc(100% - 32px);

    /* Title */
    .title-modal {
      max-width: none;
      min-width: auto;
    }

    /* Content */
    .title-modal__content {
      min-width: auto;
    }
    .personal-inquiry-form {
      min-width: auto;
      max-height: calc(100vh - 310px);

      .delete {
        width: 20px;
        height: 20px;

        &::after {
          width: 14px;
          height: 14px;
        }
      }
    }
  }
}

/* Btn - Submit & Cancel */
.board-form__buttons {
  position: relative;
  justify-content: flex-end;
  border-top: 1px solid #d9d9d9;
  padding: 20px;
  margin-top: 0;
}

.board-form__buttons .btn {
  width: 120px;
  height: 48px;
  border: 1px solid var(--default-font-color);
  padding: 12px 10px;
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: 22px; /* 157.143% */

  &.board-form__btn--cancel {
    color: var(--default-font-color);
    background-color: #fff;
  }
  &.submit,
  &.board-form__btn--modify {
    color: #fff;
    background-color: var(--default-font-color);
  }
}

@media (max-width: 768px) {
  /* Btn - Submit & Cancel */
  .board-form__buttons {
    justify-content: center;
  }

  .board-form__buttons .btn {
    width: 50%;
    padding: 10px 16px;
  }
}

/*
* Checkbox
*/
.check-radio {
  .check-radio__ico {
    width: 16px;
    height: 16px;
    border: none;
    margin-right: 6px;
  }

  .ico--check-white {
    width: 100%;
    height: 100%;
    background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-checkbox-default..png?979719f90bdf8f0ddc52);
    background-position: center center;
    background-size: cover;
  }

  input:checked ~ :where(.check-radio__ico) .ico {
    position: static;
    background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-checkbox-active..png?50497e382e475187f08b);
    transform: none;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
  }

  .check-radio__label {
    font-family: 'Pretendard-Medium';
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    color: var(--default-font-color);
    cursor: pointer;
  }
}

/* 
* Radio
*/
.check-radio [type='radio'] {
  width: 16px;
  height: 16px;
  border: 1px solid var(--gray-color);
  margin-right: 6px;
}
.check-radio [type='radio']:checked {
  border: 1px solid var(--default-font-color);

  &::before {
    width: 12px;
    height: 12px;
    background-color: var(--default-font-color);
  }
}

/*
* Input - Select
*/
.select-box {
  border: 1px solid var(--gray-color);

  select {
    height: 48px;
    padding: 15px 40px 15px 16px;
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: var(--default-font-color);
  }

  select:has(option[value='']:checked) {
    font-family: 'Pretendard-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: var(--gray-font-color) !important;
  }

  &::after {
    width: 16px;
    height: 16px;
    right: 16px;
    background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-selectbox..png?2fe1e149be25d5ec9f1d);
    background-position: center center;
    background-size: cover;
  }
}

/*
* Input - Text
*/
.text-field {
  min-height: auto;
  height: 48px;
  border: 1px solid var(--gray-color);

  input {
    height: 48px;
    padding: 15px 16px;
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: var(--default-font-color);
    background-color: var(--whole-color);
  }

  input::placeholder {
    font-family: 'Pretendard-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: var(--gray-font-color);
    opacity: 1;
  }
}

.text-area {
  &::placeholder {
    font-family: 'Pretendard-Regular';
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    color: var(--gray-font-color);
    opacity: 1;
  }
}

/*
* Form - Phone number
*/
.phone-number-input {
  .select-box {
    flex: 3;
  }

  .phone-number-input__bar {
    width: 8px;
    border-top: 1px solid var(--default-font-color);
    margin: 0 8px;
  }
}

/*
* Form - Email
*/
.email-input {
  gap: 8px;

  .email-input__id {
    flex: 3;
  }
  .text-field {
    min-height: auto;
    border: 1px solid var(--gray-color);
  }
  .text-field input {
    height: 48px;
    font-family: 'Pretendard-Medium';
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: var(--default-font-color);
    padding: 13px 16px;
  }
}

/* 
* Form - Address
*/
.address-form {
  .address-form__zip-code {
    gap: 8px;
  }
  .address-form__zip-code .text-field {
    width: calc(100% - 120px);
    height: 48px;
    margin-top: 0;
  }
  .address-form__zip-code .btn {
    width: 120px;
  }
  .address-form__zip-code ~ .text-field {
    margin-top: 8px;
  }
}

/*
* Button -
*/
.btn_outline {
  height: 48px;
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  text-align: center;
  color: var(--default-font-color);
  padding: 10px 16px;
  background-color: var(--whole-color);
  border: 1px solid var(--default-font-color);
  border-radius: 0;
  transition: all 0.2s;
}

.btn_outline_gray {
  height: 48px;
  font-family: 'Pretendard-Regular';
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  color: var(--default-font-color);
  padding: 10px 16px;
  background-color: var(--whole-color);
  border: 1px solid var(--Button-Outline-color);
  border-radius: 0;
  transition: all 0.2s;
}

.btn_primary,
.sign-up-form__confirm .btn_primary {
  height: 48px;
  font-family: 'Pretendard-Medium';
  font-size: 14px;
  font-weight: 500;
  line-height: 22px; /* 157.143% */
  text-align: center;
  color: var(--whole-color);
  padding: 10px 16px;
  background-color: var(--default-font-color);
  border: none;
  border-radius: 0;
  transition: all 0.2s;
}

/*
* Modal - Title Modal
*/
.title-modal {
  /* Title */
  .title-modal__header {
    color: #222;
    font-family: 'Pretendard-Bold';
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
    border-bottom: 0;
  }
  .title-modal__close-btn .ico--x-black {
    background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-80678/simmons-6047/ico-modal-cancel..png?161be9a0ac5ff9836604);
    background-position: center center;
    width: 24px;
    height: 24px;
    background-size: cover;
  }
}

.design-popup {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  z-index: 4 !important;

  @media screen and (max-width: 768px) {
    .design-popup__content {
      width: calc(100vw - 64px) !important;
      height: auto !important;
    }
  }
}

/*
* MyPage - tab
*/
.myPage__tabs.tabs {
  height: 50px;
}

.myPage__tabs .tabs__item {
  display: flex;
  height: 50px;
  position: relative;
  width: 100%;
  background-color: #fff;
  border: none;
  &.tabs__item--sms {
    display: none;
  }

  &:not(.on) {
    &::after {
      content: '';
      display: block;
      position: absolute;
      bottom: -0.5px;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: var(--gray-color);
    }
  }
}

.myPage__tabs .tabs__item button {
  font-family: 'Pretendard-SemiBold';
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  color: var(--light-gray-font-color);
}

.myPage__tabs .tabs__item.on {
  border: none;

  button {
    color: var(--default-font-color);
  }
}

@media screen and (max-width: 768px) {
  .myPage__tabs .tabs__item button {
    font-size: 14px;
  }
}

:root{--whole-color: #fff;--background-color: #f5f6f8;--point-color: #a64424 !important;--point-color-secondary: #2869f7;--black-color: #111;--dark-gray-color: #050404;--error-color: #ec4c4c;--caution-color: #ec4c47;--empty-color: #f1f1f1;--default-color: #ddd;--blue-gray-color: #3f434c;--gray-color: #d9d9d9;--gray-font-color: #7f7f7f;--light-gray-font-color: #afafaf;--tooltip-bg-color: #f7f7f7;--Button-Outline-color: #e1e1e1;--Button-Solid_dis: #c5c5c5;--Button-Primary-hover: #454545;--default-font-color: #161616;--color-naver-green: #1fd771}hmtl{font-size:16px}body{font-family:"Pretendard-Regular",sans-serif;color:var(--default-font-color)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.pc-hide{display:none}.mo-hide{display:block}@media screen and (max-width: 768px){.pc-hide{display:block}.mo-hide{display:none}}