@charset "UTF-8";
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  box-sizing: border-box;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), radial-gradient(circle at 10% 20%, rgba(253, 249, 209, 0.8) 0%, transparent 40%), radial-gradient(circle at 90% 10%, rgba(212, 233, 247, 0.8) 0%, transparent 40%), radial-gradient(circle at 85% 85%, rgba(247, 225, 181, 0.8) 0%, transparent 40%), radial-gradient(circle at 15% 80%, rgba(226, 244, 216, 0.8) 0%, transparent 40%), #ffffff;
}

.sign-up-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 800px;
  padding: 0 !important;
  height: calc(100vh - 160px) !important;
  overflow-y: auto !important;
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 15px 50px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  margin: auto;
  overflow-x: hidden; /* 가로 스크롤 방지 */
}
.sign-up-form .form-content {
  padding: 60px 50px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.sign-up-form {
  /* ⭐ 스크롤바 수정 (폭 8px로 정상화, 트랙 투명하게) */
}
.sign-up-form::-webkit-scrollbar {
  width: 8px;
}
.sign-up-form::-webkit-scrollbar-track {
  background: transparent;
  margin: 15px 0;
}
.sign-up-form::-webkit-scrollbar-thumb {
  background: #e0e0e0;
  border-radius: 10px;
  border: 2px solid #ffffff;
}
.sign-up-form::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}

.sign-up-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 15px;
  width: 100%;
  margin-bottom: 40px;
}
.sign-up-header .header-logo {
  width: 75px;
  height: 55px;
  object-fit: contain;
}
.sign-up-header .header-title {
  color: #444;
  font-size: 26px;
  font-weight: 600;
}

.sign-up-input-group {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 24px;
}
.sign-up-input-group input:not([type=radio]),
.sign-up-input-group select {
  width: 100%;
  height: 41px;
  padding: 0 16px;
  background-color: #fbf9f9;
  border: 1px solid #fbf9f9;
  border-radius: 10px;
  font-size: 14px;
  outline: none;
  box-sizing: border-box;
}
.sign-up-input-group input:not([type=radio]):focus,
.sign-up-input-group select:focus {
  border-color: #008ecb;
  background-color: #fff;
}
.sign-up-input-group #detail-address-input {
  margin-top: 8px !important;
}
.sign-up-input-group select {
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 14px !important;
  padding-right: 35px !important;
}

/* 유틸리티 */
.sign-up-label {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

.secondary-label {
  font-size: 12px;
  color: #888;
  margin-left: 5px;
}

.gender-btn {
  display: flex;
  height: 55px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  flex: 1 0 0;
  border-radius: 10px;
  border: none;
  background: #fbf9f9;
  color: #888;
  cursor: pointer;
  transition: all 0.2s ease;
}
.gender-btn:hover {
  background: #f0f0f0;
}
.gender-btn.active {
  border: 1px solid #444 !important;
  background: #fff !important;
  color: #000 !important;
  font-weight: 600;
}

.btn-full {
  width: 100%;
  height: 52px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
  border: none;
  background-color: #e2e2e2;
  color: #fff;
  cursor: not-allowed;
  pointer-events: none;
}
.btn-full:disabled {
  background-color: #e2e2e2;
  color: #fff;
  cursor: not-allowed;
  pointer-events: none;
}
.btn-full:not(:disabled) {
  background-color: #008ecb;
  cursor: pointer;
  pointer-events: auto;
}
.btn-full:not(:disabled):hover {
  background-color: #006894;
  transform: translateY(-1px);
}

.flex {
  display: flex;
}

.align-center {
  align-items: center;
}

.gap-2 {
  gap: 10px;
}

.flex-1 {
  flex: 1;
}

.mb-2 {
  margin-bottom: 8px;
}

/*# sourceMappingURL=sign_up.css.map */