/* =========================
   게시판 보기 화면 정리
========================= */

#bo_v {
    width:100% !important;
    max-width:1200px;
    margin:0 auto 40px;
    padding:0 20px;
    box-sizing:border-box;
}

/* 제목 */
#bo_v_title {
    margin:0 0 18px;
    font-size:28px !important;
    line-height:1.4 !important;
    font-weight:800;
    color:#111;
    overflow:hidden;
}

#bo_v_title > div {
    float:none !important;
    display:inline-block;
    vertical-align:middle;
}

#bo_v_title .bo_v_tit {
    font-size:28px !important;
    margin:0 !important;
    word-break:keep-all;
}

/* 게시글 정보 */
#bo_v_info {
    padding:14px 0;
    margin:0 0 25px;
    border-top:1px solid #eee;
    border-bottom:1px solid #ddd;
    font-size:14px;
    color:#666;
}

/* 첨부 이미지 */
#bo_v_img {
    width:100%;
    margin:0 0 25px;
    text-align:center;
    overflow:hidden;
}

#bo_v_img img {
    max-width:100% !important;
    height:auto !important;
    display:block;
    margin:0 auto 20px;
}

/* 본문 */
#bo_v_con {
    width:100%;
    min-height:120px;
    margin:0 0 35px;
    font-size:17px;
    line-height:1.8;
    color:#333;
    word-break:keep-all;
    overflow:hidden;
}

#bo_v_con img {
    max-width:100% !important;
    height:auto !important;
}

/* 댓글 영역 */
#bo_vc,
#bo_vc_w {
    max-width:1200px;
    margin:25px auto;
    padding:0 20px;
    box-sizing:border-box;
}

#bo_vc_w textarea,
#bo_vc_w .frm_input {
    width:100% !important;
    box-sizing:border-box;
    border:1px solid #d5dbe3;
    border-radius:4px;
    padding:12px;
    font-size:15px;
}

/* 하단 버튼 */
#bo_v_bot {
    max-width:1200px;
    margin:30px auto 0;
    padding:0 20px;
    box-sizing:border-box;
    clear:both;
}

.bo_v_com {
    float:none !important;
    display:flex;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:5px;
    margin:20px 0;
}

.bo_v_com li {
    float:none !important;
    margin:0 !important;
}

.bo_v_com a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:54px;
    height:34px;
    padding:0 12px;
    background:#2f7f43;
    color:#fff !important;
    font-size:13px;
    text-decoration:none;
    border-radius:4px;
}

.bo_v_com a.btn_admin {
    background:#d13f4a;
}

/* 모바일 */
@media screen and (max-width:768px) {
    #bo_v {
        padding:0 15px;
    }

    #bo_v_title,
    #bo_v_title .bo_v_tit {
        font-size:22px !important;
    }

    #bo_v_con {
        font-size:16px;
    }

    .bo_v_com {
        justify-content:center;
    }

    .bo_v_com a {
        min-width:48px;
        height:32px;
        font-size:12px;
        padding:0 9px;
    }
}

/* 게시글 보기 상단 정리 */
.bo_view_head{
    padding-bottom:22px;
    margin-bottom:18px;
    border-bottom:1px solid #e5e5e5;
}

.bo_view_cate{
    margin-bottom:8px;
    padding-bottom:4px;
    border-bottom:2px solid #2f7f43;
    font-size:13px;
    color:#1f5d34;
}

#bo_v_title{
    margin:0;
    font-size:0 !important;
    line-height:1.35 !important;
}

.bo_view_subject{
    display:inline-block;
    font-size:32px;
    font-weight:900;
    color:#111;
    letter-spacing:-.05em;
}

.bo_view_date{
    display:inline-block;
    margin-left:14px;
    font-size:26px;
    font-weight:800;
    color:#111;
}

#bo_v_info{
    padding:14px 0 18px !important;
    margin:0 0 28px !important;
    border-bottom:1px solid #e5e5e5 !important;
    color:#555 !important;
    font-size:14px;
    line-height:1.7;
}

#bo_v_atc_title{
    display:block !important;
    position:static !important;
    margin:0 0 24px;
    font-size:16px !important;
    line-height:1.4 !important;
    color:#111;
    font-weight:800;
}

#bo_v_con{
    min-height:120px;
    padding-bottom:60px;
    font-size:17px;
    line-height:1.8;
    color:#222;
}

#bo_v_con img,
#bo_v_img img{
    max-width:100% !important;
    height:auto !important;
}

#bo_vc_w{
    margin-top:30px;
    border-top:2px solid #2f7f43;
}

#bo_vc_w textarea{
    width:100% !important;
    box-sizing:border-box;
}

@media(max-width:768px){
    .bo_view_subject{
        font-size:24px;
    }

    .bo_view_date{
        display:block;
        margin:6px 0 0;
        font-size:18px;
    }
}

/* =========================
   게시판 보기 화면 최종 압축 정리
========================= */

