.sanhak-news-wrap {
  .com-title {
    padding-bottom: 15px; border-bottom: 1px solid #000;
    .more-btn {
      bottom: 20px;
    }
  }
  .news-list-area {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px;
    .item {
      display: block; position: relative; padding-bottom: 60px;
      &:hover {
        .title-area {
          .tit {
            text-decoration: underline;
          }
        }
      }
      .title-area {
        .tit {
          font-size: 1.8rem; margin-bottom: 15px; font-weight: 600; font-family: 'paperlogy'; line-height: 1.6; overflow: hidden; display: -webkit-box; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 57px;
        }
        .txt {
          font-size: 1.5rem; color: #424242; line-height: 1.6; overflow: hidden; display: -webkit-box; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-bottom: 20px;
        }
      }
      .info-area {
        position: absolute; bottom: 0; left: 0; width: 100%; display: flex; justify-content: space-between; font-size: 1.4rem; padding: 20px 0; border-top: 1px dashed #A3A3A3; border-bottom: 1px dashed #A3A3A3;
        .label {
          color: var(--main-color); font-weight: 600;
        }
        .date {
          color: #626262;
        }
      }
    }
  }
}

@media (max-width: 1200px) {
  .sanhak-news-wrap {
    .news-list-area {
      .item {
        .title-area {
          .tit {
            font-size: 1.7rem; 
          }
          .txt {
            font-size: 1.4rem; 
          }
        }
        .info-area {
          font-size: 1.2rem; padding: 15px 0;
        }
      }
    }
  }
}

@media (max-width: 1024px) {
  .sanhak-news-wrap {
    .news-list-area {
      .item {
        padding-bottom: 50px;
        .title-area {
          .tit {
            font-size: 1.6rem; margin-bottom: 10px; min-height: auto;
          }
          .txt {
            font-size: 1.3rem; margin-bottom: 10px; 
          }
        }
      }
    }
  }
}

@media (max-width: 768px) {
  .sanhak-news-wrap {
    .com-title {
      margin-bottom: 0;
    }
    .news-list-area {
      grid-template-columns: 1fr; gap: 0;
      .item {
        padding: 15px 0; border-bottom: 1px solid var(--line-color);
        .title-area {
          .tit {
            font-size: 1.5rem; margin-bottom: 5px;
          }
          .txt {
            font-size: 1.2rem; margin-bottom: 13px;
          }
        }
        .info-area {
          font-size: 1.2rem; padding: 0; position: static; border: 0;
        }
      }
    }
  }
}