.quote-add{background-color:var(--shelf-bg-color);display:flex;flex-direction:column}.quote-add__input{font-family:Nanum Myeongjo KR,sans-serif;display:flex;position:relative;padding:0 15px;transition:all .5s ease-out}.quote-add__input__quote-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;position:absolute;top:-5px;left:0;transition:all .5s ease-out}.quote-add__input__quote-icon svg{fill:var(--text-color)}.quote-add__input__quote-icon--closing{inset:auto 0 30px auto;transform:rotate(180deg)}.quote-add__input .ant-input:focus{box-shadow:none}.quote-add__input textarea{flex:1;color:var(--text-color);transition:all .5s ease-out,height 0s,font-weight 0s!important}.quote-add__input textarea::-webkit-scrollbar{width:12px}.quote-add__input textarea::-webkit-scrollbar-track{background-color:var(--quote-card-bg-color)}.quote-add__input textarea::-webkit-scrollbar-thumb{border-radius:100px;background-color:var(--scroll-unhover-color);background-clip:padding-box;border:3px solid var(--quote-card-bg-color)}.quote-add__input textarea::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-hover-color);background-clip:padding-box;border:3px solid var(--quote-card-bg-color)}.quote-add__input textarea::placeholder{color:var(--base-gray-500)}.quote-add__input textarea:-ms-input-placeholder{color:var(--base-gray-500)}.quote-add__input textarea::-ms-input-placeholder{color:var(--base-gray-500)}.quote-add__input__counter{font-family:Nanum Myeongjo KR,sans-serif;position:absolute;bottom:-20px;right:20px;font-size:12px;letter-spacing:1px;color:var(--base-gray-600)}.quote-add__config label{color:var(--text-color)}.quote-add__config__topic{position:relative;margin-top:35px;font-size:13px;font-weight:300}.quote-add__config__topic:before{position:absolute;content:"";width:60px;height:2px;background-color:var(--text-color);top:-20px;left:0}.quote-add__config__topic>span{display:block;color:var(--base-gray-800)}.quote-add__config__topic>span:first-child{font-size:16px;font-weight:400}.quote-add__page{font-family:Nanum Myeongjo KR,sans-serif;margin-top:20px;padding:0 26px;display:flex;align-items:center;transition:all .5s ease-out}.quote-add__page .ant-input-number-affix-wrapper{padding-inline-start:0;color:var(--text-color)}.quote-add__page input{color:var(--text-color)}.quote-add__page input::placeholder{color:var(--base-gray-500)}.quote-add__page input:-ms-input-placeholder{color:var(--base-gray-500)}.quote-add__page input::-ms-input-placeholder{color:var(--base-gray-500)}.quote-add__page label{color:var(--text-color)}.quote-add__header{height:50px;position:relative}@media only screen and (max-width: 48em){.quote-add__header{height:64px}}.quote-add__header__close{position:absolute;right:0;width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-size:2.2rem;color:var(--text-color)}@media only screen and (max-width: 48em){.quote-add__header__close{width:64px;height:64px;font-size:2.4rem}}.quote-add__body{padding:10px 3rem;flex:1;display:flex;flex-direction:column;justify-content:center;max-height:calc(var(--vh) - 50px - 64px);overflow-y:auto}@media only screen and (max-width: 48em){.quote-add__body{max-height:calc(var(--vh) - 50px - 64px)}}.quote-add__body__container{display:flex;flex-direction:column;justify-content:center;background-color:var(--quote-card-bg-color);padding:20px;border-radius:16px;transition:all .5s ease-out}.quote-add__body__container--sm{background-color:inherit}.quote-add__body__container--sm .quote-add__input__quote-icon{width:10px!important;height:10px!important;top:0!important}.quote-add__body__container--sm .quote-add__input__quote-icon--closing{bottom:22px!important;top:auto!important}.quote-add__body__container--sm .quote-add__input,.quote-add__body__container--sm .quote-add__page,.quote-add__body__container--sm .quote-add__input__counter{font-family:inherit!important}.quote-add__body__container--sm .quote-add__input{padding:0!important}.quote-add__body__container--sm .quote-add__page{padding:0 10px!important}.quote-add__body--note{justify-content:flex-start;padding:0 3rem 10px;overflow-y:auto;max-height:calc(var(--vh) - 50px - 74px)}@media only screen and (max-width: 48em){.quote-add__body--note{max-height:calc(var(--vh) - 64px - 74px)}}.quote-add__title{font-weight:600;font-size:16px;text-align:center;color:var(--base-gray-900)}.quote-add__thumb{margin:3rem 0;flex-shrink:0}.quote-add__blog-note{flex:1}.quote-add__blog-note__category{margin-top:10px}.quote-add__blog-note__category__label{color:var(--base-gray-900);display:block;font-size:12px;margin:0 0 3px 3px}.quote-add__blog-note .blog-editor .ql-editor{max-height:var(--blog-note-h);height:var(--blog-note-h);min-height:60px}.quote-add__message{text-align:center;color:var(--base-red);font-size:12px}.quote-add__footer{margin:10px 3rem 15px;display:flex;height:50px;position:relative}.quote-add__footer div:first-child{margin-right:5px}.quote-add__footer div:last-child{margin-left:5px}.quote-add__footer__require-msg{position:absolute;top:-35px;left:50%;transform:translate(-50%);color:var(--base-gray-500);font-size:13px;font-style:italic}
