@charset "utf-8";

/* 게시판 공통 */
#bo_list, #bo_v, #bo_w { width: 100% !important; max-width: 1200px; margin: 0 auto; padding: 0 15px; box-sizing: border-box; font-family: 'Pretendard', sans-serif; }

/* 가로형 목록 아이템 스타일 */
.board-list-item { transition: all 0.3s; }
.board-list-item:hover { background: #fcfcfc; }
.item-image { position: relative; overflow: hidden; }
.item-image img { width: 100%; height: 180px; object-fit: cover; transition: transform 0.3s; }
.board-list-item:hover .item-image img { transform: scale(1.05); }
.item-category { position: absolute; top: 10px; left: 10px; background: #007bff; color: #fff; padding: 2px 10px; border-radius: 4px; font-size: 11px; font-weight: 600; }
.item-title { font-size: 20px; line-height: 1.4; }
.item-excerpt { font-size: 15px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.item-meta i { color: #007bff; }

/* 버튼 스타일 */
.btn-main-custom { 
    display: inline-block; background: #007bff; color: #fff; padding: 10px 25px; 
    border-radius: 5px; font-weight: 600; text-decoration: none; transition: 0.3s; border: none;
}
.btn-main-custom:hover { background: #0056b3; color: #fff; }

/* 페이지네이션 */
.pagination-wrapper { text-align: center; }
.pg_wrap { display: inline-block; }
.pg_page, .pg_current, .pg_start, .pg_prev, .pg_next, .pg_end { 
    display: inline-block; width: 38px; height: 38px; line-height: 36px; 
    margin: 0 3px; border: 1px solid #eee; border-radius: 5px; 
    color: #666; text-decoration: none; font-size: 14px; transition: 0.2s;
}
.pg_current { background: #007bff; color: #fff; border-color: #007bff; font-weight: 700; }
.pg_page:hover { background: #f0f7ff; border-color: #007bff; color: #007bff; }

/* 읽기 페이지 */
#bo_v_title { padding: 30px 0 20px; border-bottom: 2px solid #333; }
.bo_v_tit { font-size: 28px; font-weight: 700; color: #111; }
#bo_v_info { background: #f9f9f9; padding: 15px 20px; border-radius: 5px; margin: 20px 0; }
#bo_v_con { padding: 40px 0; font-size: 17px; line-height: 1.8; color: #333; }
#bo_v_con img { max-width: 100% !important; height: auto !important; border-radius: 10px; }

/* 쓰기 페이지 */
.frm_input { border: 1px solid #ddd; padding: 12px 15px; border-radius: 5px; width: 100%; box-sizing: border-box; font-size: 15px; }
.frm_input:focus { border-color: #007bff; outline: none; box-shadow: 0 0 0 3px rgba(0,123,255,0.1); }
.write_div { margin-bottom: 20px; }
.half_input { width: 49.5%; display: inline-block; }
@media (max-width: 768px) {
    .half_input { width: 100%; margin-bottom: 15px; }
    .item-image img { height: 220px; }
}