/* ===========================================================
  공통 = css
=========================================================== */
.container-420{width: 100% !important; max-width: 26.25rem !important; min-height: 465px; margin: 0 auto !important; padding: 0 0.9375rem !important;}
.login-logo-link{margin-bottom: 1rem;}

/* ===========================================================
  join style css
=========================================================== */
.register-title{font-size: 1.625rem; font-weight: 700; margin-bottom: 30px;}
.form-info-text{font-size: 0.8125rem; line-height: 1.5;}

.join-input .form-control{border-radius: 6px !important;}
.join-input .form-control:focus{border-color: #1d1d1d !important;}

.text-accent{color: #e91e63; font-weight: 400 !important;}
.text-blue{color: #007bff;}

/* ===== 약관 동의 ===== */
.terms-header{width: 100%; padding: 0.375rem 0.75rem; border-radius: 6px;}
.toggle-trigger{padding: 0.3125rem; cursor: pointer;}

.arrow-icon{
  display: inline-block;
  width: 0.625rem; height: 0.625rem;
  border-right: 2px solid #222; border-bottom: 2px solid #222;
  transform: rotate(45deg); transition: transform 0.3s ease;
  vertical-align: middle; margin-top: -0.4375rem;
}
.list-unstyled .arrow-icon{border-right: 1px solid #222 !important; border-bottom: 1px solid #222 !important;}
.toggle-trigger[aria-expanded="true"] .arrow-icon{transform: rotate(-45deg); margin-top: 0px;}

.list-unstyled{padding: 0px 1.0625rem 0 0.75rem !important;}
.list-unstyled li .arrow-icon{color: #ccc; font-size: 0.9rem; transform: rotate(-45deg) !important;}

/* ===== gender segment restore ===== */
.gender-segment{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.gender-segment-item{position:relative;}

.gender-segment-input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.gender-segment-label{
  width:100%;
  min-height:44px;
  border:1px solid #ddd;
  border-radius:6px;
  background:#fff;
  color:#333;
  font-size:14px;
  font-weight:600;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:all .18s ease;
}

.gender-segment-label:hover{border-color:#bbb;}

.gender-segment-input:checked + .gender-segment-label{
  border-color:#222;
  background:#222;
  color:#fff !important;
}

.gender-segment-input:focus-visible + .gender-segment-label{
  box-shadow:0 0 0 3px rgba(0,0,0,.08);
}