@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans+KR:wght@100;200;300;400;500;600;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,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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}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}a{text-decoration:none}input,button{-webkit-appearance:none;-moz-appearance:none;appearance:none}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--nav-alpha: .6;--nav-color: rgba(var(--nav-original-color), var(--nav-alpha));--nav-original-color: 255, 255, 255;--nav-text-color: rgb(21, 21, 21);--primary-color: rgb(127, 105, 251);--primary-color-rgb: 112, 88, 245;--primary-color-contrast: #ffffff;--primary-light-color: rgb(172, 157, 255);--primary-light-color-rgb: 172, 157, 255;--primary-lightest-color: rgb(229, 225, 255);--primary-lightest-color-rgb: 229, 225, 255;--secondary-color: rgb(34, 202, 202);--secondary-color-rgb: 34, 202, 202;--secondary-color-contrast: #ffffff;--secondary-light-color: rgb(179, 255, 255);--secondary-light-color-rgb: 179, 255, 255;--secondary-lightest-color: rgb(223, 255, 255);--secondary-lightest-color-rgb: 223, 255, 255;--page-background-color: white;--page-background-color-rgb: 255, 255, 255;--page-background-color-hsl-hue: 206;--page-background-color-hsl-saturation: 47%;--page-background-color-hsl-lightness: 97%;--text-color: #1c1e26;--text-color-rgb: 28, 30, 38;--text-light-color: #746d7f;--text-second-light-color: #4d5f57;--post-page-background-color: white;--link-highlight-color: var(--primary-color);--waves-color-start: rgba(var(--primary-color-rgb), .3);--waves-color-end: rgba(var(--primary-color-rgb), .1);--button-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .1);--button-shadow-hover: 0px 4px 10px 8px rgb(0 0 0 / 10%);--card-background-color: #ffffff;--card-background-color-rgb: 255, 255, 255;--card-shadow: 0px 4px 10px 0px rgba(0, 0, 0, .1);--card-shadow-hover: 0px 4px 10px 8px rgb(0 0 0 / 10%);--button-primary-background-color: var(--primary-color);--button-primary-text-color: var(--primary-color-contrast);--button-primary-light-background-color: var(--primary-lightest-color);--button-primary-light-text-color: var(--primary-color);--button-secondary-background-color: var(--secondary-color);--button-secondary-text-color: var(--secondary-color-contrast);--button-secondary-light-background-color: var(--secondary-lightest-color);--button-secondary-light-text-color: var(--secondary-color);--image-shadow: 8px 14px 38px rgba(39, 44, 49, .06), 1px 3px 8px rgba(39, 44, 49, .03);--footer-background: var(--page-background-color);--inline-code-background-color: #c4c4c45c;--code-background-color: #1c1e26;--code-text-color: #fff;--scrollbar-thumb-color: #9e9e9e;--scrollbar-track-color: #cdcdcd;--callout-background-color: #f5f5f5b8;--callout-info-background-color: #dfeffd;--callout-info-accent-color: #2883f4;--callout-warning-background-color: #fff6b6;--callout-warning-accent-color: #c87820;--callout-error-background-color: #ffe8e8;--callout-error-accent-color: #f95256;--callout-success-background-color: #dcf7ec;--callout-success-accent-color: #009f70;--highlight-marker-url: url(https://s2.svgbox.net/pen-brushes.svg?ic=brush-9&color=B5E5E5);--agora-color: #eadbff;--freelancer-color: #bcebeb;--logitix-color: #ffe2ce;--sige-color: #cce4ff;--promob-color: #d7e6eb}.dark-mode{--nav-alpha: .4;--nav-original-color: 0, 0, 0;--nav-text-color: white;--primary-color: rgb(129, 127, 255);--primary-color-contrast: #1c1e26;--primary-light-color: rgb(61, 51, 121);--primary-light-color-rgb: 53, 38, 135;--primary-lightest-color: rgb(32, 24, 81);--primary-lightest-color-rgb: 32, 24, 81;--secondary-color: rgb(34, 202, 202);--secondary-color-rgb: 34, 202, 202;--secondary-color-contrast: #1c1e26;--secondary-light-color: rgb(21, 115, 115);--secondary-light-color-rgb: 21, 115, 115;--secondary-lightest-color: rgb(11, 59, 59);--secondary-lightest-wacolor: rgb(11, 59, 59);--secondary-lightest-color-rgb: 11, 59, 59;--page-background-color: #000000;--page-background-color-rgb: 0, 0, 0;--page-background-color-hsl-hue: 228;--page-background-color-hsl-saturation: 0%;--page-background-color-hsl-lightness: 0%;--text-color: #fff;--text-color-rgb: 255, 255, 255;--text-light-color: #9eb5b5;--text-second-light-color: #90a49b;--post-page-background-color: black;--card-background-color: rgba(56, 56, 56, .314);--card-background-color-rgb: 50, 52, 62;--button-primary-background-color: var(--primary-color);--button-primary-text-color: var(--primary-color-contrast);--button-primary-light-background-color: var(--page-background-color);--button-primary-light-text-color: var(--primary-color);--button-secondary-background-color: var(--secondary-color);--button-secondary-text-color: var(--secondary-color-contrast);--button-secondary-light-background-color: var(--page-background-color);--button-secondary-light-text-color: var(--secondary-color);--highlight-marker-url: url(https://s2.svgbox.net/pen-brushes.svg?ic=brush-9&color=0D6970);--callout-background-color: #5d686860;--callout-info-background-color: #1d3874;--callout-info-accent-color: #6ca9f7;--callout-warning-background-color: #724413;--callout-warning-accent-color: #ffca39;--callout-error-background-color: #7c1d20;--callout-error-accent-color: #ff8082;--callout-success-background-color: #004737;--callout-success-accent-color: #00c48f;--agora-color: #3d009e;--freelancer-color: #1d6262;--logitix-color: #924817;--sige-color: #003e85;--promob-color: #2b4a55}:root{--default-font: IBM Plex Sans KR, sans-serif;--title-font: IBM Plex Sans KR, sans-serif;--mono-font: IBM Plex Mono, IBM Plex Sans KR}.container{width:100%;max-width:1080px;padding:0 1em;margin-right:auto;margin-left:auto}@media (min-width: 901px){.container{padding-right:1.5em;padding-left:1.5em}}a{color:var(--primary-color)}a:hover{text-decoration:underline}section{position:relative}h1{font-size:2.5rem;font-weight:700}@media (max-width: 576px){h1{font-size:2rem}}h2{font-size:1.8rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.2rem}h5{font-size:1rem}.heading-link{margin-left:10px}h1,h2,h3,h4,h5{font-family:var(--title-font)}.text-primary{color:var(--primary-color);fill:var(--primary-color)}.text-secondary{color:var(--secondary-color);fill:var(--secondary-color)}.text-lighter{color:rgba(var(--text-color-rgb),.8);fill:rgba(var(--text-color-rgb),.8)}.justify{text-align:justify}.text-info{color:var(--callout-info-accent-color);fill:var(--callout-info-accent-color)}::selection{background-color:rgba(var(--primary-color-rgb),.3);color:var(--text-color);text-shadow:none}#agora{--bg-color: var(--agora-color)}#freelancer{--bg-color: var(--freelancer-color)}#logitix{--bg-color: var(--logitix-color)}#sige{--bg-color: var(--sige-color)}#promob{--bg-color: var(--promob-color)}ul,ol{margin:10px 0 10px 40px}ul li,ol li{margin:6px 0}ul li::marker,ol li::marker{color:var(--primary-color)}ul{list-style:outside}strong,b{font-weight:600}em,i{font-style:italic}.button{border-radius:999px;-webkit-appearance:none;appearance:none;border:none;background:transparent;font-weight:600;box-shadow:var(--button-shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 20px;transition:all .4s ease;width:100%}.button:hover{box-shadow:var(--button-shadow-hover);text-decoration:none;filter:brightness(1.2)}.button.primary{background:var(--button-primary-background-color);color:var(--button-primary-text-color)}.button.primary-light{background:var(--button-primary-light-background-color);color:var(--button-primary-light-text-color)}.button.secondary{background:var(--button-secondary-background-color);color:var(--button-secondary-text-color)}.button.secondary-light{background:var(--button-secondary-light-background-color);color:var(--button-secondary-light-text-color)}.button.transparent{background:transparent;box-shadow:none}.button svg{max-height:24px;max-width:24px}.card{background:var(--card-background-color);box-shadow:var(--card-shadow);color:var(--text-color);border-radius:10px;transition:all .4s ease;position:relative;overflow:hidden;width:100%;display:flex;flex-direction:row;flex-wrap:wrap}.card:hover{text-decoration:none}.card.clickable{cursor:pointer}.card.clickable:hover{box-shadow:var(--card-shadow-hover);transform:scale(1.01)}.card [slot=image]{background-size:cover;background-position:center;position:relative;flex:1 0 max(50%,330px);height:min(50%,350px);min-height:240px;max-height:350px}.card [slot=image] picture,.card [slot=image] img{width:100%;height:100%;object-fit:cover;position:absolute!important}.card [slot=image] img{width:100%;height:100%;object-fit:cover;position:absolute}.card [slot=image]:empty{display:none}.card .body{display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:20px;flex:1 0 50%}.card .body .content{display:flex;flex-direction:column;flex:1}.card .body .title{font-weight:700;font-size:1.1rem}.card .body .note{font-size:.8rem;color:rgba(var(--text-color-rgb),.8)}.card .body .text{margin-top:5px;font-size:.9rem}.card .body .tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap}code[class*=language-],pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,code[class*=language-] ::-moz-selection{text-shadow:none;background:rgba(29,59,83,.99)}pre[class*=language-]::selection,pre[class*=language-] ::selection,code[class*=language-]::selection,code[class*=language-] ::selection{text-shadow:none;background:rgba(29,59,83,.99)}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}.token.comment,.token.prolog,.token.cdata{color:#637777;font-style:italic}.token.punctuation{color:#c792ea}.namespace{color:#b2ccd6}.token.deleted{color:#ef53508f;font-style:italic}.token.symbol,.token.property{color:#80cbc4}.token.tag,.token.operator,.token.keyword{color:#7fdbca}.token.boolean{color:#ff5874}.token.number{color:#f78c6c}.token.constant,.token.function,.token.builtin,.token.char{color:#82aaff}.token.selector,.token.doctype{color:#c792ea;font-style:italic}.token.attr-name,.token.inserted{color:#addb67;font-style:italic}.token.string,.token.url,.token.entity,.language-css .token.string,.style .token.string{color:#addb67}.token.class-name,.token.atrule,.token.attr-value{color:#ffcb8b}.token.regex,.token.important,.token.variable{color:#d6deeb}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}body{user-select:none;--body-background-color: var(--page-background-color);--body-background-color-rgb: var(--page-background-color-rgb);background-color:var(--body-background-color);color:var(--text-color);fill:var(--text-color);transition:all .4s ease;font-family:var(--default-font);line-height:1.3;scroll-behavior:smooth;height:100%;min-height:100vh;min-height:-webkit-fill-available;width:100%;overflow-x:hidden}html{scroll-behavior:smooth;font-size:17px;font-weight:300;width:100%;overflow-x:hidden}#svelte-root{height:100%;position:relative}path{stroke:var(--text-color)}img{-webjit-user-drag:none}p code{background-color:#fff}.markdown-layout{background-color:var(--post-page-background-color)}.markdown-layout header{background:var(--footer-background)}.markdown-layout footer{--body-background-color: var(--post-page-background-color)}#markdown-content{position:relative;padding:40px 15px 80px;display:grid;grid-template-columns:1fr min(65ch,100%) 1fr;grid-row-gap:30px}@media (max-width: 320px){#markdown-content{padding-left:0;padding-right:0}}@media (min-width: 577px){#markdown-content{padding-right:20px;padding-left:20px}}@media (min-width: 901px){#markdown-content{padding-right:30px;padding-left:30px}}#markdown-content>*{grid-column:2}#markdown-content .full-bleed{width:100%;grid-column:1/4}#markdown-content .full-bleed img{object-fit:cover}#markdown-content .header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px}#markdown-content .header .note{font-size:90%;color:rgba(var(--text-color-rgb),.8)}#markdown-content .cover-image{width:100%;max-height:400px;box-shadow:var(--image-shadow)}#markdown-content .cover-image img{object-fit:cover}#markdown-content .tags{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}#markdown-content .content p{margin:.75rem 0;line-height:1.55em}#markdown-content .content h2{font-size:2rem;margin:3rem 0 1.3rem}#markdown-content .content h3{font-size:1.7rem;margin:3rem 0 1.2rem}#markdown-content .content h4{font-size:1.5rem;margin:3rem 0 1.1rem;font-weight:600}#markdown-content .content h5{font-size:1.2rem;margin:3rem 0 1rem;font-weight:600}#markdown-content .content img{display:block;margin-left:auto;margin-right:auto;margin-top:2rem;margin-bottom:2rem;max-width:100%;height:auto;width:auto;box-shadow:var(--image-shadow)}#markdown-content .content figcaption{font-size:.85rem;text-align:center;margin-bottom:2rem;color:rgba(var(--text-color-rgb),.8)}#markdown-content .content blockquote{margin:30px 0;padding:10px 20px 13px 30px;border-radius:10px;border-left:10px solid var(--inline-code-background-color);background:var(--callout-background-color)}#markdown-content .content code:not([class^=language-]){background:var(--inline-code-background-color);padding:1px 6px;border-radius:5px;font-family:var(--mono-font)}