@charset "utf-8";

/* ==========================================================================
   모바일 스킨용 간이 CSS (제목 & 버튼 스타일)
   ========================================================================== */

/* 1. 기본 폰트 및 배경 설정 */
body {
    font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;
    margin: 0;
    padding: 15px; /* 페이지의 기본 여백 */
    background-color: #fff; /* 전체 배경을 흰색으로 */
	font-size: 14px !important;
}
.td_chk {
    width: 20px !important;
	}
/* 2. 상단 타이틀 스타일 */
#container_title {
    margin: 0 0 1.5rem 0;
    padding: 0.9rem 1.2rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff;
    background-color: #3890e7;
    border-radius: 8px; /* 라운드 처리 */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* 3. 버튼 공통 스타일 */
.btn_b01, .btn_b02, .btn_admin, .btn_submit, .btn_cancel,
.btn_bo_adm input[type="submit"] {
    display: inline-block;
    padding: 0.7rem 1.1rem; /* 버튼 크기 조정 */
    font-size: 0.9rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    border: 1px solid #ced4da; /* 기본 테두리 */
    border-radius: 6px; /* 라운드 처리 */
    cursor: pointer;
    transition: all 0.2s ease;
}

/* 4. 주요 버튼 스타일 (글쓰기, 검색, 전송 등) */
.btn_b02, .btn_submit {
    color: #ffffff;
    background-color: #007bff; /* 파란색 */
    border-color: #007bff;
}
.btn_bo_adm input[type="submit"] { /* 선택삭제 */
    color: #ffffff;
    background-color: #dc3545; /* 빨간색 */
    border-color: #dc3545;
}

/* 5. 보조 버튼 스타일 (목록, 관리자, 취소 등) */
.btn_b01, .btn_admin, .btn_cancel {
    color: #333;
    background-color: #f8f9fa; /* 밝은 회색 */
}

/* 6. 버튼 호버(마우스 올렸을 때) 효과 */
.btn_b02:hover, .btn_submit:hover, .btn_bo_adm input[type="submit"]:hover {
    opacity: 0.85;
}
.btn_b01:hover, .btn_admin:hover, .btn_cancel:hover {
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

/* ==========================================================================
   기타 GnuBoard 스킨 요소 초기화 및 정리
   ========================================================================== */

#bo_list, #bo_v, #bo_w {
    border: none;
    box-shadow: none;
}
.tbl_head01 tbody td {
    border-bottom: 1px solid #f0f0f0;
    text-align: left;
}
.td_date {
    font-size: 0.8rem;
    color: #888;
    margin-top: 0.25rem;
}
#bo_list .tbl_head01 thead {
    display: none;
}
.bo_fx {
    padding: 0.5rem 0;
    margin-bottom: 1rem;
    justify-content: space-between;
    align-items: center;
}
#bo_vc_w {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 1rem;
    margin-top: 1.5rem;
}
#bo_vc {
    border-top: 1px solid #eee;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
}
#bo_vc article p {
    margin-top: 15px;
    padding: 12px;
    font-size: 13px;
    line-height: 1.7;
    background-color: #f5f5ff;
    border-radius: 6px;
    border-left: 4px solid #17a2b8;
}
#bo_v_atc {
    padding: 1.5rem 0;
}
#bo_v_info {
    padding: 0.8rem;
    background: #f8f9fa;
    border-radius: 6px;
}
#bo_v_con {
    word-wrap: break-word;          /* 오래된 브라우저 호환용 */
    overflow-x: hidden;                 /* 부모 영역을 넘지 않도록 제한 */
	word-break: break-all;
    max-width: 100% !important; /* 어떤 넓이도 부모를 넘지 못하게 */
    box-sizing: border-box !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
#bo_v_con img,
#bo_v_con table {
    max-width: 100% !important;
    height: auto;
    word-break: break-word !important;
}
#bo_v_con div,
#bo_v_con table,
#bo_v_con img,
#bo_v_con iframe,
#bo_v_con pre,
#bo_v_con p {
    max-width: 100% !important;
    width: auto !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
/* ==========================================================================
   [추가] 7. 검색창 스타일 (#bo_sch)
   ========================================================================== */

#bo_sch {
    margin-top: 2.5rem;
    padding: 1.5rem;
    text-align: center;
    background-color: #f8f9fa; /* 밝은 회색 배경 */
    border: 1px solid #dee2e6;
    border-radius: 8px; /* 라운드 처리 */
}

#bo_sch legend {
    display: none; /* '게시물 검색' 글자 숨김 */
}

/* 검색 폼 요소 정렬 */
#bo_sch form {
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
}

/* 검색 대상 선택 (select) */
#bo_sch select {
    height: 2.5rem;
    padding: 0 0.75rem;
    font-size: 0.9rem;
    border: 1px solid #ced4da;
    border-radius: 6px;
}

/* 검색어 입력 (input) */
#bo_sch .frm_input {
    height: 2.5rem;
    padding: 0 0.75rem;
    font-size: 0.9rem;
    border: 1px solid #ced4da;
    border-radius: 6px;
}

/* 검색 버튼 (기존 스타일 상속 및 높이 조절) */
#bo_sch .btn_submit {
    height: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
}