@charset "utf-8";

  .language-selection {
            text-align: center;
            margin-top: 50px;
			font-size:20px;
        }
        .languages {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 20px;
        }
        .language-button {
            padding: 10px 20px;
            background-color: #f0f0f0;
            border: 1px solid #ccc;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
        }
/* 설정 */
      .h22 {
            font-family: Arial, sans-serif;
            text-align: center;
            margin: 20px;
        }
	  .h22_link {
	  	font-size:22px;
		}
        .selection-section {
            font-family: Arial, sans-serif;
            margin: 20px;
            display: flex; /* 텍스트와 드롭다운을 가로로 배치 */
            align-items: center; /* 수직 가운데 정렬 */
            gap: 10px; /* 텍스트와 드롭다운 간격 */
        }
        label {
            font-size: 16px;
			margin-right:100px;
        }
        .scroll {
            margin: 10px 0;
            border: 1px solid #ccc;
            height: 100px;
            overflow-y: scroll;
        }
       
	   /* 테이블 형식 */
	   .list-container {
            font-family: Arial, sans-serif;
            margin: 10px;
        }
        .row {
			list-style: none; /* 리스트 점 제거 */
            display: flex; /* 각 줄의 항목을 가로로 배치 */
            gap: 5px; /* 칸 사이의 간격 */
            margin-bottom: 10px; /* 줄 사이의 간격 */
        }
		.cell0 {
            padding: 10px;
            border: 1px solid #ccc; /* 테두리 추가 */
            width: 40%; /* 각 칸의 크기 */
            text-align: center; /* 텍스트 가운데 정렬 */
            background-color: #f9f9f9; /* 배경 색상 */
        }  

        .cell {
            padding: 10px;
            border: 1px solid #ccc; /* 테두리 추가 */
            width: 60%; /* 각 칸의 크기 */
            text-align: center; /* 텍스트 가운데 정렬 */
            background-color: #f9f9f9; /* 배경 색상 */
        }  

	   /* 화살표 추가를 위한 컨테이너 스타일 */
        .custom-select-wrapper {
            position: relative;
            display: inline-block;
        }
                .custom-select-wrapper::after {
            content: '▼';
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none;
            color: #aaa;
        }
         select {
            width: 200px;
            padding: 10px;
            border: 1px solid #ccc;
            border-radius: 5px;
            background-color: #f9f9f9;
            font-size: 16px;
            color: #333;
            appearance: none; /* 기본 화살표 제거 (필요시) */
        }
        
          .survey {
          	
            font-family: Arial, sans-serif;
            margin: 20px;
        }
		.gendercss{
    padding: 5px;
    border: 1px solid #ccc; /* 테두리 추가 */
    width: 60%; /* 각 칸의 크기 */
    background-color: #f9f9f9; /* 배경 색상 */
    display: flex; /* Flexbox 설정 */
    align-items: center; /* 수직 가운데 정렬 */
     justify-content: flex-start; /* 왼쪽 정렬 */
	   letter-spacing: 5px; /* 글 간격 조정 */
    	}
		.gendercss label {
    margin-right: 25px; /* 기존보다 작은 값으로 간격 조정 */
}
		.genderinput{
		 width:100px;padding:5px;
		}

        .stars {
            align-items: center;
            gap: 10px;
            cursor: pointer;
        }
        .stars span {
            font-size: 28px;
            color: gray;
        }
        .stars span.selected {
            color: gold;
        }
        .labels {
			display: flex; /* 플렉스 박스 사용 */
            justify-content: center;
            font-size: 14px;
            margin-top: 10px;
			width:100%;
			gap:60px;
        }

		.buttonu {
            margin-top: 20px;
            padding: 10px 20px;
            font-size: 20px;
            background-color: #007bff;
            color: white;
            width:100%;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        .language-select {
        position: fixed; /* 화면 오른쪽 상단 고정 */
        top: 25px;
        right: 10px; /* 오른쪽 끝 여백 */
        padding: 5px;
        z-index: 1000; /* 다른 요소보다 위로 */
    }

	
/* 태블릿 대응 */
@media (max-width: 1024px) {
  .language-selection {
			font-size:30px;
        }
  .h22_link {
  	font-size:30px;
	}
}

/* 모바일 대응 */
@media (max-width: 768px) {
  .language-selection {
			font-size:20px;
        }
  .h22_link {
  	font-size:20px;
	}


}