/* 1. 전체 컨테이너: 답답한 테두리 제거 및 배경 정리 */
.rb_layout_box[data-layout="1"][data-id="11"][data-shop="0"] .content_box {
    background-color: #f8f9fa; /* 연한 그레이 배경으로 카드 부각 */
    padding: 25px;
    border-radius: 20px;
}

/* 2. 게시판 헤더: 깔끔하고 명확하게 */
.rb_layout_box[data-layout="1"][data-id="11"][data-shop="0"] .content_box ul.bbs_main_wrap_tit {
    margin-bottom: 20px;
    padding: 0 5px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.rb_layout_box[data-layout="1"][data-id="11"][data-shop="0"] .content_box li.bbs_main_wrap_tit_l > a {
    font-size: 24px;
    font-weight: 800;
    color: #111;
    text-decoration: none;
    letter-spacing: -1px;
}

/* 3. 게시글 개별 칸 (가장 중요한 부분: 카드 스타일) */
.rb_layout_box[data-layout="1"][data-id="11"][data-shop="0"] .content_box ul.bbs_main_wrap_con_ul2 {
    background: #ffffff;
    margin-bottom: 12px; /* 게시글 간의 간격 확실히 분리 */
    padding: 20px 25px;  /* 글씨가 테두리에 닿지 않게 충분한 여백 */
    border-radius: 15px;
    border: 1px solid #eaeaea;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
    transition: all 0.25s ease-in-out;
    list-style: none;
    display: block;
}

/* 마우스 올렸을 때 반응 */
.rb_layout_box[data-layout="1"][data-id="11"][data-shop="0"] .content_box ul.bbs_main_wrap_con_ul2:hover {
    border-color: #3742fa;
    transform: translateY(-3px); /* 위로 살짝 들리는 입체감 */
    box-shadow: 0 8px 20px rgba(55, 66, 250, 0.1);
}

/* 4. 글 제목: 크고 시원하게 */
.rb_layout_box[data-layout="1"][data-id="11"][data-shop="0"] .content_box li.bbs_main_wrap_con_subj > a.cut_subj {
    font-size: 17px;
    font-weight: 700;
    color: #222;
    line-height: 1.4;
    text-decoration: none;
    display: block;
    margin-bottom: 8px; /* 아래 정보와 간격 확보 */
}

/* 5. 작성 정보 (작성자, 날짜 등) */
.rb_layout_box[data-layout="1"][data-id="11"][data-shop="0"] .content_box li.bbs_main_wrap_con_info {
    font-size: 13px;
    color: #888;
    display: flex;
    align-items: center;
    gap: 15px;
}

.rb_layout_box[data-layout="1"][data-id="11"][data-shop="0"] .content_box li.bbs_main_wrap_con_info > span.font-B {
    color: #555;
    font-weight: 600;
    position: relative;
}

/* 정보 사이에 구분 점(dot) 넣기 */
.rb_layout_box[data-layout="1"][data-id="11"][data-shop="0"] .content_box li.bbs_main_wrap_con_info > span.font-B::after {
    content: "•";
    margin-left: 10px;
    color: #ccc;
}

/* 6. 배지 (New/Hot) */
.rb_layout_box[data-layout="1"][data-id="11"][data-shop="0"] .content_box li.bbs_main_wrap_con_subj > span.label3 {
    display: inline-block;
    background: #ff4757;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 8px;
    border-radius: 5px;
    margin-left: 8px;
    vertical-align: middle;
}

/* 7. 더보기 버튼 */
.rb_layout_box[data-layout="1"][data-id="11"][data-shop="0"] .content_box li.bbs_main_wrap_tit_r > button.more_btn {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 7px 15px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
}

.rb_layout_box[data-layout="1"][data-id="11"][data-shop="0"] .content_box li.bbs_main_wrap_tit_r > button.more_btn:hover {
    background: #333;
    color: #fff;
    border-color: #333;
}