@charset "UTF-8";
/*$warn: #fa625f;
$warn-dark: darken($warn, 10%);
$warn-field: #fff8f7;
$primary: #005995;
$primary-dark: darken($primary, 10%);
$primary-light: lighten($primary, 10%);
$primary-bright: lighten($primary, 60%);
$primary-field: lighten($primary, 65%);
$accent: #fcce33;
$accent-dark: darken($accent, 10%);*/
/*input[type="date"],
input[type="datetime-local"] {
	&::-webkit-inner-spin-button,
	&::-webkit-calendar-picker-indicator {
		display: none;
		-webkit-appearance: none;

		.chu-schedule-detail & {
			display: unset;
			-webkit-appearance: unset;
		}
	}
}*/
label em {
  color: #e53935;
  margin-right: 4px;
}

.mdl-tooltip {
  background-color: #485ed0;
}
.mdl-tooltip span {
  display: block;
  font-size: 12px;
  word-break: break-all;
  white-space: pre-line;
}
.mdl-tooltip ._description:not(:empty) {
  margin-bottom: 8px;
  text-align: left;
}
.mdl-tooltip ._dates {
  text-align: right;
}
.mdl-progress {
  height: 2px;
  width: 100%;
}
.mdl-progress > .progressbar {
  background-color: #485ed0;
}
.mdl-progress > .bufferbar {
  background-color: #eaedfa;
  background-image: none;
}
.mdl-spinner {
  width: 48px;
  height: 48px;
}
.mdl-spinner--single-color .mdl-spinner__layer-1 {
  border-color: #485ed0;
}
.mdl-spinner--single-color .mdl-spinner__layer-2 {
  border-color: #485ed0;
}
.mdl-spinner--single-color .mdl-spinner__layer-3 {
  border-color: #485ed0;
}
.mdl-spinner--single-color .mdl-spinner__layer-4 {
  border-color: #485ed0;
}
.mdl-spinner__circle {
  border-width: 4px;
}
.mdl-data-table {
  border: none;
}
.mdl-data-table thead th {
  border-top: 1px solid rgb(224, 224, 224);
}
.mdl-data-table th, .mdl-data-table td {
  border-right: 1px solid rgb(224, 224, 224);
}
.mdl-data-table th:first-of-type, .mdl-data-table td:first-of-type {
  padding: 12px 16px;
  border-left: 1px solid rgb(224, 224, 224);
}
.mdl-data-table th:last-of-type, .mdl-data-table td:last-of-type {
  padding: 12px;
}
.mdl-layout {
  overflow: hidden;
}
.mdl-layout__header {
  background-color: #485ed0;
  color: rgb(250, 250, 250);
}
@media screen and (max-width: 1000px) {
  .mdl-layout__header {
    display: block;
  }
}
.mdl-layout__header .mdl-layout-title {
  width: 20rem;
  padding: 0 16px;
}
@media screen and (max-width: 1000px) {
  .mdl-layout__header .mdl-layout-title {
    margin: 56px;
  }
}
.mdl-layout__header .mdl-layout-title a {
  width: 100%;
}
.mdl-layout__header .mdl-layout-title img {
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .mdl-layout__header-row {
    height: 64px;
  }
}
.mdl-layout__header-row .mdl-navigation__link {
  color: rgb(250, 250, 250);
  line-height: 1;
}
.mdl-layout--fixed-drawer > .mdl-layout__content {
  margin-left: 20rem;
}
@media screen and (max-width: 1000px) {
  .mdl-layout--fixed-drawer > .mdl-layout__content {
    margin-left: 0;
  }
}
.mdl-layout--fixed-drawer > .mdl-layout__header .mdl-layout__header-row {
  padding: 0;
}
.mdl-layout--fixed-drawer.is-upgraded:not(.is-small-screen) > .mdl-layout__header.chu-header {
  width: 100%;
  margin: 0;
  z-index: 99;
}
.mdl-layout__drawer {
  font-size: 14px;
  width: 20rem;
  background-color: #fafafa;
  transform: translateX(-21rem);
}
.mdl-layout__drawer.chu-drawer {
  top: 64px;
}
.mdl-layout__drawer.chu-drawer::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.mdl-layout__drawer.chu-drawer::-webkit-scrollbar-track-piece {
  background-color: rgb(221, 221, 221);
}
.mdl-layout__drawer.chu-drawer::-webkit-scrollbar-thumb {
  background-color: rgb(183.5, 183.5, 183.5);
  box-shadow: 0 0 1px 0 #9e9e9e;
}
.mdl-layout__drawer.chu-drawer::-webkit-scrollbar-thumb:hover {
  background-color: #9e9e9e;
}
.mdl-layout__drawer.chu-drawer::-webkit-scrollbar-corner {
  background-color: rgb(132.5, 132.5, 132.5);
  color: #9e9e9e;
}
.mdl-layout__drawer-button {
  margin: 0;
  height: 64px;
  width: 64px;
  line-height: 64px;
}
@media screen and (max-width: 1000px) {
  .mdl-layout__drawer-button {
    color: #FFD740;
  }
}
.mdl-navigation__link {
  font-weight: bold;
}
.mdl-layout__header-row .mdl-navigation__link {
  padding: 0 16px;
}
.mdl-navigation__link .mdl-button:hover {
  background-color: lighten #485ed0, 7%;
}
.mdl-menu__container .mdl-menu {
  padding: 0;
}
.mdl-menu li .mdl-button {
  width: 100%;
}
.mdl-dialog__header {
  position: relative;
}
.mdl-dialog__title {
  padding: 16px;
  font-size: 2rem;
  display: flex;
}
.mdl-dialog__content {
  padding: 16px;
  color: #333;
  line-height: 1.5rem;
  word-break: keep-all;
}
.mdl-dialog__content .mdl-dialog__actions {
  padding: 0 16px 16px;
}
.mdl-dialog__content .chu-section-limit {
  height: 500px;
}
.mdl-dialog__actions {
  padding: 16px;
}
.mdl-dialog .chu-warning {
  line-height: 1rem;
}
.mdl-cell h5 {
  margin-top: 8px;
  color: #333;
}
.mdl-radio__inner-circle {
  border-radius: unset;
  background-color: #485ed0;
}
.mdl-radio__outer-circle {
  border-radius: unset;
}
.mdl-radio.is-checked .mdl-radio__outer-circle {
  border-color: #485ed0;
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
  border-color: #485ed0;
}
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
  background-color: #485ed0;
}
.mdl-checkbox__label {
  min-width: 6em;
  display: inline-block;
}
dialog .mdl-button, main .mdl-button {
  padding: 0 8px;
}
.mdl-button span + .material-icons,
.mdl-button .material-icons + span:not([class^=mdl-button]) {
  margin-left: 4px;
  vertical-align: middle;
}
.mdl-button .mdl-badge[data-badge]:after {
  background-color: #FFD740;
  color: black;
}
.mdl-button .mdl-badge[data-badge]._active:after {
  background-color: #e53935;
  color: black;
}
.chu-buttons .mdl-button.mdl-button:not(.mdl-button--accent):not(.mdl-button--warn) {
  background-color: rgba(158, 158, 158, 0.1);
}
.chu-buttons .mdl-button.mdl-button:not(.mdl-button--accent):not(.mdl-button--warn) .mdl-ripple {
  background-color: rgb(255, 255, 255);
}
.chu-buttons .mdl-button.mdl-button:not(.mdl-button--accent):not(.mdl-button--warn):hover:not(:disabled) {
  background-color: rgba(158, 158, 158, 0.2);
}
.chu-buttons .mdl-button.mdl-button:not(.mdl-button--accent):not(.mdl-button--warn):focus:not(:active) {
  background-color: rgba(158, 158, 158, 0.1);
}
.mdl-button--primary.mdl-button {
  background-color: #485ed0;
  color: rgb(250, 250, 250);
  border: 1px solid rgb(41.5847826087, 61.05, 161.9152173913);
}
.mdl-button--primary.mdl-button .mdl-ripple {
  background-color: rgb(255, 255, 255);
}
.mdl-button--primary.mdl-button:hover {
  background-color: #2f45b6;
}
.mdl-button--primary.mdl-button:focus:not(:active) {
  background-color: #485ed0;
  color: rgb(250, 250, 250);
}
.mdl-button--accent.mdl-button {
  background-color: #FFD740;
  color: rgb(22, 22, 22);
  border: 1px solid rgb(242.5, 191.7146596859, 0);
}
.mdl-button--accent.mdl-button .mdl-ripple {
  background-color: rgb(255, 255, 255);
}
.mdl-button--accent.mdl-button:hover {
  background-color: rgb(255, 204.3193717277, 13);
}
.mdl-button--accent.mdl-button:focus:not(:active) {
  background-color: #FFD740;
  color: rgb(22, 22, 22);
}
.mdl-button--warn.mdl-button {
  background-color: #e53935;
  color: rgb(250, 250, 250);
  border: 1px solid rgb(182.0657894737, 27.0394736842, 23.4342105263);
}
.mdl-button--warn.mdl-button .mdl-ripple {
  background-color: rgb(255, 255, 255);
}
.mdl-button--warn.mdl-button:hover {
  background-color: #e53935;
}
.mdl-button--warn.mdl-button:focus:not(:active) {
  background-color: #e53935;
  color: rgb(22, 22, 22);
}
.mdl-button-menu {
  display: inline-block;
  padding-right: 26px;
}
.mdl-button-menu + .mdl-menu__container button span:not(.mdl-button__ripple-container) {
  white-space: pre;
}
.mdl-button-menu span + .drop-icon {
  width: 16px;
}
.mdl-button:not(.mdl-button--accent):not(.mdl-button--warn):not(.mdl-button--primary):not(.mdl-button--icon) {
  border: 1px solid rgb(224, 224, 224);
}
.mdl-button#navNotification {
  overflow: visible;
}
.mdl-card__title-text {
  line-height: 32px;
}
.mdl-multiple {
  position: relative;
}
.mdl-multiple-chips {
  position: absolute;
  top: 20px;
  z-index: 99;
}
.mdl-multiple-chips .mdl-chip {
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  vertical-align: top;
}
.mdl-multiple-chips .mdl-chip--deletable {
  padding-right: 4px;
}
.mdl-multiple-chips .mdl-chip__text {
  font-size: 14px;
}
.mdl-multiple-chips .mdl-chip__action {
  height: 18px;
  width: 18px;
}
.mdl-multiple-chips .mdl-chip__action .material-icons {
  font-size: 18px;
}
.mdl-multiple-chips .mdl-chip + .mdl-chip {
  margin-left: 2px;
}
.mdl-multiple.is-add .mdl-selectfield__select {
  text-indent: -100%;
}
.mdl-ripple {
  background-color: #333333;
}
.mdl-grid + .chu-buttons {
  margin-top: 16px;
}
.mdl-textfield__input, .mdl-selectfield__select {
  line-height: 20px;
  font-size: 14px;
  border: 1px solid rgba(72, 94, 208, 0.15);
  padding: 8px 4px;
}
.mdl-textfield__input:focus, .mdl-selectfield__select:focus {
  outline: none;
  box-shadow: 0 0 4px 0 #FFD740;
}
.mdl-textfield__input[readonly]:focus, .mdl-selectfield__select[readonly]:focus {
  box-shadow: 0 0 4px 0 #9e9e9e;
}
.mdl-selectfield {
  display: flex;
}
.mdl-selectfield.is-disabled .mdl-selectfield__select {
  color: rgb(22, 22, 22);
}
.mdl-selectfield.is-disabled .mdl-selectfield__placeholder {
  cursor: default;
}
.mdl-selectfield_select[readonly] + .mdl-selectfield__label:after {
  background-color: unset;
}
.mdl-selectfield__label:after {
  background-color: #FFD740;
}
.mdl-selectfield__placeholder {
  top: 24px;
}
.mdl-textfield__input {
  width: calc(100% - 8px);
}
.mdl-textfield.is-disabled .mdl-textfield__input {
  color: rgb(22, 22, 22);
}
.mdl-textfield__input[readonly] + .mdl-textfield__label:after {
  background-color: unset;
}
.mdl-textfield__label:empty:after {
  bottom: 0;
}
.mdl-textfield__label:after {
  background-color: #FFD740;
}

