.mk-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  object-fit: contain;
}

.mk-icon--xs {
  width: 16px;
  height: 16px;
}

.mk-icon--sm {
  width: 18px;
  height: 18px;
}

.mk-icon--md {
  width: 22px;
  height: 22px;
}

.mk-icon--lg {
  width: 28px;
  height: 28px;
}

.mk-icon--rotate-up {
  transform: rotate(-90deg);
}

.mk-icon--rotate-down {
  transform: rotate(90deg);
}

.mk-icon--rotate-right {
  transform: rotate(180deg);
}

.header_icon .mk-icon {
  width: 28px;
  height: 28px;
}

.cp792.btn_pc .mk-icon,
.cp792.btn .mk-icon {
  width: 24px;
  height: 24px;
}

#category_scroll_btn .mk-icon {
  width: 17px;
  height: 17px;
}

#d_full_btn .cp792 .mk-icon {
  position: relative;
  top: 5px;
}

@media (min-width: 576px) and (max-width: 959px) {
  #d_full_btn .cp792.btn .mk-icon {
    position: absolute;
    top: 12px;
    left: 15px;
  }
}

.cp550 .updown .mk-icon {
  width: 20px;
  height: 20px;
}

.cp793 .p-close .mk-icon,
.cp797 .p-close .mk-icon,
.cp798 .p-close .mk-icon {
  width: 21px;
  height: 21px;
}

.footer_company .mk-icon,
.footer_end .mk-icon {
  width: 16px;
  height: 16px;
}

.footer_end .mk-icon {
  margin-right: 6px;
}

.yt-mute {
  border: 0;
  background: transparent;
  padding: 0;
  cursor: pointer;
}