@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@100;300;400;500;700&display=swap";.SimkungHeader{position:fixed;z-index:100;left:50%;top:var(--header-padding);transform:translate(-50%);width:calc(100% - 2 * var(--header-padding));height:5.6rem;display:flex;justify-content:space-between;align-items:center;transition:.15s ease-out;border:2px solid var(--base-900);background-color:var(--base-100);border-radius:.6rem;box-shadow:.4rem .4rem 0 var(--base-500)}.SimkungHeader__logo{display:flex}.SimkungHeader__logo a{display:flex;align-items:center;z-index:2;padding:1rem;border-radius:9999px;border:2px solid transparent;transition:.15s ease-out}.SimkungHeader__logo a:hover{background-color:var(--base-300)}.SimkungHeader__logo a:focus{border-color:var(--base-500)}.SimkungHeader__logo a:active{transform:translate(0);box-shadow:inset .4rem .4rem 0 var(--base-500);background-color:var(--base-300)}.SimkungHeader__logo a img{width:2.5rem;margin-right:.5rem}.SimkungHeader__logo a .text{font-size:1.7rem;font-weight:700;color:var(--text-100)}.UserProfile{display:flex;align-items:center}.UserProfile__Name{font-size:1.3rem;font-weight:500;color:var(--text-100);margin-right:.5rem}.UserProfile__Picture{border-radius:50%;width:3.8rem;height:3.8rem;border:2px solid transparent;transition:.15s ease-out}.UserProfile:focus__Picture{border-color:var(--base-500)}.UserProfile.simkung-active-link .UserProfile__Picture{border-color:var(--base-500);box-shadow:.25rem .25rem var(--base-500)}@media (hover: hover) and (pointer: fine){.UserProfile:hover .UserProfile__Picture{border-color:var(--base-900)}}:root{--base-900: hsl(335, 100%, 6%);--base-800: hsl(335, 100%, 12%);--base-700: hsl(335, 100%, 18%);--base-600: hsl(335, 100%, 24%);--base-500: hsl(335, 100%, 30%);--base-400: hsl(335, 100%, 36%);--base-300: hsl(335, 100%, 42%);--base-200: hsl(335, 100%, 48%);--base-100: hsl(335, 100%, 54%);--theme-900: hsl(34, 100%, 10%);--theme-800: hsl(34, 100%, 20%);--theme-700: hsl(34, 100%, 30%);--theme-600: hsl(34, 100%, 40%);--theme-500: hsl(34, 100%, 50%);--theme-400: hsl(34, 100%, 65%);--theme-300: #ffd399;--theme-200: hsl(34, 100%, 90%);--theme-100: hsl(34, 100%, 95%);--text-900: hsl(210, 20%, 15%);--text-800: hsl(210, 20%, 30%);--text-700: hsl(210, 20%, 45%);--text-600: hsl(210, 20%, 55%);--text-500: hsl(210, 20%, 65%);--text-400: hsl(210, 20%, 75%);--text-300: hsl(210, 20%, 85%);--text-200: hsl(210, 20%, 95%);--text-100: hsl(210, 20%, 95%);--header-bg--scrolled: hsla(335, 100%, 54%, .95)}:root[data-theme=dark]{--text-900: hsl(210, 20%, 95%);--text-800: hsl(210, 20%, 90%);--text-700: hsl(210, 20%, 70%);--text-600: hsl(210, 20%, 60%);--text-500: hsl(210, 20%, 50%);--text-400: hsl(210, 20%, 40%);--text-300: hsl(210, 20%, 30%);--text-200: hsl(210, 20%, 20%);--text-100: hsl(210, 29%, 10%)}html,body,header,nav,main,aside,section,article,figure,figcaption,footer,div,h1,h2,h3,h4,h5,h6,a,p,span,ul,li,ol,i,address,strong,form,fieldset,input,textarea,legend,button,summary,details,select,option,label,img,video,svg{margin:0;padding:0;margin-inline:0;padding-inline:0;border:none;color:var(--text-800);font-family:IBM Plex Sans KR,sans-serif;font-weight:300;line-height:1;letter-spacing:-.03vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;word-break:keep-all;float:none}::selection{background-color:var(--base-500);color:#fff}:root{--inner-padding: 2rem;--header-padding: 2rem;--header-h: 6rem}header,nav,main,aside,section,article,footer{display:block}h1,h2,h3,h4,h5,h6,strong,b{font-weight:700}html{font-size:.625em}a{text-decoration:none;cursor:default}i{font-style:normal}button{border-radius:0;background-color:transparent;cursor:default}ul,li{list-style:none}img{vertical-align:middle}summary{list-style:none}summary::-webkit-details-marker{display:none}.blind{clip:rect(1px 1px 1px 1px);clip-path:inset(50%);width:1px!important;height:1px!important;overflow:hidden;position:absolute;white-space:nowrap}.hidden{display:none}.inner{padding:0 var(--inner-padding)}*:focus{outline:none}*::-webkit-scrollbar{display:none}*::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:9999px}.line-break{display:block}@media screen and (min-width: 768px){:root{--inner-padding: 5rem}}@media screen and (min-width: 1024px){.btn .text{font-size:1.7rem}}@media (hover: hover) and (pointer: fine){a,button,[role=progressbar],[data-pointer=true]{cursor:pointer}}