p,h2{margin:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height:1.5}html,body{color:#333e4c;margin:0;padding:0}html{font-family:"Source Sans Pro","APPLE SD Gothic Neo",HelveticaNeue,Helvetica,"NanumGothic","맑은 고딕","Malgun Gothic",arial,sans-serif,"Source Sans Pro",sans-serif;font-size:17px}@media (min-width: 670px){html{font-size:18px}}body{-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{line-height:normal;margin:0}h2{font-size:24px}a{color:#333e4c;text-decoration:none}blockquote{border-left:0.25rem solid #D8E0E7;color:#90949a;margin:.8rem 0 1rem 0;padding:.5rem 1rem}blockquote p:last-child{margin-bottom:0}@media (min-width: 600px){blockquote{padding:0 0 0 1.25rem}}img{display:block;margin:0 0 1rem;max-width:100%}td{vertical-align:top}.transition{transition:all 0.3s ease-in-out}::selection{background:#8565fc;color:#FFF;text-shadow:none}::-moz-selection{background:#8565fc;color:#FFF;text-shadow:none}::-webkit-selection{background:#8565fc;color:#FFF;text-shadow:none}pre,code{font-family:Menlo,Monaco,monospace}code{background-color:#ebeff2;border-radius:3px;color:#8565fc;font-size:85%;padding:.2em .4em}pre{margin:0 0 1rem}pre code{background-color:transparent;color:inherit;font-size:100%;padding:0;font-size:16px}.highlight{background-color:#f6f9fc;border:1px solid rgba(216,224,231,0.7);border-radius:3px;line-height:1.4;margin:0 0 1rem;padding:1rem}.highlight pre{margin-bottom:0;overflow-x:auto}.highlight .lineno{color:#8898aa;display:inline-block;padding:0 .75rem 0 .25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.post-header{background-position:center center;background-repeat:no-repeat;background-size:cover;width:100%;min-height:360px;background-color:#D8E0E7}@media (max-width: 670px){.post-header{min-height:200px}}.project-header{font-family:"Source Sans Pro",sans-serif,"Source Sans Pro","APPLE SD Gothic Neo",HelveticaNeue,Helvetica,"NanumGothic","맑은 고딕","Malgun Gothic",arial,sans-serif;color:#333e4c}.project-header .header-project-title{font-weight:700;font-size:38px}@media (max-width: 670px){.project-header .header-project-title{font-size:32px}}.project-header .header-project-des{padding-top:6px;font-size:20px;color:#90949a}@media (max-width: 670px){.project-header .header-project-des{font-size:17px}}.post-header-bg{background-color:#D8E0E7}.post{padding-bottom:40px}.post p{line-height:1.8;margin:0 0 10px 0;word-break:break-all;font-family:"Source Sans Pro","APPLE SD Gothic Neo",HelveticaNeue,Helvetica,"NanumGothic","맑은 고딕","Malgun Gothic",arial,sans-serif;font-weight:400;letter-spacing:-0.009em}.post p sup a.footnote{background:none;color:#8565fc}.post p img{margin:0 auto}.post a{transition:all 0.2s ease-in-out;background-position:0% 100%, 110% 90%, 0% 98%;background-repeat:no-repeat, no-repeat, repeat-x;background-size:2px 1px, 2px 1px, 1px 1px;background-image:linear-gradient(#fff, #fff),linear-gradient(#fff, #fff),linear-gradient(#8565fc, #8565fc)}.post a:hover{color:#8565fc;text-decoration-color:#8565fc}.post a.book-link{background-image:none}.post a.book-link .book-cover{width:30%;display:inline-block;border:1px solid rgba(0,0,0,0.1);margin:24px 11px;border-radius:5px;box-shadow:0px 8px 24px -7px rgba(0,0,0,0.03)}@media (max-width: 914px){.post a.book-link .book-cover{margin:22px 8px}}@media (max-width: 670px){.post a.book-link .book-cover{width:30%;margin:18px 4px;border-radius:3px}}.post a.book-link .book-cover:hover{border:1px solid #8565fc}.post a.book-link:after{background:linear-gradient(to right, rgba(0,0,0,0.2) 0, transparent 5%, transparent 95%, rgba(0,0,0,0.2) 100%)}.post h1{padding:40px 0 16px 0;font-weight:700;font-size:28px;letter-spacing:-0.009em}.post h1:first-child{padding:0 0 16px 0}.post h2{padding:30px 0 12px 0;font-weight:700;font-size:25px}.post h2:first-child{padding:0 0 12px 0}.post h3{padding:20px 0 10px 0;font-size:22px;font-weight:600}.post h4,.post h5{padding:12px 0 8px 0}.post h5{font-size:17px}.post h6{line-height:1.6;font-size:17px;padding-bottom:40px;color:#90949a;font-weight:400;text-align:center}@media (max-width: 670px){.post h6{font-size:15px}}.post figcaption{text-align:center;font-size:17px;color:#90949a;line-height:1.8;margin-bottom:40px}@media (max-width: 670px){.post figcaption{font-size:15px}}.post ol{margin:0;padding-left:10px}.post ol li{padding:6px 0;margin-left:8px}.post ul li{list-style:none;padding:6px 0;margin-left:20px;line-height:1.65;position:relative}.post ul li:before{content:"";position:absolute;width:8px;height:8px;background-color:#c1cad4;border-radius:50%;left:-22px;top:16px}@media (max-width: 670px){.post ul li:before{top:14px}}.post ul ul li{list-style:none;margin-left:20px}.post .catalogue-draft-message{text-align:center;margin:50px 0;width:100%;padding:32px 0;border:1px solid #D8E0E7;border-radius:6px;font-size:16px;color:#333e4c;font-weight:500}@media (max-width: 670px){.post .catalogue-draft-message{font-size:15px}}.post .catalogue-draft-message h1{font-family:"Source Sans Pro",sans-serif;letter-spacing:0.01em;color:#8565fc;padding-bottom:7px;font-size:25px}@media (max-width: 670px){.post .catalogue-draft-message h1{font-size:23px}}sup a.footnote{background:none;color:#8565fc}.post-type{color:#8565fc;font-size:18px;font-family:"Source Sans Pro",sans-serif;font-weight:600}.post-type-tag{margin:32px 0}.post-info>h1.post-title{padding:0 0 12px 0;font-weight:700;font-size:32px;font-family:"Source Sans Pro","APPLE SD Gothic Neo",HelveticaNeue,Helvetica,"NanumGothic","맑은 고딕","Malgun Gothic",arial,sans-serif;line-height:1.2;letter-spacing:-0.009em}@media (max-width: 670px){.post-info>h1.post-title{font-size:28px;line-height:1.4em}}.post-info>h2.post-subtitle{padding:0 0 60px 0;font-weight:400;font-size:22px;color:#90949a;line-height:1.5}@media (max-width: 670px){.post-info>h2.post-subtitle{font-size:20px;padding:0 0 90px 0}}.catalogue-tag{font-family:"Source Sans Pro",sans-serif;display:inline-block;margin-bottom:2px;text-transform:uppercase;letter-spacing:0.03em;padding:4px 7px;font-size:13px;font-weight:800;background-color:#FEE85A;border-radius:8px;color:#000;margin-bottom:10px}@media (max-width: 900px){.catalogue-tag{margin:10px 0}}.post>div.footnotes{margin-top:80px}.post>div.footnotes>ol{padding:0;margin-left:6px;font-size:16px;color:#90949a}.post>div.footnotes>ol li p{margin:0}.post>div.footnotes>ol li p a.reversefootnote{background:none;color:#8565fc}.post>div.footnotes>ol li p a:hover{opacity:.6}.share{display:inline-block;position:relative;margin-bottom:120px;animation-name:moving;animation-duration:0.6s;animation-timing-function:ease-in-out}.share-facebook{position:absolute;left:80px}.share-twitter{position:absolute}.portfolio-info{margin-bottom:16px;width:100%;border:1px solid #D8E0E7;border-radius:6px;padding:0 24px 20px 24px}.portfolio-info p{margin:0}.portfolio-info .info-title{margin-top:16px;display:inline-block;font-weight:600;font-size:20px}@media (max-width: 670px){.portfolio-info .info-title{font-size:20px}}.portfolio-info .info-medium{color:rgba(51,62,76,0.8);font-size:17px}.portfolio-info .info-small{font-size:16px;letter-spacing:.4px;color:#90949a}video{margin-bottom:16px}.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:#8565fc}.highlight .na{color:#cd5bee}.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:#00afba}.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:40px auto;max-width:750px;width:80%}@media (max-width: 670px){.container{width:88%;margin:24px auto}}main,footer>.footer_wrap,.nav-container{margin:0 auto;max-width:750px;width:80%}@media (max-width: 670px){main,footer>.footer_wrap,.nav-container{width:88%}}.nav{overflow:auto;padding:24px 0}.nav-container{margin:0 auto;padding-bottom:10px;position:relative}ul{list-style-type:none;margin:0;padding:0}.nav-container li{font-family:"Source Sans Pro",sans-serif;display:inline-block;margin:0 40px 0 0}.nav-container li:last-child{margin-right:0}@media (max-width: 670px){.nav-container li{margin:0 24px 0 0;font-size:16px}}.nav-container li:hover{opacity:0.5}.active{padding-bottom:6px;border-bottom:2px solid #333e4c;font-weight:700;color:#333e4c}.normal{font-weight:500;border-style:none;padding-bottom:0}footer{font-family:"Source Sans Pro",sans-serif;padding:36px 0 46px 0;background-color:#f6f9fc;color:#8898aa;border-top:1px solid #D8E0E7;border-bottom:1px solid #D8E0E7}footer .footer_wrap{font-style:normal;position:relative}footer .footer_wrap .information{display:inline-block}footer .footer_wrap .information .myname{font-size:20px;font-weight:600;margin-bottom:4px}footer .footer_wrap .information .email{font-size:16px;color:#8898aa}footer .footer_wrap .information a.email:hover{opacity:.6}footer .footer_wrap .information .accounts{margin-top:36px}footer .footer_wrap .information .accounts a{margin-right:24px}footer .footer_wrap .information .accounts a svg{fill:#8898aa;width:20px}footer .footer_wrap .information .accounts a:hover{opacity:.6}footer .footer_wrap .copyright{float:right;position:absolute;right:0;bottom:2px}@media (max-width: 670px){footer .footer_wrap .copyright{float:none;position:static;margin-top:6px}}footer .footer_wrap .copyright span{font-size:16px}.pagination{font-family:"Source Sans Pro",sans-serif;padding:1rem 0 3rem 0;position:relative;text-align:center}.pagination span{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;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:#333e4c;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 rgba(0,0,0,0.07);padding:36px 0;list-style:none}.catalogue-item:last-child{margin-bottom:72px;border:none}.catalogue-type{color:#8565fc;font-size:18px;font-family:"Source Sans Pro",sans-serif;font-weight:600;margin-bottom:10px}.catalogue-info{display:inline-block}.catalogue-info .catalogue-tag{font-family:"Source Sans Pro",sans-serif;display:inline-block;margin-bottom:2px;text-transform:uppercase;letter-spacing:0.03em;padding:4px 7px;font-size:13px;font-weight:800;margin-bottom:10px;background-color:#FEE85A;border-radius:8px}@media (max-width: 900px){.catalogue-info .catalogue-tag{margin:10px 0}}.catalogue-info h1.catalogue-title{color:#333e4c;display:block;font-family:"Source Sans Pro","APPLE SD Gothic Neo",HelveticaNeue,Helvetica,"NanumGothic","맑은 고딕","Malgun Gothic",arial,sans-serif;font-size:24px;font-weight:700;line-height:1.5;letter-spacing:-0.009em;position:relative}@media (max-width: 670px){.catalogue-info h1.catalogue-title{font-size:22px}}@media (max-width: 900px){.catalogue-info{display:block;width:100%}}.catalogue-info p.catalogue-sub{font-size:18px;color:#90949a;line-height:1.75;padding-bottom:24px}@media (max-width: 670px){.catalogue-info p.catalogue-sub{font-size:16px}}.catalogue-info p.catalogue-body{font-size:16px;color:#90949a}.catalogue .catalogue-draft-message{text-align:center}.catalogue-item:hover .catalogue-info{cursor:pointer;opacity:.6}.catalogue-img{border-radius:3px}.intro-animation{animation-name:moving;animation-duration:0.6s;animation-timing-function:ease-in-out}section.explanation{padding-top:40px}@media (max-width: 670px){section.explanation{padding-top:20px}}section.explanation h1.intro{font-family:"Source Sans Pro",sans-serif,"Source Sans Pro","APPLE SD Gothic Neo",HelveticaNeue,Helvetica,"NanumGothic","맑은 고딕","Malgun Gothic",arial,sans-serif;font-size:38px;font-weight:bold;line-height:1.17;margin:0}@media (max-width: 670px){section.explanation h1.intro{font-size:32px}}@media (max-width: 550px){section.explanation h1.intro{margin-bottom:8px}}section.explanation h2.intro{font-size:25px;font-weight:400;font-family:"Source Sans Pro","APPLE SD Gothic Neo",HelveticaNeue,Helvetica,"NanumGothic","맑은 고딕","Malgun Gothic",arial,sans-serif;line-height:1.5;word-wrap:normal;margin:20px 0 0 0}@media (max-width: 670px){section.explanation h2.intro{font-size:24px}}section.explanation p.body{font-size:16px;color:#333e4c;line-height:1.75;margin:20px 0 64px 0}section.explanation .intro-link{display:inline-block}section.explanation .intro-link:hover a{cursor:pointer;color:#1f8ce6}@media (max-width: 670px){section.explanation .intro-link:hover a{color:#333e4c}}section.explanation .underline,section.explanation .underline-mask{width:inherit;height:4px;background-color:#D8E0E7;margin-top:-4px}section.explanation .underline-mask{content:'';background-color:#1f8ce6;transform:scaleX(0);transition:transform 300ms ease-in-out}@media (max-width: 670px){section.explanation .underline-mask{transform:none}}section.explanation .intro-link:hover .underline-mask{transform:scaleX(1)}@media (max-width: 670px){section.explanation .intro-link:hover .underline-mask{transform:none}}.second-label{margin:80px 0 20px 0;font-family:"Source Sans Pro",sans-serif;font-size:18px;font-weight:600;color:#33AFFF;vertical-align:middle}.second-label .label-emoji{font-size:26px}div.resume-info{position:relative}div.resume-info svg{width:24px;fill:#8565fc;position:absolute}.resume .workplace{width:100%;padding:30px 0;border-top:1px solid rgba(0,0,0,0.07)}.resume .workplace .workplace-name{font-family:"Source Sans Pro","APPLE SD Gothic Neo",HelveticaNeue,Helvetica,"NanumGothic","맑은 고딕","Malgun Gothic",arial,sans-serif;font-size:18px;font-weight:700;width:30%;float:left}@media (max-width: 670px){.resume .workplace .workplace-name{float:none;width:100%}}.resume .workplace .work-info{display:inline-block}.resume .workplace .work-info p.work-sub-info{color:#8898aa;font-size:16px;font-family:"Source Sans Pro",sans-serif;font-weight:400}.resume .workplace svg{width:24px;float:right}.resume .workplace:last-child{border-bottom:1px solid rgba(0,0,0,0.07)}.resume a .view-all-projects{display:inline-block;color:#8898aa;font-size:18px;font-family:"Source Sans Pro",sans-serif;font-weight:600;margin:20px 0}.resume a .view-all-projects svg{width:20px;fill:#8898aa;vertical-align:middle;margin-left:6px}.resume a:hover{opacity:.6}section.skill{padding-bottom:72px}section.skill svg{width:24px;fill:#8565fc;position:absolute}section.skill li.skill_name{display:inline-block;font-family:"Source Sans Pro",sans-serif;padding:4px 14px;border-radius:100px;border:solid 1px #D8E0E7;font-size:16px;margin:0 8px 14px 0}@keyframes moving{from{opacity:.3}to{opacity:1}}.loading-animation{animation-name:moving;animation-duration:0.6s;animation-timing-function:ease-in-out}