@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-79915/n32store-5607/82bf6e9c2c9599306e2d.eot);
  src: url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/ccfdbf26e30554c0ae97.woff2) format('woff2'), url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/757c5083534b6b80c0f5.woff) format('woff'),
    url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/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-79915/n32store-5607/44af02b135f68b3351db.eot);
  src: url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/36ca9703d1975d433341.woff2) format('woff2'), url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/37340b86d4f0318675a0.woff) format('woff'),
    url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/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-79915/n32store-5607/a45c7456833d9d1ec7c5.eot);
  src: url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/96cc5889b6ca53fa93dd.woff2) format('woff2'),
    url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/2ee37cc103c4e1df15c8.woff) format('woff'), url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/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-79915/n32store-5607/c5bf7985bf4876284d4d.eot);
  src: url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/d30949674103a6de14b6.woff2) format('woff2'), url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/1d08b066c6ab6b61c312.woff) format('woff'),
    url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/c118fe5a220efe6a75c7.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* 예시파일 */

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

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

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

  .page {
    .fab-top-down {
      right: 55px;
    }
  }
}

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

.page {
  .fab-top-down {
    bottom: 3.455rem;
  }
}

.fab-top-down {
  opacity: 0;
  transition: 0.2s;
}

.fab-top-down.is-show {
  opacity: 1;
}

.fab-btn {
  width: 60px;
  height: 60px;
  border-radius: 0;
  border: 1px solid #ddd;
  box-shadow: none;
}

@media screen and (max-width: 768px) {
  .fab-btn {
    top: -10px;
    width: 50px;
    position: relative;
    height: 50px;
    top: -50px;
    svg {
      width: 16px;
    }
  }
}

.not-found__btns {
  .btn--dark {
    font-family: 'Pretendard-Medium';
    font-size: 18px;
    background-color: var(--point-color);
    border-radius: 0;
  }
}

.header {
  flex-direction: column;
  align-items: normal;
  min-height: 72px;
  background-color: #111;

  a,
  a:-webkit-any-link {
    color: #fff;
  }
}

.mo-btn {
  display: none;
}

.header__left-btn {
  display: none;
}

.hamburger-menu {
  display: none;
}

.header-inner {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  width: 100%;
  max-width: 1230px;
  height: 100%;
  margin: 0 auto;
  padding: 0 20px 24px;
}

.header__title {
  display: inline-block;
  margin: 0;
  color: #fff;
}

.header__title.keyword-title {
  font-family: 'Pretendard-SemiBold';
  font-size: 20px;
  line-height: 24px;
}

.header__logo-img {
  display: block;
  width: 46px;
  margin-right: 20px;
}

.HeaderNav {
  position: relative;
  display: flex;
  a,
  a:-webkit-any-link {
    color: #fff;
  }
}

.HeaderNav-link {
  display: block;
  position: relative;
  margin-right: 14px;
  font-size: 14px;
  line-height: 28px;
  color: #fff;
  &:last-of-type {
    margin-right: 0;
  }

  &::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    opacity: 0;
    transition: 0.2s;
  }

  &:first-of-type {
    padding-right: 14px;
    &::before {
      content: '';
      display: block;
      width: 1px;
      height: 14px;
      position: absolute;
      top: 8px;
      right: 0;
      background-color: #666;
    }

    &::after {
      width: calc(100% - 14px);
    }
  }

  &:hover {
    &::after {
      opacity: 1;
    }
  }

  &.has-border {
    position: relative;
    margin-left: 0;
    padding-left: 17px;
    &::before {
      content: '';
      position: absolute;
      top: 7px;
      left: 1px;
      display: block;
      width: 1px;
      height: 14px;
      background-color: #666;
    }

    &::after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 17px;
      width: calc(100% - 17px);
      height: 2px;
      background-color: #fff;
    }
  }
}
@media (max-width: 1230px) {
  .HeaderNav {
    flex-wrap: wrap;
    width: 78%;
  }
}

/* header util */
.header_util {
  position: absolute;
  top: 0;
  right: 20px;
  display: flex;
  align-items: center;
  color: #fff;
}

