@charset "utf-8";
/* 성공사례 상세 — 기존 상세 이미지(835px) 디자인을 HTML 로 재현 */
.cd-wrap { --cd-navy:#1f3354; --cd-bg:#f2f1ec; --cd-line:#e6e7eb; --cd-red:#d62a40; --cd-gold:#e3cf9e; --cd-gold-dk:#a8834a; --cd-orange:#d9822b; --cd-muted:#9aa1ab;
	max-width:835px; margin:30px auto 0; padding:0 16px 24px; background:var(--cd-bg); text-align:left; color:#222; font-size:14px; line-height:1.7; }
.case-view .case-view-conts .case-view-conts-box .cd-wrap,
.case-view .case-view-conts .case-view-conts-box .cd-wrap * { font-family:'Pretendard', 'Noto Sans KR', sans-serif; word-break:keep-all; box-sizing:border-box; }
.cd-wrap p { margin:0; }
.cd-wrap a { text-decoration:none; }


/* 상단 */
.cd-hero { margin:0 -16px 22px; padding:32px 16px 30px; background:var(--cd-navy); color:#fff; }
.cd-crumb { font-size:12px; color:#c3cad6; margin-bottom:14px !important; }
.cd-crumb span { margin:0 4px; }
.cd-title { display:flex; gap:8px; font-size:30px; font-weight:700; line-height:1.45; color:#fff; }
.cd-title .pre { flex:none; }
.cd-summary { margin-top:18px !important; padding-left:12px; border-left:3px solid #c9a96e; font-size:15px; color:#e8ebf1; }

/* 카드 */
.cd-cols { display:flex; gap:16px; margin-bottom:18px; align-items:flex-start; }
.cd-cols > .cd-card { flex:1 1 0; margin-bottom:0; }
.cd-card { margin-bottom:18px; background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 1px 2px rgba(0,0,0,.04); }
.cd-card-head { margin:0; padding:12px 18px; background:var(--cd-navy); color:#fff; font-size:15px; font-weight:700; text-align:left; }
.cd-card-head b { margin-right:6px; font-weight:400; }
.cd-card-body { padding:16px 18px; }
.cd-text { font-size:14px; color:#333; }

.cd-row { padding:10px 0; border-bottom:1px solid #eeeff2; }
.cd-row:last-child { border-bottom:0; }
.cd-right .cd-row { display:flex; align-items:center; gap:12px; }
.cd-right .cd-row-label { flex:0 0 120px; }
.cd-row-label { margin-bottom:6px; font-size:12px; font-weight:700; color:#333; }
.cd-right .cd-row-label { margin-bottom:0; }
.cd-chips { display:flex; flex-wrap:wrap; gap:5px; }
.cd-chip { display:inline-block; padding:1px 9px; border:1px solid var(--cd-line); border-radius:20px; background:#fff; font-size:11px; line-height:20px; color:var(--cd-muted); white-space:nowrap; }
.cd-chip.on { border-color:#c5ccd8; background:#e9edf3; color:var(--cd-navy); font-weight:700; }
.cd-chip.hot { border:2px solid var(--cd-red); background:#fdf0f2; line-height:18px; }
.cd-chip i { font-style:normal; }
.cd-period p { font-family:'Noto Serif KR', serif !important; font-size:16px; font-weight:700; color:#222; line-height:1.9; }
.cd-period p.first { color:var(--cd-red); }

/* 걱정과 결과 */
.cd-qa-card { border:1px solid var(--cd-navy); }
.cd-qa { display:flex; margin-bottom:10px; background:#faf9f4; }
.cd-qa:last-child { margin-bottom:0; }
.cd-q, .cd-a { flex:1 1 0; padding:14px 16px; }
.cd-q { border-right:1px solid #e9e6dc; }
.cd-q span, .cd-a span { display:block; margin-bottom:6px; font-size:11px; font-weight:700; }
.cd-q span { color:var(--cd-gold-dk); }
.cd-a span { color:#333; }
.cd-q p { font-size:14px; color:#333; }
.cd-a p { font-size:13.5px; color:#444; }

/* 변호사 후기 */
.cd-review { margin-bottom:18px; padding:22px 20px 18px; background:var(--cd-navy); border-radius:10px; color:#fff; }
.cd-rv-head { display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.cd-rv-photo { flex:none; width:56px; height:56px; border-radius:50%; overflow:hidden; background:#efe6d2; border:2px solid #d8c69a; }
.cd-rv-photo { position:relative; }
.cd-rv-photo img { position:absolute; top:4%; left:50%; height:170%; width:auto; max-width:none; transform:translateX(-50%); } /* 상반신 사진에서 얼굴 쪽 확대 */
.cd-rv-career { font-size:12px; color:#c3cad6; }
.cd-rv-title { font-size:18px; font-weight:700; color:var(--cd-gold); }
.cd-rv-body { padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.15); font-size:14px; line-height:1.85; color:#e8ebf1; }
.cd-rv-quote { margin-top:14px !important; font-size:17px; font-weight:700; line-height:1.6; color:var(--cd-gold); }
.cd-rv-sign { margin-top:10px !important; text-align:right; font-size:12px; color:#c3cad6; }

/* 관련 사례·상담 */
.cd-sub { margin:4px 0 10px !important; font-size:12px; font-weight:700; color:#333; }
.cd-links { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:16px; }
.cd-links a, .cd-links span { display:inline-block; padding:7px 11px; border-radius:4px; background:#f2f1ec; font-size:12px; color:#444; }
.cd-links em { font-style:normal; color:var(--cd-orange); }
.cd-cta { margin-bottom:18px; padding:16px 18px; background:var(--cd-navy); border-radius:6px; }
.cd-cta > p { margin-bottom:12px !important; font-size:16px; font-weight:700; color:#fff; }
.cd-cta-btns { display:flex; gap:8px; }
.cd-cta-btns a { flex:1 1 0; padding:11px 6px; border:1px solid rgba(255,255,255,.55); border-radius:4px; text-align:center; font-size:14px; color:#fff; }
.cd-cta-btns a.gold { border-color:var(--cd-gold); background:var(--cd-gold); color:var(--cd-navy); font-weight:700; }
.cd-rel { margin:0; padding:0; list-style:none; }
.cd-rel li { border-bottom:1px solid #eeeff2; }
.cd-rel a { display:flex; align-items:center; gap:8px; padding:11px 0; font-size:13px; color:#333; }
.cd-rel .tag { flex:none; padding:1px 8px; border-radius:20px; background:#e9edf3; font-size:11px; font-weight:700; color:var(--cd-navy); }
.cd-rel i { font-style:normal; color:var(--cd-orange); }

.cd-kw { display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:4px 0 14px; }
.cd-kw-label { margin-right:6px; font-size:12px; font-weight:700; color:#333; }
.cd-kw-chip { padding:2px 9px; border-radius:20px; background:#e9edf3; font-size:11px; color:var(--cd-navy); }
.cd-disc { font-size:11px; line-height:1.7; color:#888; }

@media (max-width:768px) {
	.cd-wrap { padding:0 12px 18px; font-size:13px; }
	.cd-hero { margin:0 -12px 16px; padding:24px 12px; }
	.cd-title { font-size:22px; }
	.cd-cols { flex-direction:column; }
	.cd-cols > .cd-card { width:100%; }
	.cd-right .cd-row { display:block; }
	.cd-right .cd-row-label { margin-bottom:6px; }
	.cd-qa { flex-direction:column; }
	.cd-q { border-right:0; border-bottom:1px solid #e9e6dc; }
	.cd-cta-btns { flex-direction:column; }
	.cd-rv-quote { font-size:15px; }
}

/* 글쓰기 입력 영역 */
.cd-form { margin:20px 0; padding:16px 18px; border:1px solid #d5d9e2; background:#f8f9fb; }
.cd-form .cd-use { display:block; font-size:14px; cursor:pointer; }
.cd-form .cd-use span { font-size:12px; color:#777; }
.cd-form-body { margin-top:14px; }
.cd-f { margin-bottom:14px; }
.cd-f > label { display:block; margin-bottom:6px; font-weight:700; font-size:13px; }
.cd-f small { font-weight:400; color:#888; }
.cd-f input.frm_input, .cd-f textarea.frm_input, .cd-f select.frm_input { width:100%; height:auto; padding:7px 9px; }
.cd-opts { display:flex; flex-wrap:wrap; gap:6px 14px; }
.cd-opt { display:inline-flex; align-items:center; gap:6px; padding:4px 8px; background:#fff; border:1px solid #e3e6ec; border-radius:4px; }
.cd-opt label { font-weight:400; }
.cd-f .cd-opt input.cd-mini { width:50px; padding:3px 5px; }
.cd-f .cd-opt input.cd-mid { width:220px; padding:3px 5px; }
.cd-opt .cd-hot { font-size:12px; color:#d62a40; }
.cd-qa-in { margin-bottom:8px; }
.cd-qa-in input { margin-bottom:4px; }
.cd-inline { display:flex; gap:6px; margin-bottom:6px; }
.cd-inline > * { flex:1 1 0; }
.cd-inline .cd-wide { flex:2 1 0; }
.cd-rel-pick { max-height:200px; overflow:auto; padding:8px; background:#fff; border:1px solid #e3e6ec; }
.cd-rel-pick label { display:block; font-weight:400; font-size:12px; line-height:1.9; }
.cd-rel-pick em { font-style:normal; color:#1f3354; font-weight:700; }