input[type='checkbox'] {
    position: absolute;
    transform: scale(0);
  }
  
  input[type='checkbox']:checked ~ .checkbox {
    transform: rotate(45deg);
    width: 14px;
    margin-left: 5px;
    margin-top: -5px;
    /*border-color: #24c78e;*/
    /*border-color: #f7d046;*/
    border-color:var(--bs-primary);
    border-width: 5px;
    border-top-color: transparent;
    border-left-color: transparent;
    border-radius: 0;
  }
  
  .checkbox {
    display: block;
    width: inherit;
    height: inherit;
    border: solid 2px #2a2a2a2e;
    border-radius: 6px;
    transition: all 0.375s;
  }

  .chkLabel {
    display: inline-block;
    width: 25px;
    height: 25px;
    cursor: pointer;
    line-height: 25px;       /* 라벨 높이와 맞춤 */
    vertical-align: middle;  /* 부모 기준으로 수직 가운데 */
}
  



.checkbox-sub {
  display: block;
  width: inherit;
  height: inherit;
  border: solid 2px #2a2a2a2e;
  border-radius: 6px;
  transition: all 0.375s;
}

.chkLabel-sub {
  display: inline-block;
  width: 25px;
  height: 25px;
  cursor: pointer;
  line-height: 25px;       /* 라벨 높이와 맞춤 */
  vertical-align: middle;  /* 부모 기준으로 수직 가운데 */
}