a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a,h1,h2,h3,h4,h5,h6,li,p,span{transform:rotate(.04deg)}body{line-height:1.5}ol,ul{list-style:none}a{color:inherit;text-decoration:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:UhbeeSehyun;font-weight:400;src:url(/static/media/UhBeeSe_hyun.afa16dd3e152c250aa8b.eot);src:local("UhBee Se_hyun"),url(/static/media/UhBeeSe_hyun.afa16dd3e152c250aa8b.eot?#iefix) format("embedded-opentype"),url(/static/media/UhBeeSe_hyun.46db690337669713de2c.woff) format("woff"),url(/static/media/UhBee%20Se_hyun.d62e5054a3f38ee628a6.ttf) format("truetype")}@font-face{font-family:NanumSquareRound;font-weight:400;src:local("NanumSquareRoundEB"),url(/static/media/NanumSquareRoundEB.ef4043133d5b2d0febb4.ttf) format("truetype")}@font-face{font-family:NanumBarunGothic;font-weight:400;src:local("NanumBarunGothic"),url(/static/media/NanumBarunGothic.06c821535273ae7f7a51.ttf) format("truetype")}@font-face{font-family:NanumBarunGothic;font-weight:700;src:local("NanumBarunGothicBold"),url(/static/media/NanumBarunGothicBold.d2409cf29861098bad74.ttf) format("truetype")}@font-face{font-family:NanumBarunGothic;font-weight:300;src:local("NanumBarunGothicLight"),url(/static/media/NanumBarunGothicLight.644909786861639c2cf6.ttf) format("truetype")}@font-face{font-family:NanumBarunGothic;font-weight:200;src:local("NanumBarunGothicUltraLight"),url(/static/media/NanumBarunGothicUltraLight.48f4f8e417bc6c695e72.ttf) format("truetype")}html{font-size:8px;font-weight:300}body{background-color:oklch(.99 .01 90);margin:0}header{background-color:oklch(.4 .1 65);width:100vw}.top-wrapper{display:flex;height:100%;margin:auto}.top-wrapper a:focus>span{color:oklch(.7 .1 65);outline-width:0}.top-wrapper a{margin:auto}span.top-title{color:oklch(.99 .01 95);font-family:var(--logo-font);width:100%}@media screen and (min-width:1280px){header{height:8rem}.top-wrapper{max-width:1152px;& a{margin-left:1.5rem}}span.top-title{font-size:4rem}}@media screen and (min-width:768px) and (max-width:1279px){header{height:8rem}span.top-title{font-size:4rem}}@media screen and (max-width:767px){header{height:5rem}span.top-title{font-size:2.5rem;margin:auto}}nav li{font-family:var(--title-font);font-size:2rem;margin:1rem 1.5rem 1rem 0;padding-left:1.5rem;& span.main-topic:first-of-type{margin-top:1.5rem}}nav span{display:inline-block;transition:width .2s,padding .2s;width:100%}span.main-topic{background:oklch(.4 .1 65);color:oklch(.99 .01 90);display:block;font-size:2.5rem;height:4rem;padding:1rem 0 1rem 2rem;position:relative;width:calc(100% - 5rem);&:before{border-bottom:3rem solid #0000;border-left:3rem solid oklch(.4 .1 65);border-top:3rem solid #0000;right:-3rem;top:0}&:after,&:before{content:"";position:absolute}&:after{border-bottom:0 solid #0000;border-left:0 solid oklch(.99 .01 90);border-top:0 solid #0000;left:0;top:3rem;transition:top .2s,border .2s}&:hover,li a:focus>&{padding-left:4rem;width:calc(100% - 7rem);&:after{border-bottom:3rem solid #0000;border-left:3rem solid oklch(.99 .01 90);border-top:3rem solid #0000;top:0;transition:top .2s,border .2s}}}span.sub-topic{&:before{border-bottom:0 solid #0000;border-left:0 solid oklch(.7 .1 65);border-top:0 solid #0000;content:"";left:0;position:absolute;top:1.5rem;transition:padding .2s,border .2s,top .2s}&:hover,li a:focus>&{color:oklch(.7 .1 65);padding-left:2rem;&:before{border-bottom:1.5rem solid #0000;border-left:1.5rem solid oklch(.7 .1 65);border-top:1.5rem solid #0000;content:"";top:0}}}.module{border-radius:1rem;box-shadow:2px 2px 4px oklch(.4 0 0);font-size:2rem;margin:1.5rem;outline-style:solid;outline-width:1px;padding:1.5rem;width:18rem}.item,.module{display:flex;flex-direction:column}input{background-color:oklch(.99 .01 90);border:2px groove oklch(.6 .02 65);border-radius:4px;box-sizing:border-box;margin-bottom:.5rem;outline:none;width:100%}input:focus{border:2px ridge oklch(.8 .15 65)}form{display:flex;flex-direction:column;gap:.5rem}form button{grid-column:1/3}button{border:none;border-radius:1rem;color:oklch(.99 .01 90);font-family:var(--text-font);font-size:2rem;margin:.5rem;padding:1.5rem;transition:all .2s}button[type=button]{background-color:oklch(.6 .02 65)}button[type=button]:focus,button[type=button]:hover{background-color:oklch(.99 .01 90);box-shadow:0 0 0 .5rem oklch(.4 .02 65);color:oklch(.4 .02 65)}button[type=submit]{background-color:oklch(.6 .1 65)}button[type=submit]:focus,button[type=submit]:hover{background-color:oklch(.99 .01 90);box-shadow:0 0 0 .5rem oklch(.4 .1 65);color:oklch(.4 .1 65)}button:focus,button:hover{cursor:pointer}span.notice{color:oklch(.65 .22 30);text-align:center}span.inform,span.notice{font-size:1.25rem;font-weight:400}span.nickname{font-size:2.25rem;font-weight:800}:root{--logo-font:UhbeeSehyun;--title-font:NanumSquareRound;--text-font:NanumBarunGothic}:focus{outline:none}.main-wrapper{background-color:oklch(.99 .01 90);display:grid;font-family:NanumBarunGothic;font-family:var(--text-font)}.milestone-wrapper{align-items:start;display:inline-flex;flex-direction:column;float:right;gap:1rem;margin-right:5rem}span.milestone{background:oklch(.6 .1 65);color:oklch(.99 .01 90);display:block;font-size:2rem;font-weight:400;height:3rem;padding:1rem 2.5rem 1rem 1.5rem;transition:padding .2s;&:before{border-bottom:2.5rem solid #0000;border-left:2.5rem solid oklch(.6 .1 65);border-top:2.5rem solid #0000;height:0;right:-2.5rem;top:0;width:0}&:after,&:before{content:"";position:absolute}&:after{border-bottom:0 solid #0000;border-left:0 solid oklch(.99 .01 90);border-top:0 solid #0000;left:0;top:2.5rem;transition:top .2s,border .2s}&:hover,div.milestone-wrapper a:focus>&{padding:1rem .5rem 1rem 3.5rem;transition:padding .2s;width:calc(100% - 4rem);&:after{border-bottom:2.5rem solid #0000;border-left:2.5rem solid oklch(.99 .01 90);border-top:2.5rem solid #0000;top:0;transition:top .2s,border .2s}}}article,h1,hr,p{margin:1rem 1.5rem}h1{font-family:NanumSquareRound;font-family:var(--title-font)}hr{border-style:solid}p{font-size:2rem;text-align:justify;text-indent:1rem}b{font-weight:700}em{background-color:oklch(.4 .1 65);color:oklch(.99 .01 90);font-weight:400;padding:3px}ul{margin:1rem 1.5rem;& li{font-size:2rem}& li:before{content:"* "}}@media screen and (min-width:1280px){.main-wrapper{grid-template-areas:"leftside main rightside";grid-template-columns:2fr 8fr 2fr;margin:0 auto;max-width:144rem;min-height:calc(100vh - 8rem)}aside.left-side{grid-area:leftside}main{grid-area:main}aside.right-side{grid-area:rightside}h1{font-size:6rem;margin-bottom:-2rem;margin-top:0}}@media screen and (min-width:768px) and (max-width:1279px){.main-wrapper{grid-template-areas:"leftside main rightside";grid-template-columns:24rem auto 24rem;margin:0 auto;min-height:calc(100vh - 8rem)}h1{font-size:4rem;margin-bottom:-1rem;margin-top:1rem}}@media screen and (max-width:767px){aside{display:none}h1{font-size:4rem;margin-bottom:-1rem;margin-top:1rem}}
/*# sourceMappingURL=main.3c53630a.css.map*/