.main-body {
  .section--5 .tabContent .title-bx p {
    font-size: 1.4rem;
    @media (max-width: 1200px) {
      font-size: 1.25rem;
    }
  }
}

.review-inquriy-sction {
 height: 100vh;
  width: 100%;
  position: relative;
  @media (max-width: 900px) {
    height: auto;
  }
  .bg-bx {
    width: 100%;
    height: 100%;
    @media (max-width: 900px) {
      height: 400px;
    }
    @media (max-width: 768px) {
      height: 300px;
    }
    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      @media (max-width: 1400px) {
        object-position: right;
      }
      @media (max-width: 900px) {
        object-position: center;
      }
    }

    .txt-bx {
      position: absolute;
      left: 115px;
      top: 50%;
      transform: translateY(-50%);
      @media (max-width: 1600px) {
        left: 20px;
      }
      @media (max-width: 900px) {
        top: 100px;
        transform: translateY(0%);
      }

      .txt1 {
        display: flex;
        align-items: center;
        gap: 20px;
        color: #fff;
        font-size: 52px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: -2.08px;
        @media (max-width: 1400px) {
          font-size: 42px;
          letter-spacing: -0.03em;
        }
        @media (max-width: 1024px) {
          font-size: 32px;
        }
        @media (max-width: 1024px) {
          font-size: 26px;
        }

        .line {
          background: #fff;
          width: 100px;
          height: 1px;
          display: inline-block;
          @media (max-width: 1024px) {
            width: 60px;
          }
        }
      }

      .txt2 {
        margin-top: 6px;
        color: #e77426;
        font-size: 72px;
        font-style: normal;
        font-weight: 700;
        line-height: 125%;
        letter-spacing: -2.88px;
        @media (max-width: 1400px) {
          font-size: 62px;
          letter-spacing: -0.03em;
        }
        @media (max-width: 1024px) {
          font-size: 45px;
        }
        @media (max-width: 1024px) {
          font-size: 36px;
        }
      }
    }
  }
}

