@font-face{font-family:'Pretendard-Regular';src:url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff") format("woff");font-weight:400;font-style:normal}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:1.5}html,body{color:#111;margin:0;padding:0}html{font-family:"Pretendard-Regular","Nanum Gothic","Segoe UI",Helvetica,Arial,sans-serif;font-size:14px;overflow-y:scroll}@media (min-width: 600px){html{font-size:16px}}body{-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{color:#353535;font-family:"Pretendard-Regular","Nanum Gothic","Segoe UI",Helvetica,Arial,sans-serif;line-height:normal;margin-bottom:3px}a{color:#4a9ae1;text-decoration:none}blockquote{border-left:0.25rem solid #e5e5e5;color:#979797;margin:.8rem 0;padding:.5rem 1rem}blockquote p:last-child{margin-bottom:0}@media (min-width: 600px){blockquote{padding:0 5rem 0 1.25rem}}img{display:block;margin:0 0 1rem;max-width:100%}td{vertical-align:top}pre,code{font-family:"consolas",Monaco,monospace}code{background-color:#f9f9f9;border-radius:3px;color:#bf616a;font-size:80%;padding:.25em .5em}pre{margin:0 0 1rem}pre code{background-color:transparent;color:inherit;font-size:80%;padding:0}.highlight{background-color:#f9f9f9;border-radius:3px;line-height:1.4;margin:0 0 1rem;padding:0.5rem}.highlight pre{margin-bottom:0;overflow-x:auto}.highlight .lineno{color:#aaa;display:inline-block;padding:0 .75rem 0 .25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.post{padding:3rem 0}.post-header{color:#aaa;font-family:"Pretendard-Regular","Nanum Gothic","Segoe UI",Helvetica,Arial,sans-serif;letter-spacing:0.5px;max-width:1200px}.post-title{color:#353535;font-family:"Pretendard-Regular","Nanum Gothic","Segoe UI",Helvetica,Arial,sans-serif;font-size:2.5rem;margin:1rem 0}.post-body{max-width:900px;margin:0 auto}.post-body p{font-weight:300;margin:0 0 1rem;text-align:justify}.post-body p.dot-line{text-align:center;font-weight:1000;display:block;margin:0 auto 3rem;width:4rem}.post-body p.notice{color:#FF6347;margin-bottom:0.35rem}.post-body p.tech-ground{text-align:right}.post-body table{border:1px solid #ccc;border-collapse:collapse;border-spacing:0.1rem;width:100%;text-align:center;margin-left:auto;margin-right:auto;margin-bottom:1rem}.post-body table tr,.post-body table td{border-collapse:collapse;border:1px solid #ccc;vertical-align:middle}.post-body table tr.key,.post-body table td.key{font-weight:bold}.post-body table tr.left,.post-body table td.left{text-align:left;padding-left:0.4rem}.post-body em{color:#808080;display:block;font-family:"Pretendard-Regular","Nanum Gothic","Segoe UI",Helvetica,Arial,sans-serif;font-style:normal;font-size:0.9rem;text-align:left}.post-body em.center{text-align:center}.post-body sup{font-size:0.8em;padding-left:0.1em}.post-line{border-top:0.4rem solid #353535;display:block;margin:0 auto 3rem;width:4rem}.post-tag-box-container{display:flex}.post-tag-box{display:block;width:auto;margin:0.5em;padding:0.2em}.post-author-container{margin:0 auto}.post-author-box{display:grid;grid-template-columns:8rem auto;margin-bottom:1rem}.post-author-box img.author-image{width:5rem;margin-left:1rem;margin-top:1rem;border-radius:70%;overflow:hidden}.post-author-box span.author-name{font-size:1.1rem;font-weight:900}.post-author-box span.author-role{font-size:0.8rem}.post-author-box p.author-desc{font-size:0.9rem}.post a:hover{text-decoration:underline}.post img{margin:0 auto 0.5rem}.post img.emoji{display:inline-block;left:0;transform:none;width:1rem;height:1rem;vertical-align:text-top;padding:0;margin:0}.highlight .hll{background-color:#ffc}.highlight .c{color:#999}.highlight .err{color:#a00;background-color:#faa}.highlight .k{color:#069}.highlight .o{color:#555}.highlight .cm{color:#09f;font-style:italic}.highlight .cp{color:#099}.highlight .c1{color:#999}.highlight .cs{color:#999}.highlight .gd{background-color:#fcc;border:1px solid #c00}.highlight .ge{font-style:italic}.highlight .gr{color:red}.highlight .gh{color:#030}.highlight .gi{background-color:#cfc;border:1px solid #0c0}.highlight .go{color:#aaa}.highlight .gp{color:#009}.highlight .gu{color:#030}.highlight .gt{color:#9c6}.highlight .kc{color:#069}.highlight .kd{color:#069}.highlight .kn{color:#069}.highlight .kp{color:#069}.highlight .kr{color:#069}.highlight .kt{color:#078}.highlight .m{color:#f60}.highlight .s{color:#d44950}.highlight .na{color:#4f9fcf}.highlight .nb{color:#366}.highlight .nc{color:#0a8}.highlight .no{color:#360}.highlight .nd{color:#99f}.highlight .ni{color:#999}.highlight .ne{color:#c00}.highlight .nf{color:#c0f}.highlight .nl{color:#99f}.highlight .nn{color:#0cf}.highlight .nt{color:#2f6f9f}.highlight .nv{color:#033}.highlight .ow{color:#000}.highlight .w{color:#bbb}.highlight .mf{color:#f60}.highlight .mh{color:#f60}.highlight .mi{color:#f60}.highlight .mo{color:#f60}.highlight .sb{color:#c30}.highlight .sc{color:#c30}.highlight .sd{color:#c30;font-style:italic}.highlight .s2{color:#c30}.highlight .se{color:#c30}.highlight .sh{color:#c30}.highlight .si{color:#a00}.highlight .sx{color:#c30}.highlight .sr{color:#3aa}.highlight .s1{color:#c30}.highlight .ss{color:#fc3}.highlight .bp{color:#366}.highlight .vc{color:#033}.highlight .vg{color:#033}.highlight .vi{color:#033}.highlight .il{color:#f60}.css .o,.css .o+.nt,.css .nt+.nt{color:#999}.container{margin:0 auto;max-width:1200px;width:80%}main,footer,.nav-container{display:block;margin:0 auto;max-width:1200px;width:80%}.nav{box-shadow:0 2px 2px -2px rgba(0,0,0,0.2);overflow:auto}.nav-container{margin:1rem auto;position:relative;text-align:center}.nav-title{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;transition:all 0.2s ease-out;color:#111;display:inline-block;margin:0;padding-right:.2rem}.nav-title:hover,.nav-title:focus{opacity:.6}.nav ul{list-style-type:none;margin:1rem 0 0;padding:0;text-align:center}.nav li{-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;transition:all 0.2s ease-out;color:#111;display:inline-block;opacity:.6;padding:0 2rem 0 0}.nav li:last-child{padding-right:0}.nav li:hover,.nav li:focus{opacity:1}.nav a{color:#111;font-family:"Pretendard-Regular","Nanum Gothic","Segoe UI",Helvetica,Arial,sans-serif}@media (min-width: 600px){.nav-container{text-align:left}.nav ul{bottom:0;position:absolute;right:0}}footer{text-align:center}footer .footer-link{display:inline-flex;align-items:center;justify-content:center;padding-top:2rem;font-family:"Pretendard-Regular","Nanum Gothic","Segoe UI",Helvetica,Arial,sans-serif;font-size:.8rem;color:#111}footer .footer-link img{margin:0 0.3rem 0 0;position:relative;width:1.6rem}footer .footer-copyright{display:inline-flex;align-items:center;justify-content:center;padding:2rem 0;font-family:"Pretendard-Regular","Nanum Gothic","Segoe UI",Helvetica,Arial,sans-serif;font-size:.8rem;color:#111}.pagination{border-top:0.5px solid #e5e5e5;font-family:"Pretendard-Regular","Nanum Gothic","Segoe UI",Helvetica,Arial,sans-serif;padding-top:2rem;position:relative;text-align:center}.pagination span{color:#353535;font-size:1.1rem}.pagination .top{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;color:#111;font-family:"Pretendard-Regular","Nanum Gothic","Segoe UI",Helvetica,Arial,sans-serif;font-size:1.1rem;opacity:.6}.pagination .top:hover{opacity:1}.pagination .arrow{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;color:#111;position:absolute}.pagination .arrow:hover,.pagination .arrow:focus{opacity:.6;text-decoration:none}.pagination .left{left:0}.pagination .right{right:0}.catalogue-item{border-bottom:1px solid #e5e5e5;color:#111;display:block;padding:2rem 0}.catalogue-item:hover .catalogue-line,.catalogue-item:focus .catalogue-line{width:5rem}.catalogue-item:last-child{border:0}.catalogue-title{color:#353535;display:block;font-family:"Pretendard-Regular","Nanum Gothic","Segoe UI",Helvetica,Arial,sans-serif;font-size:1.4rem;font-weight:700;margin:.5rem 0}.catalogue-line{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;border-top:0.2rem solid #353535;display:block;width:2rem}.notfound{position:relative;text-align:center;margin:4rem 0}.notfound-error{font-size:4rem;margin:1rem 0}.notfound-line{border-top:0.4rem solid #353535;display:block;margin:0 auto 3rem;width:4rem}.notfound-message{max-width:25rem;margin:0 auto}.tags-header-title{color:#353535;font-family:"Pretendard-Regular","Nanum Gothic","Segoe UI",Helvetica,Arial,sans-serif;font-size:4rem;margin:1rem 0;text-align:center}.tags-header-line{border-top:0.4rem solid #353535;display:block;margin:0 auto 3rem;width:4rem}.tags-clouds{text-align:center;font-family:"Pretendard-Regular","Nanum Gothic","Segoe UI",Helvetica,Arial,sans-serif}.tags-clouds a{display:inline-block;margin:0 0.1rem 0.2rem;padding:0.2rem 0.5rem;background:rgba(0,0,0,0.05);border-radius:5px;color:#111;text-decoration:none}.tags-clouds a:hover,.tags-clouds a:active{background:rgba(0,0,0,0.1)}.tags-item-icon{height:1rem}.tags-item-label{display:inline-block;margin:2rem 0 0.5rem;font-family:"Pretendard-Regular","Nanum Gothic","Segoe UI",Helvetica,Arial,sans-serif;color:#111}.tags-post{display:flex;justify-content:space-between;padding:5px 0}.tags-post-title{color:#111;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags-post-line{-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;border-top:0.1rem solid #353535;display:block;width:0}.tags-post-meta{color:#aaa;text-align:right;white-space:nowrap}.tags-post:hover .tags-post-line,.tags-post:active .tags-post-line{width:3rem}.tags-post:hover .tags-post-meta,.tags-post:active .tags-post-meta{color:#353535}.youtube-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%}.youtube-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.kakaotv-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%}.kakaotv-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.slideshare-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%}.slideshare-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.link-button-group{margin:1em 0}.link-button{background-color:#ffffff;font-size:1em;border:none;padding:0.45em 0.65em;cursor:pointer}.link-button:hover{background-color:#f5f5f5}