@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";
@import "https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap";
:root{--background:#fff;--foreground:#2d2d2d;--app-font-family:"Pretendard",-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;--app-font-size:16px;--app-background-color:#fff;--app-text-color:#2d2d2d;--breakpoint-mobile:767px;--breakpoint-tablet:1023px;--breakpoint-web:1024px;--container-max-width:1200px;--spacing-unit:8px;--header-height:50px;--font-size-base:16px;--font-size-small:14px;--font-size-large:18px;--line-height:1.5}@media (prefers-color-scheme:dark){:root{--background:#2d2d2d;--foreground:#ededed}}html,body{max-width:100vw;transition:background-color .3s,color .3s;overflow-x:hidden}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif;font-size:var(--app-font-size);color:var(--app-text-color);background-color:var(--app-background-color);padding-top:var(--header-height);flex-direction:column;min-height:100vh;display:flex}.app-wrapper{flex-direction:column;flex:1;width:100%;display:flex}.app-main{flex-direction:column;flex:1;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.imgDark{display:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.imgLight{display:none}.imgDark{display:unset}}@media (max-width:767px){:root{--font-size-base:14px;--font-size-small:12px;--font-size-large:16px}body{font-size:var(--font-size-base)}}@media (min-width:768px) and (max-width:1023px){:root{--font-size-base:15px;--font-size-small:13px;--font-size-large:17px}body{font-size:var(--font-size-base)}}@media (min-width:1024px){:root{--font-size-base:16px;--font-size-small:14px;--font-size-large:18px}body{font-size:var(--font-size-base)}}::-webkit-scrollbar{width:1px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#4a505e}*{scrollbar-width:thin;scrollbar-color:#7b8293 transparent}
.show-mobile{display:block}.hide-mobile,.show-tablet{display:none}.hide-tablet{display:block}.show-web{display:none}.hide-web{display:block}@media (min-width:768px) and (max-width:1023px){.show-mobile{display:none}.hide-mobile,.show-tablet{display:block}.hide-tablet,.show-web{display:none}.hide-web{display:block}}@media (min-width:1024px){.show-mobile{display:none}.hide-mobile{display:block}.show-tablet{display:none}.hide-tablet,.show-web{display:block}.hide-web{display:none}}.container{width:100%;padding-left:var(--spacing-unit);padding-right:var(--spacing-unit);margin-left:auto;margin-right:auto}@media (max-width:767px){.container{max-width:100%;padding-left:16px;padding-right:16px}}@media (min-width:768px) and (max-width:1023px){.container{max-width:768px;padding-left:24px;padding-right:24px}}@media (min-width:1024px){.container{max-width:var(--container-max-width);padding-left:32px;padding-right:32px}}.grid{gap:16px;display:grid}@media (max-width:767px){.grid{grid-template-columns:1fr;gap:12px}.grid-cols-mobile-1{grid-template-columns:1fr}.grid-cols-mobile-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px) and (max-width:1023px){.grid{grid-template-columns:repeat(2,1fr);gap:16px}.grid-cols-tablet-1{grid-template-columns:1fr}.grid-cols-tablet-2{grid-template-columns:repeat(2,1fr)}.grid-cols-tablet-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid{grid-template-columns:repeat(3,1fr);gap:24px}.grid-cols-web-1{grid-template-columns:1fr}.grid-cols-web-2{grid-template-columns:repeat(2,1fr)}.grid-cols-web-3{grid-template-columns:repeat(3,1fr)}.grid-cols-web-4{grid-template-columns:repeat(4,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}@media (max-width:767px){.flex-mobile-col{flex-direction:column}.flex-mobile-row{flex-direction:row}}@media (min-width:768px) and (max-width:1023px){.flex-tablet-col{flex-direction:column}.flex-tablet-row{flex-direction:row}}@media (min-width:1024px){.flex-web-col{flex-direction:column}.flex-web-row{flex-direction:row}}.text-responsive{font-size:var(--font-size-base);line-height:var(--line-height)}.text-small{font-size:var(--font-size-small)}.text-large{font-size:var(--font-size-large)}@media (max-width:767px){.spacing-mobile-tight{padding:8px}.spacing-mobile-normal{padding:16px}.spacing-mobile-loose{padding:24px}}@media (min-width:768px) and (max-width:1023px){.spacing-tablet-tight{padding:12px}.spacing-tablet-normal{padding:20px}.spacing-tablet-loose{padding:32px}}@media (min-width:1024px){.spacing-web-tight{padding:16px}.spacing-web-normal{padding:24px}.spacing-web-loose{padding:40px}}