/* 매듭지음 성공사례(win) 사진형 목록·보기 보강 — 2026-09-24 Claude. 모든 규칙은 .mjw- 범위 */
.mjw-grid { display:flex; flex-wrap:wrap; margin:10px -10px 20px; padding:0; list-style:none; }
.mjw-grid:after { content:""; display:block; clear:both; }
.mjw-card { position:relative; box-sizing:border-box; width:33.3333%; padding:10px; list-style:none; }
.mjw-card .mjw-link { display:block; height:100%; border:1px solid #e3e3e3; background:#fff; color:#333; text-decoration:none; transition:box-shadow .2s, border-color .2s; }
.mjw-card .mjw-link:hover, .mjw-card .mjw-link:focus { border-color:#ed6706; box-shadow:0 6px 18px rgba(0,0,0,.08); }
.mjw-thumb { position:relative; overflow:hidden; height:0; padding-bottom:75%; background:#f4f1ed; border-bottom:1px solid #eee; }
.mjw-thumb img { position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; object-position:center top; }
.mjw-nothumb { background:#fff3e6; }
.mjw-nothumb-txt { position:absolute; left:0; right:0; top:38%; text-align:center; font-size:22px; font-weight:500; color:#88421a; letter-spacing:-1px; }
.mjw-stamp { position:absolute; right:12px; bottom:12px; max-width:78%; box-sizing:border-box; padding:7px 12px 8px; border:3px double #d8420f; border-radius:6px; background:rgba(255,255,255,.93); color:#d8420f; font-size:15px; font-weight:700; line-height:1.35; letter-spacing:-.5px; transform:rotate(-4deg); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:keep-all; }
.mjw-stamp em { display:block; font-style:normal; font-size:11px; font-weight:500; letter-spacing:2px; color:#b3471b; }
.mjw-body { padding:14px 16px 16px; }
.mjw-cate { display:inline-block; margin:0 6px 6px 0; padding:2px 8px; border:1px solid #ed6706; border-radius:2px; font-size:13px; color:#ed6706; line-height:1.5; }
.mjw-best { display:inline-block; margin:0 0 6px; font-size:13px; color:#999; }
.mjw-title { display:block; margin:2px 0 10px; font-size:17px; font-weight:500; color:#222; line-height:1.5; letter-spacing:-.5px; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.mjw-lawyer { display:block; font-size:14px; color:#777; }
.mjw-tags { padding:8px 0 0 2px; }
.mjw-tags a, .mjw-tagbox a { display:inline-block; margin:0 6px 4px 0; font-size:13px; color:#88421a; text-decoration:none; }
.mjw-tags a:hover, .mjw-tagbox a:hover { text-decoration:underline; }
.mjw-chk { position:absolute; left:18px; top:18px; z-index:2; }
.mjw-empty { width:100%; padding:60px 0; text-align:center; color:#888; list-style:none; }
.mjw-more-wrap { margin:0 0 10px; }

/* 보기 페이지 */
.mjw-files { margin:30px 0 10px; padding:20px; background:#f7f5f2; border:1px solid #eee; }
.mjw-files h4 { margin:0 0 6px; font-size:18px; font-weight:500; color:#333; }
.mjw-files p.mjw-note { margin:0 0 14px; font-size:14px; color:#777; }
.mjw-files .mjw-page { margin:0 0 12px; text-align:center; }
.mjw-files .mjw-page img { max-width:100%; height:auto; border:1px solid #ddd; background:#fff; }
.mjw-tagbox { margin:24px 0 0; padding-top:14px; border-top:1px solid #eee; }

@media all and (max-width:1024px) {
    .mjw-card { width:50%; }
}
@media all and (max-width:600px) {
    .mjw-grid { margin:6px -6px 16px; }
    .mjw-card { width:100%; padding:6px; }
    .mjw-thumb { padding-bottom:62%; }
    .mjw-stamp { font-size:14px; }
    .mjw-title { font-size:16px; }
    .mjw-files { padding:14px; }
}