.header_util_btn {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  transform: none;

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

.shopping-basket {
  width: auto;
  height: auto;
  background-image: none;
}

.header__cart-btn-link {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
}

.shopping-basket__count {
  left: 18px;
}
@media screen and (min-width: 768px) {
  .header__title.keyword-title {
    display: none;
  }
}

@media screen and (max-width: 1188px) {
  .header_util_btn {
    & + & {
      margin-left: 18px;
    }
  }
}

@media screen and (max-width: 768px) {
  .mo-btn {
    display: inline-block;
  }

  /*
  * 이전 페이지 버튼 숨김 240909
  */
  .header__left-btn {
    display: block;
    position: relative;
    top: auto !important;
    left: auto;
    transform: none;
    margin-right: 10px;
    display: none;
  }

  .headerLeftBox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .header__logo-img {
    width: 56px;
    margin-right: 0;
    margin-left: 0;
  }

  .header,
  .header-inner {
    height: 60px;
    min-height: 60px;
  }

  .header-inner {
    padding: 0 20px;
  }

  .HeaderNav {
    display: none;
  }

  .header_util {
    width: calc(100% - 40px);
    top: 18px;
    right: auto;
    left: 20px;
    justify-content: space-between;
  }

  .header_util_btn {
    & + & {
      margin-left: 0;
    }
  }

  .header__mypage-btn {
    display: none;
  }

  .header__search-btn {
    svg {
      width: 24px;
      height: 24px;
    }
  }

  .header__cart-btn {
    position: absolute;
    top: 0 !important;
    right: 34px;
  }
}

/*
* header upper
*/
.header-upper {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 20px 20px 16px;

  li + li {
    margin-left: 20px;
  }

  a {
    color: #fff;
  }

  .has-border {
    position: relative;
    margin-left: 0;
    padding-left: 33px;
    &::before {
      content: '';
      display: block;
      position: absolute;
      top: 3px;
      left: 16px;
      width: 1px;
      height: 12px;
      background-color: #666;
    }
  }
}
@media screen and (max-width: 768px) {
  .header-upper {
    display: none;
  }
}

/*
* mobile canvas menu
*/
.offcanvas {
  max-width: 100%;
}

.category-nav-sign-in__link {
  font-family: 'Pretendard-Medium';
  display: inline-block; /* 여백을 적용하기 위해 block 요소로 변경 */
  margin-right: 20px;
  color: #000;
}

.category-nav-sign-in {
  min-height: 60px;
  padding: 20px;
  font-size: 14px;
  line-height: 19px;
  color: #fff;
  a,
  a:-webkit-any-link {
    color: rgb(0, 0, 0);
    text-decoration: block;
  }
  p {
    color: rgb(0, 0, 0);
  }

  background-color: rgb(255, 255, 255);
}

.category-nav-sign-in p {
  font-family: 'Pretendard-Regular';
}

.category-nav-sign-in__close {
  margin-top: 2px;
  right: 20px;
}

.category-nav-links {
  margin-bottom: 32px;
}

.category-nav-links.l-panel {
  box-shadow: none;
}

.category-nav-link:nth-of-type(3) {
  margin-bottom: 16px;
  border-bottom: 1px solid var(--light-gray-border-color);
  box-shadow: 0 10px 1px #f5f5f5;
}

.category-nav-links__tag {
  margin-left: 4px;
  color: #ec4c4c;
  font-family: 'Pretendard-Medium';
  font-size: 11px;
  line-height: normal;
}

.category-nav-links__item {
  position: relative;
  padding: 16px 20px;
  color: #333;
  font-size: 14px;
  border-bottom: 1px solid #dedede;
}

.cs {
  font-size: 13px;
  color: #222;
  background-color: #f5f5f5;
}

.cs__link {
  min-height: 56px;
}

/* 기본적으로 드롭다운 메뉴 숨기기 */
.dropdown-menu {
  display: none;
  position: absolute; /* 절대 위치로 배치 */
  background-color: #333333; /* 배경색 어두운 회색 */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1); /* 약간의 그림자 */
  list-style: none; /* 목록 스타일 제거 */
  padding: 10px; /* 적당한 패딩 */
  margin: 0; /* 여백 제거 */
  width: 200px; /* 가로 사이즈 넓힘 (기본값: 200px, 원하는 크기로 조정 가능) */
  border-radius: 4px; /* 모서리 둥글게 */
}

/* 마우스를 상위 링크에 올렸을 때 드롭다운 메뉴 보이기 */
.HeaderNav-link:hover .dropdown-menu {
  display: block;
}

.dropdown-menu li {
  padding: 8px 12px; /* 항목 패딩 */
}

.dropdown-menu li a {
  text-decoration: none; /* 밑줄 제거 */
  color: #000; /* 글자색 검정 */
}

.dropdown-menu li a:hover {
  background-color: #e0e0e0; /* 호버 시 약간 더 진한 회색 */
}

/* 기본적으로 하위 카테고리는 숨김 */
.subcategory-list {
  display: none;
  list-style-type: none;
  padding: 0;
}

/* 모바일에서는 드롭다운 메뉴가 나타남 */
@media (max-width: 768px) {
  .category-banner-con:hover .subcategory-list {
    display: block !important;
  }

  .subcategory-list li {
    padding: 10px;
    background-color: #f1f1f1;
    margin: 5px 0;
  }

  .subcategory-list li a {
    text-decoration: none;
    color: #000;
  }
}

.footer {
  padding: 60px 20px;
  background-color: #111;
}

.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.footer-info {
  position: relative;
  margin-bottom: 28px;
}

.footer-sns {
  position: absolute;
  top: 0;
  right: 0;
  ul {
    display: flex;
    align-items: center;

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

.footer-about {
  font-size: 14px;
  font-weight: 400;
}

.footer-about-inner {
  width: 60%;

  span {
    display: inline-block;
    position: relative;
    padding-right: 20px;
    font-size: 14px;
    line-height: 21px;
    color: #b1b1b1;
    vertical-align: super;

    a,
    a:-webkit-any-link {
      color: #bebebe;
    }

    strong {
      a {
        font-family: 'Pretendard-Bold';
      }
    }
    &::after {
      content: '';
      display: block;
      position: absolute;
      top: 4.5px;
      right: 10px;
      width: 1px;
      height: 12px;
      background-color: #666;
    }

    &:nth-of-type(4) {
      &::after {
        display: none;
      }
    }

    &:nth-of-type(5) {
      margin-top: 4px;
    }

    &:nth-of-type(7) {
      &::after {
        display: none;
      }
    }

    &:last-of-type {
      margin-top: 4px;
      &::after {
        display: none;
      }
    }
  }
}

.footer__link {
  font-family: 'Pretendard-Bold';
  font-size: 14px;
  color: #dedede;
}

.copyright {
  font-size: 14px;
  line-height: 21px;
  color: #7e7e7e;
  font-weight: 400;

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

.footer-util {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 36px;
}

.footer__nav {
  margin: 0 0 0 36px;

  div {
    position: relative;
    margin-right: 0;
    padding-right: 20px;
    &::after {
      content: '';
      display: block;
      position: absolute;
      top: 5px;
      right: 9px;
      width: 1px;
      height: 12px;
      background-color: #666;
    }

    & + & {
      &:after {
        display: none;
      }
    }
  }
}
@media screen and (max-width: 1030px) {
  .footer-about-inner {
    span {
      font-size: 13px;
    }
  }
}

@media screen and (max-width: 768px) {
  .footer {
    padding: 40px 20px;
  }

  .footer-about-inner {
    width: 80%;
    span {
      font-size: 14px;
      vertical-align: baseline;
      &:nth-of-type(1) {
        padding-right: 16px;
        &::after {
          content: '';
          display: block;
          position: absolute;
          top: 4.5px;
          right: 10px;
          width: 1px;
          height: 12px;
          background-color: transparent;
        }
      }
      &::after {
        display: none;
      }
      &:nth-of-type(odd) {
        margin-top: 8px;
      }

      &:nth-of-type(4) {
        margin-top: 8px;
        padding-right: 16px;
      }

      &:nth-of-type(5) {
        margin-top: 8px;
        padding-right: 20px;
        &::after {
          display: none;
        }
      }

      &:nth-of-type(6) {
        margin-top: 8px;
      }

      &:nth-of-type(8) {
        margin-top: 8px;
      }

      &:last-of-type {
        margin-top: 8px;
      }
    }
  }

  .footer-util-logo {
    svg {
      width: 46px;
    }
  }

  .footer-util {
    margin-bottom: 32px;
    padding-bottom: 0;
    border-bottom: 0;
  }

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

/* 팝업 관련 스타일 추가 */
.terms-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* 배경 어둡게 */
  z-index: 9999; /* 가장 상위에 표시 */
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: auto; /* 클릭 가능하게 */
}

.terms-popup-content {
  background-color: white;
  padding: 20px;
  position: relative;
  width: 80%;
  max-height: 80%;
  overflow-y: auto; /* 내용이 길면 스크롤 가능 */
  z-index: 10000; /* 콘텐츠가 항상 위에 위치하도록 */
}

.popup-close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #f44336; /* 닫기 버튼 색상 */
  color: white;
  border: none;
  border-radius: 5px;
  padding: 5px 10px;
  cursor: pointer;
  z-index: 10001; /* 닫기 버튼이 모든 요소 위에 위치 */
}

/*
* sign-in
*/
.sign-in {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 440px;
  margin: 0 auto;
  padding: 30px 20px 0;
  min-height: calc(100vh - 275px + 30px + 188px);
}

.normal-sign-in__input-wrap input {
  padding: 10px 16px;
}

.normal-sign-in button {
  border-radius: 0;
}

.sign-in-link__item {
  color: #777 !important;
}

.guest-order__input-wrap input {
  padding: 10px 16px;
}

.guest-order button {
  margin-top: 16px;
  border-radius: 0;
}

.open-id-sign-in__item.type-naver button {
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .sign-in {
    min-height: calc(100vh - 145px + 30px);
  }

  .open-id-sign-in__item.type-naver button {
    margin-bottom: 24px;
  }
}

@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 120px;
  padding: 30px 20px;
}

.sign-up-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
  padding: 0 20px;
  min-height: calc(100vh - 129px - 275px);
}

.sign-up-menu__link-normal {
  width: 100%;

  a {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
}

.sign-up-menu__link-open-id {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .sign-up-menu {
    min-height: calc(100vh - 60px - 207px);
  }

  .sign-up-form {
    max-width: 100%;
    margin: 0 0 60px 0;
    padding: 0 20px;
  }

  .sign-up-form-title {
    display: none;
  }
}

.sign-up-confirm {
  min-height: calc(100vh - 129px - 275px);
}

.sign-up-confirm__nav-sign-in {
  color: #fff;
  background-color: var(--point-color);
}

.hero {
  height: 80vh;

  .swiper {
    height: 100%;
  }

  .swiper-slide {
    > div {
      height: 100% !important;
    }
    img {
      width: 100%;
    }
  }

  .hero-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .slide-prev {
    position: absolute;
    left: 0;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
  }

  .slide-next {
    position: absolute;
    left: auto;
    right: 0;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
  }

  .swiper-button-prev {
    &::after {
      font-size: 0;
    }
  }
  .swiper-button-next {
    &::after {
      font-size: 0;
    }
  }

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

  .hero-util {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 20px;
  }

  .hero-util-inner {
    position: relative;
    height: 100%;
    max-width: 1360px;
    margin: 0 auto;
  }
}

.hero-text.first-slide {
  position: absolute;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: 95%;
  height: 100%;
  padding: 0 20px;
  top: -5%;
  left: 0;
  color: #fff;

  .hero-text-inner {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 100px auto 0;
  }

  div {
    font-size: 40px;
    line-height: 56px;
  }

  strong {
    font-family: 'Pretendard-Bold';
    font-size: 40px;
    line-height: 56px;
  }

  p {
    margin-top: 16px;
    font-size: 24px;
    line-height: 36px;
  }
}
@media screen and (max-width: 768px) {
  .hero {
    min-height: 520px;
    height: 23.555rem;

    .swiper {
      height: 100%;
    }

    .swiper-slide {
      height: 100%;

      img {
        height: 100%;
      }
    }

    .slide-prev,
    .slide-next {
      display: none;
    }

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

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

  .hero-text.first-slide {
    .hero-text-inner {
      margin: 25px auto 0;
      padding: 0 10px;
    }
    div {
      font-size: 22px;
      line-height: 28px;
    }

    strong {
      font-family: 'Pretendard-Bold';
      font-size: 22px;
      line-height: 40px;
    }

    p {
      font-size: 16px;
      line-height: 24px;
    }
  }
}

.main-content {
  margin-top: 160px;

  & + & {
    margin-top: 100px;
  }
  h2 {
    font-size: 44px;
    text-align: center;
    font-family: 'Pretendard-SemiBold';
    margin-top: 10px;
  }
}

.main-view {
  overflow: hidden;
}

.l-content {
  min-height: auto;
}
@media screen and (max-width: 768px) {
  .main-content {
    margin-top: 80px;

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

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

.main-about-img {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 1400px;
  margin: 160px auto 0;
  padding: 0 20px;
  gap: 20px;
  text-align: center;
  margin-top: 80px;

  .img-area.pc-hidden {
    display: none;
  }

  .main-about-img-c,
  .main-about-img-l,
  .main-about-img-r,
  .main-about-img-p {
    position: relative;
    height: 37.533rem;
  }

  .main-about-img-l {
    margin-top: 0px;
  }

  .main-about-img-r {
    margin-top: 0px;
  }

  .img-area {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
  }

  .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
  }

  strong {
    position: relative;
    display: block;
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-family: 'Pretendard-SemiBold';
    font-size: 34px;
    line-height: 51px;
    color: #fff;
    text-shadow: 0px 4px 11px rgba(0, 0, 0, 0.15);

    &::after {
      content: '';
      display: block;
      width: 20px;
      height: 1px;
      background-color: #fff;
      position: absolute;
      bottom: 1px;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  p {
    margin-bottom: 20px;
    font-family: 'Pretendard-Medium';
    font-size: 18px;
    line-height: 27px;
    color: #fff;
    text-shadow: 0px 4px 11px rgba(0, 0, 0, 0.1);
  }

  .link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-width: 180px;
    max-width: 180px;
    margin: 0 auto;
    padding: 10px;
    gap: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    border: 1px solid #fff;
  }
}
@media screen and (max-width: 1024px) {
  .main-about-img {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 768px) {
  .main-about-img {
    h4 {
      text-align: center;
      font-family: 'Pretendard-Bold';
      margin: 0 auto 40px;
      font-size: 26px;
      line-height: 26px;
    }

    display: block;
    margin: 80px 0 80px;
    padding: 0;

    .img-area.mo-hidden {
      display: none;
    }

    .img-area.pc-hidden {
      display: block;
    }

    .main-about-img-c,
    .main-about-img-l,
    .main-about-img-r,
    .main-about-img-p {
      width: 100%;
      height: 22.2888rem;
    }

    .main-about-img-l {
      margin-top: 0;
    }

    .main-about-img-r {
      margin-top: 0;
    }

    .txt {
      width: 70%;
    }

    strong {
      margin-bottom: 12px;
      padding-bottom: 12px;
      font-size: 28px;
      line-height: 42px;
      &::after {
        width: 16px;
      }
    }

    p {
      font-size: 16px;
      line-height: 24px;
    }

    .main-about-img-r {
      margin-left: 0;
    }

    .link {
      max-width: 180px;
      margin: 0 auto;
    }
  }
}

.main-about-video {
  position: relative;
  h3 {
    margin: 0 auto 60px;
    font-family: 'Pretendard-Bold';
    font-size: 40px;
    text-align: center;
  }

  .main-about-video-box {
    height: 780px;
    overflow: hidden;
  }

  .video-ani {
    width: 100%;
    clip-path: inset(30% 50% 0%);
  }

  .main-banner-video {
    width: 100%;
  }

  video {
    display: block;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .main-about-video {
    .main-about-video-box {
      height: 240px;
    }

    h3 {
      margin: 0 auto 32px;
      font-size: 22px;
    }

    .video-ani {
      height: 100%;
    }

    .main-banner-video {
      height: 240px;
      width: auto;
      margin: 0 auto;
    }
  }
}

.main-store {
  padding: 80px 20px;

  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: 1360px;
  margin: 0 auto;
  .main-store-map {
    position: relative;
    width: 50%;
    height: 36.888rem;
  }

  .main-store-con {
    position: relative;
    width: calc(48% - 3.75rem);
    margin-left: 3.75rem;
  }

  .main-store-list {
    border-top: 1px solid #000;
    li {
      padding: 20px 0;
      border-bottom: 1px solid #dedede;
    }

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

    .sub-info {
      font-size: 16px;
      color: #777;
      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: #d9d9d9;
      }
    }
  }

  .main-store-more {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 16px;
    .link {
      display: flex;
      align-items: center;
      font-size: 16px;
      line-height: 24px;
    }
  }

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

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

  .main-store-inner {
    display: block;
    .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;

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

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

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

    .store-more-link-mo {
      display: flex;
      width: 180px;
      margin: 40px auto 0;
      padding: 10px;
      justify-content: center;
      align-items: center;
      font-size: 14px;
      line-height: 24px;
      border: 1px solid #222;
    }
  }
}

@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;
        }
      }
    }
  }
}

.main-event {
  margin: 160px 0;
  .pc-hidden {
    display: none;
  }

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

  .main-event-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    &:first-of-type {
      .event-box {
        background-size: cover;
      }
    }
  }

  .event-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 50%;
    padding: 50px 0 0 50px;
    aspect-ratio: 600 / 306;
    color: #222;
    background-position: center;
    background-repeat: no-repeat;
    span {
      font-size: 18px;
      line-height: 27px;
    }

    strong {
      padding-top: 8px;
      font-family: 'Pretendard-Bold';
      font-size: 28px;
      line-height: 42px;
    }

    p {
      font-size: 15px;
      line-height: 23px;
      letter-spacing: -0.3px;
    }
  }
}
@media screen and (max-width: 970px) {
  .main-event {
    .event-box {
      background-size: cover;
      span {
        font-size: 16px;
        line-height: 24px;
      }

      strong {
        padding-top: 6px;
        font-size: 20px;
        line-height: 30px;
      }

      p {
        font-size: 14px;
        line-height: 21px;
        letter-spacing: -0.28px;
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .main-event {
    margin: 280px 0 40px 0; /* 상단 여백을 기존 80px에서 150px으로 늘림 */

    h4 {
      margin: 0 auto 40px;
      font-size: 26px;
      line-height: 26px;
    }
    .main-event-inner {
      flex-direction: column;
      width: 100%;
      padding: 0;
      margin-top: 30px;
    }

    .event-box {
      width: 100%;
      padding: 20px;
      aspect-ratio: 1.96 / 1;
    }
  }
}

@media screen and (max-width: 450px) {
  .main-event {
    .pc-hidden {
      display: block;
    }
  }
}

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

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

  .product-section__title {
    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: #afafaf;
    line-height: 28px;

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

  + .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: 60px;
  }

  :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-Medium';
    font-size: 18px;
    line-height: 22px;
  }

  .product-thumb-price {
    font-family: 'Pretendard-Medium';
    font-size: 16px;
    line-height: 20px;
  }
  .main-link-more {
    display: none;
    width: 180px;
    margin: 40px auto 0;
    padding: 10px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #222;
  }
}

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

@media (max-width: 768px) {
  .main-content.main-product {
  }

  .main-product {
    padding: 0 16px;

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

    .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;
    }
  }
}

.search-keyword-modal.modal {
  background-color: #fff;
}

.search-keyword-modal__back-btn {
  position: absolute;
  top: -7px;
  right: 90px;
  padding-right: 0;
}

.search-keyword-modal__top {
  height: auto;
}

.search-keyword-modal .text-field {
  min-height: 0;
  font-size: 18px;
  line-height: 27px;
  color: #222;
}

@media screen and (min-width: 768px) {
  .title-modal--full.search-keyword-modal {
    max-width: 610px;
    max-width: 100%;
  }

  .modal.search-keyword-modal {
    top: 0;
    transform: translate(-50%, 0);
    width: 100%;
    height: 610px;
    padding-top: 57px;
  }

  .search-keyword-modal__top {
    max-width: 500px;
    margin: 0 auto;
    border-bottom: 2px solid #000;

    p {
      color: #222;
    }

    button {
      color: #777;
      line-height: 18px;
    }
  }

  .search-keyword-modal .recent-keyword {
    width: 440px;
    margin: 30px auto 68px;
    border-radius: 8px;
  }
}

