/* 개인정보 관련 안내문 스크롤 설정 */
.privacy-policy {
    max-height: 120px; /* 최대 높이 150px로 설정 */
    overflow-y: auto; /* 세로 스크롤이 가능하도록 */
    border: 1px solid #ccc; /* 테두리 */
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 4px; /* 모서리 둥글게 */
    font-size: 10px; /* 폰트 크기 */
    color: #333;
    margin-bottom: 15px; /* 하단 여백 */
}	
	
/* 개인정보 수집 및 이용 동의 항목 스타일 */
.consent {
    margin-bottom: 15px; /* 하단 여백 */
}

.consent label {
    color: #333;
}

.consent input[type="checkbox"] {
    margin-right: 8px; /* 체크박스와 텍스트 간 여백 */
}

/* 체크박스가 선택되었을 때 텍스트 색상을 약간 강조 */
.consent input[type="checkbox"]:checked + label {
    font-weight: bold;
    color: #4CAF50; /* 체크박스 선택 시 강조 색상 */
}

/* 버튼과 폼의 스타일은 이전과 동일 */
form {
    max-width: 600px; /* 폼 최대 너비 600px */
    margin: 20px auto; /* 상하 여백 20px, 좌우 중앙 정렬 */
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px; /* 모서리 둥글게 */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 약간의 그림자 효과 */
}

/* 기존 폼 스타일을 그대로 유지 */
label {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    display: block; /* 라벨을 블록 요소로 */
    margin-bottom: 8px;
}

input[type="text"], textarea {
    width: 100%; /* 너비 100% */
    padding: 12px;
    margin-bottom: 15px; /* 입력 필드 간 여백 */
    border: 1px solid #ccc; /* 테두리 색 */
    border-radius: 4px; /* 모서리 둥글게 */
    font-size: 16px;
    box-sizing: border-box; /* padding을 너비에 포함 */
}

textarea {
    height: 150px; /* 높이 150px */
}

button {
    width: 100%;
    padding: 12px;
    background-color: #4CAF50; /* 버튼 색상 */
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s; /* 호버 시 색상 변화 */
}

button:hover {
    background-color: #45a049; /* 버튼 색상 호버 시 */
}

button:active {
    transform: scale(0.98); /* 버튼 클릭 시 살짝 눌리는 효과 */
}