.select {
  position: relative;
  display: inline-block
}
.select_checked.select_checkbox {
  pointer-events: all
}
.select_checked.select_checkbox .select-reset {
  display: none;
  pointer-events: none
}
.select_checked.select_checkbox .select-text svg {
  display: block
}
.select_checked.select_checkbox .select-text svg path {
  stroke: #1e5d9d
}
.select_checked .select-reset {
  display: flex;
  pointer-events: all
}
.select_checked .select-text {
  border-color: #1e5d9d;
  color: #1e5d9d
}
.select_checked .select-text svg {
  display: none
}
.select-text {
  width: 26.5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  padding: 0 4rem 0 1.1rem;
  background-color: #fff;
  border: 1px solid #eaeaeb;
  border-radius: .5rem;
  font-size: 1.4rem;
  position: relative;
  transition: .25s;
  cursor: pointer
}
.select-text.active svg {
  transform: translateY(-50%) rotate(-180deg)
}
.select-text svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.1rem;
  width: 1.7rem;
  height: auto;
  transition: transform .25s
}
.select-text svg path {
  transition: .25s
}
.select-reset {
  position: absolute;
  top: 50%;
  right: .8rem;
  transform: translateY(-50%);
  width: 2.4rem;
  height: 2.4rem;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1;
  cursor: pointer
}
.select-reset svg {
  width: 1.4rem;
  height: auto;
  pointer-events: none
}
.select-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + .3rem);
  left: 0;
  right: 0;
  background-color: #fff;
  border: 1px solid #eaeaeb;
  border-radius: .5rem;
  z-index: 14
}
.select-dropdown__date {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid #c1c1c2
}
.select-dropdown__date-btn {
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  cursor: pointer
}
.select-dropdown__date-btn svg {
  width: .8rem;
  height: auto
}
.select-dropdown__date-year {
  width: 70%;
  margin: 0 1rem;
  text-align: center;
  font-size: 1.4rem
}
.select-dropdown__list {
  max-height: 25rem;
  overflow-y: auto
}
.select-dropdown__list::-webkit-scrollbar {
  width: .5rem
}
.select-dropdown__list::-webkit-scrollbar-track {
  margin: .3rem;
  background: #eaeaeb;
  border-radius: .3rem
}
.select-dropdown__list::-webkit-scrollbar-thumb {
  width: 100%;
  background: #1e5d9d;
  border-radius: .3rem
}
.select-dropdown__option {
  padding: 1.5rem 1.2rem;
  font-size: 1.4rem;
  cursor: pointer;
  transition: background-color .25s
}
.select-dropdown__option:nth-child(odd) {
  background-color: #fafafa
}
.select-dropdown__option.active {
  background-color: #eaeaeb
}
.select-dropdown__option_checkbox {
  padding: 0
}
.select-dropdown__option_checkbox .label {
  padding: 1.5rem 1.2rem
}
@media (max-width:48em) {
  .select {
    width: 100%
  }
  .select-text {
    width: 100%;
    height: 10rem;
    padding: 0 10rem 0 2.2rem;
    border-radius: 1rem;
    font-size: 2.4rem
  }
  .select-text svg {
    right: 2.2rem;
    width: 3.4rem
  }
  .select-reset {
    right: 1.6rem;
    width: 4.8rem;
    height: 4.8rem
  }
  .select-reset svg {
    width: 2.8rem
  }
  .select-dropdown {
    top: calc(100% + .6rem);
    border-radius: 1rem
  }
  .select-dropdown__date {
    padding: 2rem
  }
  .select-dropdown__date-btn {
    width: 4.8rem;
    height: 4.8rem
  }
  .select-dropdown__date-btn svg {
    width: 1.6rem
  }
  .select-dropdown__date-year {
    margin: 0 2rem;
    font-size: 2.8rem
  }
  .select-dropdown__list {
    max-height: 45rem
  }
  .select-dropdown__list::-webkit-scrollbar {
    width: 1rem
  }
  .select-dropdown__list::-webkit-scrollbar-track {
    margin: .6rem;
    border-radius: .6rem
  }
  .select-dropdown__list::-webkit-scrollbar-thumb {
    border-radius: .6rem
  }
  .select-dropdown__option {
    padding: 3rem 2.4rem;
    font-size: 2.4rem
  }
  .select-dropdown__option_checkbox {
    padding: 0
  }
  .select-dropdown__option_checkbox .label {
    padding: 3rem 2.4rem
  }
}