@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}*{font-family:Noto Sans KR,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#html_controller .controller{height:calc(100% - 125px);overflow-y:scroll}#imgUrl{margin-top:10px;width:100%}.popup-bg{display:flex;position:fixed;top:0;left:0;background-color:#00000080;z-index:150;width:100%;height:100%;align-items:center;justify-content:center}.popup{display:inline-block;position:relative;width:30%;height:300px;background-color:#fff}@media (max-width:787px){.popup{display:inline-block;position:relative;width:95%;height:90%;background-color:#fff}}.popup h2{font-size:16px;text-align:center}.popup *{font-size:16px;display:block;margin:10px}.popup .close{display:inline-block;position:absolute;top:5px;right:5px;font-size:30px}.popup .content{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.resize-layout{display:flex;flex-direction:row;position:fixed;top:40px;left:0;width:100%;height:100%;background-color:#f1e3eb}.resize-layout .frame{position:relative;height:calc(100% - 40px)}.resize-layout .frame .dimmed{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;z-index:99\df\df}.resize-layout .handle{position:fixed;top:40px;left:0;width:20px;height:100%;background-color:#45675b;z-index:100}.preview{width:100%;height:100%;top:41px;left:0px;padding:0;margin:0;padding-left:0!important;background-color:#fff}.preview iframe{margin:0;padding:0;position:absolute;width:100%;height:100%}#html_controller .dev>div{padding:10px}#html_controller .dev input{display:block;font-size:18px}#html_controller{width:100%;height:calc(20% + 85px);background:#f1e3eb;padding:0 0 0 20px;z-index:5}#html_controller .controlpane{margin:0;padding:0}#html_controller .controlpane>div{margin:0;padding:0 0 20px;border-top:0px}.frame .preview-load{display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;background-color:#f1e3eb}.preview-load{font-size:40px}#html_controller .controlpane>div{flex-direction:row;justify-content:flex-start;width:100%;background-color:#45675b}#html_controller .controlpane button{background-color:#45675b;border:1px solid white;padding:10px;color:#fff;height:100px;width:100px;margin-right:10px}#html_controller .controlpane span{font-size:38px;padding-bottom:5px}#html_controller .controlpane span.text{font-size:13px}.resize-layout .frame:last-child{overflow-y:scroll;overflow-x:hidden}.imageUploader label{font-size:20px;padding:10px 0}.imageUploader input[type=file]{font-size:20px;text-align:center}#html_controller .general{display:flex;width:100%;padding-bottom:100px;flex-wrap:wrap}#html_controller .general>div{display:flex;flex-direction:row;align-items:middle;justify-content:left;width:100%;margin:5px 0;padding:0;flex-wrap:wrap}#html_controller .general .group-title{width:100%;margin-bottom:10px}#html_controller .general span{display:inline-flex;align-items:center;justify-content:left;margin:0 0 10px;padding:0 0 0 10px;border:0;font-size:14px;font-weight:700;white-space:normal;word-wrap:break-word}#html_controller .general input{display:inline-flex;align-items:center;margin:0 0 10px;padding:0;border:0;width:75%;height:30px;background-color:#fff}@media (max-width:1180px){#html_controller .general input{width:65%}}#html_controller .general button{display:inline-flex;align-items:center;justify-content:center;margin:0 0 10px;padding:0;width:75%;height:30px;text-align:center;border:0px}#html_controller .general button:hover{background-color:#ffe3ff}.general div:first-child div hr{display:none}.general div hr{display:block;width:100%;height:25px;background-color:#45675b;border:0}.general div h2{padding:10px;font-weight:700;border-bottom:5px solid #fff}#html_controller .general .style-group{flex-direction:row}#html_controller .general .style-group,.style-control{display:flex;width:100%}#html_controller .general .style-group>div:first-child{width:20%}#html_controller .general .style-group>div:last-child{width:75%}#html_controller .general .style-component .style-group>div>span{width:auto}#html_controller .general .style-control div ul li{display:flex}#html_controller .general .style-control div ul li>span{width:20%;padding-left:5px;justify-content:left}#html_controller .general .style-control div ul li>input.inputViewer{width:10%;text-align:center}#html_controller .general .style-control div ul li>input{width:60%}#html_controller .general .style-control div ul li>input[type=range]{margin-left:10px}#html_controller .imageUploader input[type=file]{width:100%;font-size:15px;margin:0!important;background-color:transparent}#html_controller .imageUploader input[type=submit]{width:20%}h3{font-weight:700;text-align:left;margin:10px 0;padding-left:5px}.style-control div:first-child h3{margin-top:0}.style-control h3{padding-bottom:5px;border-bottom:2px solid #45675b}.style-control{flex-direction:column}.chrome-picker{box-shadow:none!important;margin-bottom:10px}html,body{height:100vh}#html_controller .general textarea{width:100%;overflow:visible;margin-bottom:10px}@media (min-width: 787px){.popup.login{width:40%}}.login,.login *{margin:0}.login h2{text-align:left;margin:20px;font-size:18px}.login form{display:flex;flex-direction:column;margin:20px}.login form{display:flex;flex-direction:row;flex-wrap:wrap}.login form>div:first-child{width:75%;flex-direction:column}.login form>div:nth-child(2){width:25%;flex-direction:column}.login form>div:nth-child(2)>input[type=submit]{width:100%;height:120px;background-color:#000;color:#fff}.login form>div:last-child{display:flex;width:100%;margin-top:20px;align-items:center;justify-content:right}.login form>div:last-child>button{display:inline-flex;border:1px solid #000;padding:2px 10px;font-size:16px;background-color:#fff}.login form>div:last-child>button:first-child{margin-right:10px}.login form input[type=text],.login form input[type=password]{display:flex;margin:0 0 10px;width:95%;height:46px;border:0;border-bottom:1px solid #ddd}.ListComponent{display:block;width:100%;list-style:none;margin:0;padding:0;text-align:center}@media (max-width:787px){.ListComponent li{width:100%}}.search{position:relative;left:-35px;background:transparent;border:0;color:#45675b}.search:hover{color:#85675b;cursor:pointer}.new-doc *{margin:0;padding:0}.new-doc h2{padding:10px 0;background-color:#45675b;color:#fff}.new-doc>div{margin:0;padding:0}.new-doc input,.new-doc select{margin:0;border:0;border-bottom:1px solid #000;padding:5px 0;width:100%}.new-doc .button-area{width:100%;position:absolute;bottom:0}.new-doc .button-area button{display:inline-block;padding:10px 0;width:50%}.writeButton{border:0;border-radius:100%;width:50px;height:50px;background-color:#45675b;color:#fff;box-shadow:1px 1px 5px #000;cursor:pointer}; .document-editor,.document-editor *{margin:0;padding:0;border:0}.document-editor>ul>li{width:100%;background-color:}.document-editor>ul>li h2{padding:10px 0 10px 10px;border-bottom:1px solid #000;background-color:#45675b;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.document-editor>ul>li .content{display:none}.document-editor select{width:100%;padding:5px 0}.document-editor .add-list{width:100%}.document-editor .add-list li{position:relative;width:100%;padding:10px 0;border-bottom:1px solid #000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.document-editor .add-list li>button{position:absolute;top:0;right:0px;height:100%;border:0px;background-color:#85675b;color:#fff;cursor:pointer}.document-editor .order-list{width:100%}.document-editor .order-list div{position:relative;width:100%;padding:10px 0;border-bottom:1px solid #000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}.document-editor .controller .general>div{display:flex;flex-wrap:wrap}.document-editor .group-title{width:100%}.document-editor .controller .general textarea,.document-editor .controller .general input{display:block;width:100%;margin-bottom:10px}.document-editor .general div hr{margin:0;display:none}.controller .general .row-two{display:flex;flex-direction:row;flex-wrap:nowrap;margin:0;padding:0;border:0;width:100%}.controller .general .row-two>div{margin:0;padding:0;border:0}.controller .general .row-two>div>span{margin-left:10px}.controller .style-component .style-group>div:first-child>span{margin-left:10px}.controller .general .row-two>div{display:inline-flex;justify-content:left;align-items:center}.controller .general .row-two>div:first-child{width:20%;white-space:nowrap}.controller .general .row-two>div:last-child{width:80%}.controller .style-component{width:100%}.controller .style-component .style-group{width:100%;display:flex}.controller .style-component .style-group>div:first-child{display:inline-flex;width:20%;white-space:nowrap;justify-content:left;align-items:center}.controller .style-component .style-group>div:last-child{display:inline-flex;width:80%}input.inputViewer{width:10%!important;text-align:center}.component-group-title{width:100%}.document-editor .saveButton{width:100%;padding:10px;background-color:#85675b;border:0;color:#fff;cursor:pointer}.document-editor .copyButton{width:100%;padding:10px;background-color:#700;border:0;color:#fff;cursor:pointer}.CDTab{display:flex;width:100%}.CDTab>div{display:inline-flex;width:50%;height:40px;background-color:#45675b;justify-content:center;align-items:center;color:#fff}.CDTab>div.active{background-color:#fff;color:#000}.DocumentElement{display:inline-flex;width:100%;height:40px;justify-content:center;align-items:center;border-bottom:1px solid #45675b}.DocumentElement>div{display:flex;width:95%}.ButtonList{display:inline-block;margin-left:auto}.ButtonList a,.ButtonList button{display:inline-block;padding:5px 15px;margin-left:5px;border:0;background-color:#45675b;color:#fff}.qrpopup>div{display:inline-flex;flex-direction:column;justify-content:center;align-items:center}html{font-family:Noto Sans KR,sans-serif;font-size:14px}a{color:#000;text-decoration:none}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}