@media screen and (max-width: 768px) {
  .search-keyword-modal__back-btn {
    top: -43px;
    right: 20px;
    svg {
      width: 20px;
      height: 20px;
    }
  }

  .search-keyword-modal__top {
    margin-top: 64px;
  }

  .search-keyword-modal .recent-keyword {
    width: calc(100% - 40px);
  }
}

/*
* modal
*/
.modal {
  background-color: transparent;
  overflow: hidden;
}

.title-modal__header,
.title-modal__content {
  background-color: #ffffff;
}

.modal__box {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .modal {
    padding: 0 0px;
  }
}

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

.title-modal--full .title-modal__content {
  max-height: 74vh; /* 화면 높이에 맞춰 적절히 조정 */
  overflow-y: auto; /* 스크롤 활성화 */
}

@media screen and (min-width: 500px) {
  .title-modal--full {
    min-width: 600px;
  }
}

@media screen and (max-width: 768px) {
  .title-modal--full {
    min-width: 100%;
  }
}

/*
* button
*/
.modal__btns .btn {
  padding: 16px 10px;
  font-size: 16px;
}

/*
* modal alert, modal confirm
*/

@media screen and (max-width: 768px) {
  .modal__box--alert,
  .modal__box--confirm {
    max-width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .portal .modal {
    max-height: 48.5rem;
  }

  .search-zip-code-form__items {
    max-height: 500px;
  }
}

.title-modal__content .board-form__text {
  min-height: 300px;
}

.title-modal__content .board-form.l-panel {
  margin-bottom: 0;
  box-shadow: none;
  border: 0;
  background-color: #fff;
}

.title-modal__content .board-form__notice-text {
  margin: 8px 0;
  font-size: 14px;
  opacity: 1;
}

.title-modal__content .character-counter__limit-count {
  color: #222;
}

.title-modal__content .board-form__buttons .btn {
  height: 56px;
}

.title-modal__content .board-form__buttons .btn--dark {
  font-size: 16px;
  color: #222;
  background-color: #fff;
  border: 1px solid #222;
}

/*
* mypage profile-shipping-address modal
*/
.profile-shipping-address__form {
  padding: 0 20px;

  .text-field {
    border: 1px solid #dedede;
  }
}

.shipping-address-form__item {
  margin: 24px auto;
}

.shipping-address-form__item--label {
  font-family: 'Pretendard-Medium';
}

/*
* mypage coupon-registration-modal
*/
.coupon-registration-modal {
  min-width: 480px;

  .title-modal__title {
    line-height: 27px;
  }
}

.my-page-coupon-registration__title {
  margin: 20px 0 8px 0;
  line-height: 21px;
}

.my-page-coupon-registration .text-field {
  margin: 0;
  input {
    padding: 10px 12px;
    line-height: 21px;
  }
}

.my-page-coupon-registration__buttons {
  margin-top: 50px;
}

.my-page-coupon-registration__buttons button {
  height: 56px;
  font-size: 16px;
  line-height: 24px;
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .modal.coupon-registration-modal {
    width: calc(100% - 40px);
  }

  .coupon-registration-modal {
    min-width: 380px;
  }
}

/*
* event design-popup
*/
.design-popup {
  border: 0;
  box-shadow: none;
}

.design-popup__content {
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #0000003b;
}

.design-popup__content * {
  vertical-align: middle;
}

.editor .design-popup__content {
  padding: 0;
  height: auto !important;
  border: 0;

  p {
    margin: 0;
  }
}

.design-popup__btns button {
  padding: 10px;
  font-size: 14px;
  line-height: 24px;
  color: #222;
  background: #fff;
  /* border: 1px solid #dedede; */
}

.design-popup__btns button + button {
  border-left: 1px solid #0000003b;
}

.design-popup__btn--close {
  color: #222;
  background-color: #fff !important;
}

/*
* modal - password-authentication-form
*/
.password-authentication-form__tit {
  font-size: 14px;
  line-height: 21px;
  color: #000;
  font-family: 'Pretendard-Medium';
}

.password-authentication__info-text {
  font-size: 14px;
  line-height: 21px;
  color: #000;
}

.password-authentication__button-wrap {
  margin-top: 40px;
}

.modal .password-authentication-form .btn {
  width: calc(50% - 6px);
  height: 56px;
  padding: 16px 10px;
  font-size: 16px;
  border-radius: 0;

  &.verification {
    color: #fff;
    background-color: var(--point-color);
  }
}

.modal .password-authentication-form .btn + .btn {
  margin-left: 12px;
}

/*
* modal - coupon-modal
*/
.coupon-modal__wrap {
  margin-top: 16px;
}

.coupon-modal__formula-symbol {
  display: flex;
  justify-content: center;
}

.coupon-modal__controller {
  margin-top: 12px;
  .check-radio [type='radio'] {
    border: 1px solid #222;
  }

  .coupon-modal__controller-item + .coupon-modal__controller-item {
    margin-top: 6px;
  }

  .coupon-modal__controller-item {
    .txt {
      line-height: 20px;
    }

    .coupon-modal__coupon-amount {
      min-width: 70px;
    }
  }
}

.coupon-modal__coupon-type {
  line-height: 1.5;
}

.coupon-modal__summary-item {
  .title {
    margin-bottom: 8px;
  }

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

.info-list.coupon-modal__info {
  .info-list__title {
    margin-bottom: 16px;
  }

  .info-list__items {
    li {
      &:first-of-type {
        margin-top: 0;
      }

      line-height: 1.2;
    }
  }
}

@media screen and (max-width: 400px) {
  .coupon-modal__summary {
    gap: 10px;
  }
}

/*
* Product Review image modal
*/
.product-review-item__image-modal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.pc-hidden {
  display: none;
}

@media screen and (max-width: 768px) {
  .mo-hidden {
    display: none;
  }

  .pc-hidden {
    display: block;
  }
}

.brand-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 20px;
  margin-top: 100px;
}

.brand-img-box {
  position: relative;
  margin-top: 80px;
  position: relative;
  width: 100%;

  .is-fixed {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .is-static {
    position: relative;
    width: 100%;
    min-height: 560px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}

@media screen and (min-width: 768px) {
  .brand-img-box {
    .is-fixed {
      position: relative;
      width: 100%;
      min-height: 560px;
      overflow: hidden;
      background-size: cover;
      background-position: 50% 0;
      background-repeat: no-repeat;
      background-attachment: fixed;
    }
  }
}

@media screen and (max-width: 768px) {
  .brand-img-box {
    margin-top: 60px;
    .is-fixed,
    .is-static {
      min-height: 280px;
    }
  }
}

.brand-intro {
  padding-top: 80px;
  h2 {
    font-family: 'Pretendard-Bold';
    font-size: 24px;
    line-height: 36px;
    color: var(--point-color);
  }

  p {
    font-family: 'Pretendard-SemiBold';
    font-size: 36px;
    line-height: 53px;
  }
}

@media screen and (max-width: 768px) {
  .brand-intro {
    padding-top: 40px;

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

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

    br {
      display: none;
    }
  }
}

.brand-fabric {
  padding: 140px 0 60px;
  text-align: center;
  h3 {
    font-family: 'Pretendard-Bold';
    font-size: 35px;
    line-height: 50px;
  }

  p {
    width: 50%;
    margin: 20px auto 0;
    font-size: 18px;
    line-height: 30px;
  }
}

.brand-fabric-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(196px, 1fr));
  gap: 130px;
  padding: 0 20px;
  max-width: 1640px;
  margin: 120px auto 0;

  li {
    img {
      max-width: 13.75rem;
    }
  }

  em {
    display: block;
    margin-top: 20px;
    font-family: 'Pretendard-SemiBold';
    font-size: 20px;
    line-height: 30px;
  }

  p {
    width: 100%;
    margin-top: 4px;
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (max-width: 1100px) {
  .brand-fabric-list {
    gap: 45px;
    li {
      img {
        max-width: 180px;
      }
    }
  }
}

@media screen and (max-width: 768px) {
  .brand-mo-hidden {
    display: none;
  }

  .brand-fabric {
    padding: 80px 0 20px;

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

    p {
      width: 100%;
      margin-top: 20px;
      font-size: 16px;
      line-height: 28px;
    }
  }

  .brand-fabric-list {
    display: block;
    margin-top: 60px;
    padding: 0 40px;
    li {
      img {
        max-width: 160px;
      }

      & + & {
        margin-top: 60px;
        margin-left: 0;
      }
    }

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

    p {
      font-size: 16px;
      line-height: 8px;
    }
  }
}

.brand-point {
  margin: 160px 0;

  .brand-point-inner-top {
    margin-bottom: 120px;
    padding: 0 20px;
    text-align: center;
    h4 {
      font-family: 'Pretendard-Bold';
      font-size: 48px;
      line-height: 72px;
    }
    div {
      margin-top: 12px;
      font-size: 20px;
      line-height: 30px;
    }
  }

  .brand-point-inner {
    max-width: 1200px;
    margin: 0 auto;
  }

  .brand-point-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

    & + & {
      margin-top: 140px;
    }
    &:nth-child(2n-1) {
      flex-direction: row-reverse;
    }
  }

  .brand-point-img {
    position: relative;
    width: 48%;
    padding-top: 13.55%;
    overflow: hidden;
    &:after {
      content: '';
      display: block;
      padding-top: 13.55%;
    }

    .bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
    }
  }

  .brand-point-con {
    width: 41.677%;

    h4 {
      font-family: 'Pretendard-SemiBold';
      font-size: 32px;
      line-height: 48px;
    }

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

    span {
      display: inline-block;
      padding-top: 10px;
      font-size: 16px;
      line-height: 24px;
      color: #777;
      > span {
        padding-top: 0;
      }
    }

    a {
      display: inline-block;
      margin-left: 12px;
      font-size: 16px;
      line-height: 24px;
      color: var(--point-color);
      text-decoration: underline;
    }
  }
}
@media screen and (max-width: 1300px) {
  .brand-point {
    .brand-point-item {
      padding: 0 20px;
    }
  }
}
@media screen and (max-width: 768px) {
  .brand-point {
    margin: 80px 0;

    .brand-point-inner {
      max-width: 100%;
    }

    .brand-point-inner-top {
      margin-bottom: 40px;

      h4 {
        font-size: 32px;
        line-height: 48px;
      }

      div {
        margin-top: 8px;
        font-size: 16px;
        line-height: 24px;
      }
    }

    .brand-point-item {
      flex-direction: column;
      padding: 0;

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

      &:nth-child(2n-1) {
        flex-direction: column;
      }
    }

    .brand-point-img {
      width: 90%;
      &:after {
        content: '';
        display: block;
        padding-top: 26.25%;
      }

      .bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
      }
    }

    .brand-point-con {
      width: 100%;
      margin-top: 24px;
      padding: 0 20px;

      h4 {
        font-size: 22px;
        line-height: normal;
      }

      p {
        margin-top: 12px;
        font-size: 15px;
        line-height: 28px;
      }

      span {
        padding-top: 2px;
        font-size: 14px;
      }

      a {
        margin-left: 8px;
        font-size: 14px;
        line-height: 24px;
      }
    }
  }
}

.brandVideo {
  background-color: #ffffff;
  background-image: url('https://simmonsimg.speedgabia.com/simmons/shop/n32/N32_Video_bg.jpg');
  background-size: cover; /* 이미지가 전체 배경을 덮도록 설정 */
  background-position: center; /* 이미지의 위치를 가운데로 설정 */

  .brandVideo-inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 140px 20px;
    text-align: center;
  }

  h5 {
    font-family: 'Pretendard-Bold';
    font-size: 40px;
    line-height: 55px;
    color: #ffffff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 1); /* 그림자 추가 */
  }

  p {
    margin-top: 30px;
    font-size: 22px;
    line-height: 50px;
    color: #ffffff;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 1); /* 그림자 추가 */
  }

  .brandVideo-videoBox {
    width: 100%;
    height: 675px;
    margin-top: 500px;

    video {
      display: block;
      width: 100%;
    }
  }
}

