/* ===== insurance_1.html ===== */
body.page-insurance-1 .mega-col strong{display:block; font-size:1.9rem; font-weight:800; color:var(--ink); margin-bottom:14px;}

body.page-insurance-1 .mega-col a.current{color:var(--tangerine);}

body.page-insurance-1 .nav-dropdown a.current{color:var(--tangerine); font-weight:700;}


body.page-insurance-1 .insurance{padding:70px 0 100px;}

body.page-insurance-1 .ins-section{
  background:#fff; border:1px solid #EBE5DF; border-radius:14px;
  padding:34px 28px 28px; margin-bottom:32px;
}
body.page-insurance-1 .ins-head{display:flex; align-items:baseline; gap:12px; margin-bottom:24px;}
body.page-insurance-1 .ins-head h2{font-size:2.1rem; font-weight:800; letter-spacing:-0.01em;}
body.page-insurance-1 .ins-head span{font-size:1.35rem; color:var(--text-muted); font-weight:600;}

body.page-insurance-1 .ins-table{width:100%; border-collapse:collapse;}
body.page-insurance-1 .ins-table thead th{
  background:var(--wave); color:var(--ink);
  font-size:1.45rem; font-weight:800; padding:15px 14px;
  border-top:2.5px solid var(--basalt); border-bottom:1px solid var(--line);
  text-align:center;
}
body.page-insurance-1 .ins-table tbody td{
  font-size:1.4rem; color:var(--text-body); padding:18px 14px;
  border-bottom:1px solid #EFE9E4; text-align:center;
}

body.page-insurance-1 .ins-table tbody td:first-child{font-weight:800; color:var(--ink);}

body.page-insurance-1 .ins-table tbody td.cover{color:var(--ink); font-weight:700;}

body.page-insurance-1 .ins-table tbody td.cover small{color:var(--ink); font-weight:700;}
body.page-insurance-1 .ins-table tbody td.cover small.warn{color:var(--tangerine);}

body.page-insurance-1 .ins-table tbody td.cond{color:var(--ink); font-weight:700; font-size:1.35rem; line-height:1.7;}
/* 2026-09-06 : 운전자 조건 칸 전체가 빨갛던 것을 먹색으로 낮춥니다.
   빨강은 «단독사고 제외» 같은 주의 문구와 예약 버튼에만 남깁니다. */
body.page-insurance-1 .ins-table tbody tr:last-child td{border-bottom:none;}

body.page-insurance-1 .ins-table .free{color:var(--hallasan-mint); font-weight:700;}

body.page-insurance-1 .ins-note{
  margin-top:16px; background:var(--wave); border-radius:10px;
  padding:16px 18px; font-size:1.35rem; color:var(--text-body); line-height:1.75;
}

body.page-insurance-1 .ins-note p{margin-bottom:9px;}
body.page-insurance-1 .ins-note p:last-child{margin-bottom:0;}

body.page-insurance-1 .ins-note b{color:var(--ink); font-weight:700;}
body.page-insurance-1 .ins-note b.hl{color:var(--tangerine);}
body.page-insurance-1 .ins-note a{color:var(--tangerine); font-weight:700; text-decoration:underline; text-underline-offset:2px;}

body.page-insurance-1 #exclude .ins-head span{color:var(--tangerine); font-weight:700;}

body.page-insurance-1 .exclude-list{margin-top:4px;}
body.page-insurance-1 .exclude-list li{
  font-size:1.4rem; color:var(--text-body); list-style:none;
  padding:15px 0 15px 22px; position:relative;
  border-bottom:1px solid #F2ECE7; line-height:1.7;
}
body.page-insurance-1 .exclude-list li:last-child{border-bottom:none;}

body.page-insurance-1 .exclude-list li::before{
  content:'×'; position:absolute; left:2px; top:14px;
  color:#A9A29B; font-weight:800; font-size:1.5rem;
}
body.page-insurance-1 .exclude-list li b{color:var(--tangerine); font-weight:700;}

body.page-insurance-1 .exclude-list li .ex-link{color:var(--tangerine); font-weight:700; text-decoration:underline; text-underline-offset:2px;}

