:root{--primary-50: #ece9fd;--primary-100: #c3bcfa;--primary-300: #8d86f0;--primary-500: #7b5eed;--primary-700: #5a42e1}*{box-sizing:border-box;padding:0;margin:0;color:#fff;text-decoration-line:none}@media only screen and (1201px <= width){article:not(article article){margin-left:auto;margin-right:auto;width:1152px}}@media only screen and (780px <= width <= 1200px){article:not(article article){margin-left:auto;margin-right:auto;width:768px}}@media only screen and (width <= 779px){article:not(article article){padding-inline-start:1em;padding-inline-end:1em}}body{font-family:Pretendard Variable;background-color:#121212}header{padding:2em 0}header>article{display:flex;gap:.5em}footer{padding:2em 0}footer>article{display:flex;align-items:center;justify-content:center;gap:.5em;opacity:.75}footer>article .logo-frame{position:relative;width:50px;height:25px}.pin_area.svelte-d5z5b3{flex-grow:1;padding:.25em .5em;border-radius:.25em}nav.svelte-d5z5b3{font-weight:600;display:flex;gap:.5em}nav.svelte-d5z5b3 a:where(.svelte-d5z5b3){padding:.25em .75em;background:#7b5eed80;border-radius:.25em;display:flex;align-items:center;justify-content:center}nav.svelte-d5z5b3 a:where(.svelte-d5z5b3).active{background:#7b5eed}article.header.svelte-d5z5b3{display:flex;align-items:center;margin-top:1em}article.header.svelte-d5z5b3 .text_area:where(.svelte-d5z5b3){display:flex;flex-direction:column;gap:.5em;line-height:1;flex-grow:1}article.header.svelte-d5z5b3 .text_area:where(.svelte-d5z5b3) h1:where(.svelte-d5z5b3){font-weight:700;font-size:2.5em}article.header.svelte-d5z5b3 .text_area:where(.svelte-d5z5b3) .noti_area:where(.svelte-d5z5b3){display:flex;gap:1em}article.header.svelte-d5z5b3 .text_area:where(.svelte-d5z5b3) .noti_area:where(.svelte-d5z5b3) p:where(.svelte-d5z5b3){padding:.25em .75em;border-radius:.5em;background-color:#7b5eed80;font-size:1em}article.header.svelte-d5z5b3 .img_area:where(.svelte-d5z5b3){height:4em}article.header.svelte-d5z5b3 .img_area:where(.svelte-d5z5b3) img:where(.svelte-d5z5b3){height:100%}