/* =====================================================================
   투데이서버 가을 테마 (A. 단풍) — 2026-10
   - 기존 CSS는 그대로 두고 이 파일이 색만 덮어쓴다. head.php 의 main.css 다음 줄에서 불러온다.
   - 끄려면 head.php 에서 이 파일을 불러오는 한 줄만 지우면 된다.
   - 오픈 일정 달력(table)과 그 아래 소개·FAQ(.tpv-ts)는 일부러 건드리지 않는다.
   ===================================================================== */
:root {
  --au-bg: #FBF4EA;
  --au-surface: #FFFFFF;
  --au-surface-2: #FFF8EF;
  --au-line: #EEDCC6;
  --au-line-soft: #F5E8D7;
  --au-ink: #2B1A10;
  --au-nav: #3A2417;
  --au-muted: #86705F;
  --au-accent: #C2410C;
  --au-accent-2: #E07A1F;
  --au-accent-soft: #FDE8D7;
  --au-deep: #7C2D12;
  --au-gradient: linear-gradient(90deg, #7C2D12, #C2410C 35%, #E07A1F 65%, #F2B33D);
}

/* ---------- 바탕 ---------- */
html body { background: var(--au-bg) !important; }
#wrapper, #container { background: transparent; }
aside#aside { background: transparent; }
/* 오픈 일정 달력은 원래 모습 그대로: 흰 바탕 고정 */
table.planner_calendar { background: #fff; }

/* ---------- 헤더: 단풍색 띠 + 떨어지는 잎 ---------- */
#hd.main { background: #fff; border-bottom: 3px solid transparent; border-image: var(--au-gradient) 1; }
#gnb .gnb_1da { color: var(--au-nav); }
#gnb .gnb_1dli:hover > .gnb_1da { color: var(--au-accent); }
#gnb .gnb_2dul { border-color: var(--au-line); }
#gnb .gnb_2da:hover { color: var(--au-accent); background: var(--au-surface-2); }

#hd.main::before, #hd.main::after {
  content: ""; position: absolute; top: 4px; width: 14px; height: 14px; pointer-events: none; z-index: 0; opacity: 0;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23E07A1F' d='M12 2l1.6 3.9 3.2-1.6-.6 4 3.8.4-2.6 2.8 3 2.2-3.9 1 .9 3.8-3.6-1.6L12 22l-1.8-5.5-3.6 1.6.9-3.8-3.9-1 3-2.2L4 8.7l3.8-.4-.6-4 3.2 1.6z'/%3E%3C/svg%3E");
  animation: au-leaf 9s linear infinite;
}
#hd.main::before { left: 18%; }
#hd.main::after {
  left: 74%; animation-duration: 11s; animation-delay: 4s;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23C2410C' d='M12 2l1.6 3.9 3.2-1.6-.6 4 3.8.4-2.6 2.8 3 2.2-3.9 1 .9 3.8-3.6-1.6L12 22l-1.8-5.5-3.6 1.6.9-3.8-3.9-1 3-2.2L4 8.7l3.8-.4-.6-4 3.2 1.6z'/%3E%3C/svg%3E");
}
@keyframes au-leaf {
  0% { transform: translate(0, 0) rotate(0); opacity: 0; }
  12% { opacity: .55; }
  80% { opacity: .45; }
  100% { transform: translate(36px, 60px) rotate(240deg); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) { #hd.main::before, #hd.main::after { animation: none; display: none; } }

/* ---------- 로그인 카드 ---------- */
.lf-card { border-color: var(--au-line) !important; }
.lf-tabs { border-color: var(--au-line) !important; }
.lf-tab { background: var(--au-surface-2) !important; color: var(--au-muted); }
.lf-tab.on { background: #fff !important; color: var(--au-accent) !important; border-bottom-color: var(--au-accent) !important; }
.lf-field { background: var(--au-surface-2) !important; border-color: var(--au-line) !important; }
.lf-btn, #ol_submit { background: linear-gradient(135deg, #D9541A, #B8380B) !important; color: #fff !important; }
.lf-btn:hover, #ol_submit:hover { filter: brightness(1.06); }

/* ---------- 최신글 박스 ---------- */
.lt .lt_box { border-color: var(--au-line); border-radius: 12px; overflow: hidden; }
.lt h2.lt_title { border-bottom-color: var(--au-line-soft); color: var(--au-ink); }
.lt h2.lt_title a { color: var(--au-ink); }
.lt .lt_more a { background: var(--au-surface-2) !important; border-color: var(--au-line) !important; color: var(--au-muted) !important; }
.lt .lt_more a:hover { color: var(--au-accent) !important; }
.lt .lt_ic { color: var(--au-accent) !important; }
.lt .lt_box li { border-color: var(--au-line-soft); }
.lt .lt_box li:hover { background: var(--au-surface-2); }
.lt .lt_box li a:hover { color: var(--au-accent); }
span.new_icon { background: #E0521A !important; }

/* 메인 배너 영역·소개 박스 테두리 */
#main_bn_box { border-color: var(--au-line); }
section.seo-intro { border-color: var(--au-line); }

/* ---------- 채팅창 (사이드바) ---------- */
.mp-chat { --mp-chat-accent: #C2410C !important; border-color: var(--au-line) !important; }
.mp-chat__topbar { background: linear-gradient(135deg, #7C2D12 0%, #A63A10 55%, #C2410C 100%) !important; }
.mp-chat__point-strip { border-color: var(--au-line) !important; }
.mp-chat__point-strip em { color: var(--au-deep) !important; border-color: rgba(194, 65, 12, .25) !important; }
.mp-chat__tabs { background: linear-gradient(#FFF8EF, #FCEFE0) !important; border-color: var(--au-line) !important; }
.mp-chat__tab.is-active, .mp-chat__tab[aria-selected="true"] { background: var(--au-deep) !important; }
.mp-chat__avatar-button { border-color: var(--au-line) !important; background: var(--au-surface-2) !important; }
.mp-chat__composer { background: var(--au-surface-2) !important; }
.mp-chat__actions { background: #FFFBF6 !important; border-color: var(--au-line) !important; }
.mp-chat__action { border-color: var(--au-line) !important; }
.mp-chat__input { background: #fff !important; border-color: var(--au-line) !important; }
.mp-chat__send { background: var(--au-accent) !important; }

/* =====================================================================
   메뉴 (가을) — head.php 안 #renew2026 스타일이 !important 라서 더 구체적인 선택자로 덮는다
   ===================================================================== */
html body #hd.glb_area { border-image: var(--au-gradient) 1 !important; }

/* 1단 메뉴 */
html body .glb_area #gnb_1dul > li > a {
  color: var(--au-nav) !important; border-radius: 999px !important; padding: 0 18px !important;
  transition: background .2s, color .2s !important;
}
html body .glb_area #gnb_1dul > li > a:before { color: var(--au-accent-2) !important; opacity: .85 !important; }
/* 마우스 올림·현재 메뉴: 연한 단풍 알약 + 아래 단풍색 띠 */
html body .glb_area #gnb_1dul > li > a:hover,
html body .gnb_1dli_on .gnb_1da, html body .gnb_1dli_air .gnb_1da, html body .gnb_1dli_over .gnb_1da {
  background: var(--au-accent-soft) !important; color: #B8380B !important; border-radius: 999px !important;
}
html body .glb_area #gnb_1dul > li > a:hover:before,
html body .gnb_1dli_over .gnb_1da:before { color: var(--au-accent) !important; opacity: 1 !important; }
html body .glb_area #gnb_1dul > li > a:after {
  content: ""; position: absolute; left: 50%; bottom: 5px; width: 0; height: 3px; border-radius: 3px;
  background: var(--au-gradient); transform: translateX(-50%); transition: width .2s;
}
html body .glb_area #gnb_1dul > li > a:hover:after,
html body .gnb_1dli_over .gnb_1da:after { width: 46%; }

/* 출석체크: 무지개 반짝임 → 단풍색 반짝임 */
html body .glb_area #gnb_1dul > li:nth-child(4) > a {
  background: linear-gradient(to right, #7C2D12 15%, #E07A1F 35%, #F2B33D 50%, #E07A1F 65%, #C2410C 85%) !important;
  background-size: 300% auto !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  animation: textShine 5s ease-in-out infinite alternate !important;
}
html body .glb_area #gnb_1dul > li:nth-child(4) > a:before { -webkit-text-fill-color: #C2410C !important; color: #C2410C !important; }
html body .glb_area #gnb_1dul > li:nth-child(4) > a:hover,
html body .gnb_1dli_over:nth-child(4) .gnb_1da, html body .gnb_1dli_on:nth-child(4) .gnb_1da {
  background: var(--au-accent-soft) !important; -webkit-text-fill-color: #B8380B !important; color: #B8380B !important; animation: none !important;
}

/* 2단(펼침) 메뉴: 크림색 카드 + 위쪽 단풍 띠 + 잎 표시 */
html body .gnb_2dul {
  background: #FFFBF5 !important; border: 1px solid var(--au-line) !important; border-top: 0 !important;
  border-radius: 0 0 14px 14px !important; box-shadow: 0 14px 28px rgba(124, 45, 18, .16) !important;
  padding: 8px 6px 6px !important; overflow: hidden;
}
html body .gnb_2dul:before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--au-gradient);
}
html body .gnb_1dli_over .gnb_2dul, html body .gnb_1dli_over2 .gnb_2dul { background: #FFFBF5 !important; }
html body .glb_area #gnb_1dul li ul > li > a, html body .gnb_2da {
  color: var(--au-nav) !important; position: relative; padding-left: 14px !important; transition: background .15s, padding .15s;
}
html body .glb_area #gnb_1dul li ul > li > a:hover, html body .gnb_2da:hover,
html body .gnb_1dli_on .gnb_2da:hover, html body .gnb_1dli_air .gnb_2da:hover {
  background: var(--au-accent-soft) !important; color: #B8380B !important; padding-left: 30px !important;
}
html body .glb_area #gnb_1dul li ul > li > a:before {
  content: ""; position: absolute; left: 10px; top: 50%; width: 13px; height: 13px; margin-top: -7px; opacity: 0; transition: opacity .15s;
  background: no-repeat center / contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23C2410C' d='M50 0 42 15 34 10 37 36 25 23 22 30 8 27 13 41 4 45 25 61 21 69 46 64 47.5 97 52.5 97 54 64 79 69 75 61 96 45 87 41 92 27 78 30 75 23 63 36 66 10 58 15z'/%3E%3C/svg%3E");
}
html body .glb_area #gnb_1dul li ul > li > a:hover:before { opacity: 1; }
/* 펼침 메뉴의 기본(마우스 안 올린) 항목은 흰 배경 유지 */
html body .gnb_1dli_on .gnb_2da, html body .gnb_1dli_air .gnb_2da { background: transparent !important; color: var(--au-nav) !important; }

/* 상단 작은 링크(회원가입·로그인) */
html body #hd_top #tnb li a:hover { color: var(--au-accent) !important; }