@charset "utf-8";
@import 'fonts.css';

/* 다크테마 */
@media (prefers-color-scheme: dark) {
  body {
    color-scheme: dark;
  }

  label.checkbox input[type="checkbox"]:checked + span,
  label.checkbox input[type="checkbox"]:checked + input + span {
    filter: invert(100%);
  }

  footer > logo {
    background: url(../image/logo_lgcns_d.svg) no-repeat;
  }

  titleblock > h1 {
    filter: invert(100%);
  }

  titleblock > a .symbol-ople {
    background: url(../image/symbol_ople_d.svg) no-repeat;
  }

  form certgroup group > btns.ext .btn-round.ople {
    background: var(--alt-base-100) url(../image/logo_ople_d.svg) no-repeat center;
  }

  form pinblock > pinbox keypad > button.backspace {
    filter: invert(100%);
  }

  form complete > i {
    filter: invert(100%);
  }

  form setting box > i {
    filter: invert(100%);
  }

  form certbox > box > qrcode .btn-zoom i {
    filter: invert(100%);
  }

  form certbox > box > ople i {
    background: url(../image/logo_ople_d.svg) no-repeat center;
  }
}