.pdp-section * {
  box-sizing: border-box !important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.pc-only {
  display: block !important;
}

.mo-only {
  display: none !important;
}

.is-rounded {
  border-radius: 25px;
  overflow: hidden;
}

.swiper-button-next,
.swiper-button-prev {
  width: auto !important;
  height: auto !important;
  margin-top: 0 !important;
  background: none !important;
  border: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  border-radius: 0;
  z-index: auto;

  &::after {
    display: none;
  }

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

.pdp-section {
  /* layout */
  --max-w: 1900px;
  --min-w: 1400px;
  --w-content: 1200px;

  /* color */
  --c-white: #ffffff;
  --c-black: #333;
  --c-red: #e75a1e;
  --line-border: #d7d6d4;

  /* spacing — padding / margin / gap 전용 (font-size에 쓰지 말 것) */
  --space-1: 1px;
  --space-10: 10px;
  --space-20: 20px;
  --space-30: 30px;
  --space-40: 40px;
  --space-50: 50px;
  --space-60: 60px;
  --space-80: 80px;
  --space-100: 100px;
  --space-120: 120px;
  --space-240: 240px;
  --space-250: 250px;
  --section-pad-top: 240px;
  --section-pad-top-lg: 250px;
  --contents-pad-top: 100px;

  /* font-size */
  --fs-base: 18px;
  --fs-20: 20px;
  --fs-21: 21px;
  --fs-30: 30px;
  --fs-33: 33px;
  --fs-35: 35px;
  --fs-40: 40px;
  --fs-42: 42px;
  --fs-45: 45px;
  --fs-50: 50px;
  --fs-60: 60px;
  --fs-65: 65px;
  --fs-67: 67px;
  --fs-70: 70px;
  --fs-72: 72px;
  --fs-75: 75px;
  --fs-notice: 18px;
  --fs-tit-h3: 70px;
  --fs-tit-h4: 40px;
  --fs-box-h3: 60px;
  --fs-box-h4: 35px;
  --fs-text-p1: 50px;
  --fs-text-p2: 35px;

  /* line-height */
  --lh-21: 21px;
  --lh-31: 31px;
  --lh-44: 44px;
  --lh-46: 46px;
  --lh-55: 55px;
  --lh-62: 62px;
  --lh-63: 63px;
  --lh-70: 70px;
  --lh-83: 83px;
  --lh-85: 85px;
  --lh-93: 93px;
  --lh-102: 102px;
  --lh-notice: 21px;
  --lh-tit-h3: 85px;
  --lh-tit-h4: 55px;
  --lh-box-h3: 83px;
  --lh-box-h4: 55px;
  --lh-text-p1: 70px;
  --lh-text-p2: 55px;

  /* font-weight */
  --font-thin: 300;
  --font-regular: 400;
  --font-medium: 500;
  --font-semi: 600;
  --font-bold: 700;
  --font-extra: 800;

  /* border-radius 전용 */
  --radius-pill: 999px;
  --radius-xxlg: 100px;
  --radius-xlg: 40px;
  --radius-lg: 25px;
  --radius-md: 15px;
  --radius-sm: 10px;
  --radius-xs: 5px;

  /* @deprecated — spacing 용도만. 신규 작성 시 --space-* 사용 */
  --px-1: var(--space-1);
  --px-20: var(--space-20);
  --px-30: var(--space-30);
  --px-40: var(--space-40);
  --px-50: var(--space-50);
  --px-250: var(--space-250);
  --px-999: var(--radius-pill);

  max-width: var(--max-w);
  min-width: var(--min-w);

  &.pdp-section-point1,
  &.pdp-section-point2,
  &.pdp-section-point3,
  &.pdp-section-point4,
  &.pdp-section-point5,
  &.pdp-section-point6 {
    padding: 200px 0 0;

    .contents {
      padding: 200px 0;
    }
  }

  .stirrer-body,
  .deodor-panel,
  .filter-row img,
  .contents-compact .premium-photo,
  .color-card {
    border-radius: 28px;
  }
  margin: 0 auto;

  font-family: "Pretendard";
  font-size: var(--fs-base);
  font-weight: var(--font-regular);

  color: var(--c-black);
  background: var(--c-white);

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

  .video-box {
    position: relative;
    overflow: hidden;
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    mask-image: radial-gradient(white, black);

    .video {
      position: relative;
      line-height: 0;
    }

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

    video {
      width: 100%;
      height: 100%;
      position: absolute;
      inset: 0;
      object-fit: cover;
      outline: none;
      border: 0;
      box-shadow: none;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
    }
  }

  .summary-detail {
    width: 100%;
    background: transparent;
  }

  .summary-box,
  .summary-detail {
    .summary-toggle {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: 200px;
      margin: 0 auto;
      padding: 14px 24px;
      border: var(--px-1) solid var(--c-black);
      border-radius: var(--radius-pill);
      font-size: var(--fs-21);
      font-weight: var(--font-medium);
      line-height: 1;
      color: var(--c-black);
      background: transparent;
      cursor: pointer;
      list-style: none;

      &::-webkit-details-marker {
        display: none;
      }

      &::after {
        content: "";
        width: 10px;
        height: 10px;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(45deg);
        margin-top: -4px;
        transition: transform 0.2s ease;
      }
    }

    .summary-panel {
      margin-top: 40px;
      font-size: 17px;
      line-height: 21px;
      color: var(--c-black);
      text-align: left;
      background: transparent;
    }

    .summary-block + .summary-block {
      margin-top: 30px;
    }

    .summary-caution {
      margin-bottom: 20px;
    }

    .summary-title {
      margin: 0;
      font-size: inherit;
      font-weight: var(--font-regular);
      line-height: inherit;
    }

    .summary-list {
      margin: 8px 0 0;
      padding: 0;
      list-style: none;
      counter-reset: summary-main;

      &.no-padding {
        padding: 0;
      }
    }

    .summary-list > li {
      position: relative;
      padding-left: 1.2em;
      counter-increment: summary-main;
    }

    .summary-list > li::before {
      content: counter(summary-main) ". ";
      position: absolute;
      left: 0;
      top: 0;
      width: 1.2em;
      text-align: left;
    }

    .summary-sublist {
      margin: 0;
      padding: 0;
      list-style: none;
      counter-reset: summary-sub;
    }

    .summary-sublist > li {
      position: relative;
      padding-left: 1em;
      counter-increment: summary-sub;
    }

    .summary-sublist > li:first-child {
      margin-top: 0;
    }

    .summary-sublist > li::before {
      content: counter(summary-sub) ") ";
      position: absolute;
      left: 0;
      top: 0;
      width: 1em;
      text-align: left;
    }

    .summary-sublist > li.no {
      padding: 0;
    }

    .summary-sublist > li.no::before {
      display: none;
    }

    .summary-sub-item {
      display: flex;
      align-items: flex-start;
    }

    .summary-sub-item .sub-label {
      flex-shrink: 0;
      margin-right: 4px;
    }

    .summary-sub-item .sub-text {
      flex-grow: 1;
    }

    .summary-sub-item .sub-text-group {
      display: flex;
      flex: 1;
      align-items: flex-start;
      min-width: 0;
      flex-direction: column;
    }

    .summary-sub-item .sub-text-group .sub-text {
      flex: 1;
      min-width: 0;
    }

    .summary-sub-item .sub-text-cols {
      display: flex;
      flex-direction: column;
      flex: 1;
      min-width: 0;
      gap: 2px;
    }

    .summary-sublist-wrapper {
      display: flex;
      align-items: flex-start;
      margin: 0;
      padding: 0;
      gap: 8px;
    }

    .summary-sublist-label {
      flex-shrink: 0;
      white-space: nowrap;
    }

    .summary-sublist-wrapper .summary-sublist {
      margin: 0;
      padding: 0;
      flex-grow: 1;
    }

    .summary-note-list {
      margin: 0px 0 0;
      list-style: none;

      &.no-padding {
        padding: 0;
      }

      /* 연속된 주석 목록 사이 간격 (HTML 클래스 없이도 적용) */
      & + .summary-note-list {
        margin-top: 20px;
      }
    }

    .summary-note-list > li {
    }
  }

  .summary-detail[open] .summary-toggle::after {
    transform: rotate(-135deg);
    margin-top: 4px;
  }

  .tit-box {
    text-align: center;

    p.label {
      width: 162px;
      height: 90px;
      margin: 0 auto;
      overflow: hidden;

      img {
        width: 100%;
        height: 100%;
      }
    }

    h3 {
      margin: var(--space-50) auto 0;
      font-size: var(--fs-tit-h3);
      line-height: var(--lh-tit-h3);
      font-weight: var(--font-bold);
    }

    h4 {
      margin-top: var(--space-30);
      font-size: var(--fs-tit-h4);
      line-height: var(--lh-tit-h4);
      font-weight: var(--font-semi);
    }

    p {
      margin-top: var(--space-30);
      font-size: var(--fs-20);
      line-height: var(--lh-31);
    }
  }

  .text-box {
    .p1 {
      font-size: var(--fs-text-p1);
      line-height: var(--lh-text-p1);
      font-weight: var(--font-bold);
    }

    .p2 {
      margin-top: var(--space-30);
      font-size: var(--fs-text-p2);
      line-height: var(--lh-text-p2);
      font-weight: var(--font-medium);
    }
  }

  .img-box,
  .grid-box,
  .slide-box,
  .video-box {
    .number {
      margin-bottom: 20px;
    }
    text-align: center;

    h3 {
      font-size: var(--fs-box-h3);
      line-height: var(--lh-box-h3);
      font-weight: var(--font-bold);
      color: #b49c82;
    }

    h4 {
      margin-top: var(--space-40);
      font-size: var(--fs-box-h4);
      line-height: var(--lh-box-h4);
      font-weight: var(--font-medium);
    }
  }

  p.notice {
    font-size: var(--fs-notice);
    line-height: var(--lh-notice);
    text-align: center;
  }

  /* 메인 타이틀: "미생물형" + 소용량 이미지 한 줄 유지 */
  .hero-tit-row {
    display: inline-flex;
    align-items: center;
    gap: 15px;

    img {
      margin: 0;
    }

    @media screen and (max-width: 1024px) {
      gap: 2vw;
    }
  }

  .point-head {
    max-width: var(--w-content);
    margin: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 60px;
    border-left: 3px solid #a89070;
    padding-left: 50px;
  }

  .point-num {
    margin: 0;
    flex-shrink: 0;
    font-size: 20px;
    line-height: 1.3;
    font-weight: var(--font-regular);
    color: #a89070;

    strong {
      display: block;
      font-size: 50px;
      line-height: 1;
      font-weight: var(--font-bold);
    }
  }

  .point-title-row {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex: 1;
  }

  /* 공통 CSS(.prd_detail_new .tabcon h3) 영향 차단: 클래스 체인으로 명시도 상향 */
  .point-head .point-title-row .point-tit {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: 60px;
    line-height: 80px;
    font-weight: var(--font-bold);
    color: #5f5344;
    flex-shrink: 0;
  }

  .point-desc {
    margin: 0;
    font-size: 30px;
    line-height: 46px;
    font-weight: var(--font-semi);
    color: #5f5344;
  }

  &.pdp-section-main {
    background-color: #e8e0d9;

    .contents-box {
      .contents {
        &.contents1 {
          padding: 185px 0 707px;
          background-image: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260928/WMB-0703/visual.png");
          background-repeat: no-repeat;
          background-position: center top;
          background-size: cover;

          .tit-box {
            max-width: var(--w-content);
            margin: auto;
            text-align: center;

            .p1 {
              margin-top: 0;
              font-size: 50px;
              line-height: 63px;
              font-weight: var(--font-bold);
              color: #333333;
            }

            h2 {
              display: flex;
              align-items: center;
              gap: 15px;
              margin-top: var(--px-10);
              font-size: 75px;
              line-height: 102px;
              font-weight: var(--font-extra);
              img {
                margin: 0;
              }
            }

            img {
              margin-top: var(--px-30);
            }
          }
        }

        &.contents2 {
          max-width: var(--w-content);
          padding: 160px 0;
          margin: auto;

          .grid-box {
            .grid {
              h3 {
                font-size: 65px;
                line-height: 93px;
                font-weight: var(--font-medium);

                em {
                  font-weight: var(--font-bold);
                }
              }

              .grid-group {
                display: grid;
                grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
                gap: var(--px-20);
              }

              .grid-col-left,
              .grid-col-right {
                display: flex;
                flex-direction: column;
                gap: var(--px-20);
              }

              .grid-group-bottom {
                grid-column: 1 / -1;
                display: grid;
                grid-template-columns: 550px 1fr;
                gap: var(--px-20);
              }

              .grid-group-item {
                width: 100%;
                min-width: 0;
                border-radius: 20px;
                overflow: hidden;
                cursor: pointer;
                background: #f2f0f0;
                padding: 40px;
                text-align: left;
              }

              .grid-kicker {
                margin: 0;
                font-size: 30px;
                line-height: 1;
                font-weight: var(--font-bold);
              }

              .grid-tit {
                margin: 8px 0 0;
                color: #333;
                font-size: 48px;
                line-height: 60px;
                font-weight: var(--font-extra);
                letter-spacing: -0.03em;
              }

              .item-culture,
              .item-size,
              .item-deodor,
              .item-display,
              .item-auto,
              .item-care {
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
              }

              .item-culture {
                height: 421px;
                background-image: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260928/WMB-0703/main-grid-item-culture.png");
              }

              .item-size {
                height: 568px;
                background-image: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260928/WMB-0703/main-grid-item-size.png");
              }

              .item-deodor {
                height: 489px;
                position: relative;
                overflow: hidden;

                .grid-kicker,
                .grid-tit {
                  position: relative;
                  z-index: 1;
                }

                .deodor-bg-video {
                  position: absolute;
                  inset: 0;
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                  object-position: center center;
                  z-index: 0;
                }
              }

              .item-display {
                height: 341px;
                position: relative;

                .display-media {
                  position: absolute;
                  bottom: 20px;
                  right: 20px;
                  width: 100%;
                  max-width: 198px;
                  border-radius: 10px;
                  overflow: hidden;

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

                  video {
                    position: absolute;
                    inset: 0;
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                  }
                }
              }

              .item-auto {
                height: 200px;
                width: 550px;
                background-image: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260928/WMB-0703/main-grid-item-auto.png");
                background-position: 400px center;
                background-size: 123px 123px;
              }

              .item-care {
                height: 200px;
                width: 630px;
                background-image: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260928/WMB-0703/main-grid-item-care.png");
                background-position: 470px center;
                background-size: 123px 123px;
              }

              .item-size .grid-kicker,
              .item-size .grid-tit {
                color: #fff;
              }

              .item-culture {
                display: flex;
                flex-direction: column;
              }

              .item-culture,
              .item-deodor,
              .item-size,
              .item-display,
              .item-auto,
              .item-care {
                cursor: pointer;
              }

              .grid-badge {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                width: 146px;
                height: 146px;
                margin-top: 60px;
              }

              .grid-state {
                margin: 16px 0 0;
                color: #8a8a8a;
                font-size: 13px;
                line-height: 18px;
              }

              .item-auto,
              .item-care {
                display: flex;
                flex-direction: column;
                justify-content: center;
              }

              .grid-group-item:has(.video-box),
              .grid-group-item-8:has(.img-box) {
                cursor: pointer;
              }

              .grid-group-bottom-left .grid-group-item-7 {
                width: 100%;
                height: 100%;
              }

              @media screen and (min-width: 1025px) {
                .grid-group-bottom {
                  grid-template-columns: 550px 1fr;
                }
              }

              .grid-group-item .video-box {
                width: 100%;
                line-height: 0;

                img {
                  position: relative;
                  z-index: 2;
                }

                video {
                  z-index: 2;
                }

                &.is-playing {
                  img {
                    z-index: 1;
                  }

                  video {
                    z-index: 2;
                    opacity: 1;
                  }
                }
              }

              .grid-group-item .img-box {
                line-height: 0;
              }

              .grid-group-item img {
                width: 100%;
                height: auto;
                display: block;
              }
            }
          }

          .summary-box {
            margin-top: 80px;
          }
        }

        &.contents3 {
          padding: 270px 0 1200px;
          background-image: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260928/WMB-0703/main-product.png");
          background-repeat: no-repeat;
          background-position: center bottom;
          background-size: cover;
          .concern-wrap {
            max-width: var(--w-content);
            margin: 0 auto;
            .concern-row {
              display: flex;
              align-items: flex-start;
              gap: 60px;
              position: relative;
            }

            .concern-text-col {
              flex: 1;
            }

            .concern-lead {
              margin: 0;
              font-size: 50px;
              line-height: 65px;
              font-weight: var(--font-bold);
              color: var(--c-black);
            }

            .concern-desc {
              margin: 30px 0 0;
              font-size: 40px;
              line-height: 62px;
              font-weight: var(--font-regular);
              color: var(--c-black);

              strong {
                font-weight: var(--font-bold);
              }
            }

            .concern-tags {
              display: flex;
              flex-direction: column;
              gap: 10px;
              margin: 40px 0 0;
              padding: 0;
              list-style: none;

              li {
                display: inline-flex;
                align-items: center;
                padding: 10px 24px;
                border-radius: 15px;
                font-size: 32px;
                font-weight: var(--font-bold);
                line-height: 1;
                width: fit-content;
                background: #b49c82;
                color: var(--c-white);
              }
            }

            .concern-img-col {
              position: absolute;
              flex-shrink: 0;
              width: 420px;
              margin-top: 260px;
              right: 0;
              top: 0;
              img {
                display: block;
                width: 100%;
                height: auto;
              }
            }

            .concern-section-tit {
              margin: 0;
              padding-top: 30px;
              font-size: 55px;
              line-height: 75px;
              font-weight: var(--font-bold);
              color: var(--c-black);

              &::before {
                content: "";
                display: block;
                width: 2px;
                height: 130px;
                background: #74726d;
                margin-bottom: 30px;
                margin-left: 10px;
              }
            }
          }

          .easy-wrap {
            margin: 100px auto 0;

            .easy-row {
              display: flex;
              align-items: center;
              gap: 80px;
            }

            .easy-img-col {
              flex-shrink: 0;

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

            .easy-text-col {
              flex: 1;
            }

            .easy-kicker {
              margin: 0;
              font-size: 40px;
              line-height: 1;
              font-weight: var(--font-regular);
              color: #414042;
            }

            .easy-lead {
              margin: 16px 0 0;
              font-size: 60px;
              line-height: 90px;
              font-weight: var(--font-bold);
              color: var(--c-black);
              text-decoration: underline;
              text-decoration-thickness: 0.06em;
              text-underline-offset: 0.2em;
            }

            .easy-desc {
              margin: 60px 0 0;
              font-size: 40px;
              line-height: 62px;
              font-weight: var(--font-regular);
              color: #414042;
            }
          }

          .bubble-wrap {
            max-width: var(--w-content);
            margin: 80px auto 0;
            display: flex;
            flex-direction: column;
            gap: 20px;

            img {
              display: block;
              width: max-content;
              height: 136px;
              height: auto;
              opacity: 0;
              transform: translateY(40px);
              transition:
                opacity 0.6s ease,
                transform 0.6s ease;

              &:nth-child(1) {
                margin-left: 173px;
                transition-delay: 0s;
              }
              &:nth-child(2) {
                margin-left: 436px;
                transition-delay: 0.2s;
              }
              &:nth-child(3) {
                margin-left: 173px;
                transition-delay: 0.4s;
              }
            }

            &.is-visible img {
              opacity: 1;
              transform: translateY(0);

              &:nth-child(1) {
                animation: bubbleFloat 4s ease-in-out infinite 0.6s;
              }
              &:nth-child(2) {
                animation: bubbleFloat 4s ease-in-out infinite 0.9s;
              }
              &:nth-child(3) {
                animation: bubbleFloat 4s ease-in-out infinite 1.2s;
              }
            }
          }

          @keyframes bubbleFloat {
            0%,
            100% {
              transform: translateY(0);
            }
            50% {
              transform: translateY(-12px);
            }
          }

          .dotted-wrap {
            margin: 100px auto;
            text-align: center;
          }

          .tit-box {
            max-width: var(--w-content);
            margin: 130px auto 0;
            text-align: center;

            .p1 {
              margin-top: 0;
              font-size: 45px;
              line-height: 60px;
              font-weight: var(--font-bold);
              color: #333333;
            }

            h2 {
              display: flex;
              align-items: center;
              justify-content: center;
              gap: 15px;
              margin-top: var(--px-10);
              font-size: 60px;
              line-height: 85px;
              font-weight: var(--font-extra);

              img {
                margin: 0;
              }
            }
          }
        }
      }
    }
  }

  /* ========== point1 강한 분쇄력 ========== */
  &.pdp-section-point1 {
    .contents-section {
      .contents-box {
        .contents-new-standard {
          padding-bottom: 0;
          .new-standard-inner {
            max-width: var(--w-content);
            margin: 0 auto;
          }

          .new-standard-img {
            margin-top: 30px;

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

        .contents-special-reason {
          padding-bottom: 100px;
          margin: 0 auto;
          .video-box {
            position: relative;
            overflow: hidden;

            .video {
              position: relative;
              line-height: 0;

              img {
                display: block;
                width: 100%;
                height: auto;
                position: relative;
                z-index: 2;
              }

              video {
                position: absolute;
                inset: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                z-index: 1;
                opacity: 0;
              }
            }

            &.is-playing .video {
              img {
                z-index: 1;
              }
              video {
                z-index: 2;
                opacity: 1;
              }
            }
          }
        }

        .contents-patent-card {
          max-width: var(--w-content);
          margin: 0 auto;
          padding: 0px 0;

          .patent-card {
            display: flex;
            align-items: flex-start;
            gap: 60px;
            padding: 40px 50px;
            border-radius: 20px;
            background: #f5f5f3;
          }

          .patent-col-tit {
            flex-shrink: 0;

            p {
              margin: 0;
              font-size: 50px;
              line-height: 65px;
              font-weight: var(--font-regular);
              color: #67523e;

              strong {
                display: block;
                font-weight: var(--font-bold);
                color: #b49c82;
              }
            }
          }

          .patent-col-desc {
            flex: 1;
            padding-left: 60px;
          }

          .patent-main {
            margin: 0;
            font-size: 30px;
            line-height: 45px;
            font-weight: var(--font-medium);
            color: var(--c-black);
          }

          .patent-sub {
            margin: 16px 0 0;
            font-size: 23px;
            line-height: 33px;
            font-weight: var(--font-bold);
            color: #333333;

            span {
              font-weight: var(--font-regular);
            }
          }

          .patent-col-badge {
            flex-shrink: 0;

            img {
              display: block;
              width: 211px;
              height: auto;
            }
          }
        }

        .contents-ready-to-use {
          .img-box {
            max-width: var(--w-content);
            margin: 0 auto;

            .img {
              margin-top: 60px;
              position: relative;

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

              .img-static {
                position: relative;

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

                .img-blend-title {
                  position: absolute;
                  top: 90px;
                  left: 50%;
                  transform: translateX(-50%);
                  width: max-content;
                  height: 100px;
                  background: #f5f5f3;
                  z-index: 1;
                }
              }

              .video {
                position: absolute;
                top: 90px;
                margin-top: 40px;
                line-height: 0;
                overflow: hidden;

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

                video {
                  position: absolute;
                  inset: 0;
                  width: 101%;
                  height: 100%;
                  object-fit: cover;
                  overflow: hidden;
                }
              }
            }
          }

          .summary-box {
            max-width: var(--w-content);
            margin: 60px auto 0;
          }
        }

        .contents-tip {
          max-width: var(--w-content);
          margin: 0 auto;
          padding: 50px 0;
          .tip-box {
            max-width: var(--w-content);
            margin: 0 auto;
          }

          .tip-detail {
            overflow: hidden;
          }

          .tip-toggle {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
            width: max-content;
            height: 55px;
            margin: 0 auto;
            padding: 0 30px;
            font-size: 33px;
            font-weight: var(--font-medium);
            color: #b49c82;
            border: var(--px-1) solid #b49c82;
            border-radius: var(--radius-pill);
            cursor: pointer;
            list-style: none;

            &::-webkit-details-marker {
              display: none;
            }

            &::after {
              content: "";
              width: 28px;
              height: 28px;
              border-radius: 50%;
              background: #6b5f52 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px no-repeat;
              flex-shrink: 0;
              transition: transform 0.3s ease;
            }
          }

          .tip-detail[open] .tip-toggle::after {
            transform: rotate(180deg);
          }

          .tip-panel {
            padding: 50px 40px 60px;
            background: #fff;
            text-align: center;
          }

          .tip-tit {
            font-size: var(--fs-box-h3);
            line-height: var(--lh-box-h3);
            font-weight: var(--font-bold);
            color: #b49c82;
          }

          .tip-desc {
            margin-top: var(--space-40);
            font-size: var(--fs-box-h4);
            line-height: var(--lh-box-h4);
            font-weight: var(--font-medium);
          }
        }

        .contents-optimization {
          padding-bottom: 0;
          .img-box {
            max-width: var(--w-content);
            margin: 0 auto;

            .img {
              margin-top: 60px;

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

          .summary-box {
            max-width: var(--w-content);
            margin: 60px auto 0;
          }
        }

        .contents-how-to {
          padding-bottom: 0;
          .img-box {
            max-width: var(--w-content);
            margin: 0 auto;

            .img {
              margin-top: 60px;

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

        .contents-decrease {
          padding-top: 0;
          padding-bottom: 0;
          .img-box {
            max-width: var(--w-content);
            margin: 0 auto;

            .decrease-img {
              position: relative;

              > img {
                display: block;
                width: 100%;
                height: auto;
              }

              .video {
                position: absolute;
                overflow: hidden;
                line-height: 0;
                max-width: 700px;
                width: 29.1666%;
                border-radius: 20px;

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

                video {
                  position: absolute;
                  inset: 0;
                  width: 100%;
                  height: 100%;
                  object-fit: cover;
                }
              }

              .decrease-video-1 {
                top: 36.6%;
                left: 14.3%;
              }

              .decrease-video-2 {
                top: 36.6%;
                left: 56.6%;
              }
            }
          }

          .summary-box {
            max-width: var(--w-content);
            margin: 60px auto 0;
          }
        }

        .contents-halophilic-bacteria {
          .halophilic-inner {
            max-width: var(--w-content);
            margin: 0 auto;
          }

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

          .summary-box {
            max-width: var(--w-content);
            margin: 60px auto 0;
          }
        }

        .contents-agreement {
          margin: 0 auto;
          background: #f7f8f8;
          .agreement-head {
            width: 1150px;
            margin: 0 auto;
          }
          .agreement-label {
            color: #c4b49a;
            font-size: 30px;
            line-height: 40px;
            font-weight: var(--font-medium);
            letter-spacing: 0.18em;
          }

          .agreement-tit {
            margin: 18px 0 0;
            color: #c4b49a;
            font-size: 60px;
            line-height: 83px;
            font-weight: var(--font-bold);
            em {
              color: #333;
            }
          }

          .agreement-paper {
            position: relative;
            margin: 80px auto 0;
            width: 1111px;

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

        @media screen and (max-width: 1024px) {
          .contents-agreement {
            max-width: calc(100% - 11.2vw);

            .agreement-head {
              margin-left: 5vw;
            }

            .agreement-tit {
              margin-top: 2.6667vw;
              font-size: 5.3333vw;
              line-height: 6.6667vw;
            }

            .agreement-paper {
              width: 78.1333vw;
              margin: 6.6667vw auto 0;
            }

            .agreement-sheet {
              padding: 8vw 5.3333vw 10vw;
            }

            .agreement-headline {
              font-size: 4.2667vw;
              line-height: 6vw;
            }

            .agreement-body {
              font-size: 3.2vw;
              line-height: 5.2vw;
            }
          }
        }
      }
    }
  }

  &.pdp-section-point2 {
    .contents.contents-smart-hero {
      padding-bottom: 0;
    }

    .contents-buster-mode {
      padding-bottom: 0;
      .img-box {
        max-width: var(--w-content);
        margin: 0 auto;
      }

      .img {
        position: relative;
        margin-top: 60px;
      }

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

      .video {
        position: absolute;
        z-index: 1;
        overflow: hidden;
        line-height: 0;

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

        video {
          position: absolute;
          inset: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .buster-video-button {
        top: 0;
        left: 0;
        width: 100%;
      }

      .buster-video-chart {
        top: 59%;
        left: 50%;
        width: 50.5%;
        transform: translateX(-50%);
      }

      .summary-box {
        max-width: var(--w-content);
        margin: 60px auto 0;
      }
    }

    .contents-smart-auto-system {
      .img-box {
        max-width: var(--w-content);
        margin: 0 auto;
        text-align: center;
      }

      .img {
        position: relative;
        margin-top: 60px;
      }

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

      .video {
        position: absolute;
        z-index: 1;
        left: 16.32%;
        width: 30.0833%;
        overflow: hidden;
        line-height: 0;
        border-radius: 16px;

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

        video {
          position: absolute;
          inset: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }

      .smart-video-ready {
        top: 29.7%;
      }

      .smart-video-primary {
        top: 57.57%;
      }
    }

    .contents-tip {
      margin: 0 auto;
      padding: 50px 0;

      .tip-box {
        width: 100%;
        max-width: none;
        margin: 0 auto;
      }

      .tip-detail {
        overflow: hidden;
      }

      .tip-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: max-content;
        height: 55px;
        margin: 0 auto;
        padding: 0 30px;
        font-size: 33px;
        font-weight: var(--font-medium);
        color: #b49c82;
        border: var(--px-1) solid #b49c82;
        border-radius: var(--radius-pill);
        cursor: pointer;
        list-style: none;

        &::-webkit-details-marker {
          display: none;
        }

        &::after {
          content: "";
          width: 28px;
          height: 28px;
          border-radius: 50%;
          background: #6b5f52 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23fff' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center / 12px no-repeat;
          flex-shrink: 0;
          transition: transform 0.3s ease;
        }
      }

      .tip-detail[open] .tip-toggle::after {
        transform: rotate(180deg);
      }
    }

    .contents-tip .use-guide {
      width: 100%;
      max-width: none;
      margin: 50px 0 0;
      text-align: left;
      background: #f7f8f8;

      .use-guide-inner {
        width: 1200px;
        max-width: 1200px;
        margin: 0 auto;
        padding: 230px 0;
      }

      .use-guide-head {
        display: flex;
        align-items: center;
        gap: 20px;
      }

      .use-guide-label,
      .use-guide-tip {
        margin: 0;
        color: #c4b49a;
        font-size: 30px;
        line-height: 40px;
        font-weight: var(--font-medium);
        letter-spacing: 0.04em;
        flex-shrink: 0;
      }

      .use-guide-line {
        flex: 1;
        height: 1px;
        background: #e4d8c8;
      }

      .use-guide-tit {
        margin: 18px 0 0;
        color: #222;
        font-size: 60px;
        line-height: 83px;
        font-weight: var(--font-bold);
      }

      .use-guide-card {
        margin-top: 80px;

        &.use-guide-card-2 {
          margin-left: 310px;
        }

        img {
          display: block;
          height: auto;
          border-radius: 16px;
          width: 880px;
        }
      }

      .use-guide-q {
        font-size: 50px;
        line-height: 70px;
        font-weight: var(--font-bold);
      }

      .use-guide-text {
        margin-left: 40px;
        padding-top: 60px;
        padding-left: 40px;
        border-left: 1px solid #e4d8c8;

        .use-guide-q {
          padding: 0;
        }
      }

      .use-guide-a {
        margin: 16px 0 0;
        font-size: 35px;
        line-height: 55px;
      }

      .use-guide-note {
        margin: 0;
        padding: 0;
        list-style: none;
        color: #333333;
        font-size: 27px;
        line-height: 55px;
      }

      .summary-box {
        margin-top: 28px;
        margin-left: 80px;

        .summary-toggle {
          margin-left: 0;
          margin-right: auto;
        }
      }

      .use-guide-detail {
        margin-top: 20px;
        color: #888;
        font-size: 13px;
        line-height: 20px;

        p {
          margin: 0;
        }
      }
    }

    .contents-stirrer {
      max-width: 1200px;
      margin: 0 auto;
      padding-bottom: 0;
      .img-box {
        max-width: var(--w-content);
        margin: 0 auto;
      }

      .stirrer-body {
        margin-top: 64px;
        overflow: hidden;
      }

      .stirrer-body .video {
        position: relative;
        overflow: hidden;
        line-height: 0;

        img,
        video {
          display: block;
          width: 100%;
          height: auto;
        }

        video {
          position: absolute;
          inset: 0;
          height: 100%;
          object-fit: cover;
        }
      }

      .stirrer-caption {
        margin: 0;
        padding: 28px 40px 16px;
        background: #d2d0d3;
        color: #222;
        font-size: 40px;
        line-height: 58px;
        font-weight: var(--font-medium);
        text-align: center;

        strong {
          font-weight: var(--font-extra);
        }
      }

      .stirrer-note {
        margin: 0;
        padding: 0 40px 48px;
        background: #d2d0d3;
        font-size: 18px;
        line-height: 26px;
        text-align: center;
      }
    }
  }

  &.pdp-section-point3 {
    .contents.contents-deodor-hero {
      padding-top: 0;
      padding-bottom: 0;
    }

    .contents.contents-deodor-steps {
      padding-bottom: 0;
    }

    .contents.contents-carbon {
      padding-bottom: 0;
    }

    .contents.contents-deodor-func {
      padding-bottom: 0;
    }

    .contents.contents-filter-change {
      padding-bottom: 0;
    }

    .summary-box {
      max-width: 1200px;
      margin: 40px auto 0;
    }

    .deodor-system,
    .carbon-visual {
      display: block;
      width: 100%;
      max-width: 1200px;
      height: auto;
      margin: 60px auto 0;
    }

    .deodor-step-list {
      margin: 80px auto 0;
    }

    .carbon-visual {
      margin-top: 40px;
    }

    .deodor-panel {
      max-width: 1200px;
      margin: 50px auto 0;
      background: #f7f7f7;
      text-align: center;

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

      p {
        padding: 80px 0;
        color: #555;
        font-size: 22px;
        line-height: 1.4;
      }
    }

    .filter-row {
      display: grid;
      grid-template-columns: 1fr 1.1fr;
      gap: 48px;
      align-items: center;
      max-width: 1200px;
      margin: 80px auto 0;

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

    .filter-row-reverse {
      grid-template-columns: 1.1fr 1fr;
    }

    .filter-copy {
      color: #333;
      h4 {
        margin: 0;
        font-size: 50px;
        line-height: 70px;
        font-weight: var(--font-bold);
      }

      p {
        margin-top: 10px;
        font-size: 35px;
        line-height: 55px;
      }
    }

    p.filter-note {
      margin-top: 10px;
      font-size: 23px;
      line-height: 35px;
    }

    @media screen and (max-width: 1024px) {
      padding: 16vw 5.6vw;

      .filter-row,
      .filter-row-reverse {
        margin: 5.3333vw auto 0;
        gap: 5.3333vw;
      }

      .filter-copy h4 {
        font-size: 4.6667vw;
        line-height: 1.2;
      }
      .filter-copy p {
        margin-top: 1.3333vw;
        font-size: 3.3333vw;
        line-height: 4.6667vw;
        &.filter-note {
          margin-top: 0.666vw;
          font-size: 2.4vw;
          line-height: 3.2vw;
        }
      }

      .filter-copy {
        text-align: left;
        margin-top: 4vw;
      }

      .filter-row img {
        margin-top: 4vw;
      }
    }
  }

  &.pdp-section-point4 {
    .contents.contents-premium-hero {
      padding-bottom: 0;
    }

    .contents.contents-award,
    .contents.contents-compact,
    .contents.contents-colors {
      padding-bottom: 0;
    }

    .award-board {
      max-width: 1200px;
      margin: 70px auto 0;
      padding: 64px 70px 48px;
      background: #f5f5f3 url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260928/WMB-0703/point4-text.png") no-repeat right top;
      color: #222;

      h4 {
        margin: 0;
        font-size: 40px;
        line-height: 1.3;
        font-weight: var(--font-bold);
      }
    }

    .award-logos {
      display: block;
      height: auto;
      margin: 36px 0 0;
      mix-blend-mode: darken;
    }

    .award-cols {
      display: grid;
      grid-template-columns: 410px 410px;
      margin-top: 28px;

      > div {
        width: 410px;
      }

      div + div {
        border-left: 1px solid #ccc;
        padding-left: 50px;
      }

      strong {
        display: block;
        font-size: 28px;
        line-height: 1.3;
        font-weight: var(--font-semi);
      }

      span,
      p {
        display: block;
        margin: 8px 0 0;
        color: #555;
        font-size: 20px;
        line-height: 1.4;
      }
    }

    .premium-photo,
    .color-card img {
      display: block;
      width: 100%;
      max-width: 1200px;
      height: auto;
      margin: 0 auto;
    }

    .premium-photo {
      margin-top: 0;
    }

    .contents-compact .premium-photo {
      margin-top: 60px;
    }

    .contents-compact .summary-box {
      max-width: var(--w-content);
      margin: 60px auto 0;
    }

    .color-swatches {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 24px;
      max-width: 980px;
      margin: 70px auto 0;
      padding: 0;
      list-style: none;

      li {
        border: 1px solid #e2e2e2;
        cursor: pointer;

        &.is-active {
          border-color: #b49c82;
        }
      }

      strong,
      em {
        display: block;
        padding: 0 16px;
        color: #fff;
        font-style: normal;
      }

      strong {
        margin-top: 18px;
        font-size: 20px;
        line-height: 40px;
        font-weight: var(--font-thin);
        letter-spacing: 0.04em;
        color: #6c6a68;
      }

      em {
        margin: 6px 0 18px;
        font-size: 30px;
        line-height: 40px;
        font-weight: var(--font-bold);
        color: #333;
      }
    }

    .swatch {
      display: block;
      height: 250px;
    }

    .swatch-white {
      background: #f3f1ef;
    }

    .swatch-pink {
      background: #f4e4dc;
    }

    .swatch-gray {
      background: #7a7a7a;
    }

    .color-card {
      display: none;
      max-width: 1200px;
      margin: 28px auto 0;
      overflow: hidden;

      &.is-active {
        display: block;
      }

      figcaption {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 48px 64px 56px;

        p {
          margin: 0;
        }

        p:first-child {
          color: #333;
          font-size: 30px;
          line-height: 42px;
          font-weight: var(--font-medium);
        }

        p:last-child {
          text-align: right;

          strong {
            display: block;
            color: #333;
            font-size: 40px;
            line-height: 42px;
            font-weight: var(--font-bold);
          }

          span {
            display: block;
            margin-top: 10px;
            color: #b5b5b5;
            font-size: 25px;
            line-height: 40px;
            letter-spacing: 0.06em;
            font-weight: var(--font-thin);
          }
        }
      }

      &.color-card-gray figcaption {
        p,
        p:first-child,
        p:last-child,
        p:last-child strong,
        p:last-child span,
        strong,
        span {
          color: #fff;
        }
      }
      &.color-card-white {
        background: #f3f1ef;
      }
      &.color-card-pink {
        background: #f6efed;
      }
      &.color-card-gray {
        background: #83817f;
      }
    }

    @media screen and (max-width: 1024px) {
      padding: 16vw 5.6vw 20vw;

      .color-swatches {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 2.1333vw;
        max-width: var(--w-content);
        margin: 9.3333vw auto 0;

        strong {
          margin-top: 2.1333vw;
          padding: 0 1.6vw;
          font-size: 2.4vw;
          line-height: 3.2vw;
        }

        em {
          margin: 0.8vw 0 2.1333vw;
          padding: 0 1.6vw;
          font-size: 3.2vw;
          line-height: 4.2667vw;
        }
      }

      .swatch {
        height: 18.6667vw;
      }

      .color-card figcaption {
        padding: 4vw 3.3333vw;
        align-items: flex-end;
        p:first-child {
          font-size: 4vw;
          line-height: 5.6vw;
        }

        p:last-child {
          margin-top: 4vw;
          text-align: left;

          strong {
            font-size: 5.3333vw;
            line-height: 5.6vw;
          }

          span {
            margin-top: 1.3333vw;
            font-size: 3.3333vw;
            line-height: 5.3333vw;
          }
        }
      }
    }
  }

  &.pdp-section-point5 {
    .contents.contents-detail-hero {
      padding-bottom: 0;
    }

    .contents-section {
      .contents-box {
        .contents {
          &.contents-detail {
            overflow: visible;
            padding-bottom: 0;

            .grid-box {
              max-width: var(--w-content);
              margin: 0 auto;

              .grid {
                .grid-group {
                  display: flex;
                  flex-direction: column;
                  gap: 50px;
                }
                .grid-group-item {
                  display: grid;
                  grid-template-columns: 1fr auto;
                  align-items: center;

                  .text-box {
                    display: flex;
                    flex-direction: column;
                    justify-content: center;
                    flex-shrink: 0;
                    text-align: left;

                    .p-note {
                      margin-top: 5px;
                      font-size: 23px;
                      line-height: 50px;
                    }
                  }

                  .img-box {
                    position: relative;
                    width: 100%;
                    max-width: 760px;

                    img {
                      display: block;
                      width: auto;
                      max-width: 100%;
                      height: auto;

                      &.icon-box {
                        position: absolute;
                        top: -35px;
                        right: -30px;
                        width: 195px;
                        height: 195px;
                      }
                    }

                    video {
                      position: absolute;
                      top: 0;
                      left: 0;
                      width: 100%;
                      max-width: 600px;
                      height: auto;
                      margin: 0 auto;
                      border-radius: 25px;
                    }
                  }

                  .summary-box {
                    grid-column: 1 / -1;
                    width: 100%;
                    max-width: none;
                    min-width: 0;
                    margin: 20px 0 0;

                    .summary-panel {
                      width: 100%;
                    }
                  }

                  &.grid-group-item-1 {
                    grid-template-columns: auto 1fr;
                    gap: 0px;

                    .img-box {
                      order: -1;
                    }
                    .text-box {
                      text-align: right;
                    }

                    .summary-box .summary-toggle {
                      margin-left: calc(25% - 100px);
                      margin-right: auto;
                    }

                    /* width: 100%가 걸려 있으면 margin-right가 먹지 않아 auto로 해제 */
                    .summary-box .summary-panel {
                      width: auto;
                      margin-right: 30%;
                    }
                  }

                  &.grid-group-item-2 {
                    .summary-box .summary-toggle {
                      margin-left: auto;
                      margin-right: calc(25% - 100px);
                    }

                    .summary-panel {
                      margin-left: 50%;
                    }
                  }
                }
              }
            }
          }

          &.contents2 {
            max-width: var(--w-content);
            margin: 0 auto;

            .slide-box {
              margin-top: 80px;

              h3 {
                font-size: 50px;
                line-height: 70px;
                font-weight: var(--font-bold);
              }

              h4 {
                margin: 0;
                font-size: 35px;
                line-height: 55px;
                font-weight: var(--font-medium);
              }

              .slide {
                margin-top: 50px;

                .point6-swiper {
                  position: relative;
                  width: 100%;
                  margin: 0 auto;
                  overflow: hidden;
                  box-sizing: border-box;

                  .swiper-slide {
                    display: flex;
                    justify-content: center;
                    align-items: center;

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

                  .swiper-button-next,
                  .swiper-button-prev {
                    top: 50%;
                    z-index: 10;
                    width: 55px;
                    height: 109px;
                    margin: 0;
                    opacity: 1;
                    background: transparent center / contain no-repeat;
                    transform: translateY(-50%);

                    img {
                      display: block;
                      width: 100%;
                      height: 100%;
                      object-fit: contain;
                    }

                    &.swiper-button-disabled {
                      opacity: 0.35;
                      pointer-events: none;
                    }

                    &.swiper-button-lock {
                      display: flex;
                    }
                  }

                  .swiper-button-prev {
                    left: 0;
                  }

                  .swiper-button-next {
                    right: 0;
                  }
                }
              }
            }

            p.notice {
              max-width: 980px;
              margin: 30px auto;
              text-align: left;
            }
          }
        }
      }
    }
  }

  &.pdp-section-point6 {
    .contents.contents-service-hero {
      padding-bottom: 0;
    }

    .contents-section {
      .contents-box {
        .contents {
          &.contents-service {
            max-width: var(--w-content);
            margin: 0 auto;
            .grid-box {
              .grid {
                .point6-service-group {
                  display: grid;
                  grid-template-columns: repeat(2, minmax(0, 1fr));
                  gap: var(--px-20);
                  align-items: stretch;

                  .grid-group-item {
                    display: flex;
                    flex-direction: column;
                    min-width: 0;

                    .notice {
                      margin-top: 15px;
                      font-size: 20px;
                      line-height: 31px;
                      text-align: left;
                      padding-left: 1.1em;
                      text-indent: -1.1em;
                    }

                    .notice + .notice {
                      margin-top: 0px;
                    }
                  }

                  .grid-group-item-3 {
                    margin-bottom: 60px;
                    grid-column: 1 / -1;
                    .point6-card {
                      gap: 20px;
                      padding-top: 80px;
                      padding-bottom: 85px;
                      .point6-badge {
                        width: 100%;
                        max-width: 787px;
                      }
                      .img-box {
                        margin: 0;
                      }
                      .point6-desc {
                        font-size: 50px;
                        line-height: 1.4;
                        font-weight: var(--font-bold);
                      }
                      .point6-note {
                        margin: 0;
                        font-size: 30px;
                        line-height: 40px;
                        font-weight: var(--font-bold);
                      }
                    }
                    .notice {
                      text-align: center;
                    }
                  }

                  .grid-group-item-4 {
                    grid-column: 1 / -1;
                    .point6-card {
                      display: flex;
                      align-items: center;
                      justify-content: space-between;
                      flex-direction: row;
                      gap: 20px;
                      padding: 25px 65px;
                      text-align: right;

                      .point6-desc {
                        font-size: 25px;
                        line-height: 1.4;
                        color: #414042;
                        font-weight: var(--font-regular);
                        strong {
                          display: inline-block;
                          margin-bottom: 0;
                          font-size: 25px;
                          color: #414042;
                        }
                        span {
                          font-size: 18px;
                          margin-top: 20px;
                        }
                      }
                    }
                  }
                }

                .point6-card {
                  position: relative;
                  display: flex;
                  flex: 1;
                  flex-direction: column;
                  align-items: center;
                  justify-content: center;
                  padding: 170px 30px 75px;
                  border: var(--px-1) solid var(--line-border);
                  background: #f5f5f5;
                  text-align: center;
                  &.ver2 {
                    .point6-badge {
                      background: #d8e4f3;
                    }
                    .point6-desc {
                      border-bottom: 2px solid #85aada;
                      strong {
                        color: #85aada;
                      }
                    }
                  }
                }

                .point6-badge {
                  position: absolute;
                  top: 0;
                  display: inline-flex;
                  align-items: center;
                  justify-content: center;
                  min-width: 100%;
                  height: 108px;
                  box-sizing: border-box;
                  font-size: 50px;
                  font-weight: var(--font-bold);
                  line-height: 1.2;
                  color: #333;
                  background: #dcecee;
                  word-break: keep-all;
                }

                .point6-desc {
                  min-width: 450px;
                  margin: 0;
                  font-size: 25px;
                  line-height: 35px;
                  font-weight: var(--font-bold);
                  &.line {
                    margin-bottom: 50px;
                    padding-bottom: 50px;
                    border-bottom: 2px solid #7bb1bc;
                  }
                  word-break: keep-all;
                  strong {
                    display: block;
                    margin-bottom: 25px;
                    font-size: 40px;
                    font-weight: var(--font-bold);
                    color: #7bb1bc;
                  }
                }

                .point6-note {
                  margin: 20px 0 0;
                  font-size: 22px;
                  line-height: 28px;
                  font-weight: var(--font-regular);
                }

                .img-box {
                  margin: 40px 0 0;

                  img {
                    display: block;
                    width: auto;
                    max-width: 100%;
                    height: auto;
                    margin: 0 auto;
                  }
                }
              }
            }
          }

          &.contents-spec {
            .img-box {
              h4 {
                margin-top: 0;
                font-size: 72px;
                line-height: 85px;
                color: #414042;
                font-weight: var(--font-bold);
                text-align: center;
              }

              .img {
                margin-top: 70px;
              }
            }

            .summary-box {
              max-width: var(--w-content);
              margin: 150px auto 0;

              .summary-detail {
                .summary-toggle {
                  width: fit-content;
                }
              }

              .summary-panel {
                margin-top: 100px;

                .summary-block {
                  .summary-title {
                    color: #414042;
                    font-size: 60px;
                    line-height: 83px;
                    font-weight: var(--font-bold);
                    text-align: center;

                    span {
                      display: block;
                      font-size: 55px;
                      font-weight: var(--font-regular);
                    }
                  }

                  .summary-title ~ img {
                    margin-top: 70px;
                  }
                }
              }
            }
          }

          &.contents-subsidy {
          }
        }
      }
    }
  }

  /* ========== 반응형 ≤1024 ========== */
  @media screen and (max-width: 1024px) {
    .swiper-button-next,
    .swiper-button-prev {
      img {
        width: 4.8vw !important;
        height: 9.4667vw !important;
      }
    }

    .swiper-wrapper {
      height: auto;
    }

    .pc-only {
      display: none !important;
    }

    .mo-only {
      display: block !important;
    }

    .is-rounded {
      border-radius: 3.3333vw;
    }

    .stirrer-body,
    .deodor-panel,
    .filter-row img,
    .contents-compact .premium-photo,
    .color-card {
      border-radius: 3.7333vw;
    }

    & {
      /* spacing (vw) */
      --space-1: 0.1333vw;
      --space-20: 2.6667vw;
      --space-30: 4vw;
      --space-40: 5.3333vw;
      --space-50: 6.6667vw;
      --space-60: 8vw;
      --space-80: 10.6667vw;
      --space-100: 13.3333vw;
      --space-120: 16vw;
      --space-240: 38.6667vw;
      --space-250: 40vw;
      --section-pad-top: 38.6667vw;
      --section-pad-top-lg: 40vw;
      --contents-pad-top: 13.3333vw;
      --w-content: calc(100% - 11.2vw);

      /* font-size (vw) */
      --summay-text: 2.3vw;
      --fs-base: 2.8vw;
      --fs-18: 2.4vw;
      --fs-20: 4.4vw;
      --fs-21: 3.7333vw;
      --fs-30: 4vw;
      --fs-33: 4.4vw;
      --fs-35: 4.4vw;
      --fs-40: 5.3333vw;
      --fs-42: 5.6vw;
      --fs-45: 6vw;
      --fs-50: 6.6667vw;
      --fs-60: 8.8vw;
      --fs-65: 8.6667vw;
      --fs-67: 8.9333vw;
      --fs-70: 9.3333vw;
      --fs-72: 9.6vw;
      --fs-75: 10vw;
      --fs-notice: 2.4vw;
      --fs-tit-h3: 8vw;
      --fs-tit-h4: 4.4vw;
      --fs-box-h3: 6.6667vw;
      --fs-box-h4: 4vw;
      --fs-text-p1: 6.6667vw;
      --fs-text-p2: 4.4vw;

      /* line-height (vw) */
      --lh-21: 5.2vw;
      --lh-31: 4.4vw;
      --lh-44: 6vw;
      --lh-46: 6.1333vw;
      --lh-55: 7.3333vw;
      --lh-62: 8.2667vw;
      --lh-63: 8.4vw;
      --lh-70: 9.3333vw;
      --lh-83: 11.0667vw;
      --lh-85: 11.3333vw;
      --lh-93: 12.4vw;
      --lh-102: 13.6vw;
      --lh-notice: 2.8vw;
      --lh-tit-h3: 10vw;
      --lh-tit-h4: 6.2667vw;
      --lh-box-h3: 8.6667vw;
      --lh-box-h4: 5.6vw;
      --lh-text-p1: 9.3333vw;
      --lh-text-p2: 6vw;

      /* border-radius (vw) */
      --px-1: var(--space-1);
      --px-20: var(--space-20);
      --px-30: var(--space-30);
      --px-40: var(--space-40);
      --px-50: var(--space-50);
      --px-250: var(--space-250);
      --radius-pill: 999px;
      --radius-xlg: 6.67vw;
      --radius-lg: 3.33vw;
      --radius-md: 2vw;
      --radius-sm: 1.33vw;
      --radius-xs: 0.67vw;
      min-width: 100%;
      max-width: 100%;
      overflow: hidden;

      &.pdp-section-point1,
      &.pdp-section-point2,
      &.pdp-section-point3,
      &.pdp-section-point4,
      &.pdp-section-point5,
      &.pdp-section-point6 {
        padding: 20vw 0 0;

        .contents {
          padding: 20vw 0;
        }

        .contents-section .contents-box .contents.contents-tip {
          padding: 0;
        }

        .contents-section .contents-box .contents-tip .tip-panel {
          padding: 6.6667vw 0 8vw;
        }

        .use-guide-inner,
        .contents-stirrer,
        .deodor-system,
        .carbon-visual,
        .deodor-panel,
        .filter-row,
        .award-board,
        .premium-photo,
        .color-card,
        .summary-box {
          width: 100%;
          max-width: var(--w-content);
        }

        .summary-box {
          margin: var(--space-30) auto 0;
        }

        .contents-section .contents-box .contents .summary-box {
          margin: var(--space-30) auto 0;
        }

        .contents-section .contents-box .contents-tip .tip-toggle {
          gap: 1.3333vw;
          height: 7.3333vw;
          padding: 0 4vw;
          font-size: 4.4vw;

          &::after {
            width: 3.7333vw;
            height: 3.7333vw;
            background-size: 1.6vw;
          }
        }

        .contents-tip .use-guide .use-guide-inner {
          width: 100%;
          max-width: var(--w-content);
          padding: 16vw 0;
        }
      }

      .point-head {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 8vw;
        row-gap: 5.3333vw;
        align-items: flex-start;
        padding-left: 4vw;
        border-left-width: 0.4vw;
      }

      .point-num {
        grid-column: 1;
        grid-row: 1;
        font-size: 2.6667vw;

        strong {
          font-size: 6.6667vw;
        }
      }

      .point-title-row {
        display: contents;
      }

      .point-head .point-title-row .point-tit {
        grid-column: 2;
        grid-row: 1;
        font-size: 8vw;
        line-height: 8.5333vw;
      }

      .point-desc {
        grid-column: 2;
        grid-row: 2;
        font-size: 4.4vw;
        line-height: 6.1333vw;
      }

      &.pdp-section-point2,
      &.pdp-section-point3,
      &.pdp-section-point4,
      &.pdp-section-point5,
      &.pdp-section-point6 {
        .point-head {
          max-width: calc(100% - 22.4vw);
        }
      }

      .img-box .number,
      .grid-box .number,
      .slide-box .number,
      .video-box .number {
        width: 8.8vw;
        height: auto;
        margin-bottom: 2.6667vw;
      }

      /* 챕터 타이틀 박스 */
      .tit-box {
        margin: auto;

        p.label {
          width: 26.6667vw;
          max-width: 109px;
          height: auto;
          margin: 0 auto;
          overflow: hidden;

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

        h3 {
          margin-top: var(--space-30);
          font-size: var(--fs-tit-h3);
          line-height: var(--lh-tit-h3);
        }

        h4 {
          margin-top: var(--space-30);
          font-size: var(--fs-tit-h4);
          line-height: var(--lh-tit-h4);
        }

        h3 ~ p {
          margin-top: var(--space-30);
          font-size: var(--fs-18);
          line-height: var(--lh-31);
        }
      }

      .text-box {
        .p1 {
          font-size: var(--fs-text-p1);
          line-height: var(--lh-text-p1);
        }

        .p2 {
          margin-top: var(--space-30);
          font-size: var(--fs-text-p2);
          line-height: var(--lh-text-p2);
        }
      }

      .img-box,
      .grid-box,
      .slide-box,
      .video-box {
        h3 {
          font-size: var(--fs-box-h3);
          line-height: var(--lh-box-h3);
        }

        h4 {
          margin-top: var(--space-30);
          font-size: var(--fs-box-h4);
          line-height: var(--lh-box-h4);
        }
      }

      p.notice {
        font-size: var(--fs-notice);
        line-height: var(--lh-notice);
      }

      .summary-detail {
        width: 100%;
        background: transparent;
      }

      .summary-box,
      .summary-detail {
        margin-top: var(--space-30);

        .summary-toggle {
          width: fit-content;
          padding: 2.4vw 5.3333vw;
          font-size: 3.0667vw;
          gap: 2.6667vw;

          &::after {
            width: 1.3333vw;
            height: 1.3333vw;
          }
        }

        .summary-panel {
          margin-top: var(--space-30);
          font-size: var(--summay-text);
          line-height: 2.9333vw;
        }

        .summary-block + .summary-block {
          margin-top: var(--space-30);
        }

        .summary-list,
        .summary-sublist {
          padding-left: 0;
        }

        .summary-note-list {
          padding-left: 0;
        }

        .summary-sublist-wrapper {
          display: flex;
          align-items: flex-start;
          gap: 1.0667vw;
        }

        .summary-sublist-wrapper .summary-sublist {
          padding-left: 0;
        }
      }

      .summary-detail[open] .summary-toggle::after {
        margin-top: 0.5333vw;
      }

      .video-box {
        position: relative;
        overflow: hidden;
        transform: translateZ(0);
        -webkit-mask-image: -webkit-radial-gradient(white, black);
        mask-image: radial-gradient(white, black);

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

        video {
          width: 100%;
          height: 100%;
          position: absolute;
          inset: 0;
          object-fit: cover;
          outline: none;
          border: 0;
          box-shadow: none;
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
        }
      }

      .img-box {
        text-align: center;

        h5 {
          margin-top: var(--space-40);
          font-size: var(--fs-20);
          line-height: var(--lh-text-p2);
        }

        h6 {
          margin-top: var(--space-40);
          font-size: var(--fs-notice);
          line-height: 4.5333vw;
        }

        .img {
          margin: var(--space-40) auto 0;
          border: 0;
        }

        p.notice {
          margin: var(--space-40) auto 0;
        }
      }

      .grid-box {
        text-align: center;

        h5 {
          margin-top: var(--space-40);
          font-size: var(--fs-20);
          line-height: var(--lh-text-p2);
        }

        h6 {
          margin-top: var(--space-40);
          font-size: var(--fs-notice);
          line-height: 4.5333vw;
        }

        .grid.top-grid,
        .grid.bottom-grid {
          border: 0;
          border-top: var(--px-1) solid var(--line-border);
          border-bottom: var(--px-1) solid var(--line-border);
        }

        p.notice {
          margin: var(--space-40) auto 0;
        }
      }

      .slide-box {
        text-align: center;

        h5 {
          margin-top: var(--space-40);
          font-size: var(--fs-20);
          line-height: var(--lh-text-p2);
        }

        h6 {
          margin-top: var(--space-40);
          font-size: var(--fs-notice);
          line-height: 4.5333vw;
        }

        p.notice {
          margin: var(--space-40) auto 0;
        }
      }

      &.pdp-section-main {
        background-color: #e8e0d9;

        .contents-section {
          .contents-box {
            .contents {
              &.contents1 {
                padding: 20vw 0 62.6667vw;
                background-image: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260928/WMB-0703/visual-m.png");
                background-repeat: no-repeat;
                background-position: center top;
                background-size: cover;

                .tit-box {
                  width: calc(100% - 13.3333vw);
                  margin: 0 auto;

                  .p1 {
                    margin-top: 0;
                    font-size: 6vw;
                    line-height: 8vw;
                  }

                  h2 {
                    margin-top: 2.6667vw;
                    flex-direction: column;
                    font-size: 8vw;
                    line-height: 9.3333vw;
                    img {
                      width: 16vw;
                    }
                  }
                }
              }

              &.contents2 {
                max-width: calc(100% - 11.2vw);
                padding: 20vw 0;
                margin: 0 auto;

                .grid-box {
                  .grid {
                    h3 {
                      font-size: 6vw;
                      line-height: 8vw;
                    }

                    .grid-group {
                      display: grid;
                      grid-template-columns: repeat(3, minmax(0, 1fr));
                      gap: 2.6667vw;
                      margin-top: 0;
                    }

                    .grid-col-left,
                    .grid-col-right,
                    .grid-group-bottom {
                      display: contents;
                    }

                    .item-culture,
                    .item-deodor,
                    .item-size {
                      grid-column: 1 / -1;
                    }

                    .item-display,
                    .item-auto,
                    .item-care {
                      width: auto;
                      min-width: 0;
                      justify-content: flex-start;
                    }

                    .grid-group-item {
                      width: 100%;
                      height: 53.3333vw;
                      border-radius: var(--radius-lg);
                      isolation: isolate;
                      overflow: hidden;
                      padding: 5.3333vw;
                    }

                    .item-size,
                    .item-deodor {
                      display: flex;
                      flex-direction: column;
                      justify-content: center;
                      height: 53.3333vw;
                    }

                    .item-size {
                      background-image: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260928/WMB-0703/main-grid-item-size-m.png");
                      background-position: right center;
                    }

                    .item-culture .grid-kicker,
                    .item-deodor .grid-kicker,
                    .item-size .grid-kicker {
                      color: #333;
                      font-size: 4vw;
                      line-height: 4.8vw;
                    }

                    .item-culture .grid-tit,
                    .item-deodor .grid-tit,
                    .item-size .grid-tit {
                      margin-top: 1.6vw;
                      color: #333;
                      font-size: 6vw;
                      line-height: 6.9333vw;
                    }

                    .item-display .grid-kicker,
                    .item-auto .grid-kicker,
                    .item-care .grid-kicker {
                      color: #333;
                      font-size: 3.0667vw;
                      line-height: 4vw;
                    }

                    .item-display .grid-tit,
                    .item-auto .grid-tit,
                    .item-care .grid-tit {
                      margin-top: 1.0667vw;
                      color: #333;
                      font-size: 4vw;
                      line-height: 4.6667vw;
                    }

                    .item-display,
                    .item-auto,
                    .item-care {
                      display: flex;
                      flex-direction: column;
                      align-items: flex-start;
                      height: 46vw;
                      padding: 4vw 3.2vw 4.8vw;
                    }

                    .item-display .display-media {
                      position: absolute;
                      top: auto;
                      right: auto;
                      bottom: 4.8vw;
                      left: 50%;
                      width: 18.6667vw;
                      max-width: none;
                      margin: 0;
                      transform: translateX(-50%);
                    }

                    .item-display .display-media video {
                      top: 0;
                      right: 0;
                      bottom: 0;
                      left: 0;
                    }

                    .item-auto {
                      background-position: center bottom 4.8vw;
                      background-size: 12.2667vw auto;
                    }

                    .item-care {
                      background-position: center bottom 4.8vw;
                      background-size: 12.2667vw auto;
                    }

                    .grid-badge {
                      margin-top: 8vw;
                      width: 18.6667vw;
                      height: 18.6667vw;
                      font-size: 3.2vw;
                      line-height: 4.2667vw;
                    }

                    .grid-badge span {
                      font-size: 2.4vw;
                      line-height: 3.2vw;
                    }

                    .grid-state {
                      font-size: 2.9333vw;
                      line-height: 4vw;
                    }

                    .grid-group-top .grid-group-item,
                    .grid-group-bottom-left .grid-group-item-7,
                    .grid-group-bottom-right-top .grid-group-item-4 {
                      height: auto;
                    }

                    .grid-group-bottom-left .grid-group-item-7 {
                      width: 100%;
                    }

                    .grid-group-top .video-box,
                    .grid-group-bottom-left .grid-group-item-7 .video-box,
                    .grid-group-bottom-right-top .video-box {
                      position: relative;
                      height: auto;
                      overflow: hidden;
                      mask-image: none;
                      -webkit-mask-image: none;
                    }

                    .grid-group-top .video-box img,
                    .grid-group-bottom-left .grid-group-item-7 .video-box img,
                    .grid-group-bottom-right-top .video-box img {
                      position: relative;
                      z-index: 2;
                      width: 100%;
                      height: auto;
                      display: block;
                      opacity: 1;
                    }

                    .grid-group-top .video-box video,
                    .grid-group-bottom-left .grid-group-item-7 .video-box video,
                    .grid-group-bottom-right-top .video-box video {
                      position: absolute;
                      inset: 0;
                      z-index: 1;
                      width: 100%;
                      height: 100%;
                      object-fit: cover;
                      opacity: 0;
                      visibility: hidden;
                    }

                    .grid-group-top .video-box.is-playing img,
                    .grid-group-bottom-left .grid-group-item-7 .video-box.is-playing img,
                    .grid-group-bottom-right-top .video-box.is-playing img {
                      z-index: 1;
                    }

                    .grid-group-top .video-box.is-playing video,
                    .grid-group-bottom-left .grid-group-item-7 .video-box.is-playing video,
                    .grid-group-bottom-right-top .video-box.is-playing video {
                      z-index: 2;
                      opacity: 1;
                      visibility: visible;
                    }
                  }
                }

                .summary-box {
                  margin-top: var(--space-30);
                }
              }

              &.contents3 {
                padding: 13.3333vw 5.6vw 80vw;
                background-image: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260928/WMB-0703/main-product-m.png");
                background-repeat: no-repeat;
                background-position: center bottom;
                background-size: cover;

                .concern-wrap {
                  max-width: 100%;
                }

                .concern-row {
                  display: flex;
                  flex-direction: column;
                  gap: 0;
                }

                .concern-text-col {
                  display: contents;
                }

                .concern-lead {
                  order: 1;
                  font-size: 5.6vw;
                  line-height: 7.4667vw;
                }

                .concern-desc {
                  order: 2;
                  margin-top: 4vw;
                  font-size: 4vw;
                  line-height: 6vw;
                }

                .concern-tags {
                  order: 4;
                  margin-top: 6vw;
                  gap: 1.6vw;

                  li {
                    padding: 1.6vw 3.2vw;
                    border-radius: 2vw;
                    font-size: 6vw;
                  }
                }

                .concern-img-col {
                  order: 3;
                  position: static;
                  width: 48vw;
                  margin: 0 0 0 auto;
                }

                .concern-section-tit {
                  padding-top: 4vw;
                  font-size: 5.8667vw;
                  line-height: 8vw;

                  &::before {
                    height: 10.6667vw;
                    margin-bottom: 4vw;
                  }
                }

                .bubble-wrap {
                  margin-top: 8vw;
                  gap: 2.6667vw;

                  img {
                    position: relative;
                    align-self: center;
                    width: auto;
                    max-width: 72%;
                    height: auto;

                    /* 지그재그: 중앙 기준 좌우로 번갈아 이동 (transform은 등장/플로팅 애니메이션이 사용 중이라 left로 이동) */
                    &:nth-child(1) {
                      width: 42vw;
                      margin-left: 0;
                      left: -7vw;
                    }
                    &:nth-child(2) {
                      width: 46.6667vw;
                      margin-left: 0;
                      left: 7vw;
                    }

                    &:nth-child(3) {
                      width: 51.3333vw;
                      margin-left: 0;
                      left: -7vw;
                    }
                  }
                }

                .dotted-wrap {
                  margin: 8vw auto;

                  img {
                    width: 1.6vw;
                    height: auto;
                  }
                }

                .easy-wrap {
                  margin-top: 8vw;

                  .easy-row {
                    flex-direction: column-reverse;
                    align-items: flex-start;
                    gap: 0;
                  }

                  .easy-text-col {
                    position: relative;
                    z-index: 1;
                    align-self: stretch;
                    text-align: right;
                  }

                  /* 이미지: 화면 왼쪽 끝에 붙이고 설명 문단 옆까지 겹쳐 올림 */
                  .easy-img-col {
                    align-self: flex-start;
                    width: 45vw;
                    margin: -10vw 0 0 -10vw;
                  }

                  .easy-img-col img {
                    width: 100%;
                  }

                  .easy-kicker {
                    font-size: 4vw;
                  }

                  .easy-lead {
                    margin-top: 2vw;
                    font-size: 5.6vw;
                    line-height: 7.4667vw;
                  }

                  .easy-desc {
                    margin-top: 4vw;
                    font-size: 4vw;
                    line-height: 6vw;
                  }
                }

                .tit-box {
                  margin-top: 13vw;

                  .p1 {
                    font-size: 4.2667vw;
                    line-height: 6vw;
                  }

                  h2 {
                    flex-direction: column;
                    gap: 2vw;
                    font-size: 6.4vw;
                    line-height: 8.5333vw;

                    img {
                      width: 16vw;
                    }
                  }
                }
              }
            }
          }
        }
      }

      &.pdp-section-point1 {
        .contents-section {
          .contents-box {
            .contents {
              &.contents-special-reason {
                width: 100vw;
                max-width: 100vw;
                margin-left: calc(50% - 50vw);
                padding-right: 0;
                padding-left: 0;
                padding-bottom: 4vw;
                .video-box {
                  position: relative;
                  z-index: 1;
                  width: 100%;
                  max-width: none;
                }

                /* 가루 데코: 영상 하단 줄기(750px 기준 y=610)에 맞춰 영상 뒤로 겹쳐 이어 붙임 */
                .special-reason-powder {
                  position: relative;
                  z-index: 0;
                  width: 94.6667vw;
                  max-width: none;
                  height: auto;
                  margin-top: -65.3333vw;
                  pointer-events: none;
                }
              }

              &.contents-agreement {
                width: 100vw;
                max-width: 100vw;
                margin-left: calc(50% - 50vw);
                padding-right: 5.6vw;
                padding-bottom: 0;
                padding-left: 5.6vw;
              }

              &.contents-how-to {
                padding-bottom: 0;

                .img-box {
                  margin-top: 0;

                  .img {
                    margin-top: 0;
                  }
                }
              }

              &.contents-decrease {
                padding-top: 0;

                .img-box .decrease-img {
                  margin-top: 0;
                  .video {
                    width: 31.3333vw;
                    max-width: none;
                    border-radius: 2.4vw;
                  }

                  .decrease-video-1 {
                    top: 43.5vw;
                    left: 7vw;
                  }

                  .decrease-video-2 {
                    top: 43.5vw;
                    left: 50.5vw;
                  }
                }
              }

              &.contents-agreement .agreement-label {
                font-size: 2.6667vw;
                line-height: 2.8vw;
                letter-spacing: 0.12em;
              }

              &.contents-patent-card {
                .patent-card {
                  display: grid;
                  grid-template-columns: 1fr auto;
                  align-items: center;
                  column-gap: 3.2vw;
                  row-gap: 2vw;
                  padding: 4vw 5vw;
                  border-radius: 4vw;
                }

                .patent-col-tit {
                  grid-column: 1;
                  grid-row: 1;
                }

                .patent-col-tit p {
                  font-size: 5.0667vw;
                  line-height: 6.9333vw;
                }

                .patent-col-badge {
                  grid-column: 2;
                  grid-row: 1;
                }

                .patent-col-badge img {
                  width: 22.6667vw;
                }

                .patent-col-desc {
                  grid-column: 1 / -1;
                  grid-row: 2;
                  display: flex;
                  align-items: flex-end;
                  justify-content: space-between;
                  gap: 4vw;
                  padding-left: 0;
                }

                .patent-main {
                  margin: 0;
                  font-size: 3.7333vw;
                  line-height: 5.6vw;
                }

                .patent-sub {
                  flex-shrink: 0;
                  margin: 0;
                  font-size: 2.9333vw;
                  line-height: 4.2667vw;
                  text-align: right;
                }
              }

              &.contents-optimization {
                .img-box .img {
                  margin-top: 8vw;
                }
              }

              &.contents-ready-to-use {
                .img {
                  margin-top: 8vw;
                }

                .img-blend-title {
                  display: none;
                }

                /* 업계유일 배지: '코웨이의 간단한 배양 방식' 박스 우상단 모서리에 걸침 */
                .img .img-static .ready-badge {
                  position: absolute;
                  top: 13%;
                  right: -4%;
                  z-index: 2;
                  width: 17%;
                  height: auto;
                }

                .img .video {
                  top: 0;
                  left: 0;
                  width: 100%;
                  margin: 0;
                  display: none;
                }
              }

              &.contents1 {
                padding-top: 5.3333vw;

                .video-box {
                  width: 100%;
                  margin: 0 auto;
                }
              }

              &.contents2 {
                margin-top: 13.3333vw;
                padding: 10.6667vw 0 13.3333vw;

                .grid-box {
                  width: calc(100% - 21.8667vw);
                  margin: 0 auto;

                  h3 {
                    margin-bottom: 6.6667vw;
                    font-size: 6.6667vw;
                    line-height: 8.5333vw;
                  }

                  .step-grid {
                    --step-grid-gap: 2.6667vw;
                    grid-template-columns: 1fr;
                  }

                  .step-grid .grid-group-item {
                    padding: 0 4vw 8vw;
                    border-radius: var(--radius-md);

                    > p:first-child {
                      width: auto;
                      min-width: 18.6667vw;
                      height: auto;
                      padding: 1.6vw 4vw;
                      font-size: 3.2vw;
                      border-radius: 0 0 var(--radius-md) var(--radius-md);
                    }

                    > p:first-child + img {
                      margin-top: 5.3333vw;
                      width: 36.6667vw;
                    }

                    .p1 {
                      min-height: auto;
                      margin-top: 2.6667vw;
                      font-size: 5.3333vw;
                      line-height: 10vw;

                      span {
                        margin-top: 1.3333vw;
                        font-size: 2.4vw;
                        line-height: 4.1333vw;
                      }
                    }

                    .p2 {
                      margin-top: 4vw;
                      font-size: 4vw;
                      line-height: 5.3333vw;
                    }

                    .video-box {
                      max-width: 60.1333vw;
                      margin-top: 4vw;
                    }
                  }

                  .step-item-2 {
                    .summary-detail {
                      padding-top: 5.3333vw;
                    }

                    .summary-detail[open] .summary-panel {
                      position: static;
                      width: 100%;
                      margin-top: 6.6667vw;
                      margin-left: 0;
                    }

                    .summary-toggle {
                      width: 40vw;
                      padding: 3.2vw 5.3333vw;
                      font-size: 3.7333vw;
                    }

                    .summary-panel {
                      margin-top: 0;
                      font-size: 3.2vw;
                      line-height: 5.2vw;
                    }
                  }

                  .step-grid:has(.summary-detail[open]) {
                    margin-bottom: 0;
                  }
                }
              }

              &.contents3 {
                .grid-box {
                  margin: 0 auto;
                  max-width: calc(100% - 11.2vw);

                  h3 {
                    font-size: 5.3333vw;
                    line-height: 10vw;
                  }

                  .grid {
                    gap: 2.6667vw;
                    margin: 4vw auto 0;

                    > img {
                      width: 46.4vw;
                    }

                    .text-box {
                      .p1 {
                        font-size: 4vw;
                        line-height: 5.3333vw;
                      }

                      .p2 {
                        margin-top: 0;
                        font-size: 4.6667vw;
                        line-height: 5.0667vw;

                        em {
                          font-size: 7.7333vw;
                          line-height: 9.8667vw;
                        }
                      }
                    }
                  }
                }
              }

              &.contents4 {
                padding-top: 18.6667vw;
                padding-bottom: 6.6667vw;

                .img-box {
                  margin: 0 auto;
                  max-width: calc(100% - 11.2vw);

                  h3 {
                    font-size: 5.3333vw;
                    line-height: 6.1333vw;
                  }

                  .img {
                    margin: 4vw 0 0;

                    > img {
                      width: 100%;
                    }
                  }
                }
              }

              &.contents5 {
                position: relative;
                padding-top: 20vw;

                &::after {
                  display: none;
                }

                .img-box,
                .summary-box {
                  position: relative;
                  z-index: 1;
                }

                .video-box {
                  margin: 0 auto;
                  max-width: calc(100% - 11.2vw);

                  .video {
                    margin-top: 9.3333vw;
                  }
                }
              }

              &.contents6 {
                padding: 20vw 0 10.6667vw;

                .grid-box {
                  width: calc(100% - 13.3333vw);
                  margin: 0 auto;

                  h3 {
                    font-size: 5.3333vw;
                    line-height: 10vw;
                  }

                  .grid {
                    margin-top: 6.6667vw;
                  }

                  .grid-group {
                    grid-template-columns: 1fr;
                    gap: 0;
                  }

                  .grid-group-item {
                    position: relative;
                    display: grid;
                    grid-template-columns: auto 1fr;
                    grid-template-rows: auto;
                    column-gap: 6.6667vw;
                    row-gap: 0;
                    align-items: center;
                    padding: 4vw;
                    border-radius: 0;
                    background: none;
                    border-bottom: 0.1333vw solid #a1a1a1;

                    .video-box {
                      grid-column: 1;
                      grid-row: 1;
                      justify-self: center;
                      align-self: center;
                      width: 36.8vw;
                      max-width: 276px;
                      margin: 0;
                      border-radius: 50%;
                      overflow: hidden;
                    }

                    .img-box {
                      position: absolute;
                      right: 4vw;
                      bottom: 4vw;
                      z-index: 1;
                      margin: 0;
                      text-align: right;
                      pointer-events: none;

                      img {
                        height: 8vw;
                        margin: 0;
                        display: block;
                      }
                    }

                    .text-box {
                      grid-column: 2;
                      grid-row: 1;
                      align-self: center;
                      margin-top: 0;
                      text-align: left;

                      .p1 {
                        font-size: 4.6667vw;
                        line-height: 9.3333vw;
                      }

                      .p2 {
                        margin-top: 0.6667vw;
                        font-size: 4vw;
                        line-height: 5.3333vw;
                      }
                    }

                    &:first-child {
                      padding-top: 0;
                    }

                    &:last-child {
                      border-bottom: 0;
                    }
                  }
                }

                > .notice {
                  width: calc(100% - 11.3333vw);
                  margin-top: 6.6667vw;
                  font-size: 2.2vw;
                  line-height: 2.8vw;
                  text-align: left;
                }
              }

              &.contents7 {
                background-size: 40vw auto;

                .inner {
                  width: calc(100% - 13.3333vw);
                  padding: 9.3333vw 0;
                  background-size: 45.7333vw;
                }

                .row {
                  grid-template-columns: 1fr;
                  gap: 6.6667vw;
                }

                .row-top {
                  .text-box {
                    padding-left: 9.3333vw;

                    &::after {
                      top: calc(100% + 3vw);
                      width: 0.2667vw;
                      height: 20vw;
                      left: 9.3333vw;
                    }

                    .lead {
                      font-size: 3.2vw;
                      line-height: 4.5333vw;
                    }

                    .tit {
                      margin-top: 1.3333vw;
                      font-size: 4.6667vw;
                      line-height: 6.1333vw;
                    }
                  }

                  .img-box img {
                    max-width: 100%;
                  }
                }

                .row-card {
                  margin-top: 10.6667vw;
                  padding: 0;

                  .text-box {
                    left: 9.3333vw;

                    .tit {
                      font-size: 4.6667vw;
                      line-height: 6.5333vw;
                    }
                  }
                }
              }

              &.contents8 {
                padding-top: 20vw;

                .img-box {
                  width: calc(100% - 13.3333vw);

                  h3 {
                    font-size: 5.3333vw;
                    line-height: 7.3333vw;
                  }

                  h4 {
                    margin-top: 2.6667vw;
                    font-size: 4vw;
                    line-height: 5.3333vw;
                  }

                  .img {
                    margin: 5.3333vw 0 0;

                    > img {
                      width: 100%;
                      max-width: 100%;
                      height: auto;
                      display: block;
                    }
                  }
                }
              }
            }
          }
        }
      }

      &.pdp-section-point2 {
        .contents-buster-mode .buster-video-chart {
          top: 47%;
          left: 50%;
          width: 86%;
        }

        .contents-smart-auto-system .video {
          left: 7.5vw;
          width: 32vw;
          border-radius: 2.1333vw;
        }

        .contents-smart-auto-system .smart-video-ready {
          top: 75vw;
        }

        .contents-smart-auto-system .smart-video-primary {
          top: 141vw;
        }

        .contents-tip .use-guide {
          margin-top: 6.6667vw;
        }

        .contents-tip .use-guide .use-guide-inner {
          width: 100%;
          max-width: var(--w-content);
          padding: 13.3333vw 0;
        }

        .contents-tip .use-guide .use-guide-head {
          gap: 2.6667vw;
        }

        .contents-tip .use-guide .use-guide-label,
        .contents-tip .use-guide .use-guide-tip {
          font-size: 4vw;
          line-height: 5.3333vw;
        }

        .contents-tip .use-guide .use-guide-tit {
          margin-top: 2.4vw;
          font-size: 5.3333vw;
          line-height: 6.6667vw;
        }

        .contents-tip .use-guide .use-guide-card {
          margin-top: 10.6667vw;
        }

        .contents-tip .use-guide .use-guide-card.use-guide-card-2 {
          margin-left: 0;
        }

        .contents-tip .use-guide .use-guide-card img {
          width: 100%;
          border-radius: 2.1333vw;
        }

        .contents-tip .use-guide .use-guide-text {
          margin-left: 5.3333vw;
          padding-top: 8vw;
          padding-left: 5.3333vw;
        }

        .contents-tip .use-guide .use-guide-q {
          font-size: 4.6667vw;
          line-height: 5.7333vw;
        }

        .contents-tip .use-guide .use-guide-a {
          margin-top: 2.1333vw;
          font-size: 4vw;
          line-height: 5.6vw;
        }

        .contents-tip .use-guide .use-guide-note {
          font-size: 2.4vw;
          line-height: 3.2vw;
        }

        .contents-tip .use-guide .use-guide-detail {
          margin-top: 2.6667vw;
          font-size: 1.7333vw;
          line-height: 2.6667vw;
        }

        .contents-stirrer {
          max-width: calc(100% - 11.2vw);
          padding-bottom: 0;

          .stirrer-body {
            margin-top: 6.4vw;
          }

          .stirrer-caption {
            padding: 4vw 4vw 2.1333vw;
            font-size: 4.8vw;
            line-height: 6.8vw;
          }

          .stirrer-note {
            padding: 0 4vw 6.4vw;
            font-size: 2.4vw;
            line-height: 3.4667vw;
          }
        }

        .contents-section {
          .contents-box {
            .contents {
              &.contents1 {
                .slide-box {
                  margin-top: 0;

                  .slide {
                    margin: 4vw auto 0;
                    max-width: calc(100% - 11.2vw);

                    .point2-swiper {
                      .swiper-pagination {
                        bottom: 4vw;
                        left: 4vw;

                        .swiper-pagination-bullet {
                          width: 2vw;
                          height: 2vw;
                          margin: 0 1.3333vw 0 0 !important;
                        }
                      }

                      .swiper-button-next,
                      .swiper-button-prev {
                        top: 50%;
                        width: 5.8667vw;
                        height: 5.8667vw;
                        transform: translateY(-50%);
                      }

                      .swiper-button-next {
                        right: 3.333vw;
                      }

                      .swiper-button-prev {
                        left: 3.333vw;
                      }
                    }
                  }
                }
              }

              &.contents2 {
              }
            }
          }
        }
      }

      &.pdp-section-point3 {
        .contents.contents-deodor-hero {
          padding-top: 0;
        }

        .contents-carbon .carbon-visual {
          width: 100vw;
          max-width: 100vw;
          margin-left: calc(50% - 50vw);
        }

        .contents.contents-filter-change {
          padding-bottom: 0;
        }

        .deodor-step-list {
          max-width: var(--w-content);
          margin-top: 6.6667vw;

          .deodor-step-video-1,
          .deodor-step-video-2,
          .deodor-step-video-3 {
            position: absolute;
            z-index: 1;
            left: 28.1747vw;
            width: 54.7361vw;
            overflow: hidden;
            line-height: 0;
          }

          .deodor-step-video-1 {
            top: 30.1747vw;
          }

          .deodor-step-video-2 {
            top: 98.6766vw;
          }

          .deodor-step-video-3 {
            top: 174.7435vw;
          }
        }

        .deodor-panel {
          margin-top: 6.6667vw;
        }

        .deodor-panel p {
          margin: 2.6667vw 0 0;
          padding: 4vw 0;
          font-size: 2.2667vw;
          line-height: 6.6667vw;
        }

        .contents-section {
          .contents-box {
            .contents {
              &.contents1 {
                padding-top: 8vw;

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

              &.contents2 {
                margin-top: 20vw;
                padding-top: 9.3333vw;

                .video-box {
                  margin: 0 auto;
                  max-width: calc(100% - 11.2vw);

                  .video {
                    margin-top: 9.3333vw;
                  }
                }
              }

              &.contents3 {
                padding-top: 13.3333vw;
                padding-bottom: 5.3333vw;

                .grid-box {
                  margin: 0 auto;
                  max-width: calc(100% - 18.6667vw);

                  .grid {
                    .grid-group-item {
                      display: grid;
                      grid-template-columns: repeat(2, 1fr);
                      gap: 4vw;
                      align-items: stretch;

                      .text-box {
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        text-align: left;

                        .p1 {
                          font-size: 5.3333vw;
                          line-height: 1;
                        }

                        .p2 {
                          margin-top: 2.6667vw;
                          font-size: 4vw;
                          line-height: 5.3333vw;
                        }

                        .notice {
                          margin-top: 2.6667vw;
                          text-align: left;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }

      &.pdp-section-point4 {
        .contents.contents-award {
          .award-board {
            width: auto;
            max-width: 100%;
            margin: 6.6667vw auto 0;
            padding: 5.3333vw;
            background-size: 71.0833vw auto;

            h4 {
              font-size: 4.6667vw;
            }
            .award-logos {
              margin-top: 4vw;
            }
            strong {
              font-size: 3.2vw;
              line-height: 4.2667vw;
            }
            span,
            p {
              margin-top: 1.0667vw;
              font-size: 2.4vw;
              line-height: 3.2vw;
            }
          }

          .award-cols {
            display: grid;
            grid-template-columns: 45% 45%;
            margin-top: 2.6667vw;
          }

          .award-cols > div {
            width: 36vw;
          }

          .award-cols div + div {
            margin-top: 0;
            border-left: 1px solid #ccc;
            padding-left: 6.6667vw;
          }

          .premium-photo {
            max-width: 100%;
          }
        }

        .contents-compact .premium-photo {
          margin-top: 6.6667vw;
        }

        .contents-section {
          .contents-box {
            .contents {
              &.contents1 {
                padding-top: 6vw;

                .grid-box {
                  width: 100%;
                  margin: 0 auto;

                  h3 {
                    margin-bottom: 0;
                    padding-top: 9.3333vw;
                    font-size: 5.3333vw;
                    line-height: 6.6667vw;
                    background: #f4f4f4;
                  }

                  &:has(.summary-detail[open]) {
                    padding-bottom: 0;
                  }

                  .grid {
                    margin-top: 0;
                    padding: 8vw 0 8vw;
                    background: #f4f4f4;
                  }

                  .grid-group {
                    grid-template-columns: 1fr;
                    gap: 8vw;
                  }

                  .grid-group-item-1 {
                    justify-content: center;
                    align-items: center;

                    img {
                      width: 66.26vw;
                      margin: auto;
                    }

                    .desc {
                      margin-top: 9.3333vw;
                      font-size: 4vw;
                      line-height: 5.3333vw;
                      text-align: center;
                    }
                  }

                  .grid-group-item-2 {
                    margin: 0 auto;
                    max-width: calc(100% - 11.2vw);

                    .patent {
                      position: static;
                      margin-bottom: 2.6667vw;
                      font-size: 2.4vw;
                      line-height: 4.1333vw;
                      text-align: right;
                    }

                    > img {
                      max-width: 100%;
                      margin: 0 auto;
                    }
                  }
                }

                .summary-box {
                  margin: 6.6667vw auto 0;
                  max-width: calc(100% - 11.2vw);
                }
              }

              &.contents2 {
                padding-top: 24vw;

                .img-box {
                  &.img-box-2 {
                    margin-top: -18.33vw;
                  }

                  .img {
                    margin: 9.3333vw 0 0;

                    &.img-1 {
                      padding: 6vw 0 13.3333vw;
                    }

                    img {
                      margin: 0 auto;
                      max-width: calc(100% - 11.2vw);
                    }
                  }
                }
              }
            }
          }
        }
      }

      &.pdp-section-point5 {
        .contents-section {
          .contents-box {
            .contents {
              &.contents-detail {
                padding-top: 20vw;

                .grid-box {
                  width: calc(100% - 11.2vw);
                  max-width: 100%;
                  margin: 0 auto;
                  text-align: center;

                  .grid {
                    margin-top: 0;

                    .grid-group {
                      display: flex;
                      flex-direction: column;
                      gap: 10.6667vw;

                      .grid-group-item {
                        display: grid;
                        grid-template-columns: 1fr 1.1fr;
                        align-items: center;
                        width: 100%;
                        min-width: 0;
                        gap: 5.3333vw;

                        .text-box {
                          display: flex;
                          flex-direction: column;
                          align-items: flex-start;
                          justify-content: center;
                          width: 100%;
                          min-width: 0;
                          text-align: left;

                          .p1 {
                            font-size: 4.6667vw;
                            line-height: 1.2;
                          }

                          .p2 {
                            margin-top: 2.6667vw;
                            font-size: 3.3333vw;
                            line-height: 4.6667vw;
                          }

                          .p-note {
                            margin-top: 0.6667vw;
                            font-size: 2.4vw;
                            line-height: 4.6667vw;
                          }
                        }

                        .img-box {
                          width: 100%;
                          max-width: 100%;
                          min-width: 0;
                          margin: 0;

                          img,
                          video {
                            display: block;
                            width: 100%;
                            max-width: 100%;
                            height: auto;
                            margin: 0;
                          }

                          video {
                            position: absolute;
                            top: 0;
                            left: 0;
                          }

                          img.icon-box {
                            width: 16vw;
                            height: 16vw;
                            top: -2.6667vw;
                            right: -2vw;
                          }
                        }
                      }

                      .grid-group-item.grid-group-item-1 {
                        grid-template-columns: 1.1fr 1fr;

                        .img-box {
                          order: -1;
                        }

                        .text-box {
                          align-items: flex-start;
                          text-align: left;
                        }
                      }
                    }
                  }
                }
              }

              &.contents2 {
                .slide-box {
                  margin-top: 20vw;

                  h3 {
                    font-size: 5.6vw;
                    line-height: 1;
                  }

                  h4 {
                    margin: 2.6667vw 0 0;
                    font-size: 4vw;
                    line-height: 5.3333vw;
                  }

                  .slide {
                    padding: 0;
                    margin: 4vw auto 0;
                    max-width: calc(100% - 11.2vw);

                    .point6-swiper {
                      width: 100%;
                      margin: 0 auto;
                      box-sizing: border-box;

                      .swiper-slide {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        box-sizing: border-box;

                        img {
                          display: block;
                          width: calc(100% - 15vw);
                          max-width: 100%;
                          height: auto;
                          margin: 0 auto;
                        }
                      }

                      .swiper-button-next,
                      .swiper-button-prev {
                        top: 50%;
                        width: 5.8667vw;
                        height: 5.8667vw;
                        transform: translateY(-50%);
                      }

                      .swiper-button-next {
                        right: 0vw;
                      }

                      .swiper-button-prev {
                        left: 0vw;
                      }
                    }
                  }
                }

                p.notice {
                  margin: 4vw auto 0;
                  max-width: calc(100% - 11.2vw);
                }
              }
            }
          }
        }
      }

      &.pdp-section-point6 {
        .contents-section {
          .contents-box {
            .contents {
              &.contents-subsidy {
                padding: 0;
              }

              &.contents-service {
                max-width: 100%;
                margin-top: 10.6667vw;

                .grid-box {
                  width: calc(100% - 11.2vw);
                  margin: 0 auto;

                  .grid {
                    .point6-service-group {
                      display: grid;
                      grid-template-columns: repeat(2, minmax(0, 1fr));
                      gap: 2.6667vw;
                      align-items: stretch;
                      width: 100%;

                      .grid-group-item {
                        display: flex;
                        flex-direction: column;
                        width: 100%;
                        min-width: 0;

                        .notice {
                          margin: 2.6667vw 0 0;
                          font-size: 2.8vw;
                          line-height: 4.5333vw;
                          text-align: left;
                          padding-left: 1.1em;
                          text-indent: -1.1em;
                        }

                        .notice + .notice {
                          margin-top: 1.3333vw;
                        }
                      }

                      .grid-group-item-3 {
                        grid-column: 1 / -1;
                        margin-bottom: 4vw;

                        .point6-card {
                          gap: 1.6vw;
                          padding: 6.4vw 4vw 5.3333vw;
                          border: 0;
                          .point6-desc {
                            font-size: 4.8vw;
                            line-height: 6.4vw;
                          }

                          .point6-note {
                            font-size: 3.2vw;
                            line-height: 4.2667vw;
                          }
                        }

                        .notice {
                          text-align: center;
                        }
                      }

                      .grid-group-item-4 {
                        grid-column: 1 / -1;

                        .point6-card {
                          flex-direction: row;
                          align-items: center;
                          justify-content: space-between;
                          gap: 3.2vw;
                          padding: 3.2vw 4vw;
                          text-align: right;

                          img {
                            width: 36vw;
                            max-width: 42%;
                            height: auto;
                          }

                          .point6-desc {
                            font-size: 2.9333vw;
                            line-height: 4vw;

                            strong {
                              font-size: 2.9333vw;
                            }

                            span {
                              display: block;
                              margin-top: 6.666vw;
                              font-size: 2.4vw;
                            }
                          }
                        }
                      }

                      .point6-card {
                        position: relative;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: flex-start;
                        width: 100%;
                        padding: 11.2vw 2.1333vw 4vw;
                        box-sizing: border-box;
                        background: #f5f5f3;
                        text-align: center;
                      }

                      .point6-badge {
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        min-width: 100%;
                        max-width: none;
                        height: 8vw;
                        font-size: 3.4667vw;
                        line-height: 8vw;
                        transform: none;
                      }

                      .point6-desc {
                        min-width: 0;
                        margin: 0;
                        font-size: 2.6667vw;
                        line-height: 3.7333vw;

                        &.line {
                          margin-bottom: 2.6667vw;
                          padding-bottom: 2.6667vw;
                        }

                        strong {
                          margin-bottom: 1.6vw;
                          font-size: 3.4667vw;
                        }
                      }

                      .point6-note {
                        margin: 1.6vw 0 0;
                        font-size: 2.4vw;
                        line-height: 3.2vw;
                      }

                      .img-box {
                        margin: 2.6667vw auto 0;
                        width: 17.3333vw;
                        img {
                          display: block;
                          width: 100%;
                          max-width: 100%;
                          height: auto;
                          margin: 0 auto;
                        }
                      }
                    }
                  }
                }
              }

              &.contents-spec {
                .img-box {
                  h4 {
                    font-size: 8vw;
                    line-height: 10.6667vw;
                  }

                  .img {
                    margin: 9.3333vw auto 0;
                    width: 54.5333vw;
                    max-width: 100%;

                    img {
                      width: 100%;
                    }
                  }
                }

                .summary-box {
                  max-width: var(--w-content);
                  margin: 9.3333vw auto 0;

                  .summary-panel {
                    margin-top: 13.3333vw;

                    .summary-block {
                      .summary-title {
                        font-size: 6vw;
                        line-height: 9.3333vw;
                        text-align: center;

                        span {
                          font-size: 6vw;
                        }
                      }

                      .summary-title ~ img {
                        margin: 9.3333vw auto 0;
                        max-width: calc(100% - 11.2vw);
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}