@charset "UTF-8";
/* v5: 체크박스 가시성/경로 오버라이드 (CSP 준수: 외부 CSS) */
/* 아이콘 경로는 CSS 파일 위치(/css/page) 기준 상대경로로 지정 */

/* 공통 체크박스: input 뒤 label 기반 스킨 */
.check-box > input { display: none; }
.check-box > input + label {
  font-weight: 600;
  color: #222; /* 가독성 향상 */
  display: inline-flex;
  align-items: center;
  height: 24px;
  line-height: 24px;
  padding-left: 32px; /* 아이콘 공간 */
  font-size: 16px;
  background: url("../../images/components/icon_checkbox_off.svg") no-repeat left center;
  background-size: 20px 20px;
}
.check-box > input:checked + label {
  background-image: url("../../images/components/icon_checkbox_on.svg");
}
.check-box > input:disabled + label {
  background-image: url("../../images/components/icon_checkbox_disabled.svg");
  opacity: 0.6;
}

/* 폼 내 체크박스 배열/크기 보정 */
.form-row.biz .check-box-group { gap: 12px; }
.form-row.biz .check-box { min-width: 140px; }
@media (max-width: 639px) {
  .form-row.biz .check-box { min-width: 45%; }
}

/* 제목 영역의 비공개 체크박스도 동일 스타일 적용 */
.form-row.subject .check-box > input + label { font-size: 15px; }