/* 문의 현황 — 좌 안내 + 우 목록. 목록은 site.js 가 한 줄씩 올린다 */
.sec-feed__layout{
  display:grid;
  grid-template-columns:5fr 7fr;
  gap:var(--gap);
  align-items:center;
}
.sec-feed__title{
  font-family:var(--f-head);
  font-size:var(--fs-h2);
  font-weight:var(--fw-head);
  line-height:1.4;
  letter-spacing:-.03em;
}
.sec-feed__desc{margin-top:20px;color:var(--c-text-sub);white-space:pre-line}
.sec-feed__btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  margin-top:40px;
  min-width:300px;
  padding:20px 32px;
  font-size:18px;font-weight:700;
  color:#fff;
  background:var(--c-primary);
  border-radius:var(--radius);
  box-shadow:0 12px 30px color-mix(in srgb, var(--c-primary) 30%, transparent);
  transition:var(--tr);
}
.sec-feed__btn:hover{background:var(--c-primary-d);transform:translateY(-2px)}

/* 5줄 높이만 보이고 아래는 흐리게 */
.sec-feed__viewport{
  --row-h:80px;
  height:calc(var(--row-h) * 5);
  overflow:hidden;
  border-top:1px solid var(--c-line);
  -webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);
          mask-image:linear-gradient(180deg,#000 70%,transparent);
}
.sec-feed__list{margin:0;padding:0;list-style:none}
.sec-feed__list.is-moving{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.sec-feed__row{
  display:flex;align-items:center;gap:20px;
  height:var(--row-h);
  padding:0 16px;
  border-bottom:1px solid var(--c-line);
  font-size:15px;
}
.sec-feed__no{flex:none;width:56px;color:var(--c-text-sub);font-variant-numeric:tabular-nums}
.sec-feed__type{
  flex:none;
  min-width:84px;
  padding:6px 14px;
  text-align:center;
  font-size:13px;font-weight:700;
  color:#fff;
  border-radius:999px;
  background:#6b7280;
}
.sec-feed__type--a{background:var(--c-primary)}
.sec-feed__type--b{background:var(--c-point)}
.sec-feed__type--c{background:#6b7280}
.sec-feed__subject{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-text)}
.sec-feed__who{flex:none;width:72px;text-align:center;font-size:14px;color:var(--c-text-sub)}
.sec-feed__date{flex:none;font-size:14px;color:var(--c-text-mute);font-variant-numeric:tabular-nums}

/* 문의가 없을 때 — 상담 진행 안내 카드 */
.sec-feed__empty{
  padding:36px 40px;
  background:var(--c-bg);
  border:1px solid var(--c-line);
  border-radius:var(--radius-lg);
}
.sec-feed__empty-title{display:block;font-size:20px;font-weight:800;letter-spacing:-.02em}
.sec-feed__steps{margin:24px 0 0;padding:0;list-style:none;display:grid;gap:18px}
.sec-feed__steps li{display:flex;gap:16px;align-items:flex-start}
.sec-feed__steps b{
  flex:none;
  display:inline-flex;align-items:center;justify-content:center;
  width:40px;height:40px;
  font-size:14px;font-weight:800;
  color:var(--c-primary);
  background:var(--c-primary-l);
  border-radius:12px;
}
.sec-feed__steps span{display:flex;flex-direction:column;gap:4px;font-weight:700}
.sec-feed__steps small{font-size:14px;font-weight:400;color:var(--c-text-sub)}
.sec-feed__tel{
  display:flex;align-items:center;gap:8px;
  margin-top:28px;padding-top:22px;
  border-top:1px solid var(--c-line);
  font-size:15px;color:var(--c-text-sub);
}
.sec-feed__tel b{margin-left:auto;font-size:18px;color:var(--c-text)}
.sec-feed__tel:hover b{color:var(--c-primary)}

@media (max-width:1024px){
  .sec-feed__layout{grid-template-columns:1fr;gap:40px}
  .sec-feed__title{font-size:28px}
  .sec-feed__btn{min-width:0;width:100%}
}
@media (max-width:640px){
  .sec-feed__viewport{--row-h:64px}
  .sec-feed__row{gap:10px;padding:0 4px;font-size:14px}
  .sec-feed__no,
  .sec-feed__date{display:none}
  .sec-feed__type{min-width:0;padding:5px 10px;font-size:12px}
  .sec-feed__who{width:auto}
}