html{margin:0;padding:0;width:100vw;height:100%}.com-border{border-width:8px}.com-border,.com-border-mobile{border-color:#3c3c3b #9d9d9c #c6c6c6 #706f6f;border-style:solid;background:hsla(0,0%,100%,.7)}.com-border-mobile{border-width:3px}body{display:block;-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:"Noto Sans KR","Open Sans","FontAwesome";margin:0;padding:0;width:100vw;min-height:100vh;height:100%;background-color:#fff;left:0;top:0;border:none}#content{margin-top:0;text-align:center}section.timeline-outer{width:100%;margin:0 auto}h1.header{font-size:50px;line-height:70px}.timeline{border-left:4px solid #009fe3;border-bottom-right-radius:4px;border-top-right-radius:4px;background-color:hsla(0,0%,100%,.95);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);color:#333;margin:0 auto;letter-spacing:.5px;position:relative;line-height:1.4em;padding:2px 20px;list-style:none;text-align:left;font-weight:400}.timeline h1,.timeline h2,.timeline h3{font-size:1.4em}.timeline .event{border-bottom:1px solid hsla(0,0%,62.7%,.2);padding-bottom:0;margin-bottom:0;position:relative}.timeline .event:last-of-type{padding-bottom:0;margin-bottom:0;border:none}.timeline .event:after,.timeline .event:before{position:absolute;display:block;top:0}.timeline .event:before{left:-177.5px;color:#333;content:attr(data-date);text-align:right;font-size:16pt;min-width:120px}.timeline .event:after{box-shadow:0 0 0 4px #009fe3;left:-25px;background:#fff;border-radius:50%;height:6px;width:6px;content:"";top:5px}.timeline .event:before{left:.5px;top:44px;min-width:0;font-size:14pt;color:#777}.timeline h3{font-size:14pt;color:#009fe3;font-weight:400}.timeline p{color:#555;width:100%;padding-top:40px;font-size:14pt;line-height:1;white-space:pre-line}a.portfolio-link{margin:0 auto;display:block;text-align:center}.transfer-abc{position:absolute;left:10%;top:60%;height:10%}.transfer-a-ani{-webkit-animation:transfer-a-kf 4s ease infinite;animation:transfer-a-kf 4s ease infinite}.transfer-b-ani{-webkit-animation:transfer-b-kf 4s ease infinite;animation:transfer-b-kf 4s ease infinite}.transfer-c-ani{-webkit-animation:transfer-c-kf 5s ease infinite;animation:transfer-c-kf 5s ease infinite}.transfer-d-ani{-webkit-animation:transfer-d-kf 5s ease infinite;animation:transfer-d-kf 5s ease infinite}.transfer-e-ani{-webkit-animation:transfer-e-kf 4s ease infinite;animation:transfer-e-kf 4s ease infinite}.transfer-f-ani{-webkit-animation:transfer-f-kf 4s ease infinite;animation:transfer-f-kf 4s ease infinite}.transfer-g-ani{-webkit-animation:transfer-g-kf 4s ease infinite;animation:transfer-g-kf 4s ease infinite}@-webkit-keyframes transfer-a-kf{0%{left:14%}to{left:63%}}@keyframes transfer-a-kf{0%{left:14%}to{left:63%}}@-webkit-keyframes transfer-b-kf{0%{left:24%}to{left:64%}}@keyframes transfer-b-kf{0%{left:24%}to{left:64%}}@-webkit-keyframes transfer-c-kf{0%{left:10%}to{left:70%}}@keyframes transfer-c-kf{0%{left:10%}to{left:70%}}@-webkit-keyframes transfer-d-kf{0%{left:10%}to{left:60%}}@keyframes transfer-d-kf{0%{left:10%}to{left:60%}}@-webkit-keyframes transfer-e-kf{0%{left:29%}to{left:64%}}@keyframes transfer-e-kf{0%{left:29%}to{left:64%}}@-webkit-keyframes transfer-f-kf{0%{left:28%}to{left:58%}}@keyframes transfer-f-kf{0%{left:28%}to{left:58%}}@-webkit-keyframes transfer-g-kf{0%{left:24%}to{left:62%}}@keyframes transfer-g-kf{0%{left:24%}to{left:62%}}