.list-status {display: grid;grid-template-columns: repeat(6, 1fr);grid-template-rows: 1fr;grid-column-gap: 10px;grid-row-gap: 0px;margin: 0 0 20px;}
.list-status .item {background: #EEF3FC;border-radius: 5px;padding: 20px 10px;}
.list-status .item .box-ico {width: 72px;height: 72px;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 100%;margin: 0 auto 16px;}
.list-status .item .box-txt {text-align: center;}
.list-status .item .box-txt .name {font-weight: 700;font-size: 18px;line-height: 110.00000000000001%;letter-spacing: -0.2px;vertical-align: middle;color: #333333;margin: 0 0 6px;}
.list-status .item .box-txt .num {font-weight: 800;font-size: 28px;line-height: 110.00000000000001%;letter-spacing: -0.2px;vertical-align: middle;color: #004EDB;}
.list-status .item .box-txt .num span {font-weight: 700;font-size: 14px;line-height: 110.00000000000001%;letter-spacing: -0.2px;vertical-align: middle;color: #333333;display: inline-block;margin-left: 4px;}
.mark-p{margin-left: auto;display: flex;align-items: center;gap: 4px;width: fit-content;}
.mark-p:before {color: #001B54;}
.list-status:not(:has(+ *)) {margin-bottom: 0;}



@media (max-width: 1024px) {
	.list-status {grid-template-columns: repeat(4, 1fr);grid-row-gap: 10px;}
}

@media (max-width: 768px) {
	.list-status {grid-template-columns: repeat(2, 1fr);}
	.list-status .item {padding: 10px}
	.list-status .item .box-txt .name {font-size: 16px;}
	.list-status .item .box-txt .num {font-size: 22px;}
}

@media (max-width: 400px) {
	.list-status {grid-template-columns: repeat(1, 1fr);}
}