html,
body {
  font-family: 'Pretendard-Regular', 'Roboto', 'Noto Sans KR';

  font-weight: 100;
  background-color: white;
  font-size: 14px;
  color: #333333;
  box-sizing: content-box;
  height: 100%;
  /* min-width: 1200px; */
  white-space: nowrap;
  overflow-x: auto;
}


.font-primary {
  color: #cccccc;
}

.font-secondary {
  color: #999999;
}

.font-tertiary {
  color: black;
}

.font-bold {
  font-weight: bold;
}

.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.text-align-left {
  text-align: left;
}

.router-link {
  text-decoration: none;
}

.display-flex {
  display: flex;
}
.display-block {
  display: block;
}
.display-inline {
  display: inline;
}
.display-inline-block {
  display: inline-block;
}
.b-f {
  font-family: 'Noto Sans KR', sans-serif !important;
}
.b-f-n {
  font-family: 'Noto Sans KR', sans-serif !important;
}

.m-l-a {
  margin-left: auto;
}
.m-r-a {
  margin-right: auto;
}

html { scrollbar-arrow-color: #efefef;

  scrollbar-Track-Color: #efefef; 
  scrollbar-base-color: #dfdfdf;

  scrollbar-Face-Color: #dfdfdf;

  scrollbar-3dLight-Color: #dfdfdf;         
  scrollbar-DarkShadow-Color: #dfdfdf;

  scrollbar-Highlight-Color: #dfdfdf;

  scrollbar-Shadow-Color: #dfdfdf}
/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {width: 10px; height: 12px; }
::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment {display: none; width: 12px;height: 12px; background: url() rgba(0,0,0,.05);}
::-webkit-scrollbar-track {  }
::-webkit-scrollbar-thumb {  background: #999999;  }