/* BASIC css start */
/* 상단 배너 컨테이너 */
.header_banner {
  width: 100%;
  overflow: hidden;
  background-color: #000000;
  white-space: nowrap;
  user-select: none;
  min-height: 40px; /* 공지가 없어도 영역 형태 유지 */
}

/* 움직이는 트랙 */
.header_banner_slider {
  display: flex;
  width: max-content;
  animation: marquee linear infinite;
}

/* 마우스 올렸을 때 이동 정지 */
.header_banner:hover .header_banner_slider {
  animation-play-state: paused;
}

/* 내부 생성 그룹 */
.ticker-group {
  display: flex;
  align-items: center;
  gap: 100px;
  padding-right: 100px;
}

/* 개별 아이템 스타일 */
.ticker-item {
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}

.ticker-item a {
  opacity:0.85;
}

.ticker-item a:hover {
  opacity:1;
}

/* 무한 애니메이션 정의 */
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* BASIC css end */