/* 사이트 공통 새 톤(2026-10-04 도넛 첫 화면과 같게): 흰 바탕, 밝은 보라 알약 버튼.
   build.py가 관계 검사(/test/)를 뺀 모든 페이지의 </head> 앞에 붙인다. 각 페이지 CSS보다 뒤에 와서 버튼 색만 덮는다. */
:root{--paper:#fff;--btn:#9880FF;--btn-deep:#7B63F0;--btn-line:#ECE6DC}
html,body,html[lang] body{background:#fff}

/* 채운 버튼 */
.button,.st-btn{border-radius:999px;font-weight:650}
.button:not(.ghost):not(.danger),.st-btn:not(.ghost):not(.light){background:var(--btn);border-color:var(--btn);color:#fff}
.button:not(.ghost):not(.danger):hover,.st-btn:not(.ghost):not(.light):hover{background:var(--btn-deep);border-color:var(--btn-deep)}
/* 테두리 버튼 */
.button.ghost:not(.danger),.st-btn.ghost{background:#fff;color:var(--ink);border-color:var(--btn-line)}
.button.ghost:not(.danger):hover,.st-btn.ghost:hover{border-color:var(--ink);color:var(--ink)}
.st-btn.light{color:var(--btn-deep)}

/* 상단 로그인 버튼 */
.gx-auth .gx-login{border-color:var(--btn);color:var(--btn-deep);border-radius:999px}
.gx-auth .gx-login:hover{background:var(--btn);border-color:var(--btn);color:#fff}

/* 검색창 바탕도 흰색 */
.school-search input{background:#fff}

/* 바닥(푸터): 사이트 지도 → 안내 문구 → 사업자 정보를 모든 페이지에서 같은 폭·같은 시작점·같은 선으로 */
.seo-dir,.school-foot,.st-foot,.legal-foot{box-sizing:border-box;width:min(1112px,calc(100% - 48px));max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;border-top:1px solid var(--btn-line)!important;background:none!important}
.seo-dir{margin-top:96px!important;padding-top:48px!important;padding-bottom:40px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px!important;font-size:14px}
.seo-dir h2{font-size:13px!important;font-weight:700!important;letter-spacing:.02em;color:var(--ink)!important;margin:0 0 14px!important}
.seo-dir ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.seo-dir li,.seo-dir li a{font-size:14px;color:var(--muted);line-height:1.45;text-decoration:none}
.seo-dir li a:hover{color:var(--btn-deep)}
.seo-dir li.more-hide{display:none}
.seo-dir .col.open li.more-hide{display:list-item}
.seo-dir .more{margin-top:12px;background:none;border:0;padding:0;font:inherit;font-size:13px;font-weight:650;color:var(--btn-deep);cursor:pointer}
.seo-dir .more:hover{text-decoration:underline}
.school-foot,.st-foot{margin-top:0!important;padding-top:28px!important;padding-bottom:28px!important;display:grid;gap:6px;font-size:13px;color:var(--muted)}
.school-foot p,.st-foot p{margin:0!important;font-size:14px;color:var(--muted)}
.school-foot p b{color:var(--ink)}
.school-foot small,.st-foot p+p{display:block;max-width:none;font-size:12.5px;line-height:1.7;color:var(--muted)}
.legal-foot{padding-top:24px!important;padding-bottom:56px!important;font-size:12.5px}
main+.legal-foot,section+.legal-foot{margin-top:72px!important}
.legal-foot a,.st-foot a,.school-foot a{color:inherit;text-decoration:none!important}
.legal-foot a:hover,.st-foot a:hover,.school-foot a:hover{color:var(--ink);text-decoration:underline!important}
@media(max-width:800px){
  .seo-dir,.school-foot,.st-foot,.legal-foot{width:calc(100% - 32px)}
  .seo-dir{grid-template-columns:1fr;gap:0!important;margin-top:64px!important;padding-top:8px!important;padding-bottom:16px!important}
  .seo-dir>div{border-bottom:1px solid var(--btn-line)}
  .seo-dir>div:last-child{border-bottom:0}
  .seo-dir h2{display:flex;justify-content:space-between;align-items:center;padding:16px 0;margin:0!important;cursor:pointer}
  .seo-dir h2::after{content:"+";font-size:18px;font-weight:400;color:var(--muted)}
  .seo-dir .col.open h2::after{content:"–"}
  .seo-dir ul,.seo-dir .more{display:none}
  .seo-dir .col.open ul{display:grid;padding-bottom:16px}
  .seo-dir .col.open .more{display:block;margin:-4px 0 16px}
  .legal-foot{padding-bottom:104px!important}
}