@charset "UTF-8";

/* 목록 Board CSS */
    .board-container {
      max-width: 100%;
      margin: 0 auto;
    }

    .board-list {
      border-radius: 0em;
      overflow: hidden;
      background-color: rgba(255, 255, 255, 0.2);
    }

    .board-item {
      display: flex;
      align-items: center;
      padding: 1.2rem 1rem;
      border-bottom: 1px solid rgba(229, 232, 237, 0.2);
      transition: background 0.2s ease;
      text-decoration: none;
      color: #fff;
    }
    .board-item a {
      color: #fff !important;
      text-decoration: none;
    }
    .board-item:hover {
      color:#fff !important;
      border-bottom: 0px solid #1A99B4 !important;
      text-decoration:none;
    }

    .board-item:last-child {
      border-bottom: none;
    }

    .board-item:hover {
      background-color: rgba(127, 211, 208, 0.2);
    }

    .board-item > div {
      /*padding: 0 0.5rem;*/
    }

    .title {
      width: 80%;
      font-weight: 500;
      font-size: 1rem;
      font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
      letter-spacing: 0.02em;
      word-spacing: 0.01em;

      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }




    .classification {
      width: 20%;
      text-align: right;
      font-size: 0.9rem;
      color: #fff;
    }
    .author {
      width: 20%;
      text-align: right;
      font-size: 0.9rem;
      color: #fff;
    }
    .author img {
      width: auto !important;
      border-radius: 0;
    }


    /* 모바일 반응형 */
    @media (max-width: 768px) {
      .classification {
        display: none;
      }
      .author {
        display: none;
      }
      .title {
        width: 100%;
        font-size: 1rem;
      }
    }