/* =====================================================================
   투데이서버 겨울 테마 (A. 눈꽃) — 2026-10
   - 기존 CSS는 그대로 두고 이 파일이 색만 덮어쓴다. head.php 의 main.css 다음 줄에서 불러온다.
   - 끄려면 head.php 에서 이 파일을 불러오는 한 줄만 지우면 된다.
   - 오픈 일정 달력(table)과 그 아래 소개·FAQ(.tpv-ts)는 일부러 건드리지 않는다.
   ===================================================================== */
:root {
  --au-bg: #F1F5F9;
  --au-surface: #FFFFFF;
  --au-surface-2: #F5F9FD;
  --au-line: #D7E4EF;
  --au-line-soft: #E7EFF6;
  --au-ink: #172C48;
  --au-nav: #172C48;
  --au-muted: #60758C;
  --au-accent: #365F88;
  --au-accent-2: #5684B3;
  --au-accent-soft: #E4EFF9;
  --au-deep: #172C48;
  --au-gradient: linear-gradient(90deg, #172C48, #365F88 35%, #5684B3 65%, #91B6D8);
}

/* ---------- 바탕 ---------- */
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); }


/* ---------- 로그인 카드 ---------- */
.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, #365F88, #172C48) !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: #5684B3 !important; }

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

/* ---------- 채팅창 (사이드바) ---------- */
.mp-chat { --mp-chat-accent: #365F88 !important; border-color: var(--au-line) !important; }
.mp-chat__topbar { background: linear-gradient(135deg, #172C48 0%, #2C527B 55%, #365F88 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(54, 95, 136, .25) !important; }
.mp-chat__tabs { background: linear-gradient(#F5F9FD, #EAF2F9) !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: #F8FBFE !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: #172C48 !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, #172C48 15%, #5684B3 35%, #91B6D8 50%, #5684B3 65%, #365F88 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: #365F88 !important; color: #365F88 !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: #172C48 !important; color: #172C48 !important; animation: none !important;
}

/* 2단(펼침) 메뉴: 크림색 카드 + 위쪽 눈꽃 띠 + 눈꽃 표시 */
html body .gnb_2dul {
  background: #F8FBFE !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(23, 44, 72, .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: #F8FBFE !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: #172C48 !important; padding-left: 14px !important;
}
/* 펼침 메뉴의 기본(마우스 안 올린) 항목은 흰 배경 유지 */
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; }

/* Winter 2026: decoration never captures input or changes content geometry. */
#logo > a:first-child { position: relative; display: inline-block; }
.mp-chat__point-strip, .mp-chat__notice { background:#F5F9FD !important; }
.mp-chat__point-strip { color:#365F88 !important; }
.mp-chat__point-strip a { color:#365F88 !important; }
html body .mp-chat__tab.is-active { background:#2C527B !important; }
@media (prefers-reduced-motion: reduce) { html body .glb_area #gnb_1dul > li:nth-child(4) > a {animation:none !important;} }
html body #logo > a:first-child img { filter:none !important; }

html body #ol_after.mc-card .mc-hd {background:linear-gradient(135deg,#FFFFFF,#EDF4FB) !important; border-color:#D7E4EF !important;}
html body #ol_after.mc-card .mc-ava {box-shadow:0 0 0 3px #E4EFF9,0 4px 10px rgba(23,44,72,.12) !important;}
html body #ol_after.mc-card .mc-btn.att {background:linear-gradient(135deg,#5684B3,#172C48) !important; box-shadow:0 6px 16px rgba(23,44,72,.18) !important;}
html body #ol_after.mc-card .mc-act a:hover {color:#365F88 !important; border-color:#91B6D8 !important;}
html body #ol_after.mc-card .mc-sw.on {background:#365F88 !important;}
html body #container_title {border-left-color:#5684B3 !important; color:#172C48 !important;}
html body #container_title i {background:#E4EFF9 !important;color:#365F88 !important;}
html body #hd_pop .hd_pops_footer .hd_pops_close {background:#365F88 !important;}

html body #hd.main {border-bottom-color:#365F88 !important;}
html body .gnb_1dli_over:nth-child(4) .gnb_1da, html body .gnb_1dli_on:nth-child(4) .gnb_1da, html body .gnb_1dli_air:nth-child(4) .gnb_1da {background:#E4EFF9 !important;-webkit-text-fill-color:#172C48 !important;color:#172C48 !important;}
html body {background-image:radial-gradient(ellipse at 5% 0%,rgba(145,182,216,.12),transparent 36%) !important;}

/* Integrated winter wordmark: shimmer and snowflake are inside the SVG. */
html body #logo > a:first-child::after {display:none !important;}
html body #logo > a:first-child img {height:40px !important;width:133.333px !important;max-width:none !important;}

/* Clean wordmark: no seasonal particles or decorative glyphs. */
html body #hd::before,html body #hd::after,html body #logo > a:first-child::after {content:none !important;display:none !important;animation:none !important;}