.menu-board-list {
    overflow-x: auto; /* 좌우 스크롤 활성화 */
    white-space: nowrap; /* 줄바꿈 방지 */
    max-width: 100vw;
}

.menu-board-list ul {
    display: flex;
    flex-wrap: nowrap; /* 한 줄에만 아이템 배치 */
    list-style: none;
    margin: 0;
    padding: 0 15px; /* 가로로만 margin 15px 적용 */
    width: 100%;
}

.menu-item {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0; /* 줄어들지 않도록 설정 */
    padding: 0;
}

.menu-item img {
    width: 70px;
    height: 70px;
    object-fit: cover;
}

/* 스크롤바 숨기기 (Webkit 브라우저 - 크롬, 사파리) */
.menu-board-list::-webkit-scrollbar {
    display: none; /* 스크롤바 숨기기 */
}

/* 스크롤바 숨기기 (Firefox) */
.menu-board-list {
    scrollbar-width: none; /* Firefox 스크롤바 숨기기 */
}

.board-item-title {
    display: -webkit-box; /* Flexbox로 설정 */
    -webkit-line-clamp: 2; /* 최대 두 줄까지만 표시 */
    -webkit-box-orient: vertical; /* 수직 박스 방향 설정 */
    overflow: hidden; /* 넘치는 텍스트 숨김 */
    text-overflow: ellipsis; /* 넘치는 텍스트를 "..."으로 표시 */
    white-space: normal; /* 줄바꿈 허용 */
}

/* 게시판 카테고리 아이템 스타일 */
.board_category_item {
    text-align: center; /* 텍스트와 아이콘을 중앙 정렬 */
    margin: 0 15px; /* 가로로만 margin 15px 적용 */
}

.board_category_item:first-child {
    margin-left: 0; /* 첫 번째 아이템은 왼쪽 margin 제거 */
}

.board_category_item:last-child {
    margin-right: 0; /* 마지막 아이템은 오른쪽 margin 제거 */
}

/* 배지 스타일 */
.board_category_item .badge {
    display: inline-block;
    width: 100%; /* 배지를 아이템의 너비에 맞춤 */
    padding: 10px; /* padding을 좀 더 늘려서 터치 영역을 넓힘 */
    font-size: 14px; /* 모바일에서 보기 좋은 크기로 조정 */
    border-radius: 8px; /* 배지 모서리를 둥글게 처리 */
}

/* 아이콘 크기 */
.board_category_item i {
    font-size: 24px; /* 아이콘 크기를 크게 조정 */
}

/* 텍스트 스타일 */
.board_category_item span.uk-display-block {
    padding-top: 5px; /* 텍스트와 아이콘 사이의 간격을 적당히 조정 */
    font-size: 12px; /* 카테고리 이름의 글꼴 크기를 약간 더 크게 조정 */
}