/* ===== 전체 배경 (#333) ===== */
#highlight-banner{
  background:#333;              /* 메뉴와 동일한 진한 회색 */
  padding:16px 0;               /* 위아래만 주고 좌우는 가운데 정렬 */
  display:flex; justify-content:center; gap:12px; flex-wrap:wrap;
  font-family:'Pretendard','Arial',sans-serif;
}


/* ===== 각 단어 박스(연한 회색) ===== */
#highlight-banner .label{
  background:#f5f5f5;           /* 글씨 주변 연한 회색 박스 */
  padding:6px 12px;
  border-radius:6px;
  font-size:1.05rem;
  font-weight:500;
  display:inline-block;
  line-height:1.3;
}


/* 일반 초록 */
#highlight-banner .city,
#highlight-banner .apt{
  color:#008856;                /* 초록 */
}


/* 강조 빨강 + 더 크고 굵게 */
#highlight-banner .focus{
  color:#ff3d3d;                /* 빨강 */
  font-size:1.3rem;
  font-weight:700;
}


/* ===== 깜빡 + 글로우 애니메이션 ===== */
@keyframes blinkFade{
  0%,100%{opacity:1}
  50%   {opacity:0.2}
}
@keyframes glowPulse{
  0%  {box-shadow:0 0 4px rgba(255,61,61,0.5);}
  50% {box-shadow:0 0 12px rgba(255,100,100,0.9);}
  100%{box-shadow:0 0 4px rgba(255,61,61,0.5);}
}
#highlight-banner .blink{
  animation: blinkFade 1.1s ease-in-out infinite,
             glowPulse 1.1s ease-in-out infinite;
}


/* ===== 모바일 폰트 ↓ ===== */
@media(max-width:480px){
  #highlight-banner{padding:14px 0; gap:8px}
  #highlight-banner .label{font-size:.95rem;padding:5px 10px}
  #highlight-banner .focus{font-size:1.15rem}
}


<!-- ▲ /강조 문구 모듈 ─────────────────────────────────────── -->