@charset "UTF-8";.btn--size-indicator,.btn--delete,.btn--emphasize{border:2px solid rgb(30,30,30)}@media (max-width: 550px){.btn--size-indicator,.btn--delete,.btn--emphasize{border:1px solid rgb(30,30,30)}}@media (max-width: 550px){.btn--size-indicator{border-radius:5px}}@media (min-width: 551px){.btn--size-indicator{border-radius:10px}}.btn--emphasize{box-shadow:0 0 10px 1px #26262680}@media (max-width: 550px){.btn--emphasize{box-shadow:0 0 5px 1px #26262680}}.btn{font-family:Do Hyeon,sans-serif;background-color:#fff;display:flex;justify-content:center;align-items:center;font-size:25px;cursor:pointer}@media (max-width: 550px){.btn{font-size:13px}}.btn:hover{background-color:#e6e6e6}.btn:active{background-color:#c8c8c8}.btn--main-tranform{width:100%;font-size:35px;border-radius:20px}@media (min-width: 551px) and (max-width: 945px){.btn--main-tranform{font-size:25px;border-radius:15px;padding-top:.2em}}@media (max-width: 550px){.btn--main-tranform{font-size:18px;border-radius:11px;padding-top:.2em}}.btn--delete{padding:0 5px;border-radius:7px}@media (max-width: 550px){.btn--delete{border-radius:3px;padding:0 3px}}.btn--delete svg{font-size:20px}@media (max-width: 550px){.btn--delete svg{font-size:10px}}.btn--size-indicator{width:30%;background:white;display:flex;justify-content:center;align-items:center;margin:0 20px;padding-top:.2em}@media (max-width: 550px){.btn--size-indicator{margin:0 10px}}.btn--size-indicator:hover,.btn--size-indicator:hover button{background-color:#e6e6e6}.btn--size-indicator:active,.btn--size-indicator:active button{background-color:#c8c8c8}.btn--modal{border:2px solid rgb(30,30,30);padding-top:8px;padding-bottom:5px;border-radius:5px;width:60%}.btn--download-modal{width:45%}.btn--yes{border:none;background-color:#7066e0;color:#fff}@media (min-width: 551px) and (max-width: 945px){.btn--yes{font-size:17px}}.btn--yes:hover{background-color:#655cc9}.btn--yes:active{background-color:#5a52b3}.btn--yes:focus{outline:3px solid rgb(183,178,239)}.btn--no{border:none;background-color:#dc3741;color:#fff}@media (min-width: 551px) and (max-width: 945px){.btn--no{font-size:17px}}.btn--no:hover{background-color:#c6313a}.btn--no:active{background-color:#b02c34}.btn--no:focus{outline:3px solid rgb(237,155,160)}.btn--edit-modal{width:45%}.btn-shortcut{font-size:20px;font-family:auto;background:#efefef;height:90%;border-radius:3px;padding:2px 7px}@media (min-width: 551px) and (max-width: 945px){.btn-shortcut{font-size:15px}}@media (max-width: 550px){.btn-shortcut{font-size:10px}}.btn--reset{font-weight:700;font-size:20px;font-family:auto;height:90%;border-radius:3px;padding:2px 7px}@media (min-width: 551px) and (max-width: 945px){.btn--reset{font-size:15px}}@media (max-width: 550px){.btn--reset{font-size:10px}}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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}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}*{border:unset;word-break:keep-all}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input:focus,textarea{outline:none}.toolTip{border:2px solid rgb(30,30,30)}@media (max-width: 550px){.toolTip{border:1px solid rgb(30,30,30)}}.toolTip__text{box-shadow:0 0 10px 1px #26262680}@media (max-width: 550px){.toolTip__text{box-shadow:0 0 5px 1px #26262680}}body{display:flex;justify-content:flex-start;align-items:center}#root{width:100%;min-height:max-content;height:100vh;display:flex;align-items:center;flex-direction:column;overflow-y:auto;background:linear-gradient(#e66465,#9198e5);background-attachment:fixed}header{margin-top:40px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.malgun-gothic{font-family:\b9d1\c740  \ace0\b515,NanumGothic,sans-serif}.no-scroll{overflow:hidden!important}.relative-header{position:relative;width:30%;min-width:140px}.swal-min-width{min-width:670px}.sub-icon-container{position:absolute;bottom:0;right:-35px;width:30px;padding:5px 0;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box}@media (max-width: 550px){.sub-icon-container{right:-20px;width:15px;padding:3px 0}}.config-icon{cursor:pointer;transition:transform .2s ease-in-out;display:flex;justify-content:center;align-items:center}.config-icon svg{font-size:20px}@media (min-width: 551px) and (max-width: 945px){.config-icon svg{font-size:15px}}@media (max-width: 550px){.config-icon svg{font-size:10px}}.config-icon:hover{transform:rotate(30deg)}.toolTip{display:flex;justify-content:center;align-items:center;background-color:#1e1e1e;color:#fff;cursor:pointer;border-radius:50%;position:relative;font-size:10px;width:15px;height:15px}@media (min-width: 551px) and (max-width: 945px){.toolTip{font-size:7px;width:10px;height:10px}}@media (max-width: 550px){.toolTip{font-size:5px;width:7px;height:7px}}.toolTip__text{visibility:hidden;padding:20px;position:absolute;z-index:3;display:flex;align-items:center;text-align:center;top:35px;width:120px;height:100px;background-color:#545454;border-radius:10px;color:#fff;cursor:auto;font-size:15px}@media (max-width: 550px){.toolTip__text{top:20px;width:80px;height:50px;padding:10px;font-size:10px}}.toolTip__text:after{content:"";position:absolute;border-style:solid;border-width:10px;bottom:100%;left:50%;margin-left:-10px;border-color:transparent transparent rgb(84,84,84) transparent}.toolTip:hover .toolTip__text{visibility:visible}.modal__content{box-shadow:0 0 10px 1px #26262680}@media (max-width: 550px){.modal__content{box-shadow:0 0 5px 1px #26262680}}.modal{width:100vw;height:100vh;background-color:#0003;display:flex;justify-content:center;position:fixed;z-index:2;top:0;color:#545454;overflow-y:auto;padding:10px}.modal__content{width:50%;font-size:50px;height:30vh;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Do Hyeon,sans-serif;animation:.2s ease-in-out popup}@media (max-width: 550px){.modal__content{width:80%;font-size:30px;height:30vh}}@keyframes popup{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.modal__content--download{height:max-content;padding:30px 0}.modal__content--config{height:max-content;width:max-content;padding:40px 50px;align-items:flex-start}@media (min-width: 551px) and (max-width: 945px){.modal__content--config{padding:30px}}@media (max-width: 550px){.modal__content--config{padding:20px}}.modal__content--edit{height:max-content;width:max-content;padding:40px 50px;align-items:flex-start}@media (max-width: 550px){.modal__content--edit{padding:20px 40px}}.modal__table-size-wrapper{display:flex;flex-direction:column;height:60%;justify-content:space-evenly;align-items:center}.modal__table-size-input-container{display:flex;justify-content:space-between;width:50%}.modal__input{text-align:center;font-family:Do Hyeon,sans-serif;border:2px solid rgb(30,30,30);border-radius:5px}.modal__input:hover{background-color:#e6e6e6;border:2px solid rgb(30,30,30)}.modal__input:focus{outline:2px solid gray}.modal__input--table-size{font-size:30px;width:30%;color:#545454}@media (max-width: 550px){.modal__input--table-size{font-size:20px}}.modal__input--download{width:80%;font-size:20px;padding:5px 10px}@media (min-width: 551px) and (max-width: 945px){.modal__input--download{font-size:15px}}@media (max-width: 550px){.modal__input--download{font-size:12px}}.modal__input--download::placeholder{color:gray}.modal__download-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%}.modal__download-form-wrapper{display:flex;flex-direction:column;align-items:center;width:80%}.modal__download-question{font-size:40px;text-align:center}@media (max-width: 550px){.modal__download-question{font-size:25px}}.modal__file-name-indicator{text-align:center;margin-bottom:10px;font-size:25px;width:80%;color:gray;white-space:pre;overflow-x:auto}@media (max-width: 550px){.modal__file-name-indicator{font-size:15px}}.modal__no-yes-btn-container{width:100%;display:flex;justify-content:space-evenly;margin-top:13px}.modal__no-yes-btn-container--edit{margin-top:5px}.modal__config-shortcut-btn-container{width:100%;display:flex;justify-content:center;margin-top:10px}.modal__checkbox-container{display:flex;align-items:center;font-size:40px;height:40px;padding:5px 10px;margin-bottom:5px}@media (max-width: 550px){.modal__checkbox-container{height:30px;padding:0 5px;margin-bottom:0}}.modal__checkbox-container:focus{outline:none;border:2px solid black}.modal__checkbox-container--shortcut{margin-bottom:0;padding:5px 10px;height:max-content}.modal__checkbox-text{line-height:1}@media (min-width: 551px) and (max-width: 945px){.modal__checkbox-text{font-size:30px}}@media (max-width: 550px){.modal__checkbox-text{font-size:15px}}.modal__checkbox{margin:0 7px 0 0}@media (min-width: 551px) and (max-width: 945px){.modal__title{font-size:40px}}@media (max-width: 550px){.modal__title{font-size:25px}}.modal__shortcut-container{display:flex;align-items:center}.sub-btn-container{display:flex;justify-content:space-between;width:40%;margin:20px 0;padding:0 2%;box-sizing:border-box}@media (min-width: 551px) and (max-width: 945px){.sub-btn-container{width:50%;margin:10px 0}}@media (max-width: 550px){.sub-btn-container{width:50%;margin:10px 0}}.sub-btn-container__btn{border-radius:10px;font-size:20px;width:30%}@media (min-width: 551px) and (max-width: 945px){.sub-btn-container__btn{font-size:15px;border-radius:7px}}@media (max-width: 550px){.sub-btn-container__btn{font-size:10px;border-radius:5px}}.input--file{display:none}.importCsv__text{text-align:center;padding:0 10px}.table-container td,.btn-container--table-left,.btn-container--top{border:2px solid rgb(30,30,30)}@media (max-width: 550px){.table-container td,.btn-container--table-left,.btn-container--top{border:1px solid rgb(30,30,30)}}.table-container tbody{box-shadow:0 0 10px 1px #26262680}@media (max-width: 550px){.table-container tbody{box-shadow:0 0 5px 1px #26262680}}.table-system-wrapper{flex-shrink:1;height:100%;position:relative;display:flex;justify-content:center}@media (min-width: 551px){.table-system-wrapper{width:50%}}@media (min-width: 551px) and (max-width: 945px){.table-system-wrapper{width:90%}}@media (max-width: 550px){.table-system-wrapper{width:90%}}.top-container{position:absolute;width:50%;display:flex;left:10px}.btn-container--top{display:grid;width:70px;min-height:20px;grid-template-columns:repeat(2,1fr);background-color:#1e1e1e;gap:2px}@media (max-width: 550px){.btn-container--top{width:50px;gap:1px}}.btn-container--top button{color:red}@media (max-width: 550px){.btn-container--top button{padding:0;font-size:15px}}.bottom-container{margin-top:60px;display:flex;width:100%}@media (max-width: 550px){.bottom-container{margin-top:30px}}.btn-container--table-left{height:70px;display:grid;grid-template-rows:repeat(2,1fr);background-color:#1e1e1e;gap:2px;margin-right:20px}@media (max-width: 550px){.btn-container--table-left{height:50px;gap:1px;margin-right:10px;min-width:20px}}.btn-container--table-left button{color:#00f}@media (max-width: 550px){.btn-container--table-left button{padding:0;font-size:15px}}.table-container--padding{height:max-content;padding-right:30px;padding-bottom:30px}.table-container{display:flex;justify-content:flex-start;width:max-content}.table-container td{background:white;cursor:text;vertical-align:middle}.contentEditable-div-container{height:100%;display:flex;align-items:center}@media (max-width: 550px){.contentEditable-div-container{font-size:13px;padding:10px}}@media (min-width: 551px){.contentEditable-div-container{font-size:25px;padding:25px}}.contentEditable-div-container__div{width:max-content;height:max-content;min-width:90px}@media (max-width: 550px){.contentEditable-div-container__div{min-width:50px}}.contentEditable-div-container__div:focus{outline:2px solid gray;outline-offset:10px}@media (max-width: 550px){.contentEditable-div-container__div:focus{outline:1px solid gray;outline-offset:4px}}.btn-container--textarea-left,.output-container__pre{border:2px solid rgb(30,30,30)}@media (max-width: 550px){.btn-container--textarea-left,.output-container__pre{border:1px solid rgb(30,30,30)}}.output-container__pre{box-shadow:0 0 10px 1px #26262680}@media (max-width: 550px){.output-container__pre{box-shadow:0 0 5px 1px #26262680}}.output-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;box-sizing:border-box;padding:0 50px 30px}@media (max-width: 550px){.output-container{padding:0 10px 10px}}.output-container__pre-container{width:max-content;max-width:100%}.output-container__pre{background-color:#fff;overflow-x:auto;height:max-content;font-size:25px;padding:20px}@media (max-width: 550px){.output-container__pre{font-size:13px;padding:10px}}.btn-container--textarea-left{background-color:#1e1e1e;gap:2px;width:150px;min-width:150px;display:grid;height:100%;margin-right:10px}@media (max-width: 550px){.btn-container--textarea-left{width:90px;min-width:90px;gap:1px}}.sub-btn-container__btn--output{line-height:1;width:45%;padding:10px 0}@media (min-width: 551px) and (max-width: 945px){.sub-btn-container__btn--output{padding:7px 0}}@media (max-width: 550px){.sub-btn-container__btn--output{padding:5px 0}}