@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);@import url(https://fonts.googleapis.com/css?family=Lato);@import url("https://fonts.googleapis.com/css2?family=Nunito&display=swap");@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);@import url("https://fonts.googleapis.com/css?family=Tomorrow&display=swap");@import url("https://fonts.googleapis.com/css?family=Mukta:300,400,700");@font-face{font-family:'Noto Sans';font-weight:400;font-style:normal;src:url("../fonts/Noto-Sans-regular/Noto-Sans-regular.eot");src:url("../fonts/Noto-Sans-regular/Noto-Sans-regular.eot?#iefix") format("embedded-opentype"),local("Noto Sans"),local("Noto-Sans-regular"),url("../fonts/Noto-Sans-regular/Noto-Sans-regular.woff2") format("woff2"),url("../fonts/Noto-Sans-regular/Noto-Sans-regular.woff") format("woff"),url("../fonts/Noto-Sans-regular/Noto-Sans-regular.ttf") format("truetype"),url("../fonts/Noto-Sans-regular/Noto-Sans-regular.svg#NotoSans") format("svg")}@font-face{font-family:'Noto Sans';font-weight:700;font-style:normal;src:url("../fonts/Noto-Sans-700/Noto-Sans-700.eot");src:url("../fonts/Noto-Sans-700/Noto-Sans-700.eot?#iefix") format("embedded-opentype"),local("Noto Sans Bold"),local("Noto-Sans-700"),url("../fonts/Noto-Sans-700/Noto-Sans-700.woff2") format("woff2"),url("../fonts/Noto-Sans-700/Noto-Sans-700.woff") format("woff"),url("../fonts/Noto-Sans-700/Noto-Sans-700.ttf") format("truetype"),url("../fonts/Noto-Sans-700/Noto-Sans-700.svg#NotoSans") format("svg")}@font-face{font-family:'Noto Sans';font-weight:400;font-style:italic;src:url("../fonts/Noto-Sans-italic/Noto-Sans-italic.eot");src:url("../fonts/Noto-Sans-italic/Noto-Sans-italic.eot?#iefix") format("embedded-opentype"),local("Noto Sans Italic"),local("Noto-Sans-italic"),url("../fonts/Noto-Sans-italic/Noto-Sans-italic.woff2") format("woff2"),url("../fonts/Noto-Sans-italic/Noto-Sans-italic.woff") format("woff"),url("../fonts/Noto-Sans-italic/Noto-Sans-italic.ttf") format("truetype"),url("../fonts/Noto-Sans-italic/Noto-Sans-italic.svg#NotoSans") format("svg")}@font-face{font-family:'Noto Sans';font-weight:700;font-style:italic;src:url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot");src:url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.eot?#iefix") format("embedded-opentype"),local("Noto Sans Bold Italic"),local("Noto-Sans-700italic"),url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff2") format("woff2"),url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.woff") format("woff"),url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.ttf") format("truetype"),url("../fonts/Noto-Sans-700italic/Noto-Sans-700italic.svg#NotoSans") format("svg")}.highlight table td{padding:5px}.highlight table pre{margin:0}.highlight .cm{color:#999988;font-style:italic}.highlight .cp{color:#999999;font-weight:bold}.highlight .c1{color:#999988;font-style:italic}.highlight .cs{color:#999999;font-weight:bold;font-style:italic}.highlight .c,.highlight .cd{color:#999988;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .gd{color:#000000;background-color:#ffdddd}.highlight .ge{color:#000000;font-style:italic}.highlight .gr{color:#aa0000}.highlight .gh{color:#999999}.highlight .gi{color:#000000;background-color:#ddffdd}.highlight .go{color:#888888}.highlight .gp{color:#555555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaaaaa}.highlight .gt{color:#aa0000}.highlight .kc{color:#000000;font-weight:bold}.highlight .kd{color:#000000;font-weight:bold}.highlight .kn{color:#000000;font-weight:bold}.highlight .kp{color:#000000;font-weight:bold}.highlight .kr{color:#000000;font-weight:bold}.highlight .kt{color:#445588;font-weight:bold}.highlight .k,.highlight .kv{color:#000000;font-weight:bold}.highlight .mf{color:#009999}.highlight .mh{color:#009999}.highlight .il{color:#009999}.highlight .mi{color:#009999}.highlight .mo{color:#009999}.highlight .m,.highlight .mb,.highlight .mx{color:#009999}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .s{color:#d14}.highlight .na{color:#008080}.highlight .bp{color:#999999}.highlight .nb{color:#0086B3}.highlight .nc{color:#445588;font-weight:bold}.highlight .no{color:#008080}.highlight .nd{color:#3c5d5d;font-weight:bold}.highlight .ni{color:#800080}.highlight .ne{color:#990000;font-weight:bold}.highlight .nf{color:#990000;font-weight:bold}.highlight .nl{color:#990000;font-weight:bold}.highlight .nn{color:#555555}.highlight .nt{color:#000080}.highlight .vc{color:#008080}.highlight .vg{color:#008080}.highlight .vi{color:#008080}.highlight .nv{color:#008080}.highlight .ow{color:#000000;font-weight:bold}.highlight .o{color:#000000;font-weight:bold}.highlight .w{color:#bbbbbb}.highlight{background-color:#f8f8f8}body{line-height:1.4;padding:3em 2em}.item{margin:1em 0}.item__number{display:inline-block;padding:15px;font-family:'Nunito', sans-serif;font-size:4vw;font-weight:700;width:45px;height:45px;color:#fff;border-radius:50%;margin-right:10px;text-align:center;z-index:2}.item__topic{padding-left:80px;font-family:'Nunito', sans-serif;position:relative}.item__topic:before{content:'';position:absolute;width:5px;height:calc(100% + 1em);top:0;left:35px}.item__topic__title{font-weight:700;font-size:21px;font-family:'Spoqa Han Sans', sans-serif;text-transform:uppercase}.item__topic__author{font-size:12px;color:#999}@media (min-width: 768px){main{display:grid;max-width:100%;min-height:50vh;padding-bottom:5em;grid-template-columns:repeat(4, 1fr);grid-template-rows:min-content minmax(100px, 0.8fr) repeat(2, 125px) 320px repeat(2, 125px)}h1{font-size:50px;grid-column:1 / -1}.item{margin:0}.item:nth-of-type(1){grid-column:1;grid-row:3}.item:nth-of-type(2){grid-column:2;grid-row:4}.item:nth-of-type(3){grid-column:3;grid-row:3}.item:nth-of-type(4){grid-column:4;grid-row:4}.item:nth-of-type(5){grid-column:1;grid-row:6}.item:nth-of-type(5) .item__topic{width:180%}.item:nth-of-type(6){grid-column:2;grid-row:7;margin-left:30%}.item:nth-of-type(6) .item__topic{width:200%}.item:nth-of-type(7){grid-column:3;grid-row:6;margin-left:30%}.item{position:relative;text-align:center}.item__number{font-size:25px;line-height:2.6;width:65px;height:65px;margin:auto}.item__topic{position:absolute;text-align:left;width:230%;left:50%;margin-left:-35px;padding-left:60px}.item__topic__title{margin-bottom:8px}.item--top .item__topic{bottom:calc(100% + 1em)}.item--bottom .item__topic{top:100%;padding-top:10px}.item--left .item__topic{text-align:right;right:50%;left:auto;padding-right:25px;width:140%}.item--left .item__topic:before{left:auto;right:0}}@media (min-width: 1240px){main{display:grid;margin:auto;max-width:1150px;min-height:50vh;grid-template-columns:repeat(4, 125px) 20px repeat(3, 125px) 1fr;grid-template-rows:min-content 25% repeat(2, min-content);grid-gap:10px}.item:nth-of-type(1){grid-column:1;grid-row:3}.item:nth-of-type(1) .item__topic{padding-bottom:5em}.item:nth-of-type(2){grid-column:2;grid-row:4}.item:nth-of-type(2) .item__topic{padding-top:6em}.item:nth-of-type(3){grid-column:3;grid-row:3}.item:nth-of-type(3) .item__topic{padding-bottom:3em}.item:nth-of-type(4){grid-column:4;grid-row:4;margin-left:20%}.item:nth-of-type(4) .item__topic{padding-top:3em;width:220%;margin-right:-16px}.item:nth-of-type(5){grid-column:6;grid-row:3}.item:nth-of-type(5) .item__topic{padding-bottom:2em}.item:nth-of-type(6){grid-column:7;grid-row:4;margin-left:15%}.item:nth-of-type(6) .item__topic{padding-top:8em;left:calc(50% + 7px)}.item:nth-of-type(7){grid-column:8;grid-row:3}.item:nth-of-type(7) .item__topic{padding-bottom:5em;width:220%;left:70%}}.item:nth-of-type(1) .item__number{background:rgba(29,36,117,0.6)}.item:nth-of-type(1) .item__topic:before{background:rgba(29,36,117,0.6)}.item:nth-of-type(1) .item__topic__title a,.item:nth-of-type(1) .item__topic__title a:link,.item:nth-of-type(1) .item__topic__title{color:#1d2475}.item:nth-of-type(2) .item__number{background:rgba(94,204,106,0.6)}.item:nth-of-type(2) .item__topic:before{background:rgba(94,204,106,0.6)}.item:nth-of-type(2) .item__topic__title a,.item:nth-of-type(2) .item__topic__title a:link,.item:nth-of-type(2) .item__topic__title{color:#5ecc6a}.item:nth-of-type(3) .item__number{background:rgba(94,227,160,0.6)}.item:nth-of-type(3) .item__topic:before{background:rgba(94,227,160,0.6)}.item:nth-of-type(3) .item__topic__title a,.item:nth-of-type(3) .item__topic__title a:link,.item:nth-of-type(3) .item__topic__title{color:#5ee3a0}.item:nth-of-type(4) .item__number{background:rgba(249,185,27,0.6)}.item:nth-of-type(4) .item__topic:before{background:rgba(249,185,27,0.6)}.item:nth-of-type(4) .item__topic__title{color:#f9b91b}.item:nth-of-type(5) .item__number{background:rgba(62,62,62,0.6)}.item:nth-of-type(5) .item__topic:before{background:rgba(62,62,62,0.6)}.item:nth-of-type(5) .item__topic__title{color:#3e3e3e}.item:nth-of-type(6) .item__number{background:rgba(103,58,101,0.6)}.item:nth-of-type(6) .item__topic:before{background:rgba(103,58,101,0.6)}.item:nth-of-type(6) .item__topic__title{color:#673a65}.item:nth-of-type(7) .item__number{background:rgba(74,189,153,0.6)}.item:nth-of-type(7) .item__topic:before{background:rgba(74,189,153,0.6)}.item:nth-of-type(7) .item__topic__title{color:#4abd99}@media (min-width: 1240px){.item{overflow:visible}.item:before,.item:after{content:'';position:absolute;transform:skew(45deg);z-index:-1;opacity:0.3}.item:nth-of-type(1):before{background:#1d2475;width:120%;height:30px;left:0;margin-left:-68%;bottom:25%}.item:nth-of-type(1):after{background:#673a65;width:40px;height:120%;right:0;top:50%}.item:nth-of-type(2):before{background:#5ecc6a;width:35px;height:80%;transform:none;left:20%;bottom:38%}.item:nth-of-type(2):after{background:#5ecc6a;transform:skew(-55deg);opacity:0.5;width:35px;height:25px;bottom:118%;left:35%}.item:nth-of-type(3):before{background:#5ee3a0;width:35px;height:45px;transform:none;left:-59%;bottom:30%}.item:nth-of-type(3):after{background:#5ee3a0;opacity:0.5;width:108%;height:34px;bottom:40%;left:-46%}.item:nth-of-type(4):before{background:#f9b91b;width:40px;height:120%;left:-65%;bottom:55%}.item:nth-of-type(4):after{background:#4abd99;width:105%;height:30px;top:20%;left:-5%}.item:nth-of-type(5):before{background:#3e3e3e;width:35px;transform:none;height:107%;left:-49%;bottom:-52%}.item:nth-of-type(5):after{background:#3e3e3e;opacity:0.6;width:72%;height:35px;top:45%;left:-35%}.item:nth-of-type(6):before{background:#673a65;width:40px;height:120%;left:-49%;top:-63%}.item:nth-of-type(6):after{background:#4abd99;transform:none;width:170%;height:40px;bottom:43%;left:22%}.item:nth-of-type(7):before{transform:scaleX(-1);opacity:0.5;border-left:35px solid #4abd99;border-bottom:40px solid transparent;height:120px;width:0;bottom:-65%;left:18%}.item:nth-of-type(7):after{top:37%;left:17%;transform:scaleX(-1);border-top:35px solid #5ee3a0;border-right:35px solid transparent;height:0;width:295%}}@keyframes stripe-slide{0%{background-position:0% 0}100%{background-position:100% 0}}.btn{overflow:visible;margin:0;padding:0;border:0;background:transparent;font:inherit;line-height:normal;cursor:pointer;-moz-user-select:text;text-decoration:none;padding:13px 54.5px 16px;background-color:#eee;color:#666;border-radius:0 0 4px 4px;font-size:11px;transition:all .5s ease;font-family:Tomorrow, sans-serif;font-weight:400}.btn:-moz-focus-inner{padding:0;border:0}.btn--stripe:hover{background-color:#666;color:#eee;border-color:#000}.tooltip,.container__sources:before,.container__contributions:before,.container__deploy:before,.container__projects:before{position:absolute;right:0;bottom:100%;color:#fff;background:#555555;text-transform:uppercase;font-size:0.7rem;padding:0.2rem 0.7rem;border-radius:2.5px}.grow{transition-duration:.3s;transition-property:transform}.grow:hover{box-shadow:0 2px 10px #e6e6e6;transform:scale(1.1)}.card{line-height:2;background:#fff;border-radius:4px;box-shadow:0 2px 10px #e6e6e6}body{min-height:100vh;width:100%;font-family:'Mukta', sans-serif;color:#5f39dd;background:#5f39dd}.container{background:#fff;border-radius:5px;display:flex;flex-direction:column;align-items:center;text-align:center}.container svg{height:5rem}.container svg line{stroke:#444444;stroke-width:3px;stroke-linecap:round;stroke-dasharray:2px 20px;animation:animateline 5s linear both infinite}.p__about{font-size:0.8rem;font-weight:300}.container__sources{display:flex;border-radius:8px;padding:1.5rem;background:#f9f9f9;position:relative}.container__sources:before{content:'interests'}.container__sources div{text-align:left;margin:0.4rem 1rem}.container__contributions{border-radius:8px;background:#ffffff;position:relative;box-shadow:0 2px 10px #e6e6e6}.container__contributions:before{content:'github contributions'}.container__contributions div{margin:0.5rem 0.5rem}.container__contributions div svg{width:4rem;height:auto;fill:#5f39dd}.container__deploy{background:#f9f9f9;padding:1.5rem;border-radius:8px;position:relative}.container__deploy:before{content:'skills'}.container__projects{background:#f9f9f9;padding:1.5rem;border-radius:8px;position:relative}.container__projects:before{content:'projects'}@media (max-width: 700px){.container__sources{flex-direction:column}.container__sources div{margin:1rem 0}}@-moz-keyframes animateline{from{stroke-dashoffset:0}to{stroke-dashoffset:-5rem}}@-webkit-keyframes animateline{from{stroke-dashoffset:0}to{stroke-dashoffset:-5rem}}@-o-keyframes animateline{from{stroke-dashoffset:0}to{stroke-dashoffset:-5rem}}@keyframes animateline{from{stroke-dashoffset:0}to{stroke-dashoffset:-5rem}}body{background-color:#fff;padding:50px;font:14px/1.5 'Spoqa Han Sans', 'Sans-serif';color:#888888;font-weight:400}h1,h2,h3,h4,h5,h6{color:#333;margin:0 0 20px}p,ol,table,pre,dl{margin:0 0 20px}h1,h2,h3{line-height:1.1}h1{font-size:28px;font-weight:700}h2{color:#393939}h5{font-weight:400;color:#555555;font-size:13px}h3,h4,h6{color:#888888;text-transform:uppercase;font-family:Lato, sans-serif;font-weight:400}description{margin:0 0 20px}h5 a,h5 a:link{color:#393939;font-weight:600}a{color:#3498db;text-decoration:none}a:hover,a:focus{color:#258cd1}a small{font-size:11px;color:#777;margin-top:-0.3em;display:block}a:hover small{color:#777}.profile{opacity:0.85;height:200px;width:200px;border-width:1px;border-color:#dedede;border-style:solid;border-radius:4px}ul{display:flex;flex-direction:column;align-items:start;list-style-type:none;padding-inline-start:0px;margin-block-start:30px}ul li{padding:6px 0}ul li a.index{position:relative;display:block;padding:4px 0;color:#ababab;text-decoration:none;text-transform:uppercase;transition:0.5s;font-weight:bold;font-family:Lato, sans-serif}ul li a.index::after{position:absolute;content:"";top:100%;left:0;width:100%;height:3px;background:#444444;transform:scaleX(0);transform-origin:right;transition:transform 0.5s}ul li a.index:hover{color:#494949}ul li a.index:hover::after{transform:scaleX(1);transform-origin:left}.icon{height:60px;width:60px;margin-right:15px;opacity:0.9;display:inline;border-radius:4px}.wrapper{width:860px;margin:0 auto}blockquote{border-left:1px solid #e5e5e5;margin:0;padding:0 0 0 20px;font-style:italic}code,pre{font-family:Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;color:#333}pre{padding:8px 15px;background:#f8f8f8;border-radius:5px;border:1px solid #e5e5e5;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:5px 10px;border-bottom:1px solid #e5e5e5}dt{color:#444;font-weight:700}th{color:#444}header{width:270px;float:left;position:fixed;-webkit-font-smoothing:subpixel-antialiased}strong{color:#222;font-weight:700}.downloads li+li+li{border-right:none;width:89px}.downloads a strong{font-size:14px;display:block;color:#222}section{width:500px;float:right;padding-bottom:50px}small{font-size:11px}hr{border:0;background:#e5e5e5;height:1px;margin:0 0 20px}footer{width:270px;float:left;position:fixed;bottom:50px;-webkit-font-smoothing:subpixel-antialiased}@media print, screen and (max-width: 960px){div.wrapper{width:auto;margin:0}header,section,footer{float:none;position:static;width:auto}header{padding-right:320px}section{border:1px solid #e5e5e5;border-width:1px 0;padding:20px 0;margin:0 0 20px}header a small{display:inline}header ul{left:0px;top:52px}}@media print, screen and (max-width: 720px){body{word-wrap:break-word}header{padding:0}header ul,header p.view{position:static}pre,code{word-wrap:normal}}@media print, screen and (max-width: 480px){body{padding:15px}.downloads{width:99%}.downloads li,.downloads li+li+li{width:33%}}@media print{body{padding:0.4in;font-size:12pt;color:#444}}