.wrapper {
    max-width: 740px;
    margin: 0 auto;
    margin-top: 100px;
    .text-center {
      text-align: center;
      font-size: 20px;
      font-weight: bold;
      @include mobile {
        font-size: 16px;
      }
    }
    .content {
      margin-top: 50px;
      white-space: pre-line;
      @include mobile {
        font-size: 12px;
      }
    }
    .rule {
      @include mobile {
        font-size: 12px;
      }
      margin-top: 50px;
      .rule-title {
        margin-bottom: 12px;
        font-size: 16px;
        font-weight: 600;
      }
      .rule-des {
        margin-bottom: 20px;
      }
      .rule-item {
        margin-top: 50px;
      }
      li {
        margin-bottom: 5px;
        padding-right: 15px;
      }
      .row {
        display: flex;
        border-bottom: 2px solid black;
        .col-left {
          padding-left: 18px;
          padding-right: 18px;
          width: 33%;
        }
        .col-right {
          padding-left: 18px;
          padding-right: 18px;
          border-left: 2px solid black;
          width: 66%;
          ul {
            padding-left: 15px;
          }
        }
      }
    }
  }
  
  .border {
    border: 2px solid black;
    // padding-right: 18px;
  }