@charset "UTF-8";
@font-face {
  font-family: "Roboto";
  font-weight: 300;
  src: url("fonts/Roboto-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-weight: 400;
  src: url("fonts/Roboto-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-weight: 500;
  src: url("fonts/Roboto-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-weight: 700;
  src: url("fonts/Roboto-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto";
  font-weight: 900;
  src: url("fonts/Roboto-Black.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 300;
  src: url("fonts/NotoSansKR-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 400;
  src: url("fonts/NotoSansKR-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 500;
  src: url("fonts/NotoSansKR-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 700;
  src: url("fonts/NotoSansKR-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans KR";
  font-weight: 900;
  src: url("fonts/NotoSansKR-Black.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans SC";
  font-weight: 300;
  src: url("fonts/NotoSansSC-Light.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans SC";
  font-weight: 400;
  src: url("fonts/NotoSansSC-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans SC";
  font-weight: 500;
  src: url("fonts/NotoSansSC-Medium.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans SC";
  font-weight: 700;
  src: url("fonts/NotoSansSC-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "Noto Sans SC";
  font-weight: 900;
  src: url("fonts/NotoSansSC-Black.woff2") format("woff2");
}
html.auto {
  overflow-y: auto;
}

html, body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  font-size: 16px;
  background-color: #ffffff;
  font-family: Roboto, Noto Sans KR, Noto Sans SC, sans-serif;
  font-size: 16px;
  line-height: 1.12;
  font-weight: 400;
  letter-spacing: -0.5px;
  word-break: break-all;
  color: #666666;
  -webkit-overflow-scrolling: touch;
  min-width: 1280px;
}
html.popup, body.popup {
  min-width: auto;
  overflow-y: auto;
}

div, html, p, span, em, h1, h2, h3, h4, h5, ul, li, ol {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

a, input, button, textarea, select, textarea {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #666666;
  font-family: Roboto, Noto Sans KR, Noto Sans SC, sans-serif;
  font-size: 1em;
  vertical-align: middle;
}

input:disabled + label {
  color: #dadada;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* 파이어폭스에서의 초기화 방법 */
input[type=number] {
  -moz-appearance: textfield;
}

button {
  cursor: pointer;
  background: transparent none;
}

a:active, button:active, input:focus {
  outline: none;
}

::placeholder {
  color: #dadada;
  font-weight: 300;
}

::after, ::before {
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

img {
  display: block;
  max-width: 100%;
}

a:hover {
  transition: all 0.3s ease;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}

ul[type=disc] {
  margin-left: 25px;
}
ul[type=disc] li {
  list-style: disc;
}

.layerpop, .toast-alert-box {
  display: none;
}

@font-face {
  font-family: "GmarketSansMedium";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.mg.top-0 {
  margin-top: 0px !important;
}
.mg.bottom-0 {
  margin-bottom: 0px !important;
}
.mg.top-5 {
  margin-top: 5px !important;
}
.mg.bottom-5 {
  margin-bottom: 5px !important;
}
.mg.top-10 {
  margin-top: 10px !important;
}
.mg.bottom-10 {
  margin-bottom: 10px !important;
}
.mg.top-15 {
  margin-top: 15px !important;
}
.mg.bottom-15 {
  margin-bottom: 15px !important;
}
.mg.top-20 {
  margin-top: 20px !important;
}
.mg.bottom-20 {
  margin-bottom: 20px !important;
}
.mg.top-25 {
  margin-top: 25px !important;
}
.mg.bottom-25 {
  margin-bottom: 25px !important;
}
.mg.top-30 {
  margin-top: 30px !important;
}
.mg.bottom-30 {
  margin-bottom: 30px !important;
}
.mg.top-35 {
  margin-top: 35px !important;
}
.mg.bottom-35 {
  margin-bottom: 35px !important;
}
.mg.top-40 {
  margin-top: 40px !important;
}
.mg.bottom-40 {
  margin-bottom: 40px !important;
}
.mg.top-45 {
  margin-top: 45px !important;
}
.mg.bottom-45 {
  margin-bottom: 45px !important;
}
.mg.top-50 {
  margin-top: 50px !important;
}
.mg.bottom-50 {
  margin-bottom: 50px !important;
}
.mg.top-55 {
  margin-top: 55px !important;
}
.mg.bottom-55 {
  margin-bottom: 55px !important;
}
.mg.top-60 {
  margin-top: 60px !important;
}
.mg.bottom-60 {
  margin-bottom: 60px !important;
}
.mg.top-65 {
  margin-top: 65px !important;
}
.mg.bottom-65 {
  margin-bottom: 65px !important;
}
.mg.top-70 {
  margin-top: 70px !important;
}
.mg.bottom-70 {
  margin-bottom: 70px !important;
}
.mg.top-75 {
  margin-top: 75px !important;
}
.mg.bottom-75 {
  margin-bottom: 75px !important;
}
.mg.top-80 {
  margin-top: 80px !important;
}
.mg.bottom-80 {
  margin-bottom: 80px !important;
}
.mg.top-85 {
  margin-top: 85px !important;
}
.mg.bottom-85 {
  margin-bottom: 85px !important;
}
.mg.top-90 {
  margin-top: 90px !important;
}
.mg.bottom-90 {
  margin-bottom: 90px !important;
}
.mg.top-95 {
  margin-top: 95px !important;
}
.mg.bottom-95 {
  margin-bottom: 95px !important;
}
.mg.top-100 {
  margin-top: 100px !important;
}
.mg.bottom-100 {
  margin-bottom: 100px !important;
}
.mg.top-105 {
  margin-top: 105px !important;
}
.mg.bottom-105 {
  margin-bottom: 105px !important;
}
.mg.top-110 {
  margin-top: 110px !important;
}
.mg.bottom-110 {
  margin-bottom: 110px !important;
}
.mg.top-115 {
  margin-top: 115px !important;
}
.mg.bottom-115 {
  margin-bottom: 115px !important;
}
.mg.top-120 {
  margin-top: 120px !important;
}
.mg.bottom-120 {
  margin-bottom: 120px !important;
}
.mg.top-125 {
  margin-top: 125px !important;
}
.mg.bottom-125 {
  margin-bottom: 125px !important;
}
.mg.top-130 {
  margin-top: 130px !important;
}
.mg.bottom-130 {
  margin-bottom: 130px !important;
}
.mg.top-135 {
  margin-top: 135px !important;
}
.mg.bottom-135 {
  margin-bottom: 135px !important;
}

.oncon {
  display: inline-block;
  width: 2.1875rem;
  height: 2.1875rem;
  background-position: center center;
  background-size: contain;
}
.oncon.type-worksheet {
  background: url(../img/ico_oncon_worksheet.svg);
}
.oncon.type-exam {
  background: url(../img/ico_oncon_exam.svg);
}
.oncon.type-quiz {
  background: url(../img/ico_oncon_quiz.svg);
}
.oncon.type-game {
  background: url(../img/ico_oncon_game.svg);
}
.oncon.type-discusion {
  background: url(../img/ico_oncon_discusion.svg);
}

/** Modal Popup 시작 */
body.active-modal {
  overflow: hidden;
}

.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 600;
}

.layerpop {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 700;
}
.layerpop.show {
  display: block;
}
.layerpop .popup-content {
  background: #ffffff;
  min-width: 400px;
  border-radius: 15px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.layerpop .popup-content .popup-header {
  padding: 14px 25px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #dadada;
  background-color: #FF6652;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}
.layerpop .popup-content .popup-header h2 {
  color: #ffffff;
  font-size: 1.125rem;
}
.layerpop .popup-content .popup-header .btn-box {
  margin-left: auto;
}
.layerpop .popup-content .popup-header .btn-box .close {
  text-indent: -9999px;
  display: block;
  width: 16px;
  height: 16px;
}
.layerpop .popup-content .popup-body-top {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.3125rem;
  padding: 1.5625rem;
  color: #1b1b1b;
  background-color: #F0F3F7;
  text-align: center;
}
.layerpop .popup-content .popup-body-top .primary {
  font-weight: 600;
  font-size: 1.25rem;
  color: #333333;
}
.layerpop .popup-content .popup-body-top h3 {
  font-size: 1.25rem;
  color: #3B3B3B;
}
.layerpop .popup-content .popup-body {
  padding: 30px;
  overflow: auto;
  height: auto;
  max-height: calc(100svh - 52px - 80px - 100px);
}
.layerpop .popup-content .popup-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.layerpop .popup-content .popup-body::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
}
.layerpop .popup-content .popup-body::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.layerpop .popup-content .popup-body .help {
  font-weight: 400;
  font-size: 0.8125rem;
}
.layerpop .popup-content .popup-body .help .primary {
  font-weight: 700;
  color: #333333;
}
.layerpop .popup-content .popup-body .help::before {
  padding-right: 0.3125rem;
}
.layerpop .popup-content .popup-body .help.center {
  text-align: center;
}
.layerpop .popup-content .popup-body .alert-txt {
  text-align: center;
  padding: 20px 0;
  font-size: 1.125em;
  line-height: 130%;
  font-size: 1rem;
  word-break: keep-all;
}
.layerpop .popup-content .popup-body .alert-txt:before {
  content: "";
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto 20px;
  background: url(../img/ico_danger-sign-primary.svg) no-repeat center center/contain;
}
.layerpop .popup-content .popup-body.ver2, .layerpop .popup-content .popup-body.ybm_header.ver3, .layerpop .popup-content .popup-body.slt-box.ver5 {
  padding: 25px;
}
.layerpop .popup-content .popup-body.ver3 {
  max-height: calc(100vh - 52px - 80px);
}
.layerpop .popup-content .popup-body.ver4 {
  padding: 10px 25px;
}
.layerpop .popup-content .popup-body .category {
  margin-bottom: 10px;
  border: 1px solid #DAE2EC;
  border-radius: 10px;
  background-color: #F3F3F3;
}
.layerpop .popup-content .popup-body .category .row {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  padding: 12px 30px;
}
.layerpop .popup-content .popup-body .category .row:not(:last-child) {
  border-bottom: 1px solid #DAE2EC;
}
.layerpop .popup-content .popup-body .category .row .title {
  width: 80px;
  font-weight: 500;
  font-size: 0.9375rem;
  padding-top: 9px;
}
.layerpop .popup-content .popup-body .category .row .chk-control-box {
  width: calc(100% - 80px);
}
.layerpop .popup-content .popup-body .category.ver2, .layerpop .popup-content .popup-body .category.ybm_header.ver3, .layerpop .popup-content .popup-body .category.slt-box.ver5 {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
}
.layerpop .popup-content .popup-body .category.ver2 .lf-box, .layerpop .popup-content .popup-body .category.ybm_header.ver3 .lf-box, .layerpop .popup-content .popup-body .category.slt-box.ver5 .lf-box {
  width: calc(100% - 140px);
}
.layerpop .popup-content .popup-body .category.ver2 .rt-box, .layerpop .popup-content .popup-body .category.ybm_header.ver3 .rt-box, .layerpop .popup-content .popup-body .category.slt-box.ver5 .rt-box {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 140px;
  padding: 13px 20px;
}
.layerpop .popup-content .popup-body .category.ver2 .rt-box .thumb-box, .layerpop .popup-content .popup-body .category.ybm_header.ver3 .rt-box .thumb-box, .layerpop .popup-content .popup-body .category.slt-box.ver5 .rt-box .thumb-box {
  border-radius: 15px;
  overflow: hidden;
  aspect-ratio: 0.6666666667;
  position: relative;
  width: 100%;
  height: auto;
}
@supports not (aspect-ratio: calc(2 / 3)) {
  .layerpop .popup-content .popup-body .category.ver2 .rt-box .thumb-box, .layerpop .popup-content .popup-body .category.ybm_header.ver3 .rt-box .thumb-box, .layerpop .popup-content .popup-body .category.slt-box.ver5 .rt-box .thumb-box {
    /*
    &::after {
        display: block;
        content: "";
        clear: both;
    }
    */
  }
  .layerpop .popup-content .popup-body .category.ver2 .rt-box .thumb-box::before, .layerpop .popup-content .popup-body .category.ybm_header.ver3 .rt-box .thumb-box::before, .layerpop .popup-content .popup-body .category.slt-box.ver5 .rt-box .thumb-box::before {
    content: "";
    float: left;
    padding-top: 150%;
    display: block;
  }
}
.layerpop .popup-content .popup-body .category.ver2 .rt-box img, .layerpop .popup-content .popup-body .category.ybm_header.ver3 .rt-box img, .layerpop .popup-content .popup-body .category.slt-box.ver5 .rt-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.24);
  width: 100%;
  height: auto;
}
.layerpop .popup-content .popup-body .board-list .header .colm {
  border-color: #333333;
  padding: 10px 0;
}
.layerpop .popup-content .popup-body .board-list .header .find-school-reg {
  margin-left: auto;
  color: #333333;
  font-weight: 500;
  font-size: 14px;
  text-decoration-line: underline;
}
.layerpop .popup-content .popup-body .board-list .dvd {
  gap: 20px;
  max-height: 400px;
  overflow-y: auto;
}
.layerpop .popup-content .popup-body .board-list .dvd .thumb-box {
  border: 0 none;
}
.layerpop .popup-content .popup-body .board-list .dvd .thumb-box:hover {
  box-shadow: none;
}
.layerpop .popup-content .popup-body .board-list .dvd .inner {
  padding: 0;
}
.layerpop .popup-content .popup-body .board-list .dvd .lf-box {
  width: 114px;
}
.layerpop .popup-content .popup-body .board-list .dvd .rt-box {
  width: calc(100% - 114px);
}
.layerpop .popup-content .popup-body .board-list .dvd .active {
  color: #333333;
}
.layerpop .popup-content .popup-body .board-list .dvd .body {
  padding: 0;
  padding-left: 15px;
  color: #3B3B3B;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 20px;
}
.layerpop .popup-content .popup-body .board-list .dvd .body .title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.layerpop .popup-content .popup-body .board-list .dvd .body .auth-name {
  font-size: 0.875rem;
  color: #666666;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.layerpop .popup-content .popup-body .board-list .dvd .body .bottom-box {
  margin-top: 10px;
}
.layerpop .popup-content .popup-body .board-list .dvd .body .bottom-box .btn-box {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 2px;
}
.layerpop .popup-content .popup-body .board-list .dvd .body .bottom-box .btn-box .btn.sm {
  padding: 0 10px;
  width: 80px;
}
.layerpop .popup-content .popup-body .board-list.table-pds .row {
  align-items: center;
}
.layerpop .popup-content .popup-body .board-list.table-pds .row .school-addr,
.layerpop .popup-content .popup-body .board-list.table-pds .row .school-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: inherit;
  word-break: break-all;
  text-align: left !important;
  padding-left: 20px;
  padding-right: 10px;
}
.layerpop .popup-content .popup-body .board-list.table-pds .row.ver2, .layerpop .popup-content .popup-body .board-list.table-pds .row.ybm_header.ver3, .layerpop .popup-content .popup-body .board-list.table-pds .row.slt-box.ver5 {
  justify-content: flex-start;
  gap: 10px !important;
  height: 3.25rem;
  border-bottom: 1px solid #D1D1D1;
}
.layerpop .popup-content .popup-body .board-list.table-pds .head, .layerpop .popup-content .popup-body .board-list.table-pds .body .row {
  gap: 0;
  align-items: center;
}
.layerpop .popup-content .popup-body .board-list.table-pds .head .school-addr, .layerpop .popup-content .popup-body .board-list.table-pds .body .row .school-addr,
.layerpop .popup-content .popup-body .board-list.table-pds .head .school-name,
.layerpop .popup-content .popup-body .board-list.table-pds .body .row .school-name {
  text-align: center;
}
.layerpop .popup-content .popup-body .board-list.table-pds .head .join-state, .layerpop .popup-content .popup-body .board-list.table-pds .body .row .join-state {
  width: 340px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 8px;
}
.layerpop .popup-content .popup-body .board-list.table-pds .head .join-state .bottom, .layerpop .popup-content .popup-body .board-list.table-pds .body .row .join-state .bottom {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  font-size: 0.8125rem;
}
.layerpop .popup-content .popup-body .board-list.table-pds .head.ver2, .layerpop .popup-content .popup-body .board-list.table-pds .head.ybm_header.ver3, .layerpop .popup-content .popup-body .board-list.table-pds .head.slt-box.ver5, .layerpop .popup-content .popup-body .board-list.table-pds .body .ver2.row, .layerpop .popup-content .popup-body .board-list.table-pds .body .row.ybm_header.ver3, .layerpop .popup-content .popup-body .board-list.table-pds .body .row.slt-box.ver5 {
  height: 70px;
}
.layerpop .popup-content .popup-body .board-list.table-pds .check {
  width: 50px;
  text-align: center;
}
.layerpop .popup-content .popup-body .board-list.table-pds .member_id {
  width: calc(100% - 50px - 300px - 340px);
}
.layerpop .popup-content .popup-body .board-list.table-pds .wdate {
  width: 150px;
}
.layerpop .popup-content .popup-body .board-list.table-pds .flex1 {
  flex: 1;
  text-align: center;
}
.layerpop .popup-content .popup-body .board-list.table-pds .school-name {
  width: 250px;
}
.layerpop .popup-content .popup-body .board-list.table-pds .school-addr {
  width: calc(100% - 300px);
}
.layerpop .popup-content .popup-body .board-list.table-pds .body.ver4 {
  max-height: 300px;
  overflow-y: auto;
}
.layerpop .popup-content .popup-body .board-list.table-pds .state-yn {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 4px;
  width: 85px;
}
.layerpop .popup-content .popup-body .board-list.table-pds .state-yn .state-val {
  font-weight: 350;
  font-size: 0.75rem;
  color: #838383;
}
.layerpop .popup-content .popup-body .board-list.table-pds .btn-box {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 5px;
  margin-left: auto;
}
.layerpop .popup-content .popup-body .board-list.table-pds .btn-box .btn {
  font-weight: 400;
}
.layerpop .popup-content .popup-body .board-list.table-pds .btn-box .btn.flex, .layerpop .popup-content .popup-body .board-list.table-pds .btn-box .btn.special {
  gap: 5px;
}
.layerpop .popup-content .popup-body .board-list.table-pds .flex-subject {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 10px;
  font-weight: 400;
  font-size: 0.9375rem;
  color: #333333;
}
.layerpop .popup-content .popup-body .board-list.table-pds .card {
  font-size: 0.8125rem;
  color: #666666;
}
.layerpop .popup-content .popup-body .board-list.line-top {
  border-top: 1px solid #FF6652;
}
.layerpop .popup-content .popup-body .board-list.mCustomScrollbar {
  max-height: 400px;
}
.layerpop .popup-content .popup-body .board-list.mCustomScrollbar .mCSB_scrollTools {
  right: -8px;
}
.layerpop .popup-content .popup-body .search-wrap {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: space-between;
}
.layerpop .popup-content .popup-body .search-wrap input[type=text] {
  width: calc(100% - 70px);
}
.layerpop .popup-content .popup-body .box80 {
  width: 85%;
  margin: 0 auto;
}
.layerpop .popup-content .popup-body .box80 .danger-sign {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  font-size: 0.8125rem;
  color: #333333;
}
.layerpop .popup-content .popup-body .box80 .danger-sign img {
  width: 16px;
  height: 16px;
}
.layerpop .popup-content .popup-body h2.title {
  font-weight: 500;
  font-size: 1rem;
  color: #1b1b1b;
}
.layerpop .popup-content .popup-body .ico-wrap img {
  margin: 0 auto;
  width: 43px;
}
.layerpop .popup-content .popup-body .youtube-frame {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 50;
}
.layerpop .popup-content .popup-footer {
  text-align: center;
  border-top: 1px solid #D8D8D8;
  position: relative;
}
.layerpop .popup-content .popup-footer .btn-set {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 25px 25px;
  padding: 15px;
  overflow: hidden;
  gap: 10px;
}
.layerpop .popup-content .popup-footer .btn-set button.negative {
  border-color: #AEAEAE;
  background-color: #AEAEAE;
  color: #ffffff;
  cursor: default;
}
.layerpop .popup-content .popup-footer .btn-set button.positive {
  background-color: #333333;
  color: #ffffff;
  border-color: transparent;
}
.layerpop .popup-content .popup-footer .btn-set .abs-left {
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
}
.layerpop .popup-content .popup-footer .btn-set .abs-left .btns {
  font-size: 0.8125rem;
  font-weight: 300;
  color: #666666;
  text-decoration: underline;
}
.layerpop .popup-content.xl3 {
  min-width: 1140px;
  max-width: 1140px;
}
.layerpop .popup-content.xl2 {
  min-width: 1027px;
  max-width: 1027px;
}
.layerpop .popup-content.xl {
  min-width: 900px;
  max-width: 900px;
}
.layerpop .popup-content.lg3 {
  min-width: 780px;
  max-width: 780px;
}
.layerpop .popup-content.lg2 {
  min-width: 817px;
  max-width: 817px;
}
.layerpop .popup-content.lg {
  min-width: 742px;
  max-width: 742px;
}
.layerpop .popup-content.md {
  min-width: 595px;
  max-width: 595px;
}
.layerpop .popup-content.md2 {
  min-width: 640px;
  max-width: 640px;
}
.layerpop .popup-content.sm {
  min-width: 387px;
  max-width: 387px;
}

/** Modal Popup 종료 */
/** BUTTON 시작 */
.btn {
  display: inline-block;
  cursor: pointer;
  border-radius: 0.375rem;
  font-weight: 500;
  line-height: 100%;
  text-align: center;
  vertical-align: middle;
  transition: all 0.3s ease;
  /*
  transition-property: border-color, color;
  transition-duration: .3s;
  */
  padding: 0.4375rem 0.9375rem;
  border: 1px solid #D0D0D0;
  background-color: #ffffff;
  color: #666666;
  /*
  &.download{
      background-color: $bg-basic;
      border-radius: 50px;
      font-size: rem(13px);
      font-weight: 700;
      padding: rem(8px) rem(15px);
      letter-spacing: -0.03rem;
      &.primary{
          color: $primary;
      }
      &::after{
          content: url(../../../img/ele/ico_download.svg);
          display: inline-block;
          vertical-align: middle;
          padding-left: rem(5px);
      }
  }
  */
}
.btn:hover, .btn.on {
  border-color: #00416C;
  color: #00416C;
}
.btn.basic:hover {
  border-color: #FF6652;
  color: #FF6652;
}
.btn.flex, .btn.special {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}
.btn.flex > i, .btn.special > i {
  width: 0.9375rem;
  height: 0.9375rem;
  background-size: 0.9375rem;
}
.btn.flex > i.md, .btn.special > i.md {
  width: 20px;
  height: 20px;
  background-size: 20px;
}
.btn.special {
  gap: 5px;
  background: linear-gradient(93.35deg, #8A58F3 0.5%, #548BF3 99.98%);
  color: #ffffff;
  font-weight: 400;
  font-size: 0.8125rem;
  letter-spacing: 0em;
}
.btn.special > i {
  width: 1rem;
  height: 1.1175rem;
  background-size: auto;
}
.btn.special span {
  padding-top: 2px;
}
.btn.special:hover {
  opacity: 0.75;
}
.btn.primary {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
}
.btn.primary:hover {
  opacity: 0.75;
}
.btn.primary2 {
  background-color: #333333;
  border-color: #333333;
  color: #333333;
}
.btn.primary2:hover {
  opacity: 0.75;
}
.btn.br-primary {
  background-color: #ffffff;
  border-color: #333333;
  color: #333333;
}
.btn.br-primary:hover {
  opacity: 0.75;
}
.btn.family {
  background-color: #00416C;
  border-color: #00416C;
  color: #ffffff;
}
.btn.family:hover {
  opacity: 0.75;
}
.btn.family-br {
  border-color: #00416C;
  color: #00416C;
}
.btn.family-br:hover {
  opacity: 0.75;
}
.btn.point {
  background-color: #00416C;
  color: #ffffff;
}
.btn.filter {
  border-color: #D1D1D1;
  color: #666666;
  padding: 0 0.9375rem;
  height: 2rem;
  line-height: 2rem;
  font-weight: 400;
}
.btn.filter:hover, .btn.filter.current {
  border-color: #333333;
  color: #333333;
}
.btn.point-w {
  border-color: #00416C;
  color: #00416C;
}
.btn.gray {
  border-color: #AEAEAE;
  background-color: #AEAEAE;
  color: #ffffff;
}
.btn.xl {
  font-size: 1.125rem;
  height: 3.75rem;
  line-height: 3.75rem;
  padding: 0 3.75rem;
}
.btn.lg {
  font-size: 1rem;
  height: 3.125rem;
  line-height: 3.125rem;
  padding: 0 1.875rem;
}
.btn.md {
  font-size: 0.9375rem;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0 0.9375rem;
}
.btn.sm {
  font-size: 0.8125rem;
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.9375rem;
}
.btn.xs {
  font-size: 0.8125rem;
  height: 1.5625rem;
  line-height: 1.5625rem;
  padding: 0 0.625rem;
}
.btn.box {
  width: 6.875rem;
  height: 6.875rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.btn.box::before {
  padding: 0;
}
.btn.pd-side-100 {
  padding-left: 100px;
  padding-right: 100px;
}
.btn.pd-side-50 {
  padding-left: 50px;
  padding-right: 50px;
}
.btn.block {
  width: 100%;
}
.btn.new-badge {
  position: relative;
}
.btn.new-badge::after {
  content: "new";
  position: absolute;
  left: -7px;
  top: -8px;
  width: 38px;
  height: 16px;
  border-radius: 8px;
  background-color: #d23b29;
  font-size: 11px;
  text-align: center;
  color: #ffffff;
  line-height: 1.2;
}

/** BUTTON 종료 */
/** INPUT TYPE 시작 */
input {
  border: 1px solid #CFCFCF;
  border-radius: 5px;
  padding: 8px 10px;
}
input:focus {
  border-color: #969696;
}
input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label {
  text-align: left;
  cursor: pointer;
  position: relative;
}
input[type=checkbox] + label.reverse {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  flex-direction: row-reverse;
  margin-left: 20px;
}
input[type=checkbox] + label.reverse::before {
  margin-right: 0;
}
input[type=checkbox] + label::before {
  content: "";
  display: inline-block;
  border: 1px solid #D0D0D0;
  margin-right: 0.625rem;
  background-color: #ffffff;
  width: 1.488125rem;
  height: 1.488125rem;
  line-height: 1.488125rem;
  text-align: center;
  border-radius: 0.3125rem;
  vertical-align: -6px;
}
input[type=checkbox] + label.weight-500 {
  font-weight: 500;
}
input[type=checkbox]:checked + label::before {
  background: url(../img/ico_checked.svg) no-repeat center/contain;
  background-size: 0.75rem;
  background-color: #333333;
  border-color: #ffffff;
}
input[type=radio] {
  border: 1px solid #D2D2D2;
  width: 1.375rem;
  height: 1.375rem;
  border-radius: 50%;
  vertical-align: middle;
  appearance: none;
}
input[type=radio]:checked {
  border: 1px solid #333333;
  position: relative;
}
input[type=radio]:checked::before {
  content: "";
  display: inline-block;
  background-color: #333333;
  width: 0.75rem;
  height: 0.75rem;
  line-height: 0.75rem;
  vertical-align: middle;
  text-align: center;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
input[type=radio] + label {
  cursor: pointer;
  vertical-align: -0.09375rem;
  padding-left: 0.3125rem;
}
input[type=radio]:disabled {
  border: 1px solid #D2D2D2;
  position: relative;
}
input[type=radio]:disabled:checked::before {
  content: "";
  background-color: #D2D2D2;
}
input[type=radio]:disabled + label {
  color: #3B3B3B;
}
input::placeholder {
  font-size: 1rem;
  color: #C9C9C9;
}
input.block {
  width: 100%;
}
input.type-a, input.page-tab-menu.type-b {
  height: 40px;
}
input.sm[type=checkbox] + label {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 25px;
  height: 25px;
  display: inline-block;
}
input.sm[type=checkbox] + label::before {
  content: "";
  background: url(../img/ico_checked.svg) no-repeat center/contain;
  width: 0.9375rem;
  height: 0.9375rem;
  line-height: 0.9375rem;
  border-radius: 3px;
  vertical-align: middle;
  margin-top: -2px;
}
input.sm[type=checkbox]:checked + label::before {
  background-color: #333333;
  border-color: #333333;
}
input.form-input {
  height: 40px;
}
input.form-input:read-only, input.form-input:disabled {
  border-color: #DCDCDC;
  background-color: #F0F0F0;
}
input.form-input:read-only::placeholder, input.form-input:disabled::placeholder {
  color: #A7A7A7;
}

.chk-control-box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.chk-control-box.mix input[type=checkbox] + label {
  border: 1px solid #D1D1D1;
  height: 25px;
  padding: 0 10px;
  border-radius: 20px;
}
.chk-control-box .label {
  display: inline-block;
  border: 1px solid #FF6652;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #FF6652;
  line-height: 20px;
  padding: 0 10px;
  border-radius: 20px;
}
.chk-control-box input ~ label {
  border: 1px solid #FF6652;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #FF6652;
  line-height: 22px;
  padding: 0 10px;
  border-radius: 20px;
}
.chk-control-box input ~ label::before {
  display: none;
}
.chk-control-box input ~ label::after {
  display: none;
}
.chk-control-box input:checked ~ label {
  background-color: #FF6652;
  color: #ffffff;
}
.chk-control-box.ver2, .chk-control-box.ybm_header.ver3, .chk-control-box.slt-box.ver5 {
  flex-wrap: wrap;
  gap: 5px;
}
.chk-control-box.ver2 .label, .chk-control-box.ybm_header.ver3 .label, .chk-control-box.slt-box.ver5 .label {
  color: #666666;
  line-height: 30px;
  border-color: #D1D1D1;
  border-radius: 5px;
  background-color: #ffffff;
}
.chk-control-box.ver2 input, .chk-control-box.ybm_header.ver3 input, .chk-control-box.slt-box.ver5 input {
  display: none;
}
.chk-control-box.ver2 input:checked ~ label, .chk-control-box.ybm_header.ver3 input:checked ~ label, .chk-control-box.slt-box.ver5 input:checked ~ label {
  border-color: #FF6652;
  color: #FF6652;
}
.chk-control-box.ver2 input:disabled ~ label, .chk-control-box.ybm_header.ver3 input:disabled ~ label, .chk-control-box.slt-box.ver5 input:disabled ~ label {
  border-color: #DCDCDC;
  background-color: #F0F0F0;
  color: #666666 !important;
}
.chk-control-box.ver3 {
  margin-left: 0.625rem;
  gap: 0.625rem 1.25rem;
  flex-wrap: wrap;
}
.chk-control-box.ver3 .form-wrap p {
  font-size: 0.8125rem;
  color: #757575;
  display: flex;
  align-items: center;
}
.chk-control-box.ver3 .form-wrap .ico_file {
  margin-right: 0.3125rem;
}

/** INPUT TYPE 종료 */
.file-box input[type=file] {
  width: 0;
  height: 0;
  padding: 0;
  overflow: hidden;
  border: 0 none;
}
.file-box input[type=text] {
  width: calc(100% - 100px);
  border: 0 none;
  cursor: default;
}

/** textarea */
.form-control {
  border: 1px solid #D1D1D1;
  width: 100%;
  height: 110px;
  padding: 15px;
  background-color: #ffffff;
  resize: none;
  overflow: auto;
}
.form-control::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.form-control::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
}
.form-control::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.form-control::placeholder {
  color: #838383;
}
.form-control:focus {
  outline: none;
}
.form-control.ver2, .form-control.ybm_header.ver3, .form-control.slt-box.ver5 {
  border-radius: 5px;
}
.form-control.ver2::placeholder, .form-control.ybm_header.ver3::placeholder, .form-control.slt-box.ver5::placeholder {
  color: #C9C9C9;
}
.form-control.height-150 {
  height: 150px;
}
.form-control.height-200 {
  height: 200px;
}
.form-control.height-300 {
  height: 300px;
}

textarea:read-only, textarea:disabled {
  border-color: #DCDCDC;
  background-color: #F0F0F0;
}
textarea:read-only::placeholder, textarea:disabled::placeholder {
  color: #A7A7A7;
}

/** FLOATING MENU 시작 */
.floating {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 95;
}
.floating.left {
  left: 0;
}
.floating.right {
  height: 100%;
  right: 0rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 1.25rem;
  z-index: 500;
  background-color: #ffffff;
  border: 1px solid #E3E3E3;
  box-shadow: -4px 4px 15px rgba(0, 0, 0, 0.07);
}
.floating.fixed.right {
  top: 3.75rem;
  height: calc(100vh - 60px);
}
.floating.fixed.right .quick-menu-wrap {
  height: calc(100% - 90px);
}
.floating-btn {
  position: absolute;
  top: 50%;
  left: -1.375rem;
  background-color: #333333;
  border: 1px solid #333333;
  border-radius: 0.5rem 0 0 0.5rem;
  width: 1.375rem;
  height: 3.125rem;
  cursor: pointer;
}
.floating-btn::after {
  content: url(../img/ico_btn_next_w.svg);
  transform: rotate(180deg);
  position: absolute;
  top: 0.9375rem;
  left: 0.5rem;
}
.floating.ui-js-float {
  right: -150px;
}
.floating.show {
  right: -1px;
}
.floating.show .quick-menu-wrap .inner {
  overflow: auto;
  box-sizing: border-box;
}
.floating.show .quick-menu-wrap .inner::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.floating.show .quick-menu-wrap .inner::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
}
.floating.show .quick-menu-wrap .inner::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.floating.show .quick-menu-wrap .quick-menu {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 0.625rem;
}
.floating.show .quick-menu-wrap .quick-mini {
  display: none;
}
.floating.show .floating-btn::after {
  transform: rotate(0deg);
  top: 1.125rem;
}
.floating.show .goto-top {
  margin: 0 auto 10px;
  transform: scale(1);
}
.floating .quick-menu-wrap {
  width: 190px;
  height: 100%;
  position: relative;
  transition: all 0.3s ease;
}
.floating .quick-menu-wrap .inner {
  padding: 1.25rem;
  height: 100%;
}
.floating .quick-menu-wrap .quick-menu {
  display: none;
  text-align: center;
  font-size: 0.8125rem;
  color: #222222;
}
.floating .quick-menu-wrap .quick-menu .title {
  font-size: 0.875rem;
  font-weight: 700;
  color: #00416C;
  line-height: 40px;
  background-color: #F5F9FD;
  margin: -1.25rem -1.25rem 0;
}
.floating .quick-menu-wrap .quick-mini {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 0.5625rem;
}
.floating .quick-menu-wrap .quick-mini hr {
  border: 0 none;
  border-top: 1px solid #D1D1D1;
  margin: 0;
  width: 30%;
}
.floating .quick-menu-wrap .quick-mini .quick-ico {
  width: 2.1875rem;
  height: 2.1875rem;
  line-height: 2.1875rem;
  position: relative;
}
.floating .quick-menu-wrap .quick-mini .quick-ico::before {
  content: "";
  position: absolute;
  right: -15px;
  font-weight: 500;
  font-size: 0.8125rem;
  color: #333333;
  border: 1px solid #333333;
  width: 140px;
  background-color: #ffffff;
  border-radius: 50px 0px 0px 50px;
  padding-right: 70px;
  padding-left: 20px;
  z-index: 10;
  transition: all 0.3s ease;
  display: none;
  text-align: right;
}
.floating .quick-menu-wrap .quick-mini .quick-ico.ver2::before, .floating .quick-menu-wrap .quick-mini .quick-ico.ybm_header.ver3::before, .floating .quick-menu-wrap .quick-mini .quick-ico.slt-box.ver5::before {
  border: 1px solid #00416C;
  color: #00416C;
}
.floating .quick-menu-wrap .quick-mini .quick-ico img {
  position: absolute;
  z-index: 20;
  top: 50%;
  transform: translateY(-50%);
}
.floating .quick-menu-wrap .quick-mini .quick-ico:hover::before {
  display: block;
  animation: floating-mini 0.3s 0s 1 linear normal;
}
.floating .quick-menu-wrap .quick-mini .quick-ico.login::before {
  content: "로그인";
  background-color: #E5EDF0;
  border: 1px solid #E5EDF0;
  color: #00416C;
}
.floating .quick-menu-wrap .quick-mini .quick-ico.logout::before {
  content: "로그아웃";
  background-color: #E5EDF0;
  border: 1px solid #E5EDF0;
  color: #00416C;
}
.floating .quick-menu-wrap .quick-mini .quick-ico.board::before {
  content: "칠판";
}
.floating .quick-menu-wrap .quick-mini .quick-ico.timer::before {
  content: "타이머";
}
.floating .quick-menu-wrap .quick-mini .quick-ico.stopwatch::before {
  content: "스톱워치";
}
.floating .quick-menu-wrap .quick-mini .quick-ico.attention::before {
  content: "주의집중";
}
.floating .quick-menu-wrap .quick-mini .quick-ico.presenter::before {
  content: "발표자선정";
  width: 150px;
}
.floating .quick-menu-wrap .quick-mini .quick-ico.scoreboard::before {
  content: "모둠점수판";
  width: 150px;
}
.floating .quick-menu-wrap .quick-mini .quick-ico.videoclass::before {
  content: "화상수업";
}
.floating .quick-menu-wrap .quick-mini .quick-ico.quiznow::before {
  content: "퀴즈나우";
}
.floating .quick-menu-wrap .quick-mini .quick-ico.liveshot::before {
  content: "라이브샷";
}
.floating .quick-menu-wrap .quick-mini .quick-ico.chat::before {
  content: "채팅";
}
.floating .quick-menu-wrap .quick-mini .quick-ico.addtoqueue::before {
  content: "온라인컨텐츠만들기";
  width: 200px;
}
.floating .quick-menu-wrap .line {
  border-top: 1px solid #E3E3E3;
  padding-top: 10px;
}
.floating .quick-menu-wrap .col-btn-box {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.floating .quick-menu-wrap .col-btn-box .btn {
  padding: 0 3px 0 10px;
  font-size: 0.75rem;
  font-weight: 700;
  gap: 0;
}
.floating .quick-menu-wrap .col-btn-box .btn i {
  margin-left: auto;
  background-size: 6px;
}
.floating .quick-menu-wrap .btn-group .col-box {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.floating .quick-menu-wrap .btn-group .col-box .btns {
  display: flex;
  flex-direction: column;
  border: 1px solid #E3E3E3;
  border-radius: 8px;
  background-color: #FAFAFA;
  gap: 0;
}
.floating .quick-menu-wrap .btn-group .col-box .btns .linkBtn {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  font-size: 0.75rem;
  font-weight: 700;
  color: #333;
  padding: 9px 10px;
  position: relative;
}
.floating .quick-menu-wrap .btn-group .col-box .btns .linkBtn::after {
  content: "";
  display: block;
  width: 90%;
  height: 1px;
  background-color: #E3E3E3;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.floating .quick-menu-wrap .btn-group .col-box .btns .linkBtn:last-child::after {
  display: none;
}
.floating .quick-menu-wrap .btn-group .col-box .btns .linkBtn:hover {
  background-color: #FFF2F0;
}
.floating .quick-menu-wrap .btn-group .col-box .btns .linkBtn i {
  width: 18px;
  height: 18px;
}
.floating .quick-menu-wrap form {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 0.375rem;
}
.floating .quick-menu-wrap .mem-wrap {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 5px;
  font-size: 0.8125rem;
  font-weight: 400;
  color: #999999;
}
.floating .quick-menu-wrap .mem-wrap .name {
  font-weight: 500;
  font-size: 1.25rem;
  color: #333333;
}
.floating .quick-menu-wrap .mem-wrap .alarm {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  position: relative;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.floating .quick-menu-wrap .mem-wrap .alarm::before {
  content: "";
  width: 15px;
  height: 15px;
  background: url(../img/ico_alarm.svg) no-repeat center/contain;
  background-size: 15px;
  display: block;
}
.floating .quick-menu-wrap .mem-wrap .alarm .count {
  position: absolute;
  left: 27%;
  top: -5px;
  font-size: 9px;
  border-radius: 50px;
  background-color: #333333;
  width: 13px;
  height: 13px;
  line-height: 13px;
  text-align: center;
  color: #ffffff;
}
.floating .quick-menu-wrap .mem-wrap .alarm .alarm-list {
  position: absolute;
  padding: 10px 20px;
  left: -250px;
  top: -30px;
  width: 260px;
  border: 1px solid #333333;
  border-radius: 20px;
  background-color: #ffffff;
  cursor: default;
  display: none;
  z-index: 100;
}
.floating .quick-menu-wrap .mem-wrap .alarm .alarm-list::before, .floating .quick-menu-wrap .mem-wrap .alarm .alarm-list::after {
  content: "";
  position: absolute;
  top: 30px;
  right: -13px;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 8px solid #333333;
  border-right: 5px solid transparent;
}
.floating .quick-menu-wrap .mem-wrap .alarm .alarm-list::after {
  border-left-color: #ffffff;
  right: -11px;
}
.floating .quick-menu-wrap .mem-wrap .alarm .alarm-list .close {
  content: url(../img/ico_close.svg);
  width: 12px;
  height: 12px;
  margin-left: auto;
  cursor: pointer;
}
.floating .quick-menu-wrap .mem-wrap .alarm .alarm-list ul {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 10px;
  margin-top: -5px;
  text-align: left;
  width: 90%;
  font-size: 0.8125rem;
}
.floating .quick-menu-wrap .mem-wrap .alarm .alarm-list ul .date {
  font-weight: 500;
  color: #333333;
}
.floating .quick-menu-wrap .mem-wrap .alarm .alarm-list ul .data {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  font-weight: 400;
  color: #666666;
}
.floating .quick-menu-wrap .mem-wrap .alarm .alarm-list .alarm-all {
  display: block;
  margin-top: 15px;
  color: #999999;
}
.floating .quick-menu-wrap .mem-wrap .alarm .alarm-list .alarm-all::after {
  content: url(../img/ico_arrow_next.svg);
  margin-left: 10px;
}
.floating .quick-menu-wrap .mem-link {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: space-between;
}
.floating .quick-menu-wrap .mem-link a {
  flex: 1;
  text-align: center;
  font-weight: 400;
  font-size: 0.8125rem;
}
.floating .quick-menu-wrap .mem-link a:not(:first-child) {
  position: relative;
}
.floating .quick-menu-wrap .mem-link a:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  width: 1px;
  height: 11px;
  background-color: #E3E3E3;
  transform: translateY(-50%);
}
.floating .quick-menu-wrap .mem-link a:hover {
  color: #333333;
}
.floating .quick-menu-wrap .mem-link.ver2 a:not(:first-child)::before, .floating .quick-menu-wrap .mem-link.ybm_header.ver3 a:not(:first-child)::before, .floating .quick-menu-wrap .mem-link.slt-box.ver5 a:not(:first-child)::before {
  left: -3px;
}
.floating .quick-menu-wrap .banner .swiper-slide {
  position: relative;
}
.floating .quick-menu-wrap .banner .swiper-slide img {
  margin: auto;
}
.floating .quick-menu-wrap .banner .swiper-pagination {
  position: relative;
  margin-top: 10px;
  bottom: auto;
}
.floating .quick-menu-wrap .banner .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}
.floating .quick-menu-wrap .banner .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #333333;
}
.floating .quick-menu-wrap .btn-group .gr-title {
  font-weight: 700;
  font-size: 0.8125rem;
  text-align: left;
}
.floating .quick-menu-wrap .btn-group .gr-title i {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: -2px;
}
.floating .quick-menu-wrap .btn-group .gr-title.primary {
  color: #333333;
}
.floating .quick-menu-wrap .btn-group .gr-title.point {
  color: #00416C;
}
.floating .quick-menu-wrap .btn-group .btns {
  margin-top: 0.3125rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}
.floating .quick-menu-wrap .btn-group .btns .btn {
  padding: 0;
}
.floating .quick-menu-wrap .btn-group .btns .btn.full {
  flex-basis: 100%;
  width: 100%;
}
.floating .quick-menu-wrap .btn-group .download {
  width: 100%;
  border: 1px solid #333333;
  border-radius: 50px;
  color: #333333;
  background-color: #ffffff;
  font-size: 13px;
  padding: 0 5px;
}
.floating .quick-menu-wrap .btn-group .download i {
  width: 11px;
  height: 11px;
  background-size: 11px;
}
.floating .quick-menu-wrap .subscribe {
  font-size: 0.875rem;
  font-weight: 400;
  color: #222222;
}
.floating .quick-menu-wrap .subscribe::after {
  content: url(../img/ico_btn_next_full_mini.svg);
  font-size: 0.625rem;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.3125rem;
}
.floating .quick-menu-wrap .cs-link {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
}
.floating .quick-menu-wrap .cs-link a {
  padding: 0.5rem;
  text-align: left;
  border-bottom: 1px solid #E3E3E3;
  position: relative;
  color: #222222;
}
.floating .quick-menu-wrap .cs-link a:after {
  content: url(../img/arrow_next.svg);
  position: absolute;
  top: 50%;
  right: 0.625rem;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
.floating .quick-menu-wrap .cs-link a:hover:after {
  right: 0.375rem;
}
.floating .quick-menu-wrap .as-info {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 0.3125rem;
  text-align: left;
  padding-left: 0.625rem;
}
.floating .quick-menu-wrap .as-info .tel {
  color: #333333;
  font-weight: 700;
  font-size: 1.0625rem;
}
.floating .goto-top {
  cursor: pointer;
  margin-left: 3px;
  transform: scale(0.8);
  margin-bottom: 10px;
  /*
  &.bottom{
      position: fixed;
      bottom: rem(40px);
      right: 30px;
  }
  */
}

.remote-widget-wrap .action-btn {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.3125rem;
  border-radius: 0.3125rem;
  color: #333333;
  background-color: #ffffff;
  font-size: 0.875rem;
  font-weight: 500;
  height: 2.25rem;
}
.remote-widget-wrap .action-btn > i {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
}
.remote-widget-wrap .action-btn:hover {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.25);
}

/** FLOATING MENU 종료 */
/** ICON 시작 */
.ico-monitor-after::after {
  content: url(../img/ico_monitor.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-monitor-before::before {
  content: url(../img/ico_monitor.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-monitor-bg {
  background: url(../img/ico_monitor.svg) no-repeat center/contain;
}
.ico-quiz-after::after {
  content: url(../img/ico_quiz.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-quiz-before::before {
  content: url(../img/ico_quiz.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-quiz-bg {
  background: url(../img/ico_quiz.svg) no-repeat center/contain;
}
.ico-quiz-w-after::after {
  content: url(../img/ico_quiz-w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-quiz-w-before::before {
  content: url(../img/ico_quiz-w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-quiz-w-bg {
  background: url(../img/ico_quiz-w.svg) no-repeat center/contain;
}
.ico-calendar-check-after::after {
  content: url(../img/ico_calendar-check.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-calendar-check-before::before {
  content: url(../img/ico_calendar-check.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-calendar-check-bg {
  background: url(../img/ico_calendar-check.svg) no-repeat center/contain;
}
.ico-temp-after::after {
  content: url(../img/ico_temp.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-temp-before::before {
  content: url(../img/ico_temp.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-temp-bg {
  background: url(../img/ico_temp.svg) no-repeat center/contain;
}
.ico-link-after::after {
  content: url(../img/ico_link.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-link-before::before {
  content: url(../img/ico_link.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-link-bg {
  background: url(../img/ico_link.svg) no-repeat center/contain;
}
.ico-trash-after::after {
  content: url(../img/ico_trash.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-trash-before::before {
  content: url(../img/ico_trash.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-trash-bg, .table-pds .body .row .trash {
  background: url(../img/ico_trash.svg) no-repeat center/contain;
}
.ico-favorite-after::after {
  content: url(../img/ico_favorite.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-favorite-before::before {
  content: url(../img/ico_favorite.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-favorite-bg {
  background: url(../img/ico_favorite.svg) no-repeat center/contain;
}
.ico-checked-after::after {
  content: url(../img/ico_checked.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-checked-before::before, .page-tab-menu .page-menu.current::before {
  content: url(../img/ico_checked.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-checked-bg {
  background: url(../img/ico_checked.svg) no-repeat center/contain;
}
.ico-book-after::after {
  content: url(../img/ico_book.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-book-before::before {
  content: url(../img/ico_book.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-book-bg {
  background: url(../img/ico_book.svg) no-repeat center/contain;
}
.ico-newwindow-after::after {
  content: url(../img/ico_newwindow.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-newwindow-before::before {
  content: url(../img/ico_newwindow.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-newwindow-bg {
  background: url(../img/ico_newwindow.svg) no-repeat center/contain;
}
.ico-newwindow-red-after::after {
  content: url(../img/ico_newwindow-red.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-newwindow-red-before::before {
  content: url(../img/ico_newwindow-red.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-newwindow-red-bg {
  background: url(../img/ico_newwindow-red.svg) no-repeat center/contain;
}
.ico-newwindow-w-after::after {
  content: url(../img/ico_newwindow-w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-newwindow-w-before::before {
  content: url(../img/ico_newwindow-w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-newwindow-w-bg {
  background: url(../img/ico_newwindow-w.svg) no-repeat center/contain;
}
.ico-newwindow-f-after::after {
  content: url(../img/ico_newwindow-f.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-newwindow-f-before::before {
  content: url(../img/ico_newwindow-f.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-newwindow-f-bg {
  background: url(../img/ico_newwindow-f.svg) no-repeat center/contain;
}
.ico-gear-after::after {
  content: url(../img/ico_gear.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-gear-before::before {
  content: url(../img/ico_gear.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-gear-bg {
  background: url(../img/ico_gear.svg) no-repeat center/contain;
}
.ico-gear-red-after::after {
  content: url(../img/ico_gear-red.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-gear-red-before::before {
  content: url(../img/ico_gear-red.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-gear-red-bg {
  background: url(../img/ico_gear-red.svg) no-repeat center/contain;
}
.ico-text-after::after {
  content: url(../img/ico_text.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-text-before::before {
  content: url(../img/ico_text.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-text-bg {
  background: url(../img/ico_text.svg) no-repeat center/contain;
}
.ico-text-white-after::after {
  content: url(../img/ico_text-white.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-text-white-before::before {
  content: url(../img/ico_text-white.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-text-white-bg {
  background: url(../img/ico_text-white.svg) no-repeat center/contain;
}
.ico-chat-text-after::after {
  content: url(../img/ico_chat-text.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-chat-text-before::before {
  content: url(../img/ico_chat-text.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-chat-text-bg {
  background: url(../img/ico_chat-text.svg) no-repeat center/contain;
}
.ico-danger-sign-after::after {
  content: url(../img/ico_danger-sign.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-danger-sign-before::before {
  content: url(../img/ico_danger-sign.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-danger-sign-bg {
  background: url(../img/ico_danger-sign.svg) no-repeat center/contain;
}
.ico-danger-sign-primary-after::after {
  content: url(../img/ico_danger-sign-primary.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-danger-sign-primary-before::before {
  content: url(../img/ico_danger-sign-primary.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-danger-sign-primary-bg {
  background: url(../img/ico_danger-sign-primary.svg) no-repeat center/contain;
}
.ico-download-after::after {
  content: url(../img/ico_download.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-download-before::before {
  content: url(../img/ico_download.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-download-bg, .DownloadAndPreview .buttons .download, .thumb-list-wrap .thumb-box .btn-box .download, .table-pds .body .row .download {
  background: url(../img/ico_download.svg) no-repeat center/contain;
}
.ico-download-click-after::after {
  content: url(../img/ico_download-click.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-download-click-before::before {
  content: url(../img/ico_download-click.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-download-click-bg, .DownloadAndPreview .buttons .download:hover, .thumb-list-wrap .thumb-box .btn-box .download.click, .table-pds .body .row .download.click {
  background: url(../img/ico_download-click.svg) no-repeat center/contain;
}
.ico-download-disabled-after::after {
  content: url(../img/ico_download-disabled.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-download-disabled-before::before {
  content: url(../img/ico_download-disabled.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-download-disabled-bg, .DownloadAndPreview .buttons .download.disabled, .thumb-list-wrap .thumb-box .btn-box .download.disabled, .table-pds .body .row .download.disabled {
  background: url(../img/ico_download-disabled.svg) no-repeat center/contain;
}
.ico-download-hover-after::after {
  content: url(../img/ico_download-hover.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-download-hover-before::before {
  content: url(../img/ico_download-hover.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-download-hover-bg {
  background: url(../img/ico_download-hover.svg) no-repeat center/contain;
}
.ico-download-white-after::after {
  content: url(../img/ico_download-white.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-download-white-before::before {
  content: url(../img/ico_download-white.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-download-white-bg {
  background: url(../img/ico_download-white.svg) no-repeat center/contain;
}
.ico-scrap-after::after {
  content: url(../img/ico_scrap.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-scrap-before::before {
  content: url(../img/ico_scrap.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-scrap-bg, .thumb-list-wrap .thumb-box .btn-box .scrap, .table-pds .body .row .scrap {
  background: url(../img/ico_scrap.svg) no-repeat center/contain;
}
.ico-scrap-click-after::after {
  content: url(../img/ico_scrap-click.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-scrap-click-before::before {
  content: url(../img/ico_scrap-click.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-scrap-click-bg, .thumb-list-wrap .thumb-box .btn-box .scrap.click, .table-pds .body .row .scrap.click {
  background: url(../img/ico_scrap-click.svg) no-repeat center/contain;
}
.ico-scrap-disabled-after::after {
  content: url(../img/ico_scrap-disabled.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-scrap-disabled-before::before {
  content: url(../img/ico_scrap-disabled.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-scrap-disabled-bg, .thumb-list-wrap .thumb-box .btn-box .scrap.disabled, .table-pds .body .row .scrap.disabled {
  background: url(../img/ico_scrap-disabled.svg) no-repeat center/contain;
}
.ico-scrap-hover-after::after {
  content: url(../img/ico_scrap-hover.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-scrap-hover-before::before {
  content: url(../img/ico_scrap-hover.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-scrap-hover-bg {
  background: url(../img/ico_scrap-hover.svg) no-repeat center/contain;
}
.ico-scrap-white-after::after {
  content: url(../img/ico_scrap-white.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-scrap-white-before::before {
  content: url(../img/ico_scrap-white.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-scrap-white-bg {
  background: url(../img/ico_scrap-white.svg) no-repeat center/contain;
}
.ico-add-after::after {
  content: url(../img/ico_add.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-add-before::before {
  content: url(../img/ico_add.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-add-bg, .thumb-list-wrap .thumb-box .btn-box .add {
  background: url(../img/ico_add.svg) no-repeat center/contain;
}
.ico-preview-after::after {
  content: url(../img/ico_preview.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-preview-before::before {
  content: url(../img/ico_preview.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-preview-bg, .DownloadAndPreview .buttons .preview, .thumb-list-wrap .thumb-box .btn-box .preview, .table-pds .body .row .preview {
  background: url(../img/ico_preview.svg) no-repeat center/contain;
}
.ico-preview-click-after::after {
  content: url(../img/ico_preview-click.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-preview-click-before::before {
  content: url(../img/ico_preview-click.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-preview-click-bg, .DownloadAndPreview .buttons .preview:hover, .thumb-list-wrap .thumb-box .btn-box .preview.click, .table-pds .body .row .preview.click {
  background: url(../img/ico_preview-click.svg) no-repeat center/contain;
}
.ico-preview-disabled-after::after {
  content: url(../img/ico_preview-disabled.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-preview-disabled-before::before {
  content: url(../img/ico_preview-disabled.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-preview-disabled-bg, .DownloadAndPreview .buttons .preview.disabled, .thumb-list-wrap .thumb-box .btn-box .preview.disabled, .table-pds .body .row .preview.disabled {
  background: url(../img/ico_preview-disabled.svg) no-repeat center/contain;
}
.ico-preview-hover-after::after {
  content: url(../img/ico_preview-hover.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-preview-hover-before::before {
  content: url(../img/ico_preview-hover.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-preview-hover-bg {
  background: url(../img/ico_preview-hover.svg) no-repeat center/contain;
}
.ico-preview-w-after::after {
  content: url(../img/ico_preview-w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-preview-w-before::before {
  content: url(../img/ico_preview-w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-preview-w-bg {
  background: url(../img/ico_preview-w.svg) no-repeat center/contain;
}
.ico-heart-after::after {
  content: url(../img/ico_heart.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-heart-before::before {
  content: url(../img/ico_heart.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-heart-bg {
  background: url(../img/ico_heart.svg) no-repeat center/contain;
}
.ico-heart-click-after::after {
  content: url(../img/ico_heart-click.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-heart-click-before::before {
  content: url(../img/ico_heart-click.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-heart-click-bg {
  background: url(../img/ico_heart-click.svg) no-repeat center/contain;
}
.ico-heart-disabled-after::after {
  content: url(../img/ico_heart-disabled.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-heart-disabled-before::before {
  content: url(../img/ico_heart-disabled.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-heart-disabled-bg {
  background: url(../img/ico_heart-disabled.svg) no-repeat center/contain;
}
.ico-heart-hover-after::after {
  content: url(../img/ico_heart-hover.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-heart-hover-before::before {
  content: url(../img/ico_heart-hover.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-heart-hover-bg {
  background: url(../img/ico_heart-hover.svg) no-repeat center/contain;
}
.ico-heart-w-after::after {
  content: url(../img/ico_heart-w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-heart-w-before::before {
  content: url(../img/ico_heart-w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-heart-w-bg {
  background: url(../img/ico_heart-w.svg) no-repeat center/contain;
}
.ico-print-after::after {
  content: url(../img/ico_print.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-print-before::before {
  content: url(../img/ico_print.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-print-bg, .thumb-list-wrap .thumb-box .btn-box .print {
  background: url(../img/ico_print.svg) no-repeat center/contain;
}
.ico-print-click-after::after {
  content: url(../img/ico_print-click.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-print-click-before::before {
  content: url(../img/ico_print-click.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-print-click-bg, .thumb-list-wrap .thumb-box .btn-box .print.click {
  background: url(../img/ico_print-click.svg) no-repeat center/contain;
}
.ico-print-disabled-after::after {
  content: url(../img/ico_print-disabled.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-print-disabled-before::before {
  content: url(../img/ico_print-disabled.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-print-disabled-bg, .thumb-list-wrap .thumb-box .btn-box .print.disabled {
  background: url(../img/ico_print-disabled.svg) no-repeat center/contain;
}
.ico-print-hover-after::after {
  content: url(../img/ico_print-hover.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-print-hover-before::before {
  content: url(../img/ico_print-hover.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-print-hover-bg {
  background: url(../img/ico_print-hover.svg) no-repeat center/contain;
}
.ico-print-w-after::after {
  content: url(../img/ico_print-w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-print-w-before::before {
  content: url(../img/ico_print-w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-print-w-bg {
  background: url(../img/ico_print-w.svg) no-repeat center/contain;
}
.ico-arrow-toggle-after::after {
  content: url(../img/ico_arrow-toggle.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-arrow-toggle-before::before {
  content: url(../img/ico_arrow-toggle.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-arrow-toggle-bg {
  background: url(../img/ico_arrow-toggle.svg) no-repeat center/contain;
}
.ico-arrow-toggle-active-after::after {
  content: url(../img/ico_arrow-toggle-active.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-arrow-toggle-active-before::before {
  content: url(../img/ico_arrow-toggle-active.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-arrow-toggle-active-bg {
  background: url(../img/ico_arrow-toggle-active.svg) no-repeat center/contain;
}
.ico-arrow-dropdown-after::after {
  content: url(../img/ico_arrow-dropdown.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-arrow-dropdown-before::before {
  content: url(../img/ico_arrow-dropdown.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-arrow-dropdown-bg {
  background: url(../img/ico_arrow-dropdown.svg) no-repeat center/contain;
}
.ico-arrow_prev-after::after {
  content: url(../img/ico_arrow_prev.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-arrow_prev-before::before {
  content: url(../img/ico_arrow_prev.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-arrow_prev-bg {
  background: url(../img/ico_arrow_prev.svg) no-repeat center/contain;
}
.ico-arrow_next-after::after {
  content: url(../img/ico_arrow_next.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-arrow_next-before::before {
  content: url(../img/ico_arrow_next.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-arrow_next-bg {
  background: url(../img/ico_arrow_next.svg) no-repeat center/contain;
}
.ico-play-after::after {
  content: url(../img/ico_play.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-play-before::before {
  content: url(../img/ico_play.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-play-bg {
  background: url(../img/ico_play.svg) no-repeat center/contain;
}
.ico-pause-after::after {
  content: url(../img/ico_pause.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-pause-before::before {
  content: url(../img/ico_pause.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-pause-bg {
  background: url(../img/ico_pause.svg) no-repeat center/contain;
}
.ico-replay-after::after {
  content: url(../img/ico_replay.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-replay-before::before {
  content: url(../img/ico_replay.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-replay-bg {
  background: url(../img/ico_replay.svg) no-repeat center/contain;
}
.ico-goto-after::after {
  content: url(../img/ico_goto.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-goto-before::before {
  content: url(../img/ico_goto.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-goto-bg, .DownloadAndPreview .buttons .goto {
  background: url(../img/ico_goto.svg) no-repeat center/contain;
}
.ico-goto-click-after::after {
  content: url(../img/ico_goto-click.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-goto-click-before::before {
  content: url(../img/ico_goto-click.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-goto-click-bg, .DownloadAndPreview .buttons .goto:hover {
  background: url(../img/ico_goto-click.svg) no-repeat center/contain;
}
.ico-float-up-down-after::after {
  content: url(../img/ico_float-up-down.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-float-up-down-before::before {
  content: url(../img/ico_float-up-down.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-float-up-down-bg {
  background: url(../img/ico_float-up-down.svg) no-repeat center/contain;
}
.ico-float-line-after::after {
  content: url(../img/ico_float-line.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-float-line-before::before {
  content: url(../img/ico_float-line.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-float-line-bg {
  background: url(../img/ico_float-line.svg) no-repeat center/contain;
}
.ico-modal-close-after::after {
  content: url(../img/ico_modal-close.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-modal-close-before::before {
  content: url(../img/ico_modal-close.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-modal-close-bg {
  background: url(../img/ico_modal-close.svg) no-repeat center/contain;
}
.ico-close-after::after {
  content: url(../img/ico_close.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-close-before::before {
  content: url(../img/ico_close.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-close-bg {
  background: url(../img/ico_close.svg) no-repeat center/contain;
}
.ico-del-after::after {
  content: url(../img/ico_del.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-del-before::before {
  content: url(../img/ico_del.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-del-bg {
  background: url(../img/ico_del.svg) no-repeat center/contain;
}
.ico-page-first-after::after {
  content: url(../img/ico_page-first.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-page-first-before::before {
  content: url(../img/ico_page-first.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-page-first-bg {
  background: url(../img/ico_page-first.svg) no-repeat center/contain;
}
.ico-page-prev-after::after {
  content: url(../img/ico_page-prev.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-page-prev-before::before {
  content: url(../img/ico_page-prev.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-page-prev-bg {
  background: url(../img/ico_page-prev.svg) no-repeat center/contain;
}
.ico-page-next-after::after {
  content: url(../img/ico_page-next.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-page-next-before::before {
  content: url(../img/ico_page-next.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-page-next-bg {
  background: url(../img/ico_page-next.svg) no-repeat center/contain;
}
.ico-page-last-after::after {
  content: url(../img/ico_page-last.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-page-last-before::before {
  content: url(../img/ico_page-last.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-page-last-bg {
  background: url(../img/ico_page-last.svg) no-repeat center/contain;
}
.ico-smartschool-after::after {
  content: url(../img/ico_smartschool.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-smartschool-before::before {
  content: url(../img/ico_smartschool.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-smartschool-bg {
  background: url(../img/ico_smartschool.svg) no-repeat center/contain;
}
.ico-smartschool-w-after::after {
  content: url(../img/ico_smartschool-w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-smartschool-w-before::before {
  content: url(../img/ico_smartschool-w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-smartschool-w-bg {
  background: url(../img/ico_smartschool-w.svg) no-repeat center/contain;
}
.ico-smartschool-gr-after::after {
  content: url(../img/ico_smartschool-gr.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-smartschool-gr-before::before {
  content: url(../img/ico_smartschool-gr.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-smartschool-gr-bg, .thumb-list-wrap .thumb-box .btn-box .smartschool-gr {
  background: url(../img/ico_smartschool-gr.svg) no-repeat center/contain;
}
.ico-smartschool-hover-after::after {
  content: url(../img/ico_smartschool-hover.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-smartschool-hover-before::before {
  content: url(../img/ico_smartschool-hover.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-smartschool-hover-bg {
  background: url(../img/ico_smartschool-hover.svg) no-repeat center/contain;
}
.ico-checkpoint-after::after {
  content: url(../img/ico_checkpoint.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-checkpoint-before::before {
  content: url(../img/ico_checkpoint.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-checkpoint-bg {
  background: url(../img/ico_checkpoint.svg) no-repeat center/contain;
}
.ico-btn_next_w-after::after {
  content: url(../img/ico_btn_next_w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-btn_next_w-before::before {
  content: url(../img/ico_btn_next_w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-btn_next_w-bg {
  background: url(../img/ico_btn_next_w.svg) no-repeat center/contain;
}
.ico-evaluation-data-after::after {
  content: url(../img/ico_evaluation-data.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-evaluation-data-before::before {
  content: url(../img/ico_evaluation-data.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-evaluation-data-bg {
  background: url(../img/ico_evaluation-data.svg) no-repeat center/contain;
}
.ico-electronic-work-after::after {
  content: url(../img/ico_electronic-work.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-electronic-work-before::before {
  content: url(../img/ico_electronic-work.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-electronic-work-bg {
  background: url(../img/ico_electronic-work.svg) no-repeat center/contain;
}
.ico-digital-textbook-after::after {
  content: url(../img/ico_digital-textbook.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-digital-textbook-before::before {
  content: url(../img/ico_digital-textbook.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-digital-textbook-bg {
  background: url(../img/ico_digital-textbook.svg) no-repeat center/contain;
}
.ico-like_default-after::after {
  content: url(../img/ico_like_default.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-like_default-before::before {
  content: url(../img/ico_like_default.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-like_default-bg {
  background: url(../img/ico_like_default.svg) no-repeat center/contain;
}
.ico-like_click-after::after {
  content: url(../img/ico_like_click.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-like_click-before::before {
  content: url(../img/ico_like_click.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-like_click-bg {
  background: url(../img/ico_like_click.svg) no-repeat center/contain;
}
.ico-like_disabled-after::after {
  content: url(../img/ico_like_disabled.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-like_disabled-before::before {
  content: url(../img/ico_like_disabled.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-like_disabled-bg {
  background: url(../img/ico_like_disabled.svg) no-repeat center/contain;
}
.ico-like_w-after::after {
  content: url(../img/ico_like_w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-like_w-before::before {
  content: url(../img/ico_like_w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-like_w-bg {
  background: url(../img/ico_like_w.svg) no-repeat center/contain;
}
.ico-video-after::after {
  content: url(../img/ico_video.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-video-before::before {
  content: url(../img/ico_video.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-video-bg {
  background: url(../img/ico_video.svg) no-repeat center/contain;
}
.ico-video_w-after::after {
  content: url(../img/ico_video_w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-video_w-before::before {
  content: url(../img/ico_video_w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-video_w-bg {
  background: url(../img/ico_video_w.svg) no-repeat center/contain;
}
.ico-video_p-after::after {
  content: url(../img/ico_video_p.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-video_p-before::before {
  content: url(../img/ico_video_p.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-video_p-bg {
  background: url(../img/ico_video_p.svg) no-repeat center/contain;
}
.ico-share_w-after::after {
  content: url(../img/ico_share_w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-share_w-before::before {
  content: url(../img/ico_share_w.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-share_w-bg {
  background: url(../img/ico_share_w.svg) no-repeat center/contain;
}
.ico-scrap-white-after::after {
  content: url(../img/ico_scrap-white.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-scrap-white-before::before {
  content: url(../img/ico_scrap-white.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-scrap-white-bg {
  background: url(../img/ico_scrap-white.svg) no-repeat center/contain;
}
.ico-play2-after::after {
  content: url(../img/ico_play2.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-play2-before::before {
  content: url(../img/ico_play2.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-play2-bg {
  background: url(../img/ico_play2.svg) no-repeat center/contain;
}
.ico-success-after::after {
  content: url(../img/ico_success.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-success-before::before {
  content: url(../img/ico_success.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-success-bg {
  background: url(../img/ico_success.svg) no-repeat center/contain;
}
.ico-select_down-after::after {
  content: url(../img/ico_select_down.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-select_down-before::before {
  content: url(../img/ico_select_down.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-select_down-bg {
  background: url(../img/ico_select_down.svg) no-repeat center/contain;
}
.ico-class-after::after {
  content: url(../img/ico_class.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-class-before::before {
  content: url(../img/ico_class.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-class-bg {
  background: url(../img/ico_class.svg) no-repeat center/contain;
}
.ico-class-click-after::after {
  content: url(../img/ico_class-click.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-class-click-before::before {
  content: url(../img/ico_class-click.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-class-click-bg {
  background: url(../img/ico_class-click.svg) no-repeat center/contain;
}
.ico-class-disabled-after::after {
  content: url(../img/ico_class-disabled.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-class-disabled-before::before {
  content: url(../img/ico_class-disabled.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-class-disabled-bg {
  background: url(../img/ico_class-disabled.svg) no-repeat center/contain;
}
.ico-class-click-f-after::after {
  content: url(../img/ico_class-click-f.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-class-click-f-before::before {
  content: url(../img/ico_class-click-f.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-class-click-f-bg {
  background: url(../img/ico_class-click-f.svg) no-repeat center/contain;
}
.ico-temp-after::after {
  content: url(../img/ico_temp.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-temp-before::before {
  content: url(../img/ico_temp.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-temp-bg {
  background: url(../img/ico_temp.svg) no-repeat center/contain;
}
.ico-opn-after::after {
  content: url(../img/ico_opn.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-opn-before::before {
  content: url(../img/ico_opn.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-opn-bg {
  background: url(../img/ico_opn.svg) no-repeat center/contain;
}
.ico-emoji-after::after {
  content: url(../img/ico_emoji.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-emoji-before::before {
  content: url(../img/ico_emoji.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-emoji-bg {
  background: url(../img/ico_emoji.svg) no-repeat center/contain;
}
.ico-mic-after::after {
  content: url(../img/ico_mic.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-mic-before::before {
  content: url(../img/ico_mic.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-mic-bg {
  background: url(../img/ico_mic.svg) no-repeat center/contain;
}
.ico-gallery-after::after {
  content: url(../img/ico_gallery.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-gallery-before::before {
  content: url(../img/ico_gallery.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-gallery-bg {
  background: url(../img/ico_gallery.svg) no-repeat center/contain;
}
.ico-video2-after::after {
  content: url(../img/ico_video2.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-video2-before::before {
  content: url(../img/ico_video2.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-video2-bg {
  background: url(../img/ico_video2.svg) no-repeat center/contain;
}
.ico-doc-after::after {
  content: url(../img/ico_doc.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-doc-before::before {
  content: url(../img/ico_doc.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-doc-bg {
  background: url(../img/ico_doc.svg) no-repeat center/contain;
}
.ico-report-after::after {
  content: url(../img/ico_report.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-report-before::before {
  content: url(../img/ico_report.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-report-bg {
  background: url(../img/ico_report.svg) no-repeat center/contain;
}
.ico-help-after::after {
  content: url(../img/ico_help.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-help-before::before {
  content: url(../img/ico_help.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-help-bg {
  background: url(../img/ico_help.svg) no-repeat center/contain;
}
.ico-help_p-after::after {
  content: url(../img/ico_help_p.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-help_p-before::before {
  content: url(../img/ico_help_p.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-help_p-bg {
  background: url(../img/ico_help_p.svg) no-repeat center/contain;
}
.ico-tv-after::after {
  content: url(../img/ico_tv.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-tv-before::before {
  content: url(../img/ico_tv.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-tv-bg {
  background: url(../img/ico_tv.svg) no-repeat center/contain;
}
.ico-add_file-after::after {
  content: url(../img/ico_add_file.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-add_file-before::before {
  content: url(../img/ico_add_file.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-add_file-bg {
  background: url(../img/ico_add_file.svg) no-repeat center/contain;
}
.ico-lock-after::after {
  content: url(../img/ico_lock.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-lock-before::before {
  content: url(../img/ico_lock.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-lock-bg {
  background: url(../img/ico_lock.svg) no-repeat center/contain;
}
.ico-remove-after::after {
  content: url(../img/ico_remove.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-remove-before::before {
  content: url(../img/ico_remove.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-remove-bg, .table-pds .body .row .remove {
  background: url(../img/ico_remove.svg) no-repeat center/contain;
}
.ico-soundtrack_p-after::after {
  content: url(../img/ico_soundtrack_p.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-soundtrack_p-before::before {
  content: url(../img/ico_soundtrack_p.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-soundtrack_p-bg {
  background: url(../img/ico_soundtrack_p.svg) no-repeat center/contain;
}
.ico-conts_redeem-after::after {
  content: url(../img/ico_conts_redeem.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-conts_redeem-before::before {
  content: url(../img/ico_conts_redeem.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-conts_redeem-bg {
  background: url(../img/ico_conts_redeem.svg) no-repeat center/contain;
}
.ico-conts_payments-after::after {
  content: url(../img/ico_conts_payments.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-conts_payments-before::before {
  content: url(../img/ico_conts_payments.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-conts_payments-bg {
  background: url(../img/ico_conts_payments.svg) no-repeat center/contain;
}
.ico-conts_menu_book-after::after {
  content: url(../img/ico_conts_menu_book.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-conts_menu_book-before::before {
  content: url(../img/ico_conts_menu_book.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-conts_menu_book-bg {
  background: url(../img/ico_conts_menu_book.svg) no-repeat center/contain;
}
.ico-conts_diversity_2-after::after {
  content: url(../img/ico_conts_diversity_2.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-conts_diversity_2-before::before {
  content: url(../img/ico_conts_diversity_2.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-conts_diversity_2-bg {
  background: url(../img/ico_conts_diversity_2.svg) no-repeat center/contain;
}
.ico-conts_connect_without_contact-after::after {
  content: url(../img/ico_conts_connect_without_contact.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-conts_connect_without_contact-before::before {
  content: url(../img/ico_conts_connect_without_contact.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-conts_connect_without_contact-bg {
  background: url(../img/ico_conts_connect_without_contact.svg) no-repeat center/contain;
}
.ico-smartschool_p-after::after {
  content: url(../img/ico_smartschool_p.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-smartschool_p-before::before {
  content: url(../img/ico_smartschool_p.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-smartschool_p-bg {
  background: url(../img/ico_smartschool_p.svg) no-repeat center/contain;
}
.ico-smartschool-gr-after::after {
  content: url(../img/ico_smartschool-gr.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-smartschool-gr-before::before {
  content: url(../img/ico_smartschool-gr.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-smartschool-gr-bg, .thumb-list-wrap .thumb-box .btn-box .smartschool-gr {
  background: url(../img/ico_smartschool-gr.svg) no-repeat center/contain;
}
.ico-cloud-after::after {
  content: url(../img/ico_cloud.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-cloud-before::before {
  content: url(../img/ico_cloud.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-cloud-bg {
  background: url(../img/ico_cloud.svg) no-repeat center/contain;
}
.ico-float-l-after::after {
  content: url(../img/ico_float-l.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-float-l-before::before {
  content: url(../img/ico_float-l.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-float-l-bg {
  background: url(../img/ico_float-l.svg) no-repeat center/contain;
}
.ico-spdata-after::after {
  content: url(../img/ico_spdata.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-spdata-before::before {
  content: url(../img/ico_spdata.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-spdata-bg {
  background: url(../img/ico_spdata.svg) no-repeat center/contain;
}
.ico-auth-after::after {
  content: url(../img/ico_auth.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-auth-before::before {
  content: url(../img/ico_auth.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-auth-bg {
  background: url(../img/ico_auth.svg) no-repeat center/contain;
}
.ico-new-after::after {
  content: url(../img/ico_new.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-new-before::before {
  content: url(../img/ico_new.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-new-bg {
  background: url(../img/ico_new.svg) no-repeat center/contain;
}
.ico-btn-next-pink-after::after {
  content: url(../img/ico_btn-next-pink.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-btn-next-pink-before::before {
  content: url(../img/ico_btn-next-pink.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-btn-next-pink-bg {
  background: url(../img/ico_btn-next-pink.svg) no-repeat center/contain;
}
.ico-btn-next-mid-after::after {
  content: url(../img/ico_btn-next-mid.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-btn-next-mid-before::before {
  content: url(../img/ico_btn-next-mid.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-btn-next-mid-bg {
  background: url(../img/ico_btn-next-mid.svg) no-repeat center/contain;
}
.ico-btn-next-hi-after::after {
  content: url(../img/ico_btn-next-hi.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-btn-next-hi-before::before {
  content: url(../img/ico_btn-next-hi.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-btn-next-hi-bg {
  background: url(../img/ico_btn-next-hi.svg) no-repeat center/contain;
}
.ico-float-board-after::after {
  content: url(../img/ico_float-board.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-float-board-before::before {
  content: url(../img/ico_float-board.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-float-board-bg {
  background: url(../img/ico_float-board.svg) no-repeat center/contain;
}
.ico-float-light-after::after {
  content: url(../img/ico_float-light.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-float-light-before::before {
  content: url(../img/ico_float-light.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-float-light-bg {
  background: url(../img/ico_float-light.svg) no-repeat center/contain;
}
.ico-float-timer-after::after {
  content: url(../img/ico_float-timer.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-float-timer-before::before {
  content: url(../img/ico_float-timer.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-float-timer-bg {
  background: url(../img/ico_float-timer.svg) no-repeat center/contain;
}
.ico-float-watch-after::after {
  content: url(../img/ico_float-watch.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-float-watch-before::before {
  content: url(../img/ico_float-watch.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-float-watch-bg {
  background: url(../img/ico_float-watch.svg) no-repeat center/contain;
}
.ico-float-hand-after::after {
  content: url(../img/ico_float-hand.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-float-hand-before::before {
  content: url(../img/ico_float-hand.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-float-hand-bg {
  background: url(../img/ico_float-hand.svg) no-repeat center/contain;
}
.ico-float-score-after::after {
  content: url(../img/ico_float-score.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-float-score-before::before {
  content: url(../img/ico_float-score.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-float-score-bg {
  background: url(../img/ico_float-score.svg) no-repeat center/contain;
}
.ico-float-remote-after::after {
  content: url(../img/ico_float-remote.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-float-remote-before::before {
  content: url(../img/ico_float-remote.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-float-remote-bg {
  background: url(../img/ico_float-remote.svg) no-repeat center/contain;
}
.ico-float-live-after::after {
  content: url(../img/ico_float-live.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-float-live-before::before {
  content: url(../img/ico_float-live.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-float-live-bg {
  background: url(../img/ico_float-live.svg) no-repeat center/contain;
}
.ico-float-quiz-after::after {
  content: url(../img/ico_float-quiz.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-float-quiz-before::before {
  content: url(../img/ico_float-quiz.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-float-quiz-bg {
  background: url(../img/ico_float-quiz.svg) no-repeat center/contain;
}
.ico-float-oncon-after::after {
  content: url(../img/ico_float-oncon.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ico-float-oncon-before::before {
  content: url(../img/ico_float-oncon.svg);
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.625rem;
}
.ico-float-oncon-bg {
  background: url(../img/ico_float-oncon.svg) no-repeat center/contain;
}
.ico_file.asf {
  background: url(../img/ico_file_asf.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.asf.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.asf.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.asf.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.avi {
  background: url(../img/ico_file_avi.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.avi.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.avi.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.avi.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.bmp {
  background: url(../img/ico_file_bmp.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.bmp.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.bmp.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.bmp.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.doc {
  background: url(../img/ico_file_doc.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.doc.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.doc.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.doc.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.docx {
  background: url(../img/ico_file_docx.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.docx.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.docx.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.docx.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.etc {
  background: url(../img/ico_file_etc.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.etc.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.etc.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.etc.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.gif {
  background: url(../img/ico_file_gif.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.gif.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.gif.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.gif.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.hwp {
  background: url(../img/ico_file_hwp.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.hwp.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.hwp.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.hwp.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.jpeg {
  background: url(../img/ico_file_jpeg.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.jpeg.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.jpeg.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.jpeg.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.jpg {
  background: url(../img/ico_file_jpg.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.jpg.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.jpg.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.jpg.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.link {
  background: url(../img/ico_file_link.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.link.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.link.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.link.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.m4a {
  background: url(../img/ico_file_m4a.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.m4a.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.m4a.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.m4a.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.mkv {
  background: url(../img/ico_file_mkv.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.mkv.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.mkv.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.mkv.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.mov {
  background: url(../img/ico_file_mov.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.mov.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.mov.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.mov.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.mp3 {
  background: url(../img/ico_file_mp3.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.mp3.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.mp3.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.mp3.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.mp4 {
  background: url(../img/ico_file_mp4.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.mp4.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.mp4.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.mp4.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.mpeg {
  background: url(../img/ico_file_mpeg.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.mpeg.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.mpeg.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.mpeg.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.mpg {
  background: url(../img/ico_file_mpg.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.mpg.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.mpg.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.mpg.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.nanum {
  background: url(../img/ico_file_nanum.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.nanum.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.nanum.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.nanum.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.ogg {
  background: url(../img/ico_file_ogg.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.ogg.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.ogg.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.ogg.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.on_con {
  background: url(../img/ico_file_on_con.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.on_con.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.on_con.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.on_con.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.on_con_on {
  background: url(../img/ico_file_on_con_on.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.on_con_on.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.on_con_on.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.on_con_on.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.pdf {
  background: url(../img/ico_file_pdf.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.pdf.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.pdf.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.pdf.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.png {
  background: url(../img/ico_file_png.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.png.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.png.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.png.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.ppt {
  background: url(../img/ico_file_ppt.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.ppt.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.ppt.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.ppt.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.pptx {
  background: url(../img/ico_file_pptx.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.pptx.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.pptx.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.pptx.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.reserch {
  background: url(../img/ico_file_reserch.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.reserch.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.reserch.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.reserch.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.txt {
  background: url(../img/ico_file_txt.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.txt.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.txt.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.txt.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.wav {
  background: url(../img/ico_file_wav.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.wav.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.wav.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.wav.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.wma {
  background: url(../img/ico_file_wma.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.wma.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.wma.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.wma.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.wmv {
  background: url(../img/ico_file_wmv.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.wmv.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.wmv.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.wmv.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.xls {
  background: url(../img/ico_file_xls.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.xls.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.xls.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.xls.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.xlsx {
  background: url(../img/ico_file_xlsx.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.xlsx.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.xlsx.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.xlsx.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.youtube {
  background: url(../img/ico_file_youtube.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.youtube.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.youtube.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.youtube.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.zip {
  background: url(../img/ico_file_zip.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.zip.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.zip.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.zip.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_file.show {
  background: url(../img/ico_file_show.svg) no-repeat center/contain;
  background-position: left;
  padding-left: 2.5rem;
  width: 1.875rem;
  height: 1.875rem;
  background-size: 1.875rem;
  display: inline-block;
}
.ico_file.show.size20 {
  width: 1.25rem;
  height: 1.25rem;
  background-size: 1.25rem;
  padding-left: 1.875rem;
}
.ico_file.show.size16 {
  width: 1rem;
  height: 1rem;
  background-size: 1rem;
}
.ico_file.show.zero {
  padding: 0;
  vertical-align: middle;
}
.ico_text {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  font-weight: 400;
  font-size: 13px;
  color: #666666;
  border: 1px solid #D1D1D1;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #ffffff;
}
.ico_text.checkbox {
  cursor: pointer;
}
.ico_text.upper.selected {
  background-color: #FF6652;
  border: 1px solid #FF6652;
  color: #ffffff;
}
.ico_text.middle.selected {
  background-color: #2FB4FF;
  border: 1px solid #2FB4FF;
  color: #ffffff;
}
.ico_text.lower.selected {
  background-color: #4DD773;
  border: 1px solid #4DD773;
  color: #ffffff;
}

/** label 시작 */
.value-flag {
  display: inline-block;
  border-radius: 20px;
  font-size: 0.8125rem;
  line-height: 24px;
  color: #7EBF46;
  padding: 0 12px;
  border: 1px solid #7EBF46;
}
.value-flag.primary {
  border-color: #FF6652;
  color: #FF6652;
}
.value-flag.gray {
  border-color: #838383;
  color: #838383;
}
.value-flag.class {
  border-color: #54B09A;
  color: #54B09A;
}
.value-flag.assignment {
  border-color: #54B09A;
  color: #54B09A;
}
.value-flag.evaluation {
  border-color: #B36EF8;
  color: #B36EF8;
}
.value-flag.list {
  border-color: #8B8B8B;
  color: #8B8B8B;
}
.value-flag.subject {
  border-color: #FF6652;
  color: #FF6652;
}
.value-flag.point {
  border-color: #00416C;
  background-color: #00416C;
  color: #ffffff;
}

/** label 종료 */
/** 게시판 시작 */
.board {
  background-color: #ffffff;
}
.board.ver2, .board.ybm_header.ver3, .board.slt-box.ver5 {
  /*
  .board-list{
      .header{
          display: block;
      }
  }
  */
}
.board.ver2 .board-media, .board.ybm_header.ver3 .board-media, .board.slt-box.ver5 .board-media {
  display: block;
}
.board.ver2 .board-media .colm, .board.ybm_header.ver3 .board-media .colm, .board.slt-box.ver5 .board-media .colm {
  padding: 20px 0;
  border: 0 none;
  /*
  &:first-child{
      padding: 0 0 40px;
      border-top: 0;
  }
  */
}
.board.ver2 .board-media .colm.best-wrap, .board.ybm_header.ver3 .board-media .colm.best-wrap, .board.slt-box.ver5 .board-media .colm.best-wrap {
  padding: 0;
}
.board.ver2 .board-media .colm.best-wrap .thumb-list-wrap .inner-box, .board.ybm_header.ver3 .board-media .colm.best-wrap .thumb-list-wrap .inner-box, .board.slt-box.ver5 .board-media .colm.best-wrap .thumb-list-wrap .inner-box {
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  background-color: #FFF5F5;
  padding: 40px;
  gap: 40px;
}
.board.ver2 .board-media .colm.best-wrap .thumb-list-wrap .inner-box .thumb-box, .board.ybm_header.ver3 .board-media .colm.best-wrap .thumb-list-wrap .inner-box .thumb-box, .board.slt-box.ver5 .board-media .colm.best-wrap .thumb-list-wrap .inner-box .thumb-box {
  width: calc(33.3% - 27px);
}
.board.ver2 .board-media .colm.best-wrap .thumb-list-wrap .inner-box .thumb-box .top img, .board.ybm_header.ver3 .board-media .colm.best-wrap .thumb-list-wrap .inner-box .thumb-box .top img, .board.slt-box.ver5 .board-media .colm.best-wrap .thumb-list-wrap .inner-box .thumb-box .top img {
  aspect-ratio: auto;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  min-height: 210px;
}
.board .board-list .header {
  display: block;
  z-index: 10;
}
.board .board-list .header .count-wrap {
  font-weight: 500;
  font-size: 1rem;
  color: #1b1b1b;
}
.board .board-list .header .count-wrap .count {
  color: #333333;
}
.board .board-list .header .count-wrap h3 {
  font-weight: 700;
  font-size: 1.25rem;
}
.board .board-list .header .check-wrap {
  font-size: 0.875rem;
}
.board .board-list .header .check-wrap label::before {
  margin-right: 3px;
}
.board .board-list .header .list-search {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 0.3125rem;
}
.board .board-list .header .colm {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #D1D1D1;
  padding: 15px 0;
  gap: 20px;
}
.board .board-list .header .colm .list-title {
  font-weight: 500;
  color: #3B3B3B;
}
.board .board-list .header .colm .list-title.line {
  position: relative;
}
.board .board-list .header .colm .list-title.line::after {
  content: "";
  width: 1px;
  height: 12px;
  background-color: #D1D1D1;
  position: absolute;
  top: 50%;
  right: -0.625rem;
  transform: translateY(-50%);
}
.board .board-list .header .colm .list-search {
  margin-left: auto;
}
.board .board-list .header .colm.ver2, .board .board-list .header .colm.ybm_header.ver3, .board .board-list .header .colm.slt-box.ver5 {
  border-bottom: 0;
}
.board .board-list .header .colm.ver2 .colm-group, .board .board-list .header .colm.ybm_header.ver3 .colm-group, .board .board-list .header .colm.slt-box.ver5 .colm-group {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 1.25rem;
}
.board .board-list .header .colm.ver2 .colm-group.aling-center, .board .board-list .header .colm.ybm_header.ver3 .colm-group.aling-center, .board .board-list .header .colm.slt-box.ver5 .colm-group.aling-center {
  align-items: center;
}
.board .board-list .header .colm.ver2 .button-wrap, .board .board-list .header .colm.ybm_header.ver3 .button-wrap, .board .board-list .header .colm.slt-box.ver5 .button-wrap {
  margin-left: auto;
}
.board .board-list .header .colm.ver3 {
  border-bottom: 2px solid #00416C;
  color: #3B3B3B;
  font-weight: 500;
}
.board .board-list .header .colm.ver3 .search-box {
  gap: 10px;
}

/** 게시판 종료 */
/** 페이징 시작 */
.pagination .page {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
}
.pagination .page a {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 1.6875rem;
  min-width: 1.6875rem;
  height: 1.875rem;
  font-weight: 500;
  font-size: 1rem;
  color: #000000;
  border-radius: 0.5rem;
}
.pagination .page a::before {
  padding: 0;
  font-size: 0;
}
.pagination .page a:hover {
  color: #333333;
}
.pagination .page a.current {
  color: #ffffff;
  background-color: #333333;
}

/** 페이징 종료 */
/** 미디어 형태 리스트 박스 시작 - 박스만 컴포넌트에 존재 디테일 부분은 각 content.scss에서 */
.board-media {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.875rem;
  width: 100%;
}
.board-media .item .inn {
  border: 1px solid #dadada;
  border-radius: 0.9375rem;
  overflow: hidden;
  position: relative;
}
.board-media .item .inn .checkbox-wrap {
  position: absolute;
  top: 0.5625rem;
  left: 0.5625rem;
  z-index: 99;
}

/** 미디어 형태 리스트 박스 종료 */
/** 공통자료 테이블 시작 */
.table-pds .head, .table-pds .body .row {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  text-align: center;
  font-size: 0.9375rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  height: 2.8125rem;
  gap: 0.625rem;
}
.table-pds .head > div, .table-pds .body .row > div {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.3125rem 0;
}
.table-pds .head > div.icons-box, .table-pds .body .row > div.icons-box {
  gap: 0.625rem;
}
.table-pds .head label, .table-pds .body .row label {
  width: 1.25rem;
  height: 1.25rem;
}
.table-pds .head label::before, .table-pds .body .row label::before {
  margin: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-size: 10px;
}
.table-pds .head .subject, .table-pds .body .row .subject {
  width: 100%;
}
.table-pds .head .data-name, .table-pds .body .row .data-name {
  width: 330px;
  justify-content: flex-start;
}
.table-pds .head .data-path, .table-pds .body .row .data-path {
  justify-content: flex-start;
  width: 450px;
}
.table-pds .head .data-path .grade-box, .table-pds .body .row .data-path .grade-box {
  margin-left: 0.3125rem;
}
.table-pds .head .check, .table-pds .body .row .check {
  flex-shrink: 0;
  width: 1.5rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.table-pds .head .preview, .table-pds .body .row .preview, .table-pds .head .download, .table-pds .body .row .download, .table-pds .head .scrap, .table-pds .body .row .scrap {
  flex-shrink: 0;
  width: 2.3125rem;
}
.table-pds .head .link-num, .table-pds .body .row .link-num {
  width: 3.125rem;
}
.table-pds .head .link-name, .table-pds .body .row .link-name {
  width: 15.625rem;
}
.table-pds .head .link-url, .table-pds .body .row .link-url {
  width: 32.5rem;
}
.table-pds .head .link-useYN, .table-pds .body .row .link-useYN {
  width: 3.75rem;
}
.table-pds .head .link-remove, .table-pds .body .row .link-remove {
  width: 7.75rem;
}
.table-pds .head .remove, .table-pds .body .row .remove {
  width: 1.25rem;
}
.table-pds .head .textbook, .table-pds .body .row .textbook {
  width: 7.5rem;
}
.table-pds .head .lesson, .table-pds .body .row .lesson {
  width: 11.875rem;
}
.table-pds .head .chapter, .table-pds .body .row .chapter {
  width: 25rem;
}
.table-pds .head.type-b .preview, .table-pds .body .type-b.row .preview, .table-pds .head.type-b .download, .table-pds .body .type-b.row .download, .table-pds .head.type-b .scrap, .table-pds .body .type-b.row .scrap, .table-pds .head.type-b .trash, .table-pds .body .type-b.row .trash, .table-pds .head.type-d .preview, .table-pds .body .type-d.row .preview, .table-pds .head.type-d .download, .table-pds .body .type-d.row .download, .table-pds .head.type-d .scrap, .table-pds .body .type-d.row .scrap, .table-pds .head.type-d .trash, .table-pds .body .type-d.row .trash {
  flex-shrink: 0;
  width: 3.75rem;
}
.table-pds .head.type-b .wdate, .table-pds .body .type-b.row .wdate, .table-pds .head.type-d .wdate, .table-pds .body .type-d.row .wdate {
  flex-shrink: 0;
  width: 7.5rem;
}
.table-pds .head.type-c, .table-pds .body .type-c.row {
  border-top: 0 none;
  border-bottom: 1px solid #3B3B3B;
  font-size: 1rem;
  font-weight: 500;
  color: #3B3B3B;
}
.table-pds .body .row {
  border: 0px none;
  border-bottom: 1px solid #DAE2EC;
  height: 3.125rem;
}
.table-pds .body .row:only-child {
  border-bottom: 0px none;
}
.table-pds .body .row .subject {
  gap: 0.3125rem;
  flex: 1 0 50%;
  justify-content: flex-start;
  text-align: left;
}
.table-pds .body .row .subject a {
  flex: 1;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 0.3125rem;
  /*
  display: table-cell;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  */
  line-height: 2rem;
  font-size: 0.9375rem;
  /*
  &::before{
      padding-right: rem(10px);
  }
  */
}
.table-pds .body .row .subject a span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  display: inline-block;
}
.table-pds .body .row .subject .ico_file {
  background-size: 1.4375rem !important;
  padding-left: 1.875rem;
}
.table-pds .body .row .subject .icon-box {
  flex-shrink: 0;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 0.3125rem;
  align-items: center;
}
.table-pds .body .row .data-name {
  display: table;
  table-layout: fixed;
  text-align: left;
  width: 330px;
}
.table-pds .body .row .data-name a {
  display: table-cell;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.table-pds .body .row .data-name a::before {
  padding-right: 0.625rem;
}
.table-pds .body .row .data-path.colsp {
  width: 480px;
}
.table-pds .body .row .link {
  position: relative;
  width: 100px;
}
.table-pds .body .row .link a {
  position: absolute;
  right: -20px;
  width: 100px;
}
.table-pds .body .row .link-name input,
.table-pds .body .row .link-url input {
  width: 100%;
}
.table-pds .body .row .preview {
  height: 100%;
  background-size: 0.9375rem;
}
.table-pds .body .row .preview:not(.disabled):hover {
  background-image: none;
}
.table-pds .body .row .preview:not(.disabled):hover::before {
  content: "미리보기";
  font-weight: 500;
  font-size: 0.6875rem;
  color: #999999;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: underline;
  white-space: pre;
  line-height: 0.875rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.table-pds .body .row .preview:not(.disabled).be-big:hover::before {
  font-size: 0.8125rem;
}
.table-pds .body .row .preview.disabled {
  background-size: 0.9375rem;
}
.table-pds .body .row .preview.click {
  background-size: 0.9375rem;
}
.table-pds .body .row .preview.sm {
  background-size: 1.25rem;
}
.table-pds .body .row .preview.md {
  background-size: 1.5625rem;
}
.table-pds .body .row .download {
  height: 100%;
  background-size: 0.9375rem;
}
.table-pds .body .row .download:not(.disabled):hover {
  background-image: none;
}
.table-pds .body .row .download:not(.disabled):hover::before {
  content: "다운로드";
  font-weight: 500;
  font-size: 0.6875rem;
  color: #999999;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: underline;
  white-space: pre;
  line-height: 0.875rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.table-pds .body .row .download:not(.disabled).be-big:hover::before {
  font-size: 0.8125rem;
}
.table-pds .body .row .download.disabled {
  background-size: 0.9375rem;
}
.table-pds .body .row .download.click {
  background-size: 0.9375rem;
}
.table-pds .body .row .download.sm {
  background-size: 1.25rem;
}
.table-pds .body .row .download.md {
  background-size: 1.5625rem;
}
.table-pds .body .row .scrap {
  height: 100%;
  background-size: 0.9375rem;
}
.table-pds .body .row .scrap:not(.disabled):hover {
  background-image: none;
}
.table-pds .body .row .scrap:not(.disabled):hover::before {
  content: "스크랩";
  font-weight: 500;
  font-size: 0.6875rem;
  color: #999999;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: underline;
  white-space: pre;
  line-height: 0.875rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.table-pds .body .row .scrap:not(.disabled).be-big:hover::before {
  font-size: 0.8125rem;
}
.table-pds .body .row .scrap.disabled {
  background-size: 0.9375rem;
}
.table-pds .body .row .scrap.click {
  background-size: 0.9375rem;
}
.table-pds .body .row .scrap.sm {
  background-size: 1.25rem;
}
.table-pds .body .row .scrap.md {
  background-size: 1.5625rem;
}
.table-pds .body .row .trash {
  height: 100%;
  background-size: 0.9375rem;
}
.table-pds .body .row .trash:not(.disabled):hover {
  background-image: none;
}
.table-pds .body .row .trash:not(.disabled):hover::before {
  content: "삭제";
  font-weight: 500;
  font-size: 0.6875rem;
  color: #999999;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: underline;
  white-space: pre;
  line-height: 0.875rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.table-pds .body .row .trash:not(.disabled).be-big:hover::before {
  font-size: 0.8125rem;
}
.table-pds .body .row .trash.disabled {
  background-size: 0.9375rem;
}
.table-pds .body .row .trash.click {
  background-size: 0.9375rem;
}
.table-pds .body .row .trash.sm {
  background-size: 1.25rem;
}
.table-pds .body .row .trash.md {
  background-size: 1.5625rem;
}
.table-pds .body .row .remove {
  height: 100%;
  background-size: 0.9375rem;
}
.table-pds .body .row .remove:not(.disabled):hover {
  background-image: none;
}
.table-pds .body .row .remove:not(.disabled):hover::before {
  content: "삭제";
  font-weight: 500;
  font-size: 0.6875rem;
  color: #999999;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: underline;
  white-space: pre;
  line-height: 0.875rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.table-pds .body .row .remove:not(.disabled).be-big:hover::before {
  font-size: 0.8125rem;
}
.table-pds .body .row .remove.disabled {
  background-size: 0.9375rem;
}
.table-pds .body .row .remove.click {
  background-size: 0.9375rem;
}
.table-pds .body .row .remove.sm {
  background-size: 1.25rem;
}
.table-pds .body .row .remove.md {
  background-size: 1.5625rem;
}
.table-pds .body .row.type-c {
  border-bottom: 1px solid #DAE2EC;
  height: 65px;
}
.table-pds .body .row.type-d {
  height: 94px;
}
.table-pds .body .row.type-d .textbook,
.table-pds .body .row.type-d .lesson {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  line-height: 94px;
  padding: 0;
}
.table-pds .body .row.type-d .chapter {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 0.3125rem;
  text-align: left;
  align-items: center;
}
.table-pds .body .row.type-d .chapter > a {
  width: 100%;
  font-weight: 500;
  font-size: 1rem;
  color: #3B3B3B;
}
.table-pds .body .row.type-d .chapter .prev,
.table-pds .body .row.type-d .chapter .next {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: flex-start;
  gap: 0.3125rem;
  font-weight: 400;
  font-size: 0.8125rem;
  color: #A8A8A8;
}
.table-pds .body .row.type-d .chapter .prev .empty,
.table-pds .body .row.type-d .chapter .next .empty {
  color: #A8A8A8;
}
.table-pds .body .row.type-d .chapter .prev :first-child {
  width: 2.375rem;
}
.table-pds .body .row.type-d .chapter .prev :first-child::before {
  content: url(../img/arrow_prev.svg);
  display: inline-block;
  transform: scale(0.8);
  margin-right: 0.25rem;
}
.table-pds .body .row.type-d .chapter .next :first-child {
  width: 2.375rem;
}
.table-pds .body .row.type-d .chapter .next :first-child::before {
  content: url(../img/arrow_next.svg);
  display: inline-block;
  transform: scale(0.8);
  margin-right: 0.25rem;
}
.table-pds .body .row.type-d .chapter a {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.table-pds .foot {
  text-align: center;
}
.table-pds .foot .add {
  margin: auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  border: 1px dashed #C8C8C8;
  background: #F2F2F2;
  transform: rotate(45deg);
  color: #848484;
  font-weight: 900;
}
.table-pds .foot .add:hover {
  background-color: #333333;
  border-color: #333333;
  color: #ffffff;
}
.table-pds .desc-box {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 4px;
}
.table-pds .desc-box .desc {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

/** 공통자료 테이블 종료 */
/** 썸네일 박스 구조 #1 시작 */
.thumb-list-wrap .inner-box {
  display: flex;
  gap: 30px;
}
.thumb-list-wrap .thumb-box {
  border-radius: 15px;
  border: 1px solid #dadada;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: #ffffff;
  position: relative;
  transition: 0.3s all;
}
.thumb-list-wrap .thumb-box:hover {
  border: 1px solid #333333;
  box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.15);
}
.thumb-list-wrap .thumb-box.doctype .top img {
  aspect-ratio: auto;
  top: 0;
  transform: translate(-50%, 0);
}
.thumb-list-wrap .thumb-box .inner {
  border-radius: 15px;
  overflow: hidden;
}
.thumb-list-wrap .thumb-box .head, .thumb-list-wrap .thumb-box .table-pds .body .row, .table-pds .body .thumb-list-wrap .thumb-box .row {
  position: relative;
  padding-top: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.thumb-list-wrap .thumb-box .head .checkbox-wrap, .thumb-list-wrap .thumb-box .table-pds .body .row .checkbox-wrap, .table-pds .body .thumb-list-wrap .thumb-box .row .checkbox-wrap {
  position: absolute;
  top: 0;
  left: 0;
}
.thumb-list-wrap .thumb-box .head .class-name, .thumb-list-wrap .thumb-box .table-pds .body .row .class-name, .table-pds .body .thumb-list-wrap .thumb-box .row .class-name {
  padding-left: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: inherit;
  word-break: break-all;
  line-height: 1.3;
  height: 42px;
}
.thumb-list-wrap .thumb-box .head + .body, .thumb-list-wrap .thumb-box .table-pds .body .row + .body, .table-pds .body .thumb-list-wrap .thumb-box .row + .body {
  border-radius: 0;
  padding-bottom: 20px;
  border: 0;
  border-top: 1px solid #dadada;
  margin-top: 20px;
  padding-top: 20px;
  border-radius: 0;
}
.thumb-list-wrap .thumb-box .top {
  border-radius: 7px 7px 0 0;
  overflow: hidden;
  position: relative;
  padding-top: 0;
  width: 100%;
  aspect-ratio: 1.7777777778;
}
@supports not (aspect-ratio: calc(16 / 9)) {
  .thumb-list-wrap .thumb-box .top {
    /*
    &::after {
        display: block;
        content: "";
        clear: both;
    }
    */
  }
  .thumb-list-wrap .thumb-box .top::before {
    content: "";
    float: left;
    padding-top: 56.25%;
    display: block;
  }
}
.thumb-list-wrap .thumb-box .top img {
  aspect-ratio: 1.7777777778;
}
@supports not (aspect-ratio: calc(16 / 9)) {
  .thumb-list-wrap .thumb-box .top img {
    /*
    &::after {
        display: block;
        content: "";
        clear: both;
    }
    */
  }
  .thumb-list-wrap .thumb-box .top img::before {
    content: "";
    float: left;
    padding-top: 56.25%;
    display: block;
  }
}
.thumb-list-wrap .thumb-box .top.ver2, .thumb-list-wrap .thumb-box .top.ybm_header.ver3, .thumb-list-wrap .thumb-box .top.slt-box.ver5 {
  aspect-ratio: 0.6666666667;
}
@supports not (aspect-ratio: calc(2 / 3)) {
  .thumb-list-wrap .thumb-box .top.ver2, .thumb-list-wrap .thumb-box .top.ybm_header.ver3, .thumb-list-wrap .thumb-box .top.slt-box.ver5 {
    /*
    &::after {
        display: block;
        content: "";
        clear: both;
    }
    */
  }
  .thumb-list-wrap .thumb-box .top.ver2::before, .thumb-list-wrap .thumb-box .top.ybm_header.ver3::before, .thumb-list-wrap .thumb-box .top.slt-box.ver5::before {
    content: "";
    float: left;
    padding-top: 150%;
    display: block;
  }
}
.thumb-list-wrap .thumb-box .top.ver2 img, .thumb-list-wrap .thumb-box .top.ybm_header.ver3 img, .thumb-list-wrap .thumb-box .top.slt-box.ver5 img {
  aspect-ratio: 0.6666666667;
}
@supports not (aspect-ratio: calc(2 / 3)) {
  .thumb-list-wrap .thumb-box .top.ver2 img, .thumb-list-wrap .thumb-box .top.ybm_header.ver3 img, .thumb-list-wrap .thumb-box .top.slt-box.ver5 img {
    /*
    &::after {
        display: block;
        content: "";
        clear: both;
    }
    */
  }
  .thumb-list-wrap .thumb-box .top.ver2 img::before, .thumb-list-wrap .thumb-box .top.ybm_header.ver3 img::before, .thumb-list-wrap .thumb-box .top.slt-box.ver5 img::before {
    content: "";
    float: left;
    padding-top: 150%;
    display: block;
  }
}
.thumb-list-wrap .thumb-box .top::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all;
}
.thumb-list-wrap .thumb-box .top img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.thumb-list-wrap .thumb-box .top .movie-time {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.thumb-list-wrap .thumb-box .top .movie-time span {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 20px;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 3px;
  padding: 0 10px;
}
.thumb-list-wrap .thumb-box .top .movie-time.ver2, .thumb-list-wrap .thumb-box .top .movie-time.ybm_header.ver3, .thumb-list-wrap .thumb-box .top .movie-time.slt-box.ver5 {
  right: auto;
  left: 10px;
}
.thumb-list-wrap .thumb-box .top .play-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
}
.thumb-list-wrap .thumb-box .top .play-box .ico {
  background: url(../img/ico_play_default.svg) no-repeat center/contain;
  width: 50px;
  height: 50px;
}
.thumb-list-wrap .thumb-box .top .play-box:hover .ico {
  background: url(../img/ico_play_hover.svg) no-repeat center/contain;
}
.thumb-list-wrap .thumb-box .top .push-box {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 20;
}
.thumb-list-wrap .thumb-box .top .label-box {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 20;
}
.thumb-list-wrap .thumb-box .top .page-info-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.65);
  border-radius: 50px;
  margin: 0.625rem 0.75rem;
  padding: 0.3125rem 0.625rem;
  font-weight: 300;
  font-size: 0.8125rem;
  color: #3B3B3B;
}
.thumb-list-wrap .thumb-box .top .page-info-wrap.type-of {
  margin: 0;
  top: 20px;
  bottom: auto;
  right: 20px;
}
.thumb-list-wrap .thumb-box .top em {
  font-style: normal;
  font-weight: 700;
}
.thumb-list-wrap .thumb-box .top .link-buttons-wrap {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -44%);
  width: 100%;
  height: 50%;
  z-index: 50;
}
.thumb-list-wrap .thumb-box .top .d-day {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}
.thumb-list-wrap .thumb-box .top .d-day p {
  font-size: 0.875rem;
  line-height: 24px;
  height: 24px;
  padding: 0 20px;
  border-radius: 20px;
  color: #666666;
  font-weight: 400;
  background-color: #ffffff;
  border: 1px solid #D1D1D1;
  transition: 0.3s all;
}
.thumb-list-wrap .thumb-box .top .d-day.win p {
  background-color: #FF6652;
  border-color: #FF6652;
  color: #ffffff;
}
.thumb-list-wrap .thumb-box .body {
  padding: 20px;
  border-radius: 0 0 15px 15px;
  background-color: #ffffff;
  position: relative;
}
.thumb-list-wrap .thumb-box .btn-flex-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.thumb-list-wrap .thumb-box .btn-flex-wrap .btn {
  flex: 1;
  line-height: 38px;
  padding: 0 5px;
}
.thumb-list-wrap .thumb-box .class-name {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1B1B1B;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.thumb-list-wrap .thumb-box .class-name .ico-new {
  margin-top: -4px;
  margin-left: 10px;
}
.thumb-list-wrap .thumb-box .class-name.ver2, .thumb-list-wrap .thumb-box .class-name.ybm_header.ver3, .thumb-list-wrap .thumb-box .class-name.slt-box.ver5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: inherit;
  word-break: break-all;
  line-height: 1.4;
}
.thumb-list-wrap .thumb-box .class-desc {
  font-size: 1rem;
  font-weight: 500;
  color: #1B1B1B;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.thumb-list-wrap .thumb-box .class-desc.ver2, .thumb-list-wrap .thumb-box .class-desc.ybm_header.ver3, .thumb-list-wrap .thumb-box .class-desc.slt-box.ver5 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: inherit;
  word-break: break-all;
}
.thumb-list-wrap .thumb-box .class-desc.ver3 {
  font-size: 18px;
}
.thumb-list-wrap .thumb-box .class-desc2 {
  font-size: 1.125rem;
  font-weight: 500;
  color: #1B1B1B;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: inherit;
  word-break: break-all;
  min-height: 41px;
  margin-bottom: 22px;
  position: relative;
}
.thumb-list-wrap .thumb-box .class-desc2.ver2, .thumb-list-wrap .thumb-box .class-desc2.ybm_header.ver3, .thumb-list-wrap .thumb-box .class-desc2.slt-box.ver5 {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.thumb-list-wrap .thumb-box .class-desc2.ver3 {
  margin-bottom: 0;
}
.thumb-list-wrap .thumb-box .icon-box {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 5px;
  z-index: 2;
}
.thumb-list-wrap .thumb-box .class-unit {
  font-size: 0.875rem;
  font-weight: 500;
  color: #777777;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.thumb-list-wrap .thumb-box .description {
  font-weight: 400;
  font-size: 0.875rem;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: inherit;
  word-break: break-all;
  -webkit-line-clamp: 6;
  line-height: 1.25rem;
}
.thumb-list-wrap .thumb-box .description.ver2, .thumb-list-wrap .thumb-box .description.ybm_header.ver3, .thumb-list-wrap .thumb-box .description.slt-box.ver5 {
  -webkit-line-clamp: 1;
}
.thumb-list-wrap .thumb-box .description2 {
  font-size: 0.875rem;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: inherit;
  word-break: break-all;
  line-height: 1.3;
}
.thumb-list-wrap .thumb-box .source-name-box {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.thumb-list-wrap .thumb-box .source-name-box .source-name {
  display: inline-block;
  padding: 0 10px;
  border-radius: 50px;
  background-color: #E6EEF4;
  color: #686868;
  max-width: 100%;
}
.thumb-list-wrap .thumb-box .source-name-box .source-name span {
  font-size: 0.875rem;
  line-height: 28px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.thumb-list-wrap .thumb-box .sold-out-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background-color: rgba(0, 0, 0, 0.38);
  z-index: 11;
}
.thumb-list-wrap .thumb-box .sold-out-box .inn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
.thumb-list-wrap .thumb-box .sold-out-box h3 {
  font-size: 1.875rem;
  color: #ffffff;
}
.thumb-list-wrap .thumb-box .sold-out-box p {
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
}
.thumb-list-wrap .thumb-box .conts-date-txt {
  font-size: 1rem;
  color: #838383;
}
.thumb-list-wrap .thumb-box .data-source-box {
  margin-top: auto;
  text-align: right;
  background-color: #E6EEF4;
  padding: 10px 20px;
}
.thumb-list-wrap .thumb-box .data-source-box .txt {
  font-size: 0.9375rem;
  color: #686868;
}
.thumb-list-wrap .thumb-box .btn-box {
  position: relative;
  display: flex;
  width: 100%;
  border-radius: 8px;
}
.thumb-list-wrap .thumb-box .btn-box .col {
  flex: 1;
  position: relative;
}
.thumb-list-wrap .thumb-box .btn-box .col::after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background-color: #dadada;
  position: absolute;
  top: 0;
  right: 0;
}
.thumb-list-wrap .thumb-box .btn-box .col:last-child::after {
  display: none;
}
.thumb-list-wrap .thumb-box .btn-box .col .btns {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  background-size: 16px;
}
.thumb-list-wrap .thumb-box .btn-box .col:hover {
  background-color: #F0F3F7;
}
.thumb-list-wrap .thumb-box .btn-box .col::after {
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.thumb-list-wrap .thumb-box .btn-box .col:hover {
  background-color: transparent !important;
}
.thumb-list-wrap .thumb-box .btn-box .btns {
  font-weight: 500;
  font-size: 0.75rem;
  color: #999999;
  text-align: center;
}
.thumb-list-wrap .thumb-box .btn-box .btns.toggle.click {
  color: #FF6652;
}
.thumb-list-wrap .thumb-box .btn-box .preview {
  background-size: 0.9375rem !important;
}
.thumb-list-wrap .thumb-box .btn-box .preview:not(.disabled):hover {
  background-image: none;
}
.thumb-list-wrap .thumb-box .btn-box .preview:not(.disabled):hover::before {
  content: "미리보기";
  font-weight: 500;
  font-size: 0.6875rem;
  color: #999999;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: underline;
  white-space: pre;
  line-height: 0.875rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.thumb-list-wrap .thumb-box .btn-box .preview:not(.disabled).be-big:hover::before {
  font-size: 0.8125rem;
}
.thumb-list-wrap .thumb-box .btn-box .preview.disabled {
  background-size: 0.9375rem;
}
.thumb-list-wrap .thumb-box .btn-box .preview.click {
  background-size: 0.9375rem;
}
.thumb-list-wrap .thumb-box .btn-box .download {
  background-size: 0.9375rem !important;
}
.thumb-list-wrap .thumb-box .btn-box .download:not(.disabled):hover {
  background-image: none;
}
.thumb-list-wrap .thumb-box .btn-box .download:not(.disabled):hover::before {
  content: "다운로드";
  font-weight: 500;
  font-size: 0.6875rem;
  color: #999999;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: underline;
  white-space: pre;
  line-height: 0.875rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.thumb-list-wrap .thumb-box .btn-box .download:not(.disabled).be-big:hover::before {
  font-size: 0.8125rem;
}
.thumb-list-wrap .thumb-box .btn-box .download.disabled {
  background-size: 0.9375rem;
}
.thumb-list-wrap .thumb-box .btn-box .download.click {
  background-size: 0.9375rem;
}
.thumb-list-wrap .thumb-box .btn-box .scrap {
  background-size: 0.9375rem !important;
}
.thumb-list-wrap .thumb-box .btn-box .scrap:not(.disabled):hover {
  background-image: none;
}
.thumb-list-wrap .thumb-box .btn-box .scrap:not(.disabled):hover::before {
  content: "스크랩";
  font-weight: 500;
  font-size: 0.6875rem;
  color: #999999;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: underline;
  white-space: pre;
  line-height: 0.875rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.thumb-list-wrap .thumb-box .btn-box .scrap:not(.disabled).be-big:hover::before {
  font-size: 0.8125rem;
}
.thumb-list-wrap .thumb-box .btn-box .scrap.disabled {
  background-size: 0.9375rem;
}
.thumb-list-wrap .thumb-box .btn-box .scrap.click {
  background-size: 0.9375rem;
}
.thumb-list-wrap .thumb-box .btn-box .add {
  background-size: 0.9375rem !important;
}
.thumb-list-wrap .thumb-box .btn-box .add:not(.disabled):hover {
  background-image: none;
}
.thumb-list-wrap .thumb-box .btn-box .add:not(.disabled):hover::before {
  content: "담기+";
  font-weight: 500;
  font-size: 0.6875rem;
  color: #999999;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: underline;
  white-space: pre;
  line-height: 0.875rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.thumb-list-wrap .thumb-box .btn-box .add:not(.disabled).be-big:hover::before {
  font-size: 0.8125rem;
}
.thumb-list-wrap .thumb-box .btn-box .add.disabled {
  background-size: 0.9375rem;
}
.thumb-list-wrap .thumb-box .btn-box .add.click {
  background-size: 0.9375rem;
}
.thumb-list-wrap .thumb-box .btn-box .print {
  background-size: 0.9375rem !important;
}
.thumb-list-wrap .thumb-box .btn-box .print:not(.disabled):hover {
  background-image: none;
}
.thumb-list-wrap .thumb-box .btn-box .print:not(.disabled):hover::before {
  content: "인쇄하기";
  font-weight: 500;
  font-size: 0.6875rem;
  color: #999999;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: underline;
  white-space: pre;
  line-height: 0.875rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.thumb-list-wrap .thumb-box .btn-box .print:not(.disabled).be-big:hover::before {
  font-size: 0.8125rem;
}
.thumb-list-wrap .thumb-box .btn-box .print.disabled {
  background-size: 0.9375rem;
}
.thumb-list-wrap .thumb-box .btn-box .print.click {
  background-size: 0.9375rem;
}
.thumb-list-wrap .thumb-box .btn-box .smartschool-gr {
  background-size: 0.9375rem !important;
}
.thumb-list-wrap .thumb-box .btn-box .smartschool-gr:not(.disabled):hover {
  background-image: none;
}
.thumb-list-wrap .thumb-box .btn-box .smartschool-gr:not(.disabled):hover::before {
  content: "온라인워크시트\a사용하기";
  font-weight: 500;
  font-size: 0.6875rem;
  color: #999999;
  width: 100%;
  height: 100%;
  text-align: center;
  text-decoration: underline;
  white-space: pre;
  line-height: 0.875rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.thumb-list-wrap .thumb-box .btn-box .smartschool-gr:not(.disabled).be-big:hover::before {
  font-size: 0.8125rem;
}
.thumb-list-wrap .thumb-box .btn-box .smartschool-gr.disabled {
  background-size: 0.9375rem;
}
.thumb-list-wrap .thumb-box .btn-box .smartschool-gr.click {
  background-size: 0.9375rem;
}
.thumb-list-wrap .thumb-box .btn-box.ver2, .thumb-list-wrap .thumb-box .btn-box.ybm_header.ver3, .thumb-list-wrap .thumb-box .btn-box.slt-box.ver5 {
  border: 1px solid #dadada;
  border-radius: 8px;
}
.thumb-list-wrap .thumb-box .btn-box.ver2 .col::after, .thumb-list-wrap .thumb-box .btn-box.ybm_header.ver3 .col::after, .thumb-list-wrap .thumb-box .btn-box.slt-box.ver5 .col::after {
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.thumb-list-wrap .thumb-box .btn-box.ver2 .col:hover, .thumb-list-wrap .thumb-box .btn-box.ybm_header.ver3 .col:hover, .thumb-list-wrap .thumb-box .btn-box.slt-box.ver5 .col:hover {
  background-color: transparent !important;
}
.thumb-list-wrap .thumb-box .up-label {
  display: inline-block;
  padding: 0 10px;
  position: absolute;
  top: -10px;
  left: 10px;
  height: 20px;
  line-height: 20px;
  background-color: #7EBF46;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 20px;
  letter-spacing: 0.2px;
  z-index: 10;
}
.thumb-list-wrap .thumb-box .class-view-box {
  text-align: center;
}
.thumb-list-wrap .thumb-box .label-class {
  display: inline-block;
  border: 1px solid #D1D1D1;
  border-radius: 5px;
  line-height: 26px;
  padding: 0 10px;
  color: #535353;
}
.thumb-list-wrap .thumb-box:hover .top {
  position: relative;
}
.thumb-list-wrap .thumb-box:hover .btn-flex-wrap .btn {
  background-color: #FF6652;
  color: #ffffff;
}
.thumb-list-wrap .thumb-box:hover .hover-desc-box {
  visibility: visible;
  opacity: 1;
}
.thumb-list-wrap .thumb-box:hover .link-buttons-wrap {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 0.625rem;
  justify-content: center;
  align-items: center;
}
.thumb-list-wrap .thumb-box:hover .link-buttons-wrap .btn {
  width: 70%;
  font-size: 0.875rem;
}
.thumb-list-wrap .thumb-box.movie:hover .top::after {
  content: "";
  display: block;
  visibility: visible;
  opacity: 1;
}
.thumb-list-wrap .thumb-box.movie:hover .push-box input ~ label {
  color: #ffffff;
}
.thumb-list-wrap .thumb-box.movie:hover .push-box input ~ label::before {
  filter: brightness(0) invert(1);
}
.thumb-list-wrap .thumb-box.movie:hover .push-box input:checked ~ label::before {
  filter: none;
}
.thumb-list-wrap .thumb-box.movie.ver2:hover .push-box input ~ label, .thumb-list-wrap .thumb-box.movie.ybm_header.ver3:hover .push-box input ~ label, .thumb-list-wrap .thumb-box.movie.slt-box.ver5:hover .push-box input ~ label {
  color: #666666;
}
.thumb-list-wrap .thumb-box.movie.ver2:hover .push-box input ~ label::before, .thumb-list-wrap .thumb-box.movie.ybm_header.ver3:hover .push-box input ~ label::before, .thumb-list-wrap .thumb-box.movie.slt-box.ver5:hover .push-box input ~ label::before {
  filter: none;
}
.thumb-list-wrap .thumb-box.movie.ver2:hover .push-box input:checked ~ label::before, .thumb-list-wrap .thumb-box.movie.ybm_header.ver3:hover .push-box input:checked ~ label::before, .thumb-list-wrap .thumb-box.movie.slt-box.ver5:hover .push-box input:checked ~ label::before {
  filter: none;
}
.thumb-list-wrap .thumb-box.sold-out .push-box input ~ label {
  color: #ffffff;
}
.thumb-list-wrap .thumb-box.sold-out .push-box input ~ label::before {
  filter: brightness(0) invert(1);
}
.thumb-list-wrap .thumb-box.sold-out .push-box input:checked ~ label::before {
  filter: none;
}
.thumb-list-wrap .thumb-box.dimd .top::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9;
}
.thumb-list-wrap .thumb-box .play-btn-box {
  display: flex;
  justify-content: end;
}
.thumb-list-wrap .thumb-box .play-btn-box .btn-box {
  display: flex;
  gap: 10px;
  justify-content: end;
}
.thumb-list-wrap .thumb-box .play-btn-box .btn-box .btn {
  font-size: 0.8125rem;
  color: #666666;
}
.thumb-list-wrap .thumb-box .play-btn-box .btn-box .btn.down::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: url(../img/ico_download.svg) no-repeat center/contain;
  width: 15px;
  height: 15px;
  margin-left: 7px;
}
.thumb-list-wrap .thumb-box .recod-box .inn {
  display: flex;
  gap: 20px;
}
.thumb-list-wrap .thumb-box .recod-box .lf-col .btns {
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
.thumb-list-wrap .thumb-box .recod-box .lf-col .btns.play {
  background: url(../img/ico_play.svg) no-repeat center/contain;
}
.thumb-list-wrap .thumb-box .recod-box .lf-col .btns.pause {
  background: url(../img/ico_pause.svg) no-repeat center/contain;
}
.thumb-list-wrap .thumb-box .recod-box .rt-col {
  width: calc(100% - 25px);
}
.thumb-list-wrap .thumb-box .recod-box .progress-form {
  width: 100%;
}
.thumb-list-wrap .thumb-box .recod-box .progress-form .total-bar {
  background-color: #DFE6EF;
  width: 100%;
  height: 10px;
  border-radius: 20px;
  overflow: hidden;
}
.thumb-list-wrap .thumb-box .recod-box .progress-form .current-bar {
  height: 100%;
  background-color: #FF6652;
  border-radius: 20px;
}
.thumb-list-wrap .thumb-box .recod-box .progress-form .time {
  display: flex;
  justify-content: space-between;
}
.thumb-list-wrap .thumb-box .recod-box .progress-form .time span {
  font-size: 0.75rem;
  color: #666666;
}
.thumb-list-wrap .thumb-box.ebook .top-colmn .top {
  border-radius: 15px !important;
}
.thumb-list-wrap .thumb-box.ebook .body {
  padding-bottom: 20px !important;
  min-height: 125px;
}
.thumb-list-wrap .thumb-box.ebook .data-name-box {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.thumb-list-wrap .thumb-box.ebook .data-name-box .col {
  display: none;
  flex-direction: column;
  gap: 4px;
}
.thumb-list-wrap .thumb-box.ebook .data-name-box .col.active {
  display: flex;
}
.thumb-list-wrap .thumb-box.ebook .data-name-box .col .data-name {
  display: flex;
  gap: 4px;
}
.thumb-list-wrap .thumb-box.ebook .data-name-box .col .data-name .lf-box {
  width: 22px;
}
.thumb-list-wrap .thumb-box.ebook .data-name-box .col .data-name .rt-box {
  display: flex;
  gap: 4px;
}
.thumb-list-wrap .thumb-box.ebook .data-name-box .col .data-name .rt-box .item {
  display: flex;
  gap: 4px;
}
.thumb-list-wrap .thumb-box.ebook .data-name-box .col .data-name .name {
  font-size: 13px;
  line-height: 20px;
  border: 1px solid #00416C;
  border-radius: 5px;
  font-weight: 400;
}
.thumb-list-wrap .thumb-box.ebook .data-name-box .col .data-name .name.nm1 {
  width: 22px;
  font-weight: 700;
  text-align: center;
  color: #ffffff;
  background-color: #00416C;
}
.thumb-list-wrap .thumb-box.ebook .data-name-box .col .data-name .name.nm2 {
  width: 40px;
  text-align: center;
  background-color: #ffffff;
  color: #00416C;
}
.thumb-list-wrap .thumb-box.ebook .data-name-box .col .data-name .name.nm3 {
  border: 0;
  color: #00416C;
}
.thumb-list-wrap .thumb-box.ebook .data-name-box .col.sort2 .name {
  border-color: #FF6652;
}
.thumb-list-wrap .thumb-box.ebook .data-name-box .col.sort2 .name.nm1 {
  background-color: #FF6652;
}
.thumb-list-wrap .thumb-box.ebook .data-name-box .col.sort2 .name.nm2 {
  color: #FF6652;
}
.thumb-list-wrap .thumb-box.ebook .data-name-box .col.sort2 .name.nm3 {
  color: #FF6652;
}
.thumb-list-wrap.type-flex-wrap .inner-box {
  flex-wrap: wrap;
}
.thumb-list-wrap.type-flex-wrap .thumb-box {
  width: calc(33.33% - 20px);
}
.thumb-list-wrap.type-a .inner-box .thumb-box, .thumb-list-wrap.page-tab-menu.type-b .inner-box .thumb-box {
  width: calc(20% - 24px);
}
.thumb-list-wrap.type-a .inner-box .thumb-box .body, .thumb-list-wrap.page-tab-menu.type-b .inner-box .thumb-box .body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.thumb-list-wrap.type-b .inner-box .thumb-box {
  width: calc(20% - 24px);
  border-radius: 15px;
  border: 1px solid transparent;
  overflow: inherit;
}
.thumb-list-wrap.type-b .inner-box .thumb-box .top-wrap {
  border-radius: 15px;
  border: 1px solid #dadada;
  transition: 0.3s all;
}
.thumb-list-wrap.type-b .inner-box .thumb-box .top {
  border-radius: 15px;
  aspect-ratio: 0.6666666667;
}
@supports not (aspect-ratio: calc(2 / 3)) {
  .thumb-list-wrap.type-b .inner-box .thumb-box .top {
    /*
    &::after {
        display: block;
        content: "";
        clear: both;
    }
    */
  }
  .thumb-list-wrap.type-b .inner-box .thumb-box .top::before {
    content: "";
    float: left;
    padding-top: 150%;
    display: block;
  }
}
.thumb-list-wrap.type-b .inner-box .thumb-box .body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  justify-content: center;
  text-align: center;
  border: 0;
  background-color: transparent;
}
.thumb-list-wrap.type-b .inner-box .thumb-box:hover {
  box-shadow: none;
  border-color: transparent;
}
.thumb-list-wrap.type-b .inner-box .thumb-box:hover .top-wrap {
  position: relative;
  box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.15);
  border-color: #FF6652;
}
.thumb-list-wrap.type-c .thumb-box {
  width: 50%;
  border-radius: 15px;
  background-color: #ffffff;
}
.thumb-list-wrap.type-c .thumb-box .top {
  aspect-ratio: 0.9090909091;
}
@supports not (aspect-ratio: calc(1 / 1.1)) {
  .thumb-list-wrap.type-c .thumb-box .top {
    /*
    &::after {
        display: block;
        content: "";
        clear: both;
    }
    */
  }
  .thumb-list-wrap.type-c .thumb-box .top::before {
    content: "";
    float: left;
    padding-top: 110%;
    display: block;
  }
}
.thumb-list-wrap.type-c .thumb-box .top-wrap {
  position: relative;
  transition: 0.3s all;
}
.thumb-list-wrap.type-c .thumb-box .top-wrap .top img {
  top: 0;
  left: 0;
  transform: scale(1);
  aspect-ratio: 0.9090909091;
}
@supports not (aspect-ratio: calc(1 / 1.1)) {
  .thumb-list-wrap.type-c .thumb-box .top-wrap .top img {
    /*
    &::after {
        display: block;
        content: "";
        clear: both;
    }
    */
  }
  .thumb-list-wrap.type-c .thumb-box .top-wrap .top img::before {
    content: "";
    float: left;
    padding-top: 110%;
    display: block;
  }
}
.thumb-list-wrap.type-c .thumb-box .top-flag {
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../img/ico_oncon_flag.svg) no-repeat center/contain;
  background-size: 252px;
  width: 252px;
  height: 40px;
  z-index: 3;
  text-align: center;
}
.thumb-list-wrap.type-c .thumb-box .top-flag span {
  display: block;
  line-height: 35px;
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
}
.thumb-list-wrap.type-c .thumb-box .top-flag span .ico {
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px;
  margin-top: -6px;
  background: url(../img/ico_star.svg) no-repeat center/contain;
  width: 17px;
  height: 17px;
}
.thumb-list-wrap.type-c .thumb-box .top-flag.like {
  background: url(../img/ico_oncon_flag2.svg) no-repeat center/contain;
  background-size: 252px;
}
.thumb-list-wrap.type-c .thumb-box .top-flag.like span .ico {
  background: url(../img/ico_heart-b.svg) no-repeat center/contain;
}
.thumb-list-wrap.type-c .thumb-box .body {
  border-radius: 0 0 15px 15px;
}
.thumb-list-wrap.type-c .thumb-box .body .class-name {
  padding: 5px 0 10px;
}
.thumb-list-wrap.type-c .thumb-box .body .flag-box {
  justify-content: flex-start;
  gap: 5px;
}
.thumb-list-wrap.type-c .thumb-box:hover .top-wrap {
  position: relative;
  border-color: #FF6652;
}
.thumb-list-wrap.type-c .thumb-box:hover .top-wrap .top::after {
  display: none;
}
.thumb-list-wrap.type-c .thumb-box.like:hover {
  border-color: #2391BF;
}
.thumb-list-wrap.type-d .inner-box .thumb-box {
  padding: 1.25rem 1.25rem 0.9375rem;
}
.thumb-list-wrap.type-d .inner-box .thumb-box .top {
  aspect-ratio: 1;
  border-radius: 0.9375rem;
}
@supports not (aspect-ratio: calc(1 / 1)) {
  .thumb-list-wrap.type-d .inner-box .thumb-box .top {
    /*
    &::after {
        display: block;
        content: "";
        clear: both;
    }
    */
  }
  .thumb-list-wrap.type-d .inner-box .thumb-box .top::before {
    content: "";
    float: left;
    padding-top: 100%;
    display: block;
  }
}
.thumb-list-wrap.type-d .inner-box .thumb-box .top img {
  aspect-ratio: 1;
}
@supports not (aspect-ratio: calc(1 / 1)) {
  .thumb-list-wrap.type-d .inner-box .thumb-box .top img {
    /*
    &::after {
        display: block;
        content: "";
        clear: both;
    }
    */
  }
  .thumb-list-wrap.type-d .inner-box .thumb-box .top img::before {
    content: "";
    float: left;
    padding-top: 100%;
    display: block;
  }
}
.thumb-list-wrap.type-d .inner-box .thumb-box .top .checkbox-wrap {
  position: absolute;
  margin: 0.9375rem;
  z-index: 20;
}
.thumb-list-wrap.type-d .inner-box .thumb-box .body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.thumb-list-wrap.type-d .inner-box .thumb-box .bottom-colmn {
  font-weight: 500;
  font-size: 1.125rem;
  color: #3B3B3B;
}
.thumb-list-wrap.type-d .inner-box .thumb-box .bottom-colmn .dsc-box p {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.thumb-list-wrap.type-clm-list {
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #DFE5E8;
}
.thumb-list-wrap.type-clm-list .inner-box {
  flex-direction: column;
  background-color: #ffffff;
  gap: 0;
}
.thumb-list-wrap.type-clm-list .inner {
  display: flex;
  padding: 32.5px 23px;
}
.thumb-list-wrap.type-clm-list .thumb-box {
  width: 100%;
  border-radius: 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #DFE5E8;
}
.thumb-list-wrap.type-clm-list .thumb-box:last-child {
  border-bottom: 0;
}
.thumb-list-wrap.type-clm-list .thumb-box .body {
  width: 60%;
  border-radius: 0;
  border: 0;
  padding: 0;
  background-color: transparent;
}
.thumb-list-wrap.type-clm-list .thumb-box .body .class-name {
  padding: 10px 0;
}
.thumb-list-wrap.type-clm-list .thumb-box .body .flag-box {
  justify-content: flex-start;
  gap: 5px;
}
.thumb-list-wrap.type-clm-list .thumb-box .rt-box {
  width: 40%;
  padding: 0;
  text-align: right;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column-reverse;
}
.thumb-list-wrap.type-clm-list .thumb-box:hover {
  box-shadow: none;
  background-color: #f7f7f7;
  /*
  border-color: #FF6652;
  border-radius: 15px;
  &:last-child{
      border-bottom: 1px solid #FF6652;
  }
  */
}
.thumb-list-wrap.long .inner-box {
  flex-wrap: wrap;
}
.thumb-list-wrap.long .inner-box .thumb-box {
  width: calc(25% - 23px);
  border-radius: 15px;
  overflow: inherit;
  border-color: transparent;
}
.thumb-list-wrap.long .inner-box .thumb-box .top-colmn {
  border: 1px solid #dadada;
  transition: 0.3s all;
  border-radius: 15px;
}
.thumb-list-wrap.long .inner-box .thumb-box:hover {
  box-shadow: none;
  transition: 0;
}
.thumb-list-wrap.long .inner-box .thumb-box:hover .top-colmn {
  box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.15);
  border-color: #FF6652;
}
.thumb-list-wrap.long .inner-box .thumb-box:hover .dsc-box p {
  color: #FF6652;
}
.thumb-list-wrap.long .inner-box .thumb-box .top {
  border-radius: 15px 15px 0 0;
  aspect-ratio: 0.6666666667;
}
@supports not (aspect-ratio: calc(2 / 3)) {
  .thumb-list-wrap.long .inner-box .thumb-box .top {
    /*
    &::after {
        display: block;
        content: "";
        clear: both;
    }
    */
  }
  .thumb-list-wrap.long .inner-box .thumb-box .top::before {
    content: "";
    float: left;
    padding-top: 150%;
    display: block;
  }
}
.thumb-list-wrap.long .inner-box .thumb-box .body {
  padding: 0;
  border: 0;
  border-top: 1px solid #dadada;
  border-radius: 0 0 15px 15px;
  flex-direction: inherit !important;
  gap: 0 !important;
  overflow: hidden;
}
.thumb-list-wrap.long .inner-box .thumb-box .dsc-box {
  text-align: center;
}
.thumb-list-wrap.long .inner-box .thumb-box .dsc-box p {
  font-size: 1rem;
  font-weight: 500;
  transition: 0.2s all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: inherit;
  word-break: break-all;
  color: #1b1b1b;
  line-height: 1.4;
}
.thumb-list-wrap.long.align-4 .inner-box {
  flex-wrap: wrap;
}
.thumb-list-wrap.long.align-4 .inner-box .thumb-box {
  width: calc(25% - 23px);
  /*
  .top{
      padding-top: 131.9%;
  }
  */
}
.thumb-list-wrap.bord .inner-box .thumb-box {
  border-radius: 15px;
  background-color: #ffffff;
}
.thumb-list-wrap.bord .inner-box .thumb-box .body {
  padding: 20px 15px 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 0 0 15px 15px;
  overflow: hidden;
}
.thumb-list-wrap.bord .property-box .ico {
  width: 20px;
  height: 20px;
  background-size: 20px;
}
.thumb-list-wrap.bord .checkbox-wrap {
  position: absolute;
  top: 0.5625rem;
  left: 0.5625rem;
  z-index: 10;
}
.thumb-list-wrap.music .inner-box .thumb-box {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  border-radius: 15px;
}
.thumb-list-wrap.music .inner-box .thumb-box .inner {
  padding: 20px 20px 0;
  background-color: #ffffff;
}
.thumb-list-wrap.music .inner-box .thumb-box .body {
  gap: 20px;
  padding: 20px 15px;
}
.thumb-list-wrap.music .inner-box .thumb-box .music-item-content {
  border: 1px dashed #dadada;
  padding: 15px;
  border-radius: 10px;
  background: #F6F6F6;
}
.thumb-list-wrap.music .inner-box .thumb-box .music-item-content th {
  font-weight: 500;
  color: #3B3B3B;
  text-align: left;
}
.thumb-list-wrap.music .inner-box .thumb-box .music-item-content th, .thumb-list-wrap.music .inner-box .thumb-box .music-item-content td {
  font-size: 0.875rem;
  line-height: 1.125rem;
}
.thumb-list-wrap.research .inner-box {
  flex-wrap: wrap;
}
.thumb-list-wrap.research .thumb-box {
  width: calc(50% - 15px);
  border-radius: 15px;
}
.thumb-list-wrap.research .thumb-box .inner {
  display: flex;
  padding: 20px;
  background-color: #ffffff;
}
.thumb-list-wrap.research .thumb-box .lf-box {
  width: 238px;
}
.thumb-list-wrap.research .thumb-box .rt-box {
  width: calc(100% - 238px);
}
.thumb-list-wrap.research .thumb-box .top {
  border-radius: 15px;
  aspect-ratio: 0.6666666667;
}
@supports not (aspect-ratio: calc(2 / 3)) {
  .thumb-list-wrap.research .thumb-box .top {
    /*
    &::after {
        display: block;
        content: "";
        clear: both;
    }
    */
  }
  .thumb-list-wrap.research .thumb-box .top::before {
    content: "";
    float: left;
    padding-top: 150%;
    display: block;
  }
}
.thumb-list-wrap.research .thumb-box .top .push-box {
  bottom: auto;
  top: 14px;
  z-index: 12;
}
.thumb-list-wrap.research .thumb-box .body {
  height: 100%;
  padding: 0 0 0 30px;
  display: flex;
  flex-direction: column;
}
.thumb-list-wrap.research .thumb-box .body .push-box {
  justify-content: end;
  margin-top: 0;
}
.thumb-list-wrap.research .thumb-box .checkbox-wrap {
  position: absolute;
  top: 0.5625rem;
  left: 0.5625rem;
  z-index: 10;
}
.thumb-list-wrap.research .thumb-box .day {
  font-size: 1rem;
  color: #999999;
}
.thumb-list-wrap.research .thumb-box .bottom-box {
  margin-top: auto;
}
.thumb-list-wrap.research .btn-box {
  margin-top: auto;
}
.thumb-list-wrap.doc .thumb-box .top .push-box {
  top: auto;
  bottom: 15px;
  right: 20px;
}
.thumb-list-wrap.basic-list .thumb-box .top .push-box {
  top: 0.625rem;
  bottom: auto;
}
.thumb-list-wrap.event .thumb-box {
  border-radius: 15px;
}
.thumb-list-wrap.event .thumb-box .top img {
  transition: 0.3s all;
}
.thumb-list-wrap.event .thumb-box .body {
  text-align: center;
}
.thumb-list-wrap.event .thumb-box:hover .top .d-day p {
  background-color: #FF6652;
  color: #ffffff;
  border-color: #FF6652;
}
.thumb-list-wrap.event .thumb-box:hover .top img {
  transform: translate(-50%, -50%) scale(1.2);
}
.thumb-list-wrap.event .thumb-box:hover .class-desc2 {
  color: #FF6652;
}
.thumb-list-wrap.event .thumb-box:hover .conts-date-txt {
  color: #FF6652;
}
.thumb-list-wrap.smart-school .inner-box {
  flex-wrap: wrap;
}
.thumb-list-wrap.smart-school .inner-box .thumb-box {
  width: calc(25% - 24px);
}
.thumb-list-wrap.smart-school .inner-box .thumb-box .top {
  aspect-ratio: 0.6666666667;
}
@supports not (aspect-ratio: calc(2 / 3)) {
  .thumb-list-wrap.smart-school .inner-box .thumb-box .top {
    /*
    &::after {
        display: block;
        content: "";
        clear: both;
    }
    */
  }
  .thumb-list-wrap.smart-school .inner-box .thumb-box .top::before {
    content: "";
    float: left;
    padding-top: 150%;
    display: block;
  }
}
.thumb-list-wrap.smart-school2 .inner-box {
  flex-wrap: wrap;
}
.thumb-list-wrap.smart-school2 .inner-box .thumb-box {
  width: calc(25% - 24px);
  /*
  .top{
      padding-top: 73%;
  }
  */
}
.thumb-list-wrap.smart-school2 .inner-box .thumb-box .body {
  padding: 0;
  gap: 0;
}
.thumb-list-wrap.smart-school2 .inner-box .value-box {
  position: absolute;
  top: 20px;
  right: 10px;
  z-index: 10;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
}
.thumb-list-wrap.smart-school2 .inner-box .value-box .state {
  font-size: 0.75rem;
  width: auto;
  padding: 5px 15px;
  background-color: #F5F5F5;
  color: #666666;
  border: 1px solid #838383;
  border-radius: 20px;
}
.thumb-list-wrap.smart-school2 .inner-box .smart-desc-box {
  padding: 10px 15px;
  min-height: 138px;
}
.thumb-list-wrap.smart-school2 .inner-box .smart-desc-box .date {
  text-align: right;
  margin-top: auto;
}
.thumb-list-wrap.smart-school2 .inner-box .smart-desc-box .date ul {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: -7px;
  margin-right: -7px;
  flex-wrap: wrap;
}
.thumb-list-wrap.smart-school2 .inner-box .smart-desc-box .date ul li {
  box-sizing: border-box;
  position: relative;
  padding: 0 7px;
  line-height: 1.2;
  text-align: left;
}
.thumb-list-wrap.smart-school2 .inner-box .smart-desc-box .date ul li span {
  display: inline-block;
  font-size: 0.8125rem;
  color: #999999;
  line-height: 1em;
}
.thumb-list-wrap.smart-school2 .inner-box .smart-desc-box .date ul li .badge {
  display: inline-block;
  border-radius: 5px;
  background-color: #FF6652;
  color: #ffffff;
  padding: 0 10px;
  font-size: 0.8125rem;
  line-height: 1.5;
  margin-right: 5px;
}
.thumb-list-wrap.smart-school2 .inner-box .smart-desc-box .date ul.bx2 {
  position: relative;
}
.thumb-list-wrap.smart-school2 .inner-box .smart-desc-box .date ul.bx2 .rt-bx {
  margin-left: auto;
}
.thumb-list-wrap.lab .inner-box {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 30px;
}
.thumb-list-wrap.lab .inner-box .thumb-box {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 5px;
  height: 210px;
}
.thumb-list-wrap.lab .inner-box .thumb-box .top {
  width: 448px;
  border-radius: 0;
}
.thumb-list-wrap.lab .inner-box .thumb-box .top img {
  transform: translate(-50%, -50%) scale(1);
}
.thumb-list-wrap.lab .inner-box .thumb-box .top .state {
  position: absolute;
  top: 9px;
  right: 10px;
  z-index: 15;
  width: 79px;
  height: 24px;
  line-height: 26px;
  border-radius: 500px;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
}
.thumb-list-wrap.lab .inner-box .thumb-box .top .state.ing {
  background-color: #FF6652;
  color: #ffffff;
}
.thumb-list-wrap.lab .inner-box .thumb-box .top .state.end {
  background-color: #ffffff;
  color: #666666;
}
.thumb-list-wrap.lab .inner-box .thumb-box .top .end-info-wrap {
  display: none;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-44%);
  width: 100%;
  height: 50%;
  z-index: 10;
  color: #ffffff;
  font-weight: 400;
}
.thumb-list-wrap.lab .inner-box .thumb-box .top .end-info-wrap h3 {
  font-weight: 700;
  font-size: 1.375rem;
}
.thumb-list-wrap.lab .inner-box .thumb-box .top .end-info-wrap .btn {
  width: 108px;
  background-color: transparent;
}
.thumb-list-wrap.lab .inner-box .thumb-box .top .end-info-wrap .btn::after {
  content: "";
  display: block;
  background: url(../img/ico_btn_next_p.svg) no-repeat center/contain;
  width: 6px;
  height: 11px;
}
.thumb-list-wrap.lab .inner-box .thumb-box .body {
  width: calc(100% - 448px);
  padding: 26px 25px;
  color: #1B1B1B;
}
.thumb-list-wrap.lab .inner-box .thumb-box .body .title {
  font-weight: 700;
  font-size: 20px;
}
.thumb-list-wrap.lab .inner-box .thumb-box .body ul {
  margin-top: 12px;
}
.thumb-list-wrap.lab .inner-box .thumb-box .body ul li {
  padding-top: 12px;
}
.thumb-list-wrap.lab .inner-box .thumb-box .body ul li .label {
  display: inline-block;
  width: 130px;
  color: #999999;
}
.thumb-list-wrap.lab .inner-box .thumb-box.end .top::after {
  display: block;
  visibility: visible;
  opacity: 1;
}
.thumb-list-wrap.lab .inner-box .thumb-box.end .top .end-info-wrap {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.thumb-list-wrap.align-2 .inner-box {
  flex-wrap: wrap;
}
.thumb-list-wrap.align-2 .inner-box .thumb-box {
  width: calc(50% - 20px);
}
.thumb-list-wrap.align-3 .inner-box {
  flex-wrap: wrap;
}
.thumb-list-wrap.align-3 .inner-box .thumb-box {
  width: calc(25% - 20px);
  /*
  .top{
      //padding-top: 45.5%;
      padding-top: 0;
      width: 100%;
      aspect-ratio: 16/7.2;
  }
  */
}
.thumb-list-wrap.align-4 .inner-box {
  flex-wrap: wrap;
}
.thumb-list-wrap.align-4 .inner-box .thumb-box {
  width: calc(25% - 23px);
  /*
  .top{
      padding-top: 0;
      width: 100%;
      aspect-ratio: 16/7.2;
  }
  */
}
.thumb-list-wrap.align-5 .inner-box {
  flex-wrap: wrap;
}
.thumb-list-wrap.align-5 .inner-box .thumb-box {
  width: calc(20% - 24px);
}
.thumb-list-wrap.align-5 .inner-box .thumb-box .top {
  padding-top: 140%;
}

.label-box .rank {
  display: block;
  background: url(../img/ico_ranking.svg) no-repeat center/contain;
  width: 34px;
  height: 42px;
}
.label-box .rank.r2 {
  background: url(../img/ico_ranking2.svg) no-repeat center/contain;
}
.label-box .rank.r3 {
  background: url(../img/ico_ranking3.svg) no-repeat center/contain;
}

/** 썸네일 박스 구조 #1 종료 */
/*토스트 알럿*/
.toast-wrap {
  font-family: "Roboto", "Noto Sans KR", "Noto Sans SC", sans-serif;
  position: fixed;
  width: 100%;
  bottom: 0px;
  z-index: 700;
}
.toast-wrap .toast-alert-box {
  position: relative;
  background: rgba(0, 0, 0, 0.8);
  padding: 25px 0;
  width: 100%;
  display: none;
}
.toast-wrap .toast-alert-box .toast-item {
  border-radius: 50px;
  overflow: hidden;
  z-index: 20;
  min-width: 390px;
  text-align: center;
  /*
  &.ver2{
      .wrap{
          display: flex;
          align-items: center;
          .rt-box{
              margin-left: auto;
              padding-left: 20px;
          }
      }
  }
  */
}
.toast-wrap .toast-alert-box .toast-item .wrap {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 45px;
  justify-content: center;
  align-items: center;
}
.toast-wrap .toast-alert-box .toast-item .desc {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 20px;
  align-items: center;
  font-size: 1rem;
  color: #ffffff;
  line-height: 44px;
}
.toast-wrap .toast-alert-box .toast-item .desc::before {
  content: "";
  width: 30px;
  height: 30px;
  background: url(../img/ico_danger-sign-y.svg) no-repeat center center;
}
.toast-wrap .toast-alert-box .toast-item .rt-box {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 10px;
}
.toast-wrap .toast-alert-box.active {
  display: block;
}

.share-conts > ul {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #dadada;
}
.share-conts li {
  position: relative;
  flex: 1;
  padding: 12px 0;
  text-align: center;
}
.share-conts li:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #F2F2F2;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.share-conts li:last-child:after {
  display: none;
}
.share-conts li:first-child {
  border-radius: 0 0 0 10px;
}
.share-conts li:last-child {
  border-radius: 0 0 10px 0px;
}
.share-conts li .btns {
  display: flex;
  align-items: center;
  justify-content: center;
}
.share-conts li .btns i {
  display: inline-block;
  background: url(../img/ico_more.svg) no-repeat center center;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  margin-top: -2px;
}
.share-conts li .btns span {
  font-size: 0.8125rem;
  color: #666666;
}
.share-conts li.modify i {
  background: url(../img/ico_pencil.svg) no-repeat center center;
}
.share-conts li.share i {
  background: url(../img/ico_share.svg) no-repeat center center;
}
.share-conts li.delete i {
  background: url(../img/ico_trash2.svg) no-repeat center center;
}
.share-conts li.on.scrap i {
  background: url(../img/ico_more_on.svg) no-repeat center center;
}
.share-conts li.disabled.share, .share-conts li.disabled.scrap, .share-conts li.disabled.modify, .share-conts li.disabled.delete, .share-conts li.disabled.like {
  pointer-events: none;
  background: #F2F2F2;
}
.share-conts li.disabled.share span, .share-conts li.disabled.scrap span, .share-conts li.disabled.modify span, .share-conts li.disabled.delete span, .share-conts li.disabled.like span {
  color: #A8A8A8;
}

.admin-writer {
  display: inline-block;
  vertical-align: middle;
  font-size: 0.875em;
  border: 1px solid #dadada;
  border-radius: 20px;
  padding: 0 10px;
  background-color: #ffffff;
  height: 22px;
  line-height: 20px !important;
  margin-left: 0 !important;
}
.admin-writer i {
  font-style: normal;
  color: #E8473F;
}
.admin-writer .alp-m {
  color: #004EA1;
}

/*스크롤*/
.has-scroll {
  overflow: auto;
}
.has-scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.has-scroll::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
}
.has-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}

.form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  background: transparent;
  background: url(../img/ico_select_down.svg) no-repeat 84% 50%/10px auto;
  background-color: #ffffff;
  padding: 0 10px;
  color: #666666;
  border: 1px solid #CFCFCF;
  border-radius: 5px;
  height: 40px;
  padding-right: 30px;
  outline: 0;
  cursor: pointer;
}
.form-select::-ms-expand {
  display: none;
}
.form-select.ver2, .form-select.ybm_header.ver3, .form-select.slt-box.ver5 {
  min-width: 204px;
  color: #C9C9CA;
  padding-right: 35px;
  border-radius: 0;
  border-color: #C9C9CA;
  background: url(../img/arrow_down.svg) no-repeat 90% 50%/13px auto;
}
.form-select.ver2 option, .form-select.ybm_header.ver3 option, .form-select.slt-box.ver5 option {
  border-radius: 0;
}
.form-select.ver3 {
  min-width: 100%;
  color: #666666;
  padding-right: 35px;
  border-color: #686868;
  background: url(../img/ico_arrow-dropdown.svg) no-repeat 90% 50%/13px auto;
}
.form-select.ver3 option {
  border-radius: 0;
}

.schedule-list-wrap .basic-img-box img {
  aspect-ratio: 600/340;
}

.basic-img-box {
  border-radius: 7px 7px 0 0;
  overflow: hidden;
  position: relative;
  padding-top: 0;
  width: 100%;
  aspect-ratio: 1.7777777778;
}
@supports not (aspect-ratio: calc(16 / 9)) {
  .basic-img-box {
    /*
    &::after {
        display: block;
        content: "";
        clear: both;
    }
    */
  }
  .basic-img-box::before {
    content: "";
    float: left;
    padding-top: 56.25%;
    display: block;
  }
}
.basic-img-box img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.star {
  position: relative;
}
.star::after {
  content: "*";
  display: inline-block;
  vertical-align: top;
  color: #FF6652;
  font-size: 1.125em;
  font-weight: 700;
  margin-left: 5px;
  line-height: 1.12;
}

.flex-wrap-row {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
}
.flex-wrap-row.gap-10 {
  gap: 10px;
}
.flex-wrap-row.gap-20 {
  gap: 20px;
}

.flex-wrap-clm {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
}
.flex-wrap-clm.gap-10 {
  gap: 10px;
}
.flex-wrap-clm.gap-20 {
  gap: 20px;
}

.DownloadAndPreview {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #D1D1D1;
  border-radius: 0.3125rem;
  padding: 0.75rem 0.75rem;
}
.DownloadAndPreview .title {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  font-weight: 600;
  color: #1b1b1b;
  letter-spacing: -0.03rem;
}
.DownloadAndPreview .title::before {
  font-size: 0;
}
.DownloadAndPreview .buttons {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 0.625rem;
  position: relative;
}
.DownloadAndPreview .buttons::before {
  content: "";
  width: 0.0625rem;
  height: 1.25rem;
  background-color: #D1D1D1;
  position: absolute;
  top: 50%;
  left: -0.625rem;
  transform: translate(-50%, -50%);
}
.DownloadAndPreview .buttons .preview {
  background-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  display: block;
}
.DownloadAndPreview .buttons .preview:hover {
  background-size: 1.25rem;
}
.DownloadAndPreview .buttons .preview.disabled {
  background-size: 1.25rem;
  pointer-events: none;
}
.DownloadAndPreview .buttons .download {
  background-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  display: block;
}
.DownloadAndPreview .buttons .download:hover {
  background-size: 1.25rem;
}
.DownloadAndPreview .buttons .download.disabled {
  background-size: 1.25rem;
  pointer-events: none;
}
.DownloadAndPreview .buttons .goto {
  background-size: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  display: block;
}
.DownloadAndPreview .buttons .goto:hover {
  background-size: 1.25rem;
}
.DownloadAndPreview .buttons .goto.disabled {
  background-size: 1.25rem;
  pointer-events: none;
}
.DownloadAndPreview .close {
  display: block;
  background: url(../img/ico_close.svg) no-repeat center/contain;
  width: 0.9375rem;
  height: 0.9375rem;
}

.arrow-box-component .box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.arrow-box-component .box.prev {
  left: 30px;
}
.arrow-box-component .box.next {
  right: 30px;
}
.arrow-box-component .btns {
  width: 24px;
  height: 40px;
  background: url(../img/arrow_bold_prev.svg) no-repeat center/contain;
}
.arrow-box-component .btns.next {
  transform: rotate(-180deg);
}
.arrow-box-component .btns.disabled {
  background: url(../img/arrow_bold_next.svg) no-repeat center/contain;
}
.arrow-box-component .btns.disabled.prev {
  transform: rotate(-180deg);
}
.arrow-box-component .btns.disabled.next {
  transform: rotate(0);
}

.toolbar-wrap {
  position: absolute;
  top: 0;
  right: 0;
  border: 1px solid #D1D1D1;
  border-bottom-left-radius: 15px;
  overflow: hidden;
  width: auto;
  height: auto;
  background-color: #ffffff;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  margin-top: -1px;
}
.toolbar-wrap button {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
}
.toolbar-wrap button:not(:first-child) {
  border-left: 1px solid #D1D1D1;
}
.toolbar-wrap button:hover {
  background-color: rgba(51, 51, 51, 0.1);
}

/** TAB MENU */
.tab-menu-wrap .tab-menu {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  border-radius: 0 0 0.625rem 0.625rem;
  border: 1px solid #D1D1D1;
  overflow: hidden;
}
.tab-menu-wrap .tab-menu li {
  text-align: center;
  background-color: #ffffff;
  font-weight: 600;
  color: #535353;
}
.tab-menu-wrap .tab-menu li a {
  display: block;
  padding: 0.625rem 1.875rem;
  width: 100%;
  height: 100%;
  color: #535353;
}
.tab-menu-wrap .tab-menu li:not(:first-child) {
  border-left: 1px solid #D1D1D1;
}
.tab-menu-wrap .tab-menu li:hover, .tab-menu-wrap .tab-menu li.current {
  background-color: #333333;
  color: #ffffff;
}
.tab-menu-wrap .tab-menu li:hover a, .tab-menu-wrap .tab-menu li.current a {
  color: #ffffff;
}

.tooltip-box {
  position: relative;
}
.tooltip-box .ico {
  width: 20px;
  height: 20px;
  position: relative;
}
.tooltip-box .ico::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  cursor: default;
}
.tooltip-box .tool-tip-conts {
  position: absolute;
  visibility: hidden;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: 0.3s all;
  z-index: 20;
}
.tooltip-box .tool-tip-conts .inn {
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
  padding: 20px;
  position: relative;
  height: 0;
  overflow: hidden;
}
.tooltip-box .tool-tip-conts .inn::before {
  content: "";
  border-bottom: 22.5px solid #ffffff;
  border-top: 22.5px solid transparent;
  border-left: 22.5px solid transparent;
  border-right: 22.5px solid transparent;
  position: absolute;
  top: -2.1875rem;
  left: 50%;
  transform: translate(-50%, 0);
}
.tooltip-box .tool-tip-conts .inn .title {
  font-weight: 500;
  font-size: 0.9375rem;
  color: #3B3B3B;
}
.tooltip-box .tool-tip-conts .inn .desc {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #3B3B3B;
  line-height: 1.4;
}
.tooltip-box .tool-tip-conts .inn .desc.ver2, .tooltip-box .tool-tip-conts .inn .desc.ybm_header.ver3, .tooltip-box .tool-tip-conts .inn .desc.slt-box.ver5 {
  font-weight: 300;
  color: #666666;
}
.tooltip-box .tool-tip-conts .inn .sort {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tooltip-box .tool-tip-conts .inn .sort li {
  position: relative;
  font-size: 0.8125rem;
}
.tooltip-box .tool-tip-conts .inn .sort li span {
  display: block;
  color: #666666;
}
.tooltip-box .tool-tip-conts .inn .sort li .point {
  color: #FF6652;
  font-weight: 500;
}
.tooltip-box.bottom .tool-tip-conts {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.tooltip-box.top .tool-tip-conts {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.tooltip-box.top .inn::before {
  content: "";
  border-bottom: 13px solid transparent;
  border-top: 13px solid #ffffff;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  position: absolute;
  top: auto;
  bottom: -22px;
  left: 50%;
  transform: translate(-50%, 0);
}
.tooltip-box.ver2, .tooltip-box.ybm_header.ver3, .tooltip-box.slt-box.ver5 {
  margin-right: 10px;
}
.tooltip-box:hover .tool-tip-conts {
  visibility: visible;
  overflow: initial;
  opacity: 1;
  height: auto;
}
.tooltip-box:hover .tool-tip-conts .inn {
  height: auto;
  overflow: initial;
  width: 275px;
  color: #666666;
  font-size: 0.8125rem;
  line-height: 18.2px;
}
.tooltip-box:hover.bottom .tool-tip-conts {
  top: 140%;
}
.tooltip-box:hover.top .tool-tip-conts {
  bottom: 150%;
}
.tooltip-box.ver3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
.tooltip-box.ver3 .tooltip-tit {
  font-size: 0.9375rem;
  font-weight: 400;
  color: #9B9B9B;
}
.tooltip-box.ver3 .tool-tip-conts {
  pointer-events: none;
}
.tooltip-box.ver3 .tool-tip-conts .inn {
  padding: 1.125rem 1.75rem;
}
.tooltip-box.ver3:hover .tool-tip-conts .inn {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #363636;
}
.tooltip-box.ver3:hover .tool-tip-conts .inn .sort {
  gap: 0.375rem;
  padding-left: 1.25rem;
}
.tooltip-box.ver3:hover .tool-tip-conts .inn .sort li {
  list-style-type: disc;
  font-size: 0.6875rem;
  font-weight: 500;
  color: #757575;
  text-align: left;
}
.tooltip-box.ver3 .tool-tip-conts {
  display: none;
}
.tooltip-box.ver3 .ico-help-bg:hover ~ .tool-tip-conts,
.tooltip-box.ver3 .tooltip-tit:hover ~ .tool-tip-conts {
  display: block;
}

.recod-box .inn {
  display: flex;
  gap: 20px;
}
.recod-box .lf-col .btns {
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
.recod-box .lf-col .btns.play {
  background: url(../img/ico_play.svg) no-repeat center/contain;
}
.recod-box .lf-col .btns.pause {
  background: url(../img/ico_pause.svg) no-repeat center/contain;
}
.recod-box .rt-col {
  width: calc(100% - 25px);
}
.recod-box .progress-form {
  width: 100%;
}
.recod-box .progress-form .total-bar {
  background-color: #DFE6EF;
  width: 100%;
  height: 10px;
  border-radius: 20px;
  overflow: hidden;
}
.recod-box .progress-form .current-bar {
  height: 100%;
  background-color: #FF6652;
  border-radius: 20px;
}
.recod-box .progress-form .time {
  display: flex;
  justify-content: space-between;
}
.recod-box .progress-form .time span {
  font-size: 0.75rem;
  color: #666666;
}

.slt-box {
  position: relative;
}
.slt-box .slt-title {
  display: inline-block;
  border-radius: 5px;
  padding: 0 25px 0 15px;
  position: relative;
  background: #ffffff;
}
.slt-box .slt-title.on .cont {
  opacity: 1;
  visibility: inherit;
  height: auto;
}
.slt-box .slt-title.on .arrow {
  transform: rotate(-180deg);
}
.slt-box .slt-title .first {
  font-size: 1.125rem;
  color: #FF6652;
  line-height: 22px;
  cursor: pointer;
}
.slt-box .slt-title .arrow {
  display: inline-block;
  background: url(../img/ico_unroll.svg) no-repeat center/contain;
  width: 12px;
  height: 12px;
  cursor: pointer;
  margin-left: 10px;
}
.slt-box .cont {
  opacity: 0;
  visibility: hidden;
  transition: 0.4s all;
  overflow: hidden;
  position: absolute;
  top: 25px;
  left: 0;
  border: 1px solid #E0E0E0;
  border-radius: 10px;
  box-shadow: 0 3px 10px rgba(34, 34, 34, 0.2);
  width: 100%;
  height: 0;
  background: #ffffff;
  z-index: 60;
  max-height: 192px;
  overflow: auto;
  padding: 10px 0;
}
.slt-box .cont::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.slt-box .cont::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
}
.slt-box .cont::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.slt-box .cont li a {
  display: block;
  color: #666666;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.2;
  padding: 4px 21px;
}
.slt-box .cont li:hover {
  background: #F1F1F1;
}
.slt-box .cont li.active a {
  color: #FF6652;
  background: #FFEEEE;
  font-weight: 700;
}
.slt-box .cont.width-200 {
  min-width: 200px;
}
.slt-box .cont.width-170 {
  min-width: 270px;
}
.slt-box .cont.width-100 {
  min-width: 100px;
}
.slt-box .cont.x2 {
  width: 150%;
}
.slt-box.ver2 .slt-title, .slt-box.ybm_header.ver3 .slt-title, .slt-box.ver5 .slt-title {
  border: 1px solid #C9C9C9;
  border-radius: 5px;
  padding: 0;
  min-width: 80px;
}
.slt-box.ver2 .slt-title.disabled, .slt-box.ybm_header.ver3 .slt-title.disabled, .slt-box.ver5 .slt-title.disabled {
  cursor: default;
  pointer-events: none;
}
.slt-box.ver2 .slt-title .first, .slt-box.ybm_header.ver3 .slt-title .first, .slt-box.ver5 .slt-title .first {
  line-height: 40px;
  color: #363636;
  font-size: 1rem;
  font-weight: 400;
  position: relative;
  padding: 0 30px 0 10px;
  position: relative;
}
.slt-box.ver2 .slt-title .first.sel, .slt-box.ybm_header.ver3 .slt-title .first.sel, .slt-box.ver5 .slt-title .first.sel {
  color: #666666;
}
.slt-box.ver2 .slt-title .arrow, .slt-box.ybm_header.ver3 .slt-title .arrow, .slt-box.ver5 .slt-title .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  background: url(../img/ico_input_arrow.svg) no-repeat center/contain;
}
.slt-box.ver2 .cont, .slt-box.ybm_header.ver3 .cont, .slt-box.ver5 .cont {
  top: 45px;
}
.slt-box.ver3 .slt-title {
  padding: 0;
  min-width: 80px;
}
.slt-box.ver3 .slt-title.disabled {
  cursor: default;
  pointer-events: none;
}
.slt-box.ver3 .slt-title .first {
  line-height: 40px;
  color: #3B3B3B;
  font-size: 1rem;
  font-weight: 500;
  position: relative;
  padding: 0 30px 0 10px;
  position: relative;
}
.slt-box.ver3 .slt-title .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  background: url(../img/ico_input_arrow.svg) no-repeat center/contain;
  filter: brightness(0%);
}
.slt-box.ver3 .cont {
  top: 45px;
  text-align: left;
}
.slt-box.ver4 .slt-title {
  border: 1px solid #666666;
  border-radius: 5px;
  padding: 0;
  min-width: 80px;
}
.slt-box.ver4 .slt-title.disabled {
  cursor: default;
  pointer-events: none;
}
.slt-box.ver4 .slt-title .first {
  line-height: 32px;
  color: #666666;
  font-size: 0.875rem;
  font-weight: 500;
  position: relative;
  padding: 0 30px 0 10px;
  position: relative;
}
.slt-box.ver4 .slt-title .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  background: url(../img/ico_arrow-dropdown.svg) no-repeat center/contain;
}
.slt-box.ver4 .cont {
  top: 45px;
}
.slt-box.ver5 .slt-title {
  width: 100%;
}

.keyword-wrap {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 14px 15px;
  background-color: #F0F3F7;
  border: 1px solid #DAE2EC;
  border-radius: 10px;
}
.keyword-wrap .keyword-swipe-box {
  width: calc(100% - 360px - 40px);
  position: relative;
  padding: 0 35px;
}
.keyword-wrap .keyword-swipe-box .swiper-slide {
  display: block;
  width: auto;
  /*
  &:last-child{
      padding-right: 30px;
  }
  */
}
.keyword-wrap .keyword-swipe-box .swiper-slide .btn {
  border-radius: 30px;
  font-size: 0.875rem;
  transition: 0.3s all;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-weight: 400;
}
.keyword-wrap .keyword-swipe-box .swiper-slide .btn::before {
  content: "";
  display: inline-block;
  transition: 0.3s all;
}
.keyword-wrap .keyword-swipe-box .swiper-slide:hover .btn {
  color: #ffffff;
  border-color: #1F4569;
  background-color: #1F4569;
}
.keyword-wrap .keyword-swipe-box .swiper-slide.active .btn {
  color: #ffffff;
  border-color: #1F4569;
  background-color: #1F4569;
}
.keyword-wrap .keyword-swipe-box .swiper-slide.active .btn::before {
  background: url(../img/ico_check_w.svg) no-repeat center/contain;
  width: 15px;
  height: 10px;
  margin-right: 5px;
}
.keyword-wrap .keyword-swipe-box .swiper-button-next {
  background: url(../img/arrow_white_next.svg) no-repeat center/contain;
  background-color: #FF6652;
  right: 0;
}
.keyword-wrap .keyword-swipe-box .swiper-button-prev {
  background: url(../img/arrow_white_prev.svg) no-repeat center/contain;
  background-color: #FF6652;
  left: 0;
}
.keyword-wrap .keyword-swipe-box .swiper-button-next,
.keyword-wrap .keyword-swipe-box .swiper-button-prev {
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-size: 7px;
  margin-top: -12px;
}
.keyword-wrap .keyword-swipe-box .swiper-button-next.swiper-button-disabled,
.keyword-wrap .keyword-swipe-box .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
  background-color: #CDD3D8;
}

.search-box {
  display: flex;
  align-items: center;
  gap: 5px;
}
.search-box .search-button .btn {
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 40px;
}
.search-box .search input {
  height: 40px;
}
.search-box .sort .btns {
  background: url(../img/ico_sorting.svg) no-repeat center/contain;
  background-size: 20px;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: #E6EEF4;
}

.page-tabs {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  gap: 1.25rem;
  border: 0px none;
  border-bottom: 2px solid #333333;
}
.page-tabs ul {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: -1px;
}
.page-tabs ul li a {
  display: block;
  font-size: 1rem;
  line-height: 36px;
  color: #555555;
  background-color: #ffffff;
  padding: 0 1.5625rem;
  border: 1px solid #D9D9D9;
  border-bottom: 1px solid #333333;
  cursor: pointer;
  position: relative;
}
.page-tabs ul li.smart a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  width: 20px;
  height: 20px;
  background: url(../img/ico_smartschool-gr.svg) no-repeat center/contain;
}
.page-tabs ul li:not(:first-child) a {
  margin-left: -1px;
}
.page-tabs ul li:first-child a {
  border-top-left-radius: 10px;
}
.page-tabs ul li:last-child a {
  border-top-right-radius: 10px;
}
.page-tabs ul li.on a {
  font-weight: 500;
  color: #ffffff;
  background: #333333;
  border: 1px solid #333333;
}
.page-tabs ul li.on.smart a {
  background-color: #00416C;
  border-color: #00416C;
}
.page-tabs ul li.on.smart a::before {
  background: url(../img/ico_smartschool-w.svg) no-repeat center/contain;
}
.page-tabs.ver2, .page-tabs.ybm_header.ver3, .page-tabs.slt-box.ver5 {
  border-bottom: 1px solid #FF6652;
}
.page-tabs .btn {
  margin-left: auto;
}

.data-tab-wrap .data-header {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #333333;
}
.data-tab-wrap .data-header .title {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  gap: 1.0625rem;
  margin-left: auto;
}
.data-tab-wrap .data-header .title h2 {
  font-size: 1rem;
  color: #1b1b1b;
}
.data-tab-wrap .data-header .title .swich-content {
  width: 2.625rem;
  height: 1.5rem;
  border-radius: 3.125rem;
  color: #ffffff;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.5rem;
  background: #333333;
  padding-left: 1.625rem;
  transition: all 0.3s ease;
  cursor: pointer;
  width: 4.25rem;
}
.data-tab-wrap .data-header .title .swich-content.on {
  background: #00416C;
  padding-left: 0.625rem;
}
.data-tab-wrap .data-header .title .swich-content.on:after {
  left: 1.3125rem;
}
.data-tab-wrap .data-header .title .swich-content:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 1.125rem;
  height: 1.125rem;
  background: #ffffff;
  border-radius: 3.125rem;
  transition: all 0.3s ease;
}
.data-tab-wrap .data-header .title .swich-content.on:after {
  left: 2.875rem;
}

.help-box {
  font-weight: 400;
  font-size: 0.875rem;
}

.coming-soon {
  position: relative;
}
.coming-soon .go-btn {
  position: absolute;
  width: 302px;
  height: 50px;
  top: 57rem;
  right: 5rem;
  text-indent: -9999px;
}

.none-list-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
  padding: 100px 0;
}
.none-list-box .ico {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  border: 2px solid #BDBDBD;
  background: url(../img/ico_prescriptions.svg) no-repeat center/contain;
  background-size: 64px;
}
.none-list-box .desc {
  font-size: 0.9375rem;
  color: #666666;
}

.lds-loading-wrap {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.lds-loading-wrap .lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-loading-wrap .lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #333333;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-loading-wrap .lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-loading-wrap .lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-loading-wrap .lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-loading-wrap .lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

span.acc {
  color: #333333;
}

.mCustomScrollbar {
  overflow: auto;
  margin: 20px 0;
}
.mCustomScrollbar .mCSB_inside > .mCSB_container {
  margin-right: 0;
}
.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background: none;
}
.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50px;
  width: 8px;
  margin: 0;
}
.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.1);
}
.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background: rgba(0, 0, 0, 0.1);
}
.mCustomScrollbar.scrollbar-ver2 {
  margin: 0;
}
.mCustomScrollbar.scrollbar-ver2 .mCSB_scrollTools {
  right: -8px;
}

.category-box-wrap {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  border: 1px solid #D9D9D9;
  border-radius: 15px;
  overflow: hidden;
}
.category-box-wrap .category-box {
  flex: 1;
  background-color: #ffffff;
}
.category-box-wrap .category-box .title {
  font-weight: 700;
  font-size: 1.125rem;
  padding: 15px 25px;
  color: #00416C;
  background-color: #F9F9F9;
  border-bottom: 1px solid #D9D9D9;
}
.category-box-wrap .category-box:not(:first-child) {
  border-left: 1px solid #D9D9D9;
}
.category-box-wrap .category-box .list-box {
  max-height: 535px;
  overflow: auto;
  margin: 20px 0;
  /*
  &::-webkit-scrollbar {
      width: 8px;
  }
  &::-webkit-scrollbar-thumb {
  }
  */
}
.category-box-wrap .category-box .list-box a {
  display: block;
  padding: 7px 25px;
}
.category-box-wrap .category-box .list-box a:hover {
  font-weight: 500;
  color: #333333;
}
.category-box-wrap .category-box .list-box a.current {
  font-weight: 700;
  color: #333333;
  width: calc(100% + 20px);
  background-color: #333333;
}

.search-result-wrap .default {
  border: 1px dashed #C4C4C4;
  border-radius: 25px;
  background-color: #F6F6F6;
  overflow: hidden;
  height: 325px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 15px;
  justify-content: center;
  align-items: center;
}
.search-result-wrap .default .danger-sign {
  width: 50px;
}
.search-result-wrap .inn {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 16px;
  font-weight: 500;
  font-size: 22px;
  color: #1b1b1b;
}
.search-result-wrap .category-text {
  position: relative;
}
.search-result-wrap .category-text:not(:first-child)::before {
  content: "";
  background: url(../img/ico_arrow_next.svg) no-repeat center/contain;
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  width: 6px;
  height: 11px;
}
.search-result-wrap .result-text {
  margin-left: -10px;
}
.search-result-wrap .count {
  font-weight: 700;
}
.search-result-wrap.ver2, .search-result-wrap.ybm_header.ver3, .search-result-wrap.slt-box.ver5 {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 15px 0;
  border: 1px dashed #333333;
  background-color: #333333;
  border-radius: 50px;
  padding: 20px;
}

.swich-toggle-wrap .toggle-tab-menu {
  background-color: #ffffff;
  border-radius: 50px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  display: inline-block;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 360px;
  position: relative;
}
.swich-toggle-wrap .toggle-tab-menu::before {
  content: "";
  width: 180px;
  height: 50px;
  background-color: #2E3457;
  border-radius: 50px;
  position: absolute;
  left: 0;
  transition: all 0.3s ease;
}
.swich-toggle-wrap .toggle-tab-menu.changed::before {
  left: 180px;
}
.swich-toggle-wrap .toggle-tab-menu a {
  flex: 1;
  color: #1b1b1b;
  font-weight: 500;
  height: 50px;
  line-height: 50px;
  text-align: center;
  z-index: 1;
}
.swich-toggle-wrap .toggle-tab-menu a.current {
  color: #ffffff;
}

.popup-menu-box {
  position: relative;
}
.popup-menu-box:hover .popup-menu {
  visibility: visible;
  height: auto;
  opacity: 1;
}
.popup-menu-box .popup-menu {
  position: absolute;
  visibility: hidden;
  height: 0;
  opacity: 0;
  transition: 0.3s all;
  z-index: 20;
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  width: 100%;
}
.popup-menu-box .popup-menu li {
  padding: 10px;
}
.popup-menu-box .popup-menu li a {
  display: block;
  font-weight: 500;
  font-size: 13px;
}
.popup-menu-box .popup-menu li:not(:first-child) {
  border-top: 1px solid #D9D9D9;
}
.popup-menu-box .popup-menu li:hover a {
  color: #333333;
}
.popup-menu-box .popup-menu li:first-child {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.popup-menu-box .popup-menu li:last-child {
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}
.popup-menu-box .popup-menu.msg-box.top {
  display: block;
  margin-top: 15px;
}
.popup-menu-box .popup-menu.msg-box.top::before {
  content: "";
  position: absolute;
  top: -26px;
  left: 50%;
  transform: translateX(-50%);
  border-bottom: 13px solid #ffffff;
  border-top: 13px solid transparent;
  border-left: 11.5px solid transparent;
  border-right: 11.5px solid transparent;
}

.audio-player {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 60px;
  background-color: #ffffff;
  border: 1px solid #D8D8D8;
  border-radius: 15px;
  height: 300px;
  width: 100%;
}
.audio-player .runtime-box {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  color: #000000;
}
.audio-player .play-bar {
  margin-top: 11px;
  width: 100%;
}
.audio-player .ui-slider-horizontal {
  height: 12px;
}
.audio-player .ui-widget.ui-widget-content {
  border-color: #D8D8D8;
}
.audio-player .ui-corner-all {
  border-radius: 15px;
}
.audio-player .ui-widget-header {
  background-color: #FF6652;
}
.audio-player .ui-widget-content .ui-state-default {
  border: 0 none;
  background-color: #ffffff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3), -1px 1px 2px rgba(0, 0, 0, 0.2);
}
.audio-player .ui-slider .ui-slider-handle {
  width: 24px;
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.audio-player .ui-slider span {
  outline: none;
}
.audio-player .controller-box {
  margin-top: 27px;
  position: relative;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 50px;
  justify-content: center;
  align-items: center;
}
.audio-player .controller-box .audio-repeat {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block;
  width: 32.5px;
  height: 32.5px;
  background-size: 32.5px;
  background: url(../img/ico_repeat.svg) no-repeat center center/contain;
}
.audio-player .controller-box .audio-repeat:hover {
  background-image: url(../img/ico_repeat-hover.svg);
}
.audio-player .controller-box .audio-repeat.active {
  background-image: url(../img/ico_repeat-on.svg);
}
.audio-player .controller-box .skip-prev,
.audio-player .controller-box .skip-next {
  width: 28px;
  height: 28px;
}
.audio-player .controller-box .skip-prev {
  background: url(../img/ico_music-skip-prev.svg) no-repeat center center/contain;
}
.audio-player .controller-box .skip-prev:hover {
  background-image: url(../img/ico_music-skip-prev-on.svg);
}
.audio-player .controller-box .skip-next {
  background: url(../img/ico_music-skip-next.svg) no-repeat center center/contain;
}
.audio-player .controller-box .skip-next:hover {
  background-image: url(../img/ico_music-skip-next-on.svg);
}
.audio-player .controller-box .audio-play {
  width: 58px;
  height: 58px;
  background: url(../img/ico_music-play.svg) no-repeat center center/contain;
}
.audio-player .controller-box .audio-play:hover {
  background-image: url(../img/ico_music-play-on.svg);
}
.audio-player .controller-box .audio-play.pause {
  background: url(../img/ico_music-pause.svg) no-repeat center center/contain;
}
.audio-player .controller-box .audio-play.pause:hover {
  background-image: url(../img/ico_music-pause-on.svg);
}

.goto-view {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 0.8125rem;
  color: #666666;
  text-decoration: underline;
  margin-top: 8px;
}
.goto-view i {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.goto-view::after {
  content: "";
  background: url(../img/ico_page-next.svg) no-repeat center center/contain;
  display: block;
  width: 17px;
  height: 17px;
  transition: all 0.3s ease;
}
.goto-view:hover {
  color: #3B3B3B;
}
.goto-view:hover::after {
  background-position: 3px;
}

.agree-file .detail-text,
.agree-info-box .detail-text,
.agree-box .detail-text {
  font-size: 0.8125rem !important;
  overflow-y: auto;
  line-height: 20px;
  text-align: justify;
  word-break: keep-all;
}
.agree-file .detail-text h1,
.agree-file .detail-text h2,
.agree-file .detail-text h3,
.agree-info-box .detail-text h1,
.agree-info-box .detail-text h2,
.agree-info-box .detail-text h3,
.agree-box .detail-text h1,
.agree-box .detail-text h2,
.agree-box .detail-text h3 {
  font-weight: 500;
  margin: 10px 0 3px;
  font-size: 0.875rem;
}
.agree-file .detail-text h1,
.agree-info-box .detail-text h1,
.agree-box .detail-text h1 {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #3B3B3B;
}
.agree-file .detail-text h1:first-child,
.agree-info-box .detail-text h1:first-child,
.agree-box .detail-text h1:first-child {
  margin-top: 0;
}
.agree-file .detail-text h2,
.agree-info-box .detail-text h2,
.agree-box .detail-text h2 {
  font-size: 0.9375rem;
  margin-bottom: 0;
}
.agree-file .detail-text ol[type="1"],
.agree-info-box .detail-text ol[type="1"],
.agree-box .detail-text ol[type="1"] {
  margin-left: 15px;
}
.agree-file .detail-text ol[type="1"] li,
.agree-info-box .detail-text ol[type="1"] li,
.agree-box .detail-text ol[type="1"] li {
  list-style: decimal;
}
.agree-file .detail-text ol[type="1"] ul li,
.agree-info-box .detail-text ol[type="1"] ul li,
.agree-box .detail-text ol[type="1"] ul li {
  list-style: none !important;
}
.agree-file .detail-text ul[type=circle],
.agree-file .detail-text ul[type=disc],
.agree-info-box .detail-text ul[type=circle],
.agree-info-box .detail-text ul[type=disc],
.agree-box .detail-text ul[type=circle],
.agree-box .detail-text ul[type=disc] {
  margin-left: 18px !important;
}
.agree-file .detail-text ul[type=circle] li,
.agree-info-box .detail-text ul[type=circle] li,
.agree-box .detail-text ul[type=circle] li {
  list-style: circle;
}
.agree-file .detail-text table,
.agree-info-box .detail-text table,
.agree-box .detail-text table {
  background-color: #ffffff !important;
  margin-bottom: 5px !important;
}
.agree-file .detail-text table th,
.agree-file .detail-text table td,
.agree-info-box .detail-text table th,
.agree-info-box .detail-text table td,
.agree-box .detail-text table th,
.agree-box .detail-text table td {
  border: 1px solid #D9D9D9 !important;
  padding: 5px !important;
  word-break: keep-all !important;
  font-size: 0.8125rem !important;
}
.agree-file .detail-text table th,
.agree-info-box .detail-text table th,
.agree-box .detail-text table th {
  text-align: center;
  font-weight: 450;
  background-color: #FAFAFA;
}
.agree-file .detail-text table td,
.agree-info-box .detail-text table td,
.agree-box .detail-text table td {
  text-align: left;
}

.agree-file .detail-text {
  background-color: #ffffff;
}

.loader.type-a, .loader.page-tab-menu.type-b {
  color: #97BED7;
  font-size: 20px;
  margin: 100px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load4 {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@keyframes load4 {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

@keyframes floating-mini {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@media (max-width: 960px) {
  /** BUTTON 시작 */
  .btn {
    padding: 0.3125rem 0.625rem;
    border-radius: 0.3125rem;
  }
  .btn.xl {
    font-size: 1rem;
    height: 3.125rem;
    line-height: 3.125rem;
    padding: 0 2.5rem;
  }
  .btn.lg {
    font-size: 0.875rem;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 1.25rem;
  }
  .btn.md {
    font-size: 0.8125rem;
    height: 2.25rem;
    line-height: 2.25rem;
    padding: 0 0.9375rem;
  }
  .btn.sm {
    font-size: 0.8125rem;
    height: 2rem;
    line-height: 2rem;
    padding: 0 0.625rem;
  }
  .btn.xs {
    font-size: 0.625rem;
    height: 1.25rem;
    line-height: 1.25rem;
    padding: 0 0.5rem;
  }
  /** BUTTON 종료 */
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.overlay.show {
  display: block;
  background: rgba(0, 0, 0, 0.65);
}

#shortcutPopup * {
  font-family: "Roboto", "Noto Sans KR", "Noto Sans SC", sans-serif;
}
#shortcutPopup .popup-body {
  font-size: 1.125rem;
  color: #3B3B3B;
}
#shortcutPopup .popup-body .link-box {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 2.5rem;
  padding: 1.875rem 0 0.625rem;
}
#shortcutPopup .popup-body .link-box .btn {
  padding: 0 1.25rem;
  height: 2.8125rem;
  line-height: 2.8125rem;
  background-color: #ffffff;
  color: #3B3B3B;
  font-size: 1rem;
  font-weight: 400;
}
#shortcutPopup .popup-body .link-box .btn span {
  font-weight: 700;
}
#shortcutPopup .popup-body .link-box .btn.primary span {
  color: #FF6652;
}
#shortcutPopup .popup-body .link-box .btn.family span {
  color: #00416C;
}
#shortcutPopup .popup-body .link-box .lf-box {
  flex: 1;
}
#shortcutPopup .popup-body .link-box .lf-box .btn {
  width: 100%;
}
#shortcutPopup .popup-body .link-box .rt-box {
  flex: 2;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 0.625rem;
  flex-wrap: wrap;
  position: relative;
}
#shortcutPopup .popup-body .link-box .rt-box .btn {
  width: calc(50% - 5px);
}
#shortcutPopup .popup-body .link-box .rt-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 1px;
  height: calc(100% + 10px);
  background-color: #D9D9D9;
}
#shortcutPopup .popup-body .info-box {
  margin-bottom: 1.875rem;
  padding-bottom: 1.875rem;
  color: #666666;
  line-height: 1.625rem;
  border-bottom: 1px solid #D9D9D9;
}
#shortcutPopup .popup-body .info-box h1 {
  font-weight: 700;
  font-size: 1.125rem;
  color: #3B3B3B;
}
#shortcutPopup .popup-body .info-box img {
  margin-top: 1.25rem;
}

[data-grade=ele] .btn.primary {
  background-color: #E86857;
  border-color: #E86857;
}
[data-grade=ele] .noti-box {
  background-color: #FFD4CE;
}
[data-grade=ele] .noti-box .noti-tit em {
  color: #BF1600;
}
[data-grade=ele].ybm_header .util-menu .container-inner .out-link ul li.current a {
  color: #E86857;
}

[data-grade=mid] .btn.primary {
  background-color: #06B0D4;
  border-color: #06B0D4;
}
[data-grade=mid] .noti-box {
  background-color: #A0E6F5;
}
[data-grade=mid] .noti-box .noti-tit em {
  color: #004F88;
}
[data-grade=mid].ybm_header .util-menu .container-inner .out-link ul li.current a {
  color: #06B0D4;
}

[data-grade=hi] .btn.primary {
  background-color: #45B035;
  border-color: #45B035;
}
[data-grade=hi] .noti-box {
  background-color: #B8EAB1;
}
[data-grade=hi] .noti-box .noti-tit em {
  color: #0E6900;
}
[data-grade=hi].ybm_header .util-menu .container-inner .out-link ul li.current a {
  color: #45B035;
}

.wrapper-m {
  position: relative;
}
.wrapper-m .ybm_header {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  height: 3.125rem;
  justify-content: space-between;
  border-bottom: 1px solid #D9D9D9;
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.wrapper-m .ybm_header .go-menu {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 3px;
  padding: 1.25rem 1.5625rem;
  cursor: pointer;
}
.wrapper-m .ybm_header .go-menu span {
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background: #222222;
  transition: all 0.3s ease;
}
.wrapper-m .ybm_header .go-menu span:nth-child(1) {
  width: 13px;
}
.wrapper-m .ybm_header .go-menu span:nth-child(3) {
  width: 17px;
}
.wrapper-m .ybm_header .r-menus a {
  display: inline-block;
  padding: 0.9375rem 1.4375rem;
}
.wrapper-m .ybm_header .site-name {
  width: calc(100% - 70px - 75px);
  text-align: center;
  min-width: 120px;
}
.wrapper-m .ybm_header .site-name h1 {
  color: #3B3B3B;
  font-size: 1.25rem;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.wrapper-m .ybm_header .site-name img {
  width: 7.5rem;
  margin: 0 auto;
}
.wrapper-m .gnb-wrap {
  position: relative;
  z-index: 100;
  transition: all 0.3s ease-in-out;
  height: 0;
}
.wrapper-m .gnb-header {
  background: #333333;
  color: #ffffff;
  padding-bottom: 0.625rem;
}
.wrapper-m .gnb-header .toolbars {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.625rem 0;
}
.wrapper-m .gnb-header .toolbars .site-name img {
  width: 7.5rem;
}
.wrapper-m .gnb-header .toolbars .go-menu {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 3px;
  padding: 1.25rem 1.5625rem;
  cursor: pointer;
}
.wrapper-m .gnb-header .toolbars .go-menu span {
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background: #ffffff;
  transition: all 0.3s ease;
}
.wrapper-m .gnb-header .toolbars .go-menu span:nth-child(1) {
  transform: rotate(45deg);
}
.wrapper-m .gnb-header .toolbars .go-menu span:nth-child(2) {
  transform: translateY(-5px) rotate(-45deg);
}
.wrapper-m .gnb-header .toolbars .r-menus a {
  display: inline-block;
  padding: 0.9375rem 1.4375rem;
}
.wrapper-m .gnb-header .toolbars .r-menus img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.wrapper-m .gnb-header .user-info {
  padding: 0 1.5625rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
}
.wrapper-m .gnb-header .user-info .btns {
  flex-basis: auto;
  text-align: right;
  min-width: 160px;
}
.wrapper-m .gnb-header .user-info .txt {
  flex-grow: 1;
  font-size: 0.875rem;
  line-height: 130%;
}
.wrapper-m .gnb-body {
  height: calc(100svh - 116px - 60px);
  background-color: #ffffff;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
}
.wrapper-m .gnb-body .menus {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  width: 170px;
  border-right: 1px solid #D9D9D9;
}
.wrapper-m .gnb-body .menus .intra {
  overflow: auto;
}
.wrapper-m .gnb-body .menus .intra .extra-link a {
  color: #00416C;
}
.wrapper-m .gnb-body .menus .intra .extra-link a:before {
  content: url(../img/ico_smartschool.svg);
  padding-right: 3px;
  vertical-align: middle;
}
.wrapper-m .gnb-body .menus .intra li.selected {
  background: #FFE2DE;
}
.wrapper-m .gnb-body .menus .intra li.selected a {
  color: #333333;
}
.wrapper-m .gnb-body .menus .intra li a {
  display: block;
  padding: 0.625rem 1.25rem 0.625rem 1.5625rem;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #3B3B3B;
}
.wrapper-m .gnb-body .menus .go-other-grade {
  margin-top: auto;
  position: relative;
}
.wrapper-m .gnb-body .menus .go-other-grade.on .grade-list {
  display: block;
}
.wrapper-m .gnb-body .menus .go-other-grade.on .grade-list ul {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
}
.wrapper-m .gnb-body .menus .go-other-grade.on .on-grade:after {
  content: url(../img/arrow_up.svg);
}
.wrapper-m .gnb-body .menus .go-other-grade .on-grade {
  font-size: 0.75rem;
  height: 2.25rem;
  line-height: 2.25rem;
  padding: 0 1.25rem;
  position: relative;
  background: #ffffff;
}
.wrapper-m .gnb-body .menus .go-other-grade .on-grade:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #D9D9D9;
}
.wrapper-m .gnb-body .menus .go-other-grade .on-grade:after {
  content: url(../img/arrow_down.svg);
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(180deg);
}
.wrapper-m .gnb-body .menus .go-other-grade .grade-list {
  display: none;
  border-top: 1px solid #D9D9D9;
  position: absolute;
  bottom: 2.25rem;
  left: 0;
  right: 0;
  background: #ffffff;
}
.wrapper-m .gnb-body .menus .go-other-grade .grade-list a {
  display: block;
  font-size: 0.75rem;
  padding: 0.4375rem 1.25rem;
}
.wrapper-m .gnb-body .menus .go-other-grade .grade-list li.current a {
  color: #333333;
}
.wrapper-m .gnb-body .submenus {
  width: calc(100% - 170px);
  overflow: auto;
}
.wrapper-m .gnb-body .submenus > ul {
  display: none;
}
.wrapper-m .gnb-body .submenus > ul.selected {
  display: block;
}
.wrapper-m .gnb-body .submenus > ul > li.selected.has-last {
  transition: all 0.8s ease-in-out;
  max-height: 100vh;
  max-height: 100svh;
}
.wrapper-m .gnb-body .submenus > ul > li.selected.has-last > a:after {
  content: url(../img/arrow_up.svg);
}
.wrapper-m .gnb-body .submenus > ul > li.selected > a {
  background: #FFE2DE;
  color: #333333;
  border: 0px none;
}
.wrapper-m .gnb-body .submenus > ul > li.has-last {
  max-height: 2.3rem;
  overflow: hidden;
}
.wrapper-m .gnb-body .submenus > ul > li.has-last > a:after {
  content: url(../img/arrow_down.svg);
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.wrapper-m .gnb-body .submenus > ul > li > a {
  display: block;
  padding: 0.625rem 1.25rem 0.625rem 1.25rem;
  font-size: 0.9375rem;
  font-weight: 400;
  color: #3B3B3B;
  position: relative;
}
.wrapper-m .gnb-body .submenus .last {
  border-bottom: 1px solid #D9D9D9;
  padding: 0.625rem 1.25rem;
}
.wrapper-m .gnb-body .submenus .last .tabs {
  padding: 0.3125rem 0 0.625rem 0;
}
.wrapper-m .gnb-body .submenus .last .tabs ul {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 5px;
}
.wrapper-m .gnb-body .submenus .last .tabs ul li {
  cursor: pointer;
  font-size: 0.75rem;
  color: #666666;
  background: #ffffff;
  border-radius: 3.125rem;
  border: 1px solid #D9D9D9;
  padding: 0 0.9375rem;
  height: 25px;
  line-height: 25px;
}
.wrapper-m .gnb-body .submenus .last .tabs ul li.on {
  border-color: #333333;
}
.wrapper-m .gnb-body .submenus .last .tabs ul li.on a {
  color: #333333;
}
.wrapper-m .gnb-body .submenus .last .data-list ul {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
}
.wrapper-m .gnb-body .submenus .last .data-list ul li a {
  display: block;
  word-break: keep-all;
  font-size: 0.8125rem;
  padding: 0.375rem 0;
  line-height: 130%;
}
.wrapper-m .gnb-body .submenus .last .data-list ul .revision {
  font-weight: 700;
  font-size: 0.8125rem;
  color: #333333;
}
.wrapper-m .gnb-footer {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  justify-content: center;
  height: 60px;
  border-top: 1px solid #D9D9D9;
  background-color: #ffffff;
}
.wrapper-m .gnb-footer h3 {
  color: #00416C;
  font-size: 0.875rem;
}
.wrapper-m .gnb-footer .num {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.wrapper-m .gnb-footer .num > strong {
  color: #333333;
  font-size: 1.25rem;
  font-weight: 700;
}
.wrapper-m .gnb-footer .num .list {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 5px;
}
.wrapper-m .gnb-footer .tooltip-box.top .inn:before {
  left: auto;
  right: 5px;
}
.wrapper-m .gnb-footer .tooltip-box.top .tool-tip-conts {
  left: auto;
  right: -20px;
  transform: none;
}
.wrapper-m .container {
  min-height: calc(100vh - 50px - 148px - 130px);
  padding-top: 3.125rem;
}
.wrapper-m .floating-mobile, .wrapper-m .floating-mobile-menu {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 50;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 5px;
}
.wrapper-m .floating-mobile a, .wrapper-m .floating-mobile-menu a {
  -webkit-tap-highlight-color: transparent;
}
.wrapper-m .floating-mobile .goto-top, .wrapper-m .floating-mobile-menu .goto-top {
  display: none;
}
.wrapper-m .floating-mobile-menu {
  z-index: 700;
  display: none;
}
.wrapper-m .floating-mobile-menu a {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  font-size: 0.8125rem;
  color: #ffffff;
  margin-top: 10px;
  -webkit-tap-highlight-color: transparent;
}
.wrapper-m .floating-mobile-menu a .count {
  position: absolute;
  top: -10px;
  right: 15px;
  min-width: 20px;
  max-width: 20px;
  min-height: 20px;
  max-height: 20px;
  text-align: center;
  background-color: #FFE035;
  font-size: 0.75rem;
  color: #00416C;
  border-radius: 100%;
  font-weight: 700;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.wrapper-m .floating-mobile-menu a:not(.close-btn) {
  margin-right: 5px;
}
.wrapper-m .only-mobile {
  display: block;
}

.container-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.ybm_header {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  position: relative;
  z-index: 100;
}
.ybm_header.gnb-show {
  z-index: 300;
}
.ybm_header .util-menu {
  background: #F1F1F1;
}
.ybm_header .util-menu .container-inner {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.ybm_header .util-menu .container-inner .out-link {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  font-size: 0.875rem;
}
.ybm_header .util-menu .container-inner .out-link .go-gate a {
  display: block;
  text-indent: -9999px;
  background: url(../img/ico_home.svg) no-repeat center center/15px auto;
  width: 40px;
  height: 40px;
}
.ybm_header .util-menu .container-inner .out-link ul {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  line-height: 2.5rem;
}
.ybm_header .util-menu .container-inner .out-link ul li {
  padding: 0 1rem;
}
.ybm_header .util-menu .container-inner .out-link ul li.current {
  background: #ffffff;
}
.ybm_header .util-menu .container-inner .out-link ul li.current a {
  color: #333333;
}
.ybm_header .util-menu .container-inner .out-link .go-fm-list li {
  position: relative;
}
.ybm_header .util-menu .container-inner .out-link .go-fm-list li:not(:first-child):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 1px;
  height: 30%;
  background: #D0D0D0;
}
.ybm_header .util-menu .container-inner .out-link .go-fm-list a:after {
  content: url(../img/ico_newwindow.svg);
  padding-left: 0.625rem;
}
.ybm_header .util-menu .container-inner .out-link .go-fm-list li.type2 {
  padding-left: 0;
}
.ybm_header .util-menu .container-inner .out-link .go-fm-list li.type2 a {
  display: inline-block;
  font-size: 0.75rem;
  border-radius: 2px;
  border: 1px solid #D0D0D0;
  height: 1.5rem;
  line-height: 1.375rem;
  padding: 0 0.5625rem;
}
.ybm_header .util-menu .container-inner .out-link .go-fm-list li.type2 a:after {
  content: "";
  padding-left: 0;
}
.ybm_header .util-menu .container-inner .inner-link {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  margin-left: auto;
  font-size: 0.8125rem;
}
.ybm_header .util-menu .container-inner .inner-link ul {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  line-height: 2.5rem;
}
.ybm_header .util-menu .container-inner .inner-link ul li {
  padding: 0 0.875rem;
  position: relative;
}
.ybm_header .util-menu .container-inner .inner-link ul li:not(:first-child):before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -36%);
  width: 1px;
  height: 30%;
  background: #D0D0D0;
}
.ybm_header .util-menu .container-inner .inner-link ul li .favorite {
  vertical-align: bottom;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.ybm_header .util-menu .container-inner .inner-link ul li .favorite::before {
  padding-right: 0.125rem;
  position: relative;
  top: 3px;
}
.ybm_header .util-menu.ver2, .ybm_header .util-menu.ybm_header.ver3, .ybm_header .util-menu.slt-box.ver5 {
  background-color: #ffffff;
}
.ybm_header .util-menu .slt-box {
  position: absolute;
  top: 10px;
  right: 15px;
  z-index: 200;
}
.ybm_header .util-menu .slt-box .cont {
  left: auto;
  right: 0;
  max-height: 120px;
}
.ybm_header .util-menu .slt-box .cont li a {
  font-size: 0.8125rem;
}
.ybm_header .util-menu .slt-box .slt-title {
  padding: 0;
  border-radius: 0;
  background-color: transparent;
}
.ybm_header .util-menu .slt-box .slt-title .first {
  color: #1b1b1b;
  font-weight: 350;
  font-size: 12px;
}
.ybm_header .util-menu .slt-box .slt-title .arrow {
  background: url(../img/ico_arrow_blow_circle.svg) no-repeat center/contain;
}
.ybm_header .top-menu .container-inner {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  padding: 1.25rem 0;
}
.ybm_header .top-menu .site-name a {
  display: inline-block;
  text-indent: -9999px;
  width: 13.5625rem;
  height: 2.875rem;
  background: url(../../../img/ele/logo.svg) no-repeat center/contain;
}
.ybm_header .top-menu .search {
  margin: auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.ybm_header .top-menu .search input {
  border: 0;
}
.ybm_header .top-menu .search .reg-keyword {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  background: #FFEEEE;
  border: 2px solid transparent;
  height: 3rem;
  line-height: 3rem;
  border-radius: 3.125rem;
  padding: 0 0.3125rem 0 0.9375rem;
  width: 25rem;
  position: relative;
}
.ybm_header .top-menu .search .reg-keyword.on {
  border-color: #333333;
  background-color: #ffffff;
}
.ybm_header .top-menu .search .reg-keyword.on input[type=text]::placeholder {
  color: #A8A8A8 !important;
}
.ybm_header .top-menu .search .reg-keyword input[type=text] {
  display: none;
  background: transparent;
  height: 2.5rem;
  font-size: 0.9375rem;
  width: calc(100% - 40px);
}
.ybm_header .top-menu .search .reg-keyword input[type=text]::placeholder {
  color: #797979;
}
.ybm_header .top-menu .search .reg-keyword .search-btn {
  margin-left: auto;
  width: 2.5rem;
  height: 2.5rem;
  text-indent: -9999px;
  background: url(../img/ico_mfyclass.svg) no-repeat center center;
}
.ybm_header .top-menu .search .reg-keyword .input-form-box {
  display: flex;
  align-items: center;
  width: 100%;
}
.ybm_header .top-menu .search .reg-keyword .input-form-box .keyword {
  display: flex;
  align-items: center;
  gap: 10px;
  width: calc(100% - 40px);
  cursor: pointer;
}
.ybm_header .top-menu .search .reg-keyword .input-form-box .keyword .desc {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  font-size: 0.9375rem;
  color: #FF6652;
}
.ybm_header .top-menu .search .reg-keyword .input-form-box .tooltip-box .tool-tip-conts .inn {
  width: 320px;
  text-align: center;
  border: 1px solid #FF6652;
  padding: 0;
}
.ybm_header .top-menu .search .reg-keyword .input-form-box .tooltip-box .tool-tip-conts .inn::before {
  border: 1px solid #FF6652;
  background-color: #ffffff;
  transform: rotate(-45deg);
  bottom: -6px;
  width: 14px;
  height: 14px;
  z-index: 1;
  margin-left: -10px;
}
.ybm_header .top-menu .search .reg-keyword .input-form-box .tooltip-box.top .tool-tip-conts {
  bottom: 20px;
}
.ybm_header .top-menu .search .reg-keyword .input-form-box .tooltip-box.top .tool-tip-conts .desc {
  position: relative;
  z-index: 2;
  padding: 10px;
  font-size: 0.8125rem;
  line-height: 1.12;
  border-radius: 20px;
  background-color: #ffffff;
}
.ybm_header .top-menu .search .reg-keyword .input-form-box .tooltip-box:hover.top .tool-tip-conts {
  bottom: 32px;
}
.ybm_header .top-menu .search .search-video a {
  display: inline-block;
  width: 50px;
  height: 40px;
  background: url(../img/ico_tv.svg) no-repeat center top;
  font-size: 0.75rem;
  text-align: center;
  padding-top: 25px;
  text-decoration: underline;
}
.ybm_header .top-menu .search.focus .reg-keyword {
  background-color: #ffffff;
  border: 2px solid #FF6652;
  border-bottom: 0;
  border-radius: 25px 25px 0 0;
}
.ybm_header .top-menu .search.focus .search-list-box {
  display: block;
}
.ybm_header .top-menu .search.focus .search-list-box .case1 .case1 {
  display: flex;
}
.ybm_header .top-menu .search.focus .search-list-box .case2 .case2 {
  display: flex;
}
.ybm_header .top-menu .search.typing {
  /*
  .reg-keyword{
      background-color: #ffffff;
      border: 2px solid #FF6652;
      border-bottom: 0;
      border-radius: 25px 25px 0 0;
  }
  */
}
.ybm_header .top-menu .search.typing .search-list-box {
  display: none;
}
.ybm_header .top-menu .search.typing .search-list-box .case2 .case2 {
  display: flex;
}
.ybm_header .top-menu .search.typing .keyword {
  display: none;
}
.ybm_header .top-menu .search.typing .reg-keyword .search-input-text {
  display: block;
}
.ybm_header .top-menu .search-list-box {
  display: none;
  position: absolute;
  top: 46px;
  left: -2px;
  z-index: 160;
  width: calc(100% + 4px);
}
.ybm_header .top-menu .search-list-box .list-box {
  width: 100%;
  background-color: #ffffff;
  border: 2px solid #FF6652;
  border-top: 1px solid #D1D1D1;
  border-radius: 0 0 25px 25px;
}
.ybm_header .top-menu .search-list-box .list-box .case1 {
  display: none;
  align-items: center;
  flex-flow: column wrap;
  height: 210px;
  padding: 15px 20px;
  gap: 10px;
}
.ybm_header .top-menu .search-list-box .list-box .case1 li {
  width: calc(50% - 5px);
  display: flex;
  align-items: center;
  gap: 10px;
}
.ybm_header .top-menu .search-list-box .list-box .case1 li .count {
  display: block;
  text-align: center;
  font-size: 0.8125rem;
  font-weight: 500;
  border: 1px solid #D1D1D1;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 100%;
  color: #999999;
  background-color: #ffffff;
}
.ybm_header .top-menu .search-list-box .list-box .case1 li .desc {
  font-size: 0.9375rem;
  color: #3B3B3B;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  line-height: 28px;
  position: relative;
}
.ybm_header .top-menu .search-list-box .list-box .case1 li .desc:hover::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #333333;
  bottom: 0px;
}
.ybm_header .top-menu .search-list-box .list-box .case1 li:nth-child(1) .count {
  background-color: #FF6652;
  color: #ffffff;
  border-color: #FF6652;
}
.ybm_header .top-menu .search-list-box .list-box .case1 li:nth-child(2) .count {
  background-color: #54B09A;
  color: #ffffff;
  border-color: #54B09A;
}
.ybm_header .top-menu .search-list-box .list-box .case1 li:nth-child(3) .count {
  background-color: #3AACFF;
  color: #ffffff;
  border-color: #3AACFF;
}
.ybm_header .top-menu .search-list-box .list-box .case1 li.current a {
  font-weight: 700;
  color: #333333;
}
.ybm_header .top-menu .search-list-box .list-box .case2 {
  display: none;
  flex-direction: column;
  padding: 15px 0;
}
.ybm_header .top-menu .search-list-box .list-box .case2 li {
  padding: 7px 20px;
  line-height: 1.12;
  transition: 0.3s all;
}
.ybm_header .top-menu .search-list-box .list-box .case2 li .desc {
  font-size: 0.9375rem;
  color: #3B3B3B;
  line-height: 1.12;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  padding-right: 20px;
  position: relative;
}
.ybm_header .top-menu .search-list-box .list-box .case2 li .desc::after {
  content: "";
  display: inline-block;
  background: url(../img/ico_search.svg) no-repeat center;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  right: 0;
}
.ybm_header .top-menu .search-list-box .list-box .case2 li .desc span {
  font-weight: 700;
  color: #FF6652;
}
.ybm_header .top-menu .search-list-box .list-box .case2 li:hover {
  background-color: #FFEEEE;
}
.ybm_header .top-menu .swiper-box {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  padding: 0 50px 0 27px;
  height: 48px;
  width: 100%;
}
.ybm_header .top-menu .swiper-container {
  display: flex;
  align-items: center;
  margin-left: 0;
}
.ybm_header .top-menu .swiper-container .slide p {
  font-size: 0.9375rem;
  line-height: 1.12;
  color: #FF6652;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.ybm_header .top-menu .banner {
  background: #f6f6f6;
  width: 16.25rem;
  text-align: center;
  height: 3.375rem;
  line-height: 3.375rem;
  border-radius: 0.625rem;
  position: relative;
}
.ybm_header .top-menu .banner .indicator .swiper-button-next,
.ybm_header .top-menu .banner .indicator .swiper-button-prev {
  width: 6px;
  height: 11px;
  margin-top: -5px;
}
.ybm_header .top-menu .banner .indicator .swiper-button-prev {
  background: url(../img/ico_arrow_prev.svg) no-repeat center/contain;
}
.ybm_header .top-menu .banner .indicator .swiper-button-next {
  background: url(../img/ico_arrow_next.svg) no-repeat center/contain;
}
.ybm_header .arrow_next:after, .ybm_header .link-box.one li a:after, .ybm_header .link-box.group li a:after, .ybm_header .mega-wrap .mega .side .oncon-list a:after, .ybm_header .all-menu-wrap .mega .side .oncon-list a:after {
  content: url(../img/arrow_next.svg);
  position: absolute;
  top: 50%;
  right: 1.5625rem;
  transform: translateY(-50%);
  transition: right 0.3s ease;
}
.ybm_header .arrow_next:hover:after, .ybm_header .link-box.one li a:hover:after, .ybm_header .link-box.group li a:hover:after, .ybm_header .mega-wrap .mega .side .oncon-list a:hover:after, .ybm_header .all-menu-wrap .mega .side .oncon-list a:hover:after {
  right: 0.9375rem;
}
.ybm_header .gnb-wrap {
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}
.ybm_header .gnb-wrap .container-inner {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  gap: 2.5rem;
  line-height: 3rem;
}
.ybm_header .gnb-wrap .container-inner .gnb {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  gap: 2.5rem;
}
.ybm_header .gnb-wrap .container-inner .gnb ul {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  gap: 3.125rem;
  font-size: 1.125rem;
}
.ybm_header .gnb-wrap .container-inner .gnb ul.emphasis a {
  font-weight: 700;
}
.ybm_header .gnb-wrap .container-inner .gnb ul li.update a::after {
  content: url(../img/ico_update.svg);
  position: absolute;
  top: -17px;
  right: -43px;
  z-index: 50;
  animation: update 0.5s ease-in infinite alternate;
}
.ybm_header .gnb-wrap .container-inner .gnb ul li.soon a {
  position: relative;
}
.ybm_header .gnb-wrap .container-inner .gnb ul li.soon a::after {
  content: "";
  display: block;
  background: url(../img/ico_book_comminsoon.svg) no-repeat center/contain;
  width: 112px;
  height: 57px;
  position: absolute;
  top: -39px;
  left: -130%;
}
.ybm_header .gnb-wrap .container-inner .gnb ul li.open a {
  position: relative;
}
.ybm_header .gnb-wrap .container-inner .gnb ul li.open a::after {
  content: "";
  display: block;
  background: url(../img/ico_book_open.svg) no-repeat center/contain;
  width: 112px;
  height: 57px;
  position: absolute;
  top: -35px;
  left: -130%;
}
@keyframes update {
  0% {
    margin-top: 0;
  }
  100% {
    margin-top: -3px;
  }
}
.ybm_header .gnb-wrap .container-inner .gnb ul a {
  display: block;
  color: #3B3B3B;
  font-weight: 500;
  position: relative;
}
.ybm_header .gnb-wrap .container-inner .gnb ul a:hover, .ybm_header .gnb-wrap .container-inner .gnb ul a.current {
  color: #333333;
}
.ybm_header .gnb-wrap .container-inner .gnb .dv-bar {
  width: 1px;
  height: 20px;
  background: #D0D0D0;
}
.ybm_header .gnb-wrap .container-inner .out-link-menu {
  position: relative;
  margin-left: auto;
}
.ybm_header .gnb-wrap .container-inner .out-link-menu .out-link {
  margin-left: auto;
  cursor: pointer;
  background: url(../../../img/ele/ico_mnclass.png) no-repeat 15px bottom;
  font-size: 1.125rem;
  font-weight: 700;
  color: #00416C;
  position: relative;
  padding: 0 0.625rem 0 5rem;
}
.ybm_header .gnb-wrap .container-inner .out-link-menu .out-link:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 0.3125rem;
  border-radius: 0.3125rem;
  background: #00416C;
}
.ybm_header .gnb-wrap .container-inner .out-link-menu .out-link span {
  color: #333333;
}
.ybm_header .gnb-wrap .container-inner .out-link-menu .out-link-layer {
  line-height: 1.125rem;
  position: absolute;
  right: 0;
  border: 1px solid #333333;
  border-radius: 0.9375rem 0 0.9375rem 0.9375rem;
  overflow: hidden;
  visibility: hidden;
  z-index: 500;
  background-color: #ffffff;
}
.ybm_header .gnb-wrap .container-inner .out-link-menu .out-link-layer.on {
  visibility: visible;
}
.ybm_header .gnb-wrap .container-inner .out-link-menu .out-link-layer .inn {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: space-between;
}
.ybm_header .gnb-wrap .container-inner .out-link-menu .out-link-layer .inn .links {
  padding: 0.9375rem 1.5625rem;
  padding-top: 0;
}
.ybm_header .gnb-wrap .container-inner .out-link-menu .out-link-layer .inn .links h2 {
  font-size: 1rem;
  font-weight: 500;
  color: #3B3B3B;
  margin-top: 1.25rem;
}
.ybm_header .gnb-wrap .container-inner .out-link-menu .out-link-layer .inn .goto-detail {
  background-color: #333333;
  text-align: center;
  padding: 0.9375rem 1.5625rem;
  line-height: 1.1875rem;
}
.ybm_header .gnb-wrap .container-inner .out-link-menu .out-link-layer .inn .goto-detail a {
  color: #ffffff;
  font-weight: 500;
}
.ybm_header .toggle-all {
  cursor: pointer;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 3px;
  padding: 0.90625rem 1.25rem 0.90625rem 0;
}
.ybm_header .toggle-all.on span:nth-child(1) {
  width: 20px;
  transform: translateY(5px) rotate(45deg);
}
.ybm_header .toggle-all.on span:nth-child(2) {
  visibility: hidden;
  opacity: 0;
}
.ybm_header .toggle-all.on span:nth-child(3) {
  width: 20px;
  transform: translateY(-5px) rotate(-45deg);
}
.ybm_header .toggle-all span {
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background: #222222;
  transition: all 0.3s ease;
}
.ybm_header .toggle-all span:nth-child(1) {
  width: 13px;
}
.ybm_header .toggle-all span:nth-child(3) {
  width: 17px;
}
.ybm_header .mega-wrap, .ybm_header .all-menu-wrap {
  background: #F5F9FD;
  border-bottom: 1px solid #D9D9D9;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 3.125rem;
  left: 0;
  right: 0;
  padding: 1.875rem 0;
  z-index: 120;
}
.ybm_header .mega-wrap .mega, .ybm_header .all-menu-wrap .mega {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 2.5rem;
}
.ybm_header .mega-wrap .mega .data-wrap, .ybm_header .all-menu-wrap .mega .data-wrap {
  width: calc(100% - 208px);
  /*
  .tabs{
      border-bottom: 1px solid #333333;
      margin-bottom: rem(10px);
      ul{
          @include flex-row;
          align-items: center;
          li{
              font-size: rem(15px);
              border-radius: rem(10px) rem(10px) 0 0;
              background: transparent;
              padding: rem(8px) rem(25px);
              cursor: pointer;
              position: relative;
              &.on{
                  color: #ffffff;
                  background: #333333;
              }
              &.new{
                  &:after{
                      content: url(../img/ico_new_navy.svg);
                      position: absolute;
                      top: -12px;
                      right: -20px;
                      z-index: 50;
                  }
              }
          }
      }
      &+.menu-wrap{
          &.row-flow{
              margin: 0 -40px 0 -40px;
          }
      }
  }
  */
}
.ybm_header .mega-wrap .mega .data-wrap .data-header, .ybm_header .all-menu-wrap .mega .data-wrap .data-header {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 1px solid #333333;
}
.ybm_header .mega-wrap .mega .data-wrap .data-header .title, .ybm_header .all-menu-wrap .mega .data-wrap .data-header .title {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  gap: 1.0625rem;
  margin-left: auto;
}
.ybm_header .mega-wrap .mega .data-wrap .data-header .title h2, .ybm_header .all-menu-wrap .mega .data-wrap .data-header .title h2 {
  font-size: 1rem;
  color: #1b1b1b;
}
.ybm_header .mega-wrap .mega .data-wrap .data-header .title .swich-content, .ybm_header .all-menu-wrap .mega .data-wrap .data-header .title .swich-content {
  width: 2.625rem;
  height: 1.5rem;
  border-radius: 3.125rem;
  color: #ffffff;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.5rem;
  background: #333333;
  padding-left: 1.625rem;
  transition: all 0.3s ease;
  cursor: pointer;
  width: 4.25rem;
}
.ybm_header .mega-wrap .mega .data-wrap .data-header .title .swich-content.on, .ybm_header .all-menu-wrap .mega .data-wrap .data-header .title .swich-content.on {
  background: #00416C;
  padding-left: 0.625rem;
}
.ybm_header .mega-wrap .mega .data-wrap .data-header .title .swich-content.on:after, .ybm_header .all-menu-wrap .mega .data-wrap .data-header .title .swich-content.on:after {
  left: 1.3125rem;
}
.ybm_header .mega-wrap .mega .data-wrap .data-header .title .swich-content:after, .ybm_header .all-menu-wrap .mega .data-wrap .data-header .title .swich-content:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 1.125rem;
  height: 1.125rem;
  background: #ffffff;
  border-radius: 3.125rem;
  transition: all 0.3s ease;
}
.ybm_header .mega-wrap .mega .data-wrap .data-header .title .swich-content.on:after, .ybm_header .all-menu-wrap .mega .data-wrap .data-header .title .swich-content.on:after {
  left: 2.875rem;
}
.ybm_header .mega-wrap .mega .data-wrap .data-header .title .swich-content.ver-hi, .ybm_header .all-menu-wrap .mega .data-wrap .data-header .title .swich-content.ver-hi {
  width: 5.625rem;
}
.ybm_header .mega-wrap .mega .data-wrap .data-header .title .swich-content.ver-hi.on:after, .ybm_header .all-menu-wrap .mega .data-wrap .data-header .title .swich-content.ver-hi.on:after {
  left: 4.25rem;
}
.ybm_header .mega-wrap .mega .data-wrap .data-header .tabs, .ybm_header .all-menu-wrap .mega .data-wrap .data-header .tabs {
  border: 0px none;
}
.ybm_header .mega-wrap .mega .data-wrap .data-header .tabs ul, .ybm_header .all-menu-wrap .mega .data-wrap .data-header .tabs ul {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: -1px;
}
.ybm_header .mega-wrap .mega .data-wrap .data-header .tabs ul li, .ybm_header .all-menu-wrap .mega .data-wrap .data-header .tabs ul li {
  font-size: 0.9375rem;
  color: #555555;
  background-color: #ffffff;
  padding: 0.625rem 1.5625rem;
  border: 1px solid #D9D9D9;
  border-bottom: 1px solid #333333;
  cursor: pointer;
  position: relative;
}
.ybm_header .mega-wrap .mega .data-wrap .data-header .tabs ul li:not(:first-child), .ybm_header .all-menu-wrap .mega .data-wrap .data-header .tabs ul li:not(:first-child) {
  margin-left: -1px;
}
.ybm_header .mega-wrap .mega .data-wrap .data-header .tabs ul li:first-child, .ybm_header .all-menu-wrap .mega .data-wrap .data-header .tabs ul li:first-child {
  border-top-left-radius: 10px;
}
.ybm_header .mega-wrap .mega .data-wrap .data-header .tabs ul li:last-child, .ybm_header .all-menu-wrap .mega .data-wrap .data-header .tabs ul li:last-child {
  border-top-right-radius: 10px;
}
.ybm_header .mega-wrap .mega .data-wrap .data-header .tabs ul li.on, .ybm_header .all-menu-wrap .mega .data-wrap .data-header .tabs ul li.on {
  font-weight: 500;
  color: #ffffff;
  background: #333333;
  border: 1px solid #333333;
}
.ybm_header .mega-wrap .mega .data-wrap .data-header .tabs ul li.new:after, .ybm_header .all-menu-wrap .mega .data-wrap .data-header .tabs ul li.new:after {
  content: url(../img/ico_new_navy.svg);
  position: absolute;
  top: -12px;
  right: -20px;
  z-index: 50;
}
.ybm_header .mega-wrap .mega .data-wrap .data-list, .ybm_header .all-menu-wrap .mega .data-wrap .data-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  margin-top: 1.875rem;
}
.ybm_header .mega-wrap .mega .data-wrap .data-list.cols2, .ybm_header .all-menu-wrap .mega .data-wrap .data-list.cols2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: calc(66.66% + 5px);
}
.ybm_header .mega-wrap .mega .data-wrap .data-list.cols3, .ybm_header .all-menu-wrap .mega .data-wrap .data-list.cols3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.ybm_header .mega-wrap .mega .data-wrap .data-list .item, .ybm_header .all-menu-wrap .mega .data-wrap .data-list .item {
  flex-basis: 16.6666666667%;
  width: 16.6666666667%;
  padding: 0.9375rem;
  text-align: center;
  transition: transform 0.3s ease;
}
.ybm_header .mega-wrap .mega .data-wrap .data-list .item:hover, .ybm_header .all-menu-wrap .mega .data-wrap .data-list .item:hover {
  transform: scale(1.1);
}
.ybm_header .mega-wrap .mega .data-wrap .data-list .item:hover .thumb-wrap, .ybm_header .all-menu-wrap .mega .data-wrap .data-list .item:hover .thumb-wrap {
  border-color: #333333;
  box-shadow: 15px 15px 15px rgba(0, 0, 0, 0.15);
}
.ybm_header .mega-wrap .mega .data-wrap .data-list .item:hover .thumb-wrap:after, .ybm_header .all-menu-wrap .mega .data-wrap .data-list .item:hover .thumb-wrap:after {
  bottom: 0;
  font-size: 0.76em;
}
.ybm_header .mega-wrap .mega .data-wrap .data-list .item:hover .name, .ybm_header .all-menu-wrap .mega .data-wrap .data-list .item:hover .name {
  font-weight: 600;
  color: #333333;
  transform: scale(0.9);
}
.ybm_header .mega-wrap .mega .data-wrap .data-list .item .thumb-wrap, .ybm_header .all-menu-wrap .mega .data-wrap .data-list .item .thumb-wrap {
  border-radius: 0.9375rem;
  position: relative;
  overflow: hidden;
  border: 1px solid #F0F0F0;
  transition: all 0.3s ease;
}
.ybm_header .mega-wrap .mega .data-wrap .data-list .item .thumb-wrap:after, .ybm_header .all-menu-wrap .mega .data-wrap .data-list .item .thumb-wrap:after {
  content: "교과서 자료보기 >";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -38px;
  width: 100%;
  height: 2.375rem;
  line-height: 2.375rem;
  background: #333333;
  color: #ffffff;
  font-size: 0.875rem;
  transition: all 0.3s ease;
}
.ybm_header .mega-wrap .mega .data-wrap .data-list .item .thumb-wrap .image, .ybm_header .all-menu-wrap .mega .data-wrap .data-list .item .thumb-wrap .image {
  position: relative;
  padding-top: 135%;
  overflow: hidden;
  border-radius: 0.9375rem;
  aspect-ratio: 0.7655502392;
}
.ybm_header .mega-wrap .mega .data-wrap .data-list .item .thumb-wrap .image img, .ybm_header .all-menu-wrap .mega .data-wrap .data-list .item .thumb-wrap .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  width: 100%;
  height: auto;
  transition: all 0.5s ease;
}
@supports not (aspect-ratio: calc(160 / 209)) {
  .ybm_header .mega-wrap .mega .data-wrap .data-list .item .thumb-wrap .image, .ybm_header .all-menu-wrap .mega .data-wrap .data-list .item .thumb-wrap .image {
    /*
    &::after {
        display: block;
        content: "";
        clear: both;
    }
    */
  }
  .ybm_header .mega-wrap .mega .data-wrap .data-list .item .thumb-wrap .image::before, .ybm_header .all-menu-wrap .mega .data-wrap .data-list .item .thumb-wrap .image::before {
    content: "";
    float: left;
    padding-top: 130.625%;
    display: block;
  }
}
.ybm_header .mega-wrap .mega .data-wrap .data-list .item .name, .ybm_header .all-menu-wrap .mega .data-wrap .data-list .item .name {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap {
  height: 40.625rem;
  display: flex;
  flex-flow: column wrap;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap.row-flow, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap.row-flow {
  flex-flow: row wrap;
  height: auto;
  margin: 0;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap.number5 .menus, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap.number5 .menus {
  width: 20%;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap.number6, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap.number6 {
  gap: 0;
  align-items: stretch;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap.number6 .menus:nth-child(1), .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap.number6 .menus:nth-child(1) {
  width: 10.75rem;
  border: 1px solid #333333;
  text-align: center;
  padding: 1.875rem 0;
  padding-top: 3.75rem;
  position: relative;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap.number6 .menus:nth-child(1) ul, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap.number6 .menus:nth-child(1) ul {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 1.0625rem;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap.number6 .menus:nth-child(1) a, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap.number6 .menus:nth-child(1) a {
  font-size: 0.9375rem;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap.number6 .menus:nth-child(1) h3, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap.number6 .menus:nth-child(1) h3 {
  position: absolute;
  top: -0.3125rem;
  left: 50%;
  transform: translate(-50%, 0);
  background: url(../../../img/ele/gnb_label_bg.svg) no-repeat center center;
  width: 8.9375rem;
  height: 2.5625rem;
  line-height: 2.5625rem;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap.number6 .menus:nth-child(1) h3 a, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap.number6 .menus:nth-child(1) h3 a {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap.number6 .menus:nth-child(1) li, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap.number6 .menus:nth-child(1) li {
  margin-top: 0;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap.number6 .menus:nth-child(2), .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap.number6 .menus:nth-child(2) {
  width: calc(100% - 212px);
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: space-around;
  flex: 1;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap.number6 .menus.emphasis, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap.number6 .menus.emphasis {
  margin-bottom: 0;
  margin-right: 40px;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap .menus, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap .menus {
  width: 25%;
  padding: 1.25rem 0;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap .menus.emphasis, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap .menus.emphasis {
  width: 210px;
  margin-right: 63px;
  padding: 0.9375rem 1.25rem;
  background: #ffffff;
  border-radius: 0.9375rem;
  border: 1px dashed #D9D9D9;
  margin-bottom: 40px;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap .menus h3, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap .menus h3 {
  font-size: 1.125rem;
  color: #3B3B3B;
  font-weight: 800;
  margin-bottom: 0.8125rem;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap .menus h3 > a, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap .menus h3 > a {
  font-size: 1.125rem;
  color: #1b1b1b;
  font-weight: 700;
  letter-spacing: -0.0625rem;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap .menus a, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap .menus a {
  display: block;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap .menus a:hover, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap .menus a:hover {
  color: #333333;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap .menus li, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap .menus li {
  font-size: 1rem;
  /*
  &:first-child{
      margin-top: rem(13px);
  }
  */
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap .menus li + li, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap .menus li + li {
  margin-top: 0.625rem;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap .menus li.new.up a:after, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap .menus li.new.up a:after {
  content: url(../img/ico_newnup.svg);
  vertical-align: middle;
  padding-left: 0.4375rem;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap .menus li.new a:after, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap .menus li.new a:after {
  content: url(../img/ico_new.svg);
  vertical-align: middle;
  padding-left: 0.4375rem;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap .menus li.up a:after, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap .menus li.up a:after {
  content: url(../img/ico_up.svg);
  vertical-align: middle;
  padding-left: 0.4375rem;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap .menus li a, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap .menus li a {
  letter-spacing: -0.0625rem;
}
.ybm_header .mega-wrap .mega .data-wrap .menu-wrap .menus li a:hover, .ybm_header .all-menu-wrap .mega .data-wrap .menu-wrap .menus li a:hover {
  text-decoration: underline;
}
.ybm_header .mega-wrap .mega .mega-dv, .ybm_header .all-menu-wrap .mega .mega-dv {
  width: 1px;
  border-left: 1px dashed #D9D9D9;
}
.ybm_header .mega-wrap .mega .side, .ybm_header .all-menu-wrap .mega .side {
  width: 208px;
}
.ybm_header .mega-wrap .mega .side h2, .ybm_header .all-menu-wrap .mega .side h2 {
  color: #1b1b1b;
  font-size: 1rem;
}
.ybm_header .mega-wrap .mega .side .banner-wrap .img-link, .ybm_header .all-menu-wrap .mega .side .banner-wrap .img-link {
  border-radius: 0.9375rem;
  overflow: hidden;
  width: 208px;
  height: 15.5rem;
}
.ybm_header .mega-wrap .mega .side .banner-wrap .img-link a, .ybm_header .all-menu-wrap .mega .side .banner-wrap .img-link a {
  display: block;
}
.ybm_header .mega-wrap .mega .side .banner-wrap .img-link.x302, .ybm_header .all-menu-wrap .mega .side .banner-wrap .img-link.x302 {
  height: 18.875rem;
}
.ybm_header .mega-wrap .mega .side .banner-wrap .img-link.x335, .ybm_header .all-menu-wrap .mega .side .banner-wrap .img-link.x335 {
  height: 20.9375rem;
}
.ybm_header .mega-wrap .mega .side .banner-wrap .text-link, .ybm_header .all-menu-wrap .mega .side .banner-wrap .text-link {
  text-align: right;
  font-size: 0.875rem;
}
.ybm_header .mega-wrap .mega .side .banner-wrap .text-link:after, .ybm_header .all-menu-wrap .mega .side .banner-wrap .text-link:after {
  content: url(../img/arrow_next.svg);
  display: inline-block;
  vertical-align: middle;
  padding-left: 0.625rem;
}
.ybm_header .mega-wrap .mega .side .banner-wrap .text-link:hover, .ybm_header .all-menu-wrap .mega .side .banner-wrap .text-link:hover {
  text-decoration: underline;
}
.ybm_header .mega-wrap .mega .side .oncon-list, .ybm_header .all-menu-wrap .mega .side .oncon-list {
  width: 208px;
}
.ybm_header .mega-wrap .mega .side .oncon-list li + li, .ybm_header .all-menu-wrap .mega .side .oncon-list li + li {
  margin-top: 0.625rem;
}
.ybm_header .mega-wrap .mega .side .oncon-list a, .ybm_header .all-menu-wrap .mega .side .oncon-list a {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.9375rem;
  background: #ffffff;
  border: 1px dashed #D9D9D9;
  border-radius: 0.9375rem;
  height: 4.0625rem;
  padding: 0 1.25rem;
  position: relative;
  transition: all 0.3s ease;
}
.ybm_header .mega-wrap .mega .side .oncon-list a:hover, .ybm_header .all-menu-wrap .mega .side .oncon-list a:hover {
  border-color: #333333;
  border-color: #333333;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08);
}
.ybm_header .mega-wrap .mega .side .refer-wrap, .ybm_header .all-menu-wrap .mega .side .refer-wrap {
  width: 208px;
}
.ybm_header .mega-wrap .mega.mega-2 .data-list .item .thumb-wrap:after, .ybm_header .all-menu-wrap .mega.mega-2 .data-list .item .thumb-wrap:after {
  content: "평가 자료보기 >";
}
.ybm_header .mega-wrap .mega.mega-4 .menu-wrap .menus, .ybm_header .all-menu-wrap .mega.mega-4 .menu-wrap .menus {
  padding-right: 20px;
}
.ybm_header .mega-wrap .mega.mega-4 .menu-wrap .menus li a, .ybm_header .all-menu-wrap .mega.mega-4 .menu-wrap .menus li a {
  letter-spacing: -0.075rem;
}
.ybm_header .mega-wrap .mega.mega-6 .data-list, .ybm_header .all-menu-wrap .mega.mega-6 .data-list {
  margin: 0;
  gap: 22px;
}
.ybm_header .mega-wrap .mega.mega-6 .data-list .item, .ybm_header .all-menu-wrap .mega.mega-6 .data-list .item {
  flex: 1;
  padding: 0;
}
.ybm_header .mega-wrap .mega.mega-6 .data-list .item a, .ybm_header .all-menu-wrap .mega.mega-6 .data-list .item a {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.9375rem;
  width: 100%;
  height: 20.9375rem;
  background-color: #ffffff;
  border-radius: 1.5625rem;
  border: 1px dashed #D9D9D9;
  transition: all 0.3s ease;
  text-align: center;
}
.ybm_header .mega-wrap .mega.mega-6 .data-list .item a:hover, .ybm_header .all-menu-wrap .mega.mega-6 .data-list .item a:hover {
  border: 1px solid #333333;
  border-color: #333333;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08);
}
.ybm_header .mega-wrap .mega.mega-6 .data-list .item a img, .ybm_header .all-menu-wrap .mega.mega-6 .data-list .item a img {
  width: 5.9375rem;
  height: 4.0625rem;
  margin: 0 auto;
}
.ybm_header .mega-wrap .mega.mega-6 .data-list .item a span, .ybm_header .all-menu-wrap .mega.mega-6 .data-list .item a span {
  font-size: 1.125rem;
  font-weight: 500;
}
.ybm_header .mega-wrap .mega.mega-6 .data-list .item:hover, .ybm_header .all-menu-wrap .mega.mega-6 .data-list .item:hover {
  transform: scale(1);
}
.ybm_header .mega-wrap .mega.mega-6.type1 .data-list .item .box, .ybm_header .all-menu-wrap .mega.mega-6.type1 .data-list .item .box {
  width: 100%;
  height: 20.9375rem;
  background-color: #ffffff;
  border-radius: 1.5625rem;
  border: 1px dashed #D9D9D9;
  transition: all 0.3s ease;
  text-align: center;
  padding-top: 3.125rem;
}
.ybm_header .mega-wrap .mega.mega-6.type1 .data-list .item .box:hover, .ybm_header .all-menu-wrap .mega.mega-6.type1 .data-list .item .box:hover {
  border: 1px solid #333333;
  border-color: #333333;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08);
}
.ybm_header .mega-wrap .mega.mega-6.type1 .data-list .item .box .inner, .ybm_header .all-menu-wrap .mega.mega-6.type1 .data-list .item .box .inner {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.25rem;
}
.ybm_header .mega-wrap .mega.mega-6.type1 .data-list .item .box a, .ybm_header .all-menu-wrap .mega.mega-6.type1 .data-list .item .box a {
  display: block;
  height: auto;
  background-color: transparent;
  border-radius: 0;
  border: 0 none;
  text-align: left;
}
.ybm_header .mega-wrap .mega.mega-6.type1 .data-list .item .box a:hover, .ybm_header .all-menu-wrap .mega.mega-6.type1 .data-list .item .box a:hover {
  box-shadow: inherit;
}
.ybm_header .mega-wrap .mega.mega-6.type1 .data-list .item .box img, .ybm_header .all-menu-wrap .mega.mega-6.type1 .data-list .item .box img {
  width: 5.9375rem;
  height: 4.0625rem;
  margin: 0 auto;
}
.ybm_header .mega-wrap .mega.mega-6.type1 .data-list .item .box span, .ybm_header .all-menu-wrap .mega.mega-6.type1 .data-list .item .box span {
  display: block;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 27px;
  margin-top: 0.625rem;
  text-align: center;
}
.ybm_header .mega-wrap .mega.mega-6.type1 .data-list .item.flex, .ybm_header .all-menu-wrap .mega.mega-6.type1 .data-list .item.flex, .ybm_header .mega-wrap .mega.mega-6.type1 .data-list .item.btn.special, .ybm_header .all-menu-wrap .mega.mega-6.type1 .data-list .item.btn.special {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.ybm_header .mega-wrap .mega.mega-6.type1 .data-list .item.flex .box, .ybm_header .all-menu-wrap .mega.mega-6.type1 .data-list .item.flex .box, .ybm_header .mega-wrap .mega.mega-6.type1 .data-list .item.btn.special .box, .ybm_header .all-menu-wrap .mega.mega-6.type1 .data-list .item.btn.special .box {
  display: flex;
  justify-content: center;
  height: 10.125rem;
  padding-top: 0;
}
.ybm_header .mega-wrap .mega.mega-6.type1 .data-list .item .list, .ybm_header .all-menu-wrap .mega.mega-6.type1 .data-list .item .list {
  min-width: 110px;
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ybm_header .mega-wrap .mega.mega-6.type1 .data-list .item .list li, .ybm_header .all-menu-wrap .mega.mega-6.type1 .data-list .item .list li {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ybm_header .mega-wrap .mega.mega-6.type1 .data-list .item .list li::before, .ybm_header .all-menu-wrap .mega.mega-6.type1 .data-list .item .list li::before {
  content: "";
  display: inline-block;
  background: url(../img/ico_success.svg) no-repeat center/contain;
  width: 12px;
  height: 12px;
}
.ybm_header .mega-wrap .mega.mega-6.type1 .data-list .item .list li a, .ybm_header .all-menu-wrap .mega.mega-6.type1 .data-list .item .list li a {
  font-size: 0.875rem;
  color: #666666;
  line-height: 1.3125rem;
}
.ybm_header .mega-wrap .mega.mega-6.type1 .data-list .item .list li a:hover, .ybm_header .all-menu-wrap .mega.mega-6.type1 .data-list .item .list li a:hover {
  color: #FF6652;
}
.ybm_header .all-menu-wrap {
  padding: 0;
  background-color: #ffffff;
  top: 0;
}
.ybm_header .all-menu-wrap .all-menu-header {
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
}
.ybm_header .all-menu-wrap .all-menu-header .data-header {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  width: 100%;
}
.ybm_header .all-menu-wrap .all-menu-header .data-header .title {
  width: 100%;
  text-align: center;
  line-height: 3.75rem;
  color: #1b1b1b;
  font-weight: 600;
  font-size: 1.125rem;
  letter-spacing: -0.02em;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap {
  padding: 1.5625rem 0;
  position: relative;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #D9D9D9;
  top: 16.25rem;
  left: 0;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 3.8125rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus {
  position: relative;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus h3 {
  margin-bottom: 0.8125rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus h3 a {
  font-size: 1.125rem;
  color: #1b1b1b;
  letter-spacing: -1.5px;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus ul {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.625rem;
  width: 100%;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus ul li {
  font-size: 0.9375rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus ul li a {
  font-size: 0.9375rem;
  letter-spacing: -0.0625rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus ul li a:hover {
  color: #333333;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus .banner {
  display: inline-block;
  width: 21.5rem;
  height: 7rem;
  line-height: 7rem;
  overflow: hidden;
  background-color: #f6f6f6;
  border-radius: 0.9375rem;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  right: 0;
  top: 0;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(1) {
  width: 5.0625rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(1) li {
  width: 5.0625rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(2) {
  width: 4.0625rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(2) li {
  width: 4.0625rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(3) {
  width: 28.125rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(3) ul {
  gap: 0.625rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(3) ul li {
  width: calc(33.3% - 10px);
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(4) {
  width: 8.1875rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(4) ul {
  width: 8.1875rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(4) ul li {
  width: calc(50% - 10px);
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(5) {
  width: 6.25rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(5) li {
  width: 6.25rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(6) {
  width: 7.5625rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(6) li {
  width: 7.5625rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(7) {
  width: 12.875rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(7) ul {
  width: 12.875rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(7) ul li {
  width: 45%;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(8) {
  width: 28.125rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(8) ul {
  gap: 0.625rem;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(8) ul li {
  width: calc(40% - 10px);
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(9) {
  width: 495.6px;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:nth-child(9) ul li {
  text-align: left;
}
.ybm_header .all-menu-wrap .mega-all .data-wrap .data-list .menus:not(:first-child, :nth-child(7))::before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: #D9D9D9;
  position: absolute;
  top: 0;
  left: -31px;
}
.ybm_header .menu {
  position: relative;
  background-color: #ffffff;
  z-index: 150;
}
.ybm_header .menu .site-name {
  display: none;
}
.ybm_header .menu.fixed {
  position: fixed;
  top: 0px;
  width: 100%;
  animation: dropHeader 0.3s;
  background-color: #333333;
  min-width: 1280px;
}
.ybm_header .menu.fixed .gnb-wrap {
  border: 0;
}
.ybm_header .menu.fixed .gnb-wrap .gnb ul li a::after {
  content: none;
}
.ybm_header .menu.fixed .mega-wrap, .ybm_header .menu.fixed .all-menu-wrap {
  top: 3rem;
}
.ybm_header .menu.fixed .all-menu-wrap {
  top: 0;
}
.ybm_header .menu.fixed .all-menu-wrap .all-menu-header {
  background-color: #333333;
}
.ybm_header .menu.fixed .all-menu-wrap .all-menu-header .data-header .title {
  color: #ffffff;
}
.ybm_header .menu.fixed .container-inner {
  gap: 1.125rem;
}
.ybm_header .menu.fixed .container-inner .toggle-all span {
  background: #ffffff;
}
.ybm_header .menu.fixed .container-inner .site-name {
  display: block;
}
.ybm_header .menu.fixed .container-inner .site-name a {
  display: inline-block;
  text-indent: -9999px;
  width: 9.1875rem;
  height: 2.25rem;
  background: url(../../../img/ele/logo_yloud.svg) no-repeat center/contain;
  background-size: 9.1875rem 2.25rem;
}
.ybm_header .menu.fixed .container-inner .gnb {
  gap: 1.125rem;
}
.ybm_header .menu.fixed .container-inner .gnb ul {
  font-size: 1rem;
}
.ybm_header .menu.fixed .container-inner .gnb ul li.update a::after {
  display: none;
}
.ybm_header .menu.fixed .container-inner .gnb ul a {
  color: #ffffff;
}
.ybm_header .menu.fixed .container-inner .gnb ul a:hover, .ybm_header .menu.fixed .container-inner .gnb ul a.current {
  color: #FFCE51;
}
.ybm_header .menu.fixed .container-inner .out-link-menu {
  background-color: rgba(0, 0, 0, 0.2);
}
.ybm_header .menu.fixed .container-inner .out-link {
  color: #ffffff;
  padding: 0 0.9375rem 0 5.3125rem;
}
.ybm_header .menu.fixed .container-inner .out-link:after {
  display: none;
}
.ybm_header .menu.fixed .container-inner .out-link span {
  color: #ffffff;
}
.ybm_header .link-box.group {
  margin: 0.625rem 0;
  border: 1px solid #D0D0D0;
  background-color: #ffffff;
  border-radius: 0.9375rem;
  overflow: hidden;
}
.ybm_header .link-box.group li a {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  padding: 0.625rem 1.25rem;
  width: 16.25rem;
  max-width: 100%;
  align-items: center;
  font-weight: 400;
  font-size: 0.9375rem;
  position: relative;
  height: 100%;
}
.ybm_header .link-box.group li:not(:last-child) {
  border-bottom: 1px solid #D0D0D0;
}
.ybm_header .link-box.group li:hover {
  background-color: #F1F1F1;
}
.ybm_header .link-box.one li {
  background-color: #ffffff;
  border-radius: 0.9375rem;
  overflow: hidden;
  margin: 0.625rem 0;
}
.ybm_header .link-box.one li a {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 0.625rem;
  padding: 0.9375rem 1.5625rem;
  align-items: center;
  font-size: 0.9375rem;
  position: relative;
  transition: all 0.3s ease;
  height: 100%;
}
.ybm_header .link-box.one li a:after {
  right: 1.5625rem;
}
.ybm_header .link-box.one li a:hover:after {
  right: 0.9375rem;
}
.ybm_header .link-box.one li:not(:last-child) {
  border-bottom: 1px solid #D0D0D0;
}
.ybm_header .link-box.one li:hover {
  border-color: #333333;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.08);
}
.ybm_header .link-box.one li.pt-1 {
  border-radius: 0.625rem;
  background: url(../img/mega-link-box1.jpg) no-repeat center center/cover;
  height: 65px;
  border: 0px none;
  /*
  .sticker{
      background-color: nth($link-points,$i);
      padding: rem(8px) rem(16px);
      color: $bg-basic;
      border-radius: rem(50px);
  }
  */
}
.ybm_header .link-box.one li.pt-1 a {
  color: #ffffff;
}
.ybm_header .link-box.one li.pt-1 a:after {
  content: url(../img/arrow_white_next3.svg);
}
.ybm_header .link-box.one li.pt-1 {
  position: relative;
}
.ybm_header .link-box.one li.pt-1 a {
  cursor: pointer;
}
.ybm_header .link-box.one li:hover {
  box-shadow: none;
}
.ybm_header .link-box.one li.pt-2 {
  border-radius: 0.625rem;
  background: url(../img/mega-link-box2.jpg) no-repeat center center/cover;
  height: 65px;
  border: 0px none;
  /*
  .sticker{
      background-color: nth($link-points,$i);
      padding: rem(8px) rem(16px);
      color: $bg-basic;
      border-radius: rem(50px);
  }
  */
}
.ybm_header .link-box.one li.pt-2 a {
  color: #ffffff;
}
.ybm_header .link-box.one li.pt-2 a:after {
  content: url(../img/arrow_white_next3.svg);
}
.ybm_header .link-box.one li.pt-1 {
  position: relative;
}
.ybm_header .link-box.one li.pt-1 a {
  cursor: pointer;
}
.ybm_header .link-box.one li:hover {
  box-shadow: none;
}
.ybm_header .link-box.one li.pt-3 {
  border-radius: 0.625rem;
  background: url(../img/mega-link-box3.jpg) no-repeat center center/cover;
  height: 65px;
  border: 0px none;
  /*
  .sticker{
      background-color: nth($link-points,$i);
      padding: rem(8px) rem(16px);
      color: $bg-basic;
      border-radius: rem(50px);
  }
  */
}
.ybm_header .link-box.one li.pt-3 a {
  color: #ffffff;
}
.ybm_header .link-box.one li.pt-3 a:after {
  content: url(../img/arrow_white_next3.svg);
}
.ybm_header .link-box.one li.pt-1 {
  position: relative;
}
.ybm_header .link-box.one li.pt-1 a {
  cursor: pointer;
}
.ybm_header .link-box.one li:hover {
  box-shadow: none;
}
.ybm_header .link-box.one li.pt-4 {
  border-radius: 0.625rem;
  background: url(../img/mega-link-box4.jpg) no-repeat center center/cover;
  height: 65px;
  border: 0px none;
  /*
  .sticker{
      background-color: nth($link-points,$i);
      padding: rem(8px) rem(16px);
      color: $bg-basic;
      border-radius: rem(50px);
  }
  */
}
.ybm_header .link-box.one li.pt-4 a {
  color: #ffffff;
}
.ybm_header .link-box.one li.pt-4 a:after {
  content: url(../img/arrow_white_next3.svg);
}
.ybm_header .link-box.one li.pt-1 {
  position: relative;
}
.ybm_header .link-box.one li.pt-1 a {
  cursor: pointer;
}
.ybm_header .link-box.one li:hover {
  box-shadow: none;
}
.ybm_header .link-box.one li.pt-2 .sticker {
  color: #1b1b1b;
}
.ybm_header.ver2, .ybm_header.ver3, .ybm_header.slt-box.ver5 {
  background: linear-gradient(90deg, #CBF0F9 0%, #BAD2F1 54.17%, #DCC5F1 100%);
}
.ybm_header.ver2 .top-menu, .ybm_header.ver3 .top-menu, .ybm_header.slt-box.ver5 .top-menu {
  height: 156px;
}
.ybm_header.ver2 .top-menu .container-inner, .ybm_header.ver3 .top-menu .container-inner, .ybm_header.slt-box.ver5 .top-menu .container-inner {
  padding: 2.8125rem 0;
}
.ybm_header.ver2 .top-menu .search, .ybm_header.ver3 .top-menu .search, .ybm_header.slt-box.ver5 .top-menu .search {
  margin-right: -10px;
  z-index: 1;
}
.ybm_header.ver2 .top-menu .search .reg-keyword, .ybm_header.ver3 .top-menu .search .reg-keyword, .ybm_header.slt-box.ver5 .top-menu .search .reg-keyword {
  width: 43.75rem;
  background-color: #ffffff;
}
.ybm_header.ver2 .top-menu .search .reg-keyword input[type=text]::placeholder, .ybm_header.ver3 .top-menu .search .reg-keyword input[type=text]::placeholder, .ybm_header.slt-box.ver5 .top-menu .search .reg-keyword input[type=text]::placeholder {
  color: #535353;
}
.ybm_header.ver2 .top-menu .top-banner-wrap, .ybm_header.ver3 .top-menu .top-banner-wrap, .ybm_header.slt-box.ver5 .top-menu .top-banner-wrap {
  width: 240px;
  position: relative;
  height: 46px;
}
.ybm_header.ver2 .top-menu .top-banner-wrap img, .ybm_header.ver3 .top-menu .top-banner-wrap img, .ybm_header.slt-box.ver5 .top-menu .top-banner-wrap img {
  position: absolute;
  top: -19px;
  right: 0;
  z-index: -1;
}
.ybm_header.ver2 .top-menu .site-name a, .ybm_header.ver3 .top-menu .site-name a, .ybm_header.slt-box.ver5 .top-menu .site-name a {
  background: none;
}
.ybm_header.ver2 .bottom-menu, .ybm_header.ver3 .bottom-menu, .ybm_header.slt-box.ver5 .bottom-menu {
  width: 1280px;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  background-color: transparent;
}
.ybm_header.ver2 .bottom-menu li, .ybm_header.ver3 .bottom-menu li, .ybm_header.slt-box.ver5 .bottom-menu li {
  line-height: 56px;
  height: 56px;
  flex: 1;
  overflow: hidden;
  background-color: #ffffff;
}
.ybm_header.ver2 .bottom-menu li a, .ybm_header.ver3 .bottom-menu li a, .ybm_header.slt-box.ver5 .bottom-menu li a {
  display: block;
  text-align: center;
  font-weight: 500;
  color: #535353;
}
.ybm_header.ver2 .bottom-menu li a:hover, .ybm_header.ver3 .bottom-menu li a:hover, .ybm_header.slt-box.ver5 .bottom-menu li a:hover {
  color: #333333;
}
.ybm_header.ver2 .bottom-menu li.current, .ybm_header.ver3 .bottom-menu li.current, .ybm_header.slt-box.ver5 .bottom-menu li.current {
  background-color: #2E3457;
}
.ybm_header.ver2 .bottom-menu li.current a, .ybm_header.ver3 .bottom-menu li.current a, .ybm_header.slt-box.ver5 .bottom-menu li.current a {
  color: #ffffff;
}
.ybm_header.ver2 .bottom-menu li:first-child, .ybm_header.ver3 .bottom-menu li:first-child, .ybm_header.slt-box.ver5 .bottom-menu li:first-child {
  border-top-left-radius: 10px;
}
.ybm_header.ver2 .bottom-menu li:last-child, .ybm_header.ver3 .bottom-menu li:last-child, .ybm_header.slt-box.ver5 .bottom-menu li:last-child {
  border-top-right-radius: 10px;
}
.ybm_header.ver2 .bottom-menu li:not(:first-child), .ybm_header.ver3 .bottom-menu li:not(:first-child), .ybm_header.slt-box.ver5 .bottom-menu li:not(:first-child) {
  border-left: 1px solid #D1D1D1;
}
.ybm_header.ver2 .menu-tabs, .ybm_header.ver3 .menu-tabs, .ybm_header.slt-box.ver5 .menu-tabs {
  background-color: #2E3457;
  z-index: -1;
}
.ybm_header.ver2 .menu-tabs .container-inner, .ybm_header.ver3 .menu-tabs .container-inner, .ybm_header.slt-box.ver5 .menu-tabs .container-inner {
  height: 88px;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: 16px;
}
.ybm_header.ver2 .menu-tabs .container-inner a, .ybm_header.ver3 .menu-tabs .container-inner a, .ybm_header.slt-box.ver5 .menu-tabs .container-inner a {
  flex: 0 0 auto;
  background-color: transparent;
  height: 48px;
  line-height: 48px;
  color: #ffffff;
  padding: 0 20px;
}
.ybm_header.ver2 .menu-tabs .container-inner a:hover, .ybm_header.ver3 .menu-tabs .container-inner a:hover, .ybm_header.slt-box.ver5 .menu-tabs .container-inner a:hover {
  border-color: #333333;
  color: #333333;
}
.ybm_header.ver2 .menu-tabs .container-inner a.current, .ybm_header.ver3 .menu-tabs .container-inner a.current, .ybm_header.slt-box.ver5 .menu-tabs .container-inner a.current {
  background-color: #333333;
  border-color: #333333;
}
.ybm_header.ver2 .menu-tabs .container-inner a.current:hover, .ybm_header.ver3 .menu-tabs .container-inner a.current:hover, .ybm_header.slt-box.ver5 .menu-tabs .container-inner a.current:hover {
  color: #ffffff;
}
.ybm_header.ver2 .menu-tabs-container, .ybm_header.ver3 .menu-tabs-container, .ybm_header.slt-box.ver5 .menu-tabs-container {
  background-color: #ffffff;
  z-index: 0;
}
.ybm_header.ver2 .menu-tabs-container .textbook-list, .ybm_header.ver3 .menu-tabs-container .textbook-list, .ybm_header.slt-box.ver5 .menu-tabs-container .textbook-list {
  margin: 26px 0;
}
.ybm_header.ver2 .menu-tabs-container .textbook-list .textbook-title, .ybm_header.ver3 .menu-tabs-container .textbook-list .textbook-title, .ybm_header.slt-box.ver5 .menu-tabs-container .textbook-list .textbook-title {
  font-size: 18px;
  font-weight: 700;
  color: #1b1b1b;
}
.ybm_header.ver2 .menu-tabs-container .textbook-list .data-list, .ybm_header.ver3 .menu-tabs-container .textbook-list .data-list, .ybm_header.slt-box.ver5 .menu-tabs-container .textbook-list .data-list {
  margin-top: 0px;
}
.ybm_header.ver2 .menu-tabs-container .textbook-list .data-list .textbook-swiper, .ybm_header.ver3 .menu-tabs-container .textbook-list .data-list .textbook-swiper, .ybm_header.slt-box.ver5 .menu-tabs-container .textbook-list .data-list .textbook-swiper {
  border-bottom: 0 none;
}
.ybm_header.ver2 .menu-tabs-container .textbook-list .data-list .item, .ybm_header.ver3 .menu-tabs-container .textbook-list .data-list .item, .ybm_header.slt-box.ver5 .menu-tabs-container .textbook-list .data-list .item {
  flex-basis: 12.5%;
  padding-bottom: 0;
}
.ybm_header.ver2 .menu-tabs-container > .bottom, .ybm_header.ver3 .menu-tabs-container > .bottom, .ybm_header.slt-box.ver5 .menu-tabs-container > .bottom {
  border-top: 1px solid #E1E1E1;
  border-bottom: 1px solid #E1E1E1;
  padding: 15px 0;
  color: #3B3B3B;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ybm_header.ver2 .menu-tabs-container > .bottom .label, .ybm_header.ver3 .menu-tabs-container > .bottom .label, .ybm_header.slt-box.ver5 .menu-tabs-container > .bottom .label {
  font-weight: 700;
  font-size: 18px;
}
.ybm_header.ver2 .menu-tabs-container > .bottom .container-inner, .ybm_header.ver3 .menu-tabs-container > .bottom .container-inner, .ybm_header.slt-box.ver5 .menu-tabs-container > .bottom .container-inner {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.ybm_header.ver2 .menu-tabs-container > .bottom .container-inner .category-wrap, .ybm_header.ver3 .menu-tabs-container > .bottom .container-inner .category-wrap, .ybm_header.slt-box.ver5 .menu-tabs-container > .bottom .container-inner .category-wrap {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 30px;
}
.ybm_header.ver2 .menu-tabs-container > .bottom .container-inner .category-wrap .depth-box, .ybm_header.ver3 .menu-tabs-container > .bottom .container-inner .category-wrap .depth-box, .ybm_header.slt-box.ver5 .menu-tabs-container > .bottom .container-inner .category-wrap .depth-box {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;
}
.ybm_header.ver2 .menu-tabs-container > .bottom .container-inner .category-wrap .depth-box .label, .ybm_header.ver3 .menu-tabs-container > .bottom .container-inner .category-wrap .depth-box .label, .ybm_header.slt-box.ver5 .menu-tabs-container > .bottom .container-inner .category-wrap .depth-box .label {
  font-weight: 450;
}
.ybm_header.ver2 .menu-tabs-container > .bottom .container-inner .category-wrap .depth-box .slt-title, .ybm_header.ver3 .menu-tabs-container > .bottom .container-inner .category-wrap .depth-box .slt-title, .ybm_header.slt-box.ver5 .menu-tabs-container > .bottom .container-inner .category-wrap .depth-box .slt-title {
  width: 250px;
  background-color: #F0F0F0;
}
.ybm_header.ver2 .menu-tabs-container .keyword-box, .ybm_header.ver3 .menu-tabs-container .keyword-box, .ybm_header.slt-box.ver5 .menu-tabs-container .keyword-box {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px 0;
}
.ybm_header.ver2 .menu-tabs-container .keyword-box .btn, .ybm_header.ver3 .menu-tabs-container .keyword-box .btn, .ybm_header.slt-box.ver5 .menu-tabs-container .keyword-box .btn {
  border-radius: 50px;
}
.ybm_header.ver3 .top-menu {
  height: auto;
}
.ybm_header.ver3 .top-menu .container-inner {
  padding: 0;
}
.ybm_header.ver3 .top-menu .search {
  margin-right: -30px;
}
.ybm_header.ver3 .top-menu .top-banner-wrap {
  width: 290px;
  height: 211px;
  overflow: hidden;
}
.ybm_header.ver3 .top-menu .top-banner-wrap img {
  width: 290px;
  top: 35px;
}
.ybm_header .data-list .item.ver2022 .thumb-wrap::before {
  content: "2022개정";
  display: block;
  font-size: 12px;
  color: #ffffff;
  font-weight: 700;
  background-color: #FF6652;
  border: 0px none;
  line-height: 20px;
  height: 20px;
  padding: 0 5px;
  position: absolute;
  bottom: 4px;
  left: 4px;
  z-index: 3;
  transition: 0.3s all;
}
.ybm_header .data-list .item.ver2015 .thumb-wrap::before {
  content: "2015개정";
  display: block;
  font-size: 12px;
  color: #FF6652;
  font-weight: 700;
  background-color: #ffffff;
  border: 0px none;
  line-height: 20px;
  height: 20px;
  padding: 0 5px;
  position: absolute;
  bottom: 4px;
  left: 4px;
  z-index: 3;
  transition: 0.3s all;
}
.ybm_header .data-list .item:hover .thumb-wrap::before {
  bottom: 25px;
  left: 4px;
}
.ybm_header .data-list .item.selected .thumb-wrap::before {
  display: none;
}

.only-mobile {
  display: none !important;
}

.container .container-left {
  position: sticky;
  top: 0;
  z-index: 1;
  margin-left: -280px;
  width: 206px;
  height: auto;
  padding: 40px 0;
}
.container .container-left .quick-menu-wrap {
  border: 1px solid #D1D1D1;
  box-shadow: -4px 4px 15px rgba(0, 0, 0, 0.07);
  border-radius: 15px;
  overflow: hidden;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
}
.container .container-left .quick-menu-wrap > .top {
  padding: 20px 25px;
}
.container .container-left .quick-menu-wrap > .top .title {
  text-align: center;
  font-weight: 500;
  color: #000000;
}
.container .container-left .quick-menu-wrap > .top .latest-list {
  margin-top: 16px;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 20px;
}
.container .container-left .quick-menu-wrap > .top .latest-list .thumb-box {
  border: 0 none;
  border-radius: 6px;
  border: 1px solid transparent;
}
.container .container-left .quick-menu-wrap > .top .latest-list .thumb-box:hover {
  border: 1px solid #D1D1D1;
}
.container .container-left .quick-menu-wrap > .top .latest-list .thumb-box:hover .inner .top {
  border-radius: 0;
}
.container .container-left .quick-menu-wrap > .top .latest-list .thumb-box:hover .inner .class-desc2 {
  transform: scale(0.95);
}
.container .container-left .quick-menu-wrap > .top .latest-list .thumb-box .inner {
  border-radius: 6px;
  min-width: 156px;
}
.container .container-left .quick-menu-wrap > .top .latest-list .thumb-box .inner .top {
  border-radius: 6px;
  background-color: #F2F2F2;
  font-size: 13px;
  color: #414141;
  text-align: center;
  line-height: 86.63px;
}
.container .container-left .quick-menu-wrap > .top .latest-list .thumb-box .inner .top.video {
  position: relative;
}
.container .container-left .quick-menu-wrap > .top .latest-list .thumb-box .inner .top.video::before {
  content: "";
  background: url(../img/ico_play_default2.svg) no-repeat center center;
  width: 40px;
  height: 40px;
  background-size: 40px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.container .container-left .quick-menu-wrap > .top .latest-list .thumb-box .inner .class-desc2 {
  transition: all 0.3s;
  width: 156px;
  padding: 8px 4.5px;
  font-size: 13px;
  color: #3B3B3B;
  text-align: center;
  min-height: 0;
  margin: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}
.container .container-left .quick-menu-wrap .bottom {
  width: 100%;
  margin-top: auto;
  border-top: 1px solid #D1D1D1;
}
.container .container-left .quick-menu-wrap .bottom a {
  height: 36px;
  line-height: 36px;
  display: block;
  background-color: #EBEBEB;
  font-size: 13px;
  text-align: center;
  border: 0 none;
  border-radius: 0;
  padding: 0;
}
.container .container-left .remote-widget-wrap {
  font-size: 0.9375rem;
}
.container.sub-contain {
  background: url(../../../img/ele/img_sub_left_bg.png) no-repeat 0;
  background-size: 50% 100%;
  width: 100%;
}
.container.sub-contain .container-inner {
  display: flex;
  align-items: stretch;
  background-color: #ffffff;
}
.container.sub-contain .container-inner .lf-area {
  background-color: #F0F3F7;
  margin-right: 4.375rem;
  width: 10.9375rem;
  border-radius: 0 6.25rem 6.25rem 0;
}
.container.sub-contain .container-inner .rt-area {
  width: calc(100% - 175px - 70px);
  margin-top: 1.875rem;
}
.container.sub-contain .container-inner .left-list-box {
  margin-top: 1.875rem;
  width: 12.875rem;
  font-size: 0.9375rem;
  position: relative;
  height: 100%;
}
.container.sub-contain .container-inner .left-list-box .character1 {
  content: "";
  position: absolute;
  display: block;
  top: -6.875rem;
  left: -18.75rem;
  width: 26.875rem;
  height: 35.8125rem;
  background: url(../../../img/ele/character1.svg) no-repeat center center;
}
.container.sub-contain .container-inner .left-list-box .character2 {
  content: "";
  position: absolute;
  display: block;
  top: -6.875rem;
  left: -18.75rem;
  width: 27.8125rem;
  height: 35.8125rem;
  background: url(../../../img/ele/character3.svg) no-repeat center center;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap {
  position: relative;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap h2 {
  font-size: 1.625rem;
  font-weight: 700;
  color: #1b1b1b;
  margin: 0.5625rem 0;
  text-align: center;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu {
  background-color: #ffffff;
  border: 1px solid #333333;
  width: 12.875rem;
  margin-bottom: 0.625rem;
  height: auto;
  border-radius: 0.9375rem;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.25rem 0;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition.top {
  padding: 1.25rem;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition:not(:last-child):nth-child(1) {
  border-bottom: 1px dashed #D0D0D0;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition h3 {
  font-weight: 600;
  font-size: 0.875rem;
  margin-bottom: 0.3125rem;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition h3.before-icon {
  font-weight: 700;
  font-size: 1.125rem;
  color: #222222;
  margin-bottom: 0;
  padding-left: 1.25rem;
  display: flex;
  align-items: center;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .tabs ul {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .tabs ul li {
  flex: 1;
  height: 2.5rem;
  line-height: 2.5rem;
  border: 1px solid #D0D0D0;
  text-align: center;
  color: #737373;
  font-size: 0.875rem;
  cursor: pointer;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .tabs ul li:first-child {
  border-radius: 0.3125rem 0 0 0.3125rem;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .tabs ul li:last-child {
  border-radius: 0 0.3125rem 0.3125rem 0;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .tabs ul li.on {
  border-color: #FF6652;
  color: #FF6652;
  background: #FFF0F0;
  z-index: 1;
  font-weight: 500;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .tabs ul li:not(:first-child) {
  margin-left: -1px;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list {
  width: 100%;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list i.revision22 {
  display: block;
  width: 44px !important;
  height: 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -33px;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li {
  position: relative;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li + li {
  border-top: 1px solid #D0D0D0;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li a {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  padding: 0.6875rem 1.25rem;
  font-size: 1rem;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li a:hover {
  color: #333333;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li:not(.active).current {
  border: 0px;
  border-color: #FF6652;
  background: #FFF0F0;
  position: relative;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li:not(.active).current + li {
  border: 0;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li:not(.active).current a {
  color: #FF6652;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li:not(.active).current:hover a {
  color: #ffffff;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li:not(.active).current:hover a i.video {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.8832 3.12328C21.5446 2.98172 21.1687 2.93567 20.8022 2.99087C20.4357 3.04606 20.0948 3.20006 19.8217 3.43373L17.426 5.50335V4.00287C17.426 3.17953 17.0738 2.3899 16.4469 1.80771C15.82 1.22551 14.9697 0.898438 14.0832 0.898438H4.0546C3.16801 0.898437 2.31775 1.22551 1.69084 1.80771C1.06393 2.3899 0.711739 3.17953 0.711739 4.00287V12.2814C0.711739 13.1047 1.06393 13.8943 1.69084 14.4765C2.31775 15.0587 3.16801 15.3858 4.0546 15.3858H14.0832C14.9697 15.3858 15.82 15.0587 16.4469 14.4765C17.0738 13.8943 17.426 13.1047 17.426 12.2814V10.7809L19.8329 12.8505C20.1872 13.1484 20.6475 13.3142 21.1255 13.3162C21.3907 13.3156 21.6528 13.2627 21.8943 13.161C22.223 13.0375 22.5045 12.8258 22.703 12.553C22.9015 12.2802 23.0079 11.9587 23.0086 11.6294V4.65481C23.007 4.32438 22.8989 4.00195 22.6984 3.72902C22.4978 3.45609 22.2139 3.24513 21.8832 3.12328ZM15.1975 12.2814C15.1975 12.5558 15.0801 12.819 14.8711 13.0131C14.6621 13.2072 14.3787 13.3162 14.0832 13.3162H4.0546C3.75907 13.3162 3.47565 13.2072 3.26668 13.0131C3.05771 12.819 2.94031 12.5558 2.94031 12.2814V4.00287C2.94031 3.72843 3.05771 3.46522 3.26668 3.27115C3.47565 3.07709 3.75907 2.96806 4.0546 2.96806H14.0832C14.3787 2.96806 14.6621 3.07709 14.8711 3.27115C15.0801 3.46522 15.1975 3.72843 15.1975 4.00287V12.2814ZM20.7689 10.8326L17.6377 8.14212L20.7689 5.45161V10.8326Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center/contain;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li:not(.active).current:hover a i.docu {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.66668 12.3327H10.3333V13.9994H3.66668V12.3327ZM3.66668 8.99935H10.3333V10.666H3.66668V8.99935ZM8.66668 0.666016H2.00001C1.08334 0.666016 0.333344 1.41602 0.333344 2.33268V15.666C0.333344 16.5827 1.07501 17.3327 1.99168 17.3327H12C12.9167 17.3327 13.6667 16.5827 13.6667 15.666V5.66602L8.66668 0.666016ZM12 15.666H2.00001V2.33268H7.83334V6.49935H12V15.666Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center/contain;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li:not(.active).current:hover a i.img {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8 0.75H2.2C1.265 0.75 0.5 1.575 0.5 2.58333V15.4167C0.5 16.425 1.265 17.25 2.2 17.25H15.8C16.735 17.25 17.5 16.425 17.5 15.4167V2.58333C17.5 1.575 16.735 0.75 15.8 0.75ZM15.8 15.4167H2.2V2.58333H15.8V15.4167Z' fill='%23ffffff'/%3E%3Cpath d='M14.1 11.75H3.89999V13.5833H14.1V11.75Z' fill='%23ffffff'/%3E%3Cpath d='M3.89999 9.91602H14.1L11.55 5.79102L9.72857 8.55018L7.17857 4.41602L3.89999 9.91602Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center/contain;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li:not(.active).current:hover a i.mic {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='13' height='17' viewBox='0 0 13 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.59287 10.5135C7.96592 10.5135 9.07428 9.40514 9.07428 8.0321V3.06929C9.07428 1.69625 7.96592 0.587891 6.59287 0.587891C5.21983 0.587891 4.11147 1.69625 4.11147 3.06929V8.0321C4.11147 9.40514 5.21983 10.5135 6.59287 10.5135ZM5.76574 3.06929C5.76574 2.61437 6.13795 2.24216 6.59287 2.24216C7.0478 2.24216 7.42001 2.61437 7.42001 3.06929V8.0321C7.42001 8.48702 7.0478 8.85924 6.59287 8.85924C6.13795 8.85924 5.76574 8.48702 5.76574 8.0321V3.06929ZM10.7285 8.0321C10.7285 10.315 8.87577 12.1678 6.59287 12.1678C4.30998 12.1678 2.4572 10.315 2.4572 8.0321H0.802933C0.802933 10.9519 2.96175 13.3506 5.76574 13.7559V16.3034H7.42001V13.7559C10.224 13.3506 12.3828 10.9519 12.3828 8.0321H10.7285Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center/contain;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li:not(.active).current:hover a i.doc_basic {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.87606 1.15352C5.87606 0.711688 5.51789 0.353516 5.07606 0.353516C4.63423 0.353516 4.27606 0.711688 4.27606 1.15352V1.73633H1.649C1.20821 1.73633 0.84792 1.96156 0.619585 2.20476C0.388194 2.45121 0.199997 2.81189 0.199997 3.22757V16.1539C0.199997 16.5696 0.388194 16.9302 0.619585 17.1767C0.847921 17.4199 1.20821 17.6451 1.649 17.6451H12.6821C13.1239 17.6451 13.4821 17.287 13.4821 16.8451V14.5308C13.4821 14.089 13.1239 13.7308 12.6821 13.7308C12.2402 13.7308 11.8821 14.089 11.8821 14.5308V16.0451H1.8V3.33633H4.27606V3.9185C4.27606 4.36033 4.63423 4.7185 5.07606 4.7185C5.51789 4.7185 5.87606 4.36033 5.87606 3.9185V3.33633H7.80597V3.9185C7.80597 4.36033 8.16414 4.7185 8.60597 4.7185C9.0478 4.7185 9.40597 4.36033 9.40597 3.9185V3.33633H11.8821V4.19667C11.8821 4.6385 12.2402 4.99667 12.6821 4.99667C13.1239 4.99667 13.4821 4.6385 13.4821 4.19667V3.22757C13.4821 2.81189 13.2939 2.45121 13.0625 2.20476C12.8341 1.96156 12.4738 1.73633 12.0331 1.73633H9.40597V1.15352C9.40597 0.711688 9.0478 0.353516 8.60597 0.353516C8.16414 0.353516 7.80597 0.711688 7.80597 1.15352V1.73633H5.87606V1.15352ZM7.95761 6.68477H9.55761V8.06726H7.95761H5.15761H3.55761V6.68477H5.15761H7.95761ZM6.2535 9.93281H5.15764H4.6535H3.55764V11.3153H4.6535H5.15764H6.2535V9.93281ZM13.0815 5.48169L7.09265 11.4706C6.97413 11.5742 6.88495 11.7139 6.84386 11.8782L6.23768 14.303C6.16952 14.5756 6.2494 14.864 6.44811 15.0627C6.64681 15.2614 6.9352 15.3413 7.20782 15.2731L9.55287 14.6868C9.718 14.6631 9.87713 14.5877 10.0042 14.4607L16.066 8.39889C16.2055 8.25939 16.2827 8.08118 16.2976 7.89883L16.3007 7.86939C16.3043 7.83221 16.3083 7.78242 16.3108 7.72249C16.3159 7.60373 16.316 7.43932 16.2956 7.25073C16.2565 6.88919 16.1328 6.35175 15.7344 5.90353C15.724 5.89182 15.7133 5.88042 15.7022 5.86934C15.2524 5.41951 14.6872 5.27361 14.3062 5.22477C14.1076 5.19931 13.9336 5.19684 13.808 5.20065C13.7446 5.20257 13.6919 5.20614 13.6527 5.20955C13.633 5.21126 13.6165 5.21293 13.6037 5.21436L13.587 5.2163L13.5808 5.21708L13.5782 5.21742L13.577 5.21757L13.5765 5.21764L13.5766 5.21978L13.5762 5.21983L13.5759 5.21771C13.3768 5.24426 13.2046 5.34192 13.0815 5.48169ZM8.11329 13.3975L8.34156 12.4844L14.0223 6.80366C14.0481 6.80558 14.075 6.80823 14.1028 6.81178C14.3008 6.83717 14.4564 6.89752 14.5537 6.98456C14.6319 7.08302 14.6846 7.23539 14.7048 7.4227C14.7074 7.44637 14.7093 7.46937 14.7107 7.49146L9.03509 13.167L8.11329 13.3975Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center/contain;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li:not(.active).current:hover a i.doc1 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 10.5H6V12H12V10.5ZM12 7.5H6V9H12V7.5ZM4.5 0H10.5L15 4.5V13.5C15 14.325 14.325 15 13.5 15L12 15V16.5C12 17.325 11.325 18 10.5 18H1.4925C0.6675 18 0 17.325 0 16.5V4.5C0 3.675 0.675 3 1.5 3H3V1.5C3 0.675 3.675 0 4.5 0ZM3 4.5L1.5 4.5V16.5H10.5V15L4.4925 15C3.6675 15 3 14.325 3 13.5V4.5ZM4.5 13.5H13.5V5.25H9.75V1.5H4.5V13.5Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center/contain;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li:not(.active).current:hover a i.doc2 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.01839 2.11445V5.74202H5.64596V2.11445H2.01839ZM0.670455 0.766514C0.909841 0.527129 1.27798 0.314453 1.72146 0.314453H5.94289C6.85926 0.314453 7.44596 1.07842 7.44596 1.81752V6.03895C7.44596 6.42439 7.31355 6.81553 7.01651 7.11257C6.71947 7.40961 6.32834 7.54202 5.94289 7.54202H1.72146C0.982362 7.54202 0.218394 6.95532 0.218394 6.03895V1.81752C0.218394 1.37404 0.43107 1.0059 0.670455 0.766514ZM9.88161 1.21914C9.38455 1.21914 8.98161 1.62208 8.98161 2.11914C8.98161 2.6162 9.38455 3.01914 9.88161 3.01914L15.8816 3.01914C16.3787 3.01914 16.7816 2.6162 16.7816 2.11914C16.7816 1.62208 16.3787 1.21914 15.8816 1.21914L9.88161 1.21914ZM9.88161 4.83633C9.38455 4.83633 8.98161 5.23927 8.98161 5.73633C8.98161 6.23338 9.38455 6.63633 9.88161 6.63633L15.8816 6.63633C16.3787 6.63633 16.7816 6.23338 16.7816 5.73633C16.7816 5.23927 16.3787 4.83633 15.8816 4.83633L9.88161 4.83633ZM9.88161 9.36172C9.38455 9.36172 8.98161 9.76466 8.98161 10.2617C8.98161 10.7588 9.38455 11.1617 9.88161 11.1617H15.8816C16.3787 11.1617 16.7816 10.7588 16.7816 10.2617C16.7816 9.76466 16.3787 9.36172 15.8816 9.36172L9.88161 9.36172ZM8.98161 13.8789C8.98161 13.3819 9.38455 12.9789 9.88161 12.9789L15.8816 12.9789C16.3787 12.9789 16.7816 13.3818 16.7816 13.8789C16.7816 14.376 16.3787 14.7789 15.8816 14.7789H9.88161C9.38455 14.7789 8.98161 14.376 8.98161 13.8789ZM2.01839 13.8846V10.257H5.64596V13.8846H2.01839ZM1.72146 8.45703C1.27798 8.45703 0.909841 8.66971 0.670455 8.90909C0.43107 9.14848 0.218394 9.51662 0.218394 9.96009V14.1815C0.218394 15.0979 0.982362 15.6846 1.72146 15.6846H5.94289C6.32834 15.6846 6.71947 15.5522 7.01651 15.2551C7.31355 14.9581 7.44596 14.567 7.44596 14.1815V9.96009C7.44596 9.221 6.85926 8.45703 5.94289 8.45703H1.72146Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center/contain;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li:not(.active).current:hover a i.doc3 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6156_93207)'%3E%3Cpath d='M12.0833 1.25H5.08334C4.12084 1.25 3.33334 2.0375 3.33334 3V17C3.33334 17.9625 4.11209 18.75 5.07459 18.75H15.5833C16.5458 18.75 17.3333 17.9625 17.3333 17V6.5L12.0833 1.25ZM15.5833 17H5.08334V3H11.5V7.08398H15.5833V17Z' fill='%23ffffff'/%3E%3Cpath d='M11.4375 11.9098V8.34961H9.5625V11.9098H6.75L10.5 15.6504L14.25 11.9098H11.4375ZM11.4375 11.9098V8.34961H9.5625V11.9098H6.75L10.5 15.6504L14.25 11.9098H11.4375Z' fill='%23ffffff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6156_93207'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center/contain;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li.active > a {
  color: #333333;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li .left-sub-menu {
  padding-left: 0.9375rem;
  border-top: 1px solid #D0D0D0;
  padding: 0.625rem 0;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li .left-sub-menu li {
  border: 0;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li .left-sub-menu li a {
  padding-left: 30px;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li .left-sub-menu li a.smartschool-menu::before {
  content: "S";
  width: 14px;
  height: 14px;
  font-size: 11px;
  text-align: center;
  line-height: 13px;
  border: 1px solid #666666;
  border-radius: 14px;
  margin-bottom: 2px;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li .left-sub-menu li a.smartschool-menu:hover::before {
  border-color: #FF6652;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li i {
  display: inline-block;
  margin-top: -3px;
  width: 1.5rem;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li i.video {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.8832 3.12328C21.5446 2.98172 21.1687 2.93567 20.8022 2.99087C20.4357 3.04606 20.0948 3.20006 19.8217 3.43373L17.426 5.50335V4.00287C17.426 3.17953 17.0738 2.3899 16.4469 1.80771C15.82 1.22551 14.9697 0.898438 14.0832 0.898438H4.0546C3.16801 0.898437 2.31775 1.22551 1.69084 1.80771C1.06393 2.3899 0.711739 3.17953 0.711739 4.00287V12.2814C0.711739 13.1047 1.06393 13.8943 1.69084 14.4765C2.31775 15.0587 3.16801 15.3858 4.0546 15.3858H14.0832C14.9697 15.3858 15.82 15.0587 16.4469 14.4765C17.0738 13.8943 17.426 13.1047 17.426 12.2814V10.7809L19.8329 12.8505C20.1872 13.1484 20.6475 13.3142 21.1255 13.3162C21.3907 13.3156 21.6528 13.2627 21.8943 13.161C22.223 13.0375 22.5045 12.8258 22.703 12.553C22.9015 12.2802 23.0079 11.9587 23.0086 11.6294V4.65481C23.007 4.32438 22.8989 4.00195 22.6984 3.72902C22.4978 3.45609 22.2139 3.24513 21.8832 3.12328ZM15.1975 12.2814C15.1975 12.5558 15.0801 12.819 14.8711 13.0131C14.6621 13.2072 14.3787 13.3162 14.0832 13.3162H4.0546C3.75907 13.3162 3.47565 13.2072 3.26668 13.0131C3.05771 12.819 2.94031 12.5558 2.94031 12.2814V4.00287C2.94031 3.72843 3.05771 3.46522 3.26668 3.27115C3.47565 3.07709 3.75907 2.96806 4.0546 2.96806H14.0832C14.3787 2.96806 14.6621 3.07709 14.8711 3.27115C15.0801 3.46522 15.1975 3.72843 15.1975 4.00287V12.2814ZM20.7689 10.8326L17.6377 8.14212L20.7689 5.45161V10.8326Z' fill='%237C7C7C'/%3E%3C/svg%3E") no-repeat center/contain;
  height: 1rem;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li i.docu {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.66668 12.3327H10.3333V13.9994H3.66668V12.3327ZM3.66668 8.99935H10.3333V10.666H3.66668V8.99935ZM8.66668 0.666016H2.00001C1.08334 0.666016 0.333344 1.41602 0.333344 2.33268V15.666C0.333344 16.5827 1.07501 17.3327 1.99168 17.3327H12C12.9167 17.3327 13.6667 16.5827 13.6667 15.666V5.66602L8.66668 0.666016ZM12 15.666H2.00001V2.33268H7.83334V6.49935H12V15.666Z' fill='%237C7C7C'/%3E%3C/svg%3E") no-repeat center/contain;
  height: 1.125rem;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li i.img {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8 0.75H2.2C1.265 0.75 0.5 1.575 0.5 2.58333V15.4167C0.5 16.425 1.265 17.25 2.2 17.25H15.8C16.735 17.25 17.5 16.425 17.5 15.4167V2.58333C17.5 1.575 16.735 0.75 15.8 0.75ZM15.8 15.4167H2.2V2.58333H15.8V15.4167Z' fill='%237C7C7C'/%3E%3Cpath d='M14.1 11.75H3.89999V13.5833H14.1V11.75Z' fill='%237C7C7C'/%3E%3Cpath d='M3.89999 9.91602H14.1L11.55 5.79102L9.72857 8.55018L7.17857 4.41602L3.89999 9.91602Z' fill='%237C7C7C'/%3E%3C/svg%3E") no-repeat center/contain;
  height: 1.125rem;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li i.mic {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='13' height='17' viewBox='0 0 13 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.59287 10.5135C7.96592 10.5135 9.07428 9.40514 9.07428 8.0321V3.06929C9.07428 1.69625 7.96592 0.587891 6.59287 0.587891C5.21983 0.587891 4.11147 1.69625 4.11147 3.06929V8.0321C4.11147 9.40514 5.21983 10.5135 6.59287 10.5135ZM5.76574 3.06929C5.76574 2.61437 6.13795 2.24216 6.59287 2.24216C7.0478 2.24216 7.42001 2.61437 7.42001 3.06929V8.0321C7.42001 8.48702 7.0478 8.85924 6.59287 8.85924C6.13795 8.85924 5.76574 8.48702 5.76574 8.0321V3.06929ZM10.7285 8.0321C10.7285 10.315 8.87577 12.1678 6.59287 12.1678C4.30998 12.1678 2.4572 10.315 2.4572 8.0321H0.802933C0.802933 10.9519 2.96175 13.3506 5.76574 13.7559V16.3034H7.42001V13.7559C10.224 13.3506 12.3828 10.9519 12.3828 8.0321H10.7285Z' fill='%237C7C7C'/%3E%3C/svg%3E") no-repeat center/contain;
  height: 1.0625rem;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li i.doc_basic {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.87606 1.15352C5.87606 0.711688 5.51789 0.353516 5.07606 0.353516C4.63423 0.353516 4.27606 0.711688 4.27606 1.15352V1.73633H1.649C1.20821 1.73633 0.84792 1.96156 0.619585 2.20476C0.388194 2.45121 0.199997 2.81189 0.199997 3.22757V16.1539C0.199997 16.5696 0.388194 16.9302 0.619585 17.1767C0.847921 17.4199 1.20821 17.6451 1.649 17.6451H12.6821C13.1239 17.6451 13.4821 17.287 13.4821 16.8451V14.5308C13.4821 14.089 13.1239 13.7308 12.6821 13.7308C12.2402 13.7308 11.8821 14.089 11.8821 14.5308V16.0451H1.8V3.33633H4.27606V3.9185C4.27606 4.36033 4.63423 4.7185 5.07606 4.7185C5.51789 4.7185 5.87606 4.36033 5.87606 3.9185V3.33633H7.80597V3.9185C7.80597 4.36033 8.16414 4.7185 8.60597 4.7185C9.0478 4.7185 9.40597 4.36033 9.40597 3.9185V3.33633H11.8821V4.19667C11.8821 4.6385 12.2402 4.99667 12.6821 4.99667C13.1239 4.99667 13.4821 4.6385 13.4821 4.19667V3.22757C13.4821 2.81189 13.2939 2.45121 13.0625 2.20476C12.8341 1.96156 12.4738 1.73633 12.0331 1.73633H9.40597V1.15352C9.40597 0.711688 9.0478 0.353516 8.60597 0.353516C8.16414 0.353516 7.80597 0.711688 7.80597 1.15352V1.73633H5.87606V1.15352ZM7.95761 6.68477H9.55761V8.06726H7.95761H5.15761H3.55761V6.68477H5.15761H7.95761ZM6.2535 9.93281H5.15764H4.6535H3.55764V11.3153H4.6535H5.15764H6.2535V9.93281ZM13.0815 5.48169L7.09265 11.4706C6.97413 11.5742 6.88495 11.7139 6.84386 11.8782L6.23768 14.303C6.16952 14.5756 6.2494 14.864 6.44811 15.0627C6.64681 15.2614 6.9352 15.3413 7.20782 15.2731L9.55287 14.6868C9.718 14.6631 9.87713 14.5877 10.0042 14.4607L16.066 8.39889C16.2055 8.25939 16.2827 8.08118 16.2976 7.89883L16.3007 7.86939C16.3043 7.83221 16.3083 7.78242 16.3108 7.72249C16.3159 7.60373 16.316 7.43932 16.2956 7.25073C16.2565 6.88919 16.1328 6.35175 15.7344 5.90353C15.724 5.89182 15.7133 5.88042 15.7022 5.86934C15.2524 5.41951 14.6872 5.27361 14.3062 5.22477C14.1076 5.19931 13.9336 5.19684 13.808 5.20065C13.7446 5.20257 13.6919 5.20614 13.6527 5.20955C13.633 5.21126 13.6165 5.21293 13.6037 5.21436L13.587 5.2163L13.5808 5.21708L13.5782 5.21742L13.577 5.21757L13.5765 5.21764L13.5766 5.21978L13.5762 5.21983L13.5759 5.21771C13.3768 5.24426 13.2046 5.34192 13.0815 5.48169ZM8.11329 13.3975L8.34156 12.4844L14.0223 6.80366C14.0481 6.80558 14.075 6.80823 14.1028 6.81178C14.3008 6.83717 14.4564 6.89752 14.5537 6.98456C14.6319 7.08302 14.6846 7.23539 14.7048 7.4227C14.7074 7.44637 14.7093 7.46937 14.7107 7.49146L9.03509 13.167L8.11329 13.3975Z' fill='%237C7C7C'/%3E%3C/svg%3E") no-repeat center/contain;
  height: 1.125rem;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li i.doc1 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 10.5H6V12H12V10.5ZM12 7.5H6V9H12V7.5ZM4.5 0H10.5L15 4.5V13.5C15 14.325 14.325 15 13.5 15L12 15V16.5C12 17.325 11.325 18 10.5 18H1.4925C0.6675 18 0 17.325 0 16.5V4.5C0 3.675 0.675 3 1.5 3H3V1.5C3 0.675 3.675 0 4.5 0ZM3 4.5L1.5 4.5V16.5H10.5V15L4.4925 15C3.6675 15 3 14.325 3 13.5V4.5ZM4.5 13.5H13.5V5.25H9.75V1.5H4.5V13.5Z' fill='%237C7C7C'/%3E%3C/svg%3E") no-repeat center/contain;
  height: 1.125rem;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li i.doc2 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.01839 2.11445V5.74202H5.64596V2.11445H2.01839ZM0.670455 0.766514C0.909841 0.527129 1.27798 0.314453 1.72146 0.314453H5.94289C6.85926 0.314453 7.44596 1.07842 7.44596 1.81752V6.03895C7.44596 6.42439 7.31355 6.81553 7.01651 7.11257C6.71947 7.40961 6.32834 7.54202 5.94289 7.54202H1.72146C0.982362 7.54202 0.218394 6.95532 0.218394 6.03895V1.81752C0.218394 1.37404 0.43107 1.0059 0.670455 0.766514ZM9.88161 1.21914C9.38455 1.21914 8.98161 1.62208 8.98161 2.11914C8.98161 2.6162 9.38455 3.01914 9.88161 3.01914L15.8816 3.01914C16.3787 3.01914 16.7816 2.6162 16.7816 2.11914C16.7816 1.62208 16.3787 1.21914 15.8816 1.21914L9.88161 1.21914ZM9.88161 4.83633C9.38455 4.83633 8.98161 5.23927 8.98161 5.73633C8.98161 6.23338 9.38455 6.63633 9.88161 6.63633L15.8816 6.63633C16.3787 6.63633 16.7816 6.23338 16.7816 5.73633C16.7816 5.23927 16.3787 4.83633 15.8816 4.83633L9.88161 4.83633ZM9.88161 9.36172C9.38455 9.36172 8.98161 9.76466 8.98161 10.2617C8.98161 10.7588 9.38455 11.1617 9.88161 11.1617H15.8816C16.3787 11.1617 16.7816 10.7588 16.7816 10.2617C16.7816 9.76466 16.3787 9.36172 15.8816 9.36172L9.88161 9.36172ZM8.98161 13.8789C8.98161 13.3819 9.38455 12.9789 9.88161 12.9789L15.8816 12.9789C16.3787 12.9789 16.7816 13.3818 16.7816 13.8789C16.7816 14.376 16.3787 14.7789 15.8816 14.7789H9.88161C9.38455 14.7789 8.98161 14.376 8.98161 13.8789ZM2.01839 13.8846V10.257H5.64596V13.8846H2.01839ZM1.72146 8.45703C1.27798 8.45703 0.909841 8.66971 0.670455 8.90909C0.43107 9.14848 0.218394 9.51662 0.218394 9.96009V14.1815C0.218394 15.0979 0.982362 15.6846 1.72146 15.6846H5.94289C6.32834 15.6846 6.71947 15.5522 7.01651 15.2551C7.31355 14.9581 7.44596 14.567 7.44596 14.1815V9.96009C7.44596 9.221 6.85926 8.45703 5.94289 8.45703H1.72146Z' fill='%237C7C7C'/%3E%3C/svg%3E") no-repeat center/contain;
  height: 1rem;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li i.doc3 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6156_93207)'%3E%3Cpath d='M12.0833 1.25H5.08334C4.12084 1.25 3.33334 2.0375 3.33334 3V17C3.33334 17.9625 4.11209 18.75 5.07459 18.75H15.5833C16.5458 18.75 17.3333 17.9625 17.3333 17V6.5L12.0833 1.25ZM15.5833 17H5.08334V3H11.5V7.08398H15.5833V17Z' fill='%237C7C7C'/%3E%3Cpath d='M11.4375 11.9098V8.34961H9.5625V11.9098H6.75L10.5 15.6504L14.25 11.9098H11.4375ZM11.4375 11.9098V8.34961H9.5625V11.9098H6.75L10.5 15.6504L14.25 11.9098H11.4375Z' fill='%237C7C7C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6156_93207'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center/contain;
  height: 1.25rem;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li.current .video {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.8832 3.12328C21.5446 2.98172 21.1687 2.93567 20.8022 2.99087C20.4357 3.04606 20.0948 3.20006 19.8217 3.43373L17.426 5.50335V4.00287C17.426 3.17953 17.0738 2.3899 16.4469 1.80771C15.82 1.22551 14.9697 0.898438 14.0832 0.898438H4.0546C3.16801 0.898437 2.31775 1.22551 1.69084 1.80771C1.06393 2.3899 0.711739 3.17953 0.711739 4.00287V12.2814C0.711739 13.1047 1.06393 13.8943 1.69084 14.4765C2.31775 15.0587 3.16801 15.3858 4.0546 15.3858H14.0832C14.9697 15.3858 15.82 15.0587 16.4469 14.4765C17.0738 13.8943 17.426 13.1047 17.426 12.2814V10.7809L19.8329 12.8505C20.1872 13.1484 20.6475 13.3142 21.1255 13.3162C21.3907 13.3156 21.6528 13.2627 21.8943 13.161C22.223 13.0375 22.5045 12.8258 22.703 12.553C22.9015 12.2802 23.0079 11.9587 23.0086 11.6294V4.65481C23.007 4.32438 22.8989 4.00195 22.6984 3.72902C22.4978 3.45609 22.2139 3.24513 21.8832 3.12328ZM15.1975 12.2814C15.1975 12.5558 15.0801 12.819 14.8711 13.0131C14.6621 13.2072 14.3787 13.3162 14.0832 13.3162H4.0546C3.75907 13.3162 3.47565 13.2072 3.26668 13.0131C3.05771 12.819 2.94031 12.5558 2.94031 12.2814V4.00287C2.94031 3.72843 3.05771 3.46522 3.26668 3.27115C3.47565 3.07709 3.75907 2.96806 4.0546 2.96806H14.0832C14.3787 2.96806 14.6621 3.07709 14.8711 3.27115C15.0801 3.46522 15.1975 3.72843 15.1975 4.00287V12.2814ZM20.7689 10.8326L17.6377 8.14212L20.7689 5.45161V10.8326Z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li.current .docu {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.66668 12.3327H10.3333V13.9994H3.66668V12.3327ZM3.66668 8.99935H10.3333V10.666H3.66668V8.99935ZM8.66668 0.666016H2.00001C1.08334 0.666016 0.333344 1.41602 0.333344 2.33268V15.666C0.333344 16.5827 1.07501 17.3327 1.99168 17.3327H12C12.9167 17.3327 13.6667 16.5827 13.6667 15.666V5.66602L8.66668 0.666016ZM12 15.666H2.00001V2.33268H7.83334V6.49935H12V15.666Z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li.current .img {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8 0.75H2.2C1.265 0.75 0.5 1.575 0.5 2.58333V15.4167C0.5 16.425 1.265 17.25 2.2 17.25H15.8C16.735 17.25 17.5 16.425 17.5 15.4167V2.58333C17.5 1.575 16.735 0.75 15.8 0.75ZM15.8 15.4167H2.2V2.58333H15.8V15.4167Z' fill='%23FFFFFF'/%3E%3Cpath d='M14.1 11.75H3.89999V13.5833H14.1V11.75Z' fill='%23FFFFFF'/%3E%3Cpath d='M3.89999 9.91602H14.1L11.55 5.79102L9.72857 8.55018L7.17857 4.41602L3.89999 9.91602Z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li.current .mic {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='13' height='17' viewBox='0 0 13 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.59287 10.5135C7.96592 10.5135 9.07428 9.40514 9.07428 8.0321V3.06929C9.07428 1.69625 7.96592 0.587891 6.59287 0.587891C5.21983 0.587891 4.11147 1.69625 4.11147 3.06929V8.0321C4.11147 9.40514 5.21983 10.5135 6.59287 10.5135ZM5.76574 3.06929C5.76574 2.61437 6.13795 2.24216 6.59287 2.24216C7.0478 2.24216 7.42001 2.61437 7.42001 3.06929V8.0321C7.42001 8.48702 7.0478 8.85924 6.59287 8.85924C6.13795 8.85924 5.76574 8.48702 5.76574 8.0321V3.06929ZM10.7285 8.0321C10.7285 10.315 8.87577 12.1678 6.59287 12.1678C4.30998 12.1678 2.4572 10.315 2.4572 8.0321H0.802933C0.802933 10.9519 2.96175 13.3506 5.76574 13.7559V16.3034H7.42001V13.7559C10.224 13.3506 12.3828 10.9519 12.3828 8.0321H10.7285Z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li.current .doc_basic {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.87606 1.15352C5.87606 0.711688 5.51789 0.353516 5.07606 0.353516C4.63423 0.353516 4.27606 0.711688 4.27606 1.15352V1.73633H1.649C1.20821 1.73633 0.84792 1.96156 0.619585 2.20476C0.388194 2.45121 0.199997 2.81189 0.199997 3.22757V16.1539C0.199997 16.5696 0.388194 16.9302 0.619585 17.1767C0.847921 17.4199 1.20821 17.6451 1.649 17.6451H12.6821C13.1239 17.6451 13.4821 17.287 13.4821 16.8451V14.5308C13.4821 14.089 13.1239 13.7308 12.6821 13.7308C12.2402 13.7308 11.8821 14.089 11.8821 14.5308V16.0451H1.8V3.33633H4.27606V3.9185C4.27606 4.36033 4.63423 4.7185 5.07606 4.7185C5.51789 4.7185 5.87606 4.36033 5.87606 3.9185V3.33633H7.80597V3.9185C7.80597 4.36033 8.16414 4.7185 8.60597 4.7185C9.0478 4.7185 9.40597 4.36033 9.40597 3.9185V3.33633H11.8821V4.19667C11.8821 4.6385 12.2402 4.99667 12.6821 4.99667C13.1239 4.99667 13.4821 4.6385 13.4821 4.19667V3.22757C13.4821 2.81189 13.2939 2.45121 13.0625 2.20476C12.8341 1.96156 12.4738 1.73633 12.0331 1.73633H9.40597V1.15352C9.40597 0.711688 9.0478 0.353516 8.60597 0.353516C8.16414 0.353516 7.80597 0.711688 7.80597 1.15352V1.73633H5.87606V1.15352ZM7.95761 6.68477H9.55761V8.06726H7.95761H5.15761H3.55761V6.68477H5.15761H7.95761ZM6.2535 9.93281H5.15764H4.6535H3.55764V11.3153H4.6535H5.15764H6.2535V9.93281ZM13.0815 5.48169L7.09265 11.4706C6.97413 11.5742 6.88495 11.7139 6.84386 11.8782L6.23768 14.303C6.16952 14.5756 6.2494 14.864 6.44811 15.0627C6.64681 15.2614 6.9352 15.3413 7.20782 15.2731L9.55287 14.6868C9.718 14.6631 9.87713 14.5877 10.0042 14.4607L16.066 8.39889C16.2055 8.25939 16.2827 8.08118 16.2976 7.89883L16.3007 7.86939C16.3043 7.83221 16.3083 7.78242 16.3108 7.72249C16.3159 7.60373 16.316 7.43932 16.2956 7.25073C16.2565 6.88919 16.1328 6.35175 15.7344 5.90353C15.724 5.89182 15.7133 5.88042 15.7022 5.86934C15.2524 5.41951 14.6872 5.27361 14.3062 5.22477C14.1076 5.19931 13.9336 5.19684 13.808 5.20065C13.7446 5.20257 13.6919 5.20614 13.6527 5.20955C13.633 5.21126 13.6165 5.21293 13.6037 5.21436L13.587 5.2163L13.5808 5.21708L13.5782 5.21742L13.577 5.21757L13.5765 5.21764L13.5766 5.21978L13.5762 5.21983L13.5759 5.21771C13.3768 5.24426 13.2046 5.34192 13.0815 5.48169ZM8.11329 13.3975L8.34156 12.4844L14.0223 6.80366C14.0481 6.80558 14.075 6.80823 14.1028 6.81178C14.3008 6.83717 14.4564 6.89752 14.5537 6.98456C14.6319 7.08302 14.6846 7.23539 14.7048 7.4227C14.7074 7.44637 14.7093 7.46937 14.7107 7.49146L9.03509 13.167L8.11329 13.3975Z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li.current .doc1 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 10.5H6V12H12V10.5ZM12 7.5H6V9H12V7.5ZM4.5 0H10.5L15 4.5V13.5C15 14.325 14.325 15 13.5 15L12 15V16.5C12 17.325 11.325 18 10.5 18H1.4925C0.6675 18 0 17.325 0 16.5V4.5C0 3.675 0.675 3 1.5 3H3V1.5C3 0.675 3.675 0 4.5 0ZM3 4.5L1.5 4.5V16.5H10.5V15L4.4925 15C3.6675 15 3 14.325 3 13.5V4.5ZM4.5 13.5H13.5V5.25H9.75V1.5H4.5V13.5Z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li.current .doc2 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.01839 2.11445V5.74202H5.64596V2.11445H2.01839ZM0.670455 0.766514C0.909841 0.527129 1.27798 0.314453 1.72146 0.314453H5.94289C6.85926 0.314453 7.44596 1.07842 7.44596 1.81752V6.03895C7.44596 6.42439 7.31355 6.81553 7.01651 7.11257C6.71947 7.40961 6.32834 7.54202 5.94289 7.54202H1.72146C0.982362 7.54202 0.218394 6.95532 0.218394 6.03895V1.81752C0.218394 1.37404 0.43107 1.0059 0.670455 0.766514ZM9.88161 1.21914C9.38455 1.21914 8.98161 1.62208 8.98161 2.11914C8.98161 2.6162 9.38455 3.01914 9.88161 3.01914L15.8816 3.01914C16.3787 3.01914 16.7816 2.6162 16.7816 2.11914C16.7816 1.62208 16.3787 1.21914 15.8816 1.21914L9.88161 1.21914ZM9.88161 4.83633C9.38455 4.83633 8.98161 5.23927 8.98161 5.73633C8.98161 6.23338 9.38455 6.63633 9.88161 6.63633L15.8816 6.63633C16.3787 6.63633 16.7816 6.23338 16.7816 5.73633C16.7816 5.23927 16.3787 4.83633 15.8816 4.83633L9.88161 4.83633ZM9.88161 9.36172C9.38455 9.36172 8.98161 9.76466 8.98161 10.2617C8.98161 10.7588 9.38455 11.1617 9.88161 11.1617H15.8816C16.3787 11.1617 16.7816 10.7588 16.7816 10.2617C16.7816 9.76466 16.3787 9.36172 15.8816 9.36172L9.88161 9.36172ZM8.98161 13.8789C8.98161 13.3819 9.38455 12.9789 9.88161 12.9789L15.8816 12.9789C16.3787 12.9789 16.7816 13.3818 16.7816 13.8789C16.7816 14.376 16.3787 14.7789 15.8816 14.7789H9.88161C9.38455 14.7789 8.98161 14.376 8.98161 13.8789ZM2.01839 13.8846V10.257H5.64596V13.8846H2.01839ZM1.72146 8.45703C1.27798 8.45703 0.909841 8.66971 0.670455 8.90909C0.43107 9.14848 0.218394 9.51662 0.218394 9.96009V14.1815C0.218394 15.0979 0.982362 15.6846 1.72146 15.6846H5.94289C6.32834 15.6846 6.71947 15.5522 7.01651 15.2551C7.31355 14.9581 7.44596 14.567 7.44596 14.1815V9.96009C7.44596 9.221 6.85926 8.45703 5.94289 8.45703H1.72146Z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center/contain;
}
.container.sub-contain .container-inner .left-list-box .left-menu-wrap .left-menu .partition .left-menu-list li.current .doc3 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6156_93207)'%3E%3Cpath d='M12.0833 1.25H5.08334C4.12084 1.25 3.33334 2.0375 3.33334 3V17C3.33334 17.9625 4.11209 18.75 5.07459 18.75H15.5833C16.5458 18.75 17.3333 17.9625 17.3333 17V6.5L12.0833 1.25ZM15.5833 17H5.08334V3H11.5V7.08398H15.5833V17Z' fill='%23FFFFFF'/%3E%3Cpath d='M11.4375 11.9098V8.34961H9.5625V11.9098H6.75L10.5 15.6504L14.25 11.9098H11.4375ZM11.4375 11.9098V8.34961H9.5625V11.9098H6.75L10.5 15.6504L14.25 11.9098H11.4375Z' fill='%23FFFFFF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6156_93207'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center/contain;
}
.container.sub-contain .container-inner .left-list-box .left-banner-wrap a {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 5px;
}
.container.sub-contain .container-inner .left-list-box.ver2 .remote-widget-wrap, .container.sub-contain .container-inner .left-list-box.slt-box.ver5 .remote-widget-wrap, .container.sub-contain .container-inner .left-list-box.ybm_header.ver3 .remote-widget-wrap {
  display: none;
}
.container.sub-contain .container-inner .left-list-box.ver2 .remote-lession, .container.sub-contain .container-inner .left-list-box.slt-box.ver5 .remote-lession, .container.sub-contain .container-inner .left-list-box.ybm_header.ver3 .remote-lession {
  border: 3px solid #DFE5E8;
  border-radius: 0.9375rem;
}
.container.gray {
  background-color: #F0F3F7;
}
.container.video-search .container-inner {
  display: flex;
  align-items: stretch;
}
.container.video-search .container-inner .rt-area {
  width: 1280px;
}

.nave-wrap {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 1.125rem;
}
.nave-wrap a {
  display: block;
}
.nave-wrap span {
  display: block;
  font-size: 0.875rem;
  line-height: 1.12;
  vertical-align: middle;
  position: relative;
}
.nave-wrap span img {
  width: 0.9375rem;
  height: 1.04125rem;
  display: inline-block;
}
.nave-wrap span:not(:last-child):after {
  content: url(../img/arrow_next.svg);
  display: inline-block;
  vertical-align: middle;
  color: #D0D0D0;
  position: absolute;
  top: 50%;
  right: -13px;
  transform: translateY(-50%);
  height: auto !important;
}
.nave-wrap .ico-smartschool-gr-bg, .nave-wrap .thumb-list-wrap .thumb-box .btn-box .smartschool-gr, .thumb-list-wrap .thumb-box .btn-box .nave-wrap .smartschool-gr {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  width: 15px;
  height: 15px;
}

.page-title-wrap {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 1.25rem;
  margin-top: 1.5625rem;
}
.page-title-wrap .title-row {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 0.625rem;
  color: #000000;
  justify-content: space-between;
}
.page-title-wrap .title-row .title {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  padding: 0.375rem 0;
}
.page-title-wrap .title-row .title-desc {
  font-size: 1.625rem;
  color: #1b1b1b;
}
.page-title-wrap .title-row .class-desc {
  font-size: 1.125rem;
  font-weight: 600;
  color: #FF6652;
}
.page-title-wrap .links-row {
  margin-top: auto;
  margin-left: auto;
}
.page-title-wrap .links-row .btn::before {
  line-height: 1.125rem;
}
.page-title-wrap.ver2 .title-row, .page-title-wrap.slt-box.ver5 .title-row, .page-title-wrap.ybm_header.ver3 .title-row {
  flex-direction: row;
  align-items: center;
  gap: 0 15px;
  width: 100%;
}
.page-title-wrap.ver2 .title-row .title, .page-title-wrap.slt-box.ver5 .title-row .title, .page-title-wrap.ybm_header.ver3 .title-row .title {
  flex-basis: auto;
}
.page-title-wrap.ver2 .title-row .title-desc, .page-title-wrap.slt-box.ver5 .title-row .title-desc, .page-title-wrap.ybm_header.ver3 .title-row .title-desc {
  font-size: 1.625rem !important;
}
.page-title-wrap.ver2 .title-row .sub-desc, .page-title-wrap.slt-box.ver5 .title-row .sub-desc, .page-title-wrap.ybm_header.ver3 .title-row .sub-desc {
  font-size: 1.375rem;
  flex-basis: auto;
}
.page-title-wrap.ver2 .title-row .sub-desc2, .page-title-wrap.slt-box.ver5 .title-row .sub-desc2, .page-title-wrap.ybm_header.ver3 .title-row .sub-desc2 {
  font-size: 1rem;
  color: #666666;
  flex-grow: 1;
  word-break: keep-all;
}
.page-title-wrap.ver2 .title-row .active-color, .page-title-wrap.slt-box.ver5 .title-row .active-color, .page-title-wrap.ybm_header.ver3 .title-row .active-color {
  color: #FF6652;
}
.page-title-wrap.ver2 .title-row .sub-list-desc-box, .page-title-wrap.slt-box.ver5 .title-row .sub-list-desc-box, .page-title-wrap.ybm_header.ver3 .title-row .sub-list-desc-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
  padding-left: 15px;
  flex-grow: 1;
}
.page-title-wrap.ver2 .title-row .sub-list-desc-box::before, .page-title-wrap.slt-box.ver5 .title-row .sub-list-desc-box::before, .page-title-wrap.ybm_header.ver3 .title-row .sub-list-desc-box::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -1px;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background-color: #D1D1D1;
  margin-top: -1px;
}
.page-title-wrap.ver2 .title-row .sub-list-desc-box > .slt-box .slt-title, .page-title-wrap.slt-box.ver5 .title-row .sub-list-desc-box > .slt-box .slt-title, .page-title-wrap.ybm_header.ver3 .title-row .sub-list-desc-box > .slt-box .slt-title {
  padding-left: 0;
}
.page-title-wrap.ver2 .title-row .sub-list-desc-box .col, .page-title-wrap.slt-box.ver5 .title-row .sub-list-desc-box .col, .page-title-wrap.ybm_header.ver3 .title-row .sub-list-desc-box .col {
  position: relative;
  display: flex;
  align-items: center;
  gap: 15px;
  width: 100%;
}
.page-title-wrap.ver2 .title-row .sub-list-desc-box .col:last-child, .page-title-wrap.slt-box.ver5 .title-row .sub-list-desc-box .col:last-child, .page-title-wrap.ybm_header.ver3 .title-row .sub-list-desc-box .col:last-child {
  padding-left: 0;
}
.page-title-wrap.ver2 .title-row .sub-list-desc-box .col .next, .page-title-wrap.slt-box.ver5 .title-row .sub-list-desc-box .col .next, .page-title-wrap.ybm_header.ver3 .title-row .sub-list-desc-box .col .next {
  padding-left: 20px;
  position: relative;
}
.page-title-wrap.ver2 .title-row .sub-list-desc-box .col .next::before, .page-title-wrap.slt-box.ver5 .title-row .sub-list-desc-box .col .next::before, .page-title-wrap.ybm_header.ver3 .title-row .sub-list-desc-box .col .next::before {
  content: "";
  display: block;
  background: url(../img/arrow_next.svg) no-repeat center/contain;
  width: 6px;
  height: 11px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.page-title-wrap.ver2 .title-row .sub-list-desc-box .sub-desc2, .page-title-wrap.slt-box.ver5 .title-row .sub-list-desc-box .sub-desc2, .page-title-wrap.ybm_header.ver3 .title-row .sub-list-desc-box .sub-desc2 {
  color: #999999;
  font-size: 0.875rem;
  position: relative;
  padding-left: 13px;
  font-weight: 500;
  width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: inherit;
  word-break: break-all;
}
.page-title-wrap.ver2 .title-row .sub-list-desc-box .sub-desc2::before, .page-title-wrap.slt-box.ver5 .title-row .sub-list-desc-box .sub-desc2::before, .page-title-wrap.ybm_header.ver3 .title-row .sub-list-desc-box .sub-desc2::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 0.3125rem;
  background-color: #797979;
  display: inline-block;
}
.page-title-wrap.ver2 .title-row .sub-list-desc-box .sub-desc2.autow, .page-title-wrap.slt-box.ver5 .title-row .sub-list-desc-box .sub-desc2.autow, .page-title-wrap.ybm_header.ver3 .title-row .sub-list-desc-box .sub-desc2.autow {
  width: auto;
}
.page-title-wrap.pull-up {
  margin-top: -1.5625rem;
}

.page-tab-menu {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  /*
  border:1px solid $horizental-bar;
  border-radius: rem(10px) rem(10px) 0 0;
  overflow: hidden;
  */
}
.page-tab-menu .page-menu {
  flex: 1;
  color: #535353;
  font-weight: 500;
  font-size: 1.125rem;
  text-align: center;
  padding: 0.875rem;
  border: 1px solid #D0D0D0;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}
.page-tab-menu .page-menu:first-child {
  border-top-left-radius: 0.625rem;
  border-bottom-left-radius: 0.625rem;
}
.page-tab-menu .page-menu:last-child {
  border-top-right-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
}
.page-tab-menu .page-menu:not(:first-child) {
  margin-left: -1px;
}
.page-tab-menu .page-menu:hover {
  color: #333333;
}
.page-tab-menu .page-menu.current {
  background-color: #333333;
  border: 1px solid #333333;
  color: #ffffff;
}
.page-tab-menu .page-menu.new:after {
  content: url(../img/ico_new_navy.svg);
  margin-left: 0.625rem;
}
.page-tab-menu.type-a .page-menu, .page-tab-menu.type-b .page-menu {
  flex: none;
  display: block;
  font-weight: 400;
  font-size: 1rem;
  line-height: 36px;
  color: #555555;
  background-color: #ffffff;
  padding: 0 1.5625rem;
  border: 1px solid #D9D9D9;
  border-bottom: 1px solid #333333;
  cursor: pointer;
  position: relative;
  margin-bottom: -1px;
}
.page-tab-menu.type-a .page-menu:hover, .page-tab-menu.type-b .page-menu:hover {
  color: #333333;
}
.page-tab-menu.type-a .page-menu.smart::before, .page-tab-menu.type-b .page-menu.smart::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  width: 20px;
  height: 20px;
  background: url(../img/ico_smartschool-gr.svg) no-repeat center/contain;
}
.page-tab-menu.type-a .page-menu.smart.current, .page-tab-menu.type-b .page-menu.smart.current {
  background-color: #00416C;
  border: 1px solid #00416C;
  color: #ffffff;
}
.page-tab-menu.type-a .page-menu.smart.current::before, .page-tab-menu.type-b .page-menu.smart.current::before {
  display: inline-block;
  background: url(../img/ico_smartschool-w.svg) no-repeat center/contain;
}
.page-tab-menu.type-a .page-menu.smart:hover, .page-tab-menu.type-b .page-menu.smart:hover {
  color: #00416C;
}
.page-tab-menu.type-a .page-menu.current, .page-tab-menu.type-b .page-menu.current {
  background-color: #333333;
  border: 1px solid #333333;
  color: #ffffff;
}
.page-tab-menu.type-a .page-menu.current::before, .page-tab-menu.type-b .page-menu.current::before {
  content: "";
  display: none;
}
.page-tab-menu.type-a .help-box, .page-tab-menu.type-b .help-box {
  margin-left: 1.25rem;
}
.page-tab-menu.type-b .page-menu {
  flex: 1;
  font-size: 0.9375rem;
  line-height: 56px;
}

.page-tab-content {
  display: none;
}
.page-tab-content.current {
  display: block;
}

.page-search-wrap {
  /*
  @include flex-clm;
  padding: rem(5px) rem(25px);
  background-color: nth($bg-grays,3);
  border:1px solid nth($bg-grays,2);
  border-radius: 0 0 rem(10px) rem(10px);
  */
}
.page-search-wrap.type-a .inn, .page-search-wrap.page-tab-menu.type-b .inn {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.625rem;
  padding: 0.9375rem 0;
}
.page-search-wrap.type-b {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  background-color: #FFF5F5;
  border: 0;
  border-top: 1px solid #333333;
  border-radius: 0 0 2.5rem 2.5rem;
}
.page-search-wrap.type-b.top-30 {
  margin-top: 0.9375rem !important;
}
.page-search-wrap.type-b .inn.tab-menu-wrap {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: center;
  overflow: hidden;
  padding-bottom: 1.25rem;
  width: 100%;
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-menu {
  margin-top: -0.0625rem;
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 95%;
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  font-size: 1rem;
  border-radius: 3.125rem;
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn i {
  display: inline-block;
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn i.video {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.8832 3.12328C21.5446 2.98172 21.1687 2.93567 20.8022 2.99087C20.4357 3.04606 20.0948 3.20006 19.8217 3.43373L17.426 5.50335V4.00287C17.426 3.17953 17.0738 2.3899 16.4469 1.80771C15.82 1.22551 14.9697 0.898438 14.0832 0.898438H4.0546C3.16801 0.898437 2.31775 1.22551 1.69084 1.80771C1.06393 2.3899 0.711739 3.17953 0.711739 4.00287V12.2814C0.711739 13.1047 1.06393 13.8943 1.69084 14.4765C2.31775 15.0587 3.16801 15.3858 4.0546 15.3858H14.0832C14.9697 15.3858 15.82 15.0587 16.4469 14.4765C17.0738 13.8943 17.426 13.1047 17.426 12.2814V10.7809L19.8329 12.8505C20.1872 13.1484 20.6475 13.3142 21.1255 13.3162C21.3907 13.3156 21.6528 13.2627 21.8943 13.161C22.223 13.0375 22.5045 12.8258 22.703 12.553C22.9015 12.2802 23.0079 11.9587 23.0086 11.6294V4.65481C23.007 4.32438 22.8989 4.00195 22.6984 3.72902C22.4978 3.45609 22.2139 3.24513 21.8832 3.12328ZM15.1975 12.2814C15.1975 12.5558 15.0801 12.819 14.8711 13.0131C14.6621 13.2072 14.3787 13.3162 14.0832 13.3162H4.0546C3.75907 13.3162 3.47565 13.2072 3.26668 13.0131C3.05771 12.819 2.94031 12.5558 2.94031 12.2814V4.00287C2.94031 3.72843 3.05771 3.46522 3.26668 3.27115C3.47565 3.07709 3.75907 2.96806 4.0546 2.96806H14.0832C14.3787 2.96806 14.6621 3.07709 14.8711 3.27115C15.0801 3.46522 15.1975 3.72843 15.1975 4.00287V12.2814ZM20.7689 10.8326L17.6377 8.14212L20.7689 5.45161V10.8326Z' fill='%237C7C7C'/%3E%3C/svg%3E");
  width: 1.5rem;
  height: 1rem;
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn i.docu {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.66668 12.3327H10.3333V13.9994H3.66668V12.3327ZM3.66668 8.99935H10.3333V10.666H3.66668V8.99935ZM8.66668 0.666016H2.00001C1.08334 0.666016 0.333344 1.41602 0.333344 2.33268V15.666C0.333344 16.5827 1.07501 17.3327 1.99168 17.3327H12C12.9167 17.3327 13.6667 16.5827 13.6667 15.666V5.66602L8.66668 0.666016ZM12 15.666H2.00001V2.33268H7.83334V6.49935H12V15.666Z' fill='%237C7C7C'/%3E%3C/svg%3E");
  width: 0.875rem;
  height: 1.125rem;
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn i.img {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8 0.75H2.2C1.265 0.75 0.5 1.575 0.5 2.58333V15.4167C0.5 16.425 1.265 17.25 2.2 17.25H15.8C16.735 17.25 17.5 16.425 17.5 15.4167V2.58333C17.5 1.575 16.735 0.75 15.8 0.75ZM15.8 15.4167H2.2V2.58333H15.8V15.4167Z' fill='%237C7C7C'/%3E%3Cpath d='M14.1 11.75H3.89999V13.5833H14.1V11.75Z' fill='%237C7C7C'/%3E%3Cpath d='M3.89999 9.91602H14.1L11.55 5.79102L9.72857 8.55018L7.17857 4.41602L3.89999 9.91602Z' fill='%237C7C7C'/%3E%3C/svg%3E");
  width: 1.125rem;
  height: 1.125rem;
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn i.mic {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='13' height='17' viewBox='0 0 13 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.59287 10.5135C7.96592 10.5135 9.07428 9.40514 9.07428 8.0321V3.06929C9.07428 1.69625 7.96592 0.587891 6.59287 0.587891C5.21983 0.587891 4.11147 1.69625 4.11147 3.06929V8.0321C4.11147 9.40514 5.21983 10.5135 6.59287 10.5135ZM5.76574 3.06929C5.76574 2.61437 6.13795 2.24216 6.59287 2.24216C7.0478 2.24216 7.42001 2.61437 7.42001 3.06929V8.0321C7.42001 8.48702 7.0478 8.85924 6.59287 8.85924C6.13795 8.85924 5.76574 8.48702 5.76574 8.0321V3.06929ZM10.7285 8.0321C10.7285 10.315 8.87577 12.1678 6.59287 12.1678C4.30998 12.1678 2.4572 10.315 2.4572 8.0321H0.802933C0.802933 10.9519 2.96175 13.3506 5.76574 13.7559V16.3034H7.42001V13.7559C10.224 13.3506 12.3828 10.9519 12.3828 8.0321H10.7285Z' fill='%237C7C7C'/%3E%3C/svg%3E");
  width: 0.8125rem;
  height: 1.0625rem;
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn i.doc_basic {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.87606 1.15352C5.87606 0.711688 5.51789 0.353516 5.07606 0.353516C4.63423 0.353516 4.27606 0.711688 4.27606 1.15352V1.73633H1.649C1.20821 1.73633 0.84792 1.96156 0.619585 2.20476C0.388194 2.45121 0.199997 2.81189 0.199997 3.22757V16.1539C0.199997 16.5696 0.388194 16.9302 0.619585 17.1767C0.847921 17.4199 1.20821 17.6451 1.649 17.6451H12.6821C13.1239 17.6451 13.4821 17.287 13.4821 16.8451V14.5308C13.4821 14.089 13.1239 13.7308 12.6821 13.7308C12.2402 13.7308 11.8821 14.089 11.8821 14.5308V16.0451H1.8V3.33633H4.27606V3.9185C4.27606 4.36033 4.63423 4.7185 5.07606 4.7185C5.51789 4.7185 5.87606 4.36033 5.87606 3.9185V3.33633H7.80597V3.9185C7.80597 4.36033 8.16414 4.7185 8.60597 4.7185C9.0478 4.7185 9.40597 4.36033 9.40597 3.9185V3.33633H11.8821V4.19667C11.8821 4.6385 12.2402 4.99667 12.6821 4.99667C13.1239 4.99667 13.4821 4.6385 13.4821 4.19667V3.22757C13.4821 2.81189 13.2939 2.45121 13.0625 2.20476C12.8341 1.96156 12.4738 1.73633 12.0331 1.73633H9.40597V1.15352C9.40597 0.711688 9.0478 0.353516 8.60597 0.353516C8.16414 0.353516 7.80597 0.711688 7.80597 1.15352V1.73633H5.87606V1.15352ZM7.95761 6.68477H9.55761V8.06726H7.95761H5.15761H3.55761V6.68477H5.15761H7.95761ZM6.2535 9.93281H5.15764H4.6535H3.55764V11.3153H4.6535H5.15764H6.2535V9.93281ZM13.0815 5.48169L7.09265 11.4706C6.97413 11.5742 6.88495 11.7139 6.84386 11.8782L6.23768 14.303C6.16952 14.5756 6.2494 14.864 6.44811 15.0627C6.64681 15.2614 6.9352 15.3413 7.20782 15.2731L9.55287 14.6868C9.718 14.6631 9.87713 14.5877 10.0042 14.4607L16.066 8.39889C16.2055 8.25939 16.2827 8.08118 16.2976 7.89883L16.3007 7.86939C16.3043 7.83221 16.3083 7.78242 16.3108 7.72249C16.3159 7.60373 16.316 7.43932 16.2956 7.25073C16.2565 6.88919 16.1328 6.35175 15.7344 5.90353C15.724 5.89182 15.7133 5.88042 15.7022 5.86934C15.2524 5.41951 14.6872 5.27361 14.3062 5.22477C14.1076 5.19931 13.9336 5.19684 13.808 5.20065C13.7446 5.20257 13.6919 5.20614 13.6527 5.20955C13.633 5.21126 13.6165 5.21293 13.6037 5.21436L13.587 5.2163L13.5808 5.21708L13.5782 5.21742L13.577 5.21757L13.5765 5.21764L13.5766 5.21978L13.5762 5.21983L13.5759 5.21771C13.3768 5.24426 13.2046 5.34192 13.0815 5.48169ZM8.11329 13.3975L8.34156 12.4844L14.0223 6.80366C14.0481 6.80558 14.075 6.80823 14.1028 6.81178C14.3008 6.83717 14.4564 6.89752 14.5537 6.98456C14.6319 7.08302 14.6846 7.23539 14.7048 7.4227C14.7074 7.44637 14.7093 7.46937 14.7107 7.49146L9.03509 13.167L8.11329 13.3975Z' fill='%237C7C7C'/%3E%3C/svg%3E");
  width: 1.0625rem;
  height: 1.125rem;
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn i.doc1 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 10.5H6V12H12V10.5ZM12 7.5H6V9H12V7.5ZM4.5 0H10.5L15 4.5V13.5C15 14.325 14.325 15 13.5 15L12 15V16.5C12 17.325 11.325 18 10.5 18H1.4925C0.6675 18 0 17.325 0 16.5V4.5C0 3.675 0.675 3 1.5 3H3V1.5C3 0.675 3.675 0 4.5 0ZM3 4.5L1.5 4.5V16.5H10.5V15L4.4925 15C3.6675 15 3 14.325 3 13.5V4.5ZM4.5 13.5H13.5V5.25H9.75V1.5H4.5V13.5Z' fill='%237C7C7C'/%3E%3C/svg%3E");
  width: 0.9375rem;
  height: 1.125rem;
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn i.doc2 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.01839 2.11445V5.74202H5.64596V2.11445H2.01839ZM0.670455 0.766514C0.909841 0.527129 1.27798 0.314453 1.72146 0.314453H5.94289C6.85926 0.314453 7.44596 1.07842 7.44596 1.81752V6.03895C7.44596 6.42439 7.31355 6.81553 7.01651 7.11257C6.71947 7.40961 6.32834 7.54202 5.94289 7.54202H1.72146C0.982362 7.54202 0.218394 6.95532 0.218394 6.03895V1.81752C0.218394 1.37404 0.43107 1.0059 0.670455 0.766514ZM9.88161 1.21914C9.38455 1.21914 8.98161 1.62208 8.98161 2.11914C8.98161 2.6162 9.38455 3.01914 9.88161 3.01914L15.8816 3.01914C16.3787 3.01914 16.7816 2.6162 16.7816 2.11914C16.7816 1.62208 16.3787 1.21914 15.8816 1.21914L9.88161 1.21914ZM9.88161 4.83633C9.38455 4.83633 8.98161 5.23927 8.98161 5.73633C8.98161 6.23338 9.38455 6.63633 9.88161 6.63633L15.8816 6.63633C16.3787 6.63633 16.7816 6.23338 16.7816 5.73633C16.7816 5.23927 16.3787 4.83633 15.8816 4.83633L9.88161 4.83633ZM9.88161 9.36172C9.38455 9.36172 8.98161 9.76466 8.98161 10.2617C8.98161 10.7588 9.38455 11.1617 9.88161 11.1617H15.8816C16.3787 11.1617 16.7816 10.7588 16.7816 10.2617C16.7816 9.76466 16.3787 9.36172 15.8816 9.36172L9.88161 9.36172ZM8.98161 13.8789C8.98161 13.3819 9.38455 12.9789 9.88161 12.9789L15.8816 12.9789C16.3787 12.9789 16.7816 13.3818 16.7816 13.8789C16.7816 14.376 16.3787 14.7789 15.8816 14.7789H9.88161C9.38455 14.7789 8.98161 14.376 8.98161 13.8789ZM2.01839 13.8846V10.257H5.64596V13.8846H2.01839ZM1.72146 8.45703C1.27798 8.45703 0.909841 8.66971 0.670455 8.90909C0.43107 9.14848 0.218394 9.51662 0.218394 9.96009V14.1815C0.218394 15.0979 0.982362 15.6846 1.72146 15.6846H5.94289C6.32834 15.6846 6.71947 15.5522 7.01651 15.2551C7.31355 14.9581 7.44596 14.567 7.44596 14.1815V9.96009C7.44596 9.221 6.85926 8.45703 5.94289 8.45703H1.72146Z' fill='%237C7C7C'/%3E%3C/svg%3E");
  width: 1.0625rem;
  height: 1rem;
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn i.doc3 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6156_93207)'%3E%3Cpath d='M12.0833 1.25H5.08334C4.12084 1.25 3.33334 2.0375 3.33334 3V17C3.33334 17.9625 4.11209 18.75 5.07459 18.75H15.5833C16.5458 18.75 17.3333 17.9625 17.3333 17V6.5L12.0833 1.25ZM15.5833 17H5.08334V3H11.5V7.08398H15.5833V17Z' fill='%237C7C7C'/%3E%3Cpath d='M11.4375 11.9098V8.34961H9.5625V11.9098H6.75L10.5 15.6504L14.25 11.9098H11.4375ZM11.4375 11.9098V8.34961H9.5625V11.9098H6.75L10.5 15.6504L14.25 11.9098H11.4375Z' fill='%237C7C7C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6156_93207'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  width: 1.3125rem;
  height: 1.25rem;
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn:hover .video, .page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn.current .video {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.8832 3.12328C21.5446 2.98172 21.1687 2.93567 20.8022 2.99087C20.4357 3.04606 20.0948 3.20006 19.8217 3.43373L17.426 5.50335V4.00287C17.426 3.17953 17.0738 2.3899 16.4469 1.80771C15.82 1.22551 14.9697 0.898438 14.0832 0.898438H4.0546C3.16801 0.898437 2.31775 1.22551 1.69084 1.80771C1.06393 2.3899 0.711739 3.17953 0.711739 4.00287V12.2814C0.711739 13.1047 1.06393 13.8943 1.69084 14.4765C2.31775 15.0587 3.16801 15.3858 4.0546 15.3858H14.0832C14.9697 15.3858 15.82 15.0587 16.4469 14.4765C17.0738 13.8943 17.426 13.1047 17.426 12.2814V10.7809L19.8329 12.8505C20.1872 13.1484 20.6475 13.3142 21.1255 13.3162C21.3907 13.3156 21.6528 13.2627 21.8943 13.161C22.223 13.0375 22.5045 12.8258 22.703 12.553C22.9015 12.2802 23.0079 11.9587 23.0086 11.6294V4.65481C23.007 4.32438 22.8989 4.00195 22.6984 3.72902C22.4978 3.45609 22.2139 3.24513 21.8832 3.12328ZM15.1975 12.2814C15.1975 12.5558 15.0801 12.819 14.8711 13.0131C14.6621 13.2072 14.3787 13.3162 14.0832 13.3162H4.0546C3.75907 13.3162 3.47565 13.2072 3.26668 13.0131C3.05771 12.819 2.94031 12.5558 2.94031 12.2814V4.00287C2.94031 3.72843 3.05771 3.46522 3.26668 3.27115C3.47565 3.07709 3.75907 2.96806 4.0546 2.96806H14.0832C14.3787 2.96806 14.6621 3.07709 14.8711 3.27115C15.0801 3.46522 15.1975 3.72843 15.1975 4.00287V12.2814ZM20.7689 10.8326L17.6377 8.14212L20.7689 5.45161V10.8326Z' fill='%23FF6652'/%3E%3C/svg%3E");
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn:hover .docu, .page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn.current .docu {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.66668 12.3327H10.3333V13.9994H3.66668V12.3327ZM3.66668 8.99935H10.3333V10.666H3.66668V8.99935ZM8.66668 0.666016H2.00001C1.08334 0.666016 0.333344 1.41602 0.333344 2.33268V15.666C0.333344 16.5827 1.07501 17.3327 1.99168 17.3327H12C12.9167 17.3327 13.6667 16.5827 13.6667 15.666V5.66602L8.66668 0.666016ZM12 15.666H2.00001V2.33268H7.83334V6.49935H12V15.666Z' fill='%23FF6652'/%3E%3C/svg%3E");
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn:hover .img, .page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn.current .img {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8 0.75H2.2C1.265 0.75 0.5 1.575 0.5 2.58333V15.4167C0.5 16.425 1.265 17.25 2.2 17.25H15.8C16.735 17.25 17.5 16.425 17.5 15.4167V2.58333C17.5 1.575 16.735 0.75 15.8 0.75ZM15.8 15.4167H2.2V2.58333H15.8V15.4167Z' fill='%23FF6652'/%3E%3Cpath d='M14.1 11.75H3.89999V13.5833H14.1V11.75Z' fill='%23FF6652'/%3E%3Cpath d='M3.89999 9.91602H14.1L11.55 5.79102L9.72857 8.55018L7.17857 4.41602L3.89999 9.91602Z' fill='%23FF6652'/%3E%3C/svg%3E");
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn:hover .mic, .page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn.current .mic {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='13' height='17' viewBox='0 0 13 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.59287 10.5135C7.96592 10.5135 9.07428 9.40514 9.07428 8.0321V3.06929C9.07428 1.69625 7.96592 0.587891 6.59287 0.587891C5.21983 0.587891 4.11147 1.69625 4.11147 3.06929V8.0321C4.11147 9.40514 5.21983 10.5135 6.59287 10.5135ZM5.76574 3.06929C5.76574 2.61437 6.13795 2.24216 6.59287 2.24216C7.0478 2.24216 7.42001 2.61437 7.42001 3.06929V8.0321C7.42001 8.48702 7.0478 8.85924 6.59287 8.85924C6.13795 8.85924 5.76574 8.48702 5.76574 8.0321V3.06929ZM10.7285 8.0321C10.7285 10.315 8.87577 12.1678 6.59287 12.1678C4.30998 12.1678 2.4572 10.315 2.4572 8.0321H0.802933C0.802933 10.9519 2.96175 13.3506 5.76574 13.7559V16.3034H7.42001V13.7559C10.224 13.3506 12.3828 10.9519 12.3828 8.0321H10.7285Z' fill='%23FF6652'/%3E%3C/svg%3E");
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn:hover .doc_basic, .page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn.current .doc_basic {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.87606 1.15352C5.87606 0.711688 5.51789 0.353516 5.07606 0.353516C4.63423 0.353516 4.27606 0.711688 4.27606 1.15352V1.73633H1.649C1.20821 1.73633 0.84792 1.96156 0.619585 2.20476C0.388194 2.45121 0.199997 2.81189 0.199997 3.22757V16.1539C0.199997 16.5696 0.388194 16.9302 0.619585 17.1767C0.847921 17.4199 1.20821 17.6451 1.649 17.6451H12.6821C13.1239 17.6451 13.4821 17.287 13.4821 16.8451V14.5308C13.4821 14.089 13.1239 13.7308 12.6821 13.7308C12.2402 13.7308 11.8821 14.089 11.8821 14.5308V16.0451H1.8V3.33633H4.27606V3.9185C4.27606 4.36033 4.63423 4.7185 5.07606 4.7185C5.51789 4.7185 5.87606 4.36033 5.87606 3.9185V3.33633H7.80597V3.9185C7.80597 4.36033 8.16414 4.7185 8.60597 4.7185C9.0478 4.7185 9.40597 4.36033 9.40597 3.9185V3.33633H11.8821V4.19667C11.8821 4.6385 12.2402 4.99667 12.6821 4.99667C13.1239 4.99667 13.4821 4.6385 13.4821 4.19667V3.22757C13.4821 2.81189 13.2939 2.45121 13.0625 2.20476C12.8341 1.96156 12.4738 1.73633 12.0331 1.73633H9.40597V1.15352C9.40597 0.711688 9.0478 0.353516 8.60597 0.353516C8.16414 0.353516 7.80597 0.711688 7.80597 1.15352V1.73633H5.87606V1.15352ZM7.95761 6.68477H9.55761V8.06726H7.95761H5.15761H3.55761V6.68477H5.15761H7.95761ZM6.2535 9.93281H5.15764H4.6535H3.55764V11.3153H4.6535H5.15764H6.2535V9.93281ZM13.0815 5.48169L7.09265 11.4706C6.97413 11.5742 6.88495 11.7139 6.84386 11.8782L6.23768 14.303C6.16952 14.5756 6.2494 14.864 6.44811 15.0627C6.64681 15.2614 6.9352 15.3413 7.20782 15.2731L9.55287 14.6868C9.718 14.6631 9.87713 14.5877 10.0042 14.4607L16.066 8.39889C16.2055 8.25939 16.2827 8.08118 16.2976 7.89883L16.3007 7.86939C16.3043 7.83221 16.3083 7.78242 16.3108 7.72249C16.3159 7.60373 16.316 7.43932 16.2956 7.25073C16.2565 6.88919 16.1328 6.35175 15.7344 5.90353C15.724 5.89182 15.7133 5.88042 15.7022 5.86934C15.2524 5.41951 14.6872 5.27361 14.3062 5.22477C14.1076 5.19931 13.9336 5.19684 13.808 5.20065C13.7446 5.20257 13.6919 5.20614 13.6527 5.20955C13.633 5.21126 13.6165 5.21293 13.6037 5.21436L13.587 5.2163L13.5808 5.21708L13.5782 5.21742L13.577 5.21757L13.5765 5.21764L13.5766 5.21978L13.5762 5.21983L13.5759 5.21771C13.3768 5.24426 13.2046 5.34192 13.0815 5.48169ZM8.11329 13.3975L8.34156 12.4844L14.0223 6.80366C14.0481 6.80558 14.075 6.80823 14.1028 6.81178C14.3008 6.83717 14.4564 6.89752 14.5537 6.98456C14.6319 7.08302 14.6846 7.23539 14.7048 7.4227C14.7074 7.44637 14.7093 7.46937 14.7107 7.49146L9.03509 13.167L8.11329 13.3975Z' fill='%23FF6652'/%3E%3C/svg%3E");
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn:hover .doc1, .page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn.current .doc1 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 10.5H6V12H12V10.5ZM12 7.5H6V9H12V7.5ZM4.5 0H10.5L15 4.5V13.5C15 14.325 14.325 15 13.5 15L12 15V16.5C12 17.325 11.325 18 10.5 18H1.4925C0.6675 18 0 17.325 0 16.5V4.5C0 3.675 0.675 3 1.5 3H3V1.5C3 0.675 3.675 0 4.5 0ZM3 4.5L1.5 4.5V16.5H10.5V15L4.4925 15C3.6675 15 3 14.325 3 13.5V4.5ZM4.5 13.5H13.5V5.25H9.75V1.5H4.5V13.5Z' fill='%23FF6652'/%3E%3C/svg%3E");
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn:hover .doc2, .page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn.current .doc2 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.01839 2.11445V5.74202H5.64596V2.11445H2.01839ZM0.670455 0.766514C0.909841 0.527129 1.27798 0.314453 1.72146 0.314453H5.94289C6.85926 0.314453 7.44596 1.07842 7.44596 1.81752V6.03895C7.44596 6.42439 7.31355 6.81553 7.01651 7.11257C6.71947 7.40961 6.32834 7.54202 5.94289 7.54202H1.72146C0.982362 7.54202 0.218394 6.95532 0.218394 6.03895V1.81752C0.218394 1.37404 0.43107 1.0059 0.670455 0.766514ZM9.88161 1.21914C9.38455 1.21914 8.98161 1.62208 8.98161 2.11914C8.98161 2.6162 9.38455 3.01914 9.88161 3.01914L15.8816 3.01914C16.3787 3.01914 16.7816 2.6162 16.7816 2.11914C16.7816 1.62208 16.3787 1.21914 15.8816 1.21914L9.88161 1.21914ZM9.88161 4.83633C9.38455 4.83633 8.98161 5.23927 8.98161 5.73633C8.98161 6.23338 9.38455 6.63633 9.88161 6.63633L15.8816 6.63633C16.3787 6.63633 16.7816 6.23338 16.7816 5.73633C16.7816 5.23927 16.3787 4.83633 15.8816 4.83633L9.88161 4.83633ZM9.88161 9.36172C9.38455 9.36172 8.98161 9.76466 8.98161 10.2617C8.98161 10.7588 9.38455 11.1617 9.88161 11.1617H15.8816C16.3787 11.1617 16.7816 10.7588 16.7816 10.2617C16.7816 9.76466 16.3787 9.36172 15.8816 9.36172L9.88161 9.36172ZM8.98161 13.8789C8.98161 13.3819 9.38455 12.9789 9.88161 12.9789L15.8816 12.9789C16.3787 12.9789 16.7816 13.3818 16.7816 13.8789C16.7816 14.376 16.3787 14.7789 15.8816 14.7789H9.88161C9.38455 14.7789 8.98161 14.376 8.98161 13.8789ZM2.01839 13.8846V10.257H5.64596V13.8846H2.01839ZM1.72146 8.45703C1.27798 8.45703 0.909841 8.66971 0.670455 8.90909C0.43107 9.14848 0.218394 9.51662 0.218394 9.96009V14.1815C0.218394 15.0979 0.982362 15.6846 1.72146 15.6846H5.94289C6.32834 15.6846 6.71947 15.5522 7.01651 15.2551C7.31355 14.9581 7.44596 14.567 7.44596 14.1815V9.96009C7.44596 9.221 6.85926 8.45703 5.94289 8.45703H1.72146Z' fill='%23FF6652'/%3E%3C/svg%3E");
}
.page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn:hover .doc3, .page-search-wrap.type-b .inn.tab-menu-wrap .tab-contents .btn.current .doc3 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6156_93207)'%3E%3Cpath d='M12.0833 1.25H5.08334C4.12084 1.25 3.33334 2.0375 3.33334 3V17C3.33334 17.9625 4.11209 18.75 5.07459 18.75H15.5833C16.5458 18.75 17.3333 17.9625 17.3333 17V6.5L12.0833 1.25ZM15.5833 17H5.08334V3H11.5V7.08398H15.5833V17Z' fill='%23FF6652'/%3E%3Cpath d='M11.4375 11.9098V8.34961H9.5625V11.9098H6.75L10.5 15.6504L14.25 11.9098H11.4375ZM11.4375 11.9098V8.34961H9.5625V11.9098H6.75L10.5 15.6504L14.25 11.9098H11.4375Z' fill='%23FF6652'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6156_93207'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.page-search-wrap.type-c {
  border-top: 1px solid #333333;
}
.page-search-wrap.type-d {
  border-top: 0 none;
}
.page-search-wrap.type-e {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  background-color: #FFF5F5;
  border: 0;
  border-top: 1px solid #333333;
  border-radius: 0 0 2.5rem 2.5rem;
}
.page-search-wrap.type-e.top-30 {
  margin-top: 0.9375rem !important;
}
.page-search-wrap.type-e .inn.tab-menu-wrap {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: center;
  overflow: hidden;
  padding: 20px 0;
  width: 100%;
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-menu {
  margin-top: -0.0625rem;
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 95%;
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  font-size: 1rem;
  border-radius: 3.125rem;
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn i {
  display: inline-block;
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn i.video {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.8832 3.12328C21.5446 2.98172 21.1687 2.93567 20.8022 2.99087C20.4357 3.04606 20.0948 3.20006 19.8217 3.43373L17.426 5.50335V4.00287C17.426 3.17953 17.0738 2.3899 16.4469 1.80771C15.82 1.22551 14.9697 0.898438 14.0832 0.898438H4.0546C3.16801 0.898437 2.31775 1.22551 1.69084 1.80771C1.06393 2.3899 0.711739 3.17953 0.711739 4.00287V12.2814C0.711739 13.1047 1.06393 13.8943 1.69084 14.4765C2.31775 15.0587 3.16801 15.3858 4.0546 15.3858H14.0832C14.9697 15.3858 15.82 15.0587 16.4469 14.4765C17.0738 13.8943 17.426 13.1047 17.426 12.2814V10.7809L19.8329 12.8505C20.1872 13.1484 20.6475 13.3142 21.1255 13.3162C21.3907 13.3156 21.6528 13.2627 21.8943 13.161C22.223 13.0375 22.5045 12.8258 22.703 12.553C22.9015 12.2802 23.0079 11.9587 23.0086 11.6294V4.65481C23.007 4.32438 22.8989 4.00195 22.6984 3.72902C22.4978 3.45609 22.2139 3.24513 21.8832 3.12328ZM15.1975 12.2814C15.1975 12.5558 15.0801 12.819 14.8711 13.0131C14.6621 13.2072 14.3787 13.3162 14.0832 13.3162H4.0546C3.75907 13.3162 3.47565 13.2072 3.26668 13.0131C3.05771 12.819 2.94031 12.5558 2.94031 12.2814V4.00287C2.94031 3.72843 3.05771 3.46522 3.26668 3.27115C3.47565 3.07709 3.75907 2.96806 4.0546 2.96806H14.0832C14.3787 2.96806 14.6621 3.07709 14.8711 3.27115C15.0801 3.46522 15.1975 3.72843 15.1975 4.00287V12.2814ZM20.7689 10.8326L17.6377 8.14212L20.7689 5.45161V10.8326Z' fill='%237C7C7C'/%3E%3C/svg%3E");
  width: 1.5rem;
  height: 1rem;
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn i.docu {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.66668 12.3327H10.3333V13.9994H3.66668V12.3327ZM3.66668 8.99935H10.3333V10.666H3.66668V8.99935ZM8.66668 0.666016H2.00001C1.08334 0.666016 0.333344 1.41602 0.333344 2.33268V15.666C0.333344 16.5827 1.07501 17.3327 1.99168 17.3327H12C12.9167 17.3327 13.6667 16.5827 13.6667 15.666V5.66602L8.66668 0.666016ZM12 15.666H2.00001V2.33268H7.83334V6.49935H12V15.666Z' fill='%237C7C7C'/%3E%3C/svg%3E");
  width: 0.875rem;
  height: 1.125rem;
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn i.img {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8 0.75H2.2C1.265 0.75 0.5 1.575 0.5 2.58333V15.4167C0.5 16.425 1.265 17.25 2.2 17.25H15.8C16.735 17.25 17.5 16.425 17.5 15.4167V2.58333C17.5 1.575 16.735 0.75 15.8 0.75ZM15.8 15.4167H2.2V2.58333H15.8V15.4167Z' fill='%237C7C7C'/%3E%3Cpath d='M14.1 11.75H3.89999V13.5833H14.1V11.75Z' fill='%237C7C7C'/%3E%3Cpath d='M3.89999 9.91602H14.1L11.55 5.79102L9.72857 8.55018L7.17857 4.41602L3.89999 9.91602Z' fill='%237C7C7C'/%3E%3C/svg%3E");
  width: 1.125rem;
  height: 1.125rem;
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn i.mic {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='13' height='17' viewBox='0 0 13 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.59287 10.5135C7.96592 10.5135 9.07428 9.40514 9.07428 8.0321V3.06929C9.07428 1.69625 7.96592 0.587891 6.59287 0.587891C5.21983 0.587891 4.11147 1.69625 4.11147 3.06929V8.0321C4.11147 9.40514 5.21983 10.5135 6.59287 10.5135ZM5.76574 3.06929C5.76574 2.61437 6.13795 2.24216 6.59287 2.24216C7.0478 2.24216 7.42001 2.61437 7.42001 3.06929V8.0321C7.42001 8.48702 7.0478 8.85924 6.59287 8.85924C6.13795 8.85924 5.76574 8.48702 5.76574 8.0321V3.06929ZM10.7285 8.0321C10.7285 10.315 8.87577 12.1678 6.59287 12.1678C4.30998 12.1678 2.4572 10.315 2.4572 8.0321H0.802933C0.802933 10.9519 2.96175 13.3506 5.76574 13.7559V16.3034H7.42001V13.7559C10.224 13.3506 12.3828 10.9519 12.3828 8.0321H10.7285Z' fill='%237C7C7C'/%3E%3C/svg%3E");
  width: 0.8125rem;
  height: 1.0625rem;
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn i.doc_basic {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.87606 1.15352C5.87606 0.711688 5.51789 0.353516 5.07606 0.353516C4.63423 0.353516 4.27606 0.711688 4.27606 1.15352V1.73633H1.649C1.20821 1.73633 0.84792 1.96156 0.619585 2.20476C0.388194 2.45121 0.199997 2.81189 0.199997 3.22757V16.1539C0.199997 16.5696 0.388194 16.9302 0.619585 17.1767C0.847921 17.4199 1.20821 17.6451 1.649 17.6451H12.6821C13.1239 17.6451 13.4821 17.287 13.4821 16.8451V14.5308C13.4821 14.089 13.1239 13.7308 12.6821 13.7308C12.2402 13.7308 11.8821 14.089 11.8821 14.5308V16.0451H1.8V3.33633H4.27606V3.9185C4.27606 4.36033 4.63423 4.7185 5.07606 4.7185C5.51789 4.7185 5.87606 4.36033 5.87606 3.9185V3.33633H7.80597V3.9185C7.80597 4.36033 8.16414 4.7185 8.60597 4.7185C9.0478 4.7185 9.40597 4.36033 9.40597 3.9185V3.33633H11.8821V4.19667C11.8821 4.6385 12.2402 4.99667 12.6821 4.99667C13.1239 4.99667 13.4821 4.6385 13.4821 4.19667V3.22757C13.4821 2.81189 13.2939 2.45121 13.0625 2.20476C12.8341 1.96156 12.4738 1.73633 12.0331 1.73633H9.40597V1.15352C9.40597 0.711688 9.0478 0.353516 8.60597 0.353516C8.16414 0.353516 7.80597 0.711688 7.80597 1.15352V1.73633H5.87606V1.15352ZM7.95761 6.68477H9.55761V8.06726H7.95761H5.15761H3.55761V6.68477H5.15761H7.95761ZM6.2535 9.93281H5.15764H4.6535H3.55764V11.3153H4.6535H5.15764H6.2535V9.93281ZM13.0815 5.48169L7.09265 11.4706C6.97413 11.5742 6.88495 11.7139 6.84386 11.8782L6.23768 14.303C6.16952 14.5756 6.2494 14.864 6.44811 15.0627C6.64681 15.2614 6.9352 15.3413 7.20782 15.2731L9.55287 14.6868C9.718 14.6631 9.87713 14.5877 10.0042 14.4607L16.066 8.39889C16.2055 8.25939 16.2827 8.08118 16.2976 7.89883L16.3007 7.86939C16.3043 7.83221 16.3083 7.78242 16.3108 7.72249C16.3159 7.60373 16.316 7.43932 16.2956 7.25073C16.2565 6.88919 16.1328 6.35175 15.7344 5.90353C15.724 5.89182 15.7133 5.88042 15.7022 5.86934C15.2524 5.41951 14.6872 5.27361 14.3062 5.22477C14.1076 5.19931 13.9336 5.19684 13.808 5.20065C13.7446 5.20257 13.6919 5.20614 13.6527 5.20955C13.633 5.21126 13.6165 5.21293 13.6037 5.21436L13.587 5.2163L13.5808 5.21708L13.5782 5.21742L13.577 5.21757L13.5765 5.21764L13.5766 5.21978L13.5762 5.21983L13.5759 5.21771C13.3768 5.24426 13.2046 5.34192 13.0815 5.48169ZM8.11329 13.3975L8.34156 12.4844L14.0223 6.80366C14.0481 6.80558 14.075 6.80823 14.1028 6.81178C14.3008 6.83717 14.4564 6.89752 14.5537 6.98456C14.6319 7.08302 14.6846 7.23539 14.7048 7.4227C14.7074 7.44637 14.7093 7.46937 14.7107 7.49146L9.03509 13.167L8.11329 13.3975Z' fill='%237C7C7C'/%3E%3C/svg%3E");
  width: 1.0625rem;
  height: 1.125rem;
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn i.doc1 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 10.5H6V12H12V10.5ZM12 7.5H6V9H12V7.5ZM4.5 0H10.5L15 4.5V13.5C15 14.325 14.325 15 13.5 15L12 15V16.5C12 17.325 11.325 18 10.5 18H1.4925C0.6675 18 0 17.325 0 16.5V4.5C0 3.675 0.675 3 1.5 3H3V1.5C3 0.675 3.675 0 4.5 0ZM3 4.5L1.5 4.5V16.5H10.5V15L4.4925 15C3.6675 15 3 14.325 3 13.5V4.5ZM4.5 13.5H13.5V5.25H9.75V1.5H4.5V13.5Z' fill='%237C7C7C'/%3E%3C/svg%3E");
  width: 0.9375rem;
  height: 1.125rem;
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn i.doc2 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.01839 2.11445V5.74202H5.64596V2.11445H2.01839ZM0.670455 0.766514C0.909841 0.527129 1.27798 0.314453 1.72146 0.314453H5.94289C6.85926 0.314453 7.44596 1.07842 7.44596 1.81752V6.03895C7.44596 6.42439 7.31355 6.81553 7.01651 7.11257C6.71947 7.40961 6.32834 7.54202 5.94289 7.54202H1.72146C0.982362 7.54202 0.218394 6.95532 0.218394 6.03895V1.81752C0.218394 1.37404 0.43107 1.0059 0.670455 0.766514ZM9.88161 1.21914C9.38455 1.21914 8.98161 1.62208 8.98161 2.11914C8.98161 2.6162 9.38455 3.01914 9.88161 3.01914L15.8816 3.01914C16.3787 3.01914 16.7816 2.6162 16.7816 2.11914C16.7816 1.62208 16.3787 1.21914 15.8816 1.21914L9.88161 1.21914ZM9.88161 4.83633C9.38455 4.83633 8.98161 5.23927 8.98161 5.73633C8.98161 6.23338 9.38455 6.63633 9.88161 6.63633L15.8816 6.63633C16.3787 6.63633 16.7816 6.23338 16.7816 5.73633C16.7816 5.23927 16.3787 4.83633 15.8816 4.83633L9.88161 4.83633ZM9.88161 9.36172C9.38455 9.36172 8.98161 9.76466 8.98161 10.2617C8.98161 10.7588 9.38455 11.1617 9.88161 11.1617H15.8816C16.3787 11.1617 16.7816 10.7588 16.7816 10.2617C16.7816 9.76466 16.3787 9.36172 15.8816 9.36172L9.88161 9.36172ZM8.98161 13.8789C8.98161 13.3819 9.38455 12.9789 9.88161 12.9789L15.8816 12.9789C16.3787 12.9789 16.7816 13.3818 16.7816 13.8789C16.7816 14.376 16.3787 14.7789 15.8816 14.7789H9.88161C9.38455 14.7789 8.98161 14.376 8.98161 13.8789ZM2.01839 13.8846V10.257H5.64596V13.8846H2.01839ZM1.72146 8.45703C1.27798 8.45703 0.909841 8.66971 0.670455 8.90909C0.43107 9.14848 0.218394 9.51662 0.218394 9.96009V14.1815C0.218394 15.0979 0.982362 15.6846 1.72146 15.6846H5.94289C6.32834 15.6846 6.71947 15.5522 7.01651 15.2551C7.31355 14.9581 7.44596 14.567 7.44596 14.1815V9.96009C7.44596 9.221 6.85926 8.45703 5.94289 8.45703H1.72146Z' fill='%237C7C7C'/%3E%3C/svg%3E");
  width: 1.0625rem;
  height: 1rem;
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn i.doc3 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6156_93207)'%3E%3Cpath d='M12.0833 1.25H5.08334C4.12084 1.25 3.33334 2.0375 3.33334 3V17C3.33334 17.9625 4.11209 18.75 5.07459 18.75H15.5833C16.5458 18.75 17.3333 17.9625 17.3333 17V6.5L12.0833 1.25ZM15.5833 17H5.08334V3H11.5V7.08398H15.5833V17Z' fill='%237C7C7C'/%3E%3Cpath d='M11.4375 11.9098V8.34961H9.5625V11.9098H6.75L10.5 15.6504L14.25 11.9098H11.4375ZM11.4375 11.9098V8.34961H9.5625V11.9098H6.75L10.5 15.6504L14.25 11.9098H11.4375Z' fill='%237C7C7C'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6156_93207'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  width: 1.3125rem;
  height: 1.25rem;
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn:hover .video, .page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn.current .video {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.8832 3.12328C21.5446 2.98172 21.1687 2.93567 20.8022 2.99087C20.4357 3.04606 20.0948 3.20006 19.8217 3.43373L17.426 5.50335V4.00287C17.426 3.17953 17.0738 2.3899 16.4469 1.80771C15.82 1.22551 14.9697 0.898438 14.0832 0.898438H4.0546C3.16801 0.898437 2.31775 1.22551 1.69084 1.80771C1.06393 2.3899 0.711739 3.17953 0.711739 4.00287V12.2814C0.711739 13.1047 1.06393 13.8943 1.69084 14.4765C2.31775 15.0587 3.16801 15.3858 4.0546 15.3858H14.0832C14.9697 15.3858 15.82 15.0587 16.4469 14.4765C17.0738 13.8943 17.426 13.1047 17.426 12.2814V10.7809L19.8329 12.8505C20.1872 13.1484 20.6475 13.3142 21.1255 13.3162C21.3907 13.3156 21.6528 13.2627 21.8943 13.161C22.223 13.0375 22.5045 12.8258 22.703 12.553C22.9015 12.2802 23.0079 11.9587 23.0086 11.6294V4.65481C23.007 4.32438 22.8989 4.00195 22.6984 3.72902C22.4978 3.45609 22.2139 3.24513 21.8832 3.12328ZM15.1975 12.2814C15.1975 12.5558 15.0801 12.819 14.8711 13.0131C14.6621 13.2072 14.3787 13.3162 14.0832 13.3162H4.0546C3.75907 13.3162 3.47565 13.2072 3.26668 13.0131C3.05771 12.819 2.94031 12.5558 2.94031 12.2814V4.00287C2.94031 3.72843 3.05771 3.46522 3.26668 3.27115C3.47565 3.07709 3.75907 2.96806 4.0546 2.96806H14.0832C14.3787 2.96806 14.6621 3.07709 14.8711 3.27115C15.0801 3.46522 15.1975 3.72843 15.1975 4.00287V12.2814ZM20.7689 10.8326L17.6377 8.14212L20.7689 5.45161V10.8326Z' fill='%23FF6652'/%3E%3C/svg%3E");
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn:hover .docu, .page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn.current .docu {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.66668 12.3327H10.3333V13.9994H3.66668V12.3327ZM3.66668 8.99935H10.3333V10.666H3.66668V8.99935ZM8.66668 0.666016H2.00001C1.08334 0.666016 0.333344 1.41602 0.333344 2.33268V15.666C0.333344 16.5827 1.07501 17.3327 1.99168 17.3327H12C12.9167 17.3327 13.6667 16.5827 13.6667 15.666V5.66602L8.66668 0.666016ZM12 15.666H2.00001V2.33268H7.83334V6.49935H12V15.666Z' fill='%23FF6652'/%3E%3C/svg%3E");
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn:hover .img, .page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn.current .img {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.8 0.75H2.2C1.265 0.75 0.5 1.575 0.5 2.58333V15.4167C0.5 16.425 1.265 17.25 2.2 17.25H15.8C16.735 17.25 17.5 16.425 17.5 15.4167V2.58333C17.5 1.575 16.735 0.75 15.8 0.75ZM15.8 15.4167H2.2V2.58333H15.8V15.4167Z' fill='%23FF6652'/%3E%3Cpath d='M14.1 11.75H3.89999V13.5833H14.1V11.75Z' fill='%23FF6652'/%3E%3Cpath d='M3.89999 9.91602H14.1L11.55 5.79102L9.72857 8.55018L7.17857 4.41602L3.89999 9.91602Z' fill='%23FF6652'/%3E%3C/svg%3E");
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn:hover .mic, .page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn.current .mic {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='13' height='17' viewBox='0 0 13 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.59287 10.5135C7.96592 10.5135 9.07428 9.40514 9.07428 8.0321V3.06929C9.07428 1.69625 7.96592 0.587891 6.59287 0.587891C5.21983 0.587891 4.11147 1.69625 4.11147 3.06929V8.0321C4.11147 9.40514 5.21983 10.5135 6.59287 10.5135ZM5.76574 3.06929C5.76574 2.61437 6.13795 2.24216 6.59287 2.24216C7.0478 2.24216 7.42001 2.61437 7.42001 3.06929V8.0321C7.42001 8.48702 7.0478 8.85924 6.59287 8.85924C6.13795 8.85924 5.76574 8.48702 5.76574 8.0321V3.06929ZM10.7285 8.0321C10.7285 10.315 8.87577 12.1678 6.59287 12.1678C4.30998 12.1678 2.4572 10.315 2.4572 8.0321H0.802933C0.802933 10.9519 2.96175 13.3506 5.76574 13.7559V16.3034H7.42001V13.7559C10.224 13.3506 12.3828 10.9519 12.3828 8.0321H10.7285Z' fill='%23FF6652'/%3E%3C/svg%3E");
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn:hover .doc_basic, .page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn.current .doc_basic {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.87606 1.15352C5.87606 0.711688 5.51789 0.353516 5.07606 0.353516C4.63423 0.353516 4.27606 0.711688 4.27606 1.15352V1.73633H1.649C1.20821 1.73633 0.84792 1.96156 0.619585 2.20476C0.388194 2.45121 0.199997 2.81189 0.199997 3.22757V16.1539C0.199997 16.5696 0.388194 16.9302 0.619585 17.1767C0.847921 17.4199 1.20821 17.6451 1.649 17.6451H12.6821C13.1239 17.6451 13.4821 17.287 13.4821 16.8451V14.5308C13.4821 14.089 13.1239 13.7308 12.6821 13.7308C12.2402 13.7308 11.8821 14.089 11.8821 14.5308V16.0451H1.8V3.33633H4.27606V3.9185C4.27606 4.36033 4.63423 4.7185 5.07606 4.7185C5.51789 4.7185 5.87606 4.36033 5.87606 3.9185V3.33633H7.80597V3.9185C7.80597 4.36033 8.16414 4.7185 8.60597 4.7185C9.0478 4.7185 9.40597 4.36033 9.40597 3.9185V3.33633H11.8821V4.19667C11.8821 4.6385 12.2402 4.99667 12.6821 4.99667C13.1239 4.99667 13.4821 4.6385 13.4821 4.19667V3.22757C13.4821 2.81189 13.2939 2.45121 13.0625 2.20476C12.8341 1.96156 12.4738 1.73633 12.0331 1.73633H9.40597V1.15352C9.40597 0.711688 9.0478 0.353516 8.60597 0.353516C8.16414 0.353516 7.80597 0.711688 7.80597 1.15352V1.73633H5.87606V1.15352ZM7.95761 6.68477H9.55761V8.06726H7.95761H5.15761H3.55761V6.68477H5.15761H7.95761ZM6.2535 9.93281H5.15764H4.6535H3.55764V11.3153H4.6535H5.15764H6.2535V9.93281ZM13.0815 5.48169L7.09265 11.4706C6.97413 11.5742 6.88495 11.7139 6.84386 11.8782L6.23768 14.303C6.16952 14.5756 6.2494 14.864 6.44811 15.0627C6.64681 15.2614 6.9352 15.3413 7.20782 15.2731L9.55287 14.6868C9.718 14.6631 9.87713 14.5877 10.0042 14.4607L16.066 8.39889C16.2055 8.25939 16.2827 8.08118 16.2976 7.89883L16.3007 7.86939C16.3043 7.83221 16.3083 7.78242 16.3108 7.72249C16.3159 7.60373 16.316 7.43932 16.2956 7.25073C16.2565 6.88919 16.1328 6.35175 15.7344 5.90353C15.724 5.89182 15.7133 5.88042 15.7022 5.86934C15.2524 5.41951 14.6872 5.27361 14.3062 5.22477C14.1076 5.19931 13.9336 5.19684 13.808 5.20065C13.7446 5.20257 13.6919 5.20614 13.6527 5.20955C13.633 5.21126 13.6165 5.21293 13.6037 5.21436L13.587 5.2163L13.5808 5.21708L13.5782 5.21742L13.577 5.21757L13.5765 5.21764L13.5766 5.21978L13.5762 5.21983L13.5759 5.21771C13.3768 5.24426 13.2046 5.34192 13.0815 5.48169ZM8.11329 13.3975L8.34156 12.4844L14.0223 6.80366C14.0481 6.80558 14.075 6.80823 14.1028 6.81178C14.3008 6.83717 14.4564 6.89752 14.5537 6.98456C14.6319 7.08302 14.6846 7.23539 14.7048 7.4227C14.7074 7.44637 14.7093 7.46937 14.7107 7.49146L9.03509 13.167L8.11329 13.3975Z' fill='%23FF6652'/%3E%3C/svg%3E");
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn:hover .doc1, .page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn.current .doc1 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 10.5H6V12H12V10.5ZM12 7.5H6V9H12V7.5ZM4.5 0H10.5L15 4.5V13.5C15 14.325 14.325 15 13.5 15L12 15V16.5C12 17.325 11.325 18 10.5 18H1.4925C0.6675 18 0 17.325 0 16.5V4.5C0 3.675 0.675 3 1.5 3H3V1.5C3 0.675 3.675 0 4.5 0ZM3 4.5L1.5 4.5V16.5H10.5V15L4.4925 15C3.6675 15 3 14.325 3 13.5V4.5ZM4.5 13.5H13.5V5.25H9.75V1.5H4.5V13.5Z' fill='%23FF6652'/%3E%3C/svg%3E");
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn:hover .doc2, .page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn.current .doc2 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.01839 2.11445V5.74202H5.64596V2.11445H2.01839ZM0.670455 0.766514C0.909841 0.527129 1.27798 0.314453 1.72146 0.314453H5.94289C6.85926 0.314453 7.44596 1.07842 7.44596 1.81752V6.03895C7.44596 6.42439 7.31355 6.81553 7.01651 7.11257C6.71947 7.40961 6.32834 7.54202 5.94289 7.54202H1.72146C0.982362 7.54202 0.218394 6.95532 0.218394 6.03895V1.81752C0.218394 1.37404 0.43107 1.0059 0.670455 0.766514ZM9.88161 1.21914C9.38455 1.21914 8.98161 1.62208 8.98161 2.11914C8.98161 2.6162 9.38455 3.01914 9.88161 3.01914L15.8816 3.01914C16.3787 3.01914 16.7816 2.6162 16.7816 2.11914C16.7816 1.62208 16.3787 1.21914 15.8816 1.21914L9.88161 1.21914ZM9.88161 4.83633C9.38455 4.83633 8.98161 5.23927 8.98161 5.73633C8.98161 6.23338 9.38455 6.63633 9.88161 6.63633L15.8816 6.63633C16.3787 6.63633 16.7816 6.23338 16.7816 5.73633C16.7816 5.23927 16.3787 4.83633 15.8816 4.83633L9.88161 4.83633ZM9.88161 9.36172C9.38455 9.36172 8.98161 9.76466 8.98161 10.2617C8.98161 10.7588 9.38455 11.1617 9.88161 11.1617H15.8816C16.3787 11.1617 16.7816 10.7588 16.7816 10.2617C16.7816 9.76466 16.3787 9.36172 15.8816 9.36172L9.88161 9.36172ZM8.98161 13.8789C8.98161 13.3819 9.38455 12.9789 9.88161 12.9789L15.8816 12.9789C16.3787 12.9789 16.7816 13.3818 16.7816 13.8789C16.7816 14.376 16.3787 14.7789 15.8816 14.7789H9.88161C9.38455 14.7789 8.98161 14.376 8.98161 13.8789ZM2.01839 13.8846V10.257H5.64596V13.8846H2.01839ZM1.72146 8.45703C1.27798 8.45703 0.909841 8.66971 0.670455 8.90909C0.43107 9.14848 0.218394 9.51662 0.218394 9.96009V14.1815C0.218394 15.0979 0.982362 15.6846 1.72146 15.6846H5.94289C6.32834 15.6846 6.71947 15.5522 7.01651 15.2551C7.31355 14.9581 7.44596 14.567 7.44596 14.1815V9.96009C7.44596 9.221 6.85926 8.45703 5.94289 8.45703H1.72146Z' fill='%23FF6652'/%3E%3C/svg%3E");
}
.page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn:hover .doc3, .page-search-wrap.type-e .inn.tab-menu-wrap .tab-contents .btn.current .doc3 {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_6156_93207)'%3E%3Cpath d='M12.0833 1.25H5.08334C4.12084 1.25 3.33334 2.0375 3.33334 3V17C3.33334 17.9625 4.11209 18.75 5.07459 18.75H15.5833C16.5458 18.75 17.3333 17.9625 17.3333 17V6.5L12.0833 1.25ZM15.5833 17H5.08334V3H11.5V7.08398H15.5833V17Z' fill='%23FF6652'/%3E%3Cpath d='M11.4375 11.9098V8.34961H9.5625V11.9098H6.75L10.5 15.6504L14.25 11.9098H11.4375ZM11.4375 11.9098V8.34961H9.5625V11.9098H6.75L10.5 15.6504L14.25 11.9098H11.4375Z' fill='%23FF6652'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_6156_93207'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}
.page-search-wrap.p20 {
  padding: 1.25rem;
}
.page-search-wrap .page-search-group {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 0.625rem;
  width: 100%;
}
.page-search-wrap .page-search-group label {
  display: block;
  font-weight: 500;
  color: #3B3B3B;
  flex-basis: 5rem;
  line-height: 2.125rem;
}
.page-search-wrap .items {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.3125rem;
  flex-basis: calc(100% - 80px);
}
.page-search-wrap .items .item {
  font-size: 0.875rem;
  font-weight: 400;
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.625rem;
  border: 1px solid #dadada;
  border-radius: 0.3125rem;
  background-color: #ffffff;
}
.page-search-wrap .items .item.current {
  border-color: #333333;
  color: #333333;
}

.pop-tab-menu {
  display: flex;
  border-bottom: 1px solid #CFCFCF;
}
.pop-tab-menu .pop-menu {
  flex: 1;
  color: #535353;
  font-weight: 500;
  font-size: 1rem;
  text-align: center;
  padding: 0.53125rem;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  cursor: pointer;
  position: relative;
}
.pop-tab-menu .pop-menu:hover {
  color: #333333;
}
.pop-tab-menu .pop-menu.current {
  color: #333333;
}
.pop-tab-menu .pop-menu.current::before {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  background-color: #333333;
}

.tab-conts .pop-tab-content {
  display: none;
}
.tab-conts .pop-tab-content.current {
  display: block;
}

footer {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  border-top: 1px solid #dadada;
}
footer.for-mobile {
  display: none;
}
footer .footer-top {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 21px 0;
}
footer .footer-top .as-info {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  height: 32px;
  font-weight: 700;
}
footer .footer-top .as-info .title-box {
  display: flex;
  align-items: center;
}
footer .footer-top .as-info .title {
  font-size: 1rem;
  color: #1b1b1b;
}
footer .footer-top .as-info .tel {
  font-size: 1.5rem;
  color: #333333;
}
footer .footer-top .as-info .tooltip-box {
  margin-left: 5px;
}
footer .footer-top .as-info .tooltip-box .tool-tip-conts .inn strong {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #3B3B3B;
}
footer .footer-top .as-info .tooltip-box .tool-tip-conts .inn .list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
footer .footer-top .as-info .tooltip-box .tool-tip-conts .inn .list span {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #666666;
}
footer .footer-top .link-box {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
footer .footer-top .link-box .link {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 35px;
  color: #1b1b1b;
}
footer .footer-top .link-box .link li {
  position: relative;
}
footer .footer-top .link-box .link li:not(:last-of-type):after {
  content: "";
  position: absolute;
  right: -17.5px;
  top: 6px;
  width: 1px;
  height: 12px;
  background-color: #dadada;
}
footer .footer-top .link-box .snslink {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 10px;
}
footer .footer-bottom {
  background-color: #3B3B3B;
}
footer .footer-bottom .inn {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 40px 0;
  text-align: left;
}
footer .footer-bottom .inn .copyright-left {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}
footer .footer-bottom .inn .copyright-left img {
  display: inline;
  width: 7.5625rem;
  margin-bottom: 2.1875rem;
}
footer .footer-bottom .inn .copyright-left .link {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  gap: 20px;
}
footer .footer-bottom .inn .copyright-left .link a {
  color: #AAAAAA;
}
footer .footer-bottom .inn .copyright-left .link a:hover {
  font-weight: 700;
  color: #F1F1F1;
}
footer .footer-bottom .inn .copyright-left .copyright {
  color: #AAAAAA;
  font-size: 0.75rem;
}
footer .footer-bottom .inn .copyright-right {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  justify-content: flex-end;
}
footer .footer-bottom .inn .compony-info {
  color: #AAAAAA;
  font-size: 0.75rem;
}

.bottom-contents-widget a {
  display: block;
  text-align: center;
  background-color: #00416C;
  border-radius: 10px;
  padding: 15px 20px;
  color: #ffffff;
  font-weight: 500;
}
.bottom-contents-widget a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: url(../img/ico_y_same.svg) no-repeat center/contain;
  width: 35px;
  height: 35px;
  margin-right: 10px;
}

.left-menu-widget {
  border: 1px solid #D1D1D1;
  border-radius: 15px;
  background-color: #ffffff;
  overflow: hidden;
}
.left-menu-widget > div {
  font-weight: 400;
  font-size: 0.8125rem;
  padding: 0.875rem 1.5625rem;
}
.left-menu-widget > div:nth-child(1) {
  padding-bottom: 0.625rem;
}
.left-menu-widget > div:nth-child(2) {
  padding-top: 0.625rem;
}
.left-menu-widget > div.point {
  background-color: #00416C;
}
.left-menu-widget > div.point a {
  font-weight: 500;
  color: #ffffff;
  line-height: 1.0625rem;
}
.left-menu-widget > div.point a.arrow-next {
  display: block;
  width: 100%;
  position: relative;
}
.left-menu-widget > div.point a.arrow-next:after {
  content: url(../img/arrow_white_next2.svg);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: right 0.3s ease;
}
.left-menu-widget > div.point a.arrow-next:hover:after {
  right: -0.3125rem;
}

.only-mobile {
  display: none !important;
}

@keyframes dropHeader {
  0% {
    top: -5rem;
  }
  100% {
    top: 0;
  }
}
.mic-btn {
  margin-bottom: 20px;
}

/*# sourceMappingURL=layout.css.map */