/* BASIC css start */
/* 게시판 리스트 탭 버튼 */
.bbs-hd {
    max-width: 1200px;
    margin: 0 auto 30px;
    padding: 30px 20px;
}

.bbs-hd *::before,
.bbs-hd *::after {
    display: none !important;
    content: none !important;
}

.bbs-hd ul.link {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.bbs-hd ul.link li {
    margin: 0;
    padding: 0;
    list-style: none;        /* ① | 막대 제거 */
    list-style-type: none;   /* ① 혹시 상위 스타일 덮어쓰는 경우 대비 */
    border: none !important;
    border-left: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

.bbs-hd ul.link li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    background-color: #f5f5f5;
    border: 0 solid #e5e5e5;
    border-radius: 8px;      /* ② 모서리 라운드 */
    color: #444;
    font-size: 16px;                                          /* ③ 폰트 */
    font-family: "맑은 고딕", 'Malgun Gothic', sans-serif;   /* ③ 폰트 */
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s;
    border-left: none !important;
}

.bbs-hd ul.link li a:hover {
    background-color: #e0e0e0;
    color: #111;
}

.bbs-hd ul.link li.last a {
    background-color: #333;
    color: #fff;
    border-color: #333;
    border-radius: 8px;
}

/* ③ 게시판 전체 폰트 */
#bbsData {
    font-size: 13px;
    font-family: "맑은 고딕", 'Malgun Gothic', sans-serif;
}

/* BASIC css end */