@charset "UTF-8";@import"//fonts.googleapis.com/css?family=Noto+Sans+KR:400,700&subset=korean";@import"//fonts.googleapis.com/css?family=Droid+Sans:400,700&text=0123456789";html,button,input,textarea{font-family:Droid Sans,Noto Sans KR,sans-serif}*,h1,h2,h3,h4,h5,h6,p{box-sizing:border-box;margin:0;padding:0}ul{padding:0;list-style:none}em{font-style:normal}button{border:0;background:transparent}button:focus{outline:0}a,a:link,a:hover{border:0;color:#202020;font-weight:400;text-decoration:none}textarea:focus,input:focus{outline:none}#app{width:100%;height:100%}.header{position:fixed;width:100%;height:40px;display:flex;align-items:center;justify-content:center;padding-top:15px;background-color:#fff;z-index:500;top:0;cursor:pointer;opacity:.8}.header-title{margin-right:10%}.popup{z-index:10000;top:0;left:0;width:100%;height:100%;position:fixed;background-color:#000c;opacity:1;overflow:hidden}.popup__close-button{width:35px;height:35px;z-index:1500}.popup__close-button--top{position:absolute;right:60px;top:60px}.popup__close-button--bottom{position:relative;display:table;margin-left:auto;margin-right:auto;margin-top:20px}.popup__close-button:hover{cursor:pointer}.popup__close-button img{width:100%;height:100%;max-width:600px;display:block;margin:auto}.popup__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1200}.popup__loading-spinner{width:56px;height:56px;border-radius:50%;border:5px solid rgba(255,255,255,.24);border-top-color:#ff6b6b;border-right-color:#ffd93d;border-bottom-color:#6bcb77;border-left-color:#4d96ff;animation:popup-spin .9s linear infinite,popup-hue 2.4s linear infinite}.popup__portfolio-image-list{position:absolute;height:100%;width:100%;padding:80px 0 60px;overflow-y:scroll}.popup__portfolio-image-list-item{display:table;margin-left:auto;margin-right:auto;margin-bottom:20px}.popup__portfolio-image-list-item img{display:block;margin:0 auto;width:auto;height:auto;max-width:95vw;max-height:95vh;object-fit:contain}@keyframes popup-spin{to{transform:rotate(360deg)}}@keyframes popup-hue{to{filter:hue-rotate(360deg)}}@media screen and (max-width: 800px){.popup__close-button--top{right:15px;top:15px}}.portfolio-list{margin-top:10px;margin-bottom:10px}.portfolio{margin-top:10px;padding-bottom:10px}.portfolio-title{padding-top:3px;border-bottom:1px solid #404040;font-weight:200}.portfolio-title>span:hover{cursor:pointer;font-weight:700}.portfolio-text{font-weight:400;margin-top:10px;margin-bottom:10px}.portfolio-loading{color:#666;margin-top:4px}.portfolio-error{color:#b42318;margin-top:4px}.portfolio-year__year{margin-top:80px;margin-bottom:15px;border-bottom:3px solid #202020;font-weight:700;cursor:pointer}.portfolio-year__yearly-text{margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted gray;line-height:26px;letter-spacing:1px;color:#202020}button,button:hover{cursor:pointer}html,body{width:100%;height:100%;font-family:notokr,Open Sans,애플SD 고딕네오,Apple SD Gothic Neo,맑은 고딕,Malgun Gothic,나눔고딕,NanumGothic,돋움,Dotum,sans-serif;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.large-text{font-size:48px;letter-spacing:2px;line-height:60px}.medium-text{font-size:18px;letter-spacing:2px;line-height:28px}.small-text{font-size:13px;letter-spacing:1px;line-height:20px}.main-wrapper{position:relative;margin-top:20px;width:100%}.portfolio-year-list{position:absolute;width:800px;top:0;left:0;right:0;margin-left:auto;margin-right:auto}.site-title{opacity:1;margin-left:20px;text-align:center}.error-message{margin-top:24px;color:#b42318}@media screen and (max-width: 800px){.portfolio-year-list{width:94%}}