*{box-sizing:border-box}body,html{height:100%;margin:0}body{font-family:Malgun Gothic,맑은 고딕,sans-serif;font-size:13px;background:#e8edf2;overflow:hidden}#app{display:flex;flex-direction:column;height:100vh}#menubar{display:flex;align-items:center;gap:6px;background:#2c5d98;color:#fff;padding:6px 10px}#menubar .logo{font-weight:700;margin-right:10px;letter-spacing:1px}#menubar button{background:#ffffff22;color:#fff;border:1px solid #ffffff44;border-radius:4px;padding:4px 12px;cursor:pointer;font-size:13px}#menubar button:hover:not(:disabled){background:#ffffff3b}#menubar button:disabled{opacity:.45;cursor:default}#menubar .filename{margin-left:12px;opacity:.9;font-size:12px}#menubar #doc-meta{font-size:11px;opacity:.75}.spacer{flex:1 1}#toolbar{display:flex;align-items:center;gap:4px;background:#f6f8fa;border-bottom:1px solid #c9d3dd;padding:5px 10px}#toolbar .sep{width:1px;height:20px;background:#c9d3dd;margin:0 5px}#toolbar input[type=number],#toolbar select{border:1px solid #b6c2cf;border-radius:3px;background:#fff;padding:3px 4px;font-size:12px}#sel-font{width:130px}#sel-style{width:90px}#inp-size{width:52px}.size-box{display:inline-flex;align-items:center;gap:2px}.size-box .unit{font-size:11px;color:#667}#toolbar button{min-width:28px;height:26px;border:1px solid transparent;border-radius:3px;background:transparent;cursor:pointer;font-size:13px;line-height:1}#toolbar button:hover:not(:disabled){background:#e2eaf2;border-color:#b6c2cf}#toolbar button.active{background:#cfe0f1;border-color:#7ba7d4}#toolbar button:disabled{opacity:.4;cursor:default}.color-btn{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:28px;height:26px;justify-content:center;cursor:pointer;border-radius:3px;border:1px solid transparent}.color-btn:hover{background:#e2eaf2;border-color:#b6c2cf}.color-btn span{font-size:12px;line-height:1}.color-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}.color-btn:after{content:"";display:block;width:16px;height:3px;background:var(--swatch,#000);margin-top:1px;border-radius:1px}.zoom-box{font-size:12px;color:#445;display:inline-flex;gap:4px;align-items:center}#workspace{flex:1 1;overflow:hidden;position:relative}#scroller{height:100%;overflow:auto;padding:24px 0 80px;touch-action:pan-x pan-y}#sheet-container{display:flex;flex-direction:column;align-items:center;gap:24px}.hwp-page{background:#fff;box-shadow:0 2px 10px rgba(20,40,70,.25);position:relative;outline:none}.hwp-page-body{outline:none;min-height:1em}.page-guide{position:absolute;left:0;right:0;height:0;border-top:1px dashed #b8c6d8;pointer-events:none}.page-guide:after{content:attr(data-label);position:absolute;right:4px;top:-16px;font-size:10px;color:#9ab;background:#ffffffcc;padding:0 4px}.hwp-para{white-space:pre-wrap;word-break:break-all;min-height:1em;margin:0}table.hwp-table{border-collapse:collapse;margin:2px 0}table.hwp-table td{border:1px solid #333;padding:2px 4px;vertical-align:top}.hwp-textbox,img.hwp-image{max-width:100%;vertical-align:bottom}.hwp-textbox{display:inline-block;border:1px solid #555;padding:4px 6px}.ctrl-anchor{display:none}.hwp-footer,.hwp-header{position:absolute;outline:none;overflow:hidden;min-height:1.2em;color:#333}.hwp-header{border-bottom:1px dotted #cdd8e4}.hwp-footer{border-top:1px dotted #cdd8e4}.hwp-footer:hover,.hwp-header:hover{background:#f8fbff}.note-marker{vertical-align:super;font-size:.7em;color:#1a56a8;cursor:default;-webkit-user-select:none;user-select:none}.hwp-notes{margin-top:18px;border-top:1px solid #666;padding-top:6px;font-size:.85em}.hwp-note{display:flex;gap:4px;align-items:flex-start}.hwp-note-num{color:#1a56a8;white-space:nowrap}.hwp-note-content{flex:1 1;outline:none}.shape-placeholder{display:inline-block;border:1px dashed #8aa;background:#f4f8fb;color:#67a;font-size:11px;padding:2px 6px;vertical-align:bottom;border-radius:3px}#find-panel{position:absolute;top:86px;right:28px;z-index:50;background:#fff;border:1px solid #b6c2cf;border-radius:6px;box-shadow:0 4px 16px rgba(20,40,70,.2);padding:8px;display:flex;flex-direction:column;gap:6px}#find-panel[hidden]{display:none}#find-panel .row{display:flex;gap:4px;align-items:center}#find-panel input{padding:4px 6px;width:160px}#find-panel button,#find-panel input{border:1px solid #b6c2cf;border-radius:3px;font-size:12px}#find-panel button{background:#f4f7fa;padding:4px 8px;cursor:pointer}#find-panel button:hover{background:#e2eaf2}#find-count{font-size:11px;color:#667}#statusbar{display:flex;align-items:center;gap:12px;background:#eef2f6;border-top:1px solid #c9d3dd;padding:3px 12px;font-size:12px;color:#345}#status-msg{color:#2c5d98}@media print{#find-panel,#menubar,#statusbar,#toolbar{display:none!important}#app{height:auto}#scroller,#workspace{overflow:visible}#scroller{height:auto;padding:0}#sheet-container{gap:0}body{background:#fff;overflow:visible}.hwp-page{box-shadow:none!important;page-break-after:always;break-after:page}.page-guide{display:none!important}.hwp-footer,.hwp-header{border:none!important}}#sheet-container:empty:before{content:"HWP 파일을 열거나 이곳에 끌어다 놓으세요";color:#8899aa;font-size:15px;margin-top:120px}body.dragover #workspace{outline:3px dashed #2c5d98;outline-offset:-8px}.hamburger{display:none}@media (max-width:768px){.hamburger{display:inline-flex;align-items:center;justify-content:center;font-size:18px;min-width:42px;padding:6px 0!important}#menubar{flex-wrap:wrap;row-gap:6px;padding:6px 8px}#menubar .logo{margin-right:2px}#menubar button{min-height:38px;padding:6px 12px}#menubar .filename{margin-left:6px;max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#app:not(.menu-open) #doc-meta,#app:not(.menu-open) #menubar>button:not(.hamburger):not(#btn-open):not(#btn-save),#app:not(.menu-open) #toolbar{display:none}#toolbar{flex-wrap:wrap;row-gap:4px;padding:6px 8px}#toolbar .sep{display:none}#toolbar button{min-width:40px;height:40px;font-size:15px}.color-btn{width:40px;height:40px}#toolbar input[type=number],#toolbar select{min-height:36px}#sel-font{width:112px}#sel-style{width:84px}#find-panel{top:auto;bottom:48px;left:10px;right:10px}#find-panel input{flex:1 1;width:auto;min-height:38px}#find-panel button{min-height:38px}#statusbar{font-size:11px;gap:8px}#scroller{padding-bottom:45vh}}