.student-history-header[data-v-eff1e3b6]{width:100%;display:flex;flex-direction:column}.student-history-header__title[data-v-eff1e3b6]{display:flex;justify-content:space-between}.student-history-header__title__main[data-v-eff1e3b6]{display:flex;align-items:center}.student-history-header__title__main__learningTypes[data-v-eff1e3b6]{margin:2px;border-radius:.25em;text-align:center;border:1px solid var(--color-gray-1);padding:3px;background-color:var(--color-gray-1);color:var(--color-white)}.student-history-header__contents[data-v-eff1e3b6]{display:flex}.student-history-header__contents>li[data-v-eff1e3b6]{padding:10px 50px 20px 0}.student-history-header__contents>li>a[data-v-eff1e3b6]{text-decoration:none;color:var(--color-gray-6)}.student-history-header__contents>li>a.active[data-v-eff1e3b6]{color:var(--color-black);border-bottom:2px solid var(--color-black);padding-bottom:2px}.student-history-total[data-v-833827f0]{display:flex;width:auto;flex-wrap:wrap}.student-history-total__total[data-v-833827f0]{width:45%;min-width:600px;margin:10px 30px 10px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.student-history-total__total__label[data-v-833827f0]{color:var(--color-gray-5)}.student-history-total__total__chart[data-v-833827f0]{margin:10px 20px 10px 0}.student-history-total__total__chart>div[data-v-833827f0]{width:250px;height:250px}.student-history-total__subjects__subject[data-v-833827f0]{display:flex;padding:5px;align-items:center}.student-history-total__subjects__subject>div[data-v-833827f0]{padding:10px}.student-history-total__subjects__subject__image[data-v-833827f0]{width:36px;height:36px;--background-image:none;background-image:var(--background-image);background-size:var(--background-size);border-radius:8px}.student-history-total__subjects__subject__name[data-v-833827f0]{width:100px}.student-history-total__alert[data-v-833827f0]{width:100%;display:flex;justify-content:flex-end;color:var(--color-gray-5);padding:10px}.date-picker-icon__btn[data-v-2b178e9e]{width:32px;height:32px;cursor:pointer;background:url(/img/icon_calender.png)}.date-picker-icon__btn[data-v-2b178e9e],.date-picker-icon__label[data-v-2b178e9e]{display:inline-block;vertical-align:middle}.select-search-wrapper[data-v-237036ee]{position:relative;min-width:100px;z-index:2}.select-search-wrapper.active .select-search-wrapper-content[data-v-237036ee]{display:block}.select-search-wrapper-btn[data-v-237036ee],.select-search-wrapper li[data-v-237036ee]{display:flex;align-items:center;cursor:pointer}.select-search-wrapper-btn[data-v-237036ee]{padding:5px 20px;gap:15px;background:#fff;border-radius:999px;justify-content:space-between;border:1px solid var(--color-gray-1);color:#000}.select-search-wrapper-btn-icon[data-v-237036ee]{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-blue);pointer-events:none}.select-search-wrapper-content[data-v-237036ee]{position:absolute;display:none;padding:20px;margin-top:15px;background:#f7f7f7;border-radius:7px;border:1px solid var(--color-gray-3)}.select-search-wrapper-content__search[data-v-237036ee]{position:relative;min-width:250px}.select-search-wrapper-content__search svg[data-v-237036ee]{top:50%;left:15px;color:#999;pointer-events:none;transform:translateY(-50%);position:absolute}.select-search-wrapper-content__search input[data-v-237036ee]{width:100%;outline:none;border-radius:5px;padding:0 20px 0 43px;border:1px solid #b3b3b3}.select-search-wrapper-content__search input[data-v-237036ee]:focus{padding-left:42px;border:1px solid #4285f4}.select-search-wrapper-content__search input[data-v-237036ee]::-moz-placeholder{color:#bfbfbf}.select-search-wrapper-content__search input[data-v-237036ee]:-ms-input-placeholder{color:#bfbfbf}.select-search-wrapper-content__search input[data-v-237036ee]::placeholder{color:#bfbfbf}.select-search-wrapper-content__options[data-v-237036ee]{margin-top:10px;max-height:250px;overflow-y:auto}.select-search-wrapper-content__options[data-v-237036ee]::-webkit-scrollbar{width:7px}.select-search-wrapper-content__options[data-v-237036ee]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:25px}.select-search-wrapper-content__options[data-v-237036ee]::-webkit-scrollbar-thumb{background:#ccc;border-radius:25px}.select-search-wrapper-content__options[data-v-237036ee]::-webkit-scrollbar-thumb:hover{background:#b3b3b3}.select-search-wrapper-content__options li[data-v-237036ee]{padding:0 13px;margin-bottom:5px}.select-search-wrapper-content__options li.selected[data-v-237036ee],.select-search-wrapper-content__options li[data-v-237036ee]:hover{border-radius:5px;background:var(--color-blue);color:#fff}.select-base[data-v-25f82d09]{position:relative;display:inline-block;border:var(--border) solid var(--color-gray-1);border-radius:var(--radius);background:var(--bgColor);height:var(--input-height-default)}.select-base[data-v-25f82d09]:before{position:absolute;top:50%;transform:translateY(-50%);right:10px;width:0;height:0;padding:0;content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--btnColor);pointer-events:none}.select-base__select[data-v-25f82d09]{height:100%;width:var(--width);position:relative;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:transparent;background-image:none;box-shadow:none;cursor:pointer;padding:0 35px 0 15px;color:var(--color);font-size:var(--font-size-small)}.select-base__select[data-v-25f82d09]::-ms-expand{display:none}.filter-mode[data-v-05f22d14]{display:flex}.filter-mode-select-year[data-v-05f22d14]{margin-right:40px}.filter-mode-select-mode[data-v-05f22d14]{display:flex;align-items:center;gap:20px}.learning-situation[data-v-1bf773e5]{text-align:left}.learning-situation__main[data-v-1bf773e5]{display:table;border-collapse:separate;border-spacing:20px 20px}.learning-situation__main__sidebar[data-v-1bf773e5]{display:table-cell;padding:10px}.learning-situation__main__box[data-v-1bf773e5]{padding:5px}.learning-situation__main__box__label[data-v-1bf773e5]{width:100%;color:var(--color-gray-1);background-color:var(--color-gray-4);border-radius:6px 6px 0 0;padding:10px;display:flex;flex-direction:column-reverse;gap:12px}.learning-situation__main__box__label__calender[data-v-1bf773e5]{margin-left:20px}.learning-situation__main__box__label__calenderWrapper[data-v-1bf773e5]{display:flex;align-items:center}