/* 투쇼어스 북클럽(641) 공통 색 — 헤더·푸터·티커·OPEN 띠. 따뜻 톤(잉크 #3B3027 · 초록 #3F8259 · 호박 #E9A23B).
   생성물: deploy/twoshores/build_ts_theme.py 가 분양 모델 colorset/ily-theme.css 의 색만 바꿔 만든다 — 직접 고치지 말고 생성기를 고친다. */
/* 맨 위 줄(공지 · 무료체험/상담신청/로그인/회원가입) — 시안과 같은 연한 바탕 + 코랄 테두리 버튼 */
.at-lnb { background-image: none !important; background: #fff8ec !important; border-bottom: 1px solid #eedfc7; color: #7a6a5b !important; font-size: 13px; }
.at-lnb a, .at-lnb .promo-actions a, .at-lnb .promo-ticker li { color: #7a6a5b !important; }
.promo-ticker-label { color: #8a5608 !important; font-weight: 700; margin-right: 6px; }
.promo-btn-outline { background: transparent !important; border: 1px solid #e9a23b !important; color: #8a5608 !important; border-radius: 999px !important; padding: 2px 12px !important; font-weight: 700; }

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

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

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

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

/* 맨 위 홍보 바 — 시안의 OPEN 띠 (남색 그라데이션 · 코랄 알약 · 링크 · 닫기) */
.ily-promo { background: linear-gradient(90deg, #2f5a41 0%, #3f8259 50%, #2f5a41 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: #E9A23B; color: #3B3027; 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: #fcefd5 !important; font-weight: 700; border-bottom: 1px solid #fcefd5; 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: #7a6a5b !important; font-weight: 500; }
.at-lnb .promo-ticker li a:hover { color: #8a5608 !important; text-decoration: underline; }

/* 메뉴 줄 바로 위 — 상단 [공지]·안내 줄 배경: 종전 OPEN 배너와 같은 청색 (2026-10-05). 그 아래 10px 여백 줄(.pc-header)은 칠하지 않는다 — 로고 이미지(흰 바탕)가 그 위에 겹쳐 놓이기 때문 */
.at-lnb { background: linear-gradient(90deg, #2f5a41 0%, #3f8259 50%, #2f5a41 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: #fcefd5 !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: #E9A23B; color: #3B3027; 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: #fcefd5 !important; font-weight: 700; border-bottom: 1px solid #fcefd5; 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 폭에서는 오른쪽 링크와 겹치지 않게 '지금 시작하기' 링크를 숨긴다 */

/* ---- 투쇼어스 글꼴·바탕 (시안과 같게) ---- */
/* 테마 colorset.css 가 !important 로 Pretendard 를 거는 것은 body · .ko · h1~h6 · input · button · textarea · select 뿐이다.
   그 목록만 같은 우선순위로 덮는다. (div·span·a 까지 덮으면 시안이 .facts b · .plan .amt · .logo .wm b 처럼
   요소마다 따로 지정한 글꼴이 전부 무시된다 — 1차 적용 때 그랬다.) */
body, .ko, .ko small, input, button, textarea, select { font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif !important; }
h1, h2, h3, h4, h5, h6 { font-family: "Gowun Dodum", "Noto Sans KR", sans-serif !important; }
body, #thema_wrapper, .at-body { background-color: #FFF8EC !important; }
/* 테마 colorset.css 의 `.form-control, .well, .btn, .alert, .input-group-addon, .label { border-radius: 0 !important }` — 시안은 알약(버튼)·둥근 모서리 */
.btn { border-radius: 999px !important; }
.label { border-radius: 999px !important; }
.form-control { border-radius: 12px !important; }
/* 시안에는 헤더 바로 아래에서 본문(히어로)이 시작한다 — 테마의 빈 페이지 제목 바(.page-title, 60px)가 만드는 여백을 투쇼어스 화면에서 숨긴다 */
body:has(.ts-reg) .page-title, body:has(.ts-main) .page-title, body:has(.ts-soon) .page-title, body:has(.ts-lt) .page-title { display: none !important; }