/* 이지톡잉글리시(632) 공통 색 — 헤더·푸터·티커 (이램프 테마의 청록/라임을 632 로고 톤(남색 + 코랄)로).
   head.php 상단에서 불러온다. 메인 본문 색은 main/css/onepage-ily.css (.ily 안). */

/* 맨 위 줄(공지 · 무료체험/상담신청/로그인/회원가입) — 시안과 같은 연한 바탕 + 코랄 테두리 버튼 */
.at-lnb { background-image: none !important; background: #FAF5F2 !important; border-bottom: 1px solid #F3E3DC; color: #6B7390 !important; font-size: 13px; }
.at-lnb a, .at-lnb .promo-actions a, .at-lnb .promo-ticker li { color: #6B7390 !important; }
.promo-ticker-label { color: #E2492B !important; font-weight: 700; margin-right: 6px; }
.promo-btn-outline { background: transparent !important; border: 1px solid #FF6B4A !important; color: #E2492B !important; border-radius: 999px !important; padding: 2px 12px !important; font-weight: 700; }

/* 메뉴 줄 */
.pc-menu .menu-a { color: #0C2468 !important; font-weight: 700; font-size: 17px; }
.pc-menu .menu-li:hover > .menu-a,
.pc-menu .menu-li.active > .menu-a { color: #E2492B !important; }

/* 모바일 헤더 — 흰 바탕에 남색 */
.m-header { background-image: none !important; background: #fff !important; border-bottom: 1px solid #F3E3DC; }
.m-header, .m-header a, .m-header i, .m-header .fa { color: #0C2468 !important; }

/* 푸터 — 이램프 푸터 구성, 색만 632 톤(조금 눌러서) */
footer.op30-footer, .op30-footer { background-image: none !important; background: #33406E !important; }
.op30-footer-sign .hl { color: #FF8F5E !important; }

/* 내부 페이지(이램프 랜딩 계열) 공통 변수 — 페이지마다 청록·보라·파랑으로 따로 정의돼 있어 632 톤으로 통일한다(!important 라 페이지 안쪽 :root 보다 이긴다).
   변수를 쓰지 않고 색을 직접 적은 부분(일부 히어로 그라데이션)은 페이지별로 따로 손본다. */
:root {
  --pri: #FF6B4A !important;
  --pri2: #E2492B !important;
  --sec: #FF8F5E !important;
  --sec2: #E2492B !important;
  --deep: #0C2468 !important;
  --accent: #FF6B4A !important;
  --main-color: #FF6B4A !important;
}

/* 맨 위 홍보 바 — 시안의 OPEN 띠 (남색 그라데이션 · 코랄 알약 · 링크 · 닫기) */
.ily-promo { background: linear-gradient(90deg, #0C2468 0%, #15348A 50%, #0C2468 100%); color: #fff; font-size: 15px; font-weight: 500; }
.ily-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; }
.ily-promo .tag { background: #FF6B4A; color: #0C2468; font-size: 12px; font-weight: 700; letter-spacing: .08em; padding: 3px 11px; border-radius: 999px; }
.ily-promo strong { font-weight: 700; }
.ily-promo a { color: #FFD3C8 !important; font-weight: 700; border-bottom: 1px solid #FFD3C8; white-space: nowrap; }
.ily-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) { .ily-promo { font-size: 13px; } }

/* 상단 [공지] 줄 링크 — 공통 promo-head.css 가 .at-lnb ul > li > a 를 흰색(!important)으로 덮어 밝은 바탕에서 안 보였다(2026-10-04) */
.at-lnb .promo-ticker li a { color: #6B7390 !important; font-weight: 500; }
.at-lnb .promo-ticker li a:hover { color: #E2492B !important; text-decoration: underline; }

/* 메뉴 줄 바로 위 — 상단 [공지]·안내 줄 배경: 종전 OPEN 배너와 같은 청색 (2026-10-05). 그 아래 10px 여백 줄(.pc-header)은 칠하지 않는다 — 로고 이미지(흰 바탕)가 그 위에 겹쳐 놓이기 때문 */
.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; }

/* PC: 위 남색 OPEN 배너는 숨기고, 같은 안내를 메뉴 줄 바로 위 살구 줄 가운데에 보인다 (2026-10-05). 모바일(≤991px)은 이 줄이 없어 배너를 그대로 쓴다 */
@media (min-width: 992px) { .responsive .ily-promo { display: none !important; } }
.at-lnb .at-container { position: relative; }
.ily-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; }
.ily-lnb-open .tag { background: #FF6B4A; color: #0C2468; font-size: 11.5px; font-weight: 800; letter-spacing: .08em; padding: 2px 10px; border-radius: 999px; line-height: 1.5; }
.ily-lnb-open strong { font-weight: 700; }
.at-lnb .ily-lnb-open a { color: #FFD3C8 !important; font-weight: 700; border-bottom: 1px solid #FFD3C8; line-height: 1.3; }

/* 공지 롤러(왼쪽)는 가운데 OPEN 안내를 침범하지 않게 폭을 제한하고 넘치면 말줄임 (2026-10-05). 롤러가 있을 때만 적용 — 없을 때 오른쪽 링크 위치를 건드리지 않는다 */
@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; }
  .at-lnb .promo-ticker li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (min-width: 992px) and (max-width: 1080px) { .at-lnb .ily-lnb-open a { display: none; } }  /* 좁은 PC 폭에서는 오른쪽 링크와 겹치지 않게 '지금 시작하기' 링크를 숨긴다 */