/* 메인 상단 실적을 작은 아이콘과 한 줄 텍스트로 정리합니다. 숫자 계산과 클릭 연결은 기존 기능을 그대로 사용합니다. */
.header-top.stats-redesign{border-top:0;background:#f8f9fc;border-bottom:1px solid #ececf3;}
.stats-redesign .header-top-container{width:1100px;max-width:100%;height:73px;box-sizing:border-box;margin:0 auto;padding:0 17px;background:transparent;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;}
.stats-redesign dl.header-top-item{position:relative;justify-content:flex-start;align-items:center;gap:16px;padding:0 24px;margin:0;height:44px;font-size:12px;letter-spacing:-.3px;}
/* 최근 누적 견적을 첫 칸, 실시간 출고차량을 가운데 칸에 표시합니다. 구분선도 바뀐 순서에 맞추고 기존 클릭 연결은 유지합니다. */
.stats-redesign dl.header-top-item.item-02{order:1;}
.stats-redesign dl.header-top-item.item-01{order:2;}
.stats-redesign dl.header-top-item.item-03{order:3;}
.stats-redesign dl.header-top-item.item-01,.stats-redesign dl.header-top-item.item-03{border-left:1px solid #e0e2eb;}
.stats-redesign dl.header-top-item::before{content:"";position:absolute;left:16px;top:3px;width:38px;height:38px;border-radius:11px;background:#eeebff;}
.stats-redesign dl.header-top-item>dt{position:relative;width:21px;height:21px;margin:0;flex:0 0 21px;}
.stats-redesign dl.header-top-item dd{display:flex;align-items:baseline;white-space:nowrap;gap:0;margin:0;line-height:1.1;}
/* 가운데 칸은 아이콘 배경·아이콘·제목·숫자를 한 묶음으로 중앙에 배치합니다. 아이콘만 왼쪽에 남지 않도록 같은 칸 안에서 함께 움직입니다. */
.stats-redesign dl.header-top-item.item-01{display:grid;grid-template-columns:1fr 38px max-content 1fr;column-gap:8px;}
.stats-redesign dl.header-top-item.item-01::before{position:static;grid-area:1 / 2;align-self:center;}
.stats-redesign dl.header-top-item.item-01>dt{grid-area:1 / 2;justify-self:center;}
.stats-redesign dl.header-top-item.item-01 dd{grid-area:1 / 3;}
/* 상단 제목이 너무 작지 않도록 16px로 키우고 글자를 조금 더 진하게 표시합니다. 숫자 크기와 한 줄 배치는 유지합니다. */
.stats-redesign .stats-label{display:inline;margin:0 10px 0 0;font-size:16px;line-height:1.3;font-weight:600;letter-spacing:-.15px;color:#434a5b;}
.stats-redesign dl.header-top-item b{color:#28243e;font-size:23px;font-weight:750;letter-spacing:-.6px;font-variant-numeric:tabular-nums;}
.stats-redesign dl.header-top-item.item-01 b{color:#5b47e8;}
.stats-redesign .stats-unit{margin-left:4px;font-size:11px;font-weight:500;color:#687083;}
.stats-redesign #header-top-item-01::after,.stats-redesign #header-top-item-02::after{content:"";position:absolute;right:12px;top:19px;width:5px;height:5px;border-top:1.5px solid #8c92a3;border-right:1.5px solid #8c92a3;transform:rotate(45deg);}
.stats-redesign #header-top-item-01:hover b,.stats-redesign #header-top-item-02:hover b{color:#5b47e8;}