@media (max-width:860px){
  body.page-insurance-1 .ins-head{flex-direction:column; align-items:flex-start; gap:5px; margin-bottom:18px;}
  body.page-insurance-1 .ins-head h2{font-size:1.9rem; line-height:1.35;}
  body.page-insurance-1 .ins-head span{font-size:1.3rem; line-height:1.5;}

  body.page-insurance-1 .header-bottom{justify-content:center;}
  body.page-insurance-1 .ins-section{padding:22px 16px 18px;}
  body.page-insurance-1 .exclude-list li{font-size:1.3rem; padding:14px 0 14px 20px;}

  body.page-insurance-1 .ins-table, body.page-insurance-1 .ins-table tbody, body.page-insurance-1 .ins-table tr, body.page-insurance-1 .ins-table td{display:block; width:100%;}
  body.page-insurance-1 .ins-table thead{display:none;}

  body.page-insurance-1 .ins-table tbody tr{
    border:1px solid var(--line); border-radius:10px;
    padding:6px 14px 10px; margin-bottom:12px; background:#FCFAF9;
  }
  body.page-insurance-1 .ins-table tbody tr:last-child{margin-bottom:0;}

  body.page-insurance-1 .ins-table tbody td{
    display:flex; align-items:flex-start; justify-content:space-between; gap:14px;
    text-align:right; padding:10px 0; font-size:1.35rem;
    border-bottom:1px solid #EFE9E4;
  }
  body.page-insurance-1 .ins-table tbody td::before{
    content:attr(data-label);
    flex:0 0 84px; text-align:left;
    font-size:1.25rem; font-weight:700; color:var(--text-muted);
  }

  body.page-insurance-1 .ins-table tbody td{word-break:keep-all;}
  body.page-insurance-1 .ins-table tbody td .v{flex:1; min-width:0; text-align:right;}
  body.page-insurance-1 .ins-table tbody td.cover .v small{display:block; margin-top:3px; font-size:1.25rem;}
  body.page-insurance-1 .ins-table tbody td.cond{line-height:1.65;}
  body.page-insurance-1 .ins-table tbody tr td:last-child{border-bottom:none;}

  body.page-insurance-1 .ins-table tbody td:first-child{
    display:block; text-align:left; padding:10px 0 12px;
    font-size:1.6rem; font-weight:800; color:var(--ink);
    border-bottom:1.5px solid var(--line);
  }
  body.page-insurance-1 .ins-table tbody td:first-child::before{display:none;}
}

/* ===== insurance_2.html ===== */
body.page-insurance-2 .mega-col strong{display:block; font-size:1.9rem; font-weight:800; color:var(--ink); margin-bottom:14px;}

body.page-insurance-2 .mega-col a.current{color:var(--tangerine);}

body.page-insurance-2 .nav-dropdown a.current{color:var(--tangerine); font-weight:700;}


body.page-insurance-2 .insurance{padding:70px 0 100px;}

body.page-insurance-2 .ins-section{
  background:#fff; border:1px solid #EBE5DF; border-radius:14px;
  padding:34px 28px 28px; margin-bottom:32px;
}
body.page-insurance-2 .ins-head{display:flex; align-items:baseline; gap:12px; margin-bottom:24px;}
body.page-insurance-2 .ins-head h2{font-size:2.1rem; font-weight:800; letter-spacing:-0.01em;}
body.page-insurance-2 .ins-head span{font-size:1.35rem; color:var(--text-muted); font-weight:600;}

body.page-insurance-2 .ins-table{width:100%; border-collapse:collapse;}
body.page-insurance-2 .ins-table thead th{
  background:var(--wave); color:var(--ink);
  font-size:1.45rem; font-weight:800; padding:15px 14px;
  border-top:2.5px solid var(--basalt); border-bottom:1px solid var(--line);
  text-align:center;
}
body.page-insurance-2 .ins-table tbody td{
  font-size:1.4rem; color:var(--text-body); padding:18px 14px;
  border-bottom:1px solid #EFE9E4; text-align:center;
}

body.page-insurance-2 .ins-table tbody td:first-child{font-weight:800; color:var(--ink);}

body.page-insurance-2 .ins-table tbody td:last-child{color:var(--tangerine); font-weight:700;}
body.page-insurance-2 .ins-table tbody tr:last-child td{border-bottom:none;}

body.page-insurance-2 .ins-note{
  margin-top:16px; background:var(--wave); border-radius:10px;
  padding:14px 16px; font-size:1.35rem; color:var(--sea);
}
body.page-insurance-2 .ins-note b{color:var(--ink); font-weight:700;}
body.page-insurance-2 .ins-note a{color:var(--tangerine); font-weight:700; text-decoration:underline; text-underline-offset:2px;}

body.page-insurance-2 .notice{
  background:#fff; border:1px solid var(--line); border-radius:14px; padding:24px 26px;
}
body.page-insurance-2 .notice h3{font-size:1.5rem; font-weight:800; margin-bottom:12px;}

