@charset "UTF-8";
/* 로그인 페이지 체크박스 가시성 개선 오버라이드 */
/* 전역 style.css의 아이콘 경로가 맞지 않아 체크박스가 보이지 않는 문제를 해결합니다. */

/* label에 배경 아이콘 적용 (input은 전역에서 이미 display:none 처리됨) */
.container-login .check-box > input + label {
  background-image: url("../../images/components/icon_checkbox_off.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px 20px; /* 크기 고정으로 선명하게 */
  min-height: 20px;
  padding-left: 27px; /* 기존 여백 규격 유지 */
}

.container-login .check-box > input:checked + label {
  background-image: url("../../images/components/icon_checkbox_on.svg");
  color: #222222; /* 가독성 향상 */
}

.container-login .check-box > input:disabled + label {
  background-image: url("../../images/components/icon_checkbox_disabled.svg");
}

/* 터치 디바이스에서 탭 영역 확보 */
.container-login .check-box > input + label {
  line-height: 20px;
}