/* KEY MOTOR WORLD V47.1 - 최근 작업 슬로우 보드 */
.kmw-workticker-section{
  padding:24px 0 12px;
  background:#f7f9fb;
}
.kmw-workticker-card{
  width:min(100%,760px);
  margin:0 auto;
  background:#fff;
  border:1px solid #dfe4e8;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(12,32,56,.07);
}
.kmw-workticker-titlebar{
  min-height:72px;
  padding:16px 20px 13px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid #eceff2;
}
.kmw-workticker-kicker{
  display:block;
  margin-bottom:3px;
  color:#7a838c;
  font-size:11px;
  line-height:1.2;
  letter-spacing:.12em;
  font-weight:800;
}
.kmw-workticker-titlebar h2{
  margin:0;
  color:#555d64;
  font-size:22px;
  line-height:1.25;
  letter-spacing:-.04em;
  font-weight:800;
}
.kmw-workticker-dot{
  width:9px;
  height:9px;
  flex:0 0 9px;
  border-radius:50%;
  background:#1f9d62;
  box-shadow:0 0 0 6px rgba(31,157,98,.10);
}
.kmw-workticker-head,
.kmw-workticker-row{
  display:grid;
  grid-template-columns:116px minmax(0,1fr);
  align-items:center;
}
.kmw-workticker-head{
  min-height:45px;
  padding:0 18px;
  color:#6c7379;
  background:#fbfbfc;
  border-bottom:1px solid #eceff2;
  font-size:15px;
  font-weight:800;
}
.kmw-workticker-viewport{
  position:relative;
  height:304px;
  overflow:hidden;
  background:#fff;
}
.kmw-workticker-viewport::before,
.kmw-workticker-viewport::after{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  height:20px;
  pointer-events:none;
}
.kmw-workticker-viewport::before{
  top:0;
  background:linear-gradient(to bottom,#fff,rgba(255,255,255,0));
}
.kmw-workticker-viewport::after{
  bottom:0;
  background:linear-gradient(to top,#fff,rgba(255,255,255,0));
}
.kmw-workticker-track{
  will-change:transform;
}
.kmw-workticker-list{
  background:#fff;
}
.kmw-workticker-row{
  min-height:38px;
  padding:0 18px;
  color:#20262c;
  text-decoration:none;
  border-bottom:1px solid #f0f2f4;
  transition:background .18s ease,color .18s ease;
}
.kmw-workticker-row:hover{
  background:#f7fafc;
  color:#0b5d9f;
}
.kmw-workticker-date{
  font-size:13px;
  font-variant-numeric:tabular-nums;
  color:#555d64;
}
.kmw-workticker-text{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14px;
  font-weight:600;
  letter-spacing:-.02em;
}
.kmw-workticker-foot{
  min-height:48px;
  padding:0 18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-top:1px solid #eceff2;
  background:#fbfbfc;
  font-size:12px;
  color:#7a838c;
}
.kmw-workticker-foot a{
  flex:0 0 auto;
  color:#0b5d9f;
  font-weight:800;
  text-decoration:none;
}
.kmw-workticker-empty{
  padding:34px 20px;
  text-align:center;
  color:#6d757c;
}

@media (max-width:640px){
  .kmw-workticker-section{padding:14px 0 8px}
  .kmw-workticker-card{
    width:100%;
    border-left:0;
    border-right:0;
    border-radius:0;
    box-shadow:none;
  }
  .kmw-workticker-titlebar{padding:14px 15px 12px}
  .kmw-workticker-titlebar h2{font-size:20px}
  .kmw-workticker-head,
  .kmw-workticker-row{
    grid-template-columns:92px minmax(0,1fr);
  }
  .kmw-workticker-head,
  .kmw-workticker-row{padding-left:14px;padding-right:14px}
  .kmw-workticker-date{font-size:12px}
  .kmw-workticker-text{font-size:13px}
  .kmw-workticker-viewport{height:288px}
  .kmw-workticker-foot{
    padding:0 14px;
    font-size:11px;
  }
  .kmw-workticker-foot span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* V47.6 MOBILE RECENT-WORK TICKER FIX */
.kmw-workticker-track{
  display:block;
  transform:translate3d(0,0,0);
  -webkit-transform:translate3d(0,0,0);
  transform-origin:0 0;
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.kmw-workticker-track.kmw-ticker-css-running{
  animation:kmwTickerMobileLoop var(--kmw-ticker-duration,30000ms) linear infinite both !important;
  -webkit-animation:kmwTickerMobileLoop var(--kmw-ticker-duration,30000ms) linear infinite both !important;
}

@keyframes kmwTickerMobileLoop{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(0,var(--kmw-ticker-distance,-300px),0)}
}

@-webkit-keyframes kmwTickerMobileLoop{
  from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
  to{-webkit-transform:translate3d(0,var(--kmw-ticker-distance,-300px),0);transform:translate3d(0,var(--kmw-ticker-distance,-300px),0)}
}