.room-section {
		display: none; /* 초기에는 숨김 */
	}
	.room-details, .age-details {
		margin-top: 10px;
	}
	.error-message {
		color: red;
		font-size: 0.9rem;
	}
	.age-note {
		color: red;
		font-size: 0.85rem;
		margin-left: 10px;
	}

	h6.text-center {
		font-size: 1.25rem;
		margin-bottom: 1rem;
		color: #343a40; /* 부드러운 검정색 */
	}

	.text-center.font-weight-bold {
		font-weight: bold;
	}



	@font-face {
		font-family: 'ChosunGu';
		src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunGu.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}


	body {
		font-family: 'ChosunGu', Arial, sans-serif;
		background-image: url('../img/danangBackground.jpg');
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}


	.step-section {
		display: none; /* 스텝 기본 숨김 */
	}
	.step-section.active {
		display: block; /* 현재 활성화된 스텝만 표시 */
	}
	.step-navigation {
		margin-top: 20px;
		text-align: center;
	}

	.room-section {
		display: none;
	}
	.age-details {
		margin-top: 10px;
	}

	.dynamic-fields .border {
		margin-bottom: 15px;
	}

	.is-invalid {
		border-color: #dc3545;
		background-color: #f8d7da;
	}

	.is-invalid:focus {
		border-color: #dc3545;
		box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
	}

	.checkbox-error {
		font-size: 0.9rem;
	}
	#summary_section > p:nth-child(2){
		font-size: 0.7em;
	}
	.pac-container {
		z-index: 9999  !important; /* 자동완성 드롭다운의 z-index 설정 */
		position: absolute; /* 드롭다운이 모달에서 제대로 보이도록 설정 */
	}

	.kakao-chat {
		position: fixed;
		top: 20px; /* 페이지 상단에서 떨어진 거리 */
		right: 20px; /* 페이지 오른쪽에서 떨어진 거리 */
		z-index: 1000; /* 다른 요소보다 위에 표시 */
	}

	.kakao-chat img {
		width: 50px; /* 아이콘 크기 */
		height: 50px;
		border-radius: 50%; /* 동그랗게 만들기 */
		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); /* 그림자 효과 */
		transition: transform 0.3s; /* 마우스 오버 애니메이션 효과 */
	}

	.kakao-chat img:hover {
		transform: scale(1.1); /* 마우스 오버 시 크기 확대 */
	}


	/* Chrome, Safari, Edge, Opera에서 스피너 숨기기 */
	input[type="number"]::-webkit-inner-spin-button,
	input[type="number"]::-webkit-outer-spin-button {
	  -webkit-appearance: none;
	  margin: 0;
	}

	/* Firefox에서 스피너 숨기기 */
	input[type="number"] {
	  -moz-appearance: textfield;
	  text-align: center; /* 숫자를 가운데 정렬 */
	}
	.age-input {
		max-width: 50px;  /* 또는 width: 50px; */
		display: inline-block; /* 필요에 따라 */
	}

	.age-card {
      border: 1px solid #ddd;
      border-radius: 8px;
      padding: 12px;
      margin-bottom: 10px;
      background-color: #f9f9f9;
	}
	.age-card label {
	  font-weight: bold;
	  margin-bottom: 5px;
	  display: block;
	}
	.age-input {
	  max-width: 70px; /* 2자리 숫자에 적합한 너비 */
	}




    /* BM한나체 (배달의민족 느낌 폰트, 예시) */
    @font-face {
      font-family: 'BMHanna';
      src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2107/BM-HANNA.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
    }


  /* 스플래시 오버레이: 이미 설정되어 있음 */
  #splash-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #f5f7fa, #c3cfe2);
    z-index: 2000;
    overflow: hidden;
  }
  /* 로고 영역: 화면 상단 30~33% 지점에 고정 */
  #splash-logo {
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #splash-logo img {
    width: 100%;
  }
  /* 텍스트 영역: 화면 중앙에 고정 */
  #splash-text {
    font-family: 'BMHanna';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center !important;
    opacity: 0;
    /* width/max-width는 auto로 하여 내용 크기에 따라 결정 */
    width: auto;
    max-width: none;
    word-wrap: break-word;
  }
  /* 큰 글씨: 그라데이션 컬러 적용 */
  .splash-big {
    font-size: 3rem;
    font-weight: 700;
    background: linear-gradient(90deg, #1e90ff, #00bfff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
  }
  /* 작은 글씨: 어두운 회색 */
  .splash-small {
    font-size: 1.2rem;
    color: #333333;
  }
  /* 애니메이션 keyframes: 수평 중앙 정렬 포함 */
  @keyframes tossTextAnimation {
    0% {
      opacity: 0;
      transform: translate(-50%, calc(-50% + 20px));
    }
    20% {
      opacity: 1;
      transform: translate(-50%, -50%);
    }
    80% {
      opacity: 1;
      transform: translate(-50%, -50%);
    }
    100% {
      opacity: 0;
      transform: translate(-50%, calc(-50% - 20px));
    }
  }
  /* 모바일 대응 */
  @media (max-width: 480px) {
    .splash-big {
      font-size: 1.2rem;
    }
    .splash-small {
      font-size: 0.8rem;
    }
	#splash-logo {
		position: absolute;
		top: 30%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 35%;
	}
	#splash-text {
		font-family: 'BMHanna';
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center !important;
		opacity: 0;
		width: 100%;
		max-width: none;
		word-wrap: break-word;
	}
  }