@media screen and (max-width: 768px) {
  .brandVideo {
    background-color: #000000;
    width: 100%;
    height: 655px;
    background-image: url('https://simmonsimg.speedgabia.com/simmons/shop/n32/N32_Shirt_bg_m.jpg'); /* 모바일 배경 이미지 */
    background-repeat: no-repeat; /* 반복 방지 */
    margin-top: -40px;

    .brandVideo-inner {
      padding: 250px 0 0px;
      margin-top: 0px;
    }

    h5 {
      margin-bottom: -60px; /* h5 요소 아래에 명시적인 여백 추가 */
      padding: 50px; /* 위쪽만 padding */
      font-size: 21px;
      line-height: 33px;
    }

    p {
      font-family: 'Pretendard-regular';
      padding: 10px;
      font-size: 16px;
      line-height: 0px;
      margin-bottom: 300px;
    }

    .brandVideo-videoBox {
      position: relative;
      top: -430px;
      margin-bottom: 50px;

      video {
        display: block;
        margin-top: 0%;
      }
    }
  }
}

.findStore {
  margin: 100px 0 120px;

  .store-map {
    max-width: 1240px;
    margin: 80px auto 0;
    padding: 0 20px;
  }

  .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: 1240px;
  margin: 0 auto;
  padding: 0 20px;

  h2 {
    margin-bottom: 40px;
    font-family: 'Pretendard-Bold';
    font-size: 36px;
    line-height: 44px;
  }
}

.findStoreTable {
  width: 100%;
  text-align: center;

  tr {
    cursor: pointer;
  }

  th {
    padding: 17px 0;
    font-family: 'Pretendard-SemiBold';
    line-height: 21px;
    color: #222;
    border-top: 1px solid #000;
    border-bottom: 1px solid #ddd;
  }

  td {
    padding: 17px 25px;
    color: #333;
    line-height: 21px;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
  }

  .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: 30px;

    button {
      margin: 0 2px;
      width: 30px;
      height: 30px;
      font-size: 16px;
    }
  }

  .pagination button.active {
    font-family: 'Pretendard-SemiBold';
    color: #fff;
    background-color: var(--point-color);
  }
}
@media screen and (max-width: 768px) {
  .findStore {
    margin: 30px 0 60px;

    .store-map {
      display: none;
      margin: 0;
      max-width: 100%;
      padding: 0;
    }

    .store-map-title {
      margin: -10px auto 30px;
      font-size: 16px;
      line-height: 24px;
      padding: 0 0 16px 0;
      border-bottom: 1px solid #dedede;
      text-align: left;
    }

    .store-map.is-block {
      display: block;
    }

    .kakao-map {
      height: 182px;
    }

    .more-store {
      display: block;
      margin-top: 40px;
      padding-top: 40px;
      border-top: 1px solid #dedede;
    }

    .more-store button {
      width: 100%;
      line-height: 24px;
      padding: 10px;
      border: 1px solid #222;
      text-align: center;
    }
  }

  .findStoreInner {
    min-height: 400px;

    h2 {
      display: none;
    }

    .pagination.mo-hidden {
      display: none;
    }
  }

  .findStoreTable.mo-hidden {
    display: none;
  }

  .findStoreTable {
    display: block;

    colgroup {
      display: none;
    }

    thead {
      display: none;
    }

    tbody {
      display: block;
      width: 100%;
    }

    tr {
      display: block;
      padding: 12px 0;
      border-bottom: 1px solid #ddd;

      :nth-of-type(1) {
        color: #222;
      }

      :nth-of-type(2) {
        color: #888;
      }
    }

    th {
      display: none;
    }

    td {
      display: none;
      padding: 0;
      border-bottom: 0;
    }

    td.mo-block {
      display: block;
      & + & {
        margin-top: 4px;
      }
    }
  }

  .store-map {
    .store-info {
      display: block;
      ul {
        margin: 24px 0;
      }

      li {
        position: relative;
        padding-left: 20px;
        line-height: 21px;

        &::before {
          content: '';
          display: block;
          width: 3px;
          height: 3px;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 9px;
          background-color: #222;
        }
      }

      .store-info-phone-link {
        display: flex;
        align-items: center;
        min-width: 146px;
        max-width: 154px;
        margin: 0 auto;
        padding: 4px 10px;
        line-height: 24px;
        border: 1px solid #222;

        svg {
          margin-right: 6px;
        }
      }
    }
  }
}

/* tab */
.media {
  min-height: calc(100vh - 123px - 353px);
  padding: 0 20px;
  border-bottom: 1px solid #dedede;
  h2 {
    max-width: 1200px;
    margin: 80px auto 30px;
    font-family: 'Pretendard-Bold';
    font-size: 36px;
    line-height: 44px;
  }

  .tab {
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 30px;
  }

  .tab-btn {
    width: 50%;
    padding: 13px 20px;
    font-size: 16px;
    line-height: 24px;
    border: 1px solid #d9d9d9;
    text-align: center;
    & + & {
      border-left: 0;
    }
  }

  .tab-btn.is-active {
    color: #fff;
    border-color: var(--point-color);
    background-color: var(--point-color);
  }

  .tab-content {
    max-width: 1200px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .media {
    padding: 30px 20px;

    h2 {
      display: none;
    }

    .tab-btn {
      padding: 9px 0;
    }
  }
}

/* cf list */
.tcv {
  margin-bottom: 120px;
}

.cf-list {
  position: relative;
  &::after {
    content: '';
    display: block;
    clear: both;
  }
  li {
    float: left;
    width: 50%;
    overflow: hidden;
  }

  .cf-thumb {
    transition: 0.4s;
  }

  .cf-link {
    position: relative;
    display: block;
    text-align: center;
    &:hover {
      .cf-link-dim {
        opacity: 1;
      }

      .cf-thumb {
        transform: scale(1.2);
      }
    }
  }
}
@media screen and (max-width: 768px) {
  .tcv {
    margin-bottom: 30px;
  }

  .cf-list {
    li {
      float: none;
      width: 100%;

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

/* cf modal */
.cf-modal {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 960px;
  height: 540px;
  transform: translate(-50%, -50%);
  border: 1px solid #7d7d7d;
  z-index: 5;
}

.cf-modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5;
}

.cf-link-dim {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  transition: 0.3s;

  .inner {
    display: flex;
    flex-direction: column;
    span {
      color: #fff;
    }

    .em {
      font-family: 'Pretendard-SemiBold';
      font-size: 32px;
      line-height: 48px;
    }

    .desc {
      padding: 18px 0 20px;
      font-size: 18px;
      line-height: 24px;
    }

    .rec {
      display: inline-block;
      width: 180px;
      margin: 0 auto;
      padding: 10px;
      font-size: 16px;
      line-height: 24px;
      border: 1px solid #fff;
    }
  }
}

.cf-modal-dim {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 2;
}

.cf-modal-dim.is-visible {
  display: block;
}

@media screen and (max-width: 768px) {
  .cf-modal {
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    margin-left: 0;
    transform: translate(-50%, -50%);
  }
  .cf-modal iframe {
    width: 100%;
  }
}

.notice {
  min-height: calc(100vh - 123px - 352px - 160px);

  .empty-list {
    margin-top: 24px;
  }
}

.notice-title {
  font-family: 'Pretendard-Bold';
  font-size: 36px;
  line-height: 44px;
}

.notice-inner {
  margin-top: 40px;

  .article__date {
    color: #888;
  }
}
@media screen and (max-width: 768px) {
  .notice {
    min-height: calc(100vh - 60px - 400px - 40px);
    .empty-list {
      margin: 0 20px;
    }
  }

  .notice-title {
    display: none;
  }

  .notice-inner {
    margin-top: 0;
    padding: 0 20px;
  }
}

/*
* notice, article
*/
.common-board {
  max-width: 1200px;
  margin: 80px auto;
}

.common-board.article {
  margin: 30px auto 120px;
}

.article-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.article-list li {
  border-top: 1px solid #ddd;
  &:first-of-type {
    border-top: 1px solid #000;
  }
  &:last-of-type {
    border-bottom: 1px solid #ddd;
  }
}

.article-list-header,
.article-list-item--locked,
.article-list-button {
  display: flex;
  justify-content: space-between;
  padding: 17px 30px;
}

.article-list-header {
  display: flex;
  justify-content: space-between;
  font-family: 'Pretendard-SemiBold';
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;

  .article__category-label {
    color: #222;
    text-align: center;
  }

  .article__date {
    padding-right: 44px;
  }
}

.article__category-label,
.article__date {
  flex: 1;
  text-align: left;
}

.article__date {
  text-align: right;
}

.article-list-button {
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
}

.article-list-button div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  color: #333;

  .article__category-label,
  .article__date {
    font-size: 16px;
    line-height: 24px;
  }
}

.boardPagination {
  display: flex;
  width: 100%;
  margin-top: 30px;
  align-items: center;
  justify-content: center;

  button + button {
    margin-left: 4px;
  }

  .pagination-num {
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }

  .pagination-num.is-active {
    color: #fff;
    background-color: var(--point-color);
  }
}

.go-to-list {
  min-width: 200px;
  max-width: 200px;
  height: auto;
  margin: 0 auto;
  padding: 10px;
  font-size: 16px;
  line-height: 24px;
  color: #222;
  border: 1px solid #000;
  border-radius: 0;
  opacity: 1;
}

@media screen and (max-width: 768px) {
  .common-board.article {
    margin: 30px auto 80px;
  }

  .common-board.notice {
    margin: 25px auto 60px;
  }

  .go-to-list {
    min-width: auto;
    max-width: 100%;
    font-family: 'Pretendard-Medium';
  }

  .article-list-header {
    display: block;
  }

  .article-list-button {
    padding: 12px 0;
  }

  .article-list-button div {
    flex-direction: column;

    .article__category-label,
    .article__date {
      font-size: 14px;
      line-height: 21px;
    }

    .article__date {
      margin-top: 4px;
      text-align: left;
    }
  }
}

/* detail page */
.article-detail-page {
  max-width: 1240px;
  margin: 0 auto 110px;
  padding: 0 20px;

  h2 {
    margin: 80px auto 40px;
    font-family: 'Pretendard-Bold';
    font-size: 36px;
  }

  .article-detail__title-box {
    padding: 20px 30px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #ddd;
  }

  .article-detail__title {
    font-family: 'Pretendard-SemiBold';
    font-size: 20px;
    line-height: 30px;
    color: #222;
  }

  .article-detail__date {
    margin-top: 8px;
    font-size: 16px;
    line-height: 24px;
    color: #888;
  }
  .article-detail__content {
    min-height: 54%;
    padding: 40px 30px 100px;
  }
}

.notice-detail__index--previous {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .article-detail-page {
    margin: 0 auto 60px;
    min-height: calc(100vh - 60px - 400px - 40px);

    h2 {
      display: none;
    }

    .article-detail__title-box {
      padding: 20px 0;
      border-top: 0;
    }

    .article-detail__title {
      font-family: 'Pretendard-Medium';
      font-size: 16px;
      line-height: 24px;
    }

    .article-detail__date {
      margin-top: 4px;
      font-size: 14px;
      line-height: 21px;
    }

    .article-detail__content {
      padding: 30px 0 40px 0;
    }
  }
}
.notice-detail__index-angle {
  width: 20px;
  height: 20px;
  margin-right: 16px;
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}

.notice-detail__index-text-flag {
  margin-right: 40px;
  color: #888;
}
.notice-detail__index-title {
  color: #222;
}

.notice-detail__index--next .notice-detail__index-angle {
  transform: rotate(0);
}

.notice-detail__index--previous .notice-detail__index-angle {
  transform: rotate(180deg);
}

.productListSkeleton {
  max-width: 1200px;
  margin: 0 auto;
}

/*
* Product thumbnail list
*/
.thumb-GALLERY:not(.main-product .thumb-GALLERY) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 28px;
  row-gap: 50px;
  max-width: 1240px;
  margin: 0 auto;
}

.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 {
  font-size: 16px;
  line-height: 24px;

  .product-thumb-title-product-name {
    white-space: normal;
  }
}

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

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

@media screen and (max-width: 768px) {
  .thumb-GALLERY:not(.main-product .thumb-GALLERY) {
    display: grid;
    row-gap: 30px;
    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 {
    overflow-wrap: break-word;
    white-space: initial;
    font-size: 14px;
    line-height: 21px;
  }

  .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: 18px;
  }

  .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;
      }

      .product-thumb-price,
      .product-discount-price {
        font-size: 13px;
      }

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

/* DisplayCategoryListWrap banner */
.CategoryPage {
  .l-panel {
    position: relative;
    margin-top: 80px;
    margin-bottom: 70px;
    border: 0;
    box-shadow: none;
  }

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

  .total-sort {
    top: 60px;
  }

  .total-sort__count {
    font-size: 16px;
    line-height: 24px;
  }
}

.category-banner {
  position: relative;
  padding: 100px 0 309px;
}

.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: 40px;
    }

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

    .total-sort__count {
      font-size: 14px;
    }
  }

  .category-banner {
    padding: 60px 0 187px;
  }

  .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-con.mo-white {
        h2 {
          color: #eee;
        }
      }
    }
  }
}

