.business-board-wrap {
  position: relative; width: 100%;
  .group {
    float: left; width: calc(50% - 15px);
    &:last-child { float: right; }
    .board-list {
      border-top:1px solid #000;
      ul {
        li {
          a {
            --label-width: 50px;
            position: relative; display: block; width:100%; padding: 25px 0; border-bottom: 1px solid var(--line-color);
            &:hover {
              .title { text-decoration: underline; }
            }
            .label {
              width: var(--label-width); line-height: 20px; color:#fff; text-align: center; border-radius: 3px; font-size: 1.2rem; display: inline-block; margin-right: 5px;
              &.on { background: var(--main-color); }
              &.end { background: #aeaeae; }
            }
            .title { 
              @include ellipsis; width: calc(100% - var(--label-width) - 10px);  font-weight: 500; display: block; font-size: 1.7rem;
            }
            .date { 
              color:#818181; width: 55px; display: block; font-size: 1.4rem; padding-top: 10px;
            }
            .more-icon {
              position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 45px; height: 45px; display: block;
            }
          }
        }
      }
    }
  }
}

@media (max-width:1200px) {
  .business-board-wrap {
    .group {
      width: calc(50% - 10px);
      .board-list {
        ul {
          li {
            a {
              padding: 20px 0;
              .title { font-size: 1.5rem; }
              .date { font-size: 1.2rem; }
              .more-icon { width: 35px; height: 35px; }
            }
          }
        }
      }
    }
  }
}
@media (max-width: 650px) {
  .business-board-wrap {
    .group {
      float: none; width: 100%; margin:0;
      &:last-child { margin-top: 50px; }
      .board-list {
        ul {
          li {
            a {
              padding: 15px 0;
              .label { font-size: 1.1rem; width: 45px; line-height: 20px;}
              .title { font-size: 1.4rem; width: 100%;}
              .more-icon { display: none; }
            }
          }
        }
      }
    }
  }
}