*{margin:0;padding:0;position:relative;list-style:none;text-decoration:none;box-sizing:border-box;word-break:keep-all;font-family:"KoddiUD OnGothic","Noto Sans KR","Noto Sans CJK KR","Pretendard","Helvetica Neue",Helvetica,-apple-system,"Noto Sans KR",system-ui,sans-serif}html{font-size:16px;font-family:"KoddiUD OnGothic","Noto Sans KR","Noto Sans CJK KR","Pretendard","Helvetica Neue",Helvetica,-apple-system,"Noto Sans KR",system-ui,sans-serif}:root{--background: #000;--color: #fff}body{background:var(--background);color:var(--color);line-height:1.55em}body,input,textarea,button,select,option{font-size:1rem}a,a:link,a:visited{color:inherit;text-decoration:none}p{padding-bottom:1.55em}.background,.ruler{position:fixed;pointer-events:none;top:0;left:0}.ruler{display:flex;justify-content:space-between;width:100%;padding:0 calc(0.625rem * 2)}.ruler span{width:3px;height:1rem;background:var(--color)}.ruler.ruler-top{top:0}.ruler.ruler-bottom{top:unset;bottom:0}.logo{display:flex;width:100%;padding:calc(0.625rem * 2);height:100%}.logo>div{height:calc((100vw - 0.625rem * 2)*.1582);width:100%;transform-origin:top center;animation-name:logoScaler;animation-duration:7s;animation-direction:alternate;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0.66, -0.01, 0.43, 1.01)}.logo>div svg{width:100%;height:100%}.logo>div svg path{fill:var(--color)}.logo>div.group-1{animation-name:logoScaler_largest}.logo>div.group-2{animation-name:logoScaler_larger;animation-delay:calc(7s / 5)}.logo>div.group-3{animation-delay:calc(7s / 5 * 2)}.logo>div.group-4{animation-delay:calc(7s / 5 * 3)}.logo>div.group-5{animation-delay:calc(7s / 5 * 4)}.logo>div.group-6{animation-delay:calc(7s / 5 * 5)}.contents{margin-top:calc((100vh - 0.625rem * 4)*.7);height:calc((100vh - 0.625rem * 4)*.3);padding:calc(0.625rem * 2)}.link-tree{font-size:calc(1rem + .3vw);height:100%;line-height:1.55em;counter-reset:linkTree}.link-tree li{display:flex;align-items:center;position:fixed}.link-tree li::before{counter-increment:linkTree;content:counter(linkTree);border:3px solid;width:1.2em;height:1.2em;display:flex;align-items:center;justify-content:center;border-radius:100px;margin-right:.3em}.link-tree li a{border-bottom:3px solid rgba(0,0,0,0)}.link-tree li a:hover{border-bottom:3px solid}.drawing{mix-blend-mode:difference;width:100%;bottom:calc(0.625rem * 2)}.drawing svg{width:100%;height:100%}.drawing svg path{stroke-dasharray:1;stroke-dashoffset:1;animation:dash 3s ease-in-out forwards}@keyframes logoScaler{0%{height:calc((100vw - 0.625rem * 2)*.1582)}100%{height:70%}}@keyframes logoScaler_larger{0%{height:calc((100vw - 0.625rem * 2)*.1582)}100%{height:82%}}@keyframes logoScaler_largest{0%{height:calc((100vw - 0.625rem * 2)*.1582)}100%{height:100%}}@keyframes dash{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}