@charset "utf-8";

    /*───────────────────────────────────────────
     * 1) 전역 드래그·선택 금지
     *───────────────────────────────────────────*/
     body, body * {
      -webkit-user-drag: none !important;       /* Chrome, Safari */
      -webkit-user-select: none !important;     /* 기본 텍스트 선택 금지 */
      -moz-user-select: none !important;        /* Firefox */
      -ms-user-select: none !important;         /* IE/Edge */
      user-select: none !important;             /* 표준 */
      cursor: default !important;
    }

    /*───────────────────────────────────────────
     * 2) .editable-item 은 드래그·선택 허용
     *───────────────────────────────────────────*/
    .editable-item {
      -webkit-user-drag: element !important;    /* 요소 자체를 드래그 */
      -webkit-user-select: text !important;     /* 텍스트 선택 허용 */
      -moz-user-select: text !important;
      -ms-user-select: text !important;
      user-select: text !important;
      cursor: grab !important;
    }
    
html {
  height: -webkit-fill-available;
}

body {
  font-size: 16px;
  font-family: "Pretendard", sans-serif;
  background: hsl(0, 0%, 100%);
  height: 100vh;
  min-height: -webkit-fill-available;
  overflow: hidden;
}

#wrapper {
  overflow-y: hidden;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  /* font-weight: bold; */
}
h4 {
  cursor: default;
}
ul {
  list-style-type: none;
}

input::placeholder {
  font-size: 14px;
  padding: 4px 0 4px 8px;
}
textarea::placeholder {
  font-size: 14px;
  padding: 3px 0 5px 8px;
}

input:focus:not([type="radio"]):not([type="checkbox"]),
select:focus,
textarea:focus {
  outline: none;
  -moz-box-shadow: 0px 0px 8px rgba(165, 200, 253, 0.5);
  -webkit-box-shadow: 0px 0px 8px rgba(165, 200, 253, 0.5);
  box-shadow: 0px 0px 11px rgba(165, 200, 253, 0.5);
}

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}
::-webkit-scrollbar-track {
  background-color: #eee;
}

.active {
  display: block !important;
}

/*그림자 효과*/
.btn-grey {
  background-color: #f6f6f6;
}

.btn,
.collapsible {
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
}

#contBox {
  height: calc(100vh - 110px);
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 10px 5px 0px 5px;
}

.left-float {
  float: left;
}