/* 240102 input 커스텀 */
.view_form__check input[type='checkbox'],
.view_form__radio input[type='radio'] {
  display: none;
}

input.form__input--check:disabled + label::before,
input.form__input--radio:disabled + label::before {
  cursor: not-allowed;
  background: #999999;
}

input.form__input--check:disabled:checked + label::before,
input.form__input--radio:disabled:checked + label::before {
  cursor: not-allowed;
}

input.form__input--check:checked + label::before,
input.form__input--radio:checked + label::before {
  background: url(https://intranet.adef.co.kr/asset/images/ic_check.png) #2f3e47
    no-repeat center;
}

label.form__label--check,
label.form__label--radio {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  word-break: keep-all;
  color: #fff;
}

label.form__label--check *,
label.form__label--radio * {
  color: #a9b1c6;
}

label.form__label--radio::before,
label.form__label--check::before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  background: #fff;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.2s;
}

label.form__label--radio::before {
  border-radius: 100%;
}

.view_form__check.only_chk .form__label--check,
.view_form__check.only_chk .form__label--radio,
.view_form__radio.only_chk .form__label--check,
.view_form__radio.only_chk .form__label--radio {
  left: 50%;
  transform: translate(-50%, -50%);
}

.form__input--file_wrap {
  display: flex;
  align-items: center;
  width: 100%;
}

.form__input--file_wrap2 {
  display: flex;
  align-items: center;
  width: 100%;
}

.form__input--file_wrap_custom {
  display: flex;
  align-items: center;
  width: 100%;
}

input[type='file'].view_form__file {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}

.form__label--file {
  width: 80px;
  height: 30px;
  background: #969db5;
  border-radius: 3px;
  color: #2a2f42;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.form__span--file {
  padding: 0 10px;
  display: block;
  height: 30px;
  background: #fff;
  border: 1px solid #363b53;
  border-radius: 5px;
  line-height: 30px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 500px;
}

.form__label--file2 {
  width: 80px;
  height: 30px;
  background: #969db5;
  border-radius: 3px;
  color: #2a2f42;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.form__span--file2 {
  padding-left: 10px;
  margin-left: 14px;
  display: block;
  height: 30px;
  background: #2f354a;
  border: 1px solid #363b53;
  border-radius: 5px;
  line-height: 30px;
  color: #a9b1c6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}