@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://cdn.ninehire.com/font/fonts/Pretendard-Regular.subset.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('https://cdn.ninehire.com/font/fonts/Pretendard-SemiBold.subset.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('https://cdn.ninehire.com/font/fonts/Pretendard-Bold.subset.woff2')
    format('woff2');
}

* {
  box-sizing: border-box;
  font-family: 'Pretendard', sans-serif;
}

html {
  --antd-wave-shadow-color: transparent !important;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  color: #393838;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
  -moz-scrollbar: none !important;
}

textarea,
input,
input:matches([type='email'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='url']) {
  -webkit-appearance: none;
}

input[type='radio'] {
  -webkit-appearance: radio;
}

::-webkit-scrollbar {
  width: 12px !important;
  height: 12px !important;
  background-color: transparent !important;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.1) !important;
  border-radius: 5px !important;
  background-clip: content-box !important;
  border-right: 3px solid transparent !important;
  border-left: 3px solid transparent !important;
}

::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0) !important;
}

.ant-upload > span {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

input {
  box-sizing: border-box;
  font-family: 'Pretendard', sans-serif;
}

button {
  font-family: 'Pretendard', sans-serif;
}

p {
  margin: 0 !important;
}

body,
div#__next {
  height: 100%;
  box-sizing: border-box;
  margin: 0;
  overflow: hidden;
}

div {
  box-sizing: border-box;
}

body {
  font-family: 'Pretendard', sans-serif;
  font-display: swap;
  position: relative;
}

.ReactModal__Overlay {
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}

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

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

.ReactModal__Content {
  opacity: 0;
  transform: translateY(-150px);
  transition: all 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
  height: max-content;
}

.ReactModal__Content--after-open {
  opacity: 1;
  transform: translateX(0px);
}

.ReactModal__Content--before-close {
  opacity: 0;
  transform: translateX(-100px);
}

.__tooltip__customize {
  border-radius: 6px !important;
  padding: 7px 8px !important;
  font-size: 12px !important;
  line-height: 150% !important;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1) !important;
  background: #393838 !important;
}

.__tooltip__customize a {
  color: white;
  text-decoration: underline;
  font-weight: 700;
  cursor: pointer;
}

.ant-popover-content {
  display: flex !important;
  border-radius: 6px !important;
  padding: 7px 8px !important;
  font-size: 12px !important;
  line-height: 150% !important;
  /* box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1) !important; */
  background: #393838 !important;
}

.ant-popover-arrow {
  border-color: #393838 !important;
}

.ant-popover-inner-content {
  padding: 0px !important;
  color: white !important;
}

.ant-popover-inner {
  background: #393838 !important;
  box-shadow: none !important;
}

.ant-dropdown-menu {
  margin: auto !important;
}

.react-pdf__Page__canvas {
  width: 100% !important;
  height: auto !important;
}

.ql-mention-denotation-char {
  display: none;
}