@font-face{font-family:D2Coding;src:url(/fonts/D2Coding-hangul.woff2)format("woff2");font-weight:100 599;font-style:normal;font-display:swap;unicode-range:U+11??,U+3130-318F,U+A960-A97F,U+AC00-D7A3,U+D7B0-D7FF}@font-face{font-family:D2Coding;src:url(/fonts/D2Coding-Bold-hangul.woff2)format("woff2");font-weight:600 900;font-style:normal;font-display:swap;unicode-range:U+11??,U+3130-318F,U+A960-A97F,U+AC00-D7A3,U+D7B0-D7FF}@property --ink-head{syntax:"<number>";inherits:true;initial-value:1}@property --ink-line{syntax:"<number>";inherits:true;initial-value:1}@property --ink-body{syntax:"<number>";inherits:true;initial-value:1}@property --ink-hover{syntax:"<number>";inherits:true;initial-value:0}:root{--c-gray-bg:#edf2f2;--c-black:#1a1a1a;--c-white:#fff;--bg:var(--c-gray-bg);--fg:var(--c-black);--surface:var(--c-white);--muted:color-mix(in srgb, var(--fg) 35%, var(--bg));--dot:color-mix(in srgb, var(--fg) 22%, var(--bg));--ff-display:"JetBrains Mono", "D2Coding", ui-monospace, monospace;--ff-brand:"Strichpunkt Sans", "D2Coding", sans-serif;--fs:14px;--lh:calc(var(--fs) * 1.5);--vph:100vh;--grid-h:round(down, var(--vph), var(--lh));--pad-y:calc((var(--vph) - var(--grid-h)) / 2);--nav-h:calc(var(--lh) * 3);--nav-mt:var(--lh);--sym:calc(var(--nav-h) * .2505);--main-pt:calc(var(--lh) * 2);--main-pb:calc(var(--lh) * 6);--footer-h:var(--lh);--main-min:calc(var(--grid-h) - var(--nav-h) - var(--main-pt) - var(--main-pb) - var(--footer-h));--gutter-x:round(25vw, 1px);--rail-w:var(--nav-h);--rail-x:round(down, calc(var(--rail-w) / 2), 1px);--motion-dur:.6s;--motion-dur-fast:.2s;--motion-ease-gsap:power3.inOut;--motion-ease:cubic-bezier(.645, .045, .355, 1);--dot-cols:16;--dot-rows:8;--dot-r:1.5px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (height:100svh){:root{--vph:100svh}}@media (max-width:767px){:root{--gutter-x:10px;--fs:13px}}@media (orientation:portrait){:root{--dot-cols:4}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--c-black);--fg:var(--c-gray-bg);--surface:#242424;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:var(--c-black);--fg:var(--c-gray-bg);--surface:#242424;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--nav-mt) + var(--pad-y) + var(--nav-h) + var(--main-pt));-webkit-text-size-adjust:100%}body{min-height:var(--vph);background:var(--bg);color:var(--fg);font-family:var(--ff-display);font-size:var(--fs);line-height:var(--lh);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}h1,h2,h3,h4,h5,h6,p,ul,ol,dl,figure,blockquote,pre{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:600}p+p{margin-top:var(--lh)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}.dots{width:100%;height:var(--vph);pointer-events:none;background-image:radial-gradient(circle, var(--dot) var(--dot-r), transparent calc(var(--dot-r) + .5px));background-size:calc(100% / var(--dot-cols)) calc(100% / var(--dot-rows));background-position:0 0;position:absolute;left:0}.bg{height:var(--vph);z-index:-1;background:var(--bg);position:fixed;inset:0 0 auto}.bg>.dots{top:0}.nav{z-index:10;height:calc(var(--nav-mt) + var(--pad-y) + var(--nav-h));padding:calc(var(--nav-mt) + var(--pad-y)) var(--gutter-x) 0;background:var(--bg);position:fixed;top:0;left:0;right:0;overflow:hidden}.nav>.dots{top:0}.nav__inner{height:var(--nav-h);justify-content:space-between;align-items:center;display:flex;position:relative}main.main{padding:calc(var(--nav-mt) + var(--pad-y) + var(--nav-h)) var(--gutter-x) var(--main-pb);flex:1 0 auto}.footer{height:calc(var(--footer-h) + var(--pad-y) + var(--lh));padding:0 var(--gutter-x) calc(var(--pad-y) + var(--lh));color:var(--fg)}.footer__inner{height:var(--footer-h);font-family:var(--ff-display);justify-content:space-between;align-items:center;display:flex;position:relative}.footer__links{align-items:center;display:flex}.footer__links a{text-decoration:none}.footer__sep{padding:0 1ch}.nav__rail-line{top:0;left:calc(var(--gutter-x) + var(--rail-x));width:1px;height:calc(var(--nav-mt) + var(--pad-y) + 1px);background:var(--fg);position:absolute}.rail-head{height:var(--main-pt);position:relative}.rail-head:before,.node__line{content:"";top:0;bottom:0;left:var(--rail-x);background:currentColor;width:1px;position:absolute}.rail-head{color:var(--fg)}.rail-head:before{top:calc(var(--vph) * -1)}.nodes{margin:0;padding:0;list-style:none;position:relative}.nodes:before{content:"";top:0;left:var(--rail-x);width:1px;height:var(--spine-h,0px);background:var(--fg);pointer-events:none;position:absolute}.node__line{transition:opacity var(--motion-dur-fast) ease}.nodes.is-railing .node__line{opacity:0;transition:none}.node{grid-template-columns:var(--rail-w) minmax(0, 1fr);padding-bottom:calc(var(--lh) * 3);overflow-clip-margin:calc(var(--lh) * 3);color:var(--fg);display:grid;position:relative;overflow:clip}.node[hidden]{display:none}.node.is-last{padding-bottom:0}.node.is-last .node__line{height:calc(var(--lh) / 2);bottom:auto}.node__sym{top:calc((var(--lh) - var(--sym)) / 2);left:calc(var(--rail-w) / 2 - var(--sym) / 2);width:var(--sym);height:var(--sym);color:inherit;position:absolute}.node__sym svg{width:100%;height:100%;display:block}.node__sym:hover{transform:scale(1.15)}.node__main{grid-column:2;min-width:0}.node__head{min-height:var(--lh);font-size:inherit;text-transform:uppercase;justify-content:space-between;align-items:flex-start;gap:30px;font-weight:600;display:flex}.node__title{text-align:left;font-weight:inherit;text-transform:inherit;flex:auto}.node__date{color:var(--muted);text-transform:none;flex:none;font-weight:400}.node{--ink-head:1;--ink-line:1;--ink-body:1;transition:--ink-head var(--motion-dur-fast) ease-out 0s, --ink-line var(--motion-dur) var(--motion-ease) var(--motion-dur-fast), --ink-body var(--motion-dur) var(--motion-ease) var(--motion-dur-fast)}.node.is-collapsed{--ink-head:0;--ink-line:0;--ink-body:0;transition:--ink-line var(--motion-dur) var(--motion-ease) 0s, --ink-body var(--motion-dur) var(--motion-ease) 0s, --ink-head var(--motion-dur-fast) ease-in var(--motion-dur)}.node__body>.mdx{padding:var(--lh) var(--lh) calc(var(--lh) * 3);margin:0 calc(var(--lh) * -1) calc(var(--lh) * -3);--reveal:calc(var(--ink-body) * 130%);opacity:var(--ink-body)}.node.is-animating .node__body>.mdx,.node.is-collapsed .node__body>.mdx{-webkit-mask-image:linear-gradient(to bottom, #000 calc(var(--reveal) - 30%), transparent var(--reveal));-webkit-mask-image:linear-gradient(to bottom, #000 calc(var(--reveal) - 30%), transparent var(--reveal));mask-image:linear-gradient(to bottom, #000 calc(var(--reveal) - 30%), transparent var(--reveal))}.node__line{color:var(--muted)}.node__line:after{content:"";background:var(--fg);transform-origin:top;transform:scaleY(var(--ink-line));position:absolute;inset:0}.node__sym .sym-base{color:var(--muted)}.node__sym .sym-ink{color:var(--fg);clip-path:inset(0 0 calc((1 - var(--ink-head)) * 100%) 0);position:absolute;inset:0}.node__title{min-width:0;display:block;position:relative}.node__title .t-base{color:var(--muted)}.node__title .t-ink{color:var(--fg);clip-path:inset(0 0 calc((1 - min(var(--ink-head), 1 - var(--ink-hover))) * 100%) 0);position:absolute;inset:0}.node.is-collapsed .node__title .t-ink{clip-path:inset(0 0 calc((1 - max(var(--ink-head), var(--ink-hover))) * 100%) 0)}.node__title :is(.t-base,.t-ink){overflow-wrap:anywhere;display:block}button.node__title{transition:--ink-hover var(--motion-dur-fast) ease}button.node__title:hover:not([data-hover-lock]){--ink-hover:1}.node.is-collapsed .node__body{height:0;overflow:hidden}.nav__lead{align-items:center;gap:var(--lh);min-width:0;display:flex}.nav__cat{text-transform:uppercase;white-space:nowrap;font-weight:600;line-height:var(--lh)}.nav__back{font:inherit;text-transform:inherit;color:var(--muted);transition:color var(--motion-dur-fast) ease}.nav__back:hover{color:var(--fg)}.nav__cat-text{animation:nav-cat-in var(--motion-dur-fast) var(--motion-ease) both;display:inline-block}@keyframes nav-cat-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.nav__cat-text{animation:none}}.controller{width:var(--nav-h);height:var(--nav-h);color:var(--fg);flex:none;position:relative}.controller__housing-btn{color:var(--fg);position:absolute;inset:0}.controller__housing{width:100%;height:100%;position:absolute;inset:0}.controller__housing path{stroke-width:1px;vector-effect:non-scaling-stroke}.controller__btn{width:25.05%;height:25.05%;color:var(--muted);transition:color var(--motion-dur-fast) ease, scale var(--motion-dur-fast) ease;position:absolute;translate:-50% -50%}.controller__btn:before{content:"";position:absolute;inset:-35%}.controller__btn svg{width:100%;height:100%;display:block}.controller__btn[data-active]{color:var(--fg)}.controller__btn:hover{color:var(--fg);scale:1.15}.controller__btn--jinoh{top:20.4%;left:50%}.controller__btn--company{top:50%;left:20.4%}.controller__btn--post{top:50%;left:79.6%}.controller__btn--contact{top:79.6%;left:50%}.mdx>*+*{margin-top:var(--lh)}.mdx>*+:is(h3,h4),.mdx>.gap-2{margin-top:calc(var(--lh) * 2)}.mdx h3,.mdx h4{font-size:inherit;font-weight:600}.mdx ul,.mdx ol{padding-left:2ch}.mdx a{color:inherit;text-underline-offset:.2em;transition:color var(--motion-dur-fast) ease;text-decoration:underline;text-decoration-thickness:1px}.mdx a:hover{color:var(--muted)}.hero{touch-action:pan-y;background:#fff;position:absolute;inset:0;overflow:hidden}.hero__logo{height:min(var(--lh), 3.2cqi);z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;position:absolute;top:50%;left:50%;translate:-50% -50%}.hero__obj{z-index:1;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;touch-action:none;height:auto;transition:filter var(--motion-dur-fast) ease;position:absolute}.hero__reset{right:var(--lh);bottom:var(--lh);z-index:100000;width:var(--lh);height:var(--lh);color:var(--muted);opacity:0;pointer-events:none;transition:opacity var(--motion-dur-fast) ease, color var(--motion-dur-fast) ease;position:absolute}.hero__reset svg{width:100%;height:100%;display:block}.hero__reset:before{content:"";position:absolute;inset:-12px}.hero__reset[data-show]{opacity:1;pointer-events:auto}.hero__reset:hover{color:var(--c-black)}.hero__obj.is-grabbed{cursor:grabbing;filter:drop-shadow(0 calc(var(--lh) * .75) calc(var(--lh) * .75) color-mix(in srgb, var(--c-black) 22%, transparent))}.book3d-stage{perspective:1400px;place-items:center;display:grid;position:absolute;inset:0}.book3d{--bh:78cqh;--bw:calc(var(--bh) * 500 / 734);--bt:calc(var(--bh) * .06);width:var(--bw);height:var(--bh);transform-style:preserve-3d;transition:transform .6s var(--motion-ease);cursor:pointer;padding:0;position:relative;transform:rotateY(0)}@media (hover:hover){.book3d:hover{transform:rotateY(40deg)}}.book3d[data-turned]{transform:rotateY(40deg)}@media (prefers-reduced-motion:reduce){.book3d{transition:none}}.book3d__face{backface-visibility:hidden;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;display:block;position:absolute;top:0}.book3d__front,.book3d__back{object-fit:cover;width:100%;left:0}.book3d__front{transform:translateZ(calc(var(--bt) / 2));box-shadow:0 calc(var(--lh) * .5) calc(var(--lh) * 1.5) color-mix(in srgb, var(--c-black) 18%, transparent)}.book3d__back{transform:rotateY(180deg) translateZ(calc(var(--bt) / 2))}.book3d__spine,.book3d__pages{left:calc((var(--bw) - var(--bt)) / 2);width:var(--bt)}.book3d__spine{object-fit:cover;transform:rotateY(-90deg) translateZ(calc(var(--bw) / 2))}.book3d__pages{transform:rotateY(90deg) translateZ(calc(var(--bw) / 2 - 1px));background:repeating-linear-gradient(90deg,#f4f4f0 0 1px,#dadad4 1px 2px)}.box--ratio:has(.book3d-stage){container-type:size}.cform{gap:var(--lh);text-align:left;flex-direction:column;width:50%;margin:0 auto;display:flex}.cform__field{flex-direction:column;display:flex}.cform__label{height:var(--lh)}.cform__input{box-sizing:border-box;height:calc(var(--lh) * 2);font:inherit;color:var(--fg);border:1px solid var(--muted);border-radius:calc(var(--lh) * .5);transition:border-color var(--motion-dur-fast) ease;background:0 0;outline:none;margin:0;padding:0 1ch;display:block}.cform__input--area{height:calc(var(--lh) * 5);padding:calc(var(--lh) * .5) 1ch;line-height:var(--lh);resize:none}.cform__input::placeholder{color:var(--muted)}.cform__input:focus{border-color:var(--fg)}.cform__check{min-height:var(--lh);cursor:pointer;align-items:flex-start;gap:1ch;display:flex}.cform__check input{appearance:none;width:var(--lh);height:var(--lh);border:1px solid var(--muted);border-radius:calc(var(--lh) * .3);cursor:pointer;transition:background var(--motion-dur-fast) ease, border-color var(--motion-dur-fast) ease;background:0 0;flex:none;margin:0;display:block}.cform__check input:checked{background:var(--fg);border-color:var(--fg)}.cform__actions{display:flex}.cform__submit{height:calc(var(--lh) * 2);border-radius:calc(var(--lh) * .5);background:var(--fg);color:var(--bg);text-transform:uppercase;box-shadow:0 calc(var(--lh) * .75) calc(var(--lh) * 1.25) calc(var(--lh) * -.5) color-mix(in srgb, var(--c-black) 30%, transparent);transition:opacity var(--motion-dur-fast) ease;padding:0 3ch;font-weight:600;display:block}.cform__submit:hover{opacity:.8}.cform__note{color:var(--muted)}@media (max-width:767px){.cform{width:100%}}.role__line{justify-content:space-between;align-items:flex-start;gap:30px;display:flex}.role__title{min-width:0}.role__org{text-align:right;flex:none}.box-wrap{container-type:inline-size}.box{border-radius:calc(var(--lh) * .75);background:linear-gradient(to bottom, color-mix(in srgb, var(--surface) 72%, transparent), color-mix(in srgb, var(--surface) 38%, transparent));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surface) 90%, transparent), 0 calc(var(--lh) * 2) calc(var(--lh) * 2.5) calc(var(--lh) * -2.5) color-mix(in srgb, var(--c-black) 20%, transparent), 0 calc(var(--lh) * .5) calc(var(--lh) * .5) calc(var(--lh) * -.5) color-mix(in srgb, var(--c-black) 5%, transparent);position:relative;overflow:hidden}.box--ratio{height:round(nearest, calc(100cqi / var(--ratio)), var(--lh))}.box--lines{height:calc(var(--lh) * var(--lines))}.box__fill>.box__media{position:absolute;inset:0}.box__media{object-fit:cover;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.box__fill{padding:0 var(--lh);text-align:center;place-items:center;display:grid;position:absolute;inset:0}.box__inner{padding:calc(var(--lh) * 3) calc(var(--lh) * 2)}.box__inner>*+*{margin-top:0}.box--center .box__inner{text-align:center}.box__inner :is(h3,h4){text-transform:uppercase;font-weight:600}.box__inner hr{height:calc(var(--lh) * 3);background:linear-gradient(var(--muted), var(--muted)) center / 100% 1px no-repeat;border:0;margin:0}.box__label{color:var(--muted)}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.footer__home{transition:opacity var(--motion-dur-fast) ease}.footer__home:hover{opacity:.6}.theme-toggle{width:var(--lh);height:var(--lh);justify-content:center;align-items:center;display:inline-flex;position:relative}.theme-toggle:before{content:"";position:absolute;inset:-12px 0 -12px -12px}.footer__links .theme-toggle{margin-left:2ch}.theme-toggle__icon{width:100%;height:100%;transition:opacity var(--motion-dur-fast) ease;display:block}.theme-toggle__icon--dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle__icon--light{display:none}:root:not([data-theme=light]) .theme-toggle__icon--dark{display:block}}:root[data-theme=dark] .theme-toggle__icon--light{display:none}:root[data-theme=dark] .theme-toggle__icon--dark{display:block}.theme-toggle:hover{opacity:.6}.brand{height:calc(var(--lh) * .75);color:var(--fg);align-items:center;text-decoration:none;display:flex}.logo,.logo svg{width:auto;height:100%;display:block}.t-muted{color:var(--muted)}html[data-grid] body:after{content:"";height:var(--vph);z-index:100;pointer-events:none;background-image:repeating-linear-gradient(to bottom, #ff000038 0, #ff000038 1px, transparent 1px, transparent var(--lh)), linear-gradient(to right, transparent calc(var(--gutter-x) - 1px), #ff000059 calc(var(--gutter-x) - 1px), #ff000059 var(--gutter-x), transparent var(--gutter-x), transparent calc(100% - var(--gutter-x)), #ff000059 calc(100% - var(--gutter-x)), #ff000059 calc(100% - var(--gutter-x) + 1px), transparent calc(100% - var(--gutter-x) + 1px));background-position:0 var(--pad-y), 0 0;background-size:100% var(--grid-h), 100% 100%;background-repeat:no-repeat;position:fixed;inset:0 0 auto}.mdx table{border-collapse:collapse;width:100%}.mdx th,.mdx td{height:var(--lh);text-align:left;vertical-align:top;padding:0 1ch 0 0}.mdx th{color:var(--muted);font-weight:400}.mdx :is(th,td):first-child{white-space:nowrap;padding-right:2ch}.mdx :is(th,td):last-child{padding-right:0}