@charset "utf-8";


@font-face {
  font-family: "SCoreDream";
  font-weight: 300;
  font-style: normal;
  src: url("../font/SCDream3.otf");
  font-display: swap;
}

@font-face {
  font-family: "SCoreDream";
  font-weight: 400;
  font-style: normal;
  src: url("../font/SCDream4.otf");
  font-display: swap;
}

@font-face {
  font-family: "SCoreDream";
  font-weight: 500;
  font-style: normal;
  src: url("../font/SCDream5.otf");
  font-display: swap;
}

@font-face {
  font-family: "SCoreDream";
  font-weight: 600;
  font-style: normal;
  src: url("../font/SCDream6.otf");
  font-display: swap;
}

@font-face {
  font-family: "SCoreDream";
  font-weight: 900;
  font-style: normal;
  src: url("../font/SCDream9.otf");
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
}

/* txt_font*/
html,
body,
div {
  font: 15px/1 "NanumSquareNeo", "dotum", sans-serif, arial;
  color: #222;
  box-sizing: border-box;
  letter-spacing: -0.5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*  LAYOUT  */
.d_flex {
  display: flex;
}
.flex_w {
  flex-wrap: wrap;
}
.d_jcsb {
  justify-content: space-between;
}
.d_inline {
  display: inline-block;
}
.txt_c {
  text-align: center;
}

/* 컬러칩 */
:root {
  --main-color: #1e8b4a;
  --sub-color: #449966;
  --grtext-color: #c5c8d6;
  --line-color: #ccc;
  --fff-color: #fff;
}

/*font-color*/
.font_gc {
  color: var(--main-color);
}

/*font-weight*/
.light {
  font-weight: 300;
}
.mediun {
  font-weight: 500;
}
.bold {
  font-weight: 700;
}

input[type="date"]:focus {
  outline: 1px solid var(--grtext-color);
}

input[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent; /* 배경은 투명,*/
  color: transparent; /*글자도 투명. 
    이 두 설정을 통해 캘린더 아이콘을 사라지게 만든다."*/
  cursor: pointer;
}

input[type="date"]:valid::before {
  display: none;
}

::-webkit-scrollbar-track {
  border-radius: 0.125rem;
  background-color: rgb(185, 185, 185);
}
::-webkit-scrollbar {
  width: 0.25rem;
  border-radius: 0.125rem;
}
::-webkit-scrollbar-thumb {
  border-radius: 0.125rem;
  background-color: rgb(110, 111, 114);
}
