@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.8);

  --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);

  overscroll-behavior: none;
}

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;
  touch-action: pan-x pan-y;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);

  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select:none
}

input,
textarea,
button,
a {
  -khtml-user-select: auto; 
  -moz-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

*::-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;
}

input:active,
input:focus,
textarea:active,
textarea:focus{
  outline: none;
  border-color: var(--main-color) !important;
}

@media (hover: none) and (pointer: coarse) {
  /* 터치가능한 디바이스(스마트폰, 터치스크린) */
}

@media (hover: hover) and (pointer: fine) {
  button{
    cursor: pointer;
  }

  button:hover{
    opacity: 0.8;
  }
}

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

.dp-note {
  position:absolute;
  background:var(--main-color);
  width:4px;
  height:4px;
  border-radius:50%;
  left:50%;
  bottom:1px;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
}