@font-face {
    font-family: 'nanumNaeo_b';
    src: url('src/static/font/NanumSquareNeo-cBd.woff');
}

@font-face {
  font-family: 'nanumNaeo_eb';
  src: url('src/static/font/NanumSquareNeo-dEb.woff');
}

@font-face {
  font-family: 'oneMobile_t';
  src: url('src/static/font/ONE_Mobile_Title.woff');
}

@font-face {
  font-family: 'aggro_m';
  src: url('src/static/font/SB_Aggro_M.woff');
}

.Progress { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; color: #111; font-family: "nanumNaeo_b", sans-serif; font-size: 16px; z-index: 30; }
.Progress.On { display: block; }

.Progress__Background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6; }
.Progress__Inner { position: absolute; top: 61px; left: 342px; width: calc(1192px / 2); height: calc(1199px / 2); border-radius: 20px; background-color: #fff; display: flex; flex-direction: column; align-items: center; }

/* .Progress__Line { width: 515px; height: 1px; margin: 0 auto; background-color: #000; opacity: 0.15; }
.Progress__Line.Light { opacity: 0.05; } */

.Progress__Title { height: 86px; margin: 0 auto; display: flex; align-items: center; justify-content: center; font-family: 'oneMobile_t'; font-size: 26px; color: #0e905f; }

.Progress__Table { width: 529px; height: 452px; margin: 0 auto; background-color: #fff; border-top: 1px solid #757e8c70; border-bottom: 1px solid #757e8c70; }
.Progress__Table__Row { height: 40px; display: grid; grid-template-columns: 40px 110px 1fr 130px; }
.Progress__Table__Row.Head { height: 44px; background-color: #757e8c26; font-family: 'oneMobile_t'; border-bottom: 1px solid #757e8c26; }

.Progress__Table__Cell { display: flex; align-items: center; justify-content: center; font-size: 14px; color: #373C3D; }
.Progress__Table__Cell .tbl_cell_wrap { display: flex; align-items: center; justify-content: center; }

/* .Progress__Table__Cell.Checkbox { flex: 1; }
.Progress__Table__Cell.Class { flex: 0 0 135px; } */
.Progress__Table__Cell.Page { position: relative; }
.Progress__Table__Cell.Page > * { cursor: pointer; }
/* .Progress__Table__Cell.Page::before, .Progress__Table__Cell.Page::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; height: 15px; background-color: #9c9c9c; }
.Progress__Table__Cell.Page::before { left: 0; }
.Progress__Table__Cell.Page::after { right: 0; } */

/* .Progress__Table__Cell.Date { flex: 0 0 165px; } */

.Progress__Table__Cell.Class { font-family: 'nanumNaeo_eb'; }

.Progress__Table__Body { height: calc(100% - 44px); overflow: auto; }

.Progress__Ordering { width: 22px; height: 22px; background: url(src/static/image/progress/ordering.png) center/ 11px auto no-repeat; cursor: pointer; margin-left: 10px; }
.Progress__Ordering.Reversed { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

/* .Progress__Textbook { width: 46px; height: 15px; margin-top: 0; border-radius: 2px; color: #fff; font-family: "NotoSansB", sans-serif; font-size: 11px; text-align: center; line-height: 15px; }
.Progress__Textbook.Main { background-color: #121d84; }
.Progress__Textbook.Main::before { content: "교과서"; }
.Progress__Textbook.Sub { background-color: #41aef3; }
.Progress__Textbook.Sub::before { content: "수학익힘"; } */

.Progress__Checkbox { position: relative; box-sizing: border-box; width: 18px; height: 18px; border-radius: 4px; background-color: #fff; border: 1px solid #757e8c7a; cursor: pointer; }
.Progress__Checkbox::before { content: ""; display: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: url(src/static/image/progress/click.png) center / 100%; }
.Progress__Checkbox.Selected { background-color: #1FB16E; }
.Progress__Checkbox.Selected::before { display: block; }

/* .Progress__Page { width: 38px; padding-left: 8px; } */

.Progress__Bottom { width: 529px; flex: 1; position: relative; margin: 0 auto; display: flex; align-items: center; justify-content: flex-end; }
.Progress__Button { width: 59px; height: 36px; background: url(../progress/src/static/image/progress/btn_del.png) 0 0/100% 100% no-repeat; cursor: pointer; }
/* .Progress__Button.Big { right: auto; left: 24px; width: 120px; } */

.Progress__Close { position: absolute; top: 35px; left: 547px; width: 16px; height: 16px; background: url(src/static/image/progress/close.png) center/contain no-repeat; cursor: pointer; }