#kboard-default-list { display: block !important; margin: 0 auto; }
.kboard-default-poweredby { display: none; }
#kboard-default-list .kboard-list table td.kboard-list-vote {
    display: none;
}
/* 모바일(화면 너비 768px 이하)에서만 작동 */
@media screen and (max-width: 768px) {
    
    /* 모든 KBoard 게시판 영역 타겟팅 */
    div[id^="kboard-"] {
        /* 너비를 100%로 강제하되, 패딩을 포함하여 계산 */
        width: 100% !important;
        box-sizing: border-box !important;
        
        /* 기존 마진 초기화 및 중앙 정렬 */
        margin-left: 0 !important;
        margin-right: 0 !important;
        
        /* 좌우 여백(패딩)을 강제로 줌 (원하는 간격으로 숫자 조절 가능) */
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* 만약 리스트 테이블이 튀어나간다면 아래 코드도 추가 */
    div[id^="kboard-"] table {
        width: 100% !important;
    }
}

/* ---------------------------------------
   글쓰기 버튼 등을 모던하게 변경
   --------------------------------------- */
a.kboard-default-button-small,
input[type=submit].kboard-default-button-small,
button.kboard-default-button-small {
    border-radius: 4px !important;
    background-color: #5bc0be !important; /* 버튼 배경색 */
    color: #fff !important;
    border: none !important;
}
/* ---------------------------------------
   2. 게시판 리스트 헤더 (번호, 제목, 작성자...) 디자인
   --------------------------------------- */

/* 헤더 배경색 변경 (연한 회색) */
#kboard-default-list .kboard-list thead tr {
    background-color: #f7f7f7 !important; /* 원하시는 연한 회색 */
    border-top: 2px solid #555 !important; /* 상단 진한 선 (선택사항) */
}

/* 헤더 글씨 디자인 (진하게, 어둡게) */
#kboard-default-list .kboard-list thead tr td {
    color: #333 !important; /* 글자색 진한 회색/검정 */
    font-weight: 700 !important; /* 글자 굵게 */
    font-size: 14px !important; /* 글자 크기 조정 */
    padding: 12px 0 !important; /* 위아래 여백을 줘서 조금 더 넉넉하게 */
    border-bottom: 1px solid #ddd !important;
}

/* 1. 기존의 밑줄 디자인 제거 */
#kboard-default-editor .kboard-attr-row {
    border-bottom: none !important; /* 밑줄 없애기 */
    padding: 5px 0 !important;
}
/* 2. 입력창(제목, 작성자, 비밀번호 등)을 박스 형태로 변경 */
#kboard-default-editor input[type=text],
#kboard-default-editor input[type=email],
#kboard-default-editor input[type=password],
#kboard-default-editor input[type=number],
#kboard-default-editor input[type=date],
#kboard-default-editor select {
    display: block !important;
    width: 90% !important;        /* 가로 */
    height: 32px !important;       /* 높이 넉넉하게 */
    padding: 0 7px !important;    /* 안쪽 여백 */
    margin: 0px 0 0px 0 !important; /* 위아래 간격 */
    
    border: 1px solid #ddd !important; /* 회색 테두리 */
    background-color: #fff !important; /* 배경 흰색 */
    /border-radius: 4px !important;/     /* 모서리 둥글게 */
    
    box-sizing: border-box !important; /* 테두리 포함 크기 계산 */
    font-size: 14px !important;
    color: #333 !important;
    line-height: normal !important;
    box-shadow: none !important;
}
/* 제목 칸만 가로 크기를 다르게 하고 싶을 때 */
/#kboard-default-editor input[name='title'] {
    width: 65% !important; /* 여기 숫자를 80% 등으로 바꾸면 제목만 변합니다 */
}/