:root { font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif; color: rgb(24, 42, 49); background: rgb(255, 255, 255); font-size: 17px; line-height: 1.8; }
* { box-sizing: border-box; }
body { margin: 0px; }
header { background: rgb(20, 37, 45); color: rgb(255, 255, 255); padding: 36px max(24px, -410px + 50vw); }
header img { width: 68px; height: 68px; border-radius: 16px; vertical-align: middle; margin-right: 16px; }
header a { color: inherit; text-decoration: none; }
header strong { font-size: 1.12rem; }
nav { margin-top: 20px; display: flex; gap: 24px; flex-wrap: wrap; }
nav a { color: rgb(255, 183, 134); border-bottom: 1px solid transparent; }
nav a:hover, nav a:focus { border-color: currentcolor; }
main { max-width: 820px; margin: 0px auto; padding: 36px 24px 64px; }
h1 { font-size: 2rem; line-height: 1.4; margin: 0px 0px 20px; }
h2 { font-size: 1.18rem; margin: 32px 0px 8px; line-height: 1.6; }
p { margin: 0px 0px 16px; }
a { color: rgb(7, 87, 128); text-underline-offset: 4px; overflow-wrap: anywhere; }
.muted { color: rgb(98, 116, 125); font-size: 0.88rem; }
.notice { border-left: 4px solid rgb(237, 154, 88); padding: 14px 20px; background: rgb(243, 246, 247); }
.contact { background: rgb(20, 37, 45); color: rgb(255, 255, 255); padding: 24px; border-radius: 12px; margin: 24px 0px; }
.contact a { color: rgb(255, 183, 134); }
footer { border-top: 1px solid rgb(213, 223, 226); padding: 24px; text-align: center; color: rgb(98, 116, 125); font-size: 0.88rem; }
details { padding: 18px 0px; border-bottom: 1px solid rgb(213, 223, 226); }
summary { cursor: pointer; font-weight: 650; }
details p { margin-top: 12px; margin-bottom: 0px; }
@media (max-width: 480px) {
  header { padding: 24px; }
  header img { width: 52px; height: 52px; margin-right: 9px; }
  header strong { font-size: 0.95rem; }
  h1 { font-size: 1.7rem; }
}
:focus-visible { outline: rgb(220, 137, 70) solid 3px; outline-offset: 5px; }
img{max-width:100%;height:auto}a{overflow-wrap:anywhere}