/* 288 흩어진 고객 정보의 중복 식별과 이관 = 자료 병합 화면(2026-10-16 글마다 다른 레이아웃).
   머리는 표 파일, 대화, 메모 세 원천이 관으로 모여 고객 번호 열쇠를 거쳐 한 표로 합쳐지는 도식, 구간마다:
   기준 셋, 두 기록 대조 판정, 한 행 반복 대 분리 구조, 날짜 축, 검색창 질문 셋과 원인, 활용 세 칸, 이관 세 단계와 법 조항, 선택지 넷, 잠금 배지 진행 방식 */
.v-artd .sp-288 .prose{font-size:17px}
.v-artd .sp-288 .prose h2{margin:0 0 18px;padding:0;border:0;font-size:26px;letter-spacing:-.7px;display:block;min-height:0}
.v-artd .sp-288 .prose h2::before,.v-artd .sp-288 .prose h2::after{content:none}
.v-artd .sp-288 :where(.prose) .cd-s{padding:60px 0 4px}
.v-artd .sp-288 :where(.prose) .cd-s>p{margin:0 0 14px}
.v-artd .sp-288 :where(.prose) li::before{content:none}
.v-artd .sp-288 :where(.prose) ul,.v-artd .sp-288 :where(.prose) ol{list-style:none;padding:0}
.v-artd .sp-288 :where(.prose) li{margin:0}

