.kst .kst-page .kst-main .kst-hall.e-con{padding-block:72px 100px;background:var(--surface);overflow:hidden}

.kst-hall__slider{margin-top:40px}
.kst-hall__view{position:relative;display:flow-root}
.kst-hall__track{padding:12px 0 24px;margin:-12px 0 -24px;list-style:none}
.kst-hall__card{
  flex:0 0 calc((100% - 96px) / 5);min-width:0;
  display:flex;flex-direction:column;align-items:center;gap:28px;
  padding:24px;background:#fff;border-radius:20px;box-shadow:var(--sh-card);
}
.kst-hall__rank{
  align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;
  padding:8px 12px;border-radius:var(--r-pill);background:var(--surface);white-space:nowrap;
  font-size:12px;line-height:16px;letter-spacing:-.24px;color:var(--ink);
}
.kst-hall__rank .ic{width:16px;height:16px;flex:none}
.kst-hall__rank .ic svg{width:100%;height:100%}
.kst-hall__who{display:flex;flex-direction:column;align-items:center;gap:12px;align-self:stretch;text-align:center}
.kst-hall__photo{width:110px;height:110px;padding:4px;border:1px solid var(--brand);border-radius:50%;background:#fff}
.kst-hall .kst-hall__photo img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.kst-hall__name{font-size:16px;line-height:24px;font-weight:800;letter-spacing:-.32px;color:var(--ink)}
.kst-hall__role{font-size:16px;line-height:24px;letter-spacing:-.32px;color:var(--muted)}
.kst-hall__edu{display:flex;flex-direction:column;gap:8px;align-self:stretch;text-align:center}
.kst-hall__uni{font-size:16px;line-height:24px;font-weight:600;letter-spacing:-.32px;color:var(--ink)}
.kst-hall__field{font-size:16px;line-height:24px;letter-spacing:-.32px;color:var(--muted)}

.kst-hall__fade{position:absolute;top:0;bottom:0;z-index:2;width:269px;pointer-events:none}
.kst-hall__fade--end{left:-24px;background:linear-gradient(270deg,rgba(255,255,255,0) 0%,var(--surface) 100%)}
.kst-hall__fade--start{right:-24px;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,var(--surface) 100%)}

.kst-hall__nav{
  position:absolute;top:50%;z-index:3;width:48px;height:48px;margin-top:-20px;
  display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--brand);
  box-shadow:var(--sh-card);transition:box-shadow .18s ease;
}
.kst-hall__nav:hover:not([disabled]){box-shadow:0 6px 18px rgba(79,70,229,.25)}
.kst-hall__nav--prev{right:-24px}
.kst-hall__nav--next{left:-24px}

.kst-hall__dots{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:32px;height:8px}
.kst-hall__dots[hidden]{display:none}
.kst-hall__dots button{
  position:relative;width:8px;height:8px;border-radius:20px;background:var(--brand-tint);
  transition:width .2s ease,background .2s ease;
}
.kst-hall__dots button::after{content:'';position:absolute;inset:-8px -2px}
.kst-hall__dots button.is-on{width:21px;background:var(--brand)}

@media (max-width:1100px){
  .kst-hall__card{flex-basis:calc((100% - 48px) / 3)}
  .kst-hall__fade{display:none}
}
@media (max-width:768px){
  .kst .kst-page .kst-main .kst-hall.e-con{padding-block:60px}
  .kst-hall__card{flex-basis:calc((100% - 16px) / 2);padding:20px 14px;gap:20px}
  .kst-hall__nav{display:none}
}
@media (max-width:480px){
  .kst-hall__card{flex-basis:78%}
}