input radio 라디오 커스텀

/* 라디오 버튼을 네모로 변경 */
input[type="radio"] {-webkit-appearance: none; /* 브라우저 기본 스타일 제거 */-moz-appearance: none;appearance: none;width: 20px;height: 20px;border: 2px solid #d6d6d6;border-radius: 3px; /* 모서리를 살짝 둥글게 */display: inline-block;vertical-align: middle;margin-right: 5px;position: relative; /* 체크 표시 위치를 잡기 위해 position 속성 추가 */}
input[type="radio"]:checked {background-color: #157eaa; /* 선택된 상태의 배경 색 */border-color: #157eaa; /* 선택된 상태의 테두리 색 */}
input[type="radio"]:checked::after {content: '✓'; /* 체크 표시 */color: white; /* 체크 표시 색상 */font-size: 14px; /* 체크 표시 크기 */position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); /* 가운데 정렬 */line-height: 1; /* 체크 모양이 정렬될 때 필요한 값 */}
/* 선택된 라디오 버튼의 스타일 */
input[type="radio"]:checked {background-color: #157eaa; /* 선택된 상태의 배경 색 */}