/* 자동차 전문가 파견 – 진행과정 (기존 페이지 공용, 새 홈페이지와 같은 디자인) */
.hshd{--n:#0B1F3A;--r:#1F4FD1;--rd:#1A43B3;--t:#33415C;margin:8px 0 28px;padding:40px 36px 30px;border-radius:24px;background:linear-gradient(180deg,#F3F7FD,#FFFFFF);border:1px solid #E3E8F0;color:var(--n);text-align:left}
.hshd *{box-sizing:border-box}
.hshd svg{width:1em;height:1em;flex-shrink:0}
.hshd .hshd-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
.hshd .hshd-eyebrow{display:flex;align-items:center;gap:12px;margin:0;font-size:15px;color:var(--t)}
.hshd .hshd-eyebrow::before{content:"";width:64px;height:4px;border-radius:4px;background:var(--r)}
.hshd .hshd-title{margin:10px 0 0;font-size:34px;font-weight:700;letter-spacing:-.9px;line-height:1.3;color:var(--n)}
.hshd .hshd-title em{font-style:normal;color:var(--r)}
.hshd .hshd-sub{margin:8px 0 0;font-size:16px;color:var(--t)}
.hshd .hshd-hand{margin:6px 10px 0 0;transform:rotate(-8deg);font-size:22px;line-height:1.4;font-style:italic;font-weight:600;color:var(--rd);text-align:right}
.hshd .hshd-flow{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.hshd .hshd-step{position:relative;display:flex;flex-direction:column;align-items:center;align-self:stretch;margin:0;padding:0}
.hshd .hshd-step:not(:last-child)::after{content:"";position:absolute;right:-17px;top:76px;width:11px;height:11px;border-top:3px solid #1F9BE6;border-right:3px solid #1F9BE6;transform:rotate(45deg)}
.hshd .hshd-pic{position:relative;width:164px;height:164px;border-radius:50%;padding:5px;background:linear-gradient(135deg,#1F4FD1,#7CC4FF);box-shadow:0 10px 24px rgba(31,79,209,.18);z-index:1}
.hshd .hshd-pic img{display:block;width:100%;height:100%;max-width:none;border-radius:50%;object-fit:cover;border:4px solid #fff}
.hshd .hshd-no{position:absolute;left:-10px;top:4px;width:50px;height:50px;border-radius:50%;border:4px solid #fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:700;color:#fff;background:#1F7FE6;box-shadow:0 4px 10px rgba(11,31,58,.18)}
.hshd .s3 .hshd-no{background:#18A9E0}.hshd .s4 .hshd-no{background:#1A43B3}.hshd .s5 .hshd-no{background:#0B2A6B}
.hshd .hshd-ic{position:absolute;left:-12px;bottom:2px;width:50px;height:50px;border-radius:50%;background:#fff;color:#1F7FE6;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 12px rgba(11,31,58,.14)}
.hshd .hshd-card{flex-grow:1;margin-top:-26px;width:100%;padding:40px 14px 22px;border-radius:18px;background:#EEF4FC;text-align:center}
.hshd .hshd-card b{display:block;font-size:18px;font-weight:700;letter-spacing:-.4px;color:var(--n)}
.hshd .hshd-bar{display:block;width:28px;height:3px;margin:11px auto;border-radius:3px;background:#1F9BE6}
.hshd .hshd-card p{margin:0;font-size:14px;line-height:1.7;color:var(--t);word-break:keep-all}
.hshd .hshd-values{margin-top:26px;border-radius:999px;background:#EEF4FC;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.hshd .hshd-values span{min-height:58px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;color:var(--n)}
.hshd .hshd-values span+span{border-left:1px solid #C9D6EA}
.hshd .hshd-values svg{font-size:24px;color:var(--rd)}
.hshd .hshd-foot{margin-top:22px;display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap}
.hshd .hshd-note{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:15px}
.hshd .hshd-note b{font-weight:700;color:var(--n)}
.hshd .hshd-note ul{list-style:none;margin:0;padding:0;display:flex;gap:8px 20px;flex-wrap:wrap}
.hshd .hshd-note li{margin:0;font-size:14px;color:#4A5568}
.hshd .hshd-note li::before{content:"✓ ";color:var(--rd);font-weight:700}
.hshd a.hshd-cta,.hshd a.hshd-cta:hover,.hshd a.hshd-cta:focus{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 22px;border:0;border-radius:12px;background:var(--r);color:#fff;font-size:15px;font-weight:600;text-decoration:none;box-shadow:none}
.hshd a.hshd-cta:hover{background:var(--rd)}
@media (max-width:1199px){.hshd .hshd-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.hshd .hshd-step:nth-child(3)::after{display:none}.hshd .hshd-hand{display:none}}
@media (max-width:767px){
  .hshd{padding:28px 16px 22px;border-radius:18px}
  .hshd .hshd-title{font-size:25px}.hshd .hshd-sub{font-size:14px}
  .hshd .hshd-flow{grid-template-columns:1fr;gap:16px}
  .hshd .hshd-step{flex-direction:row;align-items:center;align-self:auto}
  .hshd .hshd-step::after{display:none}
  .hshd .hshd-pic{width:104px;height:104px;padding:3px}
  .hshd .hshd-no{width:38px;height:38px;font-size:14px;border-width:3px;left:-6px;top:-2px}
  .hshd .hshd-ic{width:38px;height:38px;font-size:17px;left:-8px;bottom:-2px}
  .hshd .hshd-card{margin:0 0 0 -22px;padding:16px 14px 16px 36px;text-align:left}
  .hshd .hshd-card b{font-size:16px}.hshd .hshd-bar{margin:7px 0}.hshd .hshd-card p br{display:none}
  .hshd .hshd-values{border-radius:16px;grid-template-columns:1fr}
  .hshd .hshd-values span+span{border-left:0;border-top:1px solid #C9D6EA}
  .hshd a.hshd-cta{width:100%;justify-content:center}
}