.agreement-group {
  margin: 50px 0;
  &.eq {
    margin: 20px 0 30px 0;
    .agreement {
      .textbox {
        max-height: none;
        .normal-table {
          table {
            thead {
              tr {
                background: #e1e1e1;
              }
            }
          }
        }
      }
    }
  }
  .group-title {
    padding-bottom: 15px; font-size: 1.5rem; font-weight: 600;
  }
  .agreement {
    margin-bottom: 20px; position: relative; border-top: 1px solid #aaa;
    .textbox {
      background: #f2f2f2; padding: 20px; font-size: 1.3rem; color: #444; position: relative; max-height: 200px; border-radius: 3px; overflow-y: auto; line-height: 1.6;
      .tit {
        font-size: 1.4rem; font-weight: 600; padding-bottom: 10px;
      }
      .sub-tit {
        position: relative; font-size: 1.2rem; padding: 0 0 5px 20px;
        &::before {
          position: absolute; content: ""; width: 11px; height: 11px; border-radius: 50%; border: 2px solid var(--main-color); left: 0px; top: 3px;
        }
      }
    }
    .normal-table {
      width: 700px;
      .txt-right {
        text-align: right; font-size: 1.1rem; padding-bottom: 5px;
      }
      thead {
        tr {
          th {
            height: 30px;
          }
        }
      }
      tbody {
        tr {
          font-size: 1.2rem; 
          td {
            background: #ffffff; color: #444444; height: 30px;
            &.left {
              text-align: left;
            }
            .bold {
              font-weight: 600;
              &.red {
                color: #ab2222;
              }
            }
          }
        }
      }
    }
    .terms {
      padding-top: 15px;
      .terms-txt {
        position: relative; font-size: 1.1rem; padding: 0 0 5px 20px;
        .bold {
          font-weight: 600;
        }
        &::before {
          content: ''; position: absolute; top: 4px; left: 6px;  width: 4px; height: 4px; border-radius: 10px; background: #555;
        }
        &:last-child {
          padding: 0 0 0 20px;
        }
      }
    }
    .check {
      margin-top: 10px;
      label .point {
        color: #db5f5f; display: inline-block; margin-left: 3px; font-size: 1.2rem;
      }
    }
  }
}


@media all and (max-width: 830px) {
  .agreement-group {
    .agreement {
      .normal-table {
        max-width: 100%;
      }
    }
  }
}