@charset "utf-8";

/* ==================================================
   ★ 합천운석수제맥주 갤러리 스킨 (다크모드 최적화)
   ================================================== */

/* 갤러리 목록 공통 */
#bo_gall { color: #fff; } /* 기본 글자색 흰색 */
#bo_gall h2 { margin:0; padding:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; }
#bo_gall #gall_ul { margin:10px -10px 0; padding:0; list-style:none; zoom:1; }
#bo_gall #gall_ul:after { display:block; visibility:hidden; clear:both; content:""; }

/* 갤러리 리스트 박스 (카드 디자인) */
#bo_gall .gall_li { margin-bottom: 30px; }
#bo_gall .gall_box {
    position: relative;
    background: rgba(255,255,255,0.05); /* 반투명 배경 */
    border: 1px solid rgba(255,255,255,0.1); /* 얇은 테두리 */
    border-radius: 15px; /* 둥근 모서리 */
    padding: 15px;
    transition: 0.3s;
}
/* 마우스 올렸을 때 효과 */
#bo_gall .gall_box:hover {
    transform: translateY(-5px);
    border-color: #fca311; /* 황금색 테두리 */
    box-shadow: 0 5px 15px rgba(252, 163, 17, 0.2);
}

/* 썸네일 이미지 */
#bo_gall .gall_img { 
    border-radius: 10px; overflow: hidden; margin-bottom: 15px;
    background: #000; /* 이미지 없을 때 배경 */
}
#bo_gall .gall_img a { display: block; }
#bo_gall .gall_img img { 
    width: 100%; height: auto !important; 
    transition: 0.5s; 
    object-fit: cover;
}
#bo_gall .gall_box:hover .gall_img img { transform: scale(1.05); } /* 이미지 확대 */

/* 텍스트 정보 */
#bo_gall .gall_text_href a { 
    font-size: 1.1em; font-weight: bold; color: #fff; 
    display: block; margin-bottom: 5px;
}
/* 닉네임, 날짜, 조회수 등 */
#bo_gall .gall_info { color: #aaa; font-size: 0.9em; margin-top: 10px; }
#bo_gall .gall_info .gall_date, 
#bo_gall .gall_info .gall_view { color: #888; margin-left: 5px; }
#bo_gall .profile_img img { border-radius: 50%; margin-right: 5px; vertical-align: middle; }
#bo_gall .sv_member { color: #aaa; } /* 닉네임 색상 */

/* 관리자 체크박스 (관리자만 보임) */
#bo_gall .gall_chk { position:absolute; top:10px; left:10px; z-index:10; }


/* ==================================================
   ★ [핵심 수정] 상단 버튼 및 아이콘 (흰색 박스 제거)
   ================================================== */
/* 버튼 그룹 배경 제거 */
.btn_bo_user, .btn_bo_adm { margin: 0; padding: 0; list-style: none; }
.btn_bo_user li, .btn_bo_adm li { 
    float: left; margin-left: 5px; background: none; 
}

/* 버튼 스타일 (투명 + 테두리) */
.btn_bo_user a, .btn_bo_user button, 
.btn_bo_adm a, .btn_bo_adm input,
.btn_b01, .btn_b02, .btn_admin {
    display: inline-block;
    background: transparent !important; /* 배경 투명 */
    border: 1px solid rgba(255,255,255,0.3) !important; /* 테두리 */
    color: #ddd !important; /* 글자색 연회색 */
    border-radius: 5px;
    padding: 8px 12px;
    font-size: 0.95em;
    vertical-align: middle;
    text-decoration: none;
    transition: 0.3s;
}

/* 아이콘 색상 */
.btn_bo_user i, .btn_bo_adm i, .btn_admin i { color: #ddd; margin-right: 5px; }

/* 버튼 마우스 오버 */
.btn_bo_user a:hover, .btn_bo_adm a:hover, .btn_b02:hover, .btn_admin:hover {
    border-color: #fca311 !important;
    color: #fca311 !important;
}
.btn_bo_user a:hover i { color: #fca311; }

/* 글쓰기 버튼 (강조) */
.btn_b02 { border-color: #fca311 !important; color: #fca311 !important; }


/* ==================================================
   ★ 하단 검색 및 페이지네이션
   ================================================== */
/* 검색창 */
.bo_sch { text-align: center; margin-top: 30px; }
.bo_sch select, .bo_sch input {
    height: 40px; 
    background: #222; border: 1px solid #444; color: #fff; 
    border-radius: 5px; vertical-align: middle;
}
.bo_sch .sch_btn { 
    background: #444; border: 0; color: #fff; 
    height: 40px; width: 40px; border-radius: 5px; cursor: pointer;
}

/* 페이지 번호 */
.pg_wrap { margin: 40px 0; text-align: center; }
.pg_page, .pg_current {
    display: inline-block;
    background: transparent;
    border: 1px solid #444;
    color: #aaa;
    border-radius: 50%;
    width: 35px; height: 35px; line-height: 33px;
    margin: 0 3px; text-decoration: none; vertical-align: middle;
}
.pg_current {
    border-color: #fca311;
    color: #fca311;
    font-weight: bold;
}
.pg_page:hover { border-color: #fff; color: #fff; }

/* ==================================================
   ★ 기타 (Total 문구 등)
   ================================================== */
#bo_list_total { float: left; line-height: 40px; color: #aaa; } /* Total 문구 밝게 */

/* 읽기 페이지 (뷰) 스타일 간략 수정 */
#bo_v { color: #fff; }
#bo_v_title .bo_v_tit { color: #fff; }
#bo_v_info { border-bottom: 1px solid #333; color: #aaa; }
#bo_v_con { color: #ddd; }
#bo_v_file li, #bo_v_link li { border-color: #333; background: #111; }
#bo_v_file a, #bo_v_link a { color: #aaa; }