.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;
  }
}

/* thumb-GALLERY product lsit item */
.thumb-item__info {
  padding: 14px 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;
}

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

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

/*
* 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-79915/n32store-5607/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-79915/n32store-5607/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-79915/n32store-5607/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-79915/n32store-5607/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;
  }
}

/*
* Product detail
*/
.product-content__editor-box {
  text-align: center;
}

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

.product-detail {
  .product-detail-upper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1240px;
    margin: 80px auto 0;
    padding: 0 20px;
  }

  .l-panel {
    max-width: 1240px;
    margin: 118px auto 0;
    padding: 0 20px;
  }

  .product-detail-upper-slide {
    width: 42.5rem;

    .thumb-item__img {
      height: 416px;
    }
  }

  .product-summary {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: calc(33.333% + 3.75rem);
    margin-left: 3.75rem;
    padding: 0;
  }

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

  .product-summary__brand-name {
    font-size: 16px;
    line-height: 24px;
    color: #777;
  }

  .product-summary__title {
    margin-top: 0;
    font-family: 'Pretendard-Medium';
    font-size: 18px;
    line-height: 36px;
    color: #222;
  }

  .product-summary__discounted-price {
    font-family: 'Pretendard-Medium';
    font-size: 18px;
    line-height: 22px;
  }

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

  .product-content__title {
    display: none;
  }

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

  .purchase__like-btn {
    border-radius: 0;
  }

  .purchase__btns {
    .btn {
      padding: 15px 10px;
      font-size: 16px;
      line-height: 24px;
      border-radius: 0;
    }
    .sc-cart-button {
      color: #222;
      background-color: transparent;
      border: 1px solid #222;
    }
  }

  .product-content-shipping-claim {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 768px) {
  .product-detail {
    .l-panel {
      margin: 60px auto 0;
      padding: 0;
    }

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

    .product-detail-upper-slide {
      width: 100%;

      .thumb-item__img {
        height: auto;
      }
    }

    .product-summary {
      width: 100%;
      margin-left: 0;

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

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

    .product-summary__title {
      font-size: 20px;
      line-height: 30px;
    }

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

    .product-summary__discounted-price {
      font-size: 16px;
    }

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

    .purchase__btns {
      min-height: 44px;
      .btn {
        padding: 10px;
        font-size: 14px;
        line-height: 24px;
        border-radius: 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: 50px;
    }

    .purchase__opener {
      display: none;
    }

    .purchase__buy-btn {
      display: none;
    }

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

    .purchase__btns {
      padding-left: 70px;
    }

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

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

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

.product-content__more-btn {
  button {
    padding: 0;
    font-family: 'Pretendard-Medium';
    line-height: 24px;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
  }
}
@media screen and (max-width: 768px) {
  .product-content__box {
    padding: 40px 0 0 0;
  }
}

/*
* Simonspay
*/
.simonsPay {
  display: flex;
  width: 100%;
  padding: 24px 0;
  font-size: 16px;
  line-height: 24px;
  border-top: 1px solid #ddd;

  .title {
    width: 80px;
  }

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

    span {
      text-decoration: line-through;
    }

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

    em {
      font-family: 'Pretendard-SemiBold';
      font-size: 18px;
      color: var(--point-color);
    }

    strong {
      color: #444;
      text-decoration: underline;
      cursor: pointer;
    }
  }
}
@media screen and (max-width: 768px) {
  .simonsPay {
    padding: 24px 0;
    font-size: 14px;
    line-height: 21px;
  }
}

/*
* Product detail image slider
*/
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 20px;
}

.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: 119px;
}

.product-detail .tabs li {
  position: relative;
  padding: 20px 0;
  font-family: 'Pretendard-SemiBold';
  font-size: 16px;
  line-height: 27px;
  background-color: #fff;
}

.tabs__item {
  border-bottom: 0;
  &:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #dedede;
  }
}

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

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

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

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

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

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

.rating-star {
}

.product-review-summary__score {
  font-size: 18px;
  line-height: 27px;
  color: #444;

  span {
    color: #ccc;
  }
}

.product-board-list__search {
  justify-content: flex-start;
  margin-top: 20px;
  font-size: 16px;
}

.product-board-list__total-count {
  margin-left: 8px;
  color: #777;
}

.product-board-list__sort-type {
  margin-left: 40px;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  color: #777;
}
@media screen and (max-width: 768px) {
  .product-review-summary {
    flex-direction: column;
    border-bottom: 0;
  }

  .product-board-list {
    margin: 0 20px;
  }

  .product-detail .product-content__content + .product-content-review {
    padding: 20px 0 60px 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;
      vertical-align: middle;
    }

    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;
    }
  }
}

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

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

/*
* eventPage related Product
*/
.event-nav + .l-panel {
  margin: 24px 0;
  box-shadow: none;
  border: 0;

  .product-thumb-title {
    padding-right: 0;
  }

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

.purchase__quantity-box {
  border-top: 0;
}

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

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

.purchase {
  .quantity {
    margin: 30px 0;
    padding: 24px 32px;
  }

  .select-box {
    height: auto;
    margin-bottom: 30px;

    select {
      padding: 10px 6px;
    }
  }
}

.purchase__total {
  align-items: center;
  margin: 0 0 30px;
  padding: 24px 0px 0;
  font-size: 16px;
}

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

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

.quantity__del {
  top: 24px;
  right: 32px;
}

.quantity__content {
  em {
    font-family: 'Pretendard-Medium';
    font-weight: 500;
    font-size: 18px;
    line-height: 27px;
  }
}
@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-top: -8px;
          margin-bottom: 16px;
        }

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

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

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

      &::after {
        right: 16px;
      }
    }
  }
  .purchase__total {
    padding: 16px 0 0;
    font-size: 14px;
    line-height: 21px;
  }

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

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

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

.total-sort {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto 20px;
  padding: 0 20px;
  border-bottom: 0;
}

.total-sort__count {
  font-size: 15px;
}

.total-sort__count .highlight {
  margin: 0 0 0 4px;
  font-family: 'Pretendard-SemiBold';
}
@media screen and (max-width: 768px) {
  .total-sort {
    margin: 16px auto 0;
    padding: 14px 20px;
    font-size: 15px;
    line-height: 22px;
  }
}

.myPage-upper {
  max-width: 600px;
  margin: 60px auto 0;
  padding: 28px;
  background-color: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .myPage-upper {
    margin: 0 auto;
  }
}
/*
* my-info
*/
.my-info {
  padding: 0;
  color: #222;
  background-color: #f5f5f5;
}

.my-info__summary {
  align-items: center;
}

.my-info__greeting {
  margin-bottom: 0;
  font-family: 'Pretendard-SemiBold';
  font-size: 28px;
  line-height: 36px;
}

.my-info__greeting-name {
  display: flex;
  gap: 4px;
  span {
    font-family: 'Pretendard-Regular';
    color: #777;
  }
}

.my-info__member-type {
  padding-top: 8px;
  font-size: 14px;
  line-height: 24px;
}

.my-info__member-benefit {
  justify-content: center;
  padding: 10px;
  min-width: 160px;
  height: auto;
  background-color: transparent;

  .my-info__member-benefit-label {
    line-height: 24px;
  }
}

.my-info__member-benefit-icon {
  display: none;
}
@media screen and (max-width: 768px) {
}

/*
* my-coupon
*/
.my-coupon-data {
  margin-top: 24px;
  font-size: 16px;
  line-height: 24px;
  background-color: #fff;

  a,
  a:-webkit-any-link {
    color: #777;
  }
}

.my-coupon-data__num {
  margin-top: 0;
  font-family: 'Pretendard-SemiBold';
  font-size: 20px;
  line-height: 36px;
}

.my-coupon-data__link {
  &::before {
    height: 36px;
    background-color: #d9d9d9;
  }
}
@media screen and (max-width: 768px) {
  .my-coupon-data {
    margin-top: 20px;
  }
}

/*
* my-orders__link
*/
.my-orders {
  flex-direction: column;
  max-width: 600px;
  margin: 20px auto 0;
  width: 100%;
  padding: 0 0 16px 0;
  background-color: var(--whole-color);
}

.my-orders__link {
  width: 100%;
  padding: 15px 0;
  font-size: 16px;
  color: #222;
  text-align: left;

  & + & {
    &::before {
      display: none;
    }
  }
}
@media screen and (max-width: 768px) {
  .my-orders {
    margin: 24px auto 16px;
    padding: 0 20px;
    background-color: #fff;
  }
}

/*
* my-link
*/
.my-orders ~ .l-panel {
  max-width: 600px;
  margin: 0 auto;
  padding: 16px 0;
  border: 0;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  box-shadow: none;

  & + .l-panel {
    border-top: none;
  }
}

.my-link {
  padding: 16px 0;
  font-size: 16px;
  color: #222;
  border: 0;

  & + & {
    border-top: 0;
  }
}

.my-link__ico {
  transform: translateY(-50%) rotate(0);
}
@media screen and (max-width: 768px) {
  .my-orders ~ .l-panel {
    margin: 0 20px;
  }

  .my-link__ico {
    right: 0;
  }
}

/*
* my-membership
*/
.my-membership {
  flex-direction: column;
  gap: 16px;
  max-width: 600px;
  margin: 0 auto 120px;
  padding: 24px 0 0;

  a,
  a:-webkit-any-link {
    color: #777;
  }
}

.my-membership__btn {
  justify-content: flex-start;
  height: auto;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  color: #777;
  text-decoration: underline;
  border: 0;
}
@media screen and (max-width: 768px) {
  .my-membership {
    gap: 20px;
    margin: 0 auto 40px;
    padding: 20px 20px 0;
  }
}

