#box__knowledge {
  background: url(../img/bg/box-knowledge.webp) no-repeat center 0 #c0c6c9;
  background-size: calc(var(--spacing) * 192) auto;
}
@media (max-width: 991px) {
  #box__knowledge {
    background: url(../img/mobile/bg/box-knowledge.webp) no-repeat center 0 #c0c6c9;
    background-size: 100% auto;
  }
}
#box__knowledge .box__info-main {
  background: url(../img/bg/box-knowledge-detail-info.webp) no-repeat;
  background-size: 100% auto;
  filter: drop-shadow(calc(var(--spacing) * 0.5) calc(var(--spacing) * 0.5) calc(var(--spacing) * 1) rgba(0, 0, 0, 0.3));
}
@media (max-width: 991px) {
  #box__knowledge .box__info-main {
    background: url(../img/mobile/bg/box-knowledge-detail-info.webp) no-repeat;
    background-size: 100% auto;
  }
}
#box__knowledge .box__info-main .head {
  background: url(../img/knowledge/bg-1.webp) no-repeat;
  background-size: 100% auto;
  height: calc(var(--spacing) * 17);
}
@media (max-width: 991px) {
  #box__knowledge .box__info-main .head {
    background: url(../img/mobile/knowledge/bg-1.webp) no-repeat;
    background-size: 100% auto;
  }
}
#box__knowledge .box__info-main .year-2568 .head {
  background: url(../img/knowledge/bg-2.webp) no-repeat;
  background-size: 100% auto;
  height: calc(var(--spacing) * 16);
}
@media (max-width: 991px) {
  #box__knowledge .box__info-main .year-2568 .head {
    background: url(../img/mobile/knowledge/bg-2.webp) no-repeat;
    background-size: 100% auto;
    height: calc(var(--spacing) * 14);
  }
}
#box__knowledge .box-save {
  background: url(../img/bg/box-knowledge-2.webp) no-repeat #31b2e6;
  background-size: 100% auto;
}
@media (max-width: 991px) {
  #box__knowledge .box-save {
    background: url(../img/bg/box-knowledge-2.webp) no-repeat #31b2e6;
    background-size: 100% auto;
  }
}