@charset "utf-8";
/* copyright(c) WEBsiting.co.kr */
/* 게시판 목록 - WordPress 포스트형 스킨 */

#bo_gall {margin-bottom:20px; overflow:hidden;}
#bo_gall h2 {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); border:0;}

/* 상단 정보/버튼 영역 */
#bo_gall #bo_btn_top {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 16px; padding-bottom:16px; margin-bottom:24px; border-bottom:2px solid #222;}
#bo_gall #bo_list_total {font-size:14px; color:#666;}
#bo_gall #bo_btn_top .btn_bo_user {list-style:none; margin:0; padding:0; display:flex; gap:6px;}

/* 카테고리 네비 */
#bo_gall #bo_cate {margin-bottom:24px;}

/* 전체선택 (관리자) */
#bo_gall .wp_chkall {margin-bottom:12px; font-size:13px; color:#666;}

/* 목록 컨테이너 */
#bo_gall #gall_ul.gall_row {display:block; margin:0 0 28px; padding:0; list-style:none; overflow:visible;}

/* 각 포스트 항목 */
.gall_row > li.gallWST {display:block; float:none !important; width:100% !important; margin:0; padding:0; border-bottom:1px solid #ececec;}
.gall_row > li.gallWST:first-child {border-top:1px solid #ececec;}
.gall_row > li.gallWST .gall_box {position:relative; display:flex; align-items:flex-start; gap:28px; margin:0; padding:28px 4px; overflow:visible;}

/* 썸네일 (정사각형) */
.wp_thumb {flex:0 0 230px; width:230px; display:block; position:relative; border:1px solid #d7dde5; border-radius:6px; overflow:hidden; background:#f4f4f5;}
.wp_thumb .wp_ratio {display:block; position:relative; width:100%; padding-top:100%; /* 1:1 정사각형 */}
.wp_thumb img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s ease;}
.gall_box:hover .wp_thumb img {transform:scale(1.06);}
.wp_thumb .wp_noimg {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#c2c2cc; font-size:13px; letter-spacing:.1em; font-family:Verdana, sans-serif;}

/* 본문 영역 */
.wp_body {flex:1 1 auto; min-width:0; padding-top:2px;}

/* 카테고리 라벨 */
.wp_cate {display:inline-block; margin-bottom:9px; font-size:13px; font-weight:700; color:#7c3aed; text-decoration:none; letter-spacing:-.02em;}
.wp_cate:hover {text-decoration:underline;}

/* 제목 */
.wp_title {display:block; margin:0 0 12px; font-size:22px; line-height:1.35; font-weight:700; color:#1f2937; text-decoration:none; word-break:keep-all;}
.wp_title:hover {color:#7c3aed;}
.gall_now .wp_title {color:#7c3aed;}

/* 제목 옆 배지 */
.wp_badge {display:inline-block; vertical-align:2px; margin-right:6px; padding:2px 7px; border-radius:4px; font-size:12px; font-weight:700; line-height:1.4;}
.wp_badge.notice {background:#111; color:#fff;}
.wp_badge.new {background:#ef4444; color:#fff;}
.wp_badge.hot {background:#f59e0b; color:#fff;}
.wp_cmt {display:inline-block; vertical-align:2px; margin-left:6px; padding:0 8px; height:20px; line-height:20px; font-size:12px; font-weight:600; border-radius:10px; background:#eef2ff; color:#4f46e5;}

/* 본문 요약 (여러 줄 노출) */
.wp_excerpt {display:block; margin:0 0 14px; font-size:14px; line-height:1.75; color:#666; word-break:keep-all;}
.wp_more {color:#3b82f6; text-decoration:none; white-space:nowrap; font-weight:500;}
.wp_more:hover {text-decoration:underline;}

/* 메타(작성자 / 시간 / 조회) */
.wp_meta {font-size:13px; color:#9ca3af;}
.wp_meta strong {color:#4b5563; font-weight:700;}
.wp_meta .wp_dot {margin:0 7px; color:#d1d5db;}
.wp_meta .fa {margin-right:2px;}

/* 관리자 체크박스 */
.wp_chk {position:absolute; top:8px; left:8px; z-index:2; padding:4px; background:rgba(255,255,255,.85); border-radius:4px; line-height:0;}

/* 검색/버튼 등 여백 */
#bo_gall .bo_fx {margin-top:20px;}
.noDataArea {margin:0 0 24px; padding:60px 20px; text-align:center; color:#888; border-bottom:1px solid #ececec;}

/* 반응형 */
@media all and (max-width:768px) {
    .wp_thumb {flex:0 0 170px; width:170px;}
    .gall_row > li.gallWST .gall_box {gap:20px;}
    .wp_title {font-size:19px;}
}
@media all and (max-width:560px) {
    .gall_row > li.gallWST .gall_box {flex-direction:column; gap:14px; padding:22px 4px;}
    .wp_thumb {flex:0 0 auto; width:100%;}
    .wp_thumb .wp_ratio {padding-top:56%;}
    .wp_title {font-size:18px;}
    .wp_excerpt {font-size:13.5px; line-height:1.7;}
}