/* 영상 후기 게시판 — 4열 세로형 카드 */

.video-wrap {margin:14px 0 0;}
.video-notice {margin:0 0 26px; font-size:13px; color:#8b8178; line-height:1.6;}

.video-grid {display:grid; grid-template-columns:repeat(4, 1fr); gap:34px 24px; list-style:none; margin:0; padding:0;}
.video-card {margin:0; position:relative;}
.video-card > a {display:block; text-decoration:none; color:inherit;}

/* 세로형(쇼츠) 비율 9 : 16 */
.video-card .vc-thumb {display:block; position:relative; width:100%; padding-bottom:177.78%; overflow:hidden; border-radius:10px; background:#7c7c7c;}
.video-card .vc-thumb img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
.video-card > a:hover .vc-thumb img {transform:scale(1.04);}
.video-card .vc-noimg {position:absolute; inset:0; background:#7c7c7c;}

/* 재생 아이콘 */
.video-card .vc-play {position:absolute; top:50%; left:50%; width:54px; height:54px; margin:-27px 0 0 -27px;
    border-radius:50%; background:rgba(0,0,0,.42); transition:background .25s ease;}
.video-card .vc-play:after {content:''; position:absolute; top:50%; left:52%; transform:translate(-50%,-50%);
    border-style:solid; border-width:9px 0 9px 15px; border-color:transparent transparent transparent #fff;}
.video-card > a:hover .vc-play {background:rgba(0,0,0,.62);}

/* 제목은 최대 2줄, 넘치면 ... 로 줄임 */
.video-card .vc-title {margin:12px 2px 0; font-size:14px; font-weight:500; line-height:1.55; color:#3a332d;
    display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden; text-overflow:ellipsis; word-break:break-word; min-height:calc(1.55em * 2);}
.video-card > a:hover .vc-title {color:#977A6A;}

.video-empty {padding:90px 0; text-align:center; color:#a49a91; font-size:16px;}

@media (max-width:1024px) {
    .video-grid {grid-template-columns:repeat(3, 1fr); gap:28px 20px;}
}
@media (max-width:768px) {
    .video-grid {grid-template-columns:repeat(2, 1fr); gap:24px 16px;}
    .video-card .vc-play {width:44px; height:44px; margin:-22px 0 0 -22px;}
    .video-notice {font-size:12.5px; margin:0 0 18px;}
}

/* 글쓰기 화면 — 영상 링크
   기본 스킨의 .bo_w_link label 은 아이콘용 40px 상자라서 글자가 주저앉는다.
   여기서는 입력칸 위에 한 줄로 펼쳐 놓는다. */
#bo_w .video-linkrow label,
.video-linkrow label {position:static; display:block; width:auto; height:auto;
    margin:0 0 6px; line-height:1.5; text-align:left; white-space:nowrap;
    font-size:14px; font-weight:600; color:#3a332d;}
#bo_w .video-linkrow label strong,
.video-linkrow label strong {color:#c0392b; font-size:12px; font-weight:600; margin-left:4px;}
#bo_w .video-linkrow .frm_input {padding-left:10px;}
.video-linkrow .vl-hint {display:block; margin:5px 0 0; font-size:12.5px; color:#8b8178;}

/* 관리자 도구 — 썸네일 왼쪽 위, 체크박스 + 수정 버튼 */
.video-card .vc-tools {position:absolute; top:10px; left:10px; z-index:3; display:flex; align-items:stretch; gap:6px;}

/* 선택삭제 체크박스 — 썸네일 위에서도 잘 보이게 */
.video-card .video-chk {position:static; background:#fff; border-radius:5px; padding:6px; box-shadow:0 1px 4px rgba(0,0,0,.18); line-height:0;}
.video-card .video-chk label {display:block;}

/* 관리자에게만 보이는 '수정' 버튼 — 체크박스와 같은 높이 */
.video-card .vc-edit {display:flex; align-items:center; min-height:32px; padding:0 10px;
    border-radius:5px; background:#977A6A; color:#fff; text-decoration:none;
    font-size:13px; font-weight:600; line-height:1; box-shadow:0 1px 4px rgba(0,0,0,.18);}
.video-card .vc-edit:hover {background:#7f6455; color:#fff;}

/* 관리자에게만 보이는 '메인' 배지 — 가슴성형 메인에 노출 중인 영상 표시 */
.video-card .vc-main {display:flex; align-items:center; min-height:32px; padding:0 10px;
    border-radius:5px; background:#503F37; color:#fff;
    font-size:13px; font-weight:600; line-height:1; box-shadow:0 1px 4px rgba(0,0,0,.18);}

/* 글쓰기 화면 — 가슴성형 메인 노출 체크 */
.video-mainrow {margin-top:18px; padding:16px 18px; border:1px solid #e6e0da; border-radius:8px; background:#faf8f6;}
.video-mainrow .vm-chk {display:inline-block;}
#bo_w .video-mainrow label,
.video-mainrow label {position:static; display:inline-block; width:auto; height:auto; margin:0;
    line-height:1.5; text-align:left; font-size:14px; font-weight:600; color:#3a332d; cursor:pointer;}
.video-mainrow .vl-hint {display:block; margin:6px 0 0; font-size:12.5px; color:#8b8178; line-height:1.6;}
.video-mainrow .vl-hint.vm-warn {color:#c0392b;}
.video-mainrow .vm-list {margin:12px 0 0; padding:12px 0 0; border-top:1px dashed #ded6cf;}
.video-mainrow .vm-list > b {display:block; margin:0 0 6px; font-size:12.5px; font-weight:600; color:#6f635a;}
.video-mainrow .vm-list ul {margin:0; padding:0; list-style:none;}
.video-mainrow .vm-list li {margin:0 0 4px; font-size:13px; line-height:1.6;}
.video-mainrow .vm-list li:last-child {margin:0;}
.video-mainrow .vm-list a {color:#977A6A; text-decoration:underline;}
.video-mainrow .vm-list .vm-me {color:#3a332d; font-weight:600;}
.video-mainrow .vm-list .vm-me em {font-style:normal; font-weight:400; color:#8b8178;}

/* 가슴성형 메인(breast.php)에 넣은 영상 후기 섹션의 카드는 게시판(.video-grid/.video-card)을
   그대로 쓴다. 바깥 여백(.breast-video-box)은 전후사진과 맞춰야 해서 common.css 에 있다. */