@import url(/assets/pc/css/all-grades-728edf31046fcc09ec15f9ea686051ca.css?ver=20250626);
:root {
  --color-primary: #02a39f;
  --color-primary_header:#42b2bb; /*메인 추가 */
  --color-quick:#C5EAE9; /*메인 추가 */
  --color-primary-bg: #e6f4f4;
  --color-primary-50: #f9fbfc;
  --color-primary-100: #e8f6f6;
  --color-primary-150: #f2fafa;
  --color-primary-200: #d1eeed;
  --color-primary-200-70per: rgba(209, 238, 237, 0.7);
  --color-primary-200-30per: rgba(209, 238, 237, 0.3);
  --color-primary-250: #C0E8E7;
  --color-primary-300: #8cd5d3;
  --color-primary-400: #36bac1;
  --color-primary-600: #1e9fa7;
  --color-primary-700: #017c81;
  --color-primary-800: #015c61;
  --color-primary-disabled: #88a8a7;
  --color-secondary: #f28b9c;
  --color-secondary-500: #e26f8e;
  --color-secondary-600: #d66384;
  --button-primary: #02a39f;
  --button-primary-hover: #015c61;
  --button-primary-disable: #57AAA0;
  --button-secondary: #36bac1;
  --button-secondary-hover: #015c61;
  --button-secondary-disable: #57AAA0;
  --button-third: #f28b9c;
  --button-third-hover: #e26f8e;
  --button-third-disable: #d66384;
  --logo-images: url("/assets/images/common/logo-elementary-1486c11b230f2e3ec3947f479505e07a.svg");
  --logo-mteacher: url("/assets/images/elementary/logo-mteacher-3b376aaad6a8ba22af3f2e62b0d627a0.svg");
  --bg-prd-reference: url("/assets/images/elementary/bg-prd-reference-ac916699566b4164feba232cbb2fe2e7.png");
  --icon-star: url("/assets/images/elementary/icon-star-20dea88ee4cb44a73177b780c16566ef.svg");
  --bg-loading: url("/assets/images/elementary/bg-loading-0bcea9577e59378621b873ae3b63e5b0.png");
}

.accordion .active .action {
  background-color: var(--color-primary-150);
}
.ele-tex .chapter-depth.mid-high .header .extra {
  gap: 0px;
}
.ele-tex .divider-group {
  justify-content: flex-end;
  flex-wrap:wrap;
  gap:4px;
}
.ele-tex .divider-group > li {
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    line-height: normal;
}
.ele-tex .button.size-md {
  min-height: 28px;
  min-width: initial;
  padding-left: 4px;
  padding-right: 4px;
  gap: 4px;
  font-size: 12px !important;
}
.ele-tex .button:hover {
  color: var(--color-primary);
  background-color: #fff;
}
.ele-tex .button img,
.ele-tex .button svg {
  width: 14px;
  height: 14px;
}
.ele-tex .hour-list.mid-high .header .header-wrap .title {
  font-size:13px;
}
.ele-tex .number-pages .badge {
  padding-left: 4px;
  padding-right: 4px;
  font-size:11px;
}
.ele-tex .hour-list .title:hover {
  text-decoration: underline;
  color: var(--color-primary) !important;
}
.ele-tex .hour-list > li {
  gap: 4px;
}
.ele-tex .hour-list .extra {
  width: 455px;
  gap: 4px;
  display: flex;
  justify-content: flex-end;
}
.ele-tex .hour-list .extra > :not(:last-child) {
  margin-right: 0;
}
.ele-tex .hour-list .extra.btn-multiline{
  flex-direction: column;
}
.ele-tex .hour-list .title.no-link:hover {
  text-decoration: none;
  color: initial !important;
  cursor: auto;
}