/*
* my / profile-product-review
*/
.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 {
  max-width: 640px;
  margin: 0 auto;
  padding: 0 20px;

  .my-page__total-count {
    margin-top: 0;
    margin-bottom: 16px;
  }

  .profile-list {
    padding: 24px 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__item.on {
  color: #fff;
  background-color: var(--point-color);
}

.profile-product-review__tabs li:not(:first-child):before {
  display: none;
}

@media screen and (max-width: 768px) {
  .profile-product-review__wrapper {
    min-height: calc(100vh - 60px - 487px);
    margin-top: 30px;
    margin-bottom: 39px;
  }

  .profile-product-review__upper {
    display: none;
  }
}

/*
* orders
*/
.orders {
  max-width: 640px;
  min-height: calc(100vh - 123px - 352px - 120px);
  margin: 60px auto 120px;
  padding: 0 20px;
}

.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 {
  margin-top: 40px;

  .orders__product-description {
    gap: 6px;
  }

  .orders__identifier {
    align-items: center;
    .bold {
      font-family: 'Pretendard-SemiBold';
      font-size: 14px;
      line-height: 21px;
    }

    .orders__order-no {
      font-size: 14px;
    }
  }

  .orders__product {
    height: auto;
    border-radius: 4px;
    border: 1px solid #dedede;
  }

  .orders__product-name {
    font-family: 'Pretendard-SemiBold';
    font-size: 16px;
    line-height: 24px;
    color: #222;
  }

  .orders__product-tag {
    font-size: 14px;
    line-height: 21px;
    color: #222;
  }
}

@media screen and (max-width: 768px) {
  .orders {
    margin: 30px auto 60px;
    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__order-summary {
    margin-top: 20px;
  }

  .orders__order-summary {
    .orders__product img {
      width: 74px;
      height: 74px;
    }

    .orders__product {
      gap: 12px;
    }

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

  .orders__pay-amount-label .orders__pay-amount {
    font-size: 14px;
    line-height: 21px;
  }
}

.orders__no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 200px;
  margin-top: 40px;
  font-size: 16px;
  color: #777;
}

/*
* profile-like
*/
.profile-like {
  max-width: 640px;
  min-height: calc(100vh - 123px - 353px - 60px);
  margin: 60px auto 120px;
  padding: 0 20px;
}

.profile-like__list-item {
  margin-top: 0;
  border: 1px solid #dedede;
  border-radius: 4px;

  .product-thumb-item__name {
    font-family: 'Pretendard-SemiBold';
    font-size: 16px;
  }

  .product-thumb-item__amount-wrap {
    margin-top: 6px;
  }

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

.profile-like__buttons {
  height: auto;
  .btn {
    &:first-of-type {
      display: none;
    }
  }

  button {
    padding: 10px;
    font-size: 14px;
    line-height: 24px;
  }
}
@media screen and (max-width: 768px) {
  .profile-like {
    margin: 24px auto 60px;
  }

  .profile-like__list {
    margin-top: 12px;
  }

  .profile-like__list-item {
    padding: 16px;
    & + & {
      margin-top: 20px;
    }

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

    .product-thumb-item__amount {
      font-size: 14px;
    }

    .product-thumb-item {
      padding: 16px;
    }
  }
}

/*
* profile-shipping-address
*/
.profile-shipping-address {
  max-width: 640px;
  margin: 60px auto 120px;
  padding: 0 20px;

  .my-page__count span {
    font-family: 'Pretendard-SemiBold';
    font-size: 16px;
  }
}

.profile-shipping-address__registration-button {
  height: auto;
  margin-top: 22px;
  padding: 16px 10px;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .profile-shipping-address {
    margin: 24px auto 60px;
  }
}

/*
* my-page-coupon
*/
.my-page-coupon {
  max-width: 640px;
  min-height: calc(100vh - 123px - 353px - 62px);
  margin: 40px auto 120px;
  padding: 0 20px;

  .tabs {
    height: auto;
    font-size: 16px;
    line-height: 24px;
  }
}

.my-page-coupon-upper {
  max-width: 640px;
  margin: 60px auto 0;
  padding: 0 20px;
}

.my-page-coupon__tabs {
  background-color: #fff;
  color: #222;
}

.my-page-coupon .tabs__item {
  border: 1px solid #d9d9d9;
  border-bottom: 0;
}

.my-page-coupon .tabs__item.on {
  background-color: var(--point-color);
}

.my-page-coupon__list-title {
  margin: 0;
  height: auto;
}

.my-page-coupon__tabs button {
  padding: 13px 20px;
  font-size: 16px;
}

.my-page-coupon__tabs li:not(:first-child):before {
  display: none;
}

.my-page-coupon__wrap {
  padding: 0;

  .my-page__total-count {
    margin: 24px 0 0 0;
  }
}

.my-page-coupon__registration-button {
  height: 56px;
  color: #222;
  background-color: #fff;
  border: 1px solid #222;
  border-radius: 0;
}

.my-page-coupon__list-title {
  margin-top: 24px;
  text-align: left;

  + .empty-list {
    margin-top: 8px;
  }
}
@media screen and (max-width: 768px) {
  .my-page-coupon-upper {
    display: none;
  }

  .my-page-coupon {
    margin: 30px auto 60px;
  }
}

/*
* my-page-accumulation
*/
.my-page-accumulation {
  max-width: 640px;
  margin: 60px auto 300px;
  padding: 0 20px;
  min-height: calc(100vh - 110px - 324px - 60px - 400px);

  .empty-list {
    border: 1px solid #dedede;
  }
}

.my-page-accumulation__amount {
  margin: 40px 0 16px;
  font-size: 16px;
  line-height: 24px;
  text-align: left;

  span {
    margin: 0 0 0 4px;
    font-family: 'Pretendard-SemiBold';
  }
}

.start-ymd-selector {
  border: 1px solid #dedede;
}
@media screen and (max-width: 768px) {
  .my-page-accumulation {
    min-height: calc(100vh - 60px - 420px - 60px - 278px);
    margin: 24px auto 60px;
  }
}

/*
* mypage - claimns
*/
.claims {
  max-width: 640px;
  margin: 60px auto 300px;
  padding: 0 20px;
  min-height: calc(100vh - 123px - 353px - 62px);

  .empty-list {
    border: 1px solid #dedede;
  }
}

.claims__tabs {
  margin-top: 40px;
  height: 50px;
  line-height: 24px;
  background-color: transparent;

  .tabs__item {
    position: relative;
    color: #222;
    border: 1px solid #d9d9d9;
    border-bottom: 0;
  }

  .tabs__item button {
    padding: 12px 20px;
  }

  .tabs__item.on {
    font-family: 'Pretendard-SemiBold';
    background-color: var(--point-color);
  }

  .tabs__item + .tabs__item::before {
    display: none;
  }
}

.claims__content {
  margin-top: 24px;
  padding: 0;

  .start-ymd-selector {
    margin-bottom: 6px;
  }

  .claims__no-items {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 0;
    min-height: 200px;
    font-size: 16px;
    color: #777;
  }
}
@media screen and (max-width: 768px) {
  .claims {
    margin: 30px auto 60px;
  }

  .claims__tabs {
    margin-top: 0;
  }

  .claims__content {
    margin-top: 16px;

    .start-ymd-selector {
      height: 42px;
    }
  }

  .claims__no-items {
    min-height: 140px;
  }
}

/*
* mypage - password-authentication
*/
.my-page__authentication {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  padding: 80px 20px 120px;
  min-height: calc(100vh - 339px - 109px);

  h3 {
    font-family: 'Pretendard-SemiBold';
    font-size: 32px;
    margin-bottom: 30px;
  }

  .password-authentication__info-text {
    text-align: left;
  }

  .password-authentication__button-wrap {
    display: flex;
    gap: 12px;

    button {
      width: 50%;
      border-radius: 0;
    }

    .btn--default.verification {
      background-color: var(--point-color);
      color: #fff;
    }
  }
}
@media screen and (max-width: 768px) {
  .my-page__authentication {
    max-width: none;
    padding: 10px 16px 40px;
    min-height: calc(100vh - 430px - 60px);

    h3 {
      display: none;
    }
  }
  .password-authentication {
    padding: 0;
  }
  .password-authentication__info-text {
    font-size: 13px;
  }
}

/*
* mypage - claim
*/
.claim {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding: 80px 40px 120px;
  min-height: calc(100vh - 270px - 134px);
  background-color: #fff;
}

.claim__products {
  padding: 0;
}

.claim__product {
  gap: 12px;
  padding: 0;

  .product-thumb-item .thumb-item__info {
    padding-left: 0;
  }
}

.claim__reason .claim__select-box {
  height: 56px;
}

.claim__reason {
  padding: 0;
}

.claim__btns {
  padding: 0;
}

.claim__btn--claim {
  background-color: var(--point-color);
}

/* claim list */
.claims__claim-summary {
  margin-top: 30px;
}
.claims__content {
  .claims__product-wrap {
    border-radius: 4px;
  }
}
@media screen and (max-width: 768px) {
  .claim {
    max-width: none;
    padding: 40px 20px 80px;
    min-height: calc(100vh - 356px - 60px);
  }

  .claim__section + .claim__section {
    margin-top: 30px;
  }
}

/*
* order-sheet PC
*/
.guest-order-link {
  border-radius: 0;
}

.order-sheet {
  max-width: 680px;
  margin: 100px auto 120px;

  .order-sheet-title {
    margin-bottom: 30px;
    font-family: 'Pretendard-Bold';
    font-size: 36px;
    line-height: 44px;
  }

  .order-sheet__notice-checkbox {
    padding: 10px 0;
  }

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

    &:after {
      right: 0;
    }
  }

  .accordion__items {
    padding: 24px 0;
    border-bottom: 1px solid #d9d9d9;
  }

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

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

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

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

  .order-sheet__item-subject {
    min-width: 144px;
    max-width: 144px;
    font-size: 15px;
  }

  .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.border-none {
    border: 0;
  }

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

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

  .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 #dedede;
  }

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

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

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

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

    .product-thumb-item__name {
      margin-bottom: 4px;
      font-family: 'Pretendard-SemiBold';
      font-size: 16px;
      line-height: 24px;
    }

    .option-label__normal-option span {
      font-size: 14px;
    }

    .product-thumb-item__amount-wrap {
      margin-top: 6px;
    }

    .product-thumb-item__amount {
      font-size: 14px;
      color: #222;
    }

    .product-thumb-item__amount li + li {
      border-left: 1px solid #aaa;
    }
  }

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

    .input-with-unit__unit {
      font-size: 14px;
      line-height: 21px;
    }
  }

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

  .order-sheet__promotion-items {
    padding: 24px 0;
    border-bottom: 1px solid #d9d9d9;

    .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: 160px;
    }
  }

  .order-sheet__accumulation-amt {
    display: flex;
    justify-content: space-between;
    margin-top: -12px;

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

    .right {
      width: 75%;
    }
  }
  /*ordersheet promotion mobile
  */
  @media screen and (max-width: 768px) {
    .order-sheet__promotion-items {
      .order-sheet__item {
        align-items: flex-start;
      }

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

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

    .order-sheet__accumulation-amt {
      .order-sheet__item-subject {
        display: none;
      }

      .right {
        width: 100%;
      }

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

  /*
  * PayMethodSelector
  */
  .order-sheet__pay-method-title {
    padding: 20px 0;
    font-family: 'Pretendard-SemiBold';
    font-size: 18px;
    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 #dedede;

    &.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 251.5px;
    }

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

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

  .pay-method-btn .ico--pay-credit-card-white {
    background-position: -160.5px -189.5px;
    background-size: 456px 251.5px;
  }

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

  .pay-method-btn .ico--pay-virtual-account-white {
    background-position: -216.5px -189.5px;
    background-size: 456px 251.5px;
  }

  @media screen and (max-width: 768px) {
    .l-panel.order-sheet__payment-info {
      padding: 30px 20px;
    }
  }

  /*
  * PaymentInfo
  */
  .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 {
    dt {
      font-size: 16px;
      line-height: 24px;
      color: #777;
    }

    dd {
      em {
        font-size: 16px;
        line-height: 24px;
      }
    }
  }

  .order-sheet__pay-btn {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 20px auto 0;
  }
}

.order-sheet__term-checker {
  margin-top: 4px;
  .btn {
    color: #888;
  }
}

.order-sheet__terms {
  max-width: 500px;
  margin: 0 auto;
}

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

@media screen and (min-width: 768px) {
  .order-sheet {
    .l-panel {
      margin-bottom: 40px;
      border: 0;
      box-shadow: none;
    }
  }
}
/*
* order-sheet mobile
*/
@media screen and (max-width: 768px) {
  .order-sheet {
    max-width: 100%;
    margin: 0 auto 60px;

    .order-sheet-title {
      display: none;
    }

    .accordion__title {
      padding: 0 20px;
      border-bottom: 1px solid #dedede;
      &:after {
        right: 20px;
      }
    }

    .accordion__items {
      padding: 20px;
      border-bottom: 0;
    }

    .order-sheet__item {
      flex-direction: column;
    }

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

    .select-box {
      width: 100%;
    }

    .text-field {
      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;
    }

    .same-order {
      margin-top: 5px;
    }

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

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

    .pay-method-btn {
      width: calc(50% - 5px);
    }

    .order-sheet__promotion-title,
    .order-sheet__pay-method-title {
      border-bottom: 1px solid #dedede;
    }

    .price-tag__details {
      dt {
        font-size: 15px;
        line-height: 22px;
      }
    }

    .order-sheet__terms {
      padding: 18px 20px 10px;
    }

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

    .order-sheet__term-checker {
      margin-top: 12px;
    }

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

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

/*
*  .l-panel.order-sheet__payment-info
*/
.order-sheet {
  .l-panel.order-sheet__payment-info {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .order-sheet {
    .l-panel.order-sheet__payment-info {
      padding: 30px 20px;
    }
  }
}

/*
* order-confirm
*/
.order-confirm__message {
  padding: 80px 0 60px;
}

.order-confirm {
  max-width: 600px;
  margin: 0 auto 120px;

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

  .accordion__items {
    padding: 24px 0;
  }

  .accordion__title {
    padding: 16px 0;
    font-family: 'Pretendard-SemiBold';
    font-size: 16px;
    border-bottom: 1px solid #000;
    cursor: pointer;
  }

  .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;
}
@media screen and (max-width: 768px) {
  .order-confirm {
    margin: 0 auto 60px;

    .l-panel {
      margin-bottom: 10px;
      box-shadow: 0 10px 1px #f5f5f5;
    }

    .accordion__title {
      padding: 16px 20px;
      border-bottom: 1px solid #dedede;
    }

    .accordion__items {
      padding: 20px;
    }

    .order-confirm__message {
      padding: 30px 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: 30px;
      padding: 0 20px;
    }
  }
}

/*
* order-detail
*/
.order-detail {
  max-width: 600px;
  margin: 60px auto;

  .accordion__title {
    cursor: pointer;
  }
}

.select-simonsPay input[type='radio'] {
  appearance: auto;
}

.order-detail__product-top-label {
  display: block;
  padding: 0;
  background-color: transparent;
}

.order-detail__status-label {
  padding: 4px 6px;
  font-family: 'Pretendard-SemiBold';
  font-size: 12px;
  color: var(--point-color);
  background-color: #f1f1f1;
}

.order-no-label {
  background-color: var(--default-font-color);
}

.order-no-label__no {
  color: var(--default-color);
}

.order-detail__product-table {
  padding: 0;

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

  .thumb-item__info {
    padding-left: 0;
  }
}
.order-detail__list-btn-wrap {
  margin-top: 20px;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .order-detail {
    margin: 20px auto 32px;
  }

  .order-no-label {
    margin: 0 20px;
  }
  .order-detail__product-table {
    padding: 0 20px;
  }

  .order-detail__list-btn-wrap {
    margin-top: 30px;
    padding: 0 20px;
  }
}

/*
* simonsPay
*/
.cardPay-method {
}

.cardPay-method-box {
  margin-top: 4px;

  .check-radio__label {
    line-height: 24px;
  }
}

.cardPay-method-title {
  margin: 32px 0 0 0;
  font-family: 'Pretendard-Medium';
  font-size: 16px;
  line-height: 24px;
}

.cardPay-metho input[type='radio'] {
  appearance: auto;
}
@media screen and (max-width: 768px) {
  .cardPay-method {
    padding: 0 20px;
  }

  .cardPay-method-title {
    margin: 24px 0 8px 0;
  }
}

/*
* simonsPayWrap
*/
.simonsPayWrap {
  position: relative;
  margin: 16px 0 0 0;
  border: 1px solid #dedede;

  .select-arr {
    position: absolute;
    top: 8px;
    right: 16px;
  }
}

.simonsPayWrap-selectBox {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 16px;
  color: #444;
}

.simonsPayWrap-noti-top {
  margin: 20px 0;
  font-size: 13px;
  line-height: 20px;
  color: #777;
}

.simonsPayWrap-noti-bottom {
  margin-top: 8px;
  color: #777;
  font-size: 13px;
  line-height: 20px;
}

.simonsPayWrap-noti-caution {
  margin-top: 20px;
  color: #444;

  strong {
    padding-bottom: 4px;
    font-family: 'Pretendard-Medium';
    color: #000;
    line-height: 21px;
  }

  p {
    font-size: 13px;
    line-height: 20px;
    color: #777;
  }
}
/* common table style
*/
.cardPay-noti,
.simonsPayWrap-noti {
  caption {
    width: 0;
    height: 0;
    font-size: 0;
  }

  table {
    width: 100%;

    tr {
      border-bottom: 1px solid #dedede;
    }

    th,
    td {
      padding: 10px;
      color: #444;
      line-height: 21px;
      text-align: center;
    }

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

    .middle {
      vertical-align: middle;
    }
  }
}

/*
* CardPay-noti
*/
.cardPay-noti {
  margin-top: 24px;

  table {
    margin-top: 12px;
    td {
      border-right: 1px solid #dedede;
      border-bottom: 1px solid #dedede;
      vertical-align: middle;
    }

    td.last {
      border-right: 0;
    }
  }
}

.cardPay-noti .period {
  font-family: 'Pretendard-Medium';
  color: #444;
  line-height: 21px;
}
@media screen and (max-width: 768px) {
  .simonsPayWrap-noti-top {
    margin: 10px 0 20px;
  }
  .simonsPayWrap-noti-caution {
    margin-bottom: 30px;
  }
}

/*
* CashPay-noti
*/
.cashPayWrap-noti {
  margin-top: 32px;

  .item {
    + & {
      margin-top: 32px;
    }

    .title {
      font-family: 'Pretendard-Medium';
      line-height: 21px;
    }

    p {
      margin-top: 8px;
      font-size: 13px;
      line-height: 19px;
      color: #777;
    }
  }

  .title + .tableBox {
    margin-top: 10px;
  }

  .tableBox {
    + & {
      margin-top: 30px;
    }
    caption {
      width: 0;
      height: 0;
      font-size: 0;
    }

    .info {
      display: block;
      position: relative;
      padding-left: 15px;
      line-height: 21px;
      color: #444;
      &::before {
        content: '';
        display: block;
        position: absolute;
        top: 9px;
        left: 4px;
        width: 3px;
        height: 3px;
        background-color: #444;
        border-radius: 50%;
      }
    }

    table {
      width: 100%;
      margin-top: 9px;
      th,
      td {
        padding: 10px 0;
        color: #444;
      }
    }

    .minimum-pay {
      text-align: center;

      tr {
        border-bottom: 1px solid #dedede;
        &:first-of-type {
          border-top: 1px solid #444;
        }
      }
    }

    .realtime-pay {
      tr {
        th {
          width: 50%;
          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;
    }
  }
}

.order-sheet__account-input-wrap {
  padding: 20px 20px;
}

.cart {
  max-width: 640px;
  margin: 60px auto 120px;
  padding: 0 20px;
}

.cart-title {
  font-family: 'Pretendard-Bold';
  font-size: 24px;
  line-height: 36px;
}

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

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

  .cart__check-all-btn {
    font-size: 16px;
  }
  .cart__delete-btn {
    width: 20px;
    height: 20px;
  }
}

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

  .check-radio__label {
    font-size: 16px;
    font-family: 'Pretendard-Medium';
  }
}

.l-panel.cart__delivery-section {
  border: 0;
  border-top: 1px solid #000;
}

.cart__delivery-section .cart__product {
  border-top: 1px solid #eee;
}

.cart__product {
  padding: 20px 0;
}

.cart__product-price {
  font-family: 'Pretendard-Medium';
}

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

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

  .price {
    border-radius: 4px;
  }

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

  .price-tag__details dt {
    font-size: 16px;
  }

  .price-tag__details dd {
    font-size: 14px;
    em {
      font-size: 16px;
    }
  }

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

  .price-tag__final-amount dt {
    font-family: 'Pretendard-SemiBold';
    font-size: 18px;
  }
}

.cart__order-btn {
  margin-top: 30px;
  padding: 16px 10px;
  height: auto;
  font-size: 16px;
  line-height: 24px;
}

.cart__mileage {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .cart__fixed-order-btn {
    display: none;
  }
}

@media screen and (max-width: 768px) {
  .cart {
    margin: 0 auto 60px;
    padding: 0;

    .l-panel {
      padding-left: 20px;
      padding-right: 20px;
    }
  }
  .cart-title {
    display: none;
  }

  .cart__fixed-order-btn {
    width: 100%;
    max-width: 100%;
    left: 0;
    z-index: 1;
  }

  .cart__select-manager {
    margin-top: 0;
  }

  .l-panel.cart__delivery-section {
    margin: 0 20px;
    padding: 0;
    box-shadow: 0 10px 1px #f5f5f5;
  }
}

.cart__empty {
  margin: 0 20px;
  padding: 70px 20px 40px;
  border-top: 1px solid #000;
}

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

/* Common - Customer Center */
.customer-wrap {
  .inner {
    width: 100%;
    max-width: 1230px;
    margin: 0 auto;
    display: flex;
    gap: 60px;
    padding: 0 20px;
  }
  .BrandCategory-nav {
    top: 100px;
    width: 210px;
  }
  .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 {
      top: 34px;
      width: 100%;
      padding: 34px 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: #f8f8f8;
    padding: 30px 40px;

    .text-field {
      max-width: 440px;
      margin-right: 8px;
      border-radius: 0;
      border: 1px solid #ddd;
    }

    input {
      height: 100%;
      padding: 12px 16px;

      &::placeholder {
        font-size: 14px;
        color: #888;
      }
    }

    .btn {
      width: 64px;
      font-size: 14px;
      line-height: 24px;
      border-radius: 0;
      padding: 10px;
    }
  }

  .faq-list__content-wrap {
    position: relative;

    &.is-open {
      border-bottom: 0;
    }
  }

  .faq-list {
    border-top: 0;
    margin-top: 20px;

    .faq-list__question {
      padding: 16px 20px;

      .ico--q {
        width: 36px;
        height: 36px;
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/ico-queston..png?3c38250ad89d677e23e4);
        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: 24px;
        height: 24px;
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/ico-arrow-top..png?40f221cdf295fea3883b);
        background-size: cover;
        background-position: center center;
        transform: rotate(180deg);
      }
    }

    .faq-list__answer {
      padding: 16px 20px 40px;
      background-color: #f8f8f8;

      .ico--a {
        width: 36px;
        height: 36px;
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/ico-answer..png?df6d26c9e3a52488cb98);
        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: #333 !important;
        line-height: 21px;
      }
    }
  }

  .empty-list {
    margin-top: 20px;
    border: 0;
  }

  @media (max-width: 768px) {
    padding-top: 5px;
    padding-bottom: 80px;

    .faq__search {
      width: calc(100% - 32px);
      margin: 0 16px;
      padding: 24px 16px;

      .text-field {
        max-width: none;
        height: 42px;
      }

      input {
        padding: 12px 16px;
      }
    }

    .faq-list {
      margin-top: 10px;
      .faq-list__question {
        padding: 16px 0;

        .ico--q {
          width: 18px;
          height: 18px;
          background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/ico-queston-mo..png?2b7cb6a0f47c98515fb8);
          margin-right: 6px;
        }

        p {
          width: calc(100% - 24px);
          font-size: 14px;
          line-height: 21px;
          margin-right: 16px;
        }
      }
      .faq-list__answer {
        padding: 16px 10px 30px;

        .ico--a {
          width: 18px;
          height: 18px;
          background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/ico-answer-mo..png?5eceafd3e5aaa67552ac);
        }

        .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 #dedede;
  text-align: center;
}

.faq-category-tab {
  position: relative;
  padding: 16px 10px;
  font-size: 16px;
  color: #444;
  font-family: 'Pretendard-SemiBold';

  &.is-active {
    color: var(--point-color);
    &::after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      display: block;
      width: 100%;
      height: 2px;
      background-color: var(--point-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;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    margin: 0;
  }

  /* Content - List */
  .personal-inquiry-list {
    .inquiry-item + .inquiry-item {
      margin-top: 0;
      border-top: 1px solid #eee;
    }
    .inquiry-item {
      padding-bottom: 24px;
      &:last-of-type {
        border-bottom: 1px solid #eee;
      }
    }

    .inquiry-item__top {
      padding-top: 24px;
      font-size: 14px;
      line-height: 21px;
      color: var(--gray-color);

      .inquiry-item__date {
        display: block;
        margin-top: 0;
        font-family: 'Pretendard-Regular';
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        color: var(--gray-color);
        text-align: right;
      }
    }

    .inquiry-item__bottom {
      margin-top: 16px;

      /* Info */
      .inquiry-item__title {
        font-size: 14px;
        line-height: 21px;
      }
      .inquiry-item__status-label {
        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,
      .inquiry-item__status-label--answered {
        margin-right: 10px;
        padding: 3px 6px;
        font-size: 14px;
        line-height: 22px;
      }
      .inquiry-item__status-label--ready {
        color: var(--point-color);
        background-color: #fff;
        border: 1px solid var(--point-color);
      }
      .inquiry-item__status-label--answered {
        color: #fff;
        background-color: #959799;
        border: 1px solid #959799;
      }
      .inquiry-item__angle-top-down {
        width: 24px;
        height: 24px;
        background: url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/ico-accordion-arrow..png?75d42ede14f93657efa2) 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: 20px 16px;
      }
      .inquiry-item__qna-text {
        width: calc(100% - 18px);
        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 {
        margin-top: 14px;
        font-size: 14px;
        line-height: 21px;
        color: #222;
        margin-top: 0;
        text-align: right;
      }

      /* 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: 60px;
        height: 32px;
        font-family: 'Pretendard-Regular';
        color: var(--default-font-color);
        font-size: 13px;
        line-height: 22px;
        border: 1px solid #222;
      }
    }

    /* 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: 0 0 14px 0;
    }
    .inquiry-item.is-active .inquiry-item__text {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
    }
    .inquiry-item.is-active .inquiry-item__content {
      margin-top: 0;
    }

    .inquiry-item__text.inquiry-item__text--question {
      display: flex;
      flex-direction: row;
      .ico {
        display: none;
        margin: 0 10px 0 0;
        width: 18px;
        height: 18px;
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/ico-inquiry-queston..png?b11601e492e17a3c04aa);
        background-position: center center;
        background-size: contain;
      }
    }
    .inquiry-item.is-active .inquiry-item__text.inquiry-item__text--question {
      .ico {
        display: block;
      }
    }
    .inquiry-item__text.inquiry-item__text--answer {
      .ico {
        display: block;
        margin: 0 10px 0 0;
        width: 18px;
        height: 18px;
        background-image: url(https://storefront.cdn-nhncommerce.com/copy/mall-79915/n32store-5607/ico-answer-mo..png?5eceafd3e5aaa67552ac);
        background-position: center center;
        background-size: contain;
      }
    }
  }

  /* 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: 16px;
      gap: 24px;
    }

    .my-page__total-count {
      font-size: 16px;
      line-height: 24px;
    }
    .personal-inquiry__registration-button {
      width: 100%;
      font-size: 14px;
    }
    /* Content - List */
    .personal-inquiry-list {
      .inquiry-item__bottom {
        margin-top: 20px;

        /* Content */

        .inquiry-item__text {
          padding: 16px 16px 14px 16px;
        }
        .inquiry-item__text--answer {
          padding: 0px 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;
    }
  }
}

/* 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-79915/n32store-5607/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-79915/n32store-5607/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;
  }
}

/* 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 {
    margin-bottom: 30px;
    font-family: 'Pretendard-Bold';
    font-size: 28px;
    line-height: 32px;
  }

  /* Tab - Depth1 */
  .tab {
    .tab_link {
      font-family: 'Pretendard-SemiBold';
      font-size: 16px;
      font-weight: 600;
      line-height: 20px;
      color: var(--gray-color);
      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;
    }
  }
}
@media (max-width: 768px) {
  .BrandCategory-nav {
    .tab-tit {
      display: none;
    }

    .tab {
      .tab_link {
        font-size: 20px;
        line-height: 20px;
      }
      & + & {
        margin-top: 0;
      }
    }
  }
}

.personal-inquiry {
  width: 100%;
  max-width: 100%;
  padding: 0;
  min-height: calc(100vh - 109px - 339px);
}

.personal-inquiry-inner {
  max-width: 960px;
  margin: 100px auto 144px;

  .my-page-sub-title {
    display: none;
  }
}

.my-page-breadcrumb {
  font-size: 16px;
  line-height: 24px;
  color: #777 !important;
}

.my-page-sub-title {
  padding-top: 6px;
  font-family: 'Pretendard-Bold';
  font-size: 32px;
}
@media screen and (max-width: 768px) {
  .personal-inquiry {
    padding: 0 20px;
  }
  .personal-inquiry-inner {
    margin: 24px auto 32px;
  }

  .my-page-breadcrumb {
    display: none;
  }

  .my-page-sub-title {
    display: none;
  }
}

.my-page__total-count {
  margin: 40px 0 0 0;
  font-size: 16px;
  line-height: 24px;
  color: #222;
}

.my-page__count {
  margin-left: 4px;
  span {
    font-family: 'Pretendard-SemiBold';
  }
}

.personal-inquiry__registration-button {
  height: auto;
  padding: 16px 10px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  background-color: var(--point-color);
}

.inquiry-item__top {
  font-size: 14px;
  line-height: 21px;
  color: #777;
}

.inquiry-item__date {
  font-size: 14px;
  line-height: 21px;
  color: #777;
}
@media screen and (max-width: 768px) {
  .my-page__total-count {
    margin: 24px 0 0 0;
  }

  .personal-inquiry__registration-button {
    padding: 10px;
    font-size: 14px;
    line-height: 24px;
  }
}

/*
* inquiry-item__bottom
*/
.inquiry-item__bottom {
  margin-top: 20px;
}

.inquiry-item__info {
  .inquiry-item__status-label {
    margin-right: 10px;
    padding: 3px 6px;
    font-size: 14px;
    line-height: 22px;
  }

  .inquiry-item__title {
    font-size: 14px;
  }
}

.inquiry-item__text--question {
  margin-top: 15px;
}

.inquiry-item .board-form__buttons--small {
  margin-top: 16px;
}

.inquiry-item .board-form__buttons--small button {
  width: auto;
  padding: 4px 10px;
  font-size: 14px;
  line-height: 24px;
  color: #222;
  border: 1px solid #222;
}

.faq {
  width: 100%;
  max-width: 100%;
  min-height: calc(100vh - 123px - 352px - 120px);
  margin: 100px 0 120px;
}

.faq_inner {
  max-width: 1240px;
  margin: 0 auto;

  .title {
    font-family: 'Pretendard-Bold';
    font-size: 36px;
    line-height: 44px;
  }

  .faq-list .arrow {
    right: 20px;
  }
}

@media screen and (max-width: 768px) {
  .faq {
    padding-top: 24px;
    margin: 0px 0 60px;
    min-height: calc(100vh - 60px - 458px - 60px);
  }

  .faq_inner {
    padding: 0;

    .title {
      display: none;
    }

    .faq-list {
      margin: 25px 20px 0;
    }
  }
}

.faq__search {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 0;
  padding: 30px 20px;
  background-color: #f8f8f8;

  .text-field {
    max-width: 440px;
    min-height: auto;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 21px;
    border-radius: 0;
    background-color: #fff;

    input {
      padding: 0;
    }
  }

  .btn {
    min-width: 80px;
    background-color: var(--point-color);
    border-radius: 0;
  }
}
@media screen and (max-width: 768px) {
  .faq__search {
    margin-top: 0;
    padding: 30px 20px;
  }
}

.faq-list__content {
  align-items: flex-start;
  padding: 16px 20px;
  font-size: 16px;
  line-height: 24px;
}
.customer-center__content--question.faq-list__content {
  align-items: center;
}

.faq-list__question {
  width: 100%;
  justify-content: space-between;
  > div {
    display: flex;
    align-items: center;
  }
}

.faq-list__question .ico--q {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background-image: none;
  background-color: #f5f5f5;
  border-radius: 50%;
}

.faq-list__answer .ico--a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  font-family: 'Pretendard-SemiBold';
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  background-image: none;
  background-color: #333;
  border-radius: 50%;
}

.faq-list__answer {
  font-size: 14px;
  padding: 20px 20px 40px;
  line-height: 21px;
  background-color: #f8f8f8;
  border-top: 1px solid #ddd;
}

.editor.sanitize-wrap {
  margin-top: 8px;
  font-family: 'Pretendard-Regular, NanumBarunGothic, Helvetica, AppleGothic, Dotum';
  font-size: 14px !important;

  span {
    font-family: Pretendard-Regular !important;
    font-size: 14px !important;
    color: #333 !important;
  }

  p {
    margin: 0;
    padding: 0;
    font-family: Pretendard-Regular !important;
    font-size: 14px !important;
    color: #333 !important;

    & + & {
      margin-top: 2px;
    }
  }
}
@media screen and (max-width: 768px) {
  .faq {
    & .faq-list {
      & .faq-list__question {
        .arrow {
          right: 0;
        }
      }
    }
  }

  .faq-list__question {
    display: flex;
    > div {
      width: calc(100% - 44px - 16px);
      align-items: flex-start;
    }
  }

  .faq-list__content {
    align-items: flex-start;
    padding: 16px 0;
    font-size: 14px;
    line-height: 21px;
  }

  .faq-list__question .ico--q,
  .faq-list__answer .ico--a {
    width: 18px;
    height: 18px;
    margin-right: 30px;
  }

  .faq-list__answer .ico--a {
    font-size: 13px;
    line-height: 16px;
  }

  .faq-list__answer {
    padding: 16px 10px 30px;
  }

  .faq-list__question p {
    width: 100%;
  }

  .editor.sanitize-wrap {
    margin-top: 0;
  }
}

.member-modification {
  max-width: 640px;
  margin: 60px auto 120px;
  padding: 0 20px;
}

.member-modification-name {
  height: auto;
  margin: 40px 0 27px;
  padding: 0;
  line-height: normal;
  color: #222;

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

  span {
    font-size: 14px;
    line-height: 21px;
    vertical-align: baseline;
  }
}
@media screen and (max-width: 768px) {
  .member-modification {
    margin: 0 auto 60px;
    padding: 0;
  }

  .member-modification-name {
    margin: 0 0 20px 0;
    padding: 20px;
    border-bottom: 1px solid #dedede;
  }
}

.member-modification-form {
  padding: 0 20px 36px;
}

.member-modification-form__item {
  .text-field,
  .select-box {
    border: 1px solid #dedede;
  }

  .btn {
    border-radius: 0;
  }
}

.member-modification-form__tit {
  font-size: 15px;
  line-height: 23px;
}

.member-modification-form .required {
  background-color: #f00;
}

.member-modification-form__btn--certificate {
  margin-top: 0;
  color: #222;
  border-radius: 0;
}

.member-modification-form__radio-field {
  margin-top: 36px;
}
@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 {
    border-bottom: 1px solid #dedede;
  }

  .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__checkbox--check-single {
  line-height: 21px;
}

.find-id,
.find-password {
  max-width: 440px;
  min-height: calc(100vh - 123px - 352px);
  margin: 60px auto 120px;
  padding: 0 20px;
}

.find-id__tit,
.find-password__tit {
  font-family: 'Pretendard-Bold';
  font-size: 36px;
  line-height: 48px;
}

.find-password .tabs__item,
.find-id .tabs__item {
  position: relative;
  background-color: transparent;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
}

.find-password .tabs__item,
.find-id .tabs__item {
  &:last-of-type {
    display: none;
  }
}

.find-password .tabs__item button,
.find-id .tabs__item button {
  font-size: 16px;
  color: #222;
}

.find-password .tabs__item.on,
.find-id .tabs__item.on {
  font-family: 'Pretendard-SemiBold';
  color: #fff;
  background-color: var(--point-color);

  button {
    color: #fff;
  }
}

.find-id-form__input-wrap input,
.find-password-form__input-wrap input {
  background-color: #fff;
  border: 1px solid #dedede;
}

.find-id-form__input-wrap select {
  background-color: #fff;
  border: 1px solid #dedede;
}

@media screen and (max-width: 768px) {
  .find-password,
  .find-id {
    max-width: 100%;
    margin: 30px auto 60px;
  }

  .find-password__tit,
  .find-id__tit {
    display: none;
  }
}

.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;
  }
}
body{--whole-color: #fff;--background-color: #f5f6f8;--point-color: #006c64;--point-color-secondary: #2869f7;--black-color: #222;--dark-gray-color: #262626;--empty-color: #f5f5f5;--default-color: #ddd;--blue-gray-color: #3f434c;--gray-color: #777;--gray-font-color: #828282;--tooltip-bg-color: #f7f7f7;--default-font-color: #222}hmtl{font-size:16px}body{font-family:"Pretendard-Regular",sans-serif;color:#222}.blind{position:absolute;width:1px;height:1px;clip:rect(0 0 0 0);overflow:hidden}a,a:-webkit-any-link{color:#222}* ::placeholder{color:#888 !important}