@charset "utf-8";

/* 상단 한 줄 스크롤 스킨 (latest) */
.hd-top-banner{
  width:100%;
  background-color: var(--rd-primary);
  overflow:hidden;
  height:32px;
  position:absolute; /* 기존 유지 */
}

.hd-top-banner .banner-wrap{
  /* 가로 트랙 */
  display:flex;
  align-items:center;
  gap:40px;                 /* 항목 사이 여백 */
  padding:0 16px;           /* 좌우 여백 */
  will-change: transform;
  transform: translateX(0); /* JS가 translateX 변경 */
}

.hd-top-banner .banner-item{
  flex:0 0 auto;            /* 줄바꿈 없이 옆으로 나열 */
  height:32px;
  display:flex;
  align-items:center;
}

.hd-top-banner a{
  color:#fff !important;
  text-decoration:none !important;
  white-space:nowrap;        /* 줄바꿈 방지 */
}
.hd-top-banner a:hover,
.hd-top-banner a:focus{ font-weight:bold; }

.hd-top-banner .banner-control{ 
  position:absolute; top:0; right:8px; height:100%;
  display:flex; align-items:center; justify-content:flex-end;
  gap:10px; color:#fff;
}

.hd-top-banner .btn-close{
  display:inline-flex; align-items:center; justify-content:center;
  width:25px; height:25px; border-radius:50%;
  background:rgba(255,255,255,.08); color:#fff; cursor:pointer;
  transition:background .2s ease, transform .08s ease;
}
.hd-top-banner .btn-close:hover{ background:rgba(255,255,255,.2); }
.hd-top-banner .btn-close:active{ transform:scale(.96); }

.hd-top-banner.is-hidden{
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
}

label.banner-check{ color: var(--rd-text-white) !important; }
li.empty_li{ text-align:center; color: var(--rd-text-white); }

/* 모바일 배치가 필요하면 유지/수정 */
@media (max-width:768px){
  .hd-top-banner{ bottom:-62px; }
}