* {
  font-size: inherit;
  box-sizing: border-box;
}

html {
  font-size: 12px;
  line-height: 1.4;
  background-color: #fff;
  color: #383838;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  position: relative;
  font-family: "Spoqa Han Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  margin: 0;
  padding: 0;
  background-color: #fff;
}

ol,
ul {
  margin: 0;
}

li {
  list-style: default;
}

input {
  -webkit-appearance: none
}

input[type=text] {
  ime-mode: desativated;
}

input[type=passwrod] {
  ime-mode: auto;
}

/* remove chrome autocomplete bgc */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px white inset;
}

input:focus {
  outline: 0 none;
}

button {
  border: none;
  outline: none;
}

button:focus {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

button:hover {
  cursor: pointer;
}

select {
  -webkit-appearance: none
}


/* react-modal 컴포넌트의 스타일링
https://github.com/reactjs/react-modal/blob/master/docs/styles/transitions.md */
.ReactModal__Overlay {
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}

.ReactModal__Overlay--after-open {
  opacity: 1;
}

.ReactModal__Overlay--before-close {
  opacity: 0;
}

/* 모달 열렸을 때 스크롤 방지 */
.ReactModal__Body--open {
  overflow: hidden;
}

.u-ellipsis {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}