@font-face{font-family:"NEXON Lv1 Gothic";src:url("/assets/fonts/NEXON Lv1 Gothic Low OTF.eot?") format("eot"),url("/assets/fonts/NEXON Lv1 Gothic Low OTF.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"D2Coding";src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_three@1.0/D2Coding.woff") format("woff");font-weight:normal;font-style:normal}body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font:400 16px/1.5 "NEXON Lv1 Gothic",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#17191d;background-color:#fdfdfd;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal;display:flex;min-height:100vh;flex-direction:column}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}main{display:block}img{max-width:100%;vertical-align:middle}figure>img{display:block}figcaption{font-size:14px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#17191d;text-decoration:none}a:visited{color:#000}a:hover{color:#17191d;text-decoration:underline}.social-media-list a:hover{text-decoration:none}.social-media-list a:hover .username{text-decoration:underline}blockquote{color:#17191d;border-left:4px solid #07f;padding-left:15px;padding-top:7.5px;padding-bottom:7.5px;font-size:18px;background-color:#f7f8f3;font-style:italic}blockquote>:last-child{margin-bottom:0}hr{display:block;height:1px;border:0;border-top:1px solid #e8e8e8;margin:1em 0;padding:0}pre,code{font-size:15px;background-color:#ff605b;color:#fff}code{padding:1px 5px;font:400 16px/1.5 "D2Coding"}code.language-plaintext{font:400 16px/1.5 "NEXON Lv1 Gothic",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}pre{overflow-x:auto;white-space:pre-wrap}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:-webkit-calc(920px - (30px * 2));max-width:calc(920px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}@media screen and (max-width: 920px){.wrapper{max-width:-webkit-calc(920px - (30px));max-width:calc(920px - (30px));padding-right:15px;padding-left:15px}}.wide-wrapper{margin:0 100px;padding:0;max-width:100%;transition:0.2s margin}@media screen and (max-width: 920px){.wide-wrapper{max-width:-webkit-calc(920px - (30px * 2));max-width:calc(920px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px;max-width:-webkit-calc(920px - (30px));max-width:calc(920px - (30px));padding-right:15px;padding-left:15px}}.wrapper:after,.wide-wrapper:after,.footer-col-wrapper:after{content:"";display:table;clear:both}.svg-icon{width:16px;height:16px;display:inline-block;fill:#828282;padding-right:5px;vertical-align:text-top}.social-media-list li+li{padding-top:5px}table{margin-bottom:30px;width:100%;text-align:left;color:#17191d;border-collapse:collapse;border:1px solid #e8e8e8}table tr:nth-child(even){background-color:#f7f7f7}table th,table td{padding:10px 15px}table th{background-color:#f0f0f0;border:1px solid #dedede;border-bottom-color:#c9c9c9}table td{border:1px solid #e8e8e8}.site-header{border-bottom:1px solid #e8e8e8;min-height:55.95px;position:relative}.site-title{font-size:22.4px;line-height:54px;letter-spacing:-1px;margin-bottom:0;float:left}.site-title,.site-title:visited{color:#424242}.site-title svg{vertical-align:middle}.site-nav{float:right;line-height:54px}.site-nav .nav-trigger{display:none}.site-nav .menu-icon{display:none}.site-nav .page-link{color:#17191d;line-height:1.5}.site-nav .page-link:not(:last-child){margin-right:20px}@media screen and (max-width: 600px){.site-nav{position:absolute;top:9px;right:15px;background-color:#fdfdfd;border:1px solid #e8e8e8;border-radius:5px;text-align:right;z-index:1}.site-nav label[for="nav-trigger"]{display:block;float:right;width:36px;height:36px;z-index:2;cursor:pointer}.site-nav .menu-icon{display:block;float:right;width:36px;height:26px;line-height:0;padding-top:10px;text-align:center}.site-nav .menu-icon>svg{fill:#424242}.site-nav input ~ .trigger{clear:both;display:none}.site-nav input:checked ~ .trigger{display:block;padding-bottom:5px}.site-nav .page-link{display:block;padding:5px 10px;margin-left:20px}.site-nav .page-link:not(:last-child){margin-right:0}}.site-footer{border-top:1px solid #e8e8e8;padding:30px 0}.footer-nav{text-align:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #e8e8e8}.footer-nav a{color:#424242;text-decoration:none;margin:0 15px;font-size:0.9rem;transition:color 0.2s ease}.footer-nav a:hover{color:#17191d;text-decoration:underline}@media screen and (max-width: 600px){.footer-nav a{display:block;margin:10px 0}}.footer-heading{font-size:18px;margin-bottom:15px}.contact-list,.social-media-list{list-style:none;margin-left:0}.footer-col-wrapper{font-size:15px;color:#828282;margin-left:-15px}.footer-col{float:left;margin-bottom:15px;padding-left:15px}.footer-col-1{width:-webkit-calc(40% - (30px / 2));width:calc(40% - (30px / 2))}.footer-col-2{width:-webkit-calc(20% - (30px / 2));width:calc(20% - (30px / 2))}.footer-col-3{width:-webkit-calc(60% - (30px / 2));width:calc(60% - (30px / 2))}@media screen and (max-width: 920px){.footer-col-1{width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}.footer-col-2{width:-webkit-calc(50% - (30px / 2));width:calc(50% - (30px / 2))}.footer-col-3{width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}@media screen and (max-width: 600px){.footer-col{float:none;width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}.page-banner{display:block;position:relative;height:640px;background-color:#005FCC;transition:height 0.2s}.page-banner .page-banner-img{position:absolute;width:100%;height:100%;overflow:hidden}.page-banner .page-banner-img>*:first-child{height:100%;max-width:1000%;background-size:cover;background-position:center center;overflow:hidden;transition:0.1s all ease-in-out}.page-banner .page-banner-live{position:absolute;bottom:3rem}.page-banner .page-banner-live .page-banner-live-title{color:#fdfdfd;font-weight:500;text-shadow:1px 1px 2px #33333355}.page-banner .page-banner-live .page-banner-live-title svg{width:30px;height:30px;vertical-align:middle}.page-banner .page-banner-live .page-banner-live-list{display:flex}.page-banner .page-banner-live .page-banner-live-list .card{transition:all .3s ease-out;display:inline-block;width:250px;width:250px;margin-right:2rem;cursor:pointer}.page-banner .page-banner-live .page-banner-live-list .card:hover{transform:translate(0, -7px);box-shadow:-1px 20px 80px -30px rgba(0,0,0,0.89);-webkit-box-shadow:-1px 20px 80px -30px rgba(0,0,0,0.89)}.page-banner .page-banner-live .page-banner-live-list .card:hover .card-body{text-decoration:underline}.page-banner .page-banner-live .page-banner-live-list .card .card-img{width:100%;height:180px;border-radius:.25rem .25rem 0 0}.page-banner .page-banner-live .page-banner-live-list .card .card-body{padding:1.25rem;background-color:#fff;border-radius:0 0 .25rem .25rem}.page-banner .page-banner-live .page-banner-live-list .card .card-body h4{color:#17191d;margin-bottom:5px}.page-banner .page-banner-live .page-banner-live-list .card .card-body .desc{font-size:85%;font-weight:300;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:54px}.page-banner .page-banner-live .page-banner-live-list .card .card-body span{display:inline-block;padding:.4em .4em;font-size:80%;line-height:1;border:1px solid #07f !important;border-radius:.1rem;color:#07f;transition:background-color .3s ease-out}.page-banner .page-banner-live .page-banner-live-list .card .card-body span:hover{color:#fdfdfd;background-color:#07f;border-color:#fdfdfd}.page-banner .page-banner-comment{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:45px;text-shadow:2px 2px 2px #000}.page-banner .page-banner-comment .small{font-size:35px}.page-banner .page-banner-comment .writer{margin-top:25px;font-size:25px}.page-banner .page-banner-comment .writer span{font-size:18px}@media screen and (max-width: 920px){.page-banner .page-banner-live{display:none}}.page-content{padding:0 0 30px 0;flex:1}.page-content .home{margin-top:50px}.page-heading{font-size:32px;font-weight:500}.post-list-heading{font-size:28px;color:#17191d;font-weight:500}.post-list-heading svg{width:30px;height:30px;vertical-align:middle}.framework{display:flex}.framework .main{flex:1}.framework .side-bar{margin-left:15px;padding-left:8px;transition:top .2s, display .2s;position:sticky;position:-webkit-sticky;align-self:flex-start;transform:scale(0.9999);top:83.84px}.framework .side-bar .side-bar-tags{min-width:200px;max-width:200px;overflow-x:hidden}.framework .side-bar .side-bar-tags ul{list-style:none;margin:0}.framework .side-bar .side-bar-tags ul li{transition:background-color .3s ease-out}.framework .side-bar .side-bar-tags ul li:not(:last-child){border-bottom:1px solid #e8e8e8}.framework .side-bar .side-bar-tags ul li:hover{background-color:#e8e8e8}.framework .side-bar .side-bar-tags ul li a{display:flex;justify-content:space-between;padding:8px 12px;text-decoration:none;color:#424242}.framework .side-bar .side-bar-tags ul li a span{font-size:80%;display:inline-block;border-radius:10px;align-self:center;background:#07f;padding:0px 8px;margin-left:20px;color:#fdfdfd}@media screen and (max-width: 920px){.framework .side-bar{display:none}}.post-preview h2{color:#17191d}.post-preview ul{list-style:none;margin:0;margin-bottom:30px;font-size:90%}.post-preview ul li{margin-bottom:5px}#toc{width:200px;max-width:200px;font-size:14px;list-style:none}#toc ul{list-style:none}#toc .toc-entry{transition:all .3s ease-out}#toc .toc-entry:not(:last-child){border-bottom:1px solid #e8e8e8}#toc .toc-entry:hover{background-color:rgba(0,119,255,0.8)}#toc .toc-entry:hover a{color:#fdfdfd !important}#toc .toc-entry a{display:flex;justify-content:space-between;padding:8px 12px;text-decoration:none}.post-list{margin-left:0;list-style:none}.post-list>li{margin-bottom:30px;padding-bottom:30px}.post-list>li:not(:last-child){border-bottom:1px solid #e8e8e8}.post-list>li>h3{display:flex;margin-bottom:0px !important}.post-list>li>h3 .badge{font-size:70%;display:inline-block;border-radius:10px;align-self:center;background:#2be283;padding:0px 5px;margin-left:10px;color:#fdfdfd}.post-list>li>p{margin-top:15px}.post-list>li .tags-list{display:flex;flex-wrap:wrap;list-style-type:none;margin-left:0px}.post-list>li .tags-list li{margin-right:5px;margin-bottom:5px}.post-list>li .tags-list li span{display:inline-block;padding:.4em .4em;font-size:80%;line-height:1;border:1px solid #07f !important;border-radius:.1rem;color:#07f;transition:background-color .3s ease-out}.post-list>li .tags-list li span:hover{color:#fdfdfd;background-color:#07f;border-color:#fdfdfd}.post-meta{font-size:14px;color:#828282}.post-desc{display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:66px}.post-link{display:block;font-weight:500;font-size:24px}.blog-header{margin-bottom:30px;padding-top:120px;padding-bottom:120px;background-color:#000}.blog-header .post-title{color:#fdfdfd;font-weight:500;text-shadow:1px 1px 2px #33333355}.blog-header .post-tags{display:flex;flex-wrap:wrap;list-style-type:none;margin-left:0px}.blog-header .post-tags li{margin-right:5px;margin-bottom:5px}.blog-header .post-tags li span{display:inline-block;padding:.4em .4em;font-size:80%;line-height:1;border:1px solid #fdfdfd !important;border-radius:.1rem;color:#fdfdfd;transition:background-color .3s ease-out}.blog-header .post-tags li span:hover{color:#fdfdfd;background-color:#07f;border-color:#fdfdfd}.blog-header .post-meta{color:#fdfdfd !important;text-shadow:1px 1px 2px #33333355}.blog-header .post-member{margin-top:0px;margin-bottom:0px}.blog-header .post-member .thumbnail{flex:1}.blog-header .post-member .thumbnail>img{width:80px;border:none}.blog-header .post-member .desc{flex:9;height:80px;color:#fdfdfd}.blog-header .post-member .desc .inner-cell .name{color:#fdfdfd;text-shadow:1px 1px 2px #33333355}.blog-header .post-member .desc .inner-cell .introduce{color:#fdfdfd;text-shadow:1px 1px 2px #33333355}.blog-header .post-member .desc .inner-cell .skill{display:none}.post-member{display:flex;margin-top:30px;margin-bottom:30px}.post-member .thumbnail{flex:2;margin:auto;text-align:center}.post-member .thumbnail>img{width:100px;border-radius:50%;border:2px solid #e8e8e8}.post-member .desc{flex:8;display:table;overflow:hidden;height:100px;padding:10px 10px;table-layout:fixed;color:#17191d}.post-member .desc .inner-cell{display:table-cell;vertical-align:middle}.post-member .desc .inner-cell .name{display:block;padding-top:1px;font-size:1.1rem;letter-spacing:0;color:#17191d}.post-member .desc .inner-cell .introduce{display:block;padding-top:1px;font-size:90%;letter-spacing:0;color:#17191d}.post-member .desc .inner-cell .skill{margin-top:10px}.post-member .desc .inner-cell .skill .skill-list{display:flex;flex-wrap:wrap;list-style-type:none;margin-left:0px;margin-bottom:0px}.post-member .desc .inner-cell .skill .skill-list li{margin-right:5px;margin-bottom:5px}.post-member .desc .inner-cell .skill .skill-list li a{display:inline-block;padding:.4em .4em;font-size:80%;line-height:1;border:1px solid #07f !important;border-radius:.1rem;color:#07f;transition:background-color .3s ease-out}.post-member .desc .inner-cell .skill .skill-list li a:hover{color:#fdfdfd;background-color:#07f;border-color:#fdfdfd}.post-header{margin-top:30px;margin-bottom:30px}.post-title{font-size:42px;letter-spacing:-1px;line-height:1;font-weight:500}@media screen and (max-width: 920px){.post-title{font-size:36px}}.post-title svg{vertical-align:middle}.post-content{margin-bottom:30px}.post-content h1{font-weight:500;font-size:32px}@media screen and (max-width: 920px){.post-content h1{font-size:28px}}.post-content h2{font-weight:500;font-size:26px}@media screen and (max-width: 920px){.post-content h2{font-size:22px}}.post-content h3{font-weight:500;font-size:20px}@media screen and (max-width: 920px){.post-content h3{font-size:18px}}.post-content h4{font-weight:500;font-size:16px}@media screen and (max-width: 920px){.post-content h4{font-size:12px}}.highlight{margin-top:15px;background:#fff}.highlighter-rouge .highlight{background-color:#f9f9f9}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}