.university-news-wrap {
  display: flex; flex-wrap: wrap; gap: 15px;
  .news-content-area {
    display: flex; gap: 20px; flex-basis: calc((100% - 30px) / 3);
    .news-content {
      max-width: 115px;
      img {
        width: 100%; border: 1px solid #dddddd;
      }
    }
    .news-info {
      padding: 5px 0;
      .news-tit-wrap {
        margin-bottom: 10px;
        .news-tit {
          font-size: 1.5rem; font-weight: 600; line-height: 1.5;
          text-overflow: ellipsis; overflow: hidden; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 100%;
          a:hover {
            text-decoration: underline;
          }
        }
      }
      .news-writer {
        font-size: 1.1rem; color: #595959; font-weight: 500; padding-bottom: 20px;
      }
      .publisher-date-wrap {
        .publisher-date {
          letter-spacing: -1px; color: #595959; font-size: 1.1rem; margin-bottom: 7px;
          &:last-child { 
            margin-bottom: 0;
          }
          span {
            color: #101010; font-weight: 500;
          }
        }
      }
    }
  }
}

@media(max-width:1080px) {
  .university-news-wrap { 
    .news-content-area { 
      display: block;
      &:nth-child(n) {
        margin-right: 0; margin-bottom: 15px;
      } 
      .news-content {
        max-width: 200px;
      }
      .news-info {
        padding: 15px 0 0 0;
        .news-tit-wrap {
          margin-bottom: 15px;
          .news-tit {
            width: 200px;
          }
        }
        .news-writer {
          padding-bottom: 7px;
        }
      }
    }
  }
}


@media(max-width:668px) {
  .university-news-wrap { 
    display: block;
    .news-content-area { 
      display: flex;  margin-right: 15px;
      .news-content {
        max-width: 115px;
      }
      .news-info {
        .news-tit-wrap {
          margin-bottom: 15px;
          .news-tit {
            font-size: 1.4rem; width: 100%;
          }
        }
        .news-writer { 
          padding-bottom: 20px;
        }
        .publisher-date-wrap {
          .publisher-date {
            font-size: 1.1rem; line-height: 1.5; margin-bottom: 0;
            span {
              color: #101010; font-weight: 500;
            }
          }
        }
      }
    }
  }
}




