@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;line-height:1.5}figure{margin:0}.gist table tbody tr td{box-sizing:content-box}html{background:#fff}::selection{background:#d4d4d4}::-moz-selection{background:#d4d4d4}body{color:#383838;font-family:noto sans kr;font-size:1.125em;word-wrap:break-word}h1,h2,h3,h4,h5,h6{font-family:noto sans kr,sans-serif;line-height:1;margin:.67em 0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#383838}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.25em;font-weight:700}h4{font-size:1.17em;font-weight:700}blockquote{background:rgba(27,31,35,5%);border-left:7px solid #222831;margin:1.5em 10px;padding:.5em}blockquote p:last-child{margin-top:0;margin-bottom:0}footer p:last-child{margin-bottom:0}table{table-layout:fixed;width:100%;word-wrap:break-word}@media(max-width:1100px){table{overflow-x:scroll;display:inline-block}}td,th{padding:.5em 1em;border:1px solid #ccc;text-align:left}table,dl,blockquote,code,kbd,pre,samp{margin:1em 0;font-family:noto sans kr}dt{font-weight:700}dd{margin-left:2em}p,ol,ul,dl,.math-display{line-height:1.5;margin-bottom:1em;margin-top:1em}.math-display{display:inline-block;width:100%}li>ul,li>ol{margin-bottom:0;margin-left:1em}ol,ul{list-style-position:inside}hr{border:0;border-top:1px solid #ccc;border-bottom:1px solid #fff;margin:1em 0}ul>li>ul{margin-top:0}ul>li>a{color:#222831;text-decoration:none;font-weight:700}a{color:#383838;text-decoration:none;font-weight:700}table code a{color:#fff}.nav{list-style:none;margin:0;padding:0}iframe,img,embed,object,video{max-width:100%}img[align=left]{margin-right:3%}img[align=right]{margin-left:3%}#post-nav,.call-out{padding:1% 2%}@media(max-width:1000px){#post-nav,.call-out{padding:1%}}.feature-image .post-content,article,.comments{padding:3% 20%}@media(max-width:1000px){.feature-image .post-content,article,.comments{padding:4.5% 12.5%}}@media(max-width:576px){.feature-image .post-content,article,.comments{padding:3%}}.button{border-radius:.3em;border:1px solid;display:inline-block;margin:1em 0;padding:.5em .75em;color:#222831}.button-link:hover,a.button:hover{background:#222831;border:1px solid #222831;color:#fff;text-decoration:none}.body-link:hover,article a:hover{text-decoration:underline;color:#030304}.disabled{opacity:.7}.post-content>:last-child{margin-bottom:0}article,.comments{border-bottom:1px solid #ccc;float:left;width:100%}article .subtitle{font-size:1.45em;font-weight:400;margin:0}article header{margin-bottom:6%;text-align:center}article img{display:block;margin:0 auto;border:1px solid #ccc}article .footnotes{font-size:.9em}article .meta,article #post-nav p,#post-nav article p{padding-top:10px}article li{padding-left:.5em}header h1{margin:0}.meta,#post-nav p{color:rgba(56,56,56,.5);font-size:.9em;letter-spacing:.1em;margin:0;text-transform:uppercase}.feature-image{padding:0%}.feature-image .post-link{color:#000}.feature-image header{color:#000;background-size:cover;margin-bottom:0;padding:3%}.feature-image header .meta,.feature-image header #post-nav p,#post-nav .feature-image header p{color:rgba(0,0,0,.7)}.selfie{padding-top:100px;display:inline-block;width:100%;text-align:center}.selfie a img{width:150px;height:150px;object-fit:cover;object-position:center;border-radius:50%}.call-out{display:inline-block;width:100%;background-color:#222831;background-size:cover;font-size:1.5em;font-weight:700;text-align:center;color:#b0b0b0}.call-out p:last-child{margin-bottom:0}.call-out a{color:#222831}.home{padding:0 30px}.home .posts{display:grid;grid-template-columns:250px 1fr;grid-gap:0 30px;width:1200px;margin:0 auto;padding:50px 0}.home .posts nav h2{margin:0}.home .posts nav>ul{display:inline-block;width:100%;height:auto;border:1px solid #ccc;list-style:none;padding:20px;border-radius:6px}.home .posts nav>ul>li{display:inline-block;width:100%;position:relative;margin-bottom:10px;list-style:none;padding-left:10px;line-height:1;cursor:pointer}.home .posts nav>ul>li a{color:#ccc;line-height:1}.home .posts nav>ul>li>ul{display:none;margin:5px 0 0 8px;list-style:none}.home .posts nav>ul>li>ul li a{font-size:14px;color:#ccc}.home .posts nav>ul>li .down{position:absolute;top:5px;right:0;width:0;height:0;border-style:solid;border-width:0 8px 9px;border-color:transparent transparent #ccc transparent;transform:rotateZ(180deg);cursor:pointer}.home .posts nav>ul>li .down.on{transform:rotateZ(0);border-color:transparent transparent #000 transparent}.home .posts nav>ul>li:last-child{margin-bottom:0}.home .posts nav>ul>li.on>a,.home .posts nav>ul li:hover>a{color:#000;line-height:1}.home .posts nav>ul li.on .down{border-color:transparent transparent #000 transparent}.home .posts nav>ul li:hover .down{border-color:transparent transparent #000 transparent}.home .posts nav>ul>li.on:before,.home .posts nav>ul li:hover::before{position:absolute;left:0;top:0;content:'';display:block;width:2.5px;height:100%;background:#000;border-radius:5px}.home .posts>div h3{margin-top:0}.home .posts>div h3 span{color:#999;font-size:18px}.home .posts .post-box .post-teaser{width:100%;display:inline-block;padding:20px;margin-bottom:10px}.home .posts .post-box .post-teaser a{display:flex;justify-content:space-between;align-items:center}.home .posts .post-box .post-teaser a h4{margin:0;font-size:24px;line-height:1.2;letter-spacing:0;box-sizing:border-box;color:#383838}.home .posts .post-box .post-teaser a .post-info{position:relative}.home .posts .post-box .post-teaser a .post-info p.meta,.home .posts .post-box .post-teaser a .post-info #post-nav p,#post-nav .home .posts .post-box .post-teaser a .post-info p{margin:5px 0 15px;font-size:.8em;letter-spacing:0;font-weight:400;text-transform:capitalize;color:#ccc}.home .posts .post-box .post-teaser a .post-info .excerpt{color:#ccc}.home .posts .post-box .post-teaser a .post-info .excerpt p{margin:0;font-size:.9em;line-height:1.4;font-weight:500;color:#383838}.home .posts .post-box .post-teaser a .post-info .excerpt p code.highlighter-rouge{padding:0;line-height:inherit}.home .posts .post-box .post-teaser:hover{background:#f0f0f0;border-radius:6px}@media(max-width:1201px){.home .posts{width:100%}}@media(max-width:992px){.home .posts{display:block;width:100%}.home .posts nav{display:none}}@media(max-width:576px){.home{padding:0}.home .posts{display:block;width:100%;padding:16px 0 30px}.home .posts>div h3{padding:0 16px}.home .posts .post-box .post-teaser{margin:0;padding:20px 16px;border-bottom:1px solid #ccc;background:#fff;box-sizing:border-box}.home .posts .post-box .post-teaser:first-child{border-top:1px solid #ccc}.home .posts .post-box .post-teaser:hover{border-radius:0}}@media(max-width:415px){.home .posts>div h3{font-size:16px}.home .posts .post-box .post-teaser a h4{font-size:18px}.home .posts .post-box .post-teaser a .post-info p.meta,.home .posts .post-box .post-teaser a .post-info #post-nav p,#post-nav .home .posts .post-box .post-teaser a .post-info p{font-size:11px}.home .posts .post-box .post-teaser a .post-info .excerpt p{font-size:13px}}.pagination .button i{vertical-align:middle}.pagination{text-align:center}@media(max-width:600px){.pagination{padding:3%}}.tag-title{color:#b0b0b0;margin-top:2em;margin-bottom:.5em}.tagged-post .title{margin-top:0;margin-bottom:.5em;font-weight:700;color:#b0b0b0}.ar-title{text-align:center}.social{list-style:none;display:block;text-align:center;margin:0;padding:40px 0 0;border-top:1px solid #ccc}.social li{border:0;display:inline-block;font-size:1.5em}.social li i{margin-right:10px;margin-left:10px;color:#222831}.site-footer{padding-bottom:50px;display:inline-block;text-align:center;width:100%;color:#858585;font-size:.9em}.tags{width:100%;margin-top:1em;color:#b0b0b0}#post-nav{width:100%;border-bottom:1px solid #ccc;float:left;text-align:center;font-weight:700}#post-nav i{vertical-align:middle}#post-nav a{width:100%;display:inline-block;padding:0;font-size:1.3em}#post-nav .post-nav-post+.post-nav-post{margin-top:1em}.site-header{display:flex;justify-content:space-between;align-items:flex-end;padding:100px 30px 30px;background:#222831;box-sizing:border-box}.site-header h1{width:1200px;margin:0 auto;font-size:42px;line-height:1.4;font-weight:700;color:#fff;cursor:pointer}.site-header h1 span{color:#fff;font-size:38px;font-weight:700;opacity:.4}.site-header h1 span.nbsp{display:inline-block;margin-left:1px}.site-header h1 i{font-size:40px;font-style:normal;opacity:1}.site-header h1 em{font-weight:200;font-style:normal}.site-header h1.mob-t{display:none}.site-header nav{display:none}.site-header nav .h-menu{display:block;cursor:pointer}.site-header nav .h-menu span{display:block;width:30px;height:4px;margin-top:8px;background:#fff}.site-header nav .h-menu span:first-child{margin-top:0}.site-header nav>.side{z-index:2;position:fixed;top:0;right:-100%;width:35%;height:100vh;background:#222831;overflow-y:auto;transition:all .5s ease 0s}.site-header nav>.side>.close{position:absolute;top:30px;right:30px;cursor:pointer}.site-header nav>.side>.close span{position:absolute;top:50%;left:50%;display:block;width:30px;height:3px;background:#fff;transform:translate3d(-50%,-50%,0)rotateZ(45deg);transform-origin:center}.site-header nav>.side>.close span:last-child{transform:translate3d(-50%,-50%,0)rotateZ(-45deg)}.site-header nav>.side>ul{display:block;list-style:none;padding:80px 40px 40px}.site-header nav>.side>ul>li{display:inline-block;width:100%;position:relative;margin-bottom:10px;list-style:none;padding-left:10px;line-height:1}.site-header nav>.side>ul>li>a{color:#888;line-height:1}.site-header nav>.side>ul>li ul{display:none;list-style:none}.site-header nav>.side>ul>li ul li a{color:#555}.site-header nav>.side>ul>li ul li:hover a{color:#fff}.site-header nav>.side>ul>li .down{position:absolute;top:5px;right:0;width:0;height:0;border-style:solid;border-width:0 8px 9px;border-color:transparent transparent #555 transparent;transform:rotateZ(180deg);cursor:pointer}.site-header nav>.side>ul>li .down.on{transform:rotateZ(0);border-color:transparent transparent #fff transparent}.site-header nav>.side>ul>li.on .down{border-color:transparent transparent #fff transparent}.site-header nav>.side>ul>li:hover .down{border-color:transparent transparent #fff transparent}.site-header nav>.side>ul>li:last-child{margin-bottom:0}.site-header nav>.side>ul>li.on>a,.site-header nav>.side>ul li:hover>a{color:#fff;line-height:1}.site-header nav>.side>ul>li.on:before,.site-header nav>.side>ul li:hover::before{position:absolute;left:0;top:0;content:'';display:block;width:2.5px;height:100%;background:#fff;border-radius:5px}.site-header nav>.side.on{right:0}@media(max-width:1201px){.site-header h1{width:100%}}@media(max-width:992px){.site-header{padding:50px 30px 30px}.site-header h1{font-size:30px;line-height:1.2}.site-header h1 span{font-size:20px}.site-header h1 i{font-size:22px}.site-header h1 span.nbsp{margin-left:-3px}.site-header h1.web-t{display:none}.site-header h1.mob-t{display:block}.site-header nav{display:block}}@media(max-width:769px){.site-header nav .side{width:70%}}@media(max-width:576px){.site-header{padding:25px 16px 16px}.site-header h1{font-size:24px;line-height:1.2}.site-header h1 span.nbsp{margin-left:-3px}.site-header nav .h-menu span{width:28px;height:3.4px;margin-top:6.2px;background:#fff}.site-header nav .h-menu span:first-child{margin-top:0}}@media(max-width:415px){.site-header{padding:16px}.site-header h1{font-size:20px}.site-header h1 span{font-size:16px}.site-header h1 i{font-size:18px}.site-header nav .h-menu span{width:26px;height:2.8px;margin-top:5.2px;background:#fff}.site-header nav .h-menu span:first-child{margin-top:0}.site-header nav>.side>ul{padding:60px 30px 30px}}@media(max-width:321px){.site-header{padding:16px}.site-header h1{font-size:18px}}.post-content>p>code{background:rgba(27,31,35,5%);padding:.2em .4em;border-radius:3px;font-size:85%}.post-content>pre{background-color:rgba(27,31,35,5%);color:#383838;padding:5px;border-radius:3px;font-weight:500;overflow:auto}.post-content>pre>code>a{color:#383838}