@charset "utf-8";



@media screen and (max-width: 640px) {
    #bo_gall {
        padding: 0 10px;
    }
    /* col-gn-* 클래스 강제 덮어쓰기 */
    .gall_row .col-gn-1,
    .gall_row .col-gn-2,
    .gall_row .col-gn-3,
    .gall_row .col-gn-4,
    .gall_row .col-gn-5,
    .gall_row .col-gn-6,
    .gall_row .col-gn-7,
    .gall_row .col-gn-8,
    .gall_row .col-gn-9,
    .gall_row .col-gn-10 {
        width: 50% !important;
    }
    /* 갤러리 UL */
    .gall_row {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -5px;
    }

    /* 각 갤러리 항목 */
    .gall_li {
        width: 50%;
        padding: 0 5px;
        box-sizing: border-box;
        margin-bottom: 15px;
    }

    .gall_box {
        border: 1px solid #ddd;
        border-radius: 4px;
        overflow: hidden;
        background: #fff;
    }

    .gall_con {
        padding: 10px;
    }

    .gall_img {
        width: 100%;
        height: auto !important;
        max-height: 160px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .gall_img img {
        width: 100%;
        height: auto;
        object-fit: cover;
        display: block;
    }

    .no_image {
        width: 100%;
        text-align: center;
        padding: 60px 0;
        background: #f4f4f4;
        color: #999;
        font-size: 14px;
    }

    .gall_text_href {
        margin-top: 10px;
        font-size: 14px;
        color: #333;
        line-height: 1.4;
    }

    .gall_text_href .bo_tit {
        font-weight: bold;
        display: block;
        margin-bottom: 5px;
        color: #222;
        text-decoration: none;
    }

    .gall_info, .gall_option {
        font-size: 12px;
        color: #666;
        margin-top: 8px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .gall_info span, .gall_option span, .gall_option strong {
        margin-right: 6px;
        white-space: nowrap;
    }

    /* 선택 체크박스 숨기기 (필요시 노출) */
    .gall_chk {
        display: none;
    }

    /* 전체선택 영역 숨기기 */
    #gall_allchk {
        display: none;
    }

    /* 버튼 영역 */
    #bo_btn_top,
    .bo_fx,
    .bo_sch_wrap {
        margin-top: 10px;
    }

    /* 새글 아이콘 */
    .new_icon {
        background: #d00;
        color: #fff;
        font-size: 10px;
        padding: 2px 4px;
        border-radius: 2px;
        margin-left: 3px;
    }

    .cnt_cmt {
        font-weight: bold;
        color: #0066cc;
        margin-left: 4px;
    }
}


/* ////////// 댓글 ////////// */

@media screen and (max-width: 640px) {
    #bo_vc article {
        display: flex;
        flex-direction: row;
        gap: 10px;
        align-items: flex-start;
        flex-wrap: nowrap;
    }

    #bo_vc article .pf_img {
        flex: 0 0 50px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        overflow: hidden;
    }

    #bo_vc article .pf_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    #bo_vc article .cm_wrap {
        flex: 1;
        width: auto !important;
        max-width: none !important;
        float: none !important;
    }
}