.dashboard-card .card-body{padding:15px 20px 20px}.dashboard-card .card-body .card-title{height:18px;line-height:18px;font-size:12px;font-weight:400;letter-spacing:-.5px;color:#9b9b9b;margin-bottom:2px}.dashboard-card .card-body .h2{display:block;font-size:20px;font-weight:400;letter-spacing:-.8px;color:#4a4a4a;line-height:29px;height:29px}.dashboard-card .el-loading-mask{border-radius:5px}.el-progress-graph-container{width:100%;max-width:370px;margin:2px auto 0}.el-progress-graph-container .el-progress-graph{position:relative;width:100%;height:12px;border-radius:10px}.el-progress-graph-container .el-progress-graph .graph-item{position:absolute;top:0;left:0;height:12px;border-radius:10px}.el-progress-graph-container .el-progress-graph .absense{background-color:#dc1e00}.el-progress-graph-container .el-progress-graph .late{background-color:#ffe707}.el-progress-graph-container .el-progress-graph .reserve{background-color:#9b9b9b}.el-progress-graph-container .el-progress-graph .attend{background-color:#4a4a4a}.el-progress-graph-container .el-progress-graph .waiting{background-color:#d3d3d3}.el-progress-graph-container .el-progress-graph .total{background-color:#f2f2f2}@media screen and (max-width:768px){.el-progress-graph-container{width:170px}}.lesson-status-table{margin-bottom:10px}.status-dropdown__menu{min-width:92px}.progress-popup{text-align:center;background:#fff;border:1px solid #d3d3d3;-webkit-box-shadow:0 2px 12px 0 hsla(0,0%,70.6%,.19);box-shadow:0 2px 12px 0 hsla(0,0%,70.6%,.19);border-radius:4px}.progress-popup span{font-size:10px;letter-spacing:-.57px}.progress-popup h2,.progress-popup span{color:#4a4a4a;text-align:center;line-height:14px}.progress-popup h2{font-size:14px;letter-spacing:-.8px;margin:2px auto 20px;font-weight:400;width:120px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.progress-popup ul{margin:0 auto;padding:0}.progress-popup ul li{display:block;text-align:left;margin-bottom:9px;padding-left:50px}.progress-popup ul li div{width:10px;height:10px;background-color:#f2f2f2;border-radius:10px;display:inline-block}.progress-popup ul li:nth-child(2) div{background-color:#d3d3d3}.progress-popup ul li:nth-child(3) div{background-color:#9b9b9b}.progress-popup ul li:nth-child(4) div{background-color:#4a4a4a}.progress-popup ul li:nth-child(5) div{background-color:#ffe707}.progress-popup ul li:nth-child(6) div{background-color:red}.progress-popup ul li p{margin:0;margin-left:5px;margin-right:10px;font-size:12px;letter-spacing:-.74px}.progress-popup ul li p,.progress-popup ul li span{display:inline-block;color:#4a4a4a;line-height:14px}.progress-popup ul li span{text-align:center;font-size:13px;letter-spacing:-.8px}.table-time{line-height:17px;font-size:11px;letter-spacing:-.6px;color:#9b9b9b}.el-status-tag{font-size:11px;font-weight:300;letter-spacing:-.5px;text-align:center;color:#fff;height:19px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:11.5px;padding:0 7px;line-height:19px;display:inline-block;background-color:#224ba2}.el-status-tag.attend{background-color:#4a4a4a}.el-status-tag.late{background-color:#ffd90a}.el-status-tag.absense{background-color:#dc1e00}.el-status-tag.booked{background-color:#9b9b9b}.el-status-tag.continuous{background-color:#b9b9b9}.el-status-tag.waiting{background-color:#d3d3d3}.attendance-dropdown{min-width:90px}.attendance-dropdown .el-dropdown-menu__item{list-style:none;line-height:36px;padding:0 20px;margin:0;font-size:14px;color:#9b9b9b;cursor:pointer;outline:none}.attendance-dropdown .el-dropdown-menu__item.current-status{font-weight:500;color:#4a4a4a}.attendance-dropdown .el-dropdown-menu__item.is-disabled{cursor:not-allowed;color:hsla(0,0%,78.4%,.5);pointer-events:none}.lesson-participate-table[data-v-24290df7]{width:100%;height:625px}.fifl-table[data-v-24290df7]{margin-bottom:10px}.spinner-container[data-v-24290df7]{text-align:center;overflow:hidden}.spinner-container[data-v-24290df7],.spinner-container div[data-v-24290df7]{position:relative;width:100%;height:50px}.gender-distribution-graph{padding:44px 24px}.gender-distribution-graph .graph-row p{display:inline-block;width:50px;text-align:left;font-size:15px;color:#4a4a4a;letter-spacing:-.62px}.gender-distribution-graph .graph-row div{display:inline-block}.gender-distribution-graph .graph-row .graph-container{width:calc(100% - 70px)}.gender-distribution-graph .graph-row .graph-container .graph-bar{position:relative;display:inline-block;height:10px;border-radius:6px;background-color:#9b9b9b;margin-right:10px}.gender-distribution-graph .graph-row .graph-container .graph-value{position:absolute;right:-22px;top:1px;display:inline-block;font-size:12px;font-weight:500;letter-spacing:-.5px;color:#9b9b9b;line-height:10px;height:10px}.filter-dialog{width:370px;background:#fff}.filter-dialog .el-dialog__header{padding:30px 50px 15px}.filter-dialog .el-dialog__header h2{margin:0;font-size:18px;font-weight:500;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:-1px;color:#4a4a4a}.filter-dialog .el-dialog__body{padding:0 50px;margin-bottom:60px}.filter-dialog .el-dialog__body h3{margin:0;line-height:24px;font-size:16px;font-weight:500;letter-spacing:-.8px;color:#4a4a4a}.filter-dialog .el-dialog__body .el-select{width:100%}.filter-dialog .el-dialog__body .el-form.el-form--label-top{padding:10px 0}@media screen and (max-width:768px){.filter-dialog{width:calc(100% - 20px);height:286px;top:10px}.filter-dialog .el-dialog__body{margin-bottom:0}}.filter-option{font-size:14px;font-weight:400;font-style:normal;font-stretch:normal;line-height:1;letter-spacing:-.8px;color:#4a4a4a}.v-modal{opacity:.12;background:#202020}.select-box-group{position:relative;margin:0;padding:0 0 24px;list-style:none}.select-box-group .select-box-group__title{padding-left:20px;font-size:12px;color:#909399;line-height:30px}.select-box-group:not(:last-of-type):after{content:"";position:absolute;display:block;left:20px;right:20px;bottom:12px;height:1px;background:#e4e7ed}.select-box__input{position:relative}.select-box__input input{cursor:pointer;-webkit-appearance:none;border-radius:4px;border:1px solid #d3d3d3;width:100%;height:50px;padding:0 30px 0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:inherit;line-height:22px;letter-spacing:-.8px;color:#4a4a4a;font-weight:400}.select-box__input input.error{border:1px solid #dc1e00}.select-box__input input.focus{border:1px solid #4a4a4a}.select-box__input input:focus{outline:0 auto -webkit-focus-ring-color}.select-box__input input::-webkit-input-placeholder{font-size:15px;color:#c7cbd2;letter-spacing:-.8px;line-height:22px}.select-box__input input::-moz-placeholder{font-size:15px;color:#c7cbd2;letter-spacing:-.8px;line-height:22px}.select-box__input input:-ms-input-placeholder{font-size:15px;color:#c7cbd2;letter-spacing:-.8px;line-height:22px}.select-box__input input::-ms-input-placeholder{font-size:15px;color:#c7cbd2;letter-spacing:-.8px;line-height:22px}.select-box__input input::placeholder{font-size:15px;color:#c7cbd2;letter-spacing:-.8px;line-height:22px}.select-box__input .input__suffix{position:absolute;height:100%;right:5px;top:0}.select-box__input .input__suffix .el-select__caret{color:#c0c4cc;font-size:14px;cursor:pointer;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.select-box__input .input__suffix .el-select__caret.is-reverse{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.select-box{width:100%;position:relative}.select-box .select-box__tags{position:absolute;line-height:normal;white-space:normal;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.select-box .select-box__tags .el-tag{-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 6px;background-color:#f0f2f5}.select-box.is-disabled{cursor:not-allowed}.select-box.is-disabled .select-box__input input{border-color:#d3d3d3;color:#b9b9b9;background-color:#f2f2f2;cursor:not-allowed}.select-box.is-disabled .input__suffix,.select-box.is-disabled .input__suffix .el-select__caret{cursor:not-allowed}.select-box.is-disabled .select-box__tags .el-tag{background-color:#dcdcdc}.select-box__pannel{z-index:2001;position:absolute;top:50px;width:100%;margin-top:8px;max-height:240px;border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-box-sizing:border-box;box-sizing:border-box}.select-box__pannel__guide{font-size:14px;color:#b9b9b9;line-height:34px;text-align:center}.select-box-dropdown__list{height:226px;overflow-y:auto;margin:0;padding:6px 0;list-style:none}.select-box-dropdown__list .select-box-dropdown__item{position:relative;font-size:14px;padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;height:34px;line-height:34px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#b9b9b9}.select-box-dropdown__list .select-box-dropdown__item:hover{background-color:#f2f2f2}.select-box-dropdown__list .select-box-dropdown__item.selected{color:#4a4a4a;font-weight:700}.select-box-dropdown__list .select-box-dropdown__item.selected:after{position:absolute;right:20px;font-family:element-icons;content:"\E611";font-size:12px;font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter-select-box{margin-left:10px;display:inline-block;position:relative}.filter-select-box .select-box-dropdown__list{margin:0}.filter-select-box .select-box__pannel{right:0;width:260px}.filter-select-box__course-name{display:inline-block;width:180px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.select-box__pannel__guide{height:34px;line-height:22px;padding:6px 0}.word-btn.selected:before{content:"";width:9px;height:9px;border-radius:9px;position:absolute;right:-3px;top:-3px;-webkit-box-shadow:0 2px 4px 0 hsla(0,0%,70.6%,.5);box-shadow:0 2px 4px 0 hsla(0,0%,70.6%,.5);background-color:#4a4a4a}#filter-buttons{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;background-color:#fff;border-radius:0 0 4px 4px;display:-webkit-box;display:-ms-flexbox;display:flex;border-top:1px solid #d3d3d3;-webkit-box-shadow:0 5px 6px 0 hsla(0,0%,70.6%,.5);box-shadow:0 5px 6px 0 hsla(0,0%,70.6%,.5)}#filter-buttons button{border:none;font-family:NotoSansCJKkr,sans-serif;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1;letter-spacing:-.8px;background-color:#fff;margin:13px auto}#filter-buttons button:first-child{margin-left:10px;color:#d3d3d3}#filter-buttons button:first-child:disabled{cursor:not-allowed}#filter-buttons button:last-child{margin-right:10px;color:#4a4a4a}#filter-buttons button:last-child:disabled{color:#d3d3d3;cursor:not-allowed}#loading-screen-container{position:absolute;width:100%;height:100%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:-webkit-box;display:-ms-flexbox;display:flex;top:0;left:0}#loading-screen-container i{margin:auto}.fifl-footer{width:100%;height:60px;line-height:60px;padding:0 36px}.fifl-footer .fifl-inc{width:96px;font-family:HelveticaNeue;font-size:11px;font-weight:400;font-style:normal;font-stretch:normal;letter-spacing:-.5px;text-align:center;color:#9b9b9b}@media screen and (max-width:768px){.fifl-footer{height:45px;line-height:45px}.fifl-footer .fifl-inc{display:block;width:100%;font-family:HelveticaNeue;font-size:11px;font-weight:400;font-style:normal;font-stretch:normal;letter-spacing:-.5px;text-align:center;color:#9b9b9b}}.dashboard-header{position:relative;height:42px;margin-top:36px;margin-bottom:36px}.dashboard-header h1{text-align:center;line-height:42px;font-size:25px;letter-spacing:-1px;color:#4a4a4a}.dashboard-header .left-calendar-control{position:absolute;top:0;left:0}.dashboard-header .left-calendar-control .el-button+.el-button{margin-left:2px}.dashboard-header .right-calendar-control{position:absolute;top:0;right:0}@media screen and (max-width:768px){.dashboard-header{height:72px;margin:0}.dashboard-header .left-calendar-control{top:22px}.dashboard-header .right-calendar-control{top:14px}}.ic-wod,.ic-wod-inactive{position:relative;background-position-x:9px}.ic-wod:before{content:"";width:9px;height:9px;border-radius:9px;position:absolute;right:-3px;top:-3px;-webkit-box-shadow:0 2px 4px 0 hsla(0,0%,70.6%,.5);box-shadow:0 2px 4px 0 hsla(0,0%,70.6%,.5);background-color:#4a4a4a}.card__circle-graph{max-width:300px;min-height:369px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:26px;text-align:center;margin:0 auto}