@font-face{font-family:Pretendard;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:OkMallangW;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/2603-1@1.0/OkMallangW-Regular.woff2) format("woff2");font-weight:400;font-display:swap}*{box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:0;font-family:Pretendard,sans-serif;font-size:13pt;font-weight:500;line-height:1.2;font-style:normal;color:#333}html{font-family:Pretendard,sans-serif;font-size:13pt}a{text-decoration:none;color:inherit}body{margin:0;padding:0;background-color:#fff}button{cursor:pointer;width:auto;min-width:100px;height:42px;padding:0 20px;border-radius:30px;border:1px solid #d9d9d9;display:flex;flex-direction:row;align-items:center;justify-content:center}button:hover{background-color:#d9d9d9}button:active{background-color:#a1a1a1;color:#fff}select{width:auto;min-width:100px;height:42px;padding:0 20px;border-radius:30px;border:1px solid #d9d9d9;display:flex;flex-direction:row;align-items:center;justify-content:center}.loading-rotate{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.loading-rotate:after{content:"";position:absolute;width:50px;height:50px;max-width:100%;max-height:100%;min-width:50px;min-height:50px;border-radius:50%;border:7px solid #fffcf1;border-top-color:#fc0;animation:loading-rotate 1s linear infinite}@keyframes loading-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes loading-fade{0%{opacity:1}to{opacity:.1}}.main-container{width:100%;height:100vh;padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}.main-container .header{width:100%;height:100px;background-color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #d9d9d9}.main-container .body{width:100%;height:calc(100vh - 160px);min-height:300px;background-color:#fff;overflow-y:auto;overflow-x:hidden;padding:50px}.main-container .body .main-body-message-box{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.footer{width:100%;height:40px;background-color:#f2f2f2;border-top:1px solid #d9d9d9;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:0 20px}.footer .weffice-status{color:#868686;font-size:11pt;display:none}.footer .weffice-status.show{display:block}.header .user-info{width:300px;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;padding:20px}.header .user-info button.login-ing{animation:loading-fade 1s ease-in-out alternate infinite}.header .logo{width:400px;height:100%;padding:20px 30px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;cursor:pointer;font-size:27pt;font-family:OkMallangW;color:#1eceff;text-shadow:4px 4px 4px #d9d9d9}.editor-container{width:100%;height:100vh;padding:0;margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}.editor-container .header{width:100%;height:100px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #d9d9d9}.editor-container .header .note-tab-list{width:calc(100vw - 720px);height:100%;background-color:#fff;display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-start;gap:5px}.editor-container .header .note-tab-list .tab-item{position:relative;width:auto;min-width:100px;max-width:300px;overflow-x:hidden;overflow-y:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;height:40px;background-color:#f9f9f9;line-height:40px;padding:0 35px 0 15px;border-radius:10px 10px 0 0;border:1px solid #adadad;border-bottom-width:0;color:#aeaeae;font-weight:300}.editor-container .header .note-tab-list .tab-item.active{font-weight:800;color:#00f}.editor-container .header .note-tab-list .tab-item.new{min-width:50px;width:50px;background-color:#92e0af;color:#fff;padding:0 15px;text-align:center}.editor-container .header .note-tab-list .tab-item.new:hover{background-color:#62ba82}.editor-container .header .note-tab-list .tab-item.new:active{background-color:#3f935e}.editor-container .header .note-tab-list .tab-item.new:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;border:0;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='rgba(0,0,0,1)'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cline%20x1='12'%20y1='5'%20x2='12'%20y2='19'%3e%3c/line%3e%3cline%20x1='5'%20y1='12'%20x2='19'%20y2='12'%3e%3c/line%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:22px;background-color:transparent}.editor-container .header .note-tab-list .tab-item button.btn-close{position:absolute;right:5px;top:10px;width:20px;height:20px;border-radius:50%;border:0;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='rgba(0,0,0,1)'%20stroke-width='1'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3cline%20x1='18'%20y1='6'%20x2='6'%20y2='18'%3e%3c/line%3e%3cline%20x1='6'%20y1='6'%20x2='18'%20y2='18'%3e%3c/line%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:16px;background-color:transparent;cursor:pointer}.editor-container .header .note-tab-list .tab-item button.btn-close:hover{background-color:#d9d9d9}.editor-container .body{width:100%;height:calc(100vh - 160px);min-height:300px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.editor-container .body .left{width:400px;min-width:400px;height:100%;border-right:1px solid #d9d9d9;background-color:#fff;position:relative}.editor-container .body .left .left-doc-list-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1px}.editor-container .body .left .left-doc-list-container .left-list{width:100%;height:auto;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;padding:5px 20px;font-size:14pt}.editor-container .body .left .left-doc-list-container .left-list:hover{background-color:#f9f9f9}.editor-container .body .left .left-doc-list-container .left-list.doc{color:#a2a2a2}.editor-container .body .left .left-doc-list-container .left-list.doc.active{color:#000;font-weight:700;background-color:#f9f9f9}.editor-container .body .center{width:calc(100% - 400px);min-width:700px;height:100%;overflow:auto;background-color:#fff}.editor-container .body .center.no-content{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px;font-size:24pt;color:#d9d9d9;font-style:italic}.editor-container .body .center .page-background{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;padding:10px 20px}.editor-container .body .center .page-background .page-tools-container{width:100%;height:40px;background-color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px}.editor-container .body .center .page-background .page-tools-container button,.editor-container .body .center .page-background .page-tools-container select{width:auto;height:40px;padding:5px 20px;background-color:#ff0}.editor-container .body .center .page-background .page-title-container{width:100%;height:70px;min-height:70px;background-color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}.editor-container .body .center .page-background .page-title-container .page-title{width:100%;height:70px;background-color:#f0f0f0;border-bottom:3px solid #a1a1a1;font-size:25pt;padding:0 10px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.editor-container .body .center .page-background .page-title-container .page-title input[type=text]{width:100%;height:100%;border:0;font-size:25pt;background-color:transparent}.editor-container .body .center .page-background .page-title-container .page-title input[type=text]:focus{outline:none}.editor-container .body .center .page-background .page-title-container .page-title input[type=text]::placeholder{color:#e4e4e4}.editor-container .body .center .page-background .page-sheet{position:relative;width:100%;height:auto;min-height:calc(100% - 100px);background-color:#fff;border-radius:0;padding:0 5px;font-size:15pt;line-height:41px;overflow:auto;transition:.3s all ease-in-out}.editor-container .body .center .page-background .page-sheet[contenteditable=true],.editor-container .body .center .page-background .page-sheet[contenteditable=true] p,.editor-container .body .center .page-background .page-sheet[contenteditable=true] div{color:#3d3d3d}.editor-container .body .center .page-background .page-sheet:focus{outline:none}.editor-container .body .center .page-background .page-sheet p{line-height:41px;font-size:15pt}.editor-container .body .center .page-background .page-sheet.yellow{background-color:#ffffe0}.editor-container .body .center .page-background .page-sheet.blue,.editor-container .body .center .page-background .page-sheet.green{background-color:#f3faff}.editor-container .body .center .page-background .page-sheet.underline-solid-31{background-attachment:local;background-image:repeating-linear-gradient(transparent,transparent 30px,#e9e9e9 30px,#e9e9e9 31px,transparent 31px)}.editor-container .body .center .page-background .page-sheet.underline-solid-31 p,.editor-container .body .center .page-background .page-sheet.underline-solid-31 div{line-height:31px;font-size:12pt}.editor-container .body .center .page-background .page-sheet.underline-solid-41{background-attachment:local;background-image:repeating-linear-gradient(transparent,transparent 40px,#e9e9e9 40px,#e9e9e9 41px,transparent 41px)}.editor-container .body .center .page-background .page-sheet.underline-solid-41 p,.editor-container .body .center .page-background .page-sheet.underline-solid-41 div{line-height:41px;font-size:15pt}.editor-container .body .center .page-background .page-sheet.underline-solid-51{background-attachment:local;background-image:repeating-linear-gradient(transparent,transparent 50px,#e9e9e9 50px,#e9e9e9 51px,transparent 51px)}.editor-container .body .center .page-background .page-sheet.underline-solid-51 p,.editor-container .body .center .page-background .page-sheet.underline-solid-51 div{line-height:51px;font-size:18pt}.editor-container .body .right{display:none;width:200px;min-width:200px;height:100%;border-left:1px solid #d9d9d9;background-color:#fff}