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-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style: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-display:swap;font-family:SCoreDream;font-style:normal;font-weight:400;src:url(/gallery/images/Pretendard-Regular45318ab7761ce7166aac.woff2) format("woff2"),url(/gallery/images/Pretendard-Regulardda89ec01dd2aadad4f7.woff) format("woff"),url(/gallery/images/Pretendard-Regularaf5daf23e05f87a504e4.otf) format("otf")}@font-face{font-display:swap;font-family:SCoreDream;font-style:normal;font-weight:600;src:url(/gallery/images/Pretendard-SemiBolddcb1b4a368f80d01825a.woff2) format("woff2"),url(/gallery/images/Pretendard-SemiBold188070f301b1a1950c8f.woff) format("woff"),url(/gallery/images/Pretendard-SemiBold53f4f55e7591b164c49a.otf) format("otf")}@font-face{font-display:swap;font-family:SCoreDream;font-style:normal;font-weight:800;src:url(/gallery/images/Pretendard-ExtraBold8a1fcae0a7c85b9c2c04.woff2) format("woff2"),url(/gallery/images/Pretendard-ExtraBold79a86573272e1b5c2b69.woff) format("woff"),url(/gallery/images/Pretendard-ExtraBold5c06337fc503bdb0ead0.otf) format("otf")}@font-face{font-family:GowunDodum-Regular;font-style:swap;font-weight:400;src:url(/gallery/images/GowunDodum-Regular53126692ccaa04b42f7e.woff2) format("woff2"),url(/gallery/images/GowunDodum-Regular2a2146c5920dacdf13ad.woff) format("woff"),url(/gallery/images/GowunDodum-Regular42d1537b9575f563a974.ttf) format("ttf")}:root{--vh:1vh;--color-primary:#176beb;--color-secondary:#b2d1ff;--color-tertiary:#1457ba;--color-bg:#fff;--color-bg-reverse:#333;--color-bg-subtle:hsla(0,0%,49%,.25);--color-bg-warning:#b92025;--color-ft:#222;--color-ft-reverse:#fff;--color-ft-subtle:rgba(95,95,95,.3);--color-ft-warning:red}@supports(height:1dvh){:root{--vh:1dvh}}#root{height:100%;min-height:calc(var(--vh, 1vh)*100)}body{background-color:var(--color-bg);color:var(--color-ft);font-family:SCoreDream,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}::-webkit-scrollbar{display:none}:not(p){user-select:none}a{text-decoration:none}a,button{color:inherit}button{background-color:transparent;border:none;font:inherit;margin:0;padding:0}b,kbd,strong{font-weight:700}kbd{background-color:#eee;border:1px solid #b4b4b4;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.2),inset 0 2px 0 0 hsla(0,0%,100%,.7);color:#333;display:inline-block;font-size:.85em;line-height:1;padding:2px 4px;white-space:nowrap}.transparent{opacity:0!important}.opaque{opacity:1!important}.hidden{visibility:hidden!important}.visible{visibility:visible!important}.none{display:none!important}.block{display:block!important}.login{align-items:center;display:flex;flex-direction:column;font-size:1rem;height:calc(var(--vh, 1vh)*100);justify-content:center;overflow:hidden;position:relative;width:100vw}.login__background{z-index:0}.login__background,.login__background:after{height:100%;left:0;position:absolute;top:0;width:100%}.login__background:after{background-color:rgba(14,24,46,.2);content:""}.login__form{background-color:var(--color-bg,#fff);border-radius:10px;display:grid;grid-template-columns:23em 23em;justify-items:center;overflow:hidden;width:46em;z-index:1}@media(max-width:1280px){.login{font-size:.9em}}@media(max-width:992px){.login{font-size:.8em}}@media(max-width:640px){.login__form{grid-template-columns:0 1fr;width:auto}.login__form>:first-child{overflow:hidden;width:0!important}}.static-video{display:block;position:relative}.static-video>video{object-fit:cover;opacity:0;transition:opacity .25s ease-in-out}.static-video>div{align-items:center;background-color:#818181;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.static-video>div:after{animation:static-video-pulse 1.5s infinite;background-color:#fff;content:"";height:100%;opacity:0;position:absolute;width:100%}.static-video.loaded>video{opacity:1}.static-video.loaded>div{display:none}@keyframes static-video-pulse{0%{opacity:0}50%{opacity:.5}to{opacity:0}}.static-image{background-repeat:no-repeat;background-size:cover}.static-image:before{animation:static-image-pulse 1.5s infinite;background-color:#fff;content:"";height:100%;opacity:0;position:absolute;width:100%}@keyframes static-image-pulse{0%{opacity:0}50%{opacity:.5}to{opacity:0}}.static-image.loaded:before{animation:none;content:none}.static-image img{display:block;height:100%;object-fit:cover;opacity:0;transition:opacity .25s ease-in-out;width:100%}.static-image.loaded img{opacity:1}.login-form{font-size:1rem;justify-content:center;margin:2em 3em}.login-form,.login-form__header{align-items:center;display:flex;flex-direction:column}.login-form__header{color:var(--color-primary,#176beb);font-size:1.4em;font-weight:800;gap:.9em;position:relative}.login-form__header svg{height:5em;width:5em}.login-form__wave{aspect-ratio:5/1;left:0;overflow:hidden;position:absolute;top:3.25em;width:100%}.login-form__wave svg{position:absolute;width:200%}.login-form__wave svg:first-child{animation-delay:-1s;animation-direction:normal;animation-duration:5s;animation-fill-mode:none;animation-iteration-count:infinite;animation-name:animation-flowing-horizon-wave1;animation-timing-function:linear;height:110%;right:0;top:0}@keyframes animation-flowing-horizon-wave1{0%{transform:translateX(0)}to{transform:translateX(50%)}}.login-form__wave svg:nth-child(2){animation-delay:-3s;animation-direction:normal;animation-duration:6s;animation-fill-mode:none;animation-iteration-count:infinite;animation-name:animation-flowing-horizon-wave2;animation-timing-function:linear;height:100%;left:0;top:15%}@keyframes animation-flowing-horizon-wave2{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.login-form__wave svg:nth-child(2) path{fill:#fff}.login-form__menu{display:flex;flex-direction:column;gap:1em;margin:2.5em 0 1.5em}.login-form__menu-item{align-items:center;display:flex;font-size:1em;font-weight:600;gap:1em;justify-content:center;padding:.6em 1em;width:15em}.login-form__menu-item svg{height:2em;width:2em}.login-form__comment{border-top:3px solid hsla(0,0%,44%,.234);color:var(--color-ft-subtle,rgba(95,95,95,.3));font-size:.9em;font-weight:600;padding:1em;text-align:center;width:100%}@media(max-width:1280px){.login-form__header{font-size:1.3em}}@media(max-width:640px){.login-form{font-size:3.7vw;margin:2em}.login-form__menu-item{padding:.6em .8em;width:15em}}#toast{display:flex;flex-direction:column-reverse;font-size:1rem;gap:10px;position:fixed;right:0;top:0;z-index:1000}#toast>*{animation:toast-slide-in .3s ease-in-out}@keyframes toast-slide-in{0%{transform:translateX(100%)}80%{transform:translateX(-10%)}to{transform:translateX(0)}}.toast{background-color:var(--color-bg,#fff);border-radius:5px;box-shadow:0 0 3px rgba(0,0,0,.3);cursor:pointer;font-size:1rem;min-width:15em;overflow:hidden;padding:1em;position:relative}.toast.success path{fill:#176beb}.toast.success .toast__progress{background-color:#176beb}.toast.error path{fill:#b92025}.toast.error .toast__progress{background-color:#b92025}.toast.info path{fill:#ffbb3c}.toast.info .toast__progress{background-color:#ffbb3c}.toast__message{align-items:center;display:flex;gap:1em}.toast__progress{animation:toast-progress var(--transition-time,3000) linear forwards;bottom:0;height:5px;left:0;position:absolute;width:100%}@keyframes toast-progress{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@media(max-width:992px){.toast{font-size:.9rem}}@media(max-width:640px){.toast{font-size:.8rem}}.button-3d{border-radius:2em;box-shadow:inset .17em .17em .17em rgba(0,0,0,.1),inset -.17em -.17em .17em hsla(0,0%,76%,.1);cursor:pointer;display:block;overflow:hidden;position:relative;transition:box-shadow .2s ease-in-out}.button-3d>*{transform:translate(.01em,.05em);transition:transform .2s ease-in-out}.button-3d *{cursor:pointer}.button-3d:disabled:after{background-color:rgba(62,62,62,.114);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.button-3d:focus,.button-3d:hover{box-shadow:inset -.17em -.17em .17em rgba(0,0,0,.1),inset .17em .17em .17em hsla(0,0%,76%,.1)}.button-3d:focus>*,.button-3d:hover>*{transform:translate(-.01em,-.05em)}.button-3d:disabled:focus,.button-3d:disabled:hover{box-shadow:inset .17em .17em .17em rgba(0,0,0,.1),inset -.17em -.17em .17em hsla(0,0%,76%,.1)}.button-3d:disabled:focus>*,.button-3d:disabled:hover>*{transform:translate(.01em,.05em)}.button-3d.blue{background-color:var(--color-primary,#176beb);color:#fff}.button-3d.black{background-color:#333;color:#fff}.button-3d.white{background-color:#fff;color:#222}.oauth{font-size:100px;height:calc(var(--vh, 1vh)*100);width:100vw}.loading{align-items:center;color:#aaa;display:flex;flex-direction:column;font-size:1rem;gap:2px;justify-content:center;min-height:100%;width:100%}.loading svg{animation-delay:0s;animation-direction:normal;animation-duration:2.5s;animation-fill-mode:none;animation-iteration-count:infinite;animation-name:animation-rotate-clockwise-loading;animation-timing-function:ease-in-out;height:4em;width:4em}@keyframes animation-rotate-clockwise-loading{0%{transform:rotate(0)}to{transform:rotate(2turn)}}@media(max-width:1280px){.loading{font-size:.9rem}}@media(max-width:992px){.loading{font-size:.8rem}}@media(max-width:640px){.loading{font-size:.7rem}}.example-gallery{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;height:calc(var(--vh, 1vh)*100);position:relative;width:100vw}.example-gallery__music{bottom:1em;left:1em;position:fixed;z-index:999}.example-gallery__navbar{left:0;position:fixed;top:0;z-index:100}.example-gallery__selection{height:100%;left:0;opacity:0;position:absolute;top:0;transform:translateY(10%);width:100%}.example-gallery__selection--enter{opacity:1;transform:translateY(0)}.example-gallery__selection--leave{opacity:0;transform:translateY(10%)}.example-gallery__gallery{animation:example-gallery__gallery--enter .5s forwards;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes example-gallery__gallery--enter{0%{opacity:0}to{opacity:1}}.fallback{align-items:center;background-color:var(--color-bg,#fff);display:flex;font-size:1rem;gap:.8em;height:calc(var(--vh, 1vh)*100);justify-content:center;left:0;position:fixed;top:0;width:100vw}.fallback span{background-color:#aaa;border-radius:50%;height:.8em;width:.8em}.fallback span:first-child{animation:animation-fallback 1.2s ease-in 0s infinite}.fallback span:nth-child(2){animation:animation-fallback 1.2s ease-in .2s infinite}.fallback span:nth-child(3){animation:animation-fallback 1.2s ease-in .4s infinite}@keyframes animation-fallback{0%{transform:translateY(0)}40%{transform:translateY(-1em)}80%{transform:translateY(0)}to{transform:translateY(0)}}@media(max-width:640px){.fallback{font-size:.7em}}.transition{transition:all var(--duration) var(--timing-function)}.gallery-selection{align-items:center;background-color:transparent;display:flex;flex-direction:column;gap:60px;height:100%;justify-content:center;transform:translateY(-15px);width:100%}.gallery-selection__title{display:flex;font-size:2rem;font-weight:600;gap:100px;line-height:150%;max-width:90%;text-align:center}.gallery-selection__list{align-items:center;display:grid;font-size:1rem;grid-template-columns:repeat(3,25%);justify-content:space-between;width:80%}.gallery-selection__list button,.gallery-selection__list li{width:100%}.gallery-selection__button{align-items:center;display:flex;flex-direction:column;font-size:1.5rem;font-weight:600;gap:20px;padding:20px;width:100%}.gallery-selection__button img{aspect-ratio:1/1;object-fit:contain;width:100%}@media(max-width:1280px){.gallery-selection__list{gap:70px}.gallery-selection__button{font-size:1.5rem}}@media(max-width:992px){.gallery-selection__list{font-size:.9rem;gap:50px;width:90%}.gallery-selection__button{font-size:1.4rem}}@media(max-width:640px){.gallery-selection{gap:50px}.gallery-selection__title{font-size:5.7vw}.gallery-selection__list{gap:25px;grid-template-columns:repeat(auto-fit,45%);max-width:85%;width:85%}.gallery-selection__button{font-size:4.2vw}}.control-selection{align-items:center;background-color:transparent;display:flex;flex-direction:column;gap:60px;height:100%;justify-content:center;transform:translateY(-25px);width:100%}.control-selection__title{display:flex;font-size:2rem;font-weight:600;gap:100px;line-height:150%;max-width:90%;text-align:center}.control-selection__list{align-items:center;display:grid;font-size:1rem;grid-template-columns:repeat(2,40%);justify-content:space-between;width:60%}.control-selection__list button,.control-selection__list li{width:100%}.control-selection__button{align-items:center;display:flex;flex-direction:column;font-size:1.5rem;font-weight:600;gap:50px;padding:50px 20px;width:100%}.control-selection__button svg{aspect-ratio:1/1;height:40%;object-fit:contain;width:40%}@media(max-width:1280px){.control-selection__list{width:70%}.control-selection__button{font-size:1.5rem}}@media(max-width:992px){.control-selection__list{font-size:.9rem;width:80%}.control-selection__button{font-size:1.4rem}}@media(max-width:640px){.control-selection{gap:50px}.control-selection__title{font-size:5.7vw}.control-selection__list{grid-template-columns:repeat(auto-fit,45%);max-width:85%;width:85%}.control-selection__button{font-size:3.5vw;gap:30px;padding:40px 20px}}.music{align-items:center;display:flex;font-size:1rem;gap:10px}.music__bar{display:flex;height:.9em;justify-content:space-between;overflow:hidden;width:1.7em}.music__bar span{height:100%;transform:translateY(80%);width:.28em}.music__bar>span:first-child{animation:music-bar-animation 1.6s ease-in-out .2s infinite;opacity:1}.music__bar.stop>span:first-child{animation-play-state:paused}.music__bar>span:nth-child(2){animation:music-bar-animation 2.4s ease-in-out .1s infinite;opacity:.8}.music__bar.stop>span:nth-child(2){animation-play-state:paused}.music__bar>span:nth-child(3){animation:music-bar-animation 3.2s ease-in-out 0s infinite;opacity:.6}.music__bar.stop>span:nth-child(3){animation-play-state:paused}.music__bar>span:nth-child(4){animation:music-bar-animation .8s ease-in-out .2s infinite;opacity:1}.music__bar.stop>span:nth-child(4){animation-play-state:paused}.music__bar>span:nth-child(5){animation:music-bar-animation 1.6s ease-in-out .1s infinite;opacity:.8}.music__bar.stop>span:nth-child(5){animation-play-state:paused}@keyframes music-bar-animation{0%{transform:translateY(80%)}10%{transform:translateY(100%)}60%{transform:translateY(0)}to{transform:translateY(80%)}}.music.black{color:#000}.music.black .music__bar span{background-color:#000}.music.white{color:#fff}.music.white .music__bar span{background-color:#fff}@media(max-width:640px){.music{font-size:3vw}.music svg{height:1.2em;width:1.5em}}.gallery-navbar{font-size:1.2rem;padding:1em}.gallery-navbar>ul{display:flex;justify-content:space-between}.gallery-navbar>ul>li>button{color:#fff;font-weight:600;text-shadow:0 1px 5px rgba(0,0,0,.3)}.gallery-navbar__notice{position:relative}.gallery-navbar__notice>div{bottom:0;position:absolute;right:0;transform:translateY(110%)}.gallery-navbar__notice button+div{opacity:0}.gallery-navbar__notice button:hover+div{opacity:1}@media(max-width:640px){.gallery-navbar{font-size:1rem}}.gallery-canvas{height:calc(var(--vh, 1vh)*100);width:100vw}.gallery-canvas>canvas{height:100%!important;left:0;position:fixed;right:0;width:100%!important}.gallery-canvas__loading{background-color:#fff;height:100%;left:0;opacity:1;position:absolute;top:0;width:100%}.gallery-canvas__loading--enter{opacity:1}.gallery-canvas__loading--leave{opacity:0}.gallery-canvas__cover{height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}.gallery-canvas__cover--leave{opacity:0}#target{height:30px;left:50%;mix-blend-mode:difference;position:absolute;top:50%;transform:translate(-50%,-50%);width:30px}#target:after{height:3px;width:100%}#target:after,#target:before{background-color:#949494;border-radius:3px;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#target:before{height:100%;width:3px}.mini-map{border-radius:5px;font-size:1rem;overflow:hidden;position:fixed;width:var(--data-width,200px)}.mini-map canvas{height:100%;left:0;position:absolute;top:0;width:100%}.mini-map__bar{align-items:center;background-color:#797979;color:var(--color-ft-reverse,#fff);display:flex;height:2em;justify-content:space-between;padding:0 .5em}.mini-map__bar>div{align-items:center;display:flex;gap:.5em}.mini-map__bar-icons{align-items:flex-end;display:flex;flex-direction:column;flex-wrap:nowrap;height:1em;overflow:hidden;width:2em}.mini-map__bar-icons svg{min-height:100%;transition:transform .3s}.mini-map.close .mini-map__bar-icons svg{transform:translateY(-100%)}.mini-map__map{display:block;max-height:var(--data-width,200px);max-width:var(--data-width,200px);overflow:hidden;position:relative}.mini-map__map img{filter:opacity(70%);height:100%;width:100%}.mini-map__map svg{height:8%;left:0;position:absolute;top:0;width:8%;will-change:transform}.mini-map__map svg path{fill:#ff2a2a}.mini-map.close .mini-map__map{display:none}@media(max-width:640px){.mini-map{font-size:.9rem}.mini-map__bar{height:2.3em;padding:0 .6em}}.joystick-control{font-size:1rem;height:100%;pointer-events:none;position:relative;width:100%}.joystick-control,.joystick-control__modal{align-items:center;display:flex;justify-content:center}.joystick-control__modal{background-color:rgba(0,0,0,.8);border-radius:10px;color:var(--color-ft-reverse,#fff);flex-direction:column;gap:2em;max-height:calc(var(--vh, 1vh)*70);max-width:90vw;overflow-y:auto;padding:4em;pointer-events:auto}.joystick-control__container{align-self:flex-end;position:relative;width:100%}.joystick-control__controller{padding:0 min(10%,3em) min(15%,5em);pointer-events:auto;width:100%}.joystick-control__buttons{display:flex;gap:1.5em;left:1em;position:absolute;top:0;transform:translateY(-180%)}.joystick-control__buttons button{opacity:.5;pointer-events:auto}.joystick-control__buttons button.selected{opacity:1}.joystick-control__buttons svg{height:3em;width:3em}.joystick-control__buttons path{fill:var(--color-ft-reverse,#fff)}@media(max-width:640px){.joystick-control__buttons{flex-direction:column;gap:1em;transform:translateY(-100%)}}.joystick-control-notice{background-color:transparent;font-size:1.5rem}.joystick-control-notice>ul{align-items:flex-start;display:flex;flex-direction:column;gap:1.8em}.joystick-control-notice>ul>li{align-items:center;display:grid;gap:1em;grid-template-columns:6em 1fr;white-space:nowrap}.joystick-control-notice kbd{font-size:1.2em}.joystick-control-notice__controller{align-items:center;background-color:rgba(57,57,57,.4);border-radius:50%;display:flex;height:4em;justify-content:center;position:relative;width:4em}.joystick-control-notice__controller>div{background-color:var(--color-bg,#fff);border-radius:50%;height:40%;width:40%}.joystick-control-notice__button{align-items:center;background-color:rgba(57,57,57,.4);border-radius:50%;display:flex;height:4em;justify-content:center;width:4em}.joystick-control-notice__button svg{color:var(--color-bg,#fff);height:80%;width:80%}.joystick-control-notice__shoot{align-items:center;display:flex;height:4em;justify-content:center;position:relative;width:4em}.joystick-control-notice__shoot span{aspect-ratio:8;background-color:#a9a9a9;border-radius:5px;width:70%}.joystick-control-notice__shoot span:nth-child(2){left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(90deg)}@media(max-width:1280px){.joystick-control-notice{font-size:1.4rem}}@media(max-width:992px){.joystick-control-notice{font-size:1.2rem}}@media(max-width:640px){.joystick-control-notice{font-size:3.5vw}}.button{align-items:center;background-position:0 0;background-repeat:no-repeat;background-size:0 0;border:2px solid #000;border-radius:.1em;cursor:pointer;display:flex;font-weight:600;justify-content:center;position:relative;text-shadow:none;transition:background-size .15s linear .1s,color .15s linear .1s;white-space:nowrap}.button:after{background-color:var(--color-bg,#fff);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.button.trans:after{background-color:transparent}.button.left{background-position:0 0;background-size:0 100%}.button.right{background-position:100% 0;background-size:0 100%}.button.top{background-position:0 0;background-size:100% 0}.button.bottom{background-position:0 100%;background-size:100% 0}.button.center{background-position:50% 50%;background-size:0 0}.button:focus,.button:hover{background-size:100% 100%}.button.blue{background-image:linear-gradient(0deg,var(--color-primary,#176beb),var(--color-primary,#176beb));border:2px solid var(--color-primary,#176beb);color:var(--color-primary,#176beb)}.button.blue:focus,.button.blue:hover{color:var(--color-ft-reverse,#fff)}.button.black{background-image:linear-gradient(0deg,var(--color-ft,#222),var(--color-ft,#222));border:2px solid var(--color-ft,#222);color:var(--color-ft,#222)}.button.black:focus,.button.black:hover{color:var(--color-ft-reverse,#fff)}.button.red{background-image:linear-gradient(0deg,var(--color-ft-warning,red),var(--color-ft-warning,red));border:2px solid var(--color-ft-warning,red);color:var(--color-ft-warning,red)}.button.red:focus,.button.red:hover,.button.white{color:var(--color-ft-reverse,#fff)}.button.white{background-image:linear-gradient(0deg,var(--color-ft-reverse,#fff),var(--color-ft-reverse,#fff));border:2px solid var(--color-ft-reverse,#fff)}.button.white:focus,.button.white:hover{color:var(--color-ft,#222)}.button.lg{font-size:1.3rem;padding:.8em 1.5em}.button.md{font-size:1.1rem;padding:.6em 1.2em}.button.sm{font-size:.9rem;padding:.4em .9em}@media(max-width:992px){.button.lg{font-size:1.2rem}.button.md{font-size:1rem}.button.sm{font-size:.8rem}}@media(max-width:640px){.button.lg{font-size:1rem}.button.md{font-size:.8rem}.button.sm{font-size:.7rem}}.joystick{align-items:center;display:flex;font-size:1rem;justify-content:space-between;width:100%}.joystick__buttons{height:100%;position:relative}.joystick__controller{align-items:center;background-color:rgba(57,57,57,.4);border-radius:50%;display:flex;height:100px;justify-content:center;position:relative;width:100px}.joystick__controller--core{background-color:var(--color-bg,#fff);border-radius:50%;height:40%;width:40%}.joystick__shoot{background-color:transparent;height:150px;left:50vw;position:fixed;top:calc(var(--vh, 1vh)*50);transform:translate(-50%,-50%);width:150px}.joystick__jump,.joystick__shoot{align-items:center;display:flex;justify-content:center}.joystick__jump{background-color:rgba(57,57,57,.4);border-radius:50%;height:60px;width:60px}.joystick__jump svg{color:var(--color-bg,#fff);height:40px;width:40px}.button-control{font-size:1rem;height:100%;pointer-events:none;position:relative;width:100%}.button-control,.button-control__modal{align-items:center;display:flex;justify-content:center}.button-control__modal{background-color:rgba(0,0,0,.8);border-radius:10px;color:var(--color-ft-reverse,#fff);flex-direction:column;gap:2em;max-height:calc(var(--vh, 1vh)*70);max-width:90vw;overflow-y:auto;padding:4em;pointer-events:auto}.button-control__buttons{display:flex;gap:30px;pointer-events:auto;transform:translateY(calc(var(--vh, 1vh)*40))}@media(max-width:640px){.button-control__buttons{transform:translateY(calc(var(--vh, 1vh)*30))}}.button-control-notice{background-color:transparent;font-size:1.5rem}.button-control-notice>ul{align-items:flex-start;display:flex;flex-direction:column;gap:1.8em}.button-control-notice>ul>li{align-items:center;display:grid;gap:1em;grid-template-columns:4em 1fr;white-space:nowrap}.button-control-notice>ul>li svg{color:var(--color-ft-reverse,#fff);height:3.8em;width:3.8em}.button-control-notice>ul>li path{stroke:var(--color-ft-reverse,#fff)}.button-control-notice__button{align-items:center;border:2px solid var(--color-ft-reverse,#fff);display:flex;height:2.5em;justify-content:center;width:4em}@media(max-width:1280px){.button-control-notice{font-size:1.4rem}}@media(max-width:992px){.button-control-notice{font-size:1.2rem}}@media(max-width:640px){.button-control-notice{font-size:3.5vw}}.modal{left:0;position:fixed;top:0;z-index:999}.modal,.modal__back{height:calc(var(--vh, 1vh)*100);width:100vw}.modal__back{background-color:rgba(0,0,0,.6)}.modal__content{background-color:var(--color-bg,#fff);border-radius:10px;height:fit-content;left:50vw;max-height:calc(var(--vh, 1vh)*80);max-width:90vw;overflow:scroll;position:absolute;top:calc(var(--vh, 1vh)*50);transform:translate(-50%,-50%);width:fit-content}.portfolio-detail{display:grid;font-family:GowunDodum-Regular;font-size:1rem;gap:1em;grid-template-columns:repeat(2,min(35vw,400px));grid-template-rows:minmax(0,1fr);height:100%;max-height:calc(var(--vh, 1vh)*75);overflow:auto;padding:.7em 1.2em 1.7em .8em}.portfolio-detail__summary{align-items:flex-start;display:flex;flex-direction:column;gap:1em;height:100%;overflow:auto;width:100%}.portfolio-detail__summary>img{align-self:center;aspect-ratio:1/1;margin-top:1em;object-fit:cover;width:95%}.portfolio-detail__summary>div{display:flex;flex-direction:column;gap:.8em;padding:0 .5em;width:100%}.portfolio-detail__summary>div>h1{font-size:1.3em;font-weight:600;margin:.5em 0 0}.portfolio-detail__detail{overflow:auto;padding:0 .5em}@media(max-width:640px){.portfolio-detail{font-size:.9rem;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,max-content);height:calc(var(--vh, 1vh)*83);overflow:auto;padding:.5em .6em 1.2em;width:min(800px,85vw)}.portfolio-detail__summary{overflow:visible}.portfolio-detail__summary>img{margin-top:.5em;width:98%}}.markdown{--color-a:#005fc4;line-height:1.5}.markdown h1{font-size:1.4em;font-weight:700;margin-top:1.2em}.markdown h2{font-size:1.25em;font-weight:700;margin-top:1.1em}.markdown h3{font-size:1.1em;font-weight:700;margin-top:.8em}.markdown p{line-height:1.55;margin-top:.6em}.markdown ol,.markdown ul{margin-top:.8em;padding-left:1.2em}.markdown ol ol,.markdown ol ul,.markdown ul ol,.markdown ul ul{margin-top:.2em}.markdown li{list-style-type:disc;margin-bottom:.6em}.markdown li li{list-style-type:circle;margin-bottom:.5em}.markdown a{background:linear-gradient(0deg,var(--color-a),var(--color-a)) no-repeat 100% 100%/0 1px;color:var(--color-a);display:inline-block;margin-top:.2em;transition:background-size .35s}.markdown a:focus,.markdown a:hover{background-position-x:left;background-size:100% 1px}.markdown code{padding:2px 4px}.markdown code,.markdown pre{background-color:#f8f8f8;border-radius:4px;font-family:Consolas,monospace}.markdown pre{overflow-x:auto;padding:12px}.markdown blockquote{border-left:4px solid #ccc;color:#777;margin-left:0;padding-left:16px}.markdown hr{border:none;border-top:1px solid #ccc;margin:24px 0}#youtube{visibility:hidden}.music-player{align-items:center;display:flex;font-size:1rem;gap:.5em;width:100%}.music-player__cover{animation-delay:0s;animation-direction:normal;animation-duration:7s;animation-fill-mode:none;animation-iteration-count:infinite;animation-name:animation-rotate-clockwise-music-player;animation-timing-function:linear;border-radius:50%;height:2.5em;object-fit:cover;width:2.5em}@keyframes animation-rotate-clockwise-music-player{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.music-player__info{display:flex;flex-wrap:nowrap;overflow:hidden;white-space:nowrap}.music-player__info>p{animation:music-player-flow-left 40s linear infinite}@keyframes music-player-flow-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:992px){.music-player{font-size:.9rem}}.post-detail{display:grid;font-size:1rem;gap:1em;grid-template-columns:repeat(2,min(35vw,400px));grid-template-rows:minmax(0,1fr);height:100%;max-height:calc(var(--vh, 1vh)*70);overflow:auto;padding:1em 1em 1em .6em}@media(max-width:640px){.post-detail{gap:1em;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,max-content);max-height:calc(var(--vh, 1vh)*83);overflow:auto;padding:.8em .6em;width:min(800px,85vw)}}.post{align-items:center;font-size:1rem;gap:1em;height:100%;overflow:auto}.post,.post__description{display:flex;flex-direction:column;width:100%}.post__description{gap:.7em;padding:0 .5em}.post__description>h1{font-size:1.1em;font-weight:600;margin:.5em 0 0}.post__description>p{font-size:1em;line-height:140%;white-space:pre-wrap;width:100%}.post__image{aspect-ratio:1/1;object-fit:cover;width:95%}@media(max-width:992px){.post{font-size:.9rem;overflow:visible}.post__description{padding:0}.post__image{width:98%}}.comment-list{align-items:center;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;height:100%;justify-content:center;overflow:auto;width:100%}.comment-list__list{display:flex;flex-direction:column;gap:.4em;height:100%;margin:0 0 .3em;overflow:auto}.comment-list__empty{color:var(--color-ft-subtle,rgba(95,95,95,.3));font-size:1rem;font-weight:600;text-align:center}@media(max-width:992px){.comment-list{gap:1em}}.comment-item{align-items:flex-start;display:grid;font-size:.9rem;gap:.2em;grid-template-columns:1fr minmax(0,auto);grid-template-rows:minmax(0,auto) .8em;line-height:140%;padding:1em .3em .3em;position:relative}.comment-item>p:first-child{grid-column:1/2;grid-row:1/2}.comment-item>p:nth-child(2){font-size:.7em;font-weight:600;grid-column:1/3;grid-row:2/3;opacity:.5}.comment-item>button{grid-column:2/3;grid-row:1/2}.comment-item>button svg{color:var(--color-ft-subtle,rgba(95,95,95,.3))}.comment-item>button:hover svg{color:var(--color-ft,#222)}.comment-item__delete{align-items:center;display:flex;flex-direction:column;font-size:1rem;gap:2em;justify-content:center;padding:2em 3em 1.5em}@media(max-width:992px){.comment-item{font-size:.85rem}}.comment-form{align-items:center;display:grid;gap:1em;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr}.comment-form,.text{font-size:1rem;width:100%}.text{min-width:10em;position:relative;transition:background-color .1s ease-in}.text,.text input{background-color:transparent}.text input{border:none;border-bottom:2px solid hsla(0,0%,39%,.3);font-size:.9em;outline:none;padding:1.65em .4em .6em;transition:background-color .2s ease-in;width:100%}.text:hover{background-color:hsla(0,0%,89%,.316)}.text input:focus,.text input:not(:placeholder-shown){border-bottom:2px solid var(--color-ft,#222)}.text label{color:var(--color-ft-subtle,rgba(95,95,95,.3));font-size:1em;font-weight:600;left:0;margin:1.45em .4em .55em;position:absolute;top:0;transition:.2s}.text input:focus~label,.text input:not(:placeholder-shown)~label{color:var(--color-ft,#222);font-size:.7em;font-weight:600;transform:translate(.1em,-.7em)}@media(max-width:640px){.text{font-size:.9rem}}.gallery-cover{background-color:transparent;font-size:1rem;height:100%;perspective:2000px;transform-style:preserve-3d;width:100%}.gallery-cover,.gallery-cover__content{align-items:center;display:flex;justify-content:center}.gallery-cover__content{animation-delay:0;animation-direction:normal;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:animation-clear-gallery-cover__content;animation-timing-function:ease-out;background-color:var(--color-bg,#fff);box-shadow:0 0 20px rgba(0,0,0,.3);flex-direction:column;gap:3em;min-height:500px;padding:2.5em 2em;width:clamp(800px,64vw,960px)}@keyframes animation-clear-gallery-cover__content{0%{opacity:0}to{opacity:1}}.gallery-cover__content h1{font-size:2.3em;font-weight:600}.gallery-cover__content p{font-size:1.3em;line-height:150%;text-align:center;white-space:pre-wrap}.gallery-cover__content--light{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.gallery-cover__back{background-color:var(--color-bg,#fff);height:130%;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,-300px);width:130%;z-index:-1}@media(max-width:1280px){.gallery-cover__content{gap:2em;min-height:450px;width:800px}.gallery-cover__content h1{font-size:2em}.gallery-cover__content p{font-size:1.2em}}@media(max-width:992px){.gallery-cover__content{min-height:52.5vw;width:75vw}.gallery-cover__content h1{font-size:1.8em}.gallery-cover__content p{font-size:1.2em}}@media(max-width:640px){.gallery-cover__content{gap:1em;min-height:70vw;padding:1em;width:85vw}.gallery-cover__content h1{font-size:1.4em}.gallery-cover__content p{font-size:.8em}}.navbar-layout{background-color:var(--color-bg,#fff);display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;height:100%;width:100%}.navbar-layout>main{min-height:calc(var(--vh, 1vh)*100)}.navbar{align-items:center;backdrop-filter:blur(20px);color:var(--color-ft,#222);display:flex;font-size:1.7rem;font-weight:800;justify-content:space-between;left:0;padding:.7em 1.7em .8em;position:fixed;top:0;transform:translateY(0);transition:transform .7s ease;width:100vw;z-index:100}.navbar.hide{transform:translateY(-110%)}.navbar.white{color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.3)}.navbar.white .navbar__menu svg{filter:drop-shadow(0 0 5px rgba(0,0,0,.3))}.navbar.white .navbar__menu button{text-shadow:0 1px 5px rgba(0,0,0,.3)}.navbar__menu{gap:2em}.navbar__menu,.navbar__menu>li{align-items:center;display:flex}.navbar__menu>li{justify-content:flex-end}.navbar__menu svg{height:.9em;width:.9em}.navbar__menu path{stroke-width:100}.navbar__toggle{display:none}.navbar__toggle span{background-color:var(--color-ft,#222)}.navbar.white .navbar__toggle span{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.3)}@media(max-width:992px){.navbar{font-size:1.5rem;padding:.7em 1.5em .8em}}@media(max-width:640px){.navbar{align-items:flex-start;flex-direction:column;font-size:1.4rem;padding:.7em .6em .8em 1.1em}.navbar__menu{align-items:stretch;align-self:stretch;display:grid;gap:0;grid-template-rows:repeat(4,0fr);justify-content:flex-end;transition:grid-template-rows .2s ease-in-out,margin .2s ease-in-out}.navbar__menu li{line-height:200%;overflow:hidden;padding:0 .5em 0 0;text-align:end}.navbar__menu.open{grid-template-rows:repeat(4,1fr);margin:1em 0 0}.navbar__toggle{display:flex;flex-direction:column;justify-content:space-between;position:absolute;right:1em;top:.9em;width:1em}.navbar__toggle span{aspect-ratio:7/1;border-radius:10px;transition:transform .3s ease-in-out;width:100%}.navbar__toggle span:first-child{transform:translateY(-100%)}.navbar__toggle span:nth-child(2){transform:translateY(0)}.navbar__toggle span:nth-child(3){transform:translateY(100%)}.navbar__toggle.open span:first-child{transform:translateY(100%) rotate(45deg)}.navbar__toggle.open span:nth-child(2){transform:translateY(0) rotate(-45deg)}.navbar__toggle.open span:nth-child(3){box-shadow:none;transform:translateY(-100%) rotate(45deg)}}.locale{display:inline-block;position:relative}.locale .locale__option:first-child{font-weight:600}.locale .locale__option:nth-child(2){font-weight:400}.locale:after{background-color:var(--color-ft,#222);border-radius:1px;bottom:-.1em;content:"";height:.09em;left:0;position:absolute;transition:transform .3s ease-in-out;width:47%}.locale.white:after{background-color:var(--color-ft-reverse,#fff);box-shadow:0 1px 5px rgba(0,0,0,.3)}.locale.on .locale__option:first-child{font-weight:400}.locale.on .locale__option:nth-child(2){font-weight:600}.locale.on:after{transform:translateX(115%)}.gallery-search{font-size:1.5rem;height:100%;max-height:calc(var(--vh, 1vh)*100);overflow:auto;position:fixed;right:0;top:0;width:100%;z-index:100}.gallery-search .gallery-search__back svg:first-child{fill:#b2d1ff;height:0;left:0;position:absolute;top:0;transform:translate(-50%,-50%);transition:all .7s ease-out;width:0}.gallery-search .gallery-search__back svg:nth-child(2){fill:#ebf5ff;height:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:all .3s ease-out .2s;width:0}.gallery-search--enter .gallery-search__back svg:first-child,.gallery-search--enter .gallery-search__back svg:nth-child(2){height:300vmax;width:300vmax}.gallery-search--enter .gallery-search__search{opacity:1}.gallery-search--leave .gallery-search__back svg:first-child,.gallery-search--leave .gallery-search__back svg:nth-child(2){height:0;width:0}.gallery-search--leave .gallery-search__search{opacity:0}.gallery-search__search{align-items:center;display:grid;gap:1.2em;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);justify-items:center;left:50%;max-height:calc(var(--vh, 1vh)*90);opacity:0;position:fixed;top:2em;transform:translate(-50%);transition:opacity .5s ease-in;width:100%}.gallery-search__search-bar{align-items:flex-end;display:flex;flex-direction:row-reverse;width:18em}.gallery-search__search-bar input[type=text]{font-size:1.2em}.gallery-search__search-bar select{font-size:1em;width:5em}.gallery-search__close{position:fixed;right:10%;top:1.5em}.gallery-search__close span{background-color:var(--color-ft,#222);border-radius:.2em;height:.2em;position:absolute;right:0;top:0;width:1.6em}.gallery-search__close span:first-child{transform:rotate(45deg)}.gallery-search__close span:nth-child(2){transform:rotate(-45deg)}.gallery-search__list{height:100%;max-width:600px;overflow:auto;padding:0 10px;width:100%}.gallery-search__list>li{margin-top:1em}@media(max-width:1280px){.gallery-search{font-size:1.4rem}}@media(max-width:992px){.gallery-search__close{right:3em}.gallery-search{font-size:1.3em}}@media(max-width:640px){.gallery-search__close{right:1em}.gallery-search{font-size:4vw}.gallery-search__list{width:90%}}.select{appearance:none;background-color:transparent;border:none;border-bottom:2px solid #000;font:inherit;width:100%}.select,.select option{padding:.5em}@media(max-width:640px){.select{font-size:.9em}}.gallery-search-item{border-radius:.5em;box-shadow:inset 0 1px 6px -1px #a6bfe2;display:inline-block;font-size:1.2rem;overflow:hidden;padding:1em;position:relative;transition:box-shadow .3s ease-in-out;width:100%}.gallery-search-item article{display:grid;gap:1em;grid-template-rows:auto 4em auto}.gallery-search-item h2{font-size:1.3em;font-weight:600}.gallery-search-item p{line-height:140%;overflow:hidden}.gallery-search-item span{font-style:italic;text-align:end}.gallery-search-item canvas{height:100%;left:0;position:absolute;top:0;width:100%}@media(max-width:1280px){.gallery-search-item{font-size:1.1rem}}@media(max-width:992px){.gallery-search-item{font-size:1.1rem}}@media(max-width:640px){.gallery-search-item{font-size:3vw;padding:1.5em}}.footer{align-items:center;background-color:var(--color-tertiary,#1457ba);color:#fff;display:flex;flex-direction:column;font-size:1rem;font-weight:400;gap:.6em;line-height:150%;padding:3em 1em 5em;text-align:center}.footer__icon-text{align-items:center;display:inline-flex;gap:.3em}.footer__icon-text svg{height:1.1em;width:1.1em}.footer__license{font-size:1rem;padding:1em 2em 2em;width:500px}.footer__license table{font-size:1em;width:100%}@media(max-width:640px){.footer{font-size:3vw}.footer__license{font-size:3.5vw;padding:.5em 1em 1em;width:90vw}}.a{background:linear-gradient(0deg,var(--color-ft,#222),var(--color-ft,#222)) no-repeat 100% 100%/0 1px;transition:background-size .35s}.a:hover,a:focus{background-position-x:left;background-size:100% 1px}.table{border-collapse:collapse;box-sizing:border-box;text-align:left;width:100%}.table caption{height:0;opacity:0;width:0}.table tbody,.table thead{border-bottom:2px solid var(--color-ft,#222)}.table th{font-weight:600;padding:.75em .6em}.table tr{border-bottom:1px solid #ddd}.table td{padding:.75em .6em}body *{cursor:none}body select{cursor:pointer}.cursor{cursor:none;left:0;mix-blend-mode:difference;pointer-events:none;position:fixed;top:0;transform:translate(-100px,-100px);z-index:1001}.cursor,.cursor>div{will-change:transform}.cursor>div{background-color:#fff;border-radius:50%;height:.8rem;position:relative;transform:scale(1);transition:transform .15s ease-in-out;width:.8rem}
/*# sourceMappingURL=main.747ca4089aa734955faf.css.map*/