.header{position:sticky;top:0;left:0;z-index:10;width:100%;height:100px;margin:0 auto;border-bottom:1px solid var(--white);background-color:var(--layout-bg-color)}@media screen and (max-width: 768px){.header{height:60px}}.header .inner{display:flex;justify-content:space-between;align-items:center;height:100%}.header .logo{font-family:Faktum,sans-serif;letter-spacing:-.2rem;font-size:3rem;font-weight:700;letter-spacing:-.15rem}@media screen and (max-width: 768px){.header .logo{font-size:2.4rem}}.header .nav{display:flex;gap:40px;font-size:2rem}@media screen and (max-width: 768px){.header .nav{font-size:1.6rem}}.header .nav a{font-family:Faktum,sans-serif;letter-spacing:-.2rem;position:relative;letter-spacing:-.1rem}.header .nav a.is-active:after{position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--white);content:""}@media screen and (max-width: 768px){.header .nav a:last-child{display:none}}.code-example{display:flex;justify-content:space-between;align-items:center;gap:40px;min-height:80px;padding:0 20px;border:1px solid var(--white);border-radius:16px;background-color:var(--code-bg-color);box-sizing:border-box}@media screen and (max-width: 768px){.code-example{gap:10px;min-height:60px}}.code-example pre{overflow-x:auto}.code-example code{font-size:2rem;color:var(--white)}@media screen and (max-width: 768px){.code-example code{font-size:1.6rem}}.code-example .code-copy{position:relative}.code-example .code-copy .btn-copy{padding:5px;border:none;background:none;cursor:pointer}.code-example .code-copy .btn-copy img{width:18px}@media screen and (max-width: 768px){.code-example .code-copy .btn-copy img{width:14px}}.code-example .code-copy .copy-icon-message{position:absolute;top:100%;left:50%;background-color:#333;padding:5px 10px;margin-top:5px;border-radius:3px;color:#fff;white-space:nowrap;transform:translate(-50%);transition:opacity .3s linear;opacity:0}.code-example .code-copy .copy-icon-message.is-active{opacity:1}.nav-category{position:sticky;top:101px;left:0;z-index:10;width:100%;padding:20px 0;background-color:var(--layout-bg-color)}@media screen and (max-width: 768px){.nav-category{top:61px;margin-right:-20px;padding:14px 20px 14px 0;overflow-x:auto}}.nav-category ul{display:flex;gap:20px}@media screen and (max-width: 768px){.nav-category ul{gap:10px}}@media screen and (max-width: 768px){.nav-category ul li:last-child{padding-right:10px}}.nav-category .btn-category{font-family:Faktum,sans-serif;letter-spacing:-.2rem;position:relative;font-size:3rem;color:var(--white);letter-spacing:0}@media screen and (max-width: 768px){.nav-category .btn-category{font-size:1.8rem}}.nav-category .btn-category.is-active:after{position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--white);content:""}.section-intro-category{margin-top:160px}@media screen and (max-width: 768px){.section-intro-category{margin-top:40px}}.title-category{font-family:Faktum,sans-serif;letter-spacing:-.2rem;font-size:3.2rem;color:var(--white);letter-spacing:0}@media screen and (max-width: 768px){.title-category{font-size:2.4rem}}.box-description-code{margin-top:80px}@media screen and (max-width: 768px){.box-description-code{margin-top:30px}}.box-description-code+.box-description-code{margin-top:60px}@media screen and (max-width: 768px){.box-description-code+.box-description-code{margin-top:28px}}.box-description-code .text{padding-bottom:18px;font-size:2rem;white-space:pre-wrap}@media screen and (max-width: 768px){.box-description-code .text{padding-bottom:12px;font-size:1.6rem}}.page-intro .code-example{width:80%}@media screen and (max-width: 768px){.page-intro .code-example{width:100%}}.section-intro{height:calc(100vh - 100px);padding:50px 0;border-bottom:1px solid var(--white);box-sizing:border-box}@media screen and (max-width: 768px){.section-intro{height:calc(100vh - 60px)}}.section-intro .inner{display:flex;flex-direction:column;justify-content:space-between;height:100%}.section-intro .title-intro{font-family:Faktum,sans-serif;letter-spacing:-.2rem;font-size:11rem;font-weight:400;letter-spacing:-.8rem;line-height:1}@media screen and (max-width: 768px){.section-intro .title-intro{font-size:4.6rem;letter-spacing:-.4rem}}.section-intro .area-info{display:flex;flex-direction:column;gap:14px}.link-repository{display:flex;justify-content:space-between;align-items:center;width:300px;min-height:80px;padding:0 20px;border-radius:16px;background-color:var(--primary);font-family:consolas;font-size:2rem;font-weight:700;color:var(--black)}@media screen and (max-width: 768px){.link-repository{width:200px;min-height:60px;font-size:1.6rem}}@media screen and (max-width: 768px){.link-repository .text{padding-top:2px}}.link-repository:after{width:20px;height:20px;background:url(data:image/png;base64,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) no-repeat center;background-size:cover;content:""}@media screen and (max-width: 768px){.link-repository:after{width:16px;height:16px}}.section-how-work{padding:80px 0;box-sizing:border-box}@media screen and (max-width: 768px){.section-how-work{padding:50px 0}}.section-how-work .title{font-family:Faktum,sans-serif;letter-spacing:-.2rem;font-size:7rem;font-weight:400;letter-spacing:-.5rem}@media screen and (max-width: 768px){.section-how-work .title{font-size:3.4rem;letter-spacing:-.3rem}}.sidebar .sidebar-title{font-family:Faktum,sans-serif;letter-spacing:-.2rem;padding:5px 0 20px;border-bottom:1px solid var(--white);font-size:2.6rem;font-weight:700}.sidebar .sidebar-menu{padding:20px 0}.sidebar .sidebar-menu .item-menu{border-bottom:1px solid rgba(255,255,255,.2)}.sidebar .sidebar-menu .item-menu.is-active{font-weight:700;color:var(--primary)}.sidebar .sidebar-menu .item-menu a{font-family:Faktum,sans-serif;letter-spacing:-.2rem;display:block;padding:14px 0;font-size:2.1rem}.sidebar .btn-close-sidebar-mobile{display:none;position:absolute;right:10px;top:17px;padding-left:10px;padding-right:10px;font-size:36px;color:var(--white)}@media screen and (max-width: 768px){.sidebar .sidebar-title{font-size:2.2rem}.sidebar .sidebar-menu .item-menu a{padding:12px 0;letter-spacing:-.1rem;font-size:1.9rem}.sidebar.open{transform:translate(0)}.sidebar .btn-close-sidebar-mobile{display:block}}.page-guides{min-height:100vh}@media screen and (max-width: 768px){.page-guides{min-height:auto}}.page-guides .sub-header-mobile{display:none;z-index:20;position:sticky;top:61px;padding:10px;background-color:var(--layout-bg-color);color:var(--white)}.page-guides .sub-header-mobile .btn-toggle-sidebar{border:none;font-size:24px;background:none;color:var(--white);cursor:pointer}.page-guides .sub-header-mobile .method-title{font-family:Faktum,sans-serif;letter-spacing:-.2rem;letter-spacing:-.1rem;font-size:1.8rem;margin:0 0 0 10px}@media screen and (max-width: 768px){.page-guides .sub-header-mobile{display:flex;align-items:center}}.page-guides .inner{display:grid;gap:8rem;grid-template-columns:minmax(0,.5fr) minmax(0,2fr);position:relative;min-height:100vh}@media screen and (max-width: 768px){.page-guides .inner{display:block;min-height:auto;gap:0}}.page-guides .guide-content{padding-top:50px}@media screen and (max-width: 768px){.page-guides .guide-content{padding:20px 0}}.page-guides .sidebar{position:sticky;top:100px;padding-top:60px;height:calc(100vh - 100px);box-sizing:border-box}.page-guides .sidebar .sidebar-menu{height:calc(100vh - 300px);overflow-y:auto;-ms-overflow-style:none}.page-guides .sidebar .sidebar-menu::-webkit-scrollbar{display:none}@media screen and (max-width: 768px){.page-guides .sidebar{z-index:30;position:fixed;top:0;left:0;height:100%;width:80%;padding:20px;box-sizing:border-box;transform:translate(-100%);transition:transform .3s ease-in-out;background-color:var(--layout-bg-color)}.page-guides .sidebar .sidebar-menu{padding:0;height:calc(100% - 59px)}}.page-guides .sidebar-dim{display:none}@media screen and (max-width: 768px){.page-guides .sidebar-dim{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:25}}@media screen and (max-width: 768px){.page-guides .sidebar.open{transform:translate(0)}.page-guides .sidebar-dim{display:block}.page-guides .content{overflow:hidden}}.page-mobile{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;width:100vw;height:100vh;background-color:var(--layout-bg-color)}@media screen and (max-width: 768px){.page-mobile{display:block}}.page-mobile .inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%}.page-mobile .box-img{width:128px;margin-bottom:10px}.page-mobile img{width:100%;height:100%;object-fit:cover}.page-mobile .title{font-size:1.8rem;font-weight:700;text-align:center}.page-mobile .desc{text-align:center}.page-try .sidebar-title{font-family:Faktum,sans-serif;letter-spacing:-.2rem;padding:5px 0 20px;border-bottom:1px solid var(--white);font-size:2.6rem;font-weight:700}.page-try .sidebar-menu{padding:20px 0}.page-try .sidebar-menu .item-menu{width:300px;height:40px;padding:5px;margin-top:10px;font-size:2rem}.page-try .sidebar-menu .item-menu.type-red{background:#d63031}.page-try .sidebar-menu .item-menu.type-orange{background:#e17055}.page-try .sidebar-menu .item-menu.type-yellow{background:#fdcb6e}.page-try .sidebar-menu .item-menu.type-green{background:#00b894}.page-try .sidebar-menu .item-menu.type-blue{background:#74b9ff}.page-try .sidebar-menu .item-menu.type-navy{background:#0984e3}.page-try .sidebar-menu .item-menu.type-purple{background:#a29bfe}.guide-section .title-section{font-family:Faktum,sans-serif;letter-spacing:-.2rem;margin-top:20px;font-size:2.8rem}@media screen and (max-width: 768px){.page-try{display:none}}.page-try .inner{display:flex;flex-direction:column;gap:40px;height:calc(100vh - 100px);box-sizing:border-box}.page-try .header-sample{font-family:Faktum,sans-serif;letter-spacing:-.2rem;height:200px;background-color:#fab1a0;padding:20px;font-size:3rem;font-weight:700;color:var(--black);box-sizing:border-box}.page-try .container-sample{flex:1;display:flex;gap:20px}.page-try .container-sample .title-sample{font-family:Faktum,sans-serif;letter-spacing:-.2rem;font-size:3rem;font-weight:700;color:var(--black)}.page-try .area-try{display:flex;gap:40px;width:100%}.page-try .section-sample{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;background-color:#dfe6e9;border:1px solid var(--white);padding:20px;box-sizing:border-box}.page-try .square{background:#fff;border:1px solid #999;float:left;font-size:50px;font-weight:700;line-height:100px;width:100px;height:100px;margin-right:-1px;margin-top:-1px;padding:0;text-align:center}.page-try .square:disabled{background:#ccc}.page-try .board-row:after{clear:both;content:"";display:table}.page-try .status{margin:20px 0 10px;font-family:Faktum,sans-serif;letter-spacing:-.2rem;font-size:2rem;font-weight:700;color:var(--black)}.page-try .game{display:flex;flex-direction:row}.page-try .game-info{display:none}.page-try .footer{font-family:Faktum,sans-serif;letter-spacing:-.2rem;height:200px;background-color:#fdcb6e;padding:20px;font-size:3rem;font-weight:700;color:var(--black);box-sizing:border-box}.guide-content .title-guide{font-family:Faktum,sans-serif;letter-spacing:-.2rem;color:var(--primary);font-size:4.2rem;font-weight:700}.guide-content .title-guide+.section-content{margin:20px 0;font-size:2rem}@media screen and (max-width: 768px){.guide-content .title-guide{overflow:auto;font-size:2.8rem}.guide-content .title-guide+.section-content{margin:15px 0;font-size:1.6rem}}.guide-section{margin:50px 0}.guide-section .title-section{font-family:Faktum,sans-serif;letter-spacing:-.2rem;margin-top:20px;letter-spacing:-.1rem;font-size:2.8rem}.guide-section .section-content{margin-bottom:50px;font-size:2rem}.guide-section .section-content dl dt{display:inline-block;padding:3px 6px 2px;margin-bottom:20px;border-radius:5px;background-color:#ececec;color:tomato;font-size:1.8rem;font-family:consolas}.guide-section .section-content dl dd{position:relative;padding-left:15px;margin-bottom:10px}.guide-section .section-content dl dd b{margin-right:10px}.guide-section .section-content dl dd:before{content:"";position:absolute;top:12px;left:0;width:5px;height:5px;border-radius:100%;background-color:var(--white)}.guide-section .section-content dl+dl{margin-top:30px}.guide-section .section-content ul{margin-top:10px}.guide-section .section-content ul li{padding:5px 0}.guide-section .section-content+section{margin-top:60px}.guide-section .tag-code{display:inline-block;padding:4px 5px 2px;border-radius:5px;background-color:#ececec;color:var(--black);font-size:1.5rem;font-family:consolas;vertical-align:middle}@media screen and (max-width: 768px){.guide-section{margin:30px 0}.guide-section .title-section{font-size:2.2rem;margin-bottom:10px}.guide-section .section-content{margin-bottom:30px;font-size:1.6rem}.guide-section .section-content dl dt{margin-bottom:20px}.guide-section .section-content .tag-code{padding:2px 5px 1px;font-size:1.4rem}}.code-snippet{margin:20px 0;border:1px solid #e2e2e2;border-radius:12px;background-color:#4e4e57}.code-snippet .example-header{display:flex;justify-content:space-between;align-items:center;position:relative;padding:2px 15px;border-radius:12px 12px 0 0;background-color:#e2e2e2}@media screen and (max-width: 768px){.code-snippet .example-header{padding:2px 12px;font-size:1.4rem}}.code-snippet .example-header .language-name{padding:5px;font-size:1em;color:var(--black)}.code-snippet .example-header .code-copy{position:relative}.code-snippet .example-header .code-copy .btn-copy{padding:5px;border:none;cursor:pointer}.code-snippet .example-header .code-copy .btn-copy img{width:14px}@media screen and (max-width: 768px){.code-snippet .example-header .code-copy .btn-copy img{width:12px}}.code-snippet .example-header .code-copy .copy-icon-message{font-family:Faktum,sans-serif;letter-spacing:-.2rem;position:absolute;top:100%;left:50%;transform:translate(-50%);padding:5px 10px;margin-top:5px;border-radius:6px;background-color:#333;color:#fff;white-space:nowrap;opacity:0;transition:opacity .3s linear}.code-snippet .example-header .code-copy .copy-icon-message.is-active{opacity:1}.code-snippet pre{padding:15px 18px}@media screen and (max-width: 768px){.code-snippet pre{padding:10px 15px;font-size:1.5rem}}.callout{display:flex;padding:15px;margin:15px 0;border-radius:12px;align-items:center}.callout .callout-icon{margin-right:10px;font-size:1.5em}.callout .callout-content{flex:1;color:var(--black)}@media screen and (max-width: 768px){.callout{padding:10px 13px}.callout .callout-icon{font-size:1.2em}.callout .callout-content{font-size:1.4rem}}@font-face{font-family:Faktum;src:url(/assets/Faktum-Regular-pCq_C7fg.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Faktum;src:url(/assets/Faktum-Bold-BCD9kNCX.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Regular-BhrLQoBv.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Pretendard;src:url(/assets/Pretendard-Bold-BYNivUXw.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:consolas;src:url(/assets/Consolas-Regular-Ck77kGzW.woff2) format("woff2"),url(/assets/Consolas-Regular-CnvFjBzq.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:consolas;src:url(/assets/Consolas-Bold-BGoaPbpi.woff2) format("woff2"),url(/assets/Consolas-Bold-DDWPaEUQ.woff) format("woff");font-weight:700;font-style:normal}html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,a,address,em,img,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,footer,header,nav,section,audio,video,pre{font-family:Pretendard,sans-serif;letter-spacing:-.1rem;margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}html,body{font-family:Pretendard,sans-serif;letter-spacing:-.1rem;height:100%;background-color:var(--layout-bg-color);font-size:10px;color:var(--white)}article,aside,details,figcaption,figure,footer,header,nav,section{display:block}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}button{cursor:pointer;border:0;background:none;padding:0}a{text-decoration:none;color:inherit}body,input,textarea,select,button,table{outline:none!important}input{background:none}input::-ms-clear,input::-ms-reveal{display:none;width:0;height:0}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none}svg,img{vertical-align:top}.blind{position:absolute!important;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}.wrap{font-size:1.6rem}.inner{max-width:1440px;padding:0 20px;margin:0 auto;box-sizing:border-box}:root{--white: #fff;--black: #303030;--primary: #f2cf65;--layout-bg-color: #252526;--code-bg-color: #4e4e57}