@charset "utf-8";*{margin:0;padding:0}html{height:100%;margin-bottom:1px;font:20px apple sd gothic neo,applesdgothicneo,malgun gothic,맑은 고딕,돋움,dotum,arial,sans-serif;color:#333;background:#fff}body{height:100%}hr{display:none}fieldset,a img{border:none}a{color:#960d20;text-decoration:none;border-bottom:1px dotted #960d20}a:hover{text-decoration:none;border-bottom:1px solid #960d20}.grid{width:1e3px;margin:0 auto}.grid:after{display:block;clear:both;content:".";height:0;visibility:hidden;overflow:hidden}@media only screen and (max-width:1100px){.grid{width:100%;margin:0 auto}img{max-width:100%}}.blind{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#page{height:100%;transition:margin-left .25s ease-in-out;-moz-transition:margin-left .25s ease-in-out;-webkit-transition:all .4s ease;background-color:#fff}#page.sidebar-open{left:-250px;-webkit-transform:translate3d(-250px,0,0);-moz-transform:translate3d(-250px,0,0);transform:translate3d(-250px,0,0);cursor:e-resize;overflow:hidden}header{height:400px;text-align:center;margin-bottom:100px;background:url(/static/images/main-bg.jpg)no-repeat 50%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;display:table;width:100%}header .header{display:table-cell;vertical-align:middle;position:relative}header .header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4)}header nav{position:absolute;top:15px;right:20px;color:#fff;cursor:pointer}header nav i{margin-right:5px;vertical-align:-.125em}#blog-title{position:relative}#blog-title a{text-decoration:none;font-size:50px;color:#fff;font-weight:700;border-bottom:none}#blog-title a:hover{color:#fff;border-bottom:none}#blog-tagline{font-size:15px;font-weight:300;color:#bcbcbc;position:relative}@media only screen and (max-width:600px){#blog-title{padding-left:3%;padding-right:3%}#blog-title a{font-size:36px}}@media only screen and (max-width:500px){header{background-image:url(/static/images/main-bg-sm.jpg)}}@media only screen and (-webkit-min-device-pixel-ratio:1.3) and (max-width:500px),only screen and (-o-min-device-pixel-ratio:13/10) and (max-width:500px),only screen and (min-resolution:120dpi) and (max-width:500px){header{background-image:url(/static/images/main-bg-sm-2x.jpg)}}#search{position:absolute;top:15px;left:20px}#search i{color:#fff;font-size:16px;vertical-align:middle;position:absolute;top:6px;left:12px}#search input{padding:5px 5px 5px 36px;border:none;font-size:15px;width:150px;background-color:rgba(255,255,255,.3);color:#fff;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px}aside{position:fixed;color:#e3e3e3;top:0;right:0;z-index:0;width:250px;height:100%;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);border-width:0 0 0 1px;overflow:auto;background-color:#27262b;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;-webkit-overflow-scrolling:touch}aside.open{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}aside a{color:#e3e3e3;border:none}aside a:hover,aside a:focus{color:#aeaeae;border:none}aside .profile{text-align:center}aside .profile .avatar{background:url(/static/images/profile.png)no-repeat;width:100px;height:100px;margin:30px auto}@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (-o-min-device-pixel-ratio:13/10),only screen and (min-resolution:120dpi){aside .avatar{background:url(/static/images/profile-2x.png)no-repeat}}aside .profile a{margin:0 7px;font-size:24px}aside hr{display:block;border:none;width:50%;height:1px;background-color:#3f3f3f;margin:16px auto}aside .sidebar-area{padding:0 20px}aside .sidebar-area h4{color:#909090}aside .sidebar-area ul{list-style:none;margin-left:16px}aside .sidebar-area a.categoryItem,aside .sidebar-area a.archiveItem{display:block;font-size:16px;padding:6px 0}aside .categoryFeed,aside .sidebar-area ul li ul li ul{display:none}aside .sidebar-area .categoryItem .c_cnt{color:#909090;margin-left:4px;font-size:13px}aside .sidebar-footer{text-align:center;padding-bottom:32px}aside .sidebar-footer a{font-size:28px}#main-content .not-found{text-align:center;margin-top:30px;padding:0 20px}#main-content .not-found-code{font-size:161px;font-weight:700;color:#960d20;line-height:1;margin-bottom:5px;letter-spacing:-2px}#main-content .not-found-text{font-size:41px;font-weight:700;color:#333;margin-bottom:32px}#main-content .not-found-sub{font-size:18px}#main-content .not-found-sub a{color:#960d20;border-bottom:1px dotted #960d20}#main-content .not-found-sub a:hover{border-bottom:1px solid #960d20}#content{background-color:#fff;margin-bottom:200px;min-height:300px}#content ol li{list-style:decimal outside}@media(max-width:1100px){header{margin-bottom:50px}#main-content{padding:0 20px}}#main-content .post h1.post-title{font-size:42px;font-weight:700;border-bottom:1px solid #ddd;padding-bottom:30px;margin-bottom:20px}#main-content .post h1.post-title a{color:#333;border-bottom:none}#main-content .post h1.post-title a:hover{color:#960d20;border-bottom:none}#main-content p{margin-bottom:1.6em;font-size:1.1em;line-height:1.6}#main-content .footnotes{font-size:.95em}#main-content .footnotes p{font-size:inherit;margin-bottom:0}#main-content pre{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;-ms-border-radius:3px;font-size:18px;margin:1.2em 0;padding:15px;background:#272822;overflow-x:auto}#main-content .entry div.chroma{margin:1.2em 0;padding:15px}#main-content .entry pre.chroma{overflow:visible}#main-content .entry .chroma-scroll{display:block;overflow-x:auto}#main-content .chroma .lnt,#main-content .chroma .ln{color:#a0a0a0}#main-content .entry .lntable pre{margin:0;padding:0}#main-content .entry .lntable .lntd:first-child+.lntd{padding-left:15px}@media only screen and (min-width:1101px){#main-content pre.wide,#main-content div.chroma.wide{width:1e3px;margin-left:-250px;box-sizing:border-box;position:relative;z-index:10}}#main-content .chroma .err{color:#f8f8f2;background-color:initial}#main-content pre.chroma,#main-content .entry div.chroma{position:relative;padding-bottom:36px}#main-content .code-copy{position:absolute;right:8px;bottom:8px;width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:#f8f8f2;background-color:rgba(255,255,255,8%);border:1px solid rgba(255,255,255,.15);border-radius:4px;cursor:pointer;opacity:.55;transition:opacity .15s ease,background-color .15s ease,color .15s ease;z-index:11;line-height:1;appearance:none;-webkit-appearance:none;overflow:visible}#main-content .code-copy i{font-size:14px}#main-content .chroma:hover .code-copy{opacity:1}#main-content .code-copy:hover{background-color:rgba(255,255,255,.18)}#main-content .code-copy.copied i{color:#56d364}#main-content .code-copy .code-copy-tip{position:absolute;bottom:calc(100% + 6px);right:0;padding:4px 8px;background-color:rgba(40,40,34,.95);color:#f8f8f2;border-radius:3px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}#main-content .code-copy.copied .code-copy-tip{opacity:1}#main-content p>code,#main-content li>code{font-size:15px;border:1px solid #d2d2d2;padding:2px 5px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;background-color:#f4f4f4;word-break:break-all}#main-content li>strong{color:#4a779c;font-weight:700}#main-content p strong{color:#4a779c;font-weight:700}#main-content blockquote{margin:0 0 0 20px;padding-left:15px;border-left:8px solid #d2d2d2;color:#4c4c4c}#main-content .navigation{border-top:1px solid #ddd;padding-top:30px;text-align:center}#main-content .navigation a,#main-content .navigation span{margin:0 6px;text-decoration:none}#main-content .navigation .no-more-prev,#main-content .navigation .no-more-next{color:#494b50;border-bottom:none}#main-content .navigation .selected{color:#4a779c;font-weight:700}#main-content .navigation .interword{color:#767676}#main-content .post{margin-top:100px}#main-content .post:first-child{margin-top:100px}#main-content .post a{color:#960d20;border-bottom:1px dotted #960d20}#main-content .post a:hover{border-bottom:1px solid #960d20}#main-content .post h2{font-size:32px;font-weight:700;margin-top:36px;margin-bottom:10px}#main-content .post h3{font-size:28px;font-weight:700;margin-top:32px;margin-bottom:10px}#main-content .post h4{font-size:26px;font-weight:700;margin-top:28px;margin-bottom:10px}#main-content .post h5{font-size:24px;font-weight:700;margin-top:24px;margin-bottom:10px}#main-content .post h6{font-size:22px;font-weight:700;margin-top:20px;margin-bottom:10px}#main-content .entry{width:750px;float:right;margin-bottom:30px}#main-content .entry p,#main-content .entry li,#main-content .entry dt,#main-content .entry dd,#main-content .entry th,#main-content .entry td{font-size:1.1em;line-height:1.6}#main-content .entry ul li{list-style:square}#main-content .entry li{margin:0 0 .375em 30px}#main-content .entry li *:not(code),#main-content .entry dd *:not(code){font-size:1em!important;line-height:1.7!important}#main-content .entry ul,#main-content .entry ol{margin-top:0;margin-bottom:0}#main-content .entry table:not(.lntable){border-collapse:collapse;margin:0 auto 20px}#main-content .entry table:not(.lntable) th,#main-content .entry table:not(.lntable) td{border:1px solid #ccc;padding:6px 12px}#main-content .entry table:not(.lntable) th{background-color:#f5f5f5;font-weight:700}#main-content .entry .chroma .lntable .lntd:first-child{border-right:1px solid #7f7f7f}#main-content .entry fieldset{border:1px solid #d2d2d2}#main-content .entry fieldset legend{color:#eee}#main-content .postmetadata{width:210px;font-size:15px}#main-content .postmetadata i{margin-right:5px;vertical-align:-.125em}#main-content .postmetadata a{color:#333;text-decoration:none;border-bottom:none}#main-content .postmetadata a:hover{color:#960d20;border-bottom:1px solid #960d20}#main-content .postmetadata em{font-style:normal}#main-content .postmetadata ul{list-style:none}#main-content .postmetadata ul li.meta{margin-bottom:15px;padding-left:25px}#main-content .postmetadata ul li.meta i{margin-left:-25px}#main-content .postmetadata ul li.tags{line-height:24px}#main-content .postmetadata ul li.tags a,#main-content .listing-page dl.post dd.postmetadata a.tag{display:inline-block;padding:0 8px 0 0;line-height:24px}#main-content .postmetadata ul li.tags a:hover,#main-content .listing-page dl.post dd.postmetadata a.tag:hover{border-bottom:0;text-decoration:underline;text-underline-offset:2px}#main-content .postmetadata ul li.license{padding-left:25px;background:url(/static/images/cc.svg)no-repeat 0 0/18px 18px;line-height:20px}#main-content .postmetadata ul li.license a img{vertical-align:middle;margin-right:2px}#main-content .postmetadata ul li.social i{font-size:18px;vertical-align:top}#main-content .postfooter{width:750px;margin-left:250px;word-break:break-all}#main-content .comment-form{margin-top:20px}#main-content .github-comments{margin-top:10px}@media only screen and (max-width:1100px){#main-content .post{margin-top:50px}#main-content .post:first-child{margin-top:50px}#main-content .entry{width:100%;float:none;margin:0 auto}#main-content .postfooter{width:100%;margin-left:0}#main-content .postmetadata{margin-top:20px;width:auto;margin-bottom:20px}#main-content .postmetadata ul li.meta{margin-bottom:7px}}#main-content .listing-page{margin-top:100px}#main-content .listing-page h1{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #ddd}#main-content .listing-page em{color:#4a779c}#main-content .listing-page dl.post{width:980px;padding-left:70px;margin-bottom:40px;margin-top:0}#main-content .listing-page dl.post dt{font-size:25px}#main-content .listing-page dl.post dt a{text-decoration:none}#main-content .listing-page dl.post dd.postmetadata{margin-top:2px}#main-content .listing-page dl.post .postmetadata{width:640px}@media only screen and (max-width:1100px){#main-content .listing-page dl.post{width:100%;padding-left:0}#main-content .listing-page dl.post .postmetadata{width:auto}}#entry-comments #commentlist li{margin:0 0 0 50px;list-style-type:decimal}#entry-comments #commentlist .commentmetadata{color:#4a779c}#entry-comments #commentlist li dl{display:inline}#entry-comments #commentlist li dl a{border:0}#entry-comments #commentlist li dt{margin-bottom:10px;letter-spacing:1px}#entry-comments #commentlist li dd{border:1px solid #ddd;padding:10px;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;-ms-border-radius:10px;margin-bottom:20px}input{-webkit-appearance:none}footer{height:50px;color:#767676;text-align:center;font-size:14px}footer a{color:#767676;font-weight:700;border-bottom:none}footer a:hover{color:#555;font-weight:700;border-bottom:none}p img{padding:0;max-width:100%;height:auto}#main-content .entry p:has(>img:only-child),#main-content .entry p:has(>a:only-child>img:only-child){text-align:center}.external-banner{text-align:center;margin-bottom:40px}.external-banner a,.external-banner a:visited{border-bottom:0}.external-banner a img{margin-right:15px;margin-left:15px;margin-bottom:3px;vertical-align:middle;max-width:100%;height:auto}.external-banner.footer{margin-top:20px;margin-bottom:40px}footer.sponsor{text-align:center;margin:20px 0 40px}footer.sponsor .sponsor-title{font-size:16px;font-weight:700;margin-bottom:10px;color:#666}.validators{text-align:center;margin:0 0 20px}.validators a,.validators a:visited{color:#999;border-bottom:0;margin:0 8px;font-size:24px}.validators a:hover{color:#960d20}.pagination{margin:30px 0;text-align:center;overflow:hidden}.pagination a{display:inline-block;padding:5px 15px;margin:0 5px;border:1px solid #ddd;border-bottom:1px solid #ddd;color:#960d20}.pagination a:hover{background:#f5f5f5}.pagination .page-info{display:inline-block;padding:5px 15px;color:#999}