:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,*:before,*:after{box-sizing:border-box;--padding: 0 !important}:root{--font-size: 12px;--font-family: "Noto Sans KR", sans-serif;--color: #333;--input-color: #333;--input-background-color: white;--input-border-color: #ccc;--input-hover-border-color: #999;--input-focus-border-color: green;--input-padding: 4px 8px;--input-font-size: 12px}#root{--max-width: 1280px;margin:0 auto;--padding: 2rem;text-align:center;width:100%;--height: 100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;color:#333}nx-layout{display:flex;flex-direction:column;width:100%;height:100%}nx-layout .row{display:flex;flex:1 1 0;width:100%}nx-layout .row>*:not(nx-splitter){display:flex;flex:1 1 0;align-items:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}nine-grid{display:flex;width:100%;height:100%}.search-collapse{--transform: translate(-32px, -32px)}.wrapper{position:relative;--padding: 32px;height:100%;--width: 100%;border:0px solid #ccc;display:flex;--flex-direction: column;overflow:hidden}.wrapper .list-wrapper,.wrapper [class*=detail-wrapper-]{--padding: 0 32px 16px;--display: flex}.wrapper .list-wrapper,.wrapper [class*=detail-wrapper-]{display:none;width:100%}.wrapper .list-wrapper.active,.wrapper [class*=detail-wrapper-].active,.wrapper .detail-wrapper{display:flex}.wrapper .list-wrapper,.wrapper .detail-wrapper{position:relative;padding:0 32px 16px;width:100%;--display: flex;flex-direction:column;gap:32px}.wrapper .grid-wrapper{display:flex;position:relative;left:0;right:0;height:100%;--margin-top: 32px}.wrapper .flex-column{flex-direction:column}.loading{position:fixed;inset:0;background:#fff9;z-index:9999;pointer-events:all;display:flex;justify-content:center;align-items:center;font-size:18px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading.hidden{display:none}.btn-back{position:absolute;left:0;top:0;height:32px;width:32px;padding:0;outline:none;border:none;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:auto;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgb(102, 102, 102)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5"/><path d="m12 19-7-7 7-7"/></svg>')}.btn-back:focus,.btn-back:active{outline:none;border:none}.top-menu{position:fixed;top:0;left:0;width:100%;z-index:20000;display:flex;flex-direction:column;--background-color: #F37021;--border-bottom: 4px solid #F37021;height:4px;--z-index: 19999}.top-menu .logo1{position:absolute;left:80px;top:-32px;z-index:9998;transform:rotate(-4deg);width:420px;height:120px;display:flex}.top-menu .logo1 div{font-size:12px;display:flex;justify-content:center;align-items:center;width:200px;height:120px}.top-menu .logo1 div:first-child{background:linear-gradient(0deg,#aaa,#ccc)}.top-menu .logo1 div:first-child .logo-button{margin-top:20px;--padding: 32px;width:100%;display:flex;justify-content:center;align-items:center;font-size:28px;font-weight:700;color:#444}.top-menu .logo1 div:first-child .logo-button:hover{color:#222}.top-menu .logo1 div:last-child{background:transparent;align-items:flex-end}.top-menu .logo1 div:last-child span{padding-left:4px;margin-left:16px;--padding: 32px;width:100%;display:flex;justify-content:flex-start;align-items:flex-start;font-size:18px;font-weight:700;color:#444;border-bottom:2px solid #F37021}.top-menu .logo1:hover{transform:rotate(0)}.top-menu .right-menu{background:transparent;position:fixed;right:32px;top:-16px;display:flex;gap:16px;z-index:9998}.top-menu .right-menu .hot-button.signup-btn,.top-menu .right-menu .hot-button.login-btn{background:#708090}:is(.top-menu .right-menu .login-actions,.top-menu .right-menu .bottom-actions) .hot-button:first-child{border-right:1px solid #999;border-radius:0;padding-right:8px}.top-menu .right-menu .user-vertical-box{display:flex;flex-direction:column;padding:24px 0 0}.top-menu .right-menu .user-vertical-box .v-item{color:inherit;text-decoration:none;padding:8px 16px;font-size:14px;font-weight:600;text-align:left;background:none;border:none;cursor:pointer}.top-menu .right-menu .user-vertical-box .v-item:hover{--color: burlywood}.top-menu .right-menu .user-vertical-box .divider{height:1px;background:#ffffff4d;margin:5px 0}.top-menu .right-menu .user-vertical-box .bottom-actions{display:flex;border-top:.5px solid #ddd;padding:0}.top-menu .right-menu .user-vertical-box .bottom-actions .action-btn{flex:1;padding:4px 8px;font-size:14px;text-align:center;--border-right: 1px solid rgba(255, 255, 255, .1)}.top-menu .right-menu .user-vertical-box .bottom-actions .action-btn:last-child{border-right:none}.top-menu .right-menu .user-vertical-box .bottom-actions .action-btn.logout{--color: #ffeb3b;font-weight:700}.top-menu .right-menu .hot-button{padding:24px 16px 8px;height:56px}.top-menu .right-menu .user-vertical-box,.top-menu .right-menu .hot-button,.top-menu .right-menu .login-actions{--padding: 24px 16px 8px;border:none;outline:none;transform:rotate(4deg);opacity:.9;color:#fff;border-radius:4px;--box-shadow: 0 2px 16px rgba(0, 0, 0, .2)}.top-menu .right-menu .hot-button{background:#f37021}.top-menu .right-menu .login-actions{display:flex;gap:8px;background:linear-gradient(30deg,#999,#666);padding:28px 16px 8px;font-size:14px}.top-menu .right-menu .login-actions span{color:#999}.top-menu .right-menu .login-actions .hot-button{--color: #666;background:transparent;transform:unset;padding:0;height:unset}.top-menu .right-menu .user-vertical-box{background:#f37021}.top-menu .right-menu .hot-button:hover,.top-menu .right-menu .user-vertical-box:hover{transform:rotate(0)}.top-menu .right-menu .hot-button:hover,.top-menu .right-menu .v-item:hover{color:#ddd}.top-menu .right-menu .hot-button:active,.top-menu .right-menu .v-item:active{color:#999}.top-menu .main{display:none;align-items:flex-end;justify-content:space-between;padding:8px;text-align:left}.top-menu .main .home{margin-left:16px;color:#eee;font-weight:900;font-size:4px}.top-menu .main .hot-menu{display:flex;gap:12px}.top-menu .main .hot-button{color:#fff8dc;text-shadow:0 0 32px #fff;padding:0;font-size:12px;font-weight:400;cursor:pointer}.top-menu .line{display:flex;background-color:#fff;height:0px}.top-menu .line div{background-color:#fff;height:100%;width:64px}.top-menu .line .deepskyblue{width:240px;background-color:#333}.top-menu .line .white{background-color:#fff;width:100%}.top-menu.home:after{display:none}.top-menu:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background-color:#f37021;z-index:20000}.top-menu:after{content:"";position:absolute;top:0;left:0;width:100%;height:120px;opacity:.4;background:linear-gradient(120deg,#ddd,#eee);box-shadow:0 8px 36px #0000001a}@media(max-width:768px){.top-menu .logo1:hover{transform:rotate(-4deg)}.top-menu .right-menu{right:0;gap:4px}.top-menu .right-menu .hot-button,.top-menu .right-menu .user-vertical-box,.top-menu .right-menu .login-actions,.top-menu .right-menu .hot-button:hover,.top-menu .right-menu .user-vertical-box:hover{transform:rotate(0)}.top-menu .right-menu .hot-button,.top-menu .right-menu .login-actions{padding:28px 2px 16px;border-radius:unset;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0% 96%);clip-path:polygon(0 0,100% 0,100% 100%,0% 96%);transition:clip-path .3s ease}.top-menu .right-menu .hot-button{--width: 32px;padding:24px 2px 8px;height:auto;writing-mode:vertical-rl;align-self:flex-start;--border-radius: 50%}.top-menu .right-menu .login-actions,.top-menu .right-menu .bottom-actions{flex-direction:column;padding:28px 2px 16px}:is(.top-menu .right-menu .login-actions,.top-menu .right-menu .bottom-actions) .hot-button:first-child{border:none;border-bottom:1px solid #999;--border-radius: 0;padding:0 0 8px}.top-menu .right-menu .user-vertical-box{padding:24px 2px 4px;align-self:flex-start}.top-menu .right-menu .user-vertical-box .v-item{padding:4px 8px}.top-menu .logo1{left:0;top:-28px;flex-direction:column;gap:8px}.top-menu .logo1 div{width:128px}.top-menu .logo1 div:first-child{height:64px;padding-right:4px}.top-menu .logo1 div:first-child .logo-button{font-size:20px}.top-menu .logo1 div:last-child{background:transparent;align-items:flex-end;height:auto}.top-menu .logo1 div:last-child span{padding-right:8px;justify-content:flex-end;font-size:12px;font-weight:400;border-bottom:none;border-right:2px solid #F37021}}