body.page-insurance-2 .notice li{
  font-size:1.35rem; color:var(--text-body); margin-bottom:13px; line-height:1.75;
  list-style:none; padding-left:12px; position:relative;
}
body.page-insurance-2 .notice li:last-child{margin-bottom:0;}
body.page-insurance-2 .notice li::before{content:'·'; position:absolute; left:2px; color:#A9A29B;}
body.page-insurance-2 .notice li b{color:var(--tangerine); font-weight:700;}
body.page-insurance-2 .notice li strong{color:var(--ink); font-weight:700;}

body.page-insurance-2 .notice li .nt-link{color:var(--tangerine); font-weight:700; text-decoration:underline; text-underline-offset:2px;}

@media (max-width:860px){
  body.page-insurance-2 .ins-head{flex-direction:column; align-items:flex-start; gap:5px; margin-bottom:18px;}
  body.page-insurance-2 .ins-head h2{font-size:1.9rem; line-height:1.35;}
  body.page-insurance-2 .ins-head span{font-size:1.3rem; line-height:1.5;}

  body.page-insurance-2 .header-bottom{justify-content:center;}
  body.page-insurance-2 .ins-section{padding:22px 16px 18px;}
  body.page-insurance-2 .notice{padding:20px 18px;}

  body.page-insurance-2 .ins-table, body.page-insurance-2 .ins-table tbody, body.page-insurance-2 .ins-table tr, body.page-insurance-2 .ins-table td{display:block; width:100%;}
  body.page-insurance-2 .ins-table thead{display:none;}

  body.page-insurance-2 .ins-table tbody tr{
    border:1px solid var(--line); border-radius:10px;
    padding:6px 14px 10px; margin-bottom:12px; background:#FCFAF9;
  }
  body.page-insurance-2 .ins-table tbody tr:last-child{margin-bottom:0;}

  body.page-insurance-2 .ins-table tbody td{
    display:flex; align-items:flex-start; justify-content:space-between; gap:14px;
    text-align:right; padding:11px 0; font-size:1.35rem; line-height:1.65;
    word-break:keep-all; overflow-wrap:break-word;
    border-bottom:1px solid #EFE9E4;
  }
  body.page-insurance-2 .ins-table tbody td::before{
    content:attr(data-label);
    flex:0 0 72px; text-align:left; word-break:keep-all;
    font-size:1.25rem; font-weight:700; color:var(--text-muted);
  }
  body.page-insurance-2 .ins-table tbody tr td:last-child{border-bottom:none;}

  body.page-insurance-2 .ins-table tbody td:first-child{
    display:block; text-align:left; padding:10px 0 12px;
    font-size:1.6rem; font-weight:800; color:var(--ink);
    border-bottom:1.5px solid var(--line);
  }
  body.page-insurance-2 .ins-table tbody td:first-child::before{display:none;}
}

/* ===================================================================
   2026-09-06 — 보험 두 페이지 공통 개선
   되돌리려면 이 블록만 통째로 지우면 됩니다.
   =================================================================== */

/* ── 표 위 «전연령 차량 / 만 21세 이상 차량» 선택 (자차면책) ── */
.plan-tabs{display:flex; gap:8px; margin-bottom:10px;}
.plan-tab{
  font-family:inherit; cursor:pointer; font-size:1.35rem; font-weight:700;
  color:var(--text-body); background:var(--surface);
  border:1px solid var(--line); border-radius:999px; padding:9px 18px;
  transition:all .15s;
}
.plan-tab:hover{border-color:var(--tangerine-deep); color:var(--tangerine-deep);}
.plan-tab.is-on{background:var(--tangerine); border-color:var(--tangerine); color:#fff;}
.plan-tabs-hint{font-size:1.3rem; color:var(--text-muted); margin-bottom:18px;}
.plan-tabs-hint b{color:var(--ink); font-weight:700;}
/* ⚠️ 모바일에서는 표의 tr 을 display:block 으로 바꿔 카드처럼 보여줍니다.
   그 규칙이 hidden 보다 세서, 탭으로 숨긴 줄이 그대로 보였습니다.
   아래 한 줄이 그것을 막아줍니다. 지우지 마세요. */
.ins-table tbody tr[hidden]{display:none !important;}

/* ── 표 안 작은 글씨 ─────────────────────────────────── */
.ins-table .must{
  display:inline-block; margin-top:3px;
  font-size:1.2rem; font-weight:600; color:var(--text-muted);
}
.ins-table .limit{
  display:inline-block; margin-top:5px; font-size:1.2rem; font-weight:500;
  color:var(--text-muted); line-height:1.55; word-break:keep-all;
}

/* ── 표 바로 아래 빨간 안내 ───────────────────────────── */
.ins-alert{
  margin-top:16px; padding:13px 16px;
  background:var(--primary-light); border:1px solid #F0D6D2; border-radius:10px;
  font-size:1.35rem; color:var(--tangerine); font-weight:600; line-height:1.6;
  word-break:keep-all;
}
.ins-alert b{font-weight:800;}

/* 2026-09-06 — 안내 상자 안에 문장이 두 개가 되어 줄 간격을 줍니다. */
.ins-alert p{margin:0;}
.ins-alert p + p{margin-top:8px;}

/* 2026-09-06 — 탭으로 숨긴 안내 문장이 확실히 사라지도록 합니다. */
.ins-note p[hidden]{display:none !important;}

/* 2026-09-06 — 모바일에서만 «운전자 조건»을 3줄로 나눠 읽기 쉽게 합니다. PC 는 한 줄 그대로. */
.mbr{display:none;}          /* PC 에서는 이 줄바꿈을 쓰지 않습니다 */
@media (max-width:860px){
  .mbr{display:inline;}      /* 모바일에서만 줄을 바꿉니다 */
  body.page-insurance-1 .ins-table .cond .mid{display:none;}

  /* 종합보험 표 : «내용» 칸을 span 으로 감싸 줄바꿈이 칸 안에서만 일어나게 합니다. */
  body.page-insurance-2 .ins-table tbody td .v{flex:1; min-width:0; text-align:right;}

  /* 2026-09-06 — 제목 «종합보험안내» 묶음을 가운데로. */
  body.page-insurance-2 .ins-head{align-items:center; text-align:center;}
}

/* ── 종합보험 : 표 위 큰 안내 ─────────────────────────── */
.ins-lead{
  background:var(--primary-light); border-radius:12px;
  padding:18px 20px; margin-bottom:22px;
}
.ins-lead p{font-size:1.45rem; color:var(--text-body); line-height:1.7; word-break:keep-all;}
.ins-lead p b{color:var(--ink); font-weight:800;}
.ins-lead a{color:var(--tangerine); font-weight:700; text-decoration:underline; text-underline-offset:2px;}

/* ── 종합보험 : 안내를 네 덩어리로 ───────────────────── */
.ins-guide{display:flex; flex-direction:column; gap:16px;}
.guide-box{
  background:var(--surface); border:1px solid #EBE5DF; border-radius:14px;
  padding:24px 26px 20px;
}
.guide-box h3{font-size:1.6rem; font-weight:800; color:var(--ink); margin-bottom:12px;}
.guide-sub{font-size:1.3rem; color:var(--text-muted); margin:-6px 0 12px;}
.guide-box ul{list-style:none; margin:0; padding:0;}
.guide-box li{
  font-size:1.4rem; color:var(--text-body); line-height:1.75;
  padding:9px 0 9px 20px; position:relative; word-break:keep-all;
}
.guide-box li::before{
  content:''; position:absolute; left:5px; top:17px;
  width:5px; height:5px; border-radius:50%; background:#C4BDB6;
}
.guide-box li b{color:var(--ink); font-weight:700;}
.guide-box li b.hl{color:var(--tangerine);}
.guide-box li a{color:var(--tangerine); font-weight:700; text-decoration:underline; text-underline-offset:2px;}

/* 2026-09-06 : 제외사항 카드는 1·2·3번과 같은 흰색.
   다만 목록 앞 표시만 자차면책 페이지의 «자차제외항목» 과 똑같이 × 로 씁니다. */
.guide-box.is-exclude li{padding:14px 0 14px 22px; border-bottom:1px solid #F2ECE7;}
.guide-box.is-exclude li:last-child{border-bottom:none;}
.guide-box.is-exclude li::before{
  content:'×'; left:2px; top:12px;
  width:auto; height:auto; border-radius:0; background:none;   /* 동그란 점 설정을 지웁니다 */
  color:#A9A29B; font-weight:800; font-size:1.5rem;
}
/* 굵은글씨도 자차면책 페이지의 제외항목과 같은 빨강으로 */
.guide-box.is-exclude li b{color:var(--tangerine); font-weight:700;}

@media (max-width:860px){
  .plan-tabs{gap:6px;}
  .plan-tab{font-size:1.25rem; padding:8px 13px;}
  .plan-tabs-hint{font-size:1.25rem; margin-bottom:14px;}
  .ins-alert{font-size:1.28rem; padding:12px 14px;}
  .ins-lead{padding:15px 16px; margin-bottom:18px;}
  .ins-lead p{font-size:1.32rem;}
  .guide-box{padding:20px 16px 16px;}
  .guide-box h3{font-size:1.45rem;}
  .guide-box li{font-size:1.3rem; padding:8px 0 8px 18px;}
  .guide-box.is-exclude li{padding:13px 0 13px 20px;}
  .guide-box.is-exclude li::before{top:11px; font-size:1.4rem;}
}