.board-down{border-top:2px solid var(--c-text)}

.board-down__head,
.board-down__row{
  display:grid;
  grid-template-columns:90px 1fr 160px 120px 100px;
  align-items:center;
}

.board-down__head{
  padding:16px 0;
  border-bottom:1px solid var(--c-line);
  font-size:var(--fs-sm);
  font-weight:700;
  text-align:center;
}
.board-down__head .board-down__title{text-align:center}

.board-down__row{
  padding:16px 0;
  border-bottom:1px solid var(--c-line);
  font-size:var(--fs-sm);
  color:var(--c-text-sub);
  text-align:center;
}
.board-down__row:hover{background:var(--c-bg-alt)}
.board-down__row.is-notice{background:var(--c-primary-l)}

.board-down__title{
  padding:0 20px;
  text-align:left;
}
.board-down__title a{
  font-size:var(--fs-body);
  color:var(--c-text);
  font-weight:500;
}
.board-down__title a:hover{color:var(--c-primary);text-decoration:underline}

.board-down__summary{
  display:block;
  margin-top:4px;
  font-size:13px;
  font-style:normal;
  color:var(--c-text-mute);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.board-down__btn{
  display:inline-flex;align-items:center;gap:7px;
  padding:8px 16px;
  border:1px solid var(--c-line);
  border-radius:var(--btn-radius);
  font-size:13px;
  color:var(--c-text-sub);
  transition:var(--tr);
}
.board-down__btn:hover{
  background:var(--c-primary);
  border-color:var(--c-primary);
  color:#fff;
}
.board-down__btn svg{width:15px;height:15px}
.board-down__btn em{font-style:normal}

.board-down__more{
  margin-left:6px;
  font-size:12px;
  font-style:normal;
  color:var(--c-primary);
  font-weight:700;
}
.board-down__none{font-style:normal;color:var(--c-text-mute)}

/* 상세 — 파일 목록 */
.board-down__list{
  padding:22px 20px;
  background:var(--c-bg-alt);
  border-bottom:1px solid var(--c-line);
}
.board-down__list li+li{margin-top:10px}

.board-down__link{
  display:flex;align-items:center;gap:12px;
  padding:14px 18px;
  background:var(--c-bg);
  border:1px solid var(--c-line);
  border-radius:var(--radius);
  transition:var(--tr);
}
.board-down__link:hover{
  border-color:var(--c-primary);
  box-shadow:var(--shadow);
}
.board-down__link svg{
  flex-shrink:0;
  width:20px;height:20px;
  color:var(--c-primary);
}
.board-down__name{
  flex:1;
  font-size:var(--fs-sm);
  font-weight:500;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.board-down__size{
  flex-shrink:0;
  font-size:13px;
  color:var(--c-text-mute);
}

@media (max-width:1024px){
  .board-down__head{display:none}

  .board-down__row{
    grid-template-columns:1fr auto;
    gap:8px 12px;
    padding:16px 4px;
    text-align:left;
  }
  .board-down__num{display:none}
  .board-down__row.is-notice .board-down__num{display:block;grid-column:1/-1}

  .board-down__title{padding:0;grid-column:1/-1}
  .board-down__summary{white-space:normal}

  .board-down__file{grid-column:1}
  .board-down__date{grid-column:2;text-align:right;font-size:13px;color:var(--c-text-mute)}
  .board-down__count{display:none}

  .board-down__list{padding:16px 12px}
  .board-down__link{padding:12px 14px;gap:10px}
}