@keyframes rotatePanel{0%{transform:translateZ(10px) rotate3d(1, 0, 0, 0deg)}25%{transform:translateZ(10px) rotate3d(1, 0, 0, 20deg)}50%{transform:translateZ(10px) rotate3d(1, 0, 0, 0deg)}75%{transform:translateZ(10px) rotate3d(1, 0, 0, -20deg)}100%{transform:translateZ(10px) rotate3d(1, 0, 0, 0deg)}}*{margin:0;padding:0;position:relative;list-style:none;text-decoration:none;box-sizing:border-box;word-break:keep-all;font-family:"neue-haas-grotesk-text","Helvetica Neue",Helvetica,"Pretendard",-apple-system,"Noto Sans KR",system-ui,sans-serif}html{font-size:16px;font-family:"neue-haas-grotesk-text","Helvetica Neue",Helvetica,"Pretendard",-apple-system,"Noto Sans KR",system-ui,sans-serif}body{background:#252525;color:#ededed;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}header,nav{position:fixed;z-index:10}header{position:fixed;z-index:10;top:1rem;left:1rem}header .gnb-logo{width:40vw;position:fixed}.info{width:33.3333333333vw;top:1rem;right:1rem;position:fixed}nav{bottom:1rem;left:1rem}nav a,nav a:link,nav a:visited{font-size:calc(3rem + 1.3vw);line-height:1em;color:#c3a7ff}input{-webkit-appearance:none;display:none;width:0px;height:0px}input[type=number]{display:block;width:0;height:0;background:rgba(0,0,0,0);clip-path:0 0;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.background-panel{position:fixed;top:0;left:0;right:0;bottom:0}.background-panel .panel-pillar{position:fixed;width:100%;top:50%;transform:translate(0, calc(-50% + 2rem));height:2px;background:#c3a7ff}.background-panel .panel-holder{position:absolute;top:50%;left:50%;transform:translate(-50%, calc(-50% + 2rem));width:100%;display:flex;padding:0 .5rem;align-items:center;justify-content:space-around;perspective:100vw}.background-panel .panel-holder>div{display:block;width:calc(16.6666666667% - 5px);padding:0 .5vw;animation-name:rotatePanel;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards}.background-panel .panel-holder>div img{display:block;width:100%;height:100%;object-fit:contain}.background-panel .panel-holder>div:nth-of-type(1),.background-panel .panel-holder>div:nth-of-type(4){width:calc(16.6666666667% + 10px)}.background-panel .panel-holder>div:nth-of-type(1){animation-delay:3s}.background-panel .panel-holder>div:nth-of-type(3){animation-delay:4s}.background-panel .panel-holder>div:nth-of-type(4){animation-delay:1s}.background-panel .panel-holder>div:nth-of-type(6){animation-delay:2s}.background-panel .panel-holder>div:nth-of-type(2),.background-panel .panel-holder>div:nth-of-type(5){animation-direction:reverse}.contents{margin-top:100vh}.contents .grid{display:flex;flex-wrap:wrap;margin-top:10vh;padding:.5rem}.contents .grid>div{padding:.5rem;width:33.3%}.contents .grid>div img{width:100%;box-shadow:0px 5px 12px rgba(0,0,0,.4);display:block}.palette{display:flex;flex-wrap:wrap}.palette li{padding:.2rem}.palette label{display:block;width:4rem;height:4rem}.drawer{display:flex;padding:1rem}.drawer>div{width:50%}.drawer>div:nth-child(1){padding-top:calc(200px + 2rem + 5rem)}.drawer>div:nth-child(1) canvas{margin-left:1rem;margin-bottom:2rem}.drawer>div:nth-child(1)>div{display:flex}.drawer>div:nth-child(1)>div button{display:block;-webkit-appearance:none;border:none;border-radius:none;background:rgba(0,0,0,0);color:#fff;box-shadow:none;width:3rem;height:2.5rem;font-size:2rem;line-height:1}.drawer>div:nth-child(1)>div .number-input{display:flex;justify-content:flex-end;flex-direction:column;margin-bottom:2rem}.drawer>div:nth-child(2){display:flex;align-items:center;height:calc(100vh - 2rem)}label{cursor:pointer}input:checked~label{border-radius:100px}.bg-line{position:fixed;width:100%;top:50%;transform:translate(0, calc(-50% + 2rem));height:2px;background:#c3a7ff}@media screen and (max-width: 768px){header .gnb-logo{width:60vw;padding-bottom:28%}header .gnb-logo img,header .gnb-logo svg{position:absolute;top:0;left:0;width:100%;height:100%}nav a,nav a:link,nav a:visited{font-size:min(3rem + 1.3vw,40px)}.info{position:relative;top:unset;left:unset;right:unset;width:100%;padding:1rem;padding-top:calc(1rem + 33.6vw)}.contents{margin-top:25vh}.contents .grid>div{padding:.25rem}.drawer{padding-top:calc(1rem + 33.6vw);flex-direction:column}.drawer>div:nth-child(1){padding:0;order:1}.drawer>div:nth-child(1)>div:nth-child(1){display:none}.drawer>div:nth-child(2){height:calc(100vw - 2rem)}.drawer .canvas-holder{width:100%}.palette{position:fixed;left:1rem;bottom:4.5rem}.palette label{width:2.5rem;height:2.5rem}}