/* 고객후기: 카톡 감사 캡처 카드 + 의뢰인 감사 인사 (2026-10-27). 사건 내용(제목·요약)은 싣지 않는다 */
.rvtop{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;background:#f3f5fb;border:1px solid #e2e6f1;border-radius:14px;padding:20px 24px;margin-bottom:32px}
.rvtop p{margin:0;font-size:16px;color:#2b3350}
.rvtop a{display:inline-block;background:#1E2A5E;color:#fff;font-weight:700;border-radius:999px;padding:11px 22px;text-decoration:none;white-space:nowrap}
.rvg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
@media(max-width:1024px){.rvg{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:600px){.rvg{grid-template-columns:minmax(0,1fr);gap:16px}.rvtop{padding:18px}}
.rvc{display:flex;flex-direction:column;justify-content:flex-start;background:#fff;border:1px solid #e4e6ee;border-radius:14px;padding:22px;box-shadow:0 6px 16px rgba(20,30,70,.05);text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%}
.rvc .hd{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:17px;font-weight:700;color:#1b2240}
.rvc .hd img{width:34px;height:34px;flex:none}
.rvc .im{margin-top:14px;border:1px solid #e4e4e4;border-radius:6px;aspect-ratio:4/3;background:#f4f4f4 center top/cover no-repeat}
.rvc .ft{margin-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#7f7f7f}
.rvc .ft b{color:#1E2A5E;font-size:15px}
.rvc[hidden]{display:none}
#rvpg .pager{margin-top:36px}
.rvc:focus-visible{outline:3px solid #6d4fd1;outline-offset:2px}
/* 글로 남긴 감사 인사: 캡처 그림 자리(.im 과 같은 크기·테두리)에 문자 말풍선 같은 회색 둥근 상자(이름 첫 글자 동그라미·이름·글, 날짜 없음). 상자는 글에 맞춰 줄이고 오른쪽 아래에 게시 시각 */
.tkx{flex:none;width:100%;margin-top:14px;aspect-ratio:4/3;border:1px solid #e4e4e4;border-radius:6px;background:#fff;padding:14px;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}
.tkr{display:flex;align-items:flex-end;gap:6px;min-height:0;max-height:100%}
.tkg{flex:0 1 auto;min-width:0;max-height:100%;background:#e9e9eb;border-radius:20px;padding:12px 16px 13px;overflow:hidden;display:flex;flex-direction:column}
.tm{flex:none;font-size:12px;color:#8a8a8a;white-space:nowrap;line-height:1;padding-bottom:2px}
.tkw{display:flex;align-items:center;gap:10px}
.tkw .ini{width:36px;height:36px;flex:none;border-radius:50%;background:#fff;color:#1E2A5E;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}
.tkw .nd{font-size:15px;color:#1b2240}.tkw .nd b{font-weight:700}
.tkt{margin-top:8px;font-size:15.5px;line-height:1.6;color:#111;white-space:pre-line;overflow-wrap:anywhere;word-break:keep-all;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
/* 크게 보기 */
.rvlb{position:fixed;inset:0;z-index:9999;background:rgba(10,14,30,.86);display:flex;align-items:center;justify-content:center;padding:56px 16px 24px}
.rvlb[hidden]{display:none}
.rvlb img{max-width:min(720px,100%);max-height:calc(100vh - 80px);object-fit:contain;border-radius:6px;background:#fff}
.rvlb .tx{max-width:560px;width:100%;max-height:calc(100vh - 80px);overflow:auto;background:#fff;border-radius:12px;padding:24px 20px}
.rvlb .tx p{margin:0;font-size:17px;line-height:1.7;color:#111;white-space:pre-line;overflow-wrap:anywhere;word-break:keep-all}
.rvlb .tx .tkw{margin-bottom:10px}.rvlb .tx .tkg{padding:16px 20px;border-radius:24px}.rvlb .tx .tm{font-size:13px}
.rvlb button{position:absolute;top:12px;right:16px;background:none;border:0;color:#fff;font-size:34px;line-height:1;cursor:pointer;padding:6px 10px}
/* 감사 인사 남기기 */
.tkf{margin-top:56px;background:#f7f8fc;border:1px solid #e2e6f1;border-radius:16px;padding:32px}
.tkf h2{margin:0 0 8px;font-size:24px}
.tkf .gd{margin:0 0 18px;color:#4a5270;font-size:15px;line-height:1.7}
.tkf form{display:grid;gap:14px}
.tkf label{display:grid;gap:6px;font-weight:600;font-size:15px}
.tkf input[type=text],.tkf textarea{font:inherit;font-weight:400;padding:12px 14px;border:1px solid #cfd3de;border-radius:10px;width:100%;box-sizing:border-box;background:#fff}
.tkf textarea{line-height:1.7;min-height:150px;resize:vertical}
.tkf .ag{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:14px;line-height:1.6}
.tkf .ag input{margin-top:4px;width:auto}
.tkf .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.tkf button{justify-self:start;background:#1E2A5E;color:#fff;border:0;border-radius:999px;padding:13px 28px;font:inherit;font-weight:700;cursor:pointer}
.tkf button:disabled{opacity:.6;cursor:default}
.tkf .ms{margin:0;font-size:15px}.tkf .ms:empty{display:none}.tkf .ms.ok{color:#2f7a45}.tkf .ms.bad{color:#b3261e}
.tkf .cn{font-size:13px;color:#7f7f7f;font-weight:400;justify-self:end}
@media(max-width:600px){.tkf{padding:22px 18px}}
/* 메인 화면 슬라이드 안 글 감사 인사: 캡처(.img-div)와 같은 크기 */
.review-item-list .item .tkx{margin-top:10px;aspect-ratio:280/211;border-radius:0;padding:10px}
.review-item-list .item .tkg{padding:9px 13px 10px;border-radius:16px}.review-item-list .item .tm{font-size:11px}
.review-item-list .item .tkx .tkt{font-size:14px;-webkit-line-clamp:4;margin-top:6px}
.review-item-list .item .tkw .ini{width:30px;height:30px;font-size:13px}