@import url('./common.css');

#news {
  .list{
    .news-list{
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: 20px;
      @media screen and (min-width: 769px) {
        grid-template-columns: repeat(2, 1fr);
      }
      li{
        a{
          display: block;
          width: 100%;
          background-color: var(--white);
          padding: 20px;
          border-radius: 10px;
          border: 1px solid var(--black);
          text-decoration: none;
          &:hover{
     
            border-color: var(--red);
             &:hover{
              color: var(--red);
            }
          }
          .date{
            font-size: clamp(14px, 0.19vw + 13.3px, 16px);
            font-weight: 400;
            line-height: 1.8;
           
          }
          .body{
            font-size:clamp(16px, 0.38vw + 14.59px, 20px);
            font-weight: 600;
            line-height: 1.8;
        
          }
        }
      }
    }
  }
          }