.center-form-bx {
  position: absolute;
  z-index: 50;
  top: 0;
  right: 0;
  width: 660px;
  height: 100%;
  border-radius: 30px 0 0 30px;
  overflow: hidden;
  transition: 1s;
  /* 
  @media screen and (max-width: 1200px) {
    transform: translateX(100%);

    &.on {
      transform: translateX(0);
    }
  } */

  @media screen and (max-width: 1200px) {
    width: 460px;
  }
  @media (max-width: 900px) {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 30px 30px 0 0px;
    margin-top: -50px;
    border-bottom: 1px solid #ddd;
  }
  /* @media screen and (max-width: 768px) {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    position: relative;
  } */

  .step-list {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 11;

    > ul {
      width: 100%;
      height: 100%;
      background: #fff;

      > li {
        width: 100%;
        height: 100%;
        position: relative;
        background: #fff;
        transition: 1s;

        &:not(:first-child) {
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0;
          filter: blur(10px);
          pointer-events: none;
        }

        &:first-child {
          opacity: 0;
          filter: blur(10px);
          pointer-events: none;
        }

        &.active {
          opacity: 1;
          filter: blur(0);
          pointer-events: all;
        }

        .inner {
          width: 100%;
          height: 100%;
          position: relative;
          z-index: 10;
          padding: 60px 60px 110px;
          display: flex;
          flex-direction: column;
          align-items: center;

          @media screen and (max-width: 1200px) {
            padding: 30px 30px 80px;
          }

          @media screen and (max-width: 768px) {
            justify-content: center;
          }

          .pg-num {
            width: 50px;
            height: 42px;
            margin: 0 0 30px auto;
            position: relative;

            @media screen and (max-width: 1200px) {
              margin: 0 auto 30px 0;
            }

            &::after {
              content: "";
              display: block;
              width: 1px;
              height: 100%;
              background: rgba(0, 0, 0, 0.2);
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%) rotate(45deg);
            }

            p {
              width: 100%;

              &.current {
                text-align: left;
                color: var(--p, #e77426);
                font-size: 1em;
                font-style: normal;
                font-weight: 700;
                line-height: 150%;
                letter-spacing: -0.03em;
              }

              &.total {
                text-align: right;
                color: rgba(0, 0, 0, 0.3);
                font-size: 1em;
                font-style: normal;
                font-weight: 700;
                line-height: 150%;
                letter-spacing: -0.03em;
              }
            }
          }

          .subject {
            color: #000;
            text-align: center;
            font-size: 38px;
            font-style: normal;
            font-weight: 700;
            line-height: 150%;
            letter-spacing: -0.02em;

            @media (max-width: 1200px) {
              font-size: 30px;
            }
            @media (max-width: 1024px) {
              font-size: 25px;
            }

            @media (max-width: 768px) {
              font-size: 22px;
              line-height: 1.4;
              margin-bottom: 10px !important;
            }
          }

          .next-step-btn {
            &.type1 {
              margin: 120px auto 0;
              position: relative;
              display: flex;
              width: 340px;
              height: 54px;
              padding: 0 15px;
              justify-content: center;
              align-items: center;
              flex-shrink: 0;
              border-radius: 5px;
              background: var(--32, #e77426);
              @media screen and (max-width: 900px) {
                width: 100%;
              }
              p {
                color: #fff;
                font-size: 18px;
                font-style: normal;
                font-weight: 600;
                line-height: 150%; /* 27px */
                letter-spacing: -0.72px;

                @media screen and (max-height: 1024px) {
                  font-size: 1.25em;
                }

                @media screen and (max-width: 768px) {
                  font-size: 14px;
                }
              }
            }
          }

          .form-list-cover {
            flex-grow: 1;
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: start;
            margin: 30px 0 0px;

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

          .form-list {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 0px;

            @media screen and (max-height: 800px) {
              gap: 0;
            }

            @media screen and (max-width: 768px) {
              gap: 0;
            }

            .input-bx {
              width: 100%;
              height: 72px;
              display: flex;
              align-items: center;
              position: relative;

              @media screen and (max-width: 1700px) {
                height: 60px;
              }

              @media screen and (max-width: 768px) {
                height: 50px;
              }

              label {
                width: 100%;
                height: 100%;
                display: flex;
                align-items: center;
                gap: 16px;
                cursor: pointer;
                border-bottom: 1px solid #bdbdbd;

                &::after {
                  content: "";
                  width: 0%;
                  height: 1px;
                  display: block;
                  position: absolute;
                  left: 0;
                  bottom: 0;
                  background: #e77426;
                  transition: 0.3s;
                }

                @media screen and (max-width: 768px) {
                  gap: 10px;
                }

                &:has(input[type="radio"]:checked),
                &:has(input[type="checkbox"]:checked) {
                  &::after {
                    width: 100%;
                  }
                }

                input[type="radio"],
                input[type="checkbox"] {
                  appearance: none;
                  width: 33px;
                  height: auto;
                  aspect-ratio: 33 / 26;
                  display: block;
                  background: url("../../assets/images/icon/center-check-normal.svg")
                    no-repeat;
                  background-size: cover;

                  @media screen and (max-width: 1200px) {
                    width: 20px;
                  }
                }

                input[type="radio"]:checked,
                input[type="checkbox"]:checked {
                  background: url("../../assets/images/icon/center-check1.svg")
                    no-repeat;
                  background-size: cover;
                }

                p {
                  color: #000;
                  font-size: 20px;
                  font-style: normal;
                  font-weight: 500;
                  line-height: 100%;
                  letter-spacing: -0.8px;

                  @media screen and (max-height: 800px) {
                    font-size: 18px;
                  }

                  @media screen and (max-width: 768px) {
                    font-size: 14px;
                  }
                }
              }
            }
          }

          .form-list3 {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 50px;

            @media screen and (max-height: 800px) {
              gap: 20px;
            }

            @media screen and (max-width: 768px) {
              gap: 20px;
            }

            li {
              width: 100%;
              height: 50px;
              display: flex;
              align-items: center;
              justify-content: space-between;

              @media screen and (max-width: 768px) {
                height: fit-content;
                flex-direction: column;
                align-items: flex-start;
              }

              input {
                flex-grow: 1;
                height: 100%;
                border: none;
                border-bottom: 1px solid #bdbdbd;
                color: #000;
                font-size: 20px;
                font-style: normal;
                font-weight: 500;
                line-height: 100%;
                letter-spacing: -0.96px;
                text-align: left;

                @media screen and (max-height: 800px) {
                  font-size: 1.25em;
                }

                @media screen and (max-width: 768px) {
                  width: 100%;
                  font-size: 14px;
                  padding: 0;
                  height: 40px;
                }

                &::placeholder {
                  color: rgba(0, 0, 0, 0.3);
                }
              }

              span {
                display: flex;
                align-items: center;
                height: 100%;
                color: #000;
                font-size: 20px;
                font-style: normal;
                font-weight: 500;
                line-height: 100%;
                letter-spacing: -0.96px;

                @media screen and (max-height: 800px) {
                  font-size: 1.25em;
                }

                @media screen and (max-width: 768px) {
                  font-size: 14px;
                  height: fit-content;
                  margin-bottom: 5px;
                }

                &:first-child {
                  width: 120px;
                  flex-shrink: 0;

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

          .btn-bx {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 25px;
  margin-top: 5px;
            > * {
              width: 58px;
              aspect-ratio: 1/1;
              border-radius: 50%;
              border: 1px solid rgba(0, 0, 0, 0.3);
              display: flex;
              align-items: center;
              justify-content: center;
              transition: 0.3s;

              @media screen and (max-width: 768px) {
                width: 50px;
              }

              p {
                span {
                  font-size: 20px;
                  color: #000;
                  transition: 0.3s;
                }
              }
            }
          }
        }
      }
    }
  }
}

@keyframes blink {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.m-form-open-bx {
  position: fixed;
  right: 20px;
  top: 100px;
  width: 70px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #fff;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;

  @media screen and (max-width: 768px) {
    width: 50px;
    top: 60px;
  }

  .open-form {
    animation: blink linear 1.5s infinite;

    &.on {
      animation-play-state: paused;
      opacity: 1;

      .hidden-text {
        opacity: 1;
      }
    }
  }

  > * {
    width: 100%;
    height: 100%;
    color: var(--new, #c9a063);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.88px;

    @media screen and (max-width: 768px) {
      font-size: 14px;
    }

    .hidden-text {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 36px;
      opacity: 0;
      background: #fff;

      @media screen and (max-width: 768px) {
        font-size: 28px;
      }
    }
  }
}