/* 병합 도식 */
.v-artd .sp-288 :where(.prose) .cd-merge{display:grid;grid-template-columns:1fr 70px 120px 70px 1fr;align-items:center;padding:26px 22px;border-radius:20px;background:var(--soft)}
.v-artd .sp-288 :where(.prose) .mg-src{display:grid;gap:10px}
.v-artd .sp-288 :where(.prose) .mg-src>div{padding:12px 14px;background:#fff;border:1px solid var(--line)}
.v-artd .sp-288 :where(.prose) .mg-src p{margin:0;font-size:13.5px;line-height:1.45}
.v-artd .sp-288 :where(.prose) .src-k{font-weight:900;font-size:14.5px!important;color:var(--ink)}
.v-artd .sp-288 :where(.prose) .src-d{color:#3b4152}
.v-artd .sp-288 :where(.prose) .src-w{margin-top:4px!important;font-weight:700;color:#b4232a;font-size:12.5px!important}
.v-artd .sp-288 :where(.prose) .src-sheet{border-radius:4px;box-shadow:inset 0 3px 0 #1f7a4d}
.v-artd .sp-288 :where(.prose) .src-chat{border-radius:14px 14px 14px 3px}
.v-artd .sp-288 :where(.prose) .src-memo{border-radius:2px;background:#fffbea!important;border-color:#f1e3a6!important;transform:rotate(-1deg)}
.v-artd .sp-288 :where(.prose) .mg-pipe{position:relative;height:200px}
.v-artd .sp-288 :where(.prose) .mg-pipe i{position:absolute;left:0;right:0;height:2px;background:var(--blue)}
.v-artd .sp-288 :where(.prose) .mg-pipe i:nth-child(1){top:16%;transform-origin:left;transform:rotate(26deg);width:112%}
.v-artd .sp-288 :where(.prose) .mg-pipe i:nth-child(2){top:50%}
.v-artd .sp-288 :where(.prose) .mg-pipe i:nth-child(3){top:84%;transform-origin:left;transform:rotate(-26deg);width:112%}
.v-artd .sp-288 :where(.prose) .mg-key{padding:16px 10px;border-radius:999px;background:var(--blue);color:#fff;font-weight:900;font-size:14.5px;text-align:center;line-height:1.35;box-shadow:0 0 0 6px var(--blue2)}
.v-artd .sp-288 :where(.prose) .mg-out{grid-column:5;grid-row:1;border:2px solid var(--ink);border-radius:10px;overflow:hidden;background:#fff}
.v-artd .sp-288 :where(.prose) .out-row{display:grid;grid-template-columns:76px 1fr;gap:8px;margin:0;padding:12px 14px;font-size:14px}
.v-artd .sp-288 :where(.prose) .out-row+.out-row{border-top:1px solid var(--line)}
.v-artd .sp-288 :where(.prose) .out-row b{color:#1d3fc4}
.v-artd .sp-288 :where(.prose) .cd-merge::after{content:"";grid-column:4;grid-row:1;height:2px;background:var(--blue)}
.v-artd .sp-288 :where(.prose) .cd-state{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0 0}
.v-artd .sp-288 :where(.prose) .cd-state p{margin:0;padding:14px 16px;border-radius:12px;font-size:14.5px;line-height:1.55}
.v-artd .sp-288 :where(.prose) .cd-state b{display:inline-block;margin-right:8px;padding:2px 9px;border-radius:6px;font-size:13px}
.v-artd .sp-288 :where(.prose) .stt-a{background:#fff6f6}
.v-artd .sp-288 :where(.prose) .stt-a b{background:#ffd6d7;color:#7d1a1f}
.v-artd .sp-288 :where(.prose) .stt-b{background:var(--blue2)}
.v-artd .sp-288 :where(.prose) .stt-b b{background:var(--blue);color:#fff}

/* 기준 셋 */
.v-artd .sp-288 :where(.prose) .cd-three{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:18px 0 10px;counter-reset:t;border-top:3px solid var(--ink)}
.v-artd .sp-288 :where(.prose) .cd-three li{counter-increment:t;position:relative;padding:56px 16px 0 0;font-weight:800;font-size:16px;color:var(--ink)}
.v-artd .sp-288 :where(.prose) .cd-three li::after{content:counter(t);position:absolute;left:0;top:14px;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px;display:grid;place-items:center}

/* 두 기록 대조 */
.v-artd .sp-288 :where(.prose) .cd-dup{margin:18px 0 20px;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.v-artd .sp-288 :where(.prose) .dp-h,.v-artd .sp-288 :where(.prose) .dp-r{display:grid;grid-template-columns:100px 90px 90px 1fr;gap:10px;align-items:center;padding:12px 16px}
.v-artd .sp-288 :where(.prose) .dp-h{background:var(--navy);color:#fff;font-size:13px;font-weight:800}
.v-artd .sp-288 :where(.prose) .dp-r+.dp-r{border-top:1px solid var(--line)}
.v-artd .sp-288 :where(.prose) .dp-r b{font-size:15px}
.v-artd .sp-288 :where(.prose) .dp-r i{font-style:normal;padding:4px 0;border-radius:6px;text-align:center;font-weight:800;font-size:13.5px}
.v-artd .sp-288 :where(.prose) .dp-r i.eq{background:var(--yellow2);color:#7a5a00}
.v-artd .sp-288 :where(.prose) .dp-r i.no{background:var(--soft);color:#4a5060}
.v-artd .sp-288 :where(.prose) .dp-r em{font-style:normal;font-weight:700;font-size:14px;color:#b4232a}
.v-artd .sp-288 :where(.prose) .dp-r em::before{content:"⚠ "}
.v-artd .sp-288 :where(.prose) .dp-r em.hold{color:#1d3fc4}
.v-artd .sp-288 :where(.prose) .dp-r em.hold::before{content:"→ "}

/* 한 행 반복 대 분리 */
.v-artd .sp-288 :where(.prose) .cd-rows{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:4px 0 20px}
.v-artd .sp-288 :where(.prose) .cd-rows>div{padding:18px;border-radius:14px}
.v-artd .sp-288 :where(.prose) .rw-bad{background:#fff6f6}
.v-artd .sp-288 :where(.prose) .rw-good{background:var(--blue2)}
.v-artd .sp-288 :where(.prose) .rw-k{margin:0 0 12px;font-weight:900;font-size:15px}
.v-artd .sp-288 :where(.prose) .rw-bad .rw-k{color:#b4232a}
.v-artd .sp-288 :where(.prose) .rw-good .rw-k{color:#1d3fc4}
.v-artd .sp-288 :where(.prose) .rw-line{display:grid;grid-template-columns:1.4fr 1fr;margin:0;border:1px solid #f1c3c5;background:#fff}
.v-artd .sp-288 :where(.prose) .rw-line+.rw-line{border-top:0}
.v-artd .sp-288 :where(.prose) .rw-line span{padding:8px 10px;font-size:13.5px;font-weight:700}
.v-artd .sp-288 :where(.prose) .rw-line span:first-child{background:#ffeaea;color:#7d1a1f}
.v-artd .sp-288 :where(.prose) .rw-card{margin:0 auto 14px;max-width:180px;padding:12px;border-radius:10px;background:var(--navy);color:#fff;text-align:center;font-weight:800;font-size:14px;position:relative}
.v-artd .sp-288 :where(.prose) .rw-card::after{content:"";position:absolute;left:50%;bottom:-14px;width:2px;height:14px;background:var(--navy)}
.v-artd .sp-288 :where(.prose) .rw-ev{display:flex;gap:6px;margin:0;padding-top:4px;border-top:2px solid var(--navy)}
.v-artd .sp-288 :where(.prose) .rw-ev span{flex:1;padding:8px;border-radius:8px;background:#fff;text-align:center;font-weight:700;font-size:13.5px}

/* 날짜 축 */
.v-artd .sp-288 :where(.prose) .cd-time{position:relative;height:120px;margin:10px 0 18px;border-bottom:3px solid var(--ink)}
.v-artd .sp-288 :where(.prose) .tm-ev{position:absolute;bottom:14px;padding:7px 12px;border-radius:8px;background:var(--blue);color:#fff;font-weight:800;font-size:14px}
.v-artd .sp-288 :where(.prose) .tm-ev::after{content:"";position:absolute;left:50%;bottom:-20px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px #fff}
.v-artd .sp-288 :where(.prose) .tm-gap{position:absolute;left:4%;right:0;top:10px;padding:6px 12px;border:2px dashed #e5484d;border-radius:10px;color:#b4232a;font-size:13.5px;font-weight:800;text-align:right}

/* 검색창 질문 */
.v-artd .sp-288 :where(.prose) .cd-query{margin:16px 0 16px;padding:20px;border-radius:16px;background:var(--navy)}
.v-artd .sp-288 :where(.prose) .qy-k{margin:0 0 12px;color:#a9b9ff;font-size:13.5px;font-weight:800}
.v-artd .sp-288 :where(.prose) .qy{margin-bottom:8px}
.v-artd .sp-288 :where(.prose) .qy-box{display:block;position:relative;padding:12px 16px 12px 44px;border-radius:999px;background:#fff;font-size:15px;line-height:1.5}
.v-artd .sp-288 :where(.prose) .qy-box::before{content:"";position:absolute;left:16px;top:50%;width:12px;height:12px;margin-top:-8px;border:2.5px solid var(--sub);border-radius:50%}
.v-artd .sp-288 :where(.prose) .qy-box::after{content:"";position:absolute;left:28px;top:calc(50% + 3px);width:7px;height:2.5px;background:var(--sub);transform:rotate(45deg)}
.v-artd .sp-288 :where(.prose) .qy-box b{margin-right:8px;color:#1d3fc4}
.v-artd .sp-288 :where(.prose) .cd-why{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.v-artd .sp-288 :where(.prose) .cd-why li{padding:8px 14px;border-radius:8px;border:1.5px solid #e5484d;color:#b4232a;font-weight:800;font-size:14.5px}

/* 활용 세 칸 */
.v-artd .sp-288 :where(.prose) .cd-use{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 16px}
.v-artd .sp-288 :where(.prose) .cd-use div{padding:18px;border-radius:16px;border:1.5px solid var(--line);background:#fff}
.v-artd .sp-288 :where(.prose) .cd-use div:nth-child(2){background:var(--soft)}
.v-artd .sp-288 :where(.prose) .cd-use b{display:block;margin-bottom:8px;font-size:16px}
.v-artd .sp-288 :where(.prose) .cd-use p{margin:0;font-size:14.5px;line-height:1.6;color:#3b4152}

/* 이관 세 단계 */
.v-artd .sp-288 :where(.prose) .cd-move{margin:16px 0 18px;counter-reset:m}
.v-artd .sp-288 :where(.prose) .cd-move li{counter-increment:m;position:relative;padding:16px 18px 16px 70px;margin-bottom:8px;border-radius:14px;background:var(--soft);font-size:15px;line-height:1.6;color:#3b4152}
.v-artd .sp-288 :where(.prose) .cd-move li::after{content:counter(m,decimal-leading-zero);position:absolute;left:18px;top:14px;font-size:26px;font-weight:900;color:var(--blue)}
.v-artd .sp-288 :where(.prose) .cd-move b{display:block;font-size:16.5px;color:var(--ink)}
.v-artd .sp-288 :where(.prose) .cd-law{padding:18px 20px;border-left:6px solid var(--ink);border-radius:0 12px 12px 0;background:#fff;box-shadow:0 0 0 1px var(--line) inset;font-size:15px!important}
.v-artd .sp-288 :where(.prose) .cd-law b{display:block;margin-bottom:4px}

/* 선택지 넷 */
.v-artd .sp-288 :where(.prose) .cd-opts{display:flex;margin:16px 0 18px;border-radius:12px;overflow:hidden}
.v-artd .sp-288 :where(.prose) .cd-opts span{flex:1;padding:14px 8px;text-align:center;font-weight:800;font-size:14.5px;background:var(--blue2);color:#1d3fc4}
.v-artd .sp-288 :where(.prose) .cd-opts span:nth-child(2){background:#c9d5ff}
.v-artd .sp-288 :where(.prose) .cd-opts span:nth-child(3){background:#9db2ff;color:var(--navy)}
.v-artd .sp-288 :where(.prose) .cd-opts span:nth-child(4){background:var(--blue);color:#fff}

/* 진행 방식: 잠금 배지 */
.v-artd .sp-288 :where(.prose) .cd-we{margin:30px 0 8px;padding:26px 28px;border-radius:20px;background:var(--navy);color:#fff}
.v-artd .sp-288 :where(.prose) .we-k{margin:0 0 14px!important;font-size:13px;font-weight:800;color:#a9b9ff}
.v-artd .sp-288 :where(.prose) .cd-we ul{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 20px}
.v-artd .sp-288 :where(.prose) .cd-we li{position:relative;padding:56px 16px 16px;border-radius:14px;background:rgba(255,255,255,.08);font-size:14.5px;line-height:1.55;color:#d3d9f5}
.v-artd .sp-288 :where(.prose) .cd-we li::after{content:"";position:absolute;left:16px;top:16px;width:22px;height:18px;border-radius:4px;background:var(--yellow)}
.v-artd .sp-288 :where(.prose) .cd-we li::before{content:""!important;position:absolute;left:20px;top:6px;width:14px;height:14px;border:3px solid var(--yellow);border-bottom:0;border-radius:8px 8px 0 0}
.v-artd .sp-288 :where(.prose) .cd-we li:nth-child(n+2)::before{display:none}
.v-artd .sp-288 :where(.prose) .cd-we li:nth-child(2)::after{width:18px;height:22px;top:10px;border-radius:2px 7px 2px 2px;background:none;border:3px solid var(--yellow)}
.v-artd .sp-288 :where(.prose) .cd-we li:nth-child(3)::after{width:22px;height:22px;top:10px;border-radius:50%;background:none;border:3px solid var(--yellow)}
.v-artd .sp-288 :where(.prose) .cd-we b{display:block;margin-bottom:4px;font-size:16px;color:#fff}
.v-artd .sp-288 :where(.prose) .we-btn{display:inline-flex;padding:12px 24px;border-radius:999px;background:#fff;color:var(--navy)!important;font-weight:800;text-decoration:none!important}
.v-artd .sp-288 :where(.prose) .we-btn:hover{background:var(--blue2)}

.v-artd .sp-288 :where(.prose) .cd-rel{margin:46px 0 16px;padding:18px 0 0;border-top:1px solid var(--line)}
.v-artd .sp-288 :where(.prose) .cd-rel li{padding:5px 0}
.v-artd .sp-288 :where(.prose) .cd-rel a{font-weight:700;text-decoration:none}
.v-artd .sp-288 :where(.prose) .cd-rel a::before{content:"→ ";color:var(--sub)}

@media (min-width:1200px){
  .v-artd .sp-288 :where(.prose) .cd-merge{margin-left:-110px;margin-right:-110px}
}
@media (max-width:720px){
  .v-artd .sp-288 .prose h2{font-size:22px}
  .v-artd .sp-288 :where(.prose) .cd-s{padding-top:46px}
  .v-artd .sp-288 :where(.prose) .cd-merge{grid-template-columns:1fr;gap:0;padding:18px}
  .v-artd .sp-288 :where(.prose) .cd-merge::after{display:none}
  .v-artd .sp-288 :where(.prose) .mg-pipe{height:30px;width:2px;margin:0 auto;background:var(--blue)}
  .v-artd .sp-288 :where(.prose) .mg-pipe i{display:none}
  .v-artd .sp-288 :where(.prose) .mg-key{justify-self:center;padding:12px 20px}
  .v-artd .sp-288 :where(.prose) .mg-out{margin-top:30px;position:relative}
  .v-artd .sp-288 :where(.prose) .mg-out::before{content:"";position:absolute;left:50%;top:-30px;width:2px;height:30px;background:var(--blue)}
  .v-artd .sp-288 :where(.prose) .mg-out{overflow:visible}
  .v-artd .sp-288 :where(.prose) .cd-state,.v-artd .sp-288 :where(.prose) .cd-rows,.v-artd .sp-288 :where(.prose) .cd-use{grid-template-columns:1fr}
  .v-artd .sp-288 :where(.prose) .cd-three{grid-template-columns:1fr;border-top:0}
  .v-artd .sp-288 :where(.prose) .cd-three li{padding:10px 0 10px 44px}
  .v-artd .sp-288 :where(.prose) .cd-three li::after{top:8px}
  .v-artd .sp-288 :where(.prose) .mg-out{grid-column:auto;grid-row:auto}
  .v-artd .sp-288 :where(.prose) .dp-h,.v-artd .sp-288 :where(.prose) .dp-r{grid-template-columns:72px 1fr 1fr;padding:10px 12px}
  .v-artd .sp-288 :where(.prose) .dp-h span:last-child{display:none}
  .v-artd .sp-288 :where(.prose) .dp-r em{grid-column:1/-1}
  .v-artd .sp-288 :where(.prose) .cd-time{height:150px}
  .v-artd .sp-288 :where(.prose) .tm-ev{font-size:12.5px;padding:6px 8px}
  .v-artd .sp-288 :where(.prose) .tm-ev[style*="62%"]{left:58%!important}
  .v-artd .sp-288 :where(.prose) .cd-opts{flex-direction:column}
  .v-artd .sp-288 :where(.prose) .cd-we{padding:22px 20px}
  .v-artd .sp-288 :where(.prose) .cd-we ul{grid-template-columns:1fr}
}

/* 왼쪽 목차 칸(1360 이상)과 겹치지 않게 본문 폭 안으로(2026-10-16) */
@media (min-width:1360px){.v-artd .sp-288 :where(.prose) .cd-merge{margin-left:0;margin-right:0}}