@charset "utf-8";

@media (max-width: 768px) {
	.bo_list_mobile {
		display: block !important; /* ← 이것이 없으면 안 보입니다 */
	}
	.tbl_head01,
	.tbl_head01 table,
	.tbl_head01 thead,
	.tbl_head01 tbody,
	.tbl_head01 tr,
	.tbl_head01 td,
	.tbl_head01 th {
		display: none !important;
	}

	.bo_list_mobile {
		display: block;
	}

	.bo_list_item {
		padding: 15px 12px;
		border-bottom: 1px solid #eee;
		background: #fff;
	}
	.bo_num {
		font-size: 0.95rem;
		color: #aaa;
	}

	.bo_list_item input[type="checkbox"] {
		transform: scale(1.1);
		margin-right: 4px;
	}
	.bo_title_row {
		display: flex;
		align-items: center;
		gap: 6px;
	}

	.bo_title_row .bo_chk {
		transform: scale(1.1);
		margin: 0;
	}

	.bo_title_row .bo_num {
		font-size: 0.75rem;
		color: #aaa;
	}

	.bo_title_row .bo_subject {
		font-size: 14px;
		font-weight: bold;
		color: #222;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		flex: 1;
	}

	.new_icon {
		background: #23db79;
		color: white;
		padding: 2px 5px;
		border-radius: 3px;
		font-size: 12px;
		margin-left: 5px;
	}
	.bo_list_item a.bo_subject {
		font-size: 14px;
		font-weight: bold;
		display: block;
		color: #222;
		margin-bottom: 8px;
	}

	.bo_list_item .bo_meta {
		font-size: 13px;
		color: #888;
	}

	.bo_list_mobile .bo_meta {
		font-size: 0.85rem;
		color: #777;
		display: flex;
		flex-wrap: wrap;
		gap: 0.3rem 0.8rem;  /* 줄 바꿈/간격 대응 */
	}

	.bo_list_item .bo_meta span {
		margin-right: 10px;
	}

	.bo_meta .meta_wr10 {
		font-size: 0.75rem;
		color: #999;
		margin-right: 2px;
		display: inline;
	}

	.bo_meta .sv_wrap {
		display: inline-block;
		margin-left: 0;
	}

	.bo_meta span {
		line-height: 1.3;
	}
	.meta_user {
		display: inline;
	}

	.meta_wr10 {
		font-size: 0.75rem;
		color: #999;
		margin-right: 0px;
	}

	.meta_name {
		font-size: 0.85rem;
		color: #444;
		margin-left: 0px; /* 기본값 제거 */
	}


	.meta_date {
		margin-left: 0px;
	}
	.bo_list_item .new_icon {
		background: #23db79;
		color: white;
		padding: 2px 5px;
		border-radius: 3px;
		font-size: 12px;
		margin-left: 5px;
	}

	.bo_list_mobile .bo_meta span:first-child {
		margin-right: 4px;
		letter-spacing: -0.3px;
	}
}


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

@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;
    }
}