.chu-margin-zero.chu-section {
  margin-left: 0;
  margin-bottom: 0;
  margin-top: 0;
}
.chu-radio-table {
  border: 1px solid rgb(224, 224, 224);
  width: 100%;
}
.chu-radio-table thead th {
  color: rgb(158, 158, 158);
  font-size: 12px;
  visibility: visible;
  padding-bottom: 12px;
  padding-left: 2px;
  padding-top: 2px;
  font-weight: normal;
}
.chu-radio-table tbody td {
  text-align: center;
  padding-bottom: 8px;
  display: flex;
}
.chu-radio-table tbody td label {
  padding-left: 8px;
  flex: 1;
  text-align: left;
}
.chu-status {
  font-weight: bold;
  padding: 2px 4px;
  border-radius: 2px;
}
.chu-status._3, .chu-status._4, .chu-status._5, .chu-status._6, .chu-status._8, .chu-status._9, .chu-status._10, .chu-status._11 {
  cursor: help;
}
.chu-status._3[role=none], .chu-status._4[role=none], .chu-status._5[role=none], .chu-status._6[role=none], .chu-status._8[role=none], .chu-status._9[role=none], .chu-status._10[role=none], .chu-status._11[role=none] {
  cursor: default;
}
.chu-header .mdl-list {
  padding: 8px 0;
}
.chu-header .mdl-list__item {
  min-height: 48px;
}
.chu-nav {
  margin-bottom: 60px;
}
.chu-nav li:last-child .chu-nav-item {
  border-bottom: 1px solid rgba(72, 94, 208, 0.15);
}
.chu-nav-item {
  position: relative;
  display: block;
  padding: 0 16px;
  line-height: 56px;
  font-weight: bold;
  color: #444;
  border-top: 1px solid rgba(72, 94, 208, 0.15);
  font-size: 16px;
  word-break: keep-all;
  font-family: "HangultuelGothic", "Nanum Gothic", Roboto, Helvetica, Arial, sans-serif;
}
.chu-nav-item:hover, .chu-nav-item._active, .chu-nav-item._fixed {
  background-color: #99a5e5;
  color: rgb(250, 250, 250);
}
.chu-nav-item:hover:before, .chu-nav-item._active:before, .chu-nav-item._fixed:before {
  color: rgb(250, 250, 250);
}
.chu-nav-item:before {
  font-family: "Material Icons", sans-serif !important;
  content: "\e5c5";
  position: absolute;
  font-size: 1.5rem;
  line-height: inherit;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  color: #2f45b6;
  transition: all 0.2s linear;
}
.chu-nav-item._slide + .chu-nav-sub {
  display: block;
}
.chu-nav-item._slide:before {
  content: "\e5c7";
  color: rgb(250, 250, 250);
}
.chu-nav-item._slide._active {
  background-color: rgb(36.3739130435, 53.4, 141.6260869565);
}
.chu-nav-sub {
  display: none;
}
.chu-nav-sub .chu-nav-item {
  font-size: 1rem;
  padding: 18px 1rem 18px 2rem;
  line-height: 1;
  background-color: #eaedfa;
}
.chu-nav-sub .chu-nav-item:before {
  content: none;
}
.chu-nav-sub .chu-nav-item:hover, .chu-nav-sub .chu-nav-item._active {
  background-color: #c2c9ef;
  color: rgb(22, 22, 22);
}
.chu-nav-sub .chu-nav-item._active {
  position: relative;
}
.chu-nav-sub .chu-nav-item._active:before {
  content: "🢒";
  font-size: 2rem;
  z-index: 9;
  color: #2f45b6;
  top: 20px;
  left: 12px;
  position: absolute;
}
.chu-spinner-area {
  position: fixed;
  left: 20rem;
  right: 0;
  top: 64px;
  bottom: 0;
  background-color: rgb(255, 255, 255);
  min-height: 500px;
  z-index: 99;
}
@media screen and (max-width: 1000px) {
  .chu-spinner-area {
    left: 0;
  }
}
.popup-content .chu-spinner-area {
  left: 0;
  top: 0;
}
.chu-spinner-position {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -59%);
}
.chu-flex {
  display: flex;
  flex-direction: row;
  flex-flow: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: start;
  align-content: baseline;
}
.chu-flex-margin .chu-flex-item {
  margin-bottom: 32px;
}
.chu-flex .row-1 > .chu-flex-item, .chu-flex.row-1 > .chu-flex-item {
  flex: 1 1 100%;
  max-width: calc(100% - 0px);
}
.chu-flex .row-1 > .chu-flex-item:nth-child(1n), .chu-flex.row-1 > .chu-flex-item:nth-child(1n) {
  margin-right: 0;
}
.chu-flex .row-1 > .chu-flex-item:first-child:last-child, .chu-flex.row-1 > .chu-flex-item:first-child:last-child {
  flex: 1;
}
@media screen and (max-width: 781px) {
  .chu-flex .row-1 > .chu-flex-item, .chu-flex.row-1 > .chu-flex-item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.chu-flex .row-2 > .chu-flex-item, .chu-flex.row-2 > .chu-flex-item {
  flex: 1 1 50%;
  max-width: calc(50% - 4px);
}
.chu-flex .row-2 > .chu-flex-item:nth-child(2n), .chu-flex.row-2 > .chu-flex-item:nth-child(2n) {
  margin-right: 0;
}
.chu-flex .row-2 > .chu-flex-item:first-child:last-child, .chu-flex.row-2 > .chu-flex-item:first-child:last-child {
  flex: 1;
}
@media screen and (max-width: 781px) {
  .chu-flex .row-2 > .chu-flex-item, .chu-flex.row-2 > .chu-flex-item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.chu-flex .row-3 > .chu-flex-item, .chu-flex.row-3 > .chu-flex-item {
  flex: 1 1 33%;
  max-width: calc(33% - 5.3333333333px);
}
.chu-flex .row-3 > .chu-flex-item:nth-child(3n), .chu-flex.row-3 > .chu-flex-item:nth-child(3n) {
  margin-right: 0;
}
.chu-flex .row-3 > .chu-flex-item:first-child:last-child, .chu-flex.row-3 > .chu-flex-item:first-child:last-child {
  flex: 1;
}
@media screen and (max-width: 781px) {
  .chu-flex .row-3 > .chu-flex-item, .chu-flex.row-3 > .chu-flex-item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.chu-flex .row-4 > .chu-flex-item, .chu-flex.row-4 > .chu-flex-item {
  flex: 1 1 25%;
  max-width: calc(25% - 6px);
}
.chu-flex .row-4 > .chu-flex-item:nth-child(4n), .chu-flex.row-4 > .chu-flex-item:nth-child(4n) {
  margin-right: 0;
}
.chu-flex .row-4 > .chu-flex-item:first-child:last-child, .chu-flex.row-4 > .chu-flex-item:first-child:last-child {
  flex: 1;
}
@media screen and (max-width: 781px) {
  .chu-flex .row-4 > .chu-flex-item, .chu-flex.row-4 > .chu-flex-item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.chu-flex .row-5 > .chu-flex-item, .chu-flex.row-5 > .chu-flex-item {
  flex: 1 1 20%;
  max-width: calc(20% - 6.4px);
}
.chu-flex .row-5 > .chu-flex-item:nth-child(5n), .chu-flex.row-5 > .chu-flex-item:nth-child(5n) {
  margin-right: 0;
}
.chu-flex .row-5 > .chu-flex-item:first-child:last-child, .chu-flex.row-5 > .chu-flex-item:first-child:last-child {
  flex: 1;
}
@media screen and (max-width: 781px) {
  .chu-flex .row-5 > .chu-flex-item, .chu-flex.row-5 > .chu-flex-item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.chu-flex .row-6 > .chu-flex-item, .chu-flex.row-6 > .chu-flex-item {
  flex: 1 1 17%;
  max-width: calc(17% - 6.6666666667px);
}
.chu-flex .row-6 > .chu-flex-item:nth-child(6n), .chu-flex.row-6 > .chu-flex-item:nth-child(6n) {
  margin-right: 0;
}
.chu-flex .row-6 > .chu-flex-item:first-child:last-child, .chu-flex.row-6 > .chu-flex-item:first-child:last-child {
  flex: 1;
}
@media screen and (max-width: 781px) {
  .chu-flex .row-6 > .chu-flex-item, .chu-flex.row-6 > .chu-flex-item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.chu-flex-item {
  flex: 1;
  margin-right: 8px;
}
.chu-flex-item:last-child {
  margin-right: 0;
}
@media screen and (max-width: 781px) {
  .chu-flex-item {
    flex-basis: 49%;
    margin-right: 0;
  }
  .chu-flex-item:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 360px) {
  .chu-flex-item {
    flex-basis: 100%;
    margin-right: 0;
  }
}
.chu-flex-item .mdl-textfield,
.chu-flex-item .mdl-selectfield {
  width: 100%;
  background-color: white;
}
.chu-flex-elements {
  position: relative;
}
.chu-flex-elements .mdl-button {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  transform: translateY(80%);
}
.chu-flex .mdl-button {
  flex: 1;
}
.chu-button-group {
  display: inline-block;
  margin-left: 4px;
  padding: 0 8px;
}
.chu-button-group ~ .chu-button-group {
  margin-left: 0;
}
.chu-button-group:first-child {
  margin-left: 0;
  padding-left: 0;
}
.chu-button-group:last-child {
  padding-right: 0;
}
.chu-button-group:not(:first-child) {
  border-left: 1px dashed rgb(224, 224, 224);
}
.chu-button-group .mdl-button.chu-button-style-front {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.chu-button-group .mdl-button.chu-button-style-front + .mdl-button {
  border-left: none !important;
}
.chu-button-group .mdl-button.chu-button-style-middle {
  border-radius: 0;
}
.chu-button-group .mdl-button.chu-button-style-middle + .mdl-button {
  border-left: none !important;
}
.chu-button-group .mdl-button.chu-button-style-back {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.chu-button-group .mdl-button.chu-button-style-front, .chu-button-group .mdl-button.chu-button-style-middle, .chu-button-group .mdl-button.chu-button-style-back {
  margin: 0;
}
.chu-buttons {
  text-align: right;
  /*&.chu-section {
  	padding: values.$pad 0;
  }*/
}
.chu-buttons.control .mdl-button {
  border: 1px solid #bbb;
}
.chu-buttons.control .mdl-button:disabled, .chu-buttons.control .mdl-button:disabled:hover {
  border-color: rgb(221, 221, 221);
}
.chu-buttons.control .mdl-button:first-child {
  margin-left: 0;
}
.chu-buttons.control .mdl-button:last-child {
  margin-right: 0;
}
.chu-buttons .chu-flex-item:first-child {
  text-align: left;
}
.chu-buttons .chu-flex-item:last-child {
  text-align: right;
}
.chu-buttons .mdl-button {
  line-height: 1;
  margin: 0 4px;
}
.chu-buttons .mdl-button .material-icons {
  color: #485ed0;
  font-size: 18px;
}
.chu-buttons .mdl-button:last-child {
  margin-right: 0;
}
.chu-buttons .mdl-button-menu:nth-last-child(2) {
  margin-right: 0;
}
.chu-buttons .mdl-tabs__tab {
  float: unset;
  display: inline-block;
  padding: 0 16px;
  color: #000000;
  box-sizing: border-box;
}
.chu-section {
  margin: 8px;
  position: relative;
}
.chu-section:last-child {
  margin-bottom: 6rem;
}
.chu-section.chu-buttons:last-child {
  margin-top: 6rem;
  margin-bottom: 8px;
}
.chu-section-block {
  position: relative;
  padding: 32px 0;
  border-top: 2px solid #eaedfa;
  margin: 16px 8px;
}
.chu-section-block:first-child {
  margin-top: 32px;
}
.chu-section-block .chu-section-title {
  position: absolute;
  top: -12px;
  background-color: rgb(255, 255, 255);
  padding-right: 12px;
}
.chu-section-block .chu-section-title:before {
  font-family: "Material Icons", sans-serif !important;
  content: "\e5cc";
  vertical-align: text-bottom;
  line-height: 22px;
  text-shadow: -8px 0 0 #99a5e5;
}
.chu-section-block .chu-buttons {
  padding: 0;
  margin-bottom: 8px;
}
.chu-section-limit {
  max-height: 500px;
}
.chu-section-left {
  width: 180px;
  min-height: 900px;
  padding: 42px 8px 120px 0;
}
.chu-section-right {
  flex: 1;
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
}
.chu-section-right .chu-section {
  width: 100%;
}
.chu-section-table {
  overflow: auto;
}
.chu-section-table::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.chu-section-table::-webkit-scrollbar-track-piece {
  background-color: rgb(221, 221, 221);
}
.chu-section-table::-webkit-scrollbar-thumb {
  background-color: rgb(183.5, 183.5, 183.5);
  box-shadow: 0 0 1px 0 #9e9e9e;
}
.chu-section-table::-webkit-scrollbar-thumb:hover {
  background-color: #9e9e9e;
}
.chu-section-table::-webkit-scrollbar-corner {
  background-color: rgb(132.5, 132.5, 132.5);
  color: #9e9e9e;
}
.chu-section .chu-section-table + .mdl-grid {
  margin-top: 8px;
}
.chu-section-table.sticky-header {
  max-height: 500px;
  height: unset;
}
.chu-section-table.sticky-header:empty {
  height: 500px;
}
.chu-section-table.sticky-header thead th {
  border-top: none;
  position: sticky;
  top: 0;
  z-index: 2;
}
.chu-section-table.sticky-header._long {
  max-height: 1000px;
  height: unset;
}
.chu-section-table.sticky-header._long:empty {
  height: 1000px;
}
.chu-section-table.not-hover .chu-table tbody tr:hover {
  background-color: unset;
}
.chu-section-subtitle {
  font-size: 18px;
  padding-bottom: 8px;
  font-weight: bold;
  display: inline-block;
  color: #333;
}
.chu-section-subtitle:before {
  font-family: "Material Icons", sans-serif !important;
  content: "\e836";
  font-size: 1rem;
  color: rgb(255, 204.3193717277, 13);
  margin-right: 6px;
}
.chu-section .chu-section-title {
  font-size: 20px;
  font-weight: bold;
  color: #485ed0;
  font-family: "HangultuelGothic", "Nanum Gothic", Roboto, Helvetica, Arial, sans-serif;
}
.chu-section .chu-section-title em:not(:empty) {
  color: #333;
  font-size: 1rem;
  margin-left: 8px;
}
.chu-section .chu-section-title em:not(:empty):before {
  content: "[";
  margin-right: 4px;
  color: #9e9e9e;
}
.chu-section .chu-section-title em:not(:empty):after {
  content: "]";
  margin-left: 4px;
  color: #9e9e9e;
}
.chu-section .chu-section-title .budget-plan:not(:empty) {
  margin-left: 16px;
}
.chu-section .chu-section-title .budget-add:not(:empty) {
  margin-left: 8px;
}
.chu-section h4 {
  font-size: 20px;
  font-weight: bold;
}
.chu-section h4 + table, .chu-section h4 + [class^=chu-section] {
  margin-top: 16px;
}
.chu-section h4 + .chu-form-item {
  margin-top: 48px;
}
.chu-section h5 {
  font-size: 16px;
  padding-bottom: 8px;
}
.chu-section .mdl-grid {
  padding: 0;
  margin: 0 -8px;
}
.chu-section .mdl-grid .mdl-textfield {
  width: 100%;
}
.chu-section .mdl-selectfield {
  width: 100%;
}
.chu-section table .chu-buttons {
  padding: 12px;
}
.chu-content a {
  color: #485ed0;
}
.chu-content a:hover {
  color: #2f45b6;
}
.chu-content .page-content {
  margin: 16px;
}
.chu-table {
  width: 100%;
}
.chu-table + .mdl-grid {
  margin-top: 16px;
}
.chu-table-caption {
  text-align: left;
  display: table-caption;
  background-color: rgb(255, 255, 255);
}
.chu-table-caption p {
  padding: 8px;
  font-weight: bold;
  font-size: 16px;
}
.chu-table-caption span {
  margin-left: 8px;
}
.chu-table thead tr {
  background-color: rgb(238, 238, 238);
}
.chu-table thead th,
.chu-table tbody .th {
  text-align: center;
  line-height: 14px;
  vertical-align: middle;
  color: rgb(22, 22, 22);
  background-color: rgb(238, 238, 238);
}
.chu-table tbody tr.is-selected {
  background-color: rgba(255, 215, 64, 0.4);
  color: black;
}
.chu-table tbody tr.is-selected:hover {
  background-color: rgba(255, 215, 64, 0.2);
}
.chu-table tbody tr:hover {
  background-color: #eaedfa;
  color: #485ed0;
}
.chu-table tbody tr:hover .mdl-textfield,
.chu-table tbody tr:hover .mdl-selectfield {
  background-color: white;
  color: black;
}
.chu-table tbody td {
  text-align: center;
}
.chu-table tbody .th {
  font-weight: bold;
}
.chu-table tbody .td {
  text-align: left;
}
.chu-table tbody td:not(.checkbox) {
  min-width: 70px;
}
.chu-table tbody ._wide {
  width: 100%;
}
.chu-table tbody ._selector {
  width: 100%;
  text-align: left;
  cursor: pointer;
  font-weight: bold;
}
.chu-table tbody ._selector.studentNo {
  text-align: center;
  width: auto;
}
.chu-table tbody .reason,
.chu-table tbody .programName {
  text-align: left;
}
.chu-table tbody .programStatusName {
  position: relative;
}
.chu-table tbody .programStatusName .mdl-tooltip::before {
  content: "";
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid #485ed0;
}
.chu-table td, .chu-table th {
  word-wrap: break-word;
  padding: 12px;
  font-size: 12px;
}
.chu-table td .mdl-checkbox.is-upgraded, .chu-table th .mdl-checkbox.is-upgraded {
  padding-left: 16px;
}
.chu-table td.checkbox, .chu-table th.checkbox {
  width: 50px;
}
.chu-table .mdl-textfield {
  padding: 0;
  width: 100%;
}
.chu-table .mdl-button {
  font-size: 12px;
  padding: 0 8px;
}
.chu-table .mdl-button:disabled {
  border-color: rgb(221, 221, 221);
}
.chu-card {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  width: 100%;
  max-width: 1800px;
  min-height: unset;
}
.page-content .chu-card + .chu-card {
  margin-top: 16px;
}
.chu-card .mdl-card__title {
  background-color: #eaedfa;
}
.chu-card-code {
  padding-left: 8px;
}
.chu-card-code .chu-card {
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.chu-dialog {
  width: 80%;
  max-width: 1400px;
  padding: 0;
  top: 5%;
}
.chu-dialog._middle {
  width: 60%;
  max-width: 800px;
  padding: 0;
  top: 20%;
}
.chu-dialog-sms {
  padding: 8px;
  position: sticky;
  z-index: 99999;
  top: 5%;
  right: 5%;
  margin-left: auto;
  margin-right: 0;
  box-shadow: -4px -2px 8px 0 rgba(255, 215, 64, 0.15), 0 12px 12px -10px rgba(255, 215, 64, 0.2), 0 0 20px 2px rgba(34, 34, 34, 0.1);
}
.chu-dialog-sms .mdl-dialog__title {
  font-size: 1.25rem;
}
.chu-dialog-sms .mdl-dialog__title, .chu-dialog-sms .mdl-dialog__content, .chu-dialog-sms .mdl-dialog__actions {
  padding: 0;
}
.chu-dialog-sms .mdl-dialog__content {
  margin: 8px 0;
}
.chu-dialog-sms .mdl-dialog__header .mdl-button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.chu-dialog-sms .chu-info-title {
  padding: 8px;
  font-size: 12px;
}
.chu-dialog-sms .chu-info-text {
  padding: 8px;
  text-align: right;
}
.chu-dialog-sms p {
  transition: all 0.2s linear;
  padding: 0 4px;
}
.chu-dialog-sms p.notice {
  color: #e53935;
  font-size: 12px;
  margin-bottom: 5px;
}
.chu-dialog-notification {
  padding: 8px;
  position: sticky;
  z-index: 99999;
  top: 5%;
  right: 5%;
  margin-left: auto;
  margin-right: 0;
  box-shadow: -4px -2px 8px 0 rgba(255, 215, 64, 0.15), 0 12px 12px -10px rgba(255, 215, 64, 0.2), 0 0 20px 2px rgba(34, 34, 34, 0.1);
}
.chu-dialog-notification .mdl-dialog__title {
  font-size: 1.25rem;
}
.chu-dialog-notification .mdl-dialog__title, .chu-dialog-notification .mdl-dialog__content, .chu-dialog-notification .mdl-dialog__actions {
  padding: 0;
}
.chu-dialog-notification .mdl-dialog__content {
  margin: 8px 0;
}
.chu-dialog-notification .mdl-dialog__header .mdl-button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.chu-dialog-notification .chu-info-title {
  padding: 8px;
  font-size: 12px;
}
.chu-dialog-notification .chu-info-text {
  padding: 8px;
  text-align: right;
}
.chu-dialog-confirm, .chu-dialog-alert {
  width: 90%;
  max-width: 600px;
  padding: 0;
}
.chu-dialog-report {
  width: 40%;
  overflow: visible;
  padding: 0;
}
.chu-dialog-report .mdl-textfield,
.chu-dialog-report .mdl-selectfield {
  width: 100%;
}
.chu-dialog .chu-section {
  padding: 8px 0;
  border-bottom: 1px solid #f5f5f5;
}
.chu-dialog .chu-section:last-child {
  border-bottom: none;
}
.chu-dialog .chu-section:last-child[id*=search], .chu-dialog .chu-section:last-child[id*=Search] {
  margin-bottom: 15rem;
}
.chu-dialog .chu-section + .chu-section {
  margin-top: 8px;
}
.chu-dialog .chu-section.sticky-header {
  padding-top: 0;
}
.chu-dialog .chu-not-searching {
  font-size: 16px;
  margin: 0 4px;
}
.chu-dialog .chu-table .chu-not-searching {
  font-size: 12px;
  margin: 0;
}
.chu-dialog .mdl-dialog__content {
  overflow-y: hidden;
}
.chu-dialog .mdl-dialog__title {
  border-bottom: 1px solid rgba(72, 94, 208, 0.15);
}
.chu-dialog .mdl-dialog__actions {
  border-top: 1px solid rgba(72, 94, 208, 0.15);
}
.chu-dialog .mdl-textfield {
  width: 100%;
}
.chu-dialog .mdl-textfield textarea {
  min-height: 60px;
}
.chu-img-area {
  width: 100%;
  height: 100%;
  text-align: center;
  position: relative;
}
.chu-img-area img {
  width: inherit;
}
.chu-img-area #signature {
  height: 80px;
  width: unset;
  border: 1px solid rgba #485ed0, 0.2;
  padding: 8px;
}
.chu-survey-list {
  padding: 0 0 0 16px;
}
.chu-survey-list li {
  padding: 8px 0;
  font-size: 14px;
}
.chu-pagination {
  position: relative;
  margin: 8px 8px 0;
}
.chu-pagination-nav {
  text-align: center;
  padding: 20px 0;
}
.chu-pagination-limit {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}
.chu-pagination-limit .mdl-selectfield.mdl-selectfield--floating-label {
  width: 100px;
}
.chu-pagination-limit .mdl-selectfield.mdl-selectfield--floating-label .mdl-menu__container {
  bottom: 67px;
  top: unset !important;
}
.chu-pagination-item {
  display: inline-block;
  position: relative;
}
.chu-pagination-item + .chu-pagination-item {
  margin-left: 4px;
}
.chu-pagination-item.active .mdl-button {
  background-color: #FFD740;
  font-weight: bold;
}
.chu-pagination-item.disabled .mdl-button {
  color: #c2c9ef;
}
.chu-pagination-item.prev:not(.disabled) .mdl-button, .chu-pagination-item.first:not(.disabled) .mdl-button, .chu-pagination-item.next:not(.disabled) .mdl-button, .chu-pagination-item.last:not(.disabled) .mdl-button {
  color: #2f45b6;
}
.chu-pagination-item .mdl-button {
  line-height: 24px;
  width: 24px;
  font-size: 14px;
  padding: 0;
  border-radius: 2px;
}
.chu-not-searching {
  font-size: 12px;
  padding: 16px 8px;
  color: #666666;
}
.chu-university-list {
  /*> li {
  	> a {
  		font-weight: bold;
  		font-size: 14px;
  	}

  	&._active, &:hover {
  		.chu-university-list-sub {
  			height: unset;
  			display: block;
  		}
  	}

  	&._active {
  		background-color: values.$primary-field;

  		ul {
  			background-color: values.$primary-field;
  		}
  	}

  	&:before {
  		content: none;
  	}
  }*/
  /*&-sub {
  	text-indent: values.$pad-double;
  	height: 0;
  	display: none;
  	values.transition: all 0.4s ease-in;
  }*/
}
.chu-university-list .chu-university-list-item._active a {
  background-color: #2f45b6;
  color: rgb(250, 250, 250);
  font-weight: bold;
}
.chu-university-list .chu-university-list-item:before {
  content: none;
}
.chu-university-list a {
  color: #333;
  display: block;
  padding: 4px 24px;
  font-size: 13px;
  text-indent: 24px;
}
.chu-university-list a:hover {
  color: #2f45b6;
  background-color: #c2c9ef;
}
.chu-form {
  /*.mdl-tabs__tab {
  	flex: 1;
  	font-size: 16px;
  }

  .mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
  	color: values.$primary;
  	font-weight: bold;

  	&:after {
  		background: values.$primary;
  	}
  }*/
}
.chu-form-item {
  margin: 8px 0;
}
.chu-form-item + .chu-form-item {
  margin-top: 48px;
}
.chu-form .chu-section:not(:last-child) {
  margin-bottom: 100px;
}
.chu-form .chu-buttons {
  padding: 8px 0;
}
.chu-form h3 {
  color: #485ed0;
  text-align: center;
  font-size: 24px;
  padding: 16px 0;
}
.chu-info {
  display: flex;
  position: relative;
  width: 100%;
  border-bottom: 1px solid rgba(72, 94, 208, 0.15);
  font-size: 12px;
}
.chu-info:first-child {
  border-top: 1px solid rgba(72, 94, 208, 0.15);
}
.chu-info-title {
  min-width: 80px;
  color: #485ed0;
}
.chu-info-text {
  flex: 1;
  word-break: break-all;
  white-space: pre-line;
}
.chu-info-title, .chu-info-text {
  padding: 16px 8px;
}
.chu-preview {
  max-height: 800px;
  overflow-y: auto;
}
.chu-description {
  font-size: 12px;
  color: #333333;
}
.chu-warning {
  font-weight: bold;
  background-color: rgba(255, 215, 64, 0.4);
  font-size: 12px;
  padding: 4px 8px;
  border: 1px solid rgba(72, 94, 208, 0.15);
}
.chu-warning em {
  color: #e53935;
}
.chu-child-list {
  padding-left: 24px;
}
.chu-child-list .mdl-checkbox {
  display: inline-table;
}
.chu-child-list .mdl-checkbox.is-upgraded {
  padding-left: 20px;
}
.chu-child-list .mdl-checkbox__label {
  font-size: 14px;
  line-height: 20px;
}
.chu-child-list .mdl-checkbox__focus-helper, .chu-child-list .mdl-checkbox__box-outline {
  width: 14px;
  height: 14px;
}
.chu-file-item + .chu-file-item {
  margin-left: 8px;
}
.chu-file-item .mdl-chip__contact button {
  background-color: #9e9e9e;
}
.chu-file-item .mdl-chip__contact button:hover {
  background-color: #9e9e9e;
}
.chu-file-item .mdl-chip__contact .material-icons {
  color: white;
  font-size: 18px;
  vertical-align: middle;
}
.chu-file-item .mdl-chip__text {
  margin-right: 8px;
}
.chu-body-preview {
  padding: 24px;
  border: 1px solid #eee;
  margin: 8px 0;
  overflow-x: scroll;
}
.chu-list > form {
  margin-bottom: 16px;
}
.chu-list form .chu-buttons {
  margin: auto;
  min-width: auto;
}
.chu-schedule {
  border: 1px solid rgba(72, 94, 208, 0.15);
}
.chu-schedule.chu-table tbody tr:hover {
  background-color: unset;
}
.chu-schedule p {
  font-size: 12px;
  color: #333333;
  margin-bottom: 8px;
}
.chu-schedule th {
  background-color: #eaedfa;
  vertical-align: middle;
  font-size: 12px;
  text-align: center;
  min-width: 100px;
  color: #333333;
}
.chu-schedule td:not(.title) {
  width: 100%;
}
.chu-schedule td.title {
  background-color: #eaedfa;
  min-width: 100px;
  font-weight: bold;
  color: #333333;
}
.chu-schedule td.content {
  text-align: left;
  white-space: pre-wrap;
}
.chu-schedule td.content-input {
  text-align: left;
}
.chu-schedule th,
.chu-schedule td {
  border: 1px solid rgba(72, 94, 208, 0.15);
}
.chu-schedule th:first-of-type,
.chu-schedule td:first-of-type {
  border-left-color: rgba(72, 94, 208, 0.15);
  padding: 8px;
}
.chu-schedule th:last-of-type,
.chu-schedule td:last-of-type {
  border-right-color: rgba(72, 94, 208, 0.15);
  padding: 8px;
}
.chu-schedule-item div.mdl-textfield {
  padding-top: 20px;
  width: 100%;
}
.chu-schedule-item .mdl-textfield__label:after {
  bottom: 0;
}
.chu-schedule-item form:not(:last-child) {
  margin-bottom: 8px;
}
.chu-schedule-detail {
  transition: all 0.2s linear;
  border: 1px solid rgba(72, 94, 208, 0.15);
  padding: 8px;
}
.chu-schedule-detail-title {
  font-size: 12px;
  color: #485ed0;
  text-align: left;
  margin-bottom: 8px;
  font-weight: bold;
}
.chu-schedule-detail-title:before {
  content: "arrow_right";
  margin-right: 4px;
  vertical-align: middle;
  font-family: "Material Icons", sans-serif !important;
}
.chu-schedule-detail:hover {
  border-color: #99a5e5;
}
.chu-schedule-detail .chu-info:first-child {
  margin-top: 8px;
}
.chu-schedule-detail .chu-info:last-child {
  border-bottom: none;
}
.chu-schedule-detail .chu-info-title {
  border-right: 1px solid rgba(72, 94, 208, 0.15);
}
.chu-schedule-detail .chu-info-title, .chu-schedule-detail .chu-info-text {
  font-size: 12px;
  padding: 8px;
}
.chu-schedule-detail + .chu-schedule-detail {
  margin-top: 8px;
}
.chu-schedule .mdl-textfield {
  padding: 0;
  width: 100%;
}
.chu-align {
  display: flex;
}
@media screen and (max-width: 781px) {
  .chu-align {
    display: block;
  }
}
.chu-align-left {
  flex: 1;
  justify-content: flex-start;
  display: flex;
}
@media screen and (max-width: 781px) {
  .chu-align-left {
    margin-bottom: 8px;
  }
}
.chu-align-right {
  flex: 1;
  justify-content: flex-end;
  display: flex;
}
.chu-align .mdl-button:first-child {
  margin-left: 0;
}
.chu-align .mdl-button:last-child {
  margin-right: 0;
}
.chu-align .mdl-button--icon {
  height: 24px;
  width: 24px;
  min-width: unset;
}
.chu-align .mdl-button--icon i {
  font-size: 18px;
}
.chu-board-title {
  font-size: 20px;
  font-weight: bold;
  padding: 8px 0 16px;
  margin-bottom: 16px;
  border-bottom: 4px solid #485ed0;
  position: relative;
}
.chu-board-title:before {
  content: "";
  position: absolute;
  width: 10%;
  height: 4px;
  bottom: -4px;
  left: 0;
  background-color: rgb(255, 204.3193717277, 13);
}
.chu-data-nothing {
  font-size: 12px;
  color: #9e9e9e;
  flex: 1;
  padding: 24px;
  border: 1px solid #eee;
  text-align: center;
}
.chu-body-preview .chu-data-nothing {
  padding: 0;
  border: none;
}
.chu-file-list {
  margin: 8px 0;
}
.chu-checkbox-area {
  padding-top: 8px;
}

.mddtp-picker .mddtp-picker__header {
  padding: 0;
  background-color: #485ed0;
}
.mddtp-picker .mddtp-picker__subtitle {
  padding: 20px 24px 0;
}
.mddtp-picker .mddtp-picker__title {
  padding: 0 24px 20px;
}
.mddtp-picker__left .mddtp-prev-handle, .mddtp-picker__left:disabled .mddtp-prev-handle {
  background-image: none;
}
.mddtp-picker__right .mddtp-next-handle, .mddtp-picker__right:disabled .mddtp-next-handle {
  background-image: none;
}
.mddtp-picker__left, .mddtp-picker__right {
  color: #485ed0;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view .mddtp-picker__month {
  font-size: 14px;
  padding: 16px 0 0;
}
.mddtp-picker .mddtp-picker__body .mddtp-picker__action {
  padding: 8px 12px;
  margin: 0;
}
.mddtp-picker__years .mddtp-picker__li--current {
  color: #485ed0;
  font-weight: bold;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid {
  padding: 16px 12px 0;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span {
  color: #333333;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell:hover, .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected, .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected:hover {
  background-color: #485ed0;
  font-weight: bold;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--today:not(.mddtp-picker__cell--selected) {
  color: #485ed0;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__th span {
  color: #666666;
}
.mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr span.mddtp-picker__cell:hover {
  background-color: #99a5e5;
}
.mddtp-picker-date .mddtp-picker__left:focus, .mddtp-picker-date .mddtp-picker__left:hover,
.mddtp-picker-date .mddtp-picker__right:focus,
.mddtp-picker-date .mddtp-picker__right:hover {
  background-color: #eaedfa;
}
.mddtp-picker__action .mddtp-button {
  color: #000000;
}
.mddtp-picker__selection span {
  background-color: #485ed0;
}
.mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header {
  width: 100%;
}
.mddtp-picker--portrait.mddtp-picker-date .mddtp-picker__title {
  font-weight: normal;
}
.mddtp-picker--portrait.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth {
  margin-left: 0;
  margin-right: 8px;
}
.mddtp-button .material-icons {
  line-height: 48px;
}

._hide {
  display: none !important;
  visibility: hidden !important;
}

._last {
  margin-top: 160px;
}

._primary {
  color: #485ed0;
}

._accent {
  color: #FFD740;
}

._warn {
  color: #e53935;
}

.cke_editor_body {
  flex: 1;
}

.mdl-dialog ._word-break {
  min-width: unset;
}
.mdl-dialog td ._word-break {
  min-width: 300px;
}
#description ._word-break, #impression ._word-break, #reviewPictureTd ._word-break {
  min-width: 880px;
}

.program-status {
  display: inline-block;
  padding: 4px 8px;
  margin-right: 4px;
  border-radius: 16px;
}

.status_5 {
  background-color: #66bb6a;
  color: white;
}
.status_12, .status_13 {
  background-color: #26c6da;
  color: white;
}
.status_14 {
  background-color: #616161;
  color: white;
}

.card-image.mdl-card {
  width: 200px;
  height: 100%;
  float: left;
  margin-left: 20px;
  cursor: pointer;
}

.card-image .mdl-card__title {
  width: 100%;
  height: 250px;
}

.card-image .mdl-textfield__input {
  height: 42px;
  text-align: center;
}

.card-image__filename {
  font-size: 14px;
}

.card-image-thumbnail {
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  text-align: center;
}

.report-select {
  position: relative;
}
.report-select:after {
  content: "▼";
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  color: #999999;
}

.card_back {
  display: none;
  top: 0;
  width: 200px;
  height: 292px;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 13px;
  padding: 8px;
  float: left;
  margin-left: 20px;
  cursor: pointer;
  position: relative;
}

.image_description {
  line-height: 1.6em;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  text-align: center;
  justify-content: center;
  align-items: center;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}

#statisticsTable td.name {
  text-align: left;
}
#statisticsTable tfoot td {
  text-align: center;
}

#studentTable td.id, #studentTable td.studentHopeProgramList {
  text-align: left;
}

#budgetUnivTable tfoot td {
  text-align: center;
}

#budgetCourseTable tfoot td {
  text-align: center;
}

#reportTable td.program,
#reportTable td.programContent {
  text-align: left;
}

#payTable > tbody > tr:nth-child(n+1) > td:nth-child(n+4):nth-child(-n+7) {
  text-align: right;
}

#payTable > tbody > tr:nth-child(n+1) > td:nth-child(8) {
  text-align: left;
}

span.new {
  background-color: rgb(255, 204.3193717277, 13);
  color: white;
  padding: 2px 4px;
  vertical-align: top;
  margin-right: 4px;
}
span.new:hover {
  background-color: rgb(255, 204.3193717277, 13);
}

.member-info-card .mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
  color: rgb(158, 158, 158);
}
.member-info-card .mdl-textfield.is-invalid .mdl-textfield__input {
  border-color: rgba #485ed0, 0.15;
}
.member-info-card .mdl-textfield.is-invalid .mdl-textfield__label:after {
  background-color: #FFD740;
}

.satisfaction-area table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
  font-size: 13px;
  background-color: #fff;
  position: relative;
  margin-top: 2rem;
}
.satisfaction-area table caption div {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}
.satisfaction-area table td {
  text-align: center;
  vertical-align: middle;
  color: #333;
}
.satisfaction-area table th {
  background-color: lightgray;
  color: black;
  text-align: center;
}
.satisfaction-area table th,
.satisfaction-area table td {
  line-height: 18px;
  height: 24px;
  border: 1px solid #666;
  padding: 4px 6px;
}
.satisfaction-area table .infoSurvey th:nth-child(2),
.satisfaction-area table .infoSurvey td:nth-child(2) {
  width: 100%;
  text-align: left;
}
.satisfaction-area ._long-content {
  width: 100%;
  white-space: normal;
  word-break: keep-all;
  display: inline-block;
  text-align: left;
}
.satisfaction-area .infoStatisticsStudent th:nth-child(3),
.satisfaction-area .infoStatisticsStudent td:nth-child(3) {
  width: 100%;
  text-align: left;
}
.satisfaction-area .infoStatisticsStudent th,
.satisfaction-area .infoStatisticsStudent td {
  min-width: 90px;
}
.satisfaction-area .infoNotice {
  font-weight: bold;
  border-bottom: 2px solid #666;
}
.satisfaction-area .chart-graph-text {
  width: 100%;
  text-align: left;
  font-size: 12px;
  white-space: normal;
  word-break: keep-all;
  display: inline-block;
  font-weight: bold;
}
.satisfaction-area .chart-graph-area {
  padding-bottom: 1rem;
}
.satisfaction-area .chart-graph-area img {
  display: none;
}
.satisfaction-area .pageBreak:not(:first-child) {
  margin: 80px auto 60px;
  border: 1px dotted #ccc;
}
.satisfaction-area .statisticsSatisfaction tr:not(:last-child) td:nth-child(2) {
  text-align: left;
}
.satisfaction-area canvas {
  margin: 0 auto;
}

