@font-face {
  font-family: 'TossProductSans';
  src: url(https://asset-fe.tossbank.com/fonts/ttf/TossProductSans06ExtraBold.ttf);
  font-weight: 800;
}

@font-face {
  font-family: 'TossProductSans';
  src: url(https://asset-fe.tossbank.com/fonts/ttf/TossProductSans05Bold.ttf);
  font-weight: 700;
}

@font-face {
  font-family: 'TossProductSans';
  src: url(https://asset-fe.tossbank.com/fonts/ttf/TossProductSans02Regular.ttf);
  font-weight: 400;
}

.fr-view {
  font-family: "TossProductSans", "cjk", sans-serif, TossProductSans,
  "SF Pro KR", "SF Pro Display", "SF Pro Icons", -apple-system,
  BlinkMacSystemFont, "Basier Square", "Apple SD Gothic Neo", Roboto,
  "Noto Sans KR", "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif,
  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  overflow-x: auto;
}

.fr-view .tossbank-checkbox {
  margin: 0px 8px 0px 0px;
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 0px;
  /*vertical-align: middle;*/
  vertical-align: sub;
  border: 1px solid black;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
}

.fr-view .tossbank-checkbox.checked {
  background-color: gray;
}

.fr-view .tossbank-checkbox:checked {
  background-color: gray;
}