/* 블로그 화면에만 적용하는 밝은 헤더·푸터. 다른 사이트 페이지는 건드리지 않는다. */
body.blog-light .tsg-hdr {
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid #E5E7EB;
  color: #17191F;
}
body.blog-light .tsg-hdr.tsg-scrolled { box-shadow: 0 3px 16px rgba(23, 25, 31, .05); }
body.blog-light .tsg-logo { color: #17191F; }
body.blog-light .tsg-link { color: #59616D; }
body.blog-light .tsg-link:hover,
body.blog-light .tsg-link.on { color: #B5431B; }
body.blog-light .tsg-cta,
body.blog-light .tsg-mob .tsg-mcta { background: #B5431B; color: #fff; border-radius: 8px; }
body.blog-light .tsg-cta:hover { background: #913513; }
body.blog-light .tsg-toggle { border-color: #D5D9DF; }
body.blog-light .tsg-toggle svg { stroke: #17191F; }
body.blog-light .tsg-mob { background: #fff; border-top-color: #E5E7EB; }
body.blog-light .tsg-mob a { color: #414651; border-bottom-color: #E5E7EB; }
body.blog-light .tsg-mob a.on { color: #B5431B; }
body.blog-light .tsg-mob .tsg-mcta { color: #fff; border-bottom: 0; }

body.blog-light .tsg-ftr {
  background: #FAFAF9;
  border-top: 1px solid #E5E7EB;
  color: #66707C;
}
body.blog-light .tsg-fbrand { color: #17191F; }
body.blog-light .tsg-finfo a:hover,
body.blog-light .tsg-flinks a:hover { color: #B5431B; }
body.blog-light .tsg-flinks a { color: #414651; }
body.blog-light .tsg-fbot { border-top-color: #E5E7EB; color: #8B929C; }

body.blog-light :focus-visible { outline: 2px solid #B5431B; outline-offset: 3px; }