@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,500,700&display=swap&subset=korean); @font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:local("Noto Sans KR DemiLight"),local("NotoSansKR-DemiLight"),url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-DemiLight.woff) format("woff")}html{font-size:16px}h1{font-size:2em}h2{font-size:1.87em}h3{font-size:1.62em}h4{font-size:1.37em}[v-cloak]{display:none}#app{min-height:100vh;overflow-x:hidden}#app.active #drawer{left:0}#app.active #main{-webkit-transform:translateX(300px);-moz-transform:translateX(300px);-ms-transform:translateX(300px);-o-transform:translateX(300px);transform:translateX(300px)}#app.active .hover{display:block}/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger{padding:15px 15px;display:inline-block;cursor:pointer;transition-property:opacity, filter;transition-duration:0.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.hamburger:hover{opacity:1}.hamburger.is-active:hover{opacity:1}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#fff}.hamburger-box{width:30px;height:22px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:-2px}.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:30px;height:4px;background-color:#000;border-radius:4px;position:absolute;transition-property:transform;transition-duration:0.15s;transition-timing-function:ease}.hamburger-inner::before,.hamburger-inner::after{content:'';display:block}.hamburger-inner::before{top:-9px}.hamburger-inner::after{bottom:-9px}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner::before{top:9px;transition-property:transform, opacity;transition-timing-function:ease;transition-duration:0.15s}.hamburger--slider .hamburger-inner::after{top:18px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0, 9px, 0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner::before{transform:rotate(-45deg) translate3d(-4.28571px, -5px, 0);opacity:0}.hamburger--slider.is-active .hamburger-inner::after{transform:translate3d(0, -18px, 0) rotate(-90deg)}.hamburger{position:fixed;right:0;top:0;z-index:1;outline:none}.hover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:10}#drawer{height:100%;width:300px;position:fixed;z-index:1;top:0;left:-300px;background:#fff;overflow-x:hidden;padding:20px;border-right:1px solid #d9d9d9;-webkit-transition:left 0.3s;-moz-transition:left 0.3s;-ms-transition:left 0.3s;-o-transition:left 0.3s;transition:left 0.3s}#drawer .blogInfo{margin-bottom:48px}#drawer .blogInfo h1{margin-bottom:0;font-size:1.8rem;font-weight:700}#drawer .blogInfo h1 a{color:#0d1a26}#drawer .blogInfo .blogDesc{color:#999}#drawer .counter h3{margin-bottom:0 !important}#drawer .counter .total h4{font-weight:700;font-size:2rem;margin-bottom:0}#drawer .counter .today,#drawer .counter .yesterday{color:#777}#drawer .sidebarElement{margin-bottom:36px}#drawer .sidebarElement h3{font-size:1rem;margin-bottom:0.4rem}#drawer .sidebarElement ul{margin:0;padding:0;list-style:none}#drawer .sidebarElement ul ul ul{margin-left:24px}#drawer .sidebarElement ul a{display:inline-block;color:#555;margin-bottom:2px}#drawer .sidebarElement ul a:hover{color:#999}#drawer>.sidebarElement:last-child{margin-bottom:0}#drawer .tagbox a{display:inline-block}#drawer .tagbox>div{margin-bottom:-8px}#drawer .tagbox .ant-tag{margin-bottom:8px}#drawer .tagbox .cloud1 .ant-tag{color:#eb2f96;background:#fff0f6;border-color:#ffadd2}#drawer .tagbox .cloud2 .ant-tag{color:#fa8c16;background:#fff7e6;border-color:#ffd591}#drawer .tagbox .cloud3 .ant-tag{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}#drawer .tagbox .cloud4 .ant-tag{color:#1890ff;background:#e6f7ff;border-color:#91d5ff}#drawer .tagbox .cloud5 .ant-tag{color:#722ed1;background:#f9f0ff;border-color:#d3adf7}#main{position:relative;background:#f1f1f1;min-height:100vh;transform:translateX(0);padding:24px;-webkit-transition:transform 0.3s;-moz-transition:transform 0.3s;-ms-transition:transform 0.3s;-o-transition:transform 0.3s;transition:transform 0.3s}#content{margin:0 auto;max-width:100%;min-height:300px;-webkit-transition:padding 0.3s;-moz-transition:padding 0.3s;-ms-transition:padding 0.3s;-o-transition:padding 0.3s;transition:padding 0.3s}.inner-content{padding:24px;margin-bottom:24px}#tt-body-index #main{background:#f1f1f1 !important}#tt-body-index #content{padding:24px 24px 0}#tt-body-index #content>div{margin-bottom:36px}#tt-body-index #content>div:last-child{margin-bottom:0}.featured .ant-card{margin-bottom:24px}.featured .ant-card:last-child{margin-bottom:0}.thumbnail-list h3{font-size:1.3rem;font-weight:700}.thumbnail-list .ant-row-flex{margin:-8px}.thumbnail-list .ant-row-flex>div{padding:8px}.thumbnail-list .ant-card{height:100%}.thumbnail-list .ant-card-meta-title{text-align:center}.thumbnail-list .ant-card-meta-description{text-align:center;font-size:0.88rem;margin-top:-4px}.thumbnail-list .ant-card-body:only-child{height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}.thumbnail-list .ant-card-body:only-child .ant-card-meta-title{white-space:normal}.categoryList h2{font-size:1.3rem;margin-bottom:0;padding-bottom:12px;border-bottom:2px solid #000}.categoryList h2 span{color:#1890ff;margin-left:4px}.categoryList .ant-list-item-content{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center}.categoryList .ant-list-item-content a{color:#333;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex-grow:1;-ms-flex:1;flex-grow:1}.categoryList .ant-list-item-content a:hover{color:#999}.categoryList .ant-list-item-content .cnt{color:#999;font-size:0.85em;margin-left:2px}.categoryList .ant-list-item-content .date{font-size:0.85rem;margin-left:6px}.categoryList .ant-list-empty-text{padding:24px}.paging{text-align:center}.paging a{color:#333;margin:0 3px;padding:2px}.paging a:hover{color:#999}.paging .prev.no-more-prev{color:#aaa;cursor:default}.paging .next.no-more-next{color:#aaa;cursor:default}.paging .numbox .selected{color:#1890ff;font-weight:700;cursor:default}.article{margin-bottom:48px}.article h2{font-size:1.8em;font-weight:700;margin-bottom:6px}.article .admin{margin-top:4px}.article .admin a{color:#aaa}.article .article-content{margin-top:24px}.article .tag-trail{font-size:0;margin-bottom:-8px}.article .tag-trail h3{font-size:1.2rem;font-weight:700}.article .tag-trail a[rel='tag']{font-size:14px;line-height:22px;height:24px;color:#1890ff;background:#e6f7ff;display:inline-block;padding:0 7px;border-radius:4px;border:1px solid #91d5ff;margin-right:8px;margin-bottom:8px;white-space:nowrap}.article .tag-trail a[rel='tag']:hover{opacity:0.85}.article .container_postbtn{margin:24px 0 48px;padding:0}.related{margin-bottom:48px}.related h3{font-size:1.2rem;font-weight:700}.related .link{position:relative;height:114px;border-radius:5px;background-color:#eee;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;padding:12px}.related .link .txt{position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-weight:700}.related .link .bg{display:block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.5;background:#000;border-radius:5px}.related .ant-row-flex{margin:-4px}.related .ant-row-flex>div{padding:4px}.guestWrite .options,.commentWrite .options{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;margin-bottom:6px}.guestWrite .options>span,.commentWrite .options>span{width:125px}.guestWrite .options>span:first-child,.commentWrite .options>span:first-child{margin-right:6px}.guestWrite .options .custom-checkbox,.commentWrite .options .custom-checkbox{margin-left:auto;position:relative}.guestWrite .options .custom-checkbox input[type='checkbox'],.commentWrite .options .custom-checkbox input[type='checkbox']{position:absolute;opacity:0;z-index:-1;width:100%;height:100%;left:0;top:0}.guestWrite .options .custom-checkbox input[type='checkbox']+label,.commentWrite .options .custom-checkbox input[type='checkbox']+label{position:relative;display:block;padding:0 0 0 1.5em;height:16px;line-height:16px;cursor:pointer}.guestWrite .options .custom-checkbox input[type='checkbox']+label:before,.commentWrite .options .custom-checkbox input[type='checkbox']+label:before{position:absolute;top:0;left:0;display:block;width:16px;height:16px;content:' ';border:1px solid #bdc3c7;border-radius:20%;-webkit-transition:0.25s all ease;-o-transition:0.25s all ease;transition:0.25s all ease}.guestWrite .options .custom-checkbox input[type='checkbox']+label:after,.commentWrite .options .custom-checkbox input[type='checkbox']+label:after{position:absolute;top:0;left:0;display:block;width:16px;height:16px;content:'\f00c';color:#ffffff;text-align:center;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:0.25s all ease;-o-transition:0.25s all ease;transition:0.25s all ease;font-size:10px;font-family:'Font Awesome 5 Free';font-weight:900;font-variant:normal;font-style:normal;text-rendering:auto;-webkit-font-smoothing:antialiased}.guestWrite .options .custom-checkbox input[type='checkbox']:checked+label:before,.commentWrite .options .custom-checkbox input[type='checkbox']:checked+label:before{background:#1890ff;border-color:#1890ff}.guestWrite .options .custom-checkbox input[type='checkbox']:checked+label:after,.commentWrite .options .custom-checkbox input[type='checkbox']:checked+label:after{-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.guestWrite textarea,.commentWrite textarea{margin-bottom:6px !important;min-height:71px}.guestList,.commentList{margin-top:24px}.guestList ol,.commentList ol{margin:0;padding:0;list-style:none}.guestList ol li,.commentList ol li{padding:12px 0;border-bottom:1px solid #e8e8e8}.guestList ol ul,.commentList ol ul{margin:0 0 0 24px;padding:0;list-style:none}.guestList ol ul li:last-child,.commentList ol ul li:last-child{border-bottom:0;padding-bottom:0}.guestList .header,.commentList .header{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;margin-bottom:4px}.guestList .header .name a,.commentList .header .name a{color:#333;font-weight:500}.guestList .header .name a:hover,.commentList .header .name a:hover{color:#999}.guestList .header .name span,.commentList .header .name span{display:none}.guestList .header .date,.commentList .header .date{font-size:0.85rem;margin-left:6px;color:#999}.guestList .header .date a,.commentList .header .date a{font-size:0;margin-left:4px}.guestList .header .date a:before,.commentList .header .date a:before{display:inline-block;font-size:0.85rem;font-family:'Font Awesome 5 Free';font-weight:900;font-variant:normal;font-style:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;content:'\f0a1';color:#aaa}.guestList .header .spacer,.commentList .header .spacer{-webkit-box-flex:1 !important;-moz-box-flex:1 !important;-webkit-flex-grow:1 !important;-ms-flex:1 !important;flex-grow:1 !important}.guestList .header .modify,.commentList .header .modify{font-size:0.85rem;color:#333}.guestList .header .modify:hover,.commentList .header .modify:hover{color:#999}.guestList .header .write,.commentList .header .write{font-size:0.85rem;margin-left:6px;color:#333}.guestList .header .write:hover,.commentList .header .write:hover{color:#999}.guestList .content,.commentList .content{margin-bottom:0}.guestList .guest_admin .name a,.guestList .rp_admin .name a,.commentList .guest_admin .name a,.commentList .rp_admin .name a{color:#1890ff}.guestList .guest_admin .name a:hover,.guestList .rp_admin .name a:hover,.commentList .guest_admin .name a:hover,.commentList .rp_admin .name a:hover{color:#91d5ff}.guestList .guest_secret .content,.guestList .rp_secret .content,.commentList .guest_secret .content,.commentList .rp_secret .content{color:#91d5ff}.guestbook h2{font-size:1.5rem;margin-bottom:24px}.protected{margin-bottom:0}.protected .article-content{color:#666;margin:48px 0 !important;text-align:center}.page,.notice{margin-bottom:0}.page .container_postbtn,.notice .container_postbtn{margin-bottom:0}.article-content blockquote{margin:1em 0}.article-content blockquote[data-ke-style='normal']{border-left:8px solid #eee;padding:20px 24px}.article-content pre{tab-size:4}.article-content .btn-toggle-moreless{font-weight:700}.article-content .moreless-content{padding:20px 24px;background-color:#f5f5f5}.taglog h2{font-size:1.5rem;margin-bottom:24px}.taglog a{display:inline-block}.taglog>div{margin-bottom:-8px}.taglog .ant-tag{margin-bottom:8px}.taglog .cloud1 .ant-tag{color:#eb2f96;background:#fff0f6;border-color:#ffadd2}.taglog .cloud2 .ant-tag{color:#fa8c16;background:#fff7e6;border-color:#ffd591}.taglog .cloud3 .ant-tag{color:#52c41a;background:#f6ffed;border-color:#b7eb8f}.taglog .cloud4 .ant-tag{color:#1890ff;background:#e6f7ff;border-color:#91d5ff}.taglog .cloud5 .ant-tag{color:#722ed1;background:#f9f0ff;border-color:#d3adf7}.ant-tag{font-size:14px;line-height:22px;height:24px}#footer{text-align:center;padding:24px;color:rgba(0,0,0,0.65);font-size:14px}@media (min-width: 992px){#drawer{left:0 !important}.hover,.hamburger{display:none !important}#main{-webkit-transform:translateX(0) !important;-moz-transform:translateX(0) !important;-ms-transform:translateX(0) !important;-o-transform:translateX(0) !important;transform:translateX(0) !important;margin-left:300px}#content{width:992px;padding:24px 24px 0 24px}.inner-content{border:1px solid #d9d9d9;background:#fff}}@media (max-width: 992px){#main{background:#fff;padding:0}}