@charset "UTF-8";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}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}.loading{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:fixed;z-index:999}.loading .lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.loading .lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#5A82F6;animation-timing-function:cubic-bezier(0,1,1,0)}.loading .lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.loading .lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.loading .lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.loading .lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.login{width:100vw;height:calc(100vh - 76px);display:flex;flex-direction:column;align-items:center;justify-content:center}.login p{font-size:2rem;font-weight:600;margin-bottom:30px}.login input{width:400px;height:50px;margin-bottom:30px;padding:0 15px}.login button{width:400px;height:50px;background-color:#5a82f6;color:#fff;border:none;font-weight:600}.mainNavigation{width:100%;min-height:calc(100vh + 65px);height:100%;display:flex;flex-direction:row;background-color:#f5f7fa}.mainNavigation .routes{width:100%;max-width:1440px;margin:65px auto}.header{width:100%;height:65px;position:fixed;background-color:#fff;box-shadow:0 2px 5px #ddd;z-index:999}.header .desktop{max-width:1440px;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin:0 auto;position:relative}.header .desktop .logo{font-weight:600;margin-right:60px}.header .desktop .navs{display:flex;flex-direction:row;align-items:center;gap:30px}.header .desktop .navs a[aria-current]{color:#5a82f6;font-weight:600;position:relative}.header .desktop .navs a[aria-current]:after{content:"";width:30px;height:2px;position:absolute;left:50%;bottom:-10px;transform:translate(-50%);background-color:#5a82f6}.header .desktop .user{position:absolute;right:0}.header .desktop .user .name{display:flex;align-items:center;gap:6px;background:none;border:none}.header .desktop .user .name svg{width:16px;transform:rotate(270deg)}.header .desktop .user .modal{display:flex;flex-direction:column;align-items:center;margin-top:6px;position:absolute;right:0;background-color:#fff;border:1px solid #eee}.header .desktop .user .modal *{width:100px;line-height:40px;text-align:center;background-color:#fff;border:1px solid #eee}.home{width:100%;height:100%;display:flex;flex-direction:column;padding:30px 0}.home header{height:40px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:30px}.home .title{font-size:1.5rem;font-weight:600}.home .customers{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.common{padding:30px 0}.common header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:30px}.common header button{padding:3px 6px;background:none;border:1px solid #ddd}.common .title{line-height:45px;font-size:1.5rem;font-weight:600}.common .btns button{height:45px;margin-left:15px;padding:0 20px;background-color:#fff;border:1px solid #ddd}.common .btns button:disabled{background-color:#ddd;border-color:#ddd;cursor:auto}.common .btns .brand{background-color:#5a82f6;border-color:#5a82f6;color:#fff}.common .btns .yellow{background-color:#f5c243;border-color:#f5c243}.common .filterContainer{display:flex;flex-direction:column;margin-bottom:30px;padding:15px;background-color:#fff;border:1px solid #ddd}.common .filterContainer .filters{display:flex}.common .filterContainer .filters .filter{margin-right:15px}.common .filterContainer .filters .filter .tac{text-align:center}.common .filterContainer .filters .filter:last-child{margin-right:0}.common .filterContainer .filters input[type=date]{width:200px;height:45px;padding:0 15px}.common .filterContainer .filters input[type=date]:before{margin-right:5px;font-weight:600}.common .filterContainer .filters .startDate:before{content:"\c2dc\c791\c77c"}.common .filterContainer .filters .endDate:before{content:"\c885\b8cc\c77c"}.common .filterContainer .values{display:flex;flex-wrap:wrap;gap:7.5px;margin-top:15px;list-style:none}.common .filterContainer .values li{display:flex;align-items:center;padding:7.5px;background-color:#5a82f6;border:none}.common .filterContainer .values li span{color:#fff;font-size:.85rem;font-weight:600}.common .filterContainer .values li button:not(.sort){width:16px;height:16px;margin-left:5px;background:url(/assets/icons/x.svg) no-repeat;background-size:16px;border:none;filter:invert(88%) sepia(100%) saturate(0%) hue-rotate(110deg) brightness(108%) contrast(101%)}.common .filterContainer .values li .sort{margin:0 10px;font-size:.85rem}.commonManage{display:flex;flex-direction:row}.commonManage .split{width:50%;height:fit-content;padding:30px;background-color:#fff;border:1px solid #ddd}.commonManage .split .subTitle{font-size:1.25rem;font-weight:600;margin-bottom:30px}.commonManage .split:last-child{margin-left:30px}.commonManage .inputBox{display:flex;flex-direction:column;margin-bottom:30px}.commonManage .inputBox p{margin-bottom:15px}.commonManage .inputBox p span{margin-left:5px;color:#5a82f6}.commonManage .inputBox input{height:45px;padding:0 15px}.commonManage .inputBox input:disabled{background-color:#f1f1f1;color:#aaa}.commonManage .inputBox textarea{height:150px;padding:15px;resize:none}.commonManage .inputBox textarea:disabled{background-color:#eee;color:#aaa}.commonManage .inputBox .cselect__control{height:45px;border-radius:0}.commonManage .inputBox .cselect__value-container{margin:0;padding:0}.commonManage .inputBox .cselect__single-value{margin-left:15px}.commonManage .inputBox .threeInputs{display:flex;flex-direction:row}.commonManage .inputBox .threeInputs input{width:33.3333333333%;margin-right:15px;text-align:center}.commonManage .inputBox .threeInputs input:last-child{margin-right:0}.commonManage .inputBox .description{margin-top:15px;margin-bottom:0;font-size:.9rem}.commonManage .inputBox .description .copy{text-decoration:underline}.commonManage .inputBox .available{display:flex;flex-direction:row;align-content:center;color:#5a82f6}.commonManage .inputBox .available:before{content:"";width:16px;height:16px;margin-right:5px;background:url(/assets/icons/smile.svg) no-repeat;background-size:16px;filter:invert(58%) sepia(42%) saturate(6514%) hue-rotate(207deg) brightness(99%) contrast(94%)}.commonManage .inputBox .danger{display:flex;flex-direction:row;align-content:center;color:#e96065}.commonManage .inputBox .danger:before{content:"";width:16px;height:16px;margin-right:5px;background:url(/assets/icons/alert_circle.svg) no-repeat;background-size:16px;filter:invert(43%) sepia(88%) saturate(1827%) hue-rotate(324deg) brightness(99%) contrast(84%)}.commonManage .inputBox:last-child{margin-bottom:0}.mypage{margin-left:0;padding:0!important;background:none!important;border:none!important}.mypage article{width:100%!important}.mypage article:first-child{margin-bottom:30px}.mypage article:last-child{margin-left:0!important}.mypage .clothes{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;margin-top:30px}.mypage .clothes div{padding:7.5px 15px;display:flex;flex-direction:row;align-items:center;position:relative;background-color:#fff;border:1px solid #ddd;border-radius:30px}.mypage .clothes div button{width:16px;height:16px;margin-left:15px;background:url(/assets/icons/minus_circle.svg) no-repeat;background-size:16px;background-position:center;border:none;filter:invert(44%) sepia(9%) saturate(5707%) hue-rotate(316deg) brightness(108%) contrast(80%)}.employeeManage .subTitle{display:flex;justify-content:space-between}.employeeManage .subTitle label{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:400;cursor:pointer}.employeeManage .clothes{display:flex;flex-wrap:wrap;gap:7.5px}.employeeManage .clothes button{padding:10px 15px;background:none;border:1px solid #ddd;border-radius:30px}.employeeManage .clothes .active{background-color:#5a82f6;border-color:#5a82f6;color:#fff}.employeeManage .clothesInputBox{display:flex;flex-direction:column;margin-top:15px}.employeeManage .clothesInputBox p{margin-bottom:15px;font-weight:600}.employeeManage .clothesInputs{display:flex}.employeeManage .clothesInputs input{flex:1;height:45px;text-align:center}.employeeManage .clothesInputs button{width:45px;height:45px;margin-left:7.5px;background-color:#ddd;border:none}.employeeManage .clothesDetails{display:flex;flex-direction:column}.employeeManage .clothesDetails .clothesDetail{height:45px;display:flex;align-items:center;justify-content:space-between;padding:10px 15px;background-color:#fff;border:1px solid #ddd;margin-bottom:15px}.employeeManage .clothesDetails .clothesDetail label{font-weight:600}.employeeManage .clothesDetails .clothesDetail button{background:none;border:none}.employeeManage .clothesDetails .clothesDetail:last-child{margin-bottom:0}.cSelect{width:100%}.cSelect .cselect__control--is-focused,.cSelect .cselect__control--is-focused:hover{border-color:#5a82f6}.cSelect .cselect__placeholder{margin-left:15px;color:#ccc;font-weight:400}.cSelect .cselect__single-value{margin-left:15px}.cSelect .cselect__input-container{margin:0;padding:0 0 0 15px}.cSelect .cselect__indicator-separator{background-color:#ddd}.cSelect .cselect__dropdown-indicator{padding:0 15px;cursor:pointer}.cSelect .cselect__dropdown-indicator svg{filter:invert(99%) sepia(2%) saturate(1446%) hue-rotate(215deg) brightness(116%) contrast(73%)}.cSelect .cselect__control--menu-is-open .cselect__dropdown-indicator{transform:scaleY(-1)}.cSelect .cselect__clear-indicator{cursor:pointer}.cSelect .cselect__clear-indicator svg{filter:invert(99%) sepia(2%) saturate(1446%) hue-rotate(215deg) brightness(116%) contrast(73%)}.cSelect .cselect__menu{padding:7.5px;border-radius:0}.cSelect .cselect__menu-list::-webkit-scrollbar{width:7px}.cSelect .cselect__menu-list::-webkit-scrollbar-track{background:#f1f1f1}.cSelect .cselect__menu-list::-webkit-scrollbar-thumb{background:#ddd}.cSelect .cselect__menu-list::-webkit-scrollbar-thumb:hover{background:#ccc}.cSelect .cselect__option{cursor:pointer}.cSelect .cselect__option--is-disabled{color:#aaa;text-decoration:line-through}.cSelect .cselect__option--is-selected{display:flex;align-items:center;background:none;color:#5a82f6;font-weight:600;text-decoration:none}.cSelect .cselect__option--is-selected:before{content:"";width:16px;height:16px;display:block;margin-right:5px;background:url(/assets/icons/check.svg) no-repeat;background-size:16px;filter:invert(60%) sepia(43%) saturate(6728%) hue-rotate(207deg) brightness(99%) contrast(94%)}.cSelect .cselect__value-container--is-multi{gap:7.5px;padding:7.5px}.cSelect .cselect__value-container--is-multi .cselect__multi-value{margin:0;padding:5px 10px;background-color:#f1f1f1;border:1px solid #ddd;border-radius:0}.cSelect .cselect__value-container--is-multi .cselect__multi-value *{padding:0;font-size:1rem}.cSelect .cselect__value-container--is-multi .cselect__multi-value__remove{margin-left:5px;cursor:pointer}.cSelect .cselect__value-container--is-multi .cselect__multi-value__remove:hover{background:#ddd}.modalBg{width:100%;min-height:100vh;height:100%;position:fixed;background-color:#00000080;z-index:999}.modalBg .modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff}.modalBg .modal>header{display:flex;align-items:center;justify-content:space-between;padding:15px 30px;border-bottom:1px solid #ddd}.modalBg .modal>header p{font-size:1.5rem;font-weight:600}.modalBg .modal>header button{width:30px;height:30px;display:flex;background:url(/assets/icons/x.svg) no-repeat;background-size:24px;background-position:center;background-color:#ddd;border:none}.modalBg .printModal{min-width:500px}.modalBg .printModal .component{height:500px;overflow-y:scroll}