
#add-partner-form .form-check-input {
    width: 20px !important; /* 픽셀 단위로 고정 */
    height: 20px !important; /* 픽셀 단위로 고정 */
    margin-top: 0.25em; /* 레이블과의 정렬을 위해 필요할 수 있음 */
    /* 기본 아웃라인 및 박스 섀도우 제거 */
    outline: none !important;
    box-shadow: none !important;
    border: 1px solid #ced4da !important; /* 기본 테두리 색상 유지 또는 원하는 색상으로 변경 */
    -webkit-appearance: none; /* Webkit 브라우저의 기본 스타일 제거 */
    -moz-appearance: none;    /* Firefox 브라우저의 기본 스타일 제거 */
    appearance: none;         /* 모든 브라우저의 기본 스타일 제거 */
    position: relative; /* 커스텀 체크마크를 위한 포지셔닝 기준 */
    cursor: pointer; /* 클릭 가능한 요소임을 나타냄 */
}

/* 체크되었을 때의 커스텀 스타일 (배경색과 체크마크) */
#add-partner-form .form-check-input:checked {
    background-color: #5cb85c !important; /* 초록색 배경 (원하는 색상으로 변경) */
    border-color: #5cb85c !important; /* 배경색과 동일한 테두리 색상 */
}

/* 체크마크 (가상 요소를 사용하여 만듦) */
#add-partner-form .form-check-input:checked::before {
    content: '';
    display: block;
    width: 0.5em; /* 체크마크 너비 */
    height: 1em; /* 체크마크 높이 */
    border: solid white;
    border-width: 0 0.15em 0.15em 0; /* 체크마크 두께 */
    transform: rotate(45deg); /* 체크마크 회전 */
    position: absolute;
    top: 0; /* 상단에서 위치 조정 */
    left: 0.35em; /* 좌측에서 위치 조정 */
}

/* 태그 필드의 각 항목에 대한 레이아웃 조정 (frontend) */
#add-partner-form .form-check-inline {
    margin-right: 1.5rem; /* 체크박스 항목들 사이의 간격 조정 */
}


/* 태그 필드의 각 항목에 대한 레이아웃 조정 (frontend) */
#add-partner-form .form-check-inline {
    margin-right: 1.5rem; /* 체크박스 항목들 사이의 간격 조정 */
}
