@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

:root {
  --main-color : rgb(240,131,0);
  --main-font-color : rgb(255,255,255);

  --main-color-href : rgba(240,131,0,0.5);

  --sub-color : rgb(53,53,53);
  --sub-font-color : rgb(255,255,255);

  --blue-color : #4285F4;
  --blue-font-color : rgb(255,255,255);
  --yellow-color : #F6AE2E;
  --yellow-font-color : rgb(255,255,255);
  --red-color : #F94144;
  --red-font-color : rgb(255,255,255);
  --green-color : #34A853;
  --green-font-color : rgb(255,255,255);
  --gray-color : #666666;
  --gray-font-color : rgb(255,255,255);
}

html, body {
  position: relative;
  width: 100%;
  height: 100%;
  background: #ffffff;
}

* {
  font-family: 'Noto Sans KR', sans-serif;
  -webkit-text-size-adjust:none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: none; // IE에서 스크롤바 감춤
  padding: 0;
  margin: 0;
  padding: 0;
}

*::-webkit-scrollbar {
  display: none !important; // 윈도우 크롬 등
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

button:active,
button:focus{
  outline: none;
}

button:hover:not(.disabled){
  opacity: 0.8;
}

input:active,
input:focus,
textarea:active,
textarea:focus{
  outline-color: var(--main-color);
  outline-width: 1px;
}

input::placeholder{
  color:  rgba(180,180,180);
}