@charset "utf-8";

/* 가이드 게시판 스타일 */
#bo_list {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
}

/* 가이드 목록 테이블 */
.tbl_head01 {
    width: 100%;
    border-top: 2px solid #333;
    border-bottom: 1px solid #ddd
}

.tbl_head01 caption,
.tbl_head01 thead {
    display: none
}

.tbl_head01 tbody tr {
    border-bottom: 1px solid #eee
}

.tbl_head01 tbody tr:hover {
    background: #f9f9f9
}

.tbl_head01 td {
    padding: 15px 10px;
    color: #666;
    vertical-align: middle
}

/* 카테고리 배지 (유지 - 오버라이드) */
.bo_cate_link {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 15px;
    background: #e9ecef;
    color: #495057 !important;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    margin-right: 8px;
    border: none;
    vertical-align: middle;
}

/* 제목 스타일 */
.td_subject a {
    font-size: 16px;
    font-weight: 600;
    color: #212529;
    vertical-align: middle;
}

.td_subject img {
    vertical-align: middle;
    margin-left: 5px
}

/* 모바일/PC 공통 너비 조정 */
.td_num,
.td_chk,
.td_date,
.td_hit,
.td_name {
    text-align: center;
    font-size: 13px;
    color: #888
}

.td_num {
    width: 50px
}

.td_chk {
    width: 40px
}

.td_date {
    width: 100px
}

.td_name {
    width: 100px
}

/* 뷰 페이지 */
#bo_v {
    padding: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05)
}

#bo_v_title {
    font-size: 26px;
    font-weight: 700;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    color: #111;
    margin-bottom: 15px
}

#bo_v_info {
    padding: 0 0 20px;
    color: #888;
    font-size: 13px;
    text-align: right
}

#bo_v_con {
    padding: 10px 0 50px;
    line-height: 1.8;
    font-size: 16px;
    color: #333;
    letter-spacing: -0.03em
}

#bo_v_con p {
    margin-bottom: 1.5em;
    white-space: pre-wrap;
}

#bo_v_con img {
    max-width: 100%;
    border-radius: 5px;
    margin: 20px 0
}

#bo_v_con h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0 15px;
    color: #222;
    border-left: 4px solid #000;
    padding-left: 12px
}

#bo_v_con ul,
#bo_v_con ol {
    margin-bottom: 1.5em;
    padding-left: 20px
}

#bo_v_con li {
    margin-bottom: 5px
}

/* 반응형 모바일 */
@media (max-width: 768px) {
    #bo_v {
        padding: 15px
    }

    #bo_v_title {
        font-size: 20px
    }

    #bo_v_con {
        font-size: 15px
    }

    .td_num,
    .td_name,
    .td_date,
    .td_hit {
        display: none
    }

    /* 모바일 목록 간소화 */
    .tbl_head01 td {
        padding: 10px
    }
}