#bo_v{
    max-width:1220px;
    margin:0 auto 35px !important;
    padding:0 24px !important;
}

.bo_view_head{
    margin-bottom:0 !important;
    padding-bottom:18px !important;
    border-bottom:1px solid #e5e5e5;
}

.bo_view_cate{
    margin-bottom:10px !important;
    padding-bottom:6px !important;
    border-bottom:2px solid #2f7f43;
}

#bo_v_title{
    margin:0 !important;
}

.bo_view_subject{
    font-size:32px;
    line-height:1.25;
}

.bo_view_date{
    font-size:24px;
    line-height:1.25;
}

#bo_v_info{
    margin:0 0 26px !important;
    padding:18px 0 20px !important;
    border-top:0 !important;
    border-bottom:1px solid #e5e5e5 !important;
}

#bo_v_atc{
    margin-top:0 !important;
}

#bo_v_atc_title{
    margin:0 0 52px !important;
    font-size:16px !important;
}

#bo_v_con{
    min-height:120px !important;
    margin:0 !important;
    padding:0 0 70px !important;
    font-size:17px;
    line-height:1.8;
}

/* 스크랩 영역 여백 줄임 */
#bo_v_act{
    margin:0 0 25px !important;
}

/* SNS/스크랩 글자 너무 흐린 것 정리 */
#bo_v_sns,
#bo_v_sns ul{
    margin:0 !important;
}

/* 댓글 목록 */
#bo_vc{
    max-width:1220px;
    margin:0 auto 28px !important;
    padding:0 24px !important;
    box-sizing:border-box;
}

#bo_vc h2{
    margin:0 0 8px !important;
    font-size:15px !important;
    color:#111;
}

/* 댓글쓰기 */
#bo_vc_w{
    max-width:1220px;
    margin:0 auto 24px !important;
    padding:0 24px !important;
    border-top:3px solid #2f7f43 !important;
    box-sizing:border-box;
}

#bo_vc_w .tbl_frm01{
    margin-top:0 !important;
}

#bo_vc_w table{
    width:100% !important;
    border-collapse:collapse;
}

#bo_vc_w th{
    width:90px !important;
    padding:12px 10px !important;
    background:#f3f7f7 !important;
    border-bottom:1px solid #e5e5e5;
    font-size:13px;
    color:#111;
}

#bo_vc_w td{
    padding:10px !important;
    border-bottom:1px solid #e5e5e5;
}

#bo_vc_w textarea{
    height:100px !important;
    min-height:100px !important;
}

/* 댓글등록 버튼 */
#bo_vc_w .btn_submit{
    height:34px !important;
    padding:0 14px !important;
    border-radius:4px;
    background:#2f7f43 !important;
    color:#fff !important;
    border:0 !important;
    font-size:13px;
}

/* 하단 버튼 */
#bo_v_bot{
    max-width:1220px;
    margin:18px auto 50px !important;
    padding:0 24px !important;
}

.bo_v_com{
    margin:0 !important;
    justify-content:flex-end;
}

.bo_v_com a{
    height:34px !important;
    min-width:54px;
    border-radius:4px;
    background:#2f7f43 !important;
    color:#fff !important;
    font-size:13px;
    font-weight:700;
}

.bo_v_com a.btn_admin{
    background:#d6404a !important;
}

/* 모바일 */
@media(max-width:768px){
    #bo_v,
    #bo_vc,
    #bo_vc_w,
    #bo_v_bot{
        padding:0 15px !important;
    }

    .bo_view_subject{
        font-size:24px;
    }

    .bo_view_date{
        display:block;
        margin:6px 0 0;
        font-size:18px;
    }

    #bo_v_atc_title{
        margin-bottom:28px !important;
    }

    #bo_v_con{
        padding-bottom:45px !important;
    }

    #bo_vc_w th{
        width:70px !important;
        font-size:12px;
    }

    .bo_v_com{
        justify-content:center;
    }
}

/* 상단 카테고리 */
.bo_view_cate{
    display:inline-block;
    margin-bottom:18px !important;
    padding:0 0 8px !important;
    border-bottom:2px solid #2f7f43;
    font-size:15px;
    font-weight:700;
    color:#1f5d34;
}

/* 제목 영역 */
.bo_view_head{
    padding-bottom:26px !important;
    margin-bottom:24px !important;
    border-bottom:1px solid #e5e5e5;
}

/* 제목 */
.bo_view_subject{
    font-size:46px;
    line-height:1.2;
    font-weight:900;
    letter-spacing:-.06em;
}

/* 날짜 */
.bo_view_date{
    margin-left:12px;
    font-size:24px;
    font-weight:700;
    color:#222;
}

/* 모바일 */
@media(max-width:768px){

    .bo_view_subject{
        font-size:28px;
    }

    .bo_view_date{
        display:block;
        margin:8px 0 0;
        font-size:18px;
    }

}