@charset 'utf-8';

html {
  height: 100%;
  overflow: hidden;
}
body {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  color: #333;
  font-family: '나눔고딕', Malgun Gothic, '맑은고딕', Arial, Dotum, '돋움',
    Gulim, '굴림';
  font-size: 13px;
  line-height: 18px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
div,
p,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
iframe,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul,
ol {
  list-style: none;
}
@mixin ucap-material-theme($theme) {
  @include ucap-core-theme($theme);
}

@mixin ucap-core-theme($theme) {
  $accent: map-get($theme, accent);
  $warn: map-get($theme, warn);
  $primary: map-get($theme, primary);
  $background: map-get($theme, background);
  $foreground: map-get($theme, foreground);

  .bg-primary-color {
    background: mat-color($primary);
    color: mat-color($primary, default-contrast);
  }
  .bg-accent-color {
    background: mat-color($accent);
    color: mat-color($accent, default-contrast);
  }
  .text-primary-color {
    color: mat-color($primary);
  }
  .text-accent-color {
    color: mat-color($accent);
  }
  .border-primary-color {
    border: 1px solid mat-color($primary);
  }
  .border-accent-color {
    border: 1px solid mat-color($accent);
  }
}