/* 이램프 맨 위 — 아일리(640) 맨 위와 같은 형태 (2026-10-06). head.php 가 promo-head.css 다음에 불러온다.
   ① 상단 줄 = 남색 그라데이션 + 흰 글씨  ② 줄 가운데 안내(PC)  ③ 모바일 맨 위 배너 */

/* 상단 줄(공지 · 무료체험/상담신청/로그인/회원가입) */
.at-lnb { background: linear-gradient(90deg, #0C2468 0%, #15348A 50%, #0C2468 100%) !important; border-bottom: 0 !important; }
.at-lnb, .at-lnb .promo-ticker-label, .at-lnb .promo-ticker li { color: #fff !important; }
.at-lnb a, .at-lnb .promo-actions a, .at-lnb .promo-ticker li a { color: #fff !important; }
.at-lnb .promo-ticker li a:hover, .at-lnb .promo-actions a:hover { color: #FFD3C8 !important; }
.at-lnb .promo-btn-outline { border-color: rgba(255,255,255,.55) !important; }

/* 맨 위 안내 배너(모바일) — 남색 그라데이션 · 코랄 알약 · 링크 · 닫기 */
.top-promo { background: linear-gradient(90deg, #0C2468 0%, #15348A 50%, #0C2468 100%); color: #fff; font-size: 15px; font-weight: 500; }
.top-promo-in { max-width: 1280px; margin: 0 auto; display: flex; justify-content: center; align-items: center; gap: 12px; padding: 12px 44px 12px 16px; position: relative; text-align: center; flex-wrap: wrap; }
.top-promo .tag, .top-lnb-open .tag { background: #FF6B4A; color: #0C2468; font-weight: 800; letter-spacing: .08em; border-radius: 999px; }
.top-promo .tag { font-size: 12px; padding: 3px 11px; }
.top-promo strong { font-weight: 700; }
.top-promo a { color: #FFD3C8 !important; font-weight: 700; border-bottom: 1px solid #FFD3C8; white-space: nowrap; }
.top-promo button { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); background: none; border: 0; font-size: 24px; line-height: 1; color: #fff; cursor: pointer; opacity: .8; }
@media (max-width: 640px) { .top-promo { font-size: 13px; } }

/* PC: 위 배너는 숨기고 같은 안내를 상단 줄 가운데에 보인다. 모바일(≤991px)은 이 줄이 없어 배너를 그대로 쓴다 */
@media (min-width: 992px) { .responsive .top-promo { display: none !important; } }
.at-lnb .at-container { position: relative; }
.top-lnb-open { position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 40px; display: flex; align-items: center; gap: 10px; font-size: 14px; color: #fff; white-space: nowrap; }
.top-lnb-open .tag { font-size: 11.5px; padding: 2px 10px; line-height: 1.5; }
.top-lnb-open strong { font-weight: 700; }
.at-lnb .top-lnb-open a { color: #FFD3C8 !important; font-weight: 700; border-bottom: 1px solid #FFD3C8; line-height: 1.3; }

/* 공지 롤러(왼쪽)가 가운데 안내를 침범하지 않게 폭을 제한하고 넘치면 말줄임 */
@media (min-width: 992px) {
  .at-lnb .pull-left:has(.promo-ticker) { max-width: calc(50% - 270px); overflow: hidden; }
  .at-lnb .pull-right { margin-left: auto; }
  .at-lnb .promo-ticker { display: flex; align-items: center; max-width: 100%; }
  .at-lnb .promo-ticker-label { flex: none; }
  .at-lnb .promo-ticker-wrap { min-width: 0; overflow: hidden; }
}
@media (min-width: 992px) and (max-width: 1080px) { .at-lnb .top-lnb-open a { display: none; } }  /* 좁은 PC 폭에서는 '지금 시작하기' 링크를 숨겨 오른쪽 링크와 겹치지 않게 */