/* #root {
  height: 100%;
} */
.cursor_pointer {
  cursor: pointer;
}

.create_new.active {
  outline: 2px solid #2e3033;
  outline-offset: -1px;
}

/* SCROLL */
.scroll_x {
  overflow-x: auto;
}
.scroll_x::-webkit-scrollbar {
  height: 4px;
}
.scroll_x::-webkit-scrollbar-track {
  background: transparent;
}
.scroll_x::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background: #858b93;
}

/* Edge 비밀번호 show / hide 버튼을 숨긴다. */
input[type='password']::-ms-reveal,
input[type='password']::-ms-clear {
  display: none;
}

.form_check_box > input + label .tag.no_use {
  color: #ff6767;
  background-color: #ffe0e0;
}

#header .logo a {
  cursor: auto;
}

/** 테스트 페이지 */
@media (max-width: 768px) {
  .im_responsive_wrap {
    display: grid;
    margin: 20px;
    grid-template-columns: 1;
    gap: 16px;
  }
}
@media (min-width: 768px) {
  .im_responsive_wrap {
    display: grid;
    margin: 20px;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

/** iphone 노치 영역 처리 */
#header {
  padding-top: env(safe-area-inset-top);
}

#wrapper {
  margin-top: env(safe-area-inset-top);
}

#footer {
  padding-bottom: calc(24px + env(safe-area-inset-bottom));
}

.no_spinner {
  -moz-appearance: textfield; /* Firefox */
  -webkit-appearance: none; /* Chrome, Safari, Edge */
  appearance: none; /* 최신 브라우저 */
}

.no_spinner::-webkit-inner-spin-button, /* Chrome, Safari */
.no_spinner::-webkit-outer-spin-button {
  /* Chrome, Safari */
  -webkit-appearance: none;
  margin: 0;
}