#notApproveState label,
#notReceiptState label {
  color: #e53935;
}

.program-notification-list li:hover {
  background-color: #eaedfa;
}
.program-notification-list ._title::before {
  color: rgb(36.3739130435, 53.4, 141.6260869565);
}
.program-notification-list a {
  color: #485ed0;
}
.program-notification-list a:hover {
  color: #2f45b6;
}
.program-notification-list .apply:hover,
.program-notification-list .approveOk:hover,
.program-notification-list .cancelApply:hover,
.program-notification-list .cancelApproveOk:hover {
  background-color: #fff8f7;
}
.program-notification-list .apply a,
.program-notification-list .approveOk a,
.program-notification-list .cancelApply a,
.program-notification-list .cancelApproveOk a {
  color: #e53935;
}
.program-notification-list .apply a:hover,
.program-notification-list .approveOk a:hover,
.program-notification-list .cancelApply a:hover,
.program-notification-list .cancelApproveOk a:hover {
  color: #e53935;
}
.program-notification-list + .program-notification-list {
  border-top: 1px solid #eaedfa;
}

._lock {
  padding: 2px 3px;
}
._lock .icon::before {
  font-family: "Material Icons", sans-serif !important;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  word-wrap: normal;
  -moz-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  content: "lock";
  vertical-align: text-top;
}
/*# sourceMappingURL=admin.css.map */