/* ==========================================================================
   info-drunk-case.css
   음주운전 법률정보 case 상세페이지 전용 보조 스타일.
   - 이혼 시리즈 case-01.php 안의 인라인 <style>(cd_basis 등)과 같은 톤(slate 계열)으로 맞췄습니다.
   - cd_hero / cd_sec / cd_conclusion 등 기존 cd_* 기본 스타일은 사이트 공통 CSS를 그대로 사용하고,
     이 파일은 음주운전 사례에만 필요한 요소(dui_*)와 cd_basis만 추가로 정의합니다.
   - 카테고리별 포인트 컬러는 <article class="cd_body" style="--faqc:#xxxxxx"> 값을 따릅니다.
   ========================================================================== */

/* ===== 주요 근거 (이혼 case-01.php 인라인 스타일과 동일) ===== */
.cd_basis{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid var(--faqc,#2563eb);border-radius:10px;padding:16px 20px;}
.cd_basis p{margin:0;font-size:.95em;line-height:1.8;color:#475569;}

/* ===== 사례 맨 위 요약문 ===== */
.dui_lead{margin:0 0 32px;padding:16px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid var(--faqc,#2563eb);border-radius:10px;font-size:.97em;line-height:1.85;color:#334155;}

/* ===== 의뢰인 질문(인용) / 핵심 질문 / 가상사례 안내 ===== */
.dui_voice{position:relative;margin:0 0 22px;padding:18px 20px 18px 50px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-weight:500;line-height:1.8;color:#334155;box-shadow:0 1px 3px rgba(15,23,42,.04);}
.dui_voice::before{content:"\201C";position:absolute;left:16px;top:6px;font-size:38px;line-height:1;color:var(--faqc,#2563eb);}
.dui_pull{margin:22px 0;padding:16px 20px;background:#f1f5f9;border-left:4px solid var(--faqc,#2563eb);border-radius:0 10px 10px 0;font-weight:600;line-height:1.75;color:#0f172a;}
.dui_notice{margin:6px 0 0;font-size:.85em;line-height:1.6;color:#64748b;}

/* ===== 법리 소제목 / 법령 표시 / 표 ===== */
.dui_sub{margin:32px 0 10px;font-size:1.05em;font-weight:700;line-height:1.55;color:#0f172a;}
.dui_stamp{display:inline;padding:1px 8px;font-size:.9em;font-weight:600;color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;}
.dui_tablewrap{margin:16px 0 24px;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.dui_table{width:100%;min-width:480px;border-collapse:collapse;font-size:.92em;background:#fff;border:1px solid #e2e8f0;}
.dui_table th{padding:11px 14px;text-align:left;font-weight:700;color:#fff;background:#0f172a;}
.dui_table td{padding:11px 14px;border-top:1px solid #e2e8f0;vertical-align:top;line-height:1.7;color:#334155;}
.dui_table td:first-child{width:36%;font-weight:700;color:#0f172a;}
.dui_table.dui_wide td:first-child{width:55%;}

/* ===== 사례에 적용하면: 단계 박스 ===== */
.dui_step{margin:14px 0;padding:18px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;}
.dui_step h5{margin:0 0 10px;font-size:1em;font-weight:700;line-height:1.6;color:#0f172a;}
.dui_step p{margin:0 0 8px;font-size:.95em;line-height:1.85;color:#334155;}
.dui_step p:last-child{margin-bottom:0;}

/* ===== CHECK POINT ===== */
.dui_check{padding:22px;background:#f8fafc;border:1px solid #e2e8f0;border-top:4px solid var(--faqc,#2563eb);border-radius:10px;}
.dui_check h5{margin:0 0 16px;font-size:1.02em;font-weight:700;line-height:1.6;color:#0f172a;}
.dui_check ol{margin:0;padding:0;list-style:none;}
.dui_check li{padding:12px 0;border-top:1px dashed #cbd5e1;font-size:.95em;line-height:1.75;color:#334155;}
.dui_check li:first-child{padding-top:0;border-top:none;}
.dui_ck_title{display:block;margin-bottom:4px;font-weight:700;color:#0f172a;}
.dui_ck_title b{margin-right:6px;font-weight:800;color:var(--faqc,#2563eb);}

/* ===== 마무리 한 줄 / 법인 안내 ===== */
.dui_oneliner{margin:28px 0 0;padding:20px 16px;text-align:center;font-weight:700;line-height:1.75;color:#0f172a;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;}
.dui_firm{margin:20px 0 0;padding:16px 20px;text-align:center;font-size:.92em;line-height:1.75;color:#475569;background:#f1f5f9;border-radius:10px;}

/* ===== 본문 링크: 다른 사례 / 성공사례 ===== */
.dui_xref{color:var(--faqc,#2563eb);text-decoration:underline;text-underline-offset:3px;}
.dui_success{font-weight:700;color:var(--faqc,#2563eb);text-decoration:underline;text-underline-offset:3px;}

/* ===== 간격 보정 (2026-11-13) ===== */
/* 결론 박스 바로 아래 문단이 붙어 보이지 않게 */
.content_col_case .cd_body .cd_conclusion{margin-bottom:20px;}
/* 법조문 버튼: 줄 맨 앞에 와도 앞쪽 공간이 생기지 않게 왼쪽 여백 제거 (본문에 띄어쓰기가 있는 곳은 그대로 띄어짐) */
.content_col_case .cd_body .cd_stamp{margin-left:0;}

@media (max-width:640px){
  .dui_voice{padding:16px 16px 16px 44px;}
  .dui_voice::before{left:12px;}
  .dui_step,.dui_check{padding:16px;}
  .dui_table td,.dui_table th{padding:10px 12px;}
}