pre::-webkit-scrollbar { width: 8px; height: 8px; } pre::-webkit-scrollbar-track { border-radius: 5px; background: rgba(255, 255, 255, 0); } pre::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(255, 255, 255, .2); } pre::-webkit-scrollbar-track:hover { background: rgba(255, 255, 255, 0); } pre::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, .7); } code[class*=language-],pre[class*=language-]{color:#f8f8f2;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-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-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#f8f8f2}.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}*,::after,::before{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:0}h1,h2,h3,h4,h5,h6{font-family:Hanna,'Malgun Gothic'}input,pre *,textarea{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}body{font-family:'Jeju Gothic','Malgun Gothic';font-size:1.5rem;color:#000;background-color:#403438;overflow:hidden}@media only screen and (min-width:768px){body{perspective:4000px}.btn,a{-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;transition:all .3s ease 0s}}a:focus,a:hover{text-decoration:none}i{margin-right:.8rem}#tistorytoolbarid{display:none}.blog-logo,.blog-open-nav span{display:block;position:absolute}.ie-overlay{height:100%;width:100%;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#FFF;visibility:visible;-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:not-allowed;z-index:9999}.blog-logo,.blog-open-nav{z-index:3;border-radius:5px;-webkit-backface-visibility:hidden}.ie-overlay .ie-overlay-message{position:relative;top:20%;text-align:center;padding:50px 100px}.ie-overlay .ie-overlay-message h2{font-size:4em;font-weight:300;color:#000}.ie-overlay .ie-overlay-message h4{font-size:2em;font-weight:300;color:#333}.blog-logo{top:34px;left:5%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background:rgba(255,0,29,.7);padding:3px 11px 1px;-webkit-transition:top .5s ease,background .2s ease;-moz-transition:top .5s ease,background .2s ease;transition:top .5s ease,background .2s ease;backface-visibility:hidden}@media only screen and (min-width:768px){.blog-logo{top:60px}.blog-logo:hover{background:rgba(255,25,55,.9);cursor:pointer}}.blog-logo a{color:#fff;text-decoration:none}.blog-logo.is-hide{top:-100px}.blog-open-nav{position:absolute;top:12px;right:8%;overflow:hidden;margin:0;padding:0;width:43px;height:43px;font-size:0;text-indent:-9999px;appearance:none;box-shadow:none;border:none;cursor:pointer;-webkit-transition:-webkit-transform .2s,top .5s ease,background .2s ease;-moz-transition:-moz-transform .2s,top .5s ease,background .2s ease;transition:transform .2s,top .5s ease,background .2s ease;backface-visibility:hidden}.blog-open-nav.is-hide{top:-100px}.blog-open-nav:focus{outline:0}.blog-open-nav span{top:20px;left:9px;right:9px;height:4px;background:#fff}.blog-open-nav span::after,.blog-open-nav span::before{position:absolute;display:block;left:0;width:100%;height:4px;background-color:#fff;content:""}.blog-open-nav span::before{top:-10px}.blog-open-nav span::after{bottom:-10px}.blog-open-nav-arrow{background-color:rgba(0,0,29,.6)}.blog-open-nav-arrow span{transition:transform .3s}.blog-open-nav-arrow span::before{transform-origin:top right;transition:transform .3s,width .3s,top .3s}.blog-open-nav-arrow span::after{transform-origin:bottom right;transition:transform .3s,width .3s,bottom .3s}@media only screen and (min-width:768px){.blog-open-nav{top:38px}.blog-open-nav-arrow:hover{background-color:rgba(0,0,29,.8)}.blog-open-nav-arrow:hover span{transform:rotate(180deg)}.blog-open-nav-arrow:hover span::after,.blog-open-nav-arrow:hover span::before{width:70%}.blog-open-nav-arrow:hover span::before{top:0;transform:translateX(10px) translateY(2px) rotate(45deg)}.blog-open-nav-arrow:hover span::after{bottom:0;transform:translateX(10px) translateY(-2px) rotate(-45deg)}}nav{position:fixed;z-index:4;top:0;right:0;width:100%;height:100%;overflow-y:scroll;background-color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-ms-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform .4s ease 0s;-moz-transition:-moz-transform .4s ease 0s;transition:transform .4s ease 0s}nav.is-visible{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-overflow-scrolling:touch}@media only screen and (min-width:768px){nav{width:550px;-webkit-transition:-webkit-transform .4s ease 0s,box-shadow .4s ease 0s;-moz-transition:-moz-transform .4s ease 0s,box-shadow .4s ease 0s;transition:transform .4s ease 0s,box-shadow .4s ease 0s}nav.is-visible{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-overflow-scrolling:touch;box-shadow:-20px 0 40px rgba(0,0,0,.6)}}nav .blog-nav-header{position:relative;height:80px}nav .blog-nav-header .blog-nav-search{position:absolute;width:70%;height:44px;left:3%;top:16px}@media only screen and (min-width:768px){nav .blog-nav-header .blog-nav-search{left:5%;top:26px}}nav .blog-nav-header .blog-nav-search .input-group-addon{background-color:inherit;border:none;border-radius:0;font-size:1.8em}nav .blog-nav-header .blog-nav-search .form-control{border-top:none;border-left:none;border-right:none;border-bottom:1px solid #ccc;border-radius:0;box-shadow:none;padding:10px 5px}nav .blog-nav-header .blog-close-nav{position:absolute;height:44px;width:44px;right:5%;top:38px;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);overflow:hidden;text-indent:100%;white-space:nowrap;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;transition:opacity .2s;cursor:pointer}nav .blog-nav-header .blog-close-nav::after,nav .blog-nav-header .blog-close-nav::before{content:'';position:absolute;height:4px;width:32px;left:50%;top:50%;background-color:#5c4b51;-webkit-backface-visibility:hidden;backface-visibility:hidden}.blog-overlay,article{-webkit-backface-visibility:hidden}nav .blog-nav-header .blog-close-nav::after{-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);-o-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg)}nav .blog-nav-header .blog-close-nav::before{-webkit-transform:translateX(-50%) translateY(-50%) rotate(-45deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(-45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(-45deg);-o-transform:translateX(-50%) translateY(-50%) rotate(-45deg);transform:translateX(-50%) translateY(-50%) rotate(-45deg)}@media only screen and (min-width:768px){nav .blog-nav-header .blog-close-nav{top:50px}nav .blog-nav-header .blog-close-nav:hover{opacity:.7}}nav .blog-nav-content{padding:10% 10% 30%}nav .blog-nav-content .nav-component-wrapper{margin-top:7rem}nav .blog-nav-content .nav-component-wrapper:first-child{margin-top:0}nav .blog-nav-content .nav-component-wrapper .nav-component-category,nav .blog-nav-content .nav-component-wrapper .nav-component-etc,nav .blog-nav-content .nav-component-wrapper .nav-component-list{margin-top:2rem}nav .blog-nav-content .nav-component-wrapper .nav-component-category ul{list-style:none;margin-left:2rem;opacity:.7}nav .blog-nav-content .nav-component-wrapper .nav-component-category ul:first-child{margin-left:0;opacity:1}nav .blog-nav-content .nav-component-wrapper .nav-component-category li a{color:#333;text-decoration:none;line-height:200%}nav .blog-nav-content .nav-component-wrapper .nav-component-category li a:hover{color:#337ab7}nav .blog-nav-content .nav-component-wrapper .nav-component-category li .c_cnt{color:#aaa;font-size:.8rem}nav .blog-nav-content .nav-component-wrapper .nav-component-list .nav-component-list-item{font-size:1.5rem;line-height:250%;transition:all .2s ease 0s}nav .blog-nav-content .nav-component-wrapper .nav-component-list .nav-component-list-item a{color:#888;text-decoration:none}nav .blog-nav-content .nav-component-wrapper .nav-component-list .nav-component-list-item a:hover{color:#337ab7}@media only screen and (min-width:768px){nav .blog-nav-content .nav-component-wrapper .nav-component-category li a:hover,nav .blog-nav-content .nav-component-wrapper .nav-component-list .nav-component-list-item:hover{padding-left:.5rem}.blog-overlay{-webkit-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s}}nav .blog-nav-content .nav-component-wrapper .nav-component-tag{margin-top:2rem;text-transform:uppercase;line-height:4rem;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}nav .blog-nav-content .nav-component-wrapper .nav-component-tag span{display:inline-block;padding:0 .5rem}nav .blog-nav-content .nav-component-wrapper .nav-component-tag span:first-child{padding-left:0}nav .blog-nav-content .nav-component-wrapper .nav-component-tag span:last-child{padding-right:0}nav .blog-nav-content .nav-component-wrapper .nav-component-tag span.cloud1{font-size:3.5rem}nav .blog-nav-content .nav-component-wrapper .nav-component-tag span.cloud2{font-size:3rem}nav .blog-nav-content .nav-component-wrapper .nav-component-tag span.cloud3{font-size:2.5rem}nav .blog-nav-content .nav-component-wrapper .nav-component-tag span.cloud4{font-size:2rem}nav .blog-nav-content .nav-component-wrapper .nav-component-tag span.cloud5{font-size:1.5rem}.blog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;cursor:pointer;background-color:rgba(0,0,0,.5);visibility:hidden;opacity:0;backface-visibility:hidden}.blog-overlay.is-visible{opacity:1;visibility:visible;z-index:2}article{position:relative;height:100vh;overflow-x:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 1s ease;-moz-transition:-moz-transform 1s ease;transition:transform 1s ease;box-shadow:0 0 40px 5px rgba(0,0,0,.8)}@media only screen and (min-width:768px){article.scale-down{-moz-transform:scale(.7) rotateY(-40deg) translateX(-550px);-ms-transform:scale(.7) rotateY(-40deg) translateX(-550px);-o-transform:scale(.7) rotateY(-40deg) translateX(-550px);transform:scale(.7) rotateY(-40deg) translateX(-550px)}}article .blog-post{position:relative;z-index:1;top:0;height:100%;width:100%;overflow-x:hidden;overflow-y:auto;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform 0s .4s;-moz-transition:-moz-transform 0s .4s;transition:transform 0s .4s;-webkit-overflow-scrolling:touch;-webkit-backface-visibility:hidden;backface-visibility:hidden}article .blog-post .blog-post-header-wrapper .blog-post-header,article .blog-post>div:not([class]) .absent_post{-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}article.scale-down .blog-post{-webkit-backface-visibility:visible;backface-visibility:visible;overflow-y:hidden}article .blog-post .blog-post-header-wrapper{height:100vh;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5RJREFUeNrs2MEJACAQA8Fc/0UrCOLTAjJ+hm3gkEySlfdGa13V5y2Sfd6L4BJq3dsuIdn8A3AJtbYBkLQBaK1tACRtAFprGwBJG4DW2gZA0gagtbYBkLQBaK1tACRtAFprGwBJG4DW2gZA0gagtbYBkLQBaK1tACRtAFprGwBJG4DW2gZA0gagtbYBkLQBaK1tACRtAFprGwBJG4DW2gZA0gagtbYBkLQBaK1tAKQfgEuotQ2ApA3AZdTaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1dglJG4BLqLUNgKQNQGttAyBpA9Ba2wBI2gC01jYAkjYArbUNgKQNQGttAyBpA9Ba2wBI2gC01jYAkjYArbUNgKQNQGttAyBpA9Ba2wBI2gC01jYAkjYArbUNgKQNQGttAyBpA9Ba2wBI2gC01jYAkjYArbUNgKQNQGttAyD9AGwAWtsASNoAtNY2AJI2AK21DYCkDUBrbQMgaQPQWtsASNoAtNY2AJI2AK21DYCkDUBrbQMgaQPQWtsASNoAtNY2AJI2AK21DYCkDUBrbQMgaQPQWtsASNoAtNY2AJI2AK21DYCkDUBrbQMgaQPQWtsASNoAtNY2AJI2AK21S0jaAFxCrW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAOkH4BJqbQMgaQNwGbW2AZC0AWitbQAkbQBaaxsASRuA1toGQNIGoLW2AZC0AWitbQAkbQBaaxsASRuA1toGQNIGoLW2AZC0AWitbQAkbQBaaxsASRuA1toGQNIGoLW2AZC0AWitbQAkbQBaaxsASRuA1toGQNIGoLW2AZB0CbW2AbiEpA3AZdTaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJP9uAQYAXWsF4UCjSrIAAAAASUVORK5CYII=) #565;position:relative}article .blog-post .blog-post-header-wrapper .blog-post-header{position:relative;top:55%;transform:translateY(-50%);color:#fff;text-align:center}article .blog-post .blog-post-header-wrapper .blog-post-header h2{font-size:4.5rem;text-shadow:0 1px 2px rgba(0,0,0,1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 .8em;-ms-word-break:keep-all;word-break:keep-all;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}article .blog-post .blog-post-header-wrapper .blog-post-header span{display:inline-block;margin:2em;padding:10px 30px;background:rgba(0,0,0,.3);border-radius:10px}article .blog-post .blog-post-header-wrapper .blog-post-header span strong{display:block}article .blog-post .blog-post-header-wrapper .blog-post-header span strong a{color:#fff;text-decoration:none}article .blog-post .blog-post-header-wrapper .blog-post-header span strong a:hover{color:#337ab7}@media only screen and (min-width:768px){article .blog-post .blog-post-header-wrapper .blog-post-header h2{font-size:8rem;font-weight:300;margin:auto 15vw}article .blog-post .blog-post-header-wrapper .blog-post-header span{margin:3em;border-radius:15px}article .blog-post .blog-post-header-wrapper .blog-post-header span strong{display:inline-block;margin-right:20px}article .blog-post .blog-post-header-wrapper .blog-post-header span strong:last-child{margin-right:0}}article .blog-post .blog-post-content-wrapper{background-color:#fff;padding:4em 0;min-height:100vh;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}article .blog-post .blog-post-content-wrapper .blog-post-admin{width:90%;max-width:800px;margin:1em auto 5em;border-bottom:1px dashed #ccc}article .blog-post .blog-post-content-wrapper .blog-post-admin div:first-child{padding:0 0 1em}article .blog-post .blog-post-content-wrapper .blog-post-admin div:last-child{padding:0 0 3em}@media only screen and (min-width:768px){article .blog-post .blog-post-content-wrapper .blog-post-admin div:first-child{display:inline-block;padding:0 1em 3em 0}article .blog-post .blog-post-content-wrapper .blog-post-admin div:last-child{display:inline-block;padding:0 0 3em}}article .blog-post .blog-post-content-wrapper .blog-post-content{width:90%;max-width:800px;margin:2em auto;line-height:180%;font-size:1.6rem}article .blog-post .blog-post-content-wrapper .blog-post-content img{display:inline-block;width:auto;height:auto;max-width:100%}article .blog-post .blog-post-content-wrapper .blog-post-content pre{font-size:1.5rem;padding:2.5em;border:none;border-radius:.8em}article .blog-post .blog-post-content-wrapper .blog-post-content pre *{font-family:'Nanum Gothic Coding';font-weight:700}article .blog-post .blog-post-content-wrapper .blog-post-content blockquote{font-size:inherit}article .blog-post .blog-post-content-wrapper .blog-post-content hr{margin:50px auto;max-width:30%;border:0;border-top:1px solid #999}article .blog-post .blog-post-content-wrapper .blog-post-content div.another_category{border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;border-left:none;border-right:none;clear:both;margin:5rem 0;padding:5rem 0}article .blog-post .blog-post-content-wrapper .blog-post-content div.another_category *{color:inherit!important}article .blog-post .blog-post-content-wrapper .blog-post-content div.another_category h4{border-bottom:none!important;font-size:2.3rem!important;margin:0 0 1em!important}article .blog-post .blog-post-content-wrapper .blog-post-content div.another_category th{font-size:1.5rem!important;word-break:break-all}article .blog-post .blog-post-content-wrapper .blog-post-content div.another_category th span{display:none}article .blog-post .blog-post-content-wrapper .blog-post-content div.another_category th a.current{border:none!important}article .blog-post .blog-post-content-wrapper .blog-post-content div.another_category a:hover{opacity:.7}article .blog-post .blog-post-content-wrapper .blog-post-tags{width:90%;max-width:800px;margin:2em auto;text-transform:uppercase}article .blog-post .blog-post-content-wrapper .blog-post-comments{width:90%;max-width:800px;margin:6em auto 2em}article .blog-post .blog-post-content-wrapper .blog-post-comments .blog-post-comment-entry{margin:1em 0 2em}article .blog-post .blog-post-content-wrapper .blog-post-comments .blog-post-comment-entry .comment-input{border-radius:3px;border:none;background:#EEE;padding:.3em .5em;margin:0 0 1em}article .blog-post .blog-post-content-wrapper .blog-post-comments .blog-post-comment-entry .comment-textarea{width:100%;border-radius:5px;border:none;background:#EEE;padding:1em}article .blog-post .blog-post-content-wrapper .blog-post-comments .blog-post-comment{margin-top:10px;position:relative;padding:30px 0 5px 65px;border-top:1px dashed #EEE}article .blog-post .blog-post-content-wrapper .blog-post-comments .blog-post-comment .blog-post-comment-icon{width:48px;height:48px;background-color:#CFEBF7;position:absolute;top:40px;left:0;border-radius:50%;padding:8px 0 0 13px;font-size:25px;color:#fff}article .blog-post .blog-post-content-wrapper .blog-post-comments .blog-post-comment .blog-post-comment-head{margin:10px 0 5px;width:100%;clear:both;font-weight:700}article .blog-post .blog-post-content-wrapper .blog-post-comments .blog-post-comment .blog-post-comment-text{margin:20px 0;line-height:180%;font-size:1.6rem}article .blog-post .blog-post-content-wrapper .blog-post-list{width:90%;max-width:800px;margin:4em auto;line-height:200%}article .blog-post .blog-post-content-wrapper .blog-post-list ul{list-style:none}article .blog-post .blog-post-content-wrapper .blog-post-list ul li{margin:0 1em 5em}@media only screen and (min-width:768px){article .blog-post .blog-post-content-wrapper .blog-post-list ul li{-webkit-transition:padding .3s ease 0s;-moz-transition:padding .3s ease 0s;transition:padding .3s ease 0s}article .blog-post .blog-post-content-wrapper .blog-post-list ul li:hover{padding-left:.5rem}}article .blog-post>div:not([class]){background-color:#fff;padding:4em 0;height:100vh}article .blog-post>div:not([class]) .absent_post{position:relative;top:45%;transform:translateY(-50%)}article .blog-post .blog-post-pagination-wrapper{background-color:#fff;padding:2em 0 4em}article .blog-post .blog-post-pagination-wrapper .blog-post-pages{width:90%;max-width:800px;margin:1em auto;text-align:center}article .blog-post .blog-post-pagination-wrapper .blog-post-pages .interword{float:left}article .blog-post .blog-post-pagination-wrapper .blog-post-pages a:not([href]){cursor:not-allowed;opacity:.5}article .blog-post .blog-post-pagination-wrapper .blog-post-pages .pagination li *{border:none}article .blog-post .blog-post-footer-wrapper{height:30vh;min-height:200px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAYAAABccqhmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5RJREFUeNrs2MEJACAQA8Fc/0UrCOLTAjJ+hm3gkEySlfdGa13V5y2Sfd6L4BJq3dsuIdn8A3AJtbYBkLQBaK1tACRtAFprGwBJG4DW2gZA0gagtbYBkLQBaK1tACRtAFprGwBJG4DW2gZA0gagtbYBkLQBaK1tACRtAFprGwBJG4DW2gZA0gagtbYBkLQBaK1tACRtAFprGwBJG4DW2gZA0gagtbYBkLQBaK1tAKQfgEuotQ2ApA3AZdTaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1dglJG4BLqLUNgKQNQGttAyBpA9Ba2wBI2gC01jYAkjYArbUNgKQNQGttAyBpA9Ba2wBI2gC01jYAkjYArbUNgKQNQGttAyBpA9Ba2wBI2gC01jYAkjYArbUNgKQNQGttAyBpA9Ba2wBI2gC01jYAkjYArbUNgKQNQGttAyD9AGwAWtsASNoAtNY2AJI2AK21DYCkDUBrbQMgaQPQWtsASNoAtNY2AJI2AK21DYCkDUBrbQMgaQPQWtsASNoAtNY2AJI2AK21DYCkDUBrbQMgaQPQWtsASNoAtNY2AJI2AK21DYCkDUBrbQMgaQPQWtsASNoAtNY2AJI2AK21S0jaAFxCrW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAOkH4BJqbQMgaQNwGbW2AZC0AWitbQAkbQBaaxsASRuA1toGQNIGoLW2AZC0AWitbQAkbQBaaxsASRuA1toGQNIGoLW2AZC0AWitbQAkbQBaaxsASRuA1toGQNIGoLW2AZC0AWitbQAkbQBaaxsASRuA1toGQNIGoLW2AZB0CbW2AbiEpA3AZdTaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJG0AWmsbAEkbgNbaBkDSBqC1tgGQtAForW0AJP9uAQYAXWsF4UCjSrIAAAAASUVORK5CYII=) #454;position:relative}article .blog-post .blog-post-footer-wrapper .blog-post-footer{position:relative;top:45%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:90%;max-width:800px;margin:0 auto;text-align:center}article .blog-post .blog-post-footer-wrapper .blog-post-footer h4{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}article .blog-post .blog-post-footer-wrapper .blog-post-footer h3,article .blog-post .blog-post-footer-wrapper .blog-post-footer h4{margin-top:0;margin-bottom:0;padding-top:10px;padding-bottom:10px}article .blog-post .blog-post-footer-wrapper .blog-post-footer .btn-xs{padding:3px 5px 0} /* 관련 글 */ article .blog-post .blog-post-content-wrapper .blog-post-related { width: 90%; max-width: 800px; margin: 5em auto 0; } article .blog-post .blog-post-content-wrapper .blog-post-related .blog-post-related-list { list-style: none; display: block; white-space: nowrap; overflow-x: auto; overflow-y: hidden; } @media only screen and (min-width: 768px) { article .blog-post .blog-post-content-wrapper .blog-post-related .blog-post-related-list { white-space: nowrap; overflow-x: hidden; overflow-y: inherit; } } article .blog-post .blog-post-content-wrapper .blog-post-related .blog-post-related-list .blog-post-related-list-item { display: inline-block; white-space: normal; width: 182px; margin-right: 20px; margin-bottom: 20px; vertical-align: top; } article .blog-post .blog-post-content-wrapper .blog-post-related .blog-post-related-list .blog-post-related-list-item.text_type::before { width: 170px; height: 120px; display: block; padding: 20px; content: ''; text-overflow: ellipsis; font-size: 2rem; color: #eee; overflow: hidden; border-radius: 5px; background: repeating-linear-gradient(-30deg, #ccc, #ccc 2px, #bbb 2px, #bbb 4px ); } article .blog-post .blog-post-content-wrapper .blog-post-related .blog-post-related-list .blog-post-related-list-item-thumb { width: 170px; height: 120px; overflow: hidden; border-radius: 5px; border: 1px solid #bbb; } @media only screen and (min-width: 768px) { article .blog-post .blog-post-content-wrapper .blog-post-related .blog-post-related-list .blog-post-related-list-item .blog-post-related-list-item-thumb { opacity: .6; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; transition: opacity 0.4s; } article .blog-post .blog-post-content-wrapper .blog-post-related .blog-post-related-list .blog-post-related-list-item:hover .blog-post-related-list-item-thumb { opacity: 1; } } article .blog-post .blog-post-content-wrapper .blog-post-related .blog-post-related-list .blog-post-related-list-item-thumb img { width: 200px; } article .blog-post .blog-post-content-wrapper .blog-post-related .blog-post-related-list .blog-post-related-list-item-title { font-size: 1.5rem; padding: 10px 0 0; } article .blog-post .blog-post-content-wrapper .blog-post-related .blog-post-related-list .blog-post-related-list-item-date { font-size: 1.3rem; color: #999; padding: 0 0 10px; } .container_postbtn { display: none; }