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

.sr-only {
  font-size: 0;
  text-indent: -999999px;
  overflow: hidden;
}

.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: #333333;
  --c-red: #e75a1e;
  --line-border: #d7d6d4;

  /* spacing — padding / margin / gap 전용 (font-size에 쓰지 말 것) */
  --space-1: 1px;
  --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: 62px;
  --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);
  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: 40px;
    }

    .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;
      margin-top: 4px;
      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;
      margin-top: 4px;
      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-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: 8px 0 0;
      list-style: none;

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

    .summary-note-list > li {
      margin-top: 4px;
    }
  }

  .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;
      color: var(--c-red);
      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 {
    text-align: center;

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

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

  &.pdp-section-grant {
    padding: 100px 0 0;
    .contents-section {
      max-width: var(--w-content);
      margin: 0 auto;
      .notice {
        margin-top: 20px;
        font-size: 19px;
        line-height: 27px;
        text-align: left;
      }
    }
  }

  &.pdp-section-persona {
    padding: 200px 0 100px;

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

    .tit-box {
      text-align: center;

      .persona-lead {
        display: block;
        font-size: var(--fs-35);
        line-height: var(--lh-box-h4);
        font-weight: var(--font-medium);
      }

      .persona-title {
        display: block;
        font-size: var(--fs-box-h3);
        line-height: var(--lh-box-h3);
        font-weight: var(--font-bold);
      }
    }

    .persona-table-box {
      margin-top: 50px;

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

  &.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/20260521/WMG-2005/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);
            }

            h2 {
              margin-top: var(--px-20);
              font-size: 75px;
              line-height: 102px;
              font-weight: var(--font-extra);
            }

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

        &.contents2 {
          max-width: var(--w-content);
          padding-top: var(--px-250);
          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: flex;
                flex-direction: column;
                gap: var(--px-20);
                margin-top: var(--px-50);
              }

              .grid-group-top {
                display: grid;
                height: 440px;
                grid-template-columns: minmax(0, 800fr) minmax(0, 382fr);
                gap: var(--px-20);
                align-items: stretch;
                max-width: 100%;
              }

              .grid-group-top .grid-group-item {
                width: 100%;
                height: 100%;
                min-height: 0;
                min-width: 0;
              }

              .grid-group-top .video-box {
                position: relative;
                height: 100%;
              }

              .grid-group-top .video-box img,
              .grid-group-top .video-box video {
                width: 100%;
                height: 100%;
                object-fit: cover;
              }

              .grid-group-top .video-box video {
                position: absolute;
                inset: 0;
              }

              .grid-group-bottom {
                display: grid;
                grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
                gap: var(--px-20);
                align-items: stretch;
              }

              .grid-group-bottom-left,
              .grid-group-bottom-right {
                min-width: 0;
              }

              .grid-group-bottom-right {
                display: flex;
                flex-direction: column;
                gap: var(--px-20);
              }

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

              .grid-group-item {
                width: 100%;
                min-width: 0;
                border-radius: var(--radius-xlg);
                overflow: hidden;
                cursor: pointer;
              }

              .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: 407px minmax(0, 1fr);
                }
              }

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

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

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

                &:hover,
                &.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-top: 335px;
          padding-bottom: 700px;
          background: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260521/WMG-2005/main-prod-bg.png") center bottom no-repeat;

          .img-box {
            h3 {
              font-size: 45px;
              line-height: 60px;

              em {
                font-size: 65px;
                line-height: 87px;
                font-weight: var(--font-extra);
              }
            }

            h4 {
              margin: var(--px-20) auto;
              width: 231px;
              height: 75px;
              display: flex;
              justify-content: center;
              align-items: center;
              border-radius: var(--radius-lg);
              background: var(--c-black);
              color: var(--c-white);
              font-size: 42px;
              font-weight: var(--font-extra);
            }
          }
        }
      }
    }
  }

  /* ========== point1 강한 분쇄력 ========== */
  &.pdp-section-point1 {
    padding-top: 220px;

    .contents-section {
      .contents-box {
        .contents {
          &.contents1 {
            padding-top: 50px;

            .video-box {
              max-width: 1000px;
              margin: 0 auto;

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

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

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

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

          &.contents2 {
            padding: 130px 0 100px;
            background: #f7f8f8;

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

              h3 {
                margin-bottom: var(--px-50);
                font-size: 50px;
                line-height: 70px;
                font-weight: var(--font-bold);
                text-align: center;
              }

              .grid {
                margin-top: var(--px-50);
              }

              .step-grid {
                --step-grid-gap: var(--px-20);
                position: relative;
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: var(--step-grid-gap);
                align-items: stretch;
                overflow: visible;
              }

              .step-grid .grid-group-item {
                display: flex;
                flex-direction: column;
                align-items: center;
                min-width: 0;
                padding: 0 40px 40px;
                border-radius: var(--radius-xlg);
                background: var(--c-white);
                text-align: center;

                > p:first-child {
                  display: inline-flex;
                  align-items: center;
                  justify-content: center;
                  width: 162px;
                  height: 52px;
                  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
                  font-size: 30px;
                  font-weight: var(--font-medium);
                  line-height: 1;
                  color: var(--c-white);
                  background: var(--c-black);
                }

                > p:first-child + img {
                  margin-top: 70px;
                }

                .p1 {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  width: 100%;
                  min-height: 100px;
                  margin-top: 30px;
                  font-size: 50px;
                  line-height: 75px;
                  font-weight: var(--font-bold);

                  span {
                    display: block;
                    margin-top: 8px;
                    font-size: 20px;
                    line-height: 25px;
                    font-weight: var(--font-regular);
                  }
                }

                .p2 {
                  margin-top: 50px;
                  font-size: 30px;
                  line-height: 45px;
                  font-weight: var(--font-medium);
                }

                .video-box {
                  width: 100%;
                  max-width: 452px;
                  margin: 60px auto 0;
                  border-radius: 50%;
                  overflow: hidden;

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

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

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

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

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

              .step-item-2 {
                position: relative;
                overflow: visible;

                .summary-detail {
                  width: 100%;
                  margin-top: auto;
                  padding-top: 30px;

                  .summary-block {
                    width: 590px;
                    margin-left: auto;
                  }
                }

                .summary-detail[open] .summary-panel {
                  position: absolute;
                  top: calc(100% + var(--px-30));
                  left: 0;
                  z-index: 2;
                  width: calc(200% + var(--step-grid-gap));
                  margin-top: 0;
                  margin-left: calc(-100% - var(--step-grid-gap));
                  text-align: left;
                  background: transparent;
                }
              }

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

          &.contents3 {
            padding-top: 60px;
            background: #f7f8f8;

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

              h3 {
                font-size: 50px;
                line-height: 70px;
              }

              .grid {
                display: grid;
                grid-template-columns: auto auto;
                gap: 90px;
                align-items: center;
                width: fit-content;
                max-width: 100%;
                margin: 50px auto 0;

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

                .text-box {
                  text-align: left;

                  .p1 {
                    font-size: 33px;
                    line-height: 46px;
                    font-weight: var(--font-medium);
                  }

                  .p2 {
                    margin-top: 0;
                    font-size: 40px;
                    line-height: 44px;
                    color: var(--c-red);
                    font-weight: var(--font-semi);

                    em {
                      font-size: 67px;
                      line-height: 85px;
                      font-weight: var(--font-bold);
                    }
                  }
                }
              }
            }

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

          &.contents4 {
            padding-top: 160px;
            padding-bottom: 80px;
            background: #f7f8f8;

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

              h3 {
                font-size: 50px;
                line-height: 70px;
              }

              .img {
                margin: 50px 0 0;

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

          &.contents5 {
            position: relative;
            padding-top: 150px;

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

            .video-box {
              max-width: 1000px;
              margin: 0 auto;

              h3 {
                font-size: 50px;
                line-height: 70px;
              }

              h4 {
                font-size: 35px;
                line-height: 55px;
              }

              .video {
                margin-top: 90px;

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

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

                &.video-2 {
                  border-radius: var(--radius-xlg);
                  overflow: hidden;
                }
              }

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

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

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

          &.contents6 {
            padding: 160px 0 100px;

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

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

              .grid {
                margin-top: 50px;
              }

              .grid-group {
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                gap: var(--px-20);
                align-items: stretch;
              }

              .grid-group-item {
                display: flex;
                flex-direction: column;
                align-items: center;
                min-width: 0;
                padding: 50px 30px 60px;
                border-radius: var(--radius-xlg);
                background: #f0eff0;
                text-align: center;

                .video-box {
                  width: 100%;
                  max-width: 320px;
                  margin: 0 auto;
                  border-radius: 50%;
                  overflow: hidden;

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

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

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

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

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

                .img-box {
                  margin-top: 40px;
                  line-height: 0;

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

                .text-box {
                  width: 100%;
                  margin-top: 30px;

                  .p1 {
                    font-size: 30px;
                    line-height: 45px;
                    font-weight: var(--font-bold);
                  }

                  .p2 {
                    margin-top: 10px;
                    font-size: 30px;
                    line-height: 45px;
                    font-weight: var(--font-medium);
                  }
                }
              }
            }

            > .notice {
              max-width: var(--w-content);
              margin: 30px auto;
              text-align: left;
            }
          }

          &.contents7 {
            background-color: #f0ede8;

            .inner {
              max-width: var(--w-content);
              margin: 0 auto;
              padding: 160px 0 60px;
              background-image: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260521/WMG-2005/point1-bg-deco.png");
              background-repeat: no-repeat;
              background-position: right top;
            }

            .row {
              position: relative;
            }

            .row-top {
              .text-box {
                position: relative;
                padding-left: 100px;

                &::after {
                  content: "";
                  position: absolute;
                  left: 100px;
                  top: calc(100% + 24px);
                  width: 2px;
                  height: 220px;
                  background: #c6c6c6;
                  z-index: 10;
                  mix-blend-mode: multiply;
                }

                .lead {
                  margin: 0;
                  font-size: 30px;
                  line-height: 50px;
                  font-weight: var(--font-bold);

                  span {
                    display: inline-block;
                  }
                }

                .tit {
                  margin: 15px 0 0;
                  font-size: 50px;
                  line-height: 70px;
                  font-weight: var(--font-bold);
                }
              }

              .img-box {
                line-height: 0;
                text-align: right;

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

            .row-card {
              margin-top: 80px;
              position: relative;
              border-radius: var(--radius-xlg);

              .text-box {
                position: absolute;
                top: 50%;
                left: 100px;
                transform: translateY(-50%);

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

              .img-box {
                line-height: 0;
                text-align: right;

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

          &.contents8 {
            padding-top: 160px;

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

              h3 {
                font-size: 50px;
                line-height: 70px;
              }

              h4 {
                margin-top: 20px;
                font-size: 35px;
                line-height: 55px;
              }

              .img {
                margin: 50px 0 0;

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

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

  &.pdp-section-point2 {
    padding-top: var(--section-pad-top);

    .contents-section {
      .contents-box {
        .contents {
          &.contents1 {
            max-width: var(--w-content);
            margin: 0 auto;

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

              .slide {
                .point2-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: 25px;
                  }

                  .swiper-button-next {
                    right: 25px;
                  }

                  .swiper-pagination {
                    position: absolute;
                    bottom: 30px;
                    left: 65px;
                    top: auto;
                    right: auto;
                    width: auto;
                    margin-top: 0;
                    padding: 0;
                    text-align: left;

                    .swiper-pagination-bullet {
                      width: 13px;
                      height: 13px;
                      margin: 0 7px 0 0 !important;
                      background: transparent;
                      border: var(--px-1) solid var(--c-white);
                      border-radius: 50%;
                      opacity: 1;
                      box-sizing: border-box;

                      &.swiper-pagination-bullet-active {
                        background: var(--c-white);
                        border-color: var(--c-white);
                      }
                    }
                  }
                }
              }
            }

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

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

  &.pdp-section-point3 {
    padding-top: var(--section-pad-top-lg);

    .contents-section {
      .contents-box {
        .contents {
          &.contents1 {
            padding-top: 50px;

            .video-box {
              max-width: 1000px;
              margin: 0 auto;

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

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

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

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

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

          &.contents2 {
            margin-top: 90px;
            padding-top: 150px;
            background: #f7f8f8;

            .video-box {
              max-width: 1000px;
              margin: 0 auto;

              .video {
                margin-top: 60px;

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

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

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

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

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

          &.contents3 {
            padding-top: 160px;
            padding-bottom: 50px;
            background: #f7f8f8;

            .grid-box {
              max-width: 1200px;
              margin: 0 auto;

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

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

                    .notice {
                      margin-top: var(--space-30);
                      text-align: left;
                    }
                  }
                }
              }
            }

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

  &.pdp-section-point4 {
    padding-top: 220px;

    .contents-section {
      .contents-box {
        .tit-box h3 {
          margin-top: var(--px-50);
        }

        .contents {
          &.contents1 {
            padding-top: 130px;

            .grid-box {
              h3 {
                font-size: 50px;
                line-height: 70px;
                font-weight: var(--font-bold);
                text-align: center;
              }

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

              .grid {
                margin-top: 50px;
                padding: 80px 0 50px;
                background: #f4f4f4;
              }

              .grid-group {
                max-width: var(--w-content);
                margin: 0 auto;
                --grid-group-gap: var(--px-20);
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: var(--grid-group-gap);
                align-items: start;
              }

              .grid-group-item-1 {
                position: relative;
                display: flex;
                flex-direction: column;
                min-height: 100%;
                overflow: visible;

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

                .desc {
                  margin: 60px 0 0;
                  font-size: 35px;
                  line-height: 55px;
                  font-weight: var(--font-medium);
                  text-align: left;
                }

                .summary-detail {
                  width: 100%;
                  margin: 0 auto;
                  padding-top: 40px;

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

                .summary-detail[open] .summary-panel {
                  position: absolute;
                  top: calc(100% + 80px);
                  left: 0;
                  z-index: 2;
                  width: calc(200% + var(--grid-group-gap));
                  margin-top: 0;
                  text-align: left;
                  background: transparent;
                }
              }

              .grid-group-item-2 {
                position: relative;

                .patent {
                  position: absolute;
                  top: -40px;
                  right: 0;
                  margin: 0;
                  font-size: 20px;
                  line-height: 31px;
                  font-weight: var(--font-regular);
                  z-index: 1;
                }

                > img {
                  width: 100%;
                  max-width: 560px;
                  height: auto;
                  display: block;
                  margin-left: auto;
                }
              }
            }
          }

          &.contents2 {
            padding-top: 180px;

            .img-box {
              h4 {
                margin-top: 20px;
              }

              &.img-box-2 {
                margin-top: -100px;
              }

              .img {
                margin: 50px 0 0;

                &.img-1 {
                  padding: 55px 0 100px;
                  background: #f7f8f8;
                }
              }
            }

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

  &.pdp-section-point5 {
    padding-top: var(--section-pad-top);

    .contents-section {
      .contents-box {
        .contents {
          &.contents1 {
            padding-top: 160px;
            overflow: visible;

            .media-box {
              position: relative;
              max-width: var(--w-content);
              margin: 0 auto;
            }

            .video-box {
              overflow: hidden;
              mask-image: none;
              -webkit-mask-image: none;
              transform: none;
              border-radius: var(--radius-xlg);

              .video {
                border-radius: inherit;
                overflow: hidden;
              }
            }

            .badge {
              position: absolute;
              top: -40px;
              right: -40px;
              z-index: 10;
              width: auto;
              max-width: 197px;
              height: auto;
              transform: none;
            }

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

          &.contents2 {
            padding-top: var(--contents-pad-top);
            overflow: visible;

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

              .grid {
                .grid-group-item {
                  display: grid;
                  grid-template-columns: 1fr auto;
                  align-items: start;

                  .text-box {
                    display: flex;
                    margin-top: 70px;
                    flex-direction: column;
                    justify-content: flex-start;
                    text-align: left;
                  }

                  .img-box {
                    max-width: 660px;

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

                  &.grid-group-item-2 {
                    margin-top: 90px;
                  }
                }
              }
            }

            .media-box {
              position: relative;
              max-width: 660px;
              margin: 0 auto;
            }

            .badge {
              position: absolute;
              top: -40px;
              right: -40px;
              z-index: 10;
              width: auto;
              max-width: 197px;
              height: auto;
              transform: none;
            }

            .summary-box {
              max-width: 660px;
              margin: 20px auto 0;
            }
          }
        }
      }
    }
  }

  &.pdp-section-point6 {
    padding-top: var(--section-pad-top);

    .contents-section {
      .contents-box {
        .contents {
          &.contents1 {
            padding-top: var(--contents-pad-top);
            overflow: visible;

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

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

                  align-items: center;

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

                  .img-box {
                    max-width: 760px;

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

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

                    .img-box {
                      order: -1;
                    }
                  }

                  &.grid-group-item-2 {
                    margin-top: 90px;
                  }
                }
              }
            }
          }

          &.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-point7 {
    padding-top: var(--section-pad-top);
    padding-bottom: 200px;

    .contents-section {
      .contents-box {
        .contents {
          &.contents1 {
            max-width: var(--w-content);
            margin: 100px auto 0;

            .grid-box {
              .grid {
                .point7-service-group {
                  display: grid;
                  grid-template-columns: repeat(2, minmax(0, 1fr));
                  gap: 100px 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 {
                    grid-column: 1 / -1;
                    .point7-card {
                      gap: 20px;
                      max-height: 378px;
                      padding-top: 90px;
                      padding-bottom: 60px;
                      .point7-badge {
                        width: 100%;
                        max-width: 787px;
                      }
                      .img-box {
                        margin: 0;
                      }
                      .point7-desc {
                        font-size: 60px;
                        line-height: 1;
                        font-weight: var(--font-bold);
                      }
                      .point7-note {
                        margin: 0;
                        font-size: 30px;
                        line-height: 40px;
                        font-weight: var(--font-bold);
                      }
                    }
                    .notice {
                      text-align: center;
                    }
                  }
                }

                .point7-card {
                  position: relative;
                  display: flex;
                  flex: 1;
                  flex-direction: column;
                  align-items: center;
                  justify-content: center;
                  max-height: 292px;
                  min-height: 292px;
                  padding: 20px 30px 20px;
                  border: var(--px-1) solid var(--line-border);
                  background: #f5f5f5;
                  text-align: center;
                }

                .point7-badge {
                  position: absolute;
                  top: 0;
                  left: 50%;
                  display: inline-flex;
                  align-items: center;
                  justify-content: center;
                  min-width: 378px;
                  height: 63px;
                  box-sizing: border-box;
                  font-size: 33px;
                  font-weight: var(--font-bold);
                  line-height: 1.2;
                  color: var(--c-white);
                  background: #d3c1b9;
                  border-radius: var(--radius-pill);
                  transform: translate(-50%, -50%);
                  word-break: keep-all;
                }

                .point7-desc {
                  margin: 0;
                  font-size: 30px;
                  line-height: 40px;
                  font-weight: var(--font-bold);
                  word-break: keep-all;
                }

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

          &.contents2 {
            padding-top: var(--section-pad-top);

            .img-box {
              h4 {
                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;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  /* ========== 반응형 ≤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;
    }

    & {
      /* 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;

      /* 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;

      /* 챕터 타이틀 박스 */
      .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;
          transform: scale(1.01);
        }

        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;
          transform: scale(1.01);
        }
      }

      .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-grant {
        padding: 26.6667vw 0 0;
        .contents-section {
          width: calc(100% - 11.2vw);
          max-width: 100%;
          margin: 0 auto;
          .notice {
            margin-top: 2.6667vw;
            font-size: 2.5333vw;
            line-height: 3.6vw;
          }
        }
      }

      &.pdp-section-persona {
        width: 100%;
        max-width: 100%;
        padding: 20vw 0 13.3333vw;
        box-sizing: border-box;

        .contents-section {
          width: calc(100% - 11.2vw);
          max-width: 100%;
          margin: 0 auto;
          padding: 0;
          box-sizing: border-box;

          .tit-box {
            width: 100%;

            .persona-lead {
              font-size: 5.7333vw;
              line-height: 8.6667vw;
            }

            .persona-title {
              font-size: 7.6vw;
              line-height: 10vw;
            }
          }

          .persona-table-box {
            width: 100%;
            margin-top: var(--space-40);

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

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

        .contents-section {
          .contents-box {
            .contents {
              &.contents1 {
                padding: 20.8vw 0 61.3333vw;
                background-image: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260521/WMG-2005/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;
                    font-size: 7.3333vw;
                    line-height: 8vw;
                  }
                }
              }

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

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

                    .grid-group {
                      display: flex;
                      flex-direction: column;
                      gap: 2.6667vw;
                      margin-top: 6.6667vw;
                    }

                    .grid-group-top {
                      display: flex;
                      flex-direction: column;
                      gap: 2.6667vw;
                      height: auto;
                    }

                    .grid-group-bottom {
                      display: flex;
                      flex-direction: column;
                      gap: 2.6667vw;
                    }

                    .grid-group-bottom-right {
                      display: flex;
                      flex-direction: column;
                      gap: 2.6667vw;
                    }

                    .grid-group-bottom-right-bottom {
                      display: grid;
                      grid-template-columns: repeat(3, minmax(0, 1fr));
                      gap: 2.6667vw;
                      width: 100%;
                    }

                    .grid-group-item {
                      width: 100%;
                      height: auto;
                      border-radius: var(--radius-sm);
                      isolation: isolate;
                      overflow: hidden;
                    }

                    .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-top: 38.6667vw;
                padding-bottom: 66.6667vw;
                background: url("https://mall.cowaystatic.com/static/front/resources/contents/upload/20260521/WMG-2005/main-prod-bg-m.png") center bottom no-repeat;
                background-size: cover;

                .img-box h3 {
                  font-size: 3.7333vw;
                  line-height: 6.4vw;

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

                .img-box h4 {
                  width: fit-content;
                  min-width: fit-content;
                  height: auto;
                  padding: 0 2.6667vw;
                  font-size: 3.7333vw;
                  border-radius: var(--radius-md);
                }
              }
            }
          }
        }
      }

      &.pdp-section-point1 {
        padding-top: 38.6667vw;

        .contents-section {
          .contents-box {
            .contents {
              &.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;
                  }
                }

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

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

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

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

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

              &.contents6 {
                padding: 13.3333vw 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;
                    }
                  }
                }

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

      &.pdp-section-point2 {
        .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 {
                .summary-box {
                  margin: var(--space-30) auto 0;
                  max-width: calc(100% - 11.2vw);
                }
              }
            }
          }
        }
      }

      &.pdp-section-point3 {
        padding-top: 32vw;

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

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

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

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

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

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

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

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

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

      &.pdp-section-point4 {
        padding-top: 32vw;

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

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

      &.pdp-section-point5 {
        padding-top: 32vw;

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

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

                .video-box {
                  border-radius: var(--radius-md);
                }

                .badge {
                  top: -5.3333vw;
                  right: 2vw;
                  max-width: 21.8667vw;
                }

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

              &.contents2 {
                padding-top: 9.3333vw;

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

                  .grid {
                    .grid-group-item {
                      align-items: center;

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

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

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

                      .img-box {
                        max-width: 44.5333vw;

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

                      &.grid-group-item-2 {
                        margin-top: 90px;
                      }
                    }
                  }
                }

                .badge {
                  top: -5.3333vw;
                  right: 2vw;
                  max-width: 21.8667vw;
                }
              }
            }
          }
        }
      }

      &.pdp-section-point6 {
        .contents-section {
          .contents-box {
            .contents {
              &.contents1 {
                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 !important;
                    flex-direction: column !important;
                    gap: 10.6667vw;
                    grid-template-columns: none !important;
                  }

                  .grid-group-item,
                  .grid-group-item-1,
                  .grid-group-item-2 {
                    display: flex !important;
                    flex-direction: column !important;
                    align-items: center !important;
                    width: 100% !important;
                    max-width: 100% !important;
                    margin-top: 0 !important;
                    gap: 4vw;
                    grid-template-columns: none !important;
                    grid-template-rows: none !important;

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

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

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

                    .img-box {
                      order: 0 !important;
                      width: 100%;
                      max-width: 100%;
                      margin: 0 auto;

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

              &.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-point7 {
        padding-top: 32vw;
        padding-bottom: 13.3333vw;

        .contents-section {
          .contents-box {
            .contents {
              &.contents1 {
                margin-top: 10.6667vw;

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

                  .grid {
                    .point7-service-group {
                      display: grid !important;
                      grid-template-columns: 1fr !important;
                      gap: 12vw;
                      width: 100%;

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

                        .notice {
                          margin: 2.6667vw 0px 0px;
                          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-1 {
                        .point7-card {
                          padding: 12vw 0 9.3333vw;
                        }
                      }

                      .grid-group-item-2 {
                        .point7-card {
                          padding: 6.6667vw 0 4vw;
                        }
                      }

                      .grid-group-item-3 {
                        grid-column: auto;

                        .point7-card {
                          padding: 10vw 0 6.6667vw;
                          gap: 2.6667vw;
                          max-height: 378px;
                          .point7-badge {
                            width: 58.1333vw;
                            max-width: calc(100% - 10.6667vw);
                          }
                          .point7-desc {
                            font-size: 6.1333vw;
                          }
                          .point7-note {
                            font-size: 4vw;
                            line-height: 5.3333vw;
                          }
                        }

                        .notice {
                          text-align: left;
                        }
                      }

                      .point7-card {
                        position: relative;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        width: 100%;
                        min-height: 0;
                        max-height: none;
                        box-sizing: border-box;
                        border: var(--px-1) solid var(--line-border);
                        background: #f5f5f5;
                        text-align: center;
                      }

                      .point7-badge {
                        position: absolute;
                        top: 0;
                        left: 50%;
                        min-width: auto;
                        width: 50.4vw;
                        max-width: calc(100% - 10.6667vw);
                        height: auto;
                        min-height: 8.4vw;
                        font-size: 4.4vw;
                        line-height: 6.2667vw;
                        transform: translate(-50%, -50%);
                      }

                      .point7-desc {
                        margin: 0;
                        font-size: 4vw;
                        line-height: 5.3333vw;
                      }

                      .point7-note {
                        margin: 2.6667vw 0 0;
                        font-size: 2.8vw;
                        line-height: 4.5333vw;
                      }

                      .img-box {
                        margin: 4vw 0 0;

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

              &.contents2 {
                padding-top: 32vw;

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

                  .img {
                    margin: 9.3333vw auto 0;
                    width: 50.2667vw;
                  }
                }

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