@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,input,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html{box-sizing:border-box;font-size:14px}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{font-family:Pretendard Variable,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--txt);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slide-side-layout{--dur: 500;--side: 250;--min-side: 70;height:100%;overflow:hidden}.slide-side-layout.push{display:flex}.slide-side-layout.push .side-pane{flex-shrink:0}.slide-side-layout.push .main-pane{flex-grow:1}.slide-side-layout.overlay,.slide-side-layout.cover{position:relative}.slide-side-layout.overlay .side-pane,.slide-side-layout.cover .side-pane{position:absolute}.slide-side-layout.cover .main-pane{position:absolute;top:0;z-index:100;transition:width calc(var(--dur) * 1ms) ease;box-shadow:0 0 15px #0009}.slide-side-layout.cover.left .side-pane{right:0}.slide-side-layout.cover.right .side-pane{left:0}.slide-side-layout.cover .side-pane{margin:0!important}.slide-side-layout.left .side-pane{left:0;margin-left:calc(var(--side) * -1px)}.slide-side-layout.right .side-pane{right:0;margin-right:calc(var(--side) * -1px);order:1}.slide-side-layout.expand{display:flex}.slide-side-layout.expand .side-pane{width:calc(var(--min-side) * 1px);margin:0;transition:width calc(var(--dur) * 1ms) ease;overflow:hidden;flex-shrink:0}.slide-side-layout.expand .main-pane{flex-grow:1}.slide-side-layout .side-pane{position:relative;top:0;width:calc(var(--side) * 1px);height:100%;transition:margin calc(var(--dur) * 1ms) ease;z-index:1000}.slide-side-layout.show.push.left .side-pane,.slide-side-layout.show.overlay.left .side-pane,.slide-side-layout.show.push.right .side-pane,.slide-side-layout.show.overlay.right .side-pane{transition:margin calc(var(--dur) * 1ms) ease;margin:0}.slide-side-layout.show.cover .side-pane{margin:0}.slide-side-layout.show.cover .main-pane{width:100%}.slide-side-layout.show.expand .side-pane{width:calc(var(--side) * 1px)}.slide-side-layout.show.overlay.dimmed:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:10}.slide-side-layout .main-pane{background-color:#fff;width:100%;height:100%}.slide-side-layout.mobile.left .side-pane{width:100dvw;margin-left:-100dvw;text-align:center}.slide-side-layout.mobile.right .side-pane{width:100dvw;margin-right:-100dvw;text-align:center}#root{max-width:1280px;margin:0 auto}h1,h2,h3,h4,h5{font-family:Ubuntu}header{height:56px}header .container{padding:0 10px;height:100%;display:flex;align-items:center}main{height:calc(100vh - 56px)}main .main-pane{overflow-y:auto}main .main{height:100%;max-width:780px;margin:0 auto;padding:0 16px}.logo{flex-grow:1;padding:0 16px;display:flex;align-items:center;gap:10px}.logo .title{font-family:Ubuntu;font-weight:700;font-size:24px;color:#000}.logo .title .sub{color:#a1a1a1}.logo .description{font-size:14px;color:#666}.main-title .title{font-size:45px;font-weight:700;margin:20px 0}.main-title .description{color:#c4c4c4;padding:10px 10px 20px}.nav-container{background-color:var(--bgc);height:100%;overflow-y:auto}.main-footer{padding:15px;border-top:1px solid var(--brd)}.main-footer .prev-next{display:flex;justify-content:space-between}.main-footer .prev-next .prev a span:first-letter,.main-footer .prev-next .next a span:first-letter{text-transform:uppercase}.page-wrapper h1.title{margin:72px 0 20px}.page-wrapper section{margin-bottom:2rem}.page-wrapper section .desc{opacity:1;padding:5px 5px 10px}.page-wrapper .be-segment>.contents{display:flex;align-items:center;flex-wrap:wrap;gap:5px}