.bar{background-color:#e0dbff;left:0;right:0}.bar,.bar:before{position:absolute;height:6px;top:0}.bar:before{content:"";background-color:#694fff;width:100%;-webkit-animation:slide 3s linear infinite;animation:slide 3s linear infinite}.slideup-enter-active,.slideup-leave-active{transition:all .35s}.slideup-enter,.slideup-leave-to{transform:translateY(-6px)}@-webkit-keyframes slide{0%{left:-100%}50%{left:0}to{left:100%}}@keyframes slide{0%{left:-100%}50%{left:0}to{left:100%}}*{margin:0;padding:0;box-sizing:border-box;outline:none;-webkit-tap-highlight-color:transparent}html{font-size:10px;letter-spacing:-.5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button,html,input,textarea{font-family:Noto Sans KR,sans-serif}#app,.app-wrap,body,html{width:100%;height:100%;overflow-y:hidden}.app-wrap{position:relative}body{color:#242424;background-color:#f8f8f8}li,ul{list-style:none}a{text-decoration:none;color:#242424}::-moz-placeholder{color:#9e9e9e}:-ms-input-placeholder{color:#9e9e9e}::placeholder{color:#9e9e9e}.title{display:flex;align-items:center;padding:1.6rem 1.6rem 0;height:5.6rem}.title h1{font-size:2.2rem;font-weight:700}.title span{margin-left:16px;font-size:1.2rem;color:#505050;line-height:1.3}.container{max-width:700px;height:100%;margin:0 auto;overflow-y:auto}.content{position:relative;padding-top:10px;height:calc(100% - 5.6rem)}.write-button-area{position:fixed;height:54px;margin:10px 0 16px 0;padding:0 16px;bottom:0;width:100%;display:flex;align-items:center}.write-button-area button{width:100%;max-width:668px;height:100%;cursor:pointer;font-size:16px;color:#fff;border-radius:8px;background-color:#694fff;border:none;outline:none;transition:all .25s;flex:1}.write-button-area button:active{background-color:#593ff1}.write-button-area button:disabled{background-color:#d6d6d6;color:#747474}.write-button-area button.with-back{max-width:614px}button.back{margin-right:10px;background-color:#fff;border:2px solid #303030;color:#303030;width:54px;max-width:54px;height:54px;border-radius:8px;display:flex;align-items:center;justify-content:center}button.back svg{width:50%;height:50%}span.tag{font-size:1.2rem;padding:3px 9px;border-radius:2px;display:inline-block;background-color:#694fff;color:#fff}span.tag[color=unactive]{background-color:#ececec;color:#9e9e9e}span.tag[color=active]{background-color:#febe39}span.date{position:relative;font-size:1.5rem;font-weight:500;display:inline-block;vertical-align:middle;color:#838383;letter-spacing:-.4px}span.date.line{padding-left:14px}span.date.line:before{content:"";position:absolute;display:block;width:4px;height:100%;left:0;background-color:#838383}@-webkit-keyframes visible{0%{top:-60px}to{top:0}}@keyframes visible{0%{top:-60px}to{top:0}}li.alert-item{position:absolute;font-size:13px;height:48px;line-height:48px;padding:0 20px;border-radius:4px;width:100%;transition:all .25s ease-out;-webkit-animation:visible .25s ease-out;animation:visible .25s ease-out}li.alert-item.success{background-color:#3fff83}li.alert-item.error{background-color:#ff5454;color:#fff}.alert-wrap{position:fixed;top:14px;z-index:10;left:0;right:0}.alert-items{position:absolute;display:block;left:50%;transform:translateX(-50%);min-width:320px;max-width:90%}.st-modal-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;height:40px}.st-modal-header .st-modal-title{font-size:16px;font-weight:600}.st-modal-header .st-modal-close{cursor:pointer;padding:0 10px}.st-modal-header .st-modal-close svg{font-size:22px}.st-modal-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10001}.st-modal-wrapper .st-modal-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.65);z-index:10002}.st-modal-wrapper .st-modal{position:absolute;background-color:#fff;top:5vh;left:50%;transform:translateX(-50%) translateY(0);min-width:320px;max-width:85%;z-index:10003;border-radius:6px;transition:all .4s;overflow:hidden}.st-modal-wrapper .st-modal-container{padding:16px 20px;max-height:90vh;overflow:hidden}.st-modal-wrapper .st-modal-content{display:block;max-width:90vw;max-height:calc(90vh - 88px);padding:4px 0 20px;overflow-y:auto;word-break:break-all}.fade-enter-active,.fade-leave-active{transition:all .35s}.fade-enter-from,.fade-leave-to{opacity:0;visibility:visible}.fade-enter-from .st-modal,.fade-leave-to .st-modal{transform:translateX(-50%) translateY(80px)}.st-confirm{font-size:15px}.confirm-footer{display:flex;justify-content:flex-end}.confirm-footer button{width:60px;height:36px;font-weight:500;border:none;box-shadow:none;outline:none;background-color:transparent;cursor:pointer}.confirm-footer button+button{margin-left:10px}.confirm-footer button.cancle{color:#747474}.confirm-footer button.confirm{color:#694fff}