/* BASIC css start */
.container {
     position: relative;
     max-width: var(--layout-total-width);
     padding: var(--layout-padding-set); 
     margin: 0 auto;
 }
 .find-wrap {max-width: 480px;width:100%;margin:0 auto;}
 .find-wrap .form-textfield {display: flex;flex-direction: column;gap: 12px;}
 .find-wrap .txt-method { padding-top: 20px; color: var(--cw-color-80); font-size: .875rem;     display: none;}
 .find-wrap .form-textfield input {width: 100%;border: 1px solid #DBDBDB;height: 56px;width: 100%;color: #000;padding: 0 20px;font-size: 17px;font-weight: 500;border-radius: 0;}
 .find-wrap .form-check { padding-top: 8px; }
 .find-wrap .form-check .form-check-label { font-size: .875rem; } 
 
 /* 회원인증 */
 .auth-wrap { margin: 20px 0 40px; padding: 40px 0; border-top: 1px solid var(--cw-color-30); border-bottom: 1px solid var(--cw-color-30); }
 .auth-wrap .txt-wrap { font-size: .875rem; text-align: center; }
 .auth-wrap .txt-wrap strong { font-weight: 600; }
 .auth-wrap .txt-wrap p { color: var(--cw-color-80); }
 .auth-wrap .btn-auth { display: flex; gap: 12px; align-items: center; justify-content: center; margin-top: 24px; text-align: center; }
 .auth-wrap .btn-auth a { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 92px; height: 92px; border:1px solid var(--cw-color-30); border-radius: var(--cw-border-radius); text-decoration: none; }
 .auth-wrap .btn-auth span { display: inline-block; width: 36px; height: 36px; }
 .auth-wrap .btn-auth span img { max-width: 100%; height: auto; }
 .auth-wrap .btn-auth p { color: var(--cw-color-80); font-size: .875rem; }
 .btn-auth { display: flex; align-items: center; justify-content: center; }
 .btn-auth .btn { margin: 40px 0; width: 300px; }
 .find-wrap .btn-find {display: flex;flex-direction: column;gap: 8px;padding: 20px 0;}
 .page-title-wrap {
     margin-top: 64px;
 }
 
 .page-title-wrap h2 {
     font-size: 30px;
     font-weight: 600;
     display: block !important;
 }
 .find-wrap .btn-find a {
     border-radius: 8px;
     background: var(--main-color);
     color: #fff;
     height: 56px;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 18px;
     font-weight: 600;
 }
 
 /* 전체 컨테이너 정렬 */
 .radio-wrap {
     display: flex;
     align-items: center;
     gap: 28px; /* 항목 간 간격 */
     margin: 27.5px auto;
     justify-content: center;
 }
 
 /* 기본 라디오 버튼 숨기기 */
 .form-check-input {
     display: none;
 }
 
 /* 기본 라벨 스타일 (비활성 상태) */
 .form-check-label {
     cursor: pointer;
     color: #888; /* 비활성 회색 */
     font-size: 18px;
     display: flex;
     align-items: center;
     font-weight: 500;
     position: relative;
 }
 .form-check-label + .form-check-label {
     padding-left: 28px;
 }
 /* 선택된 라디오 버튼이 있는 라벨 스타일 (활성 상태) */
 /* :has 선택자를 지원하는 브라우저에서 작동합니다 */
 .form-check-label:has(.form-check-input:checked) {
     color: var(--main-color); /* 이미지의 진보라/남색 */
     font-weight: 700;
 }
 
 /* 두 번째 라벨 앞에 중간 점(·) 추가 */
 .form-check-label + .form-check-label::before {
     content: "";
     margin-right: 28px;
     background: #DBDBDB;
     font-weight: normal;
     width: 4px;
     height: 4px;
     border-radius: 50%;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: 0;
 }
 
 .-info {
     background: #F7F7F7;
     border-radius: 12px;
     text-align: center;
     padding: 24px;
     font-size: 16px;
     font-weight: 500;
     line-height: 1.5;
     margin-bottom: 20px;
 }
 
 /* -------------------------------------------------------------------------- */
 /* 태블릿 반응형 (1024px) */
 /* -------------------------------------------------------------------------- */
 
 @media (max-width: 1024px) { 
 .container { 
     padding: 0 calc(var(--layout-side-padding) * 2); 
 }
 
 .page-title-wrap {
     margin-top: 32px;
 }
 
 .page-title-wrap h2 {font-size: 19px;font-weight: 700;}
 
 .find-wrap .btn-find {
     padding: 16px 0;
 }
 .find-wrap .btn-find a {
     height: 48px;
     border-radius: 6px;
     font-size: 14px;
 } 
 .radio-wrap {
     margin: 16.5px auto;
     gap: 14px;
 }
 
 .form-check-label {
     font-size: 12.5px;
 }
 
 .form-check-label + .form-check-label {
     padding-left: 14px;
 }
  
 
 .form-check-label + .form-check-label::before {
     width: 3px;
     height: 3px;
 }
 
 .find-wrap .form-textfield input {
     padding: 0 12px;
     height: 48px;
     font-size: 14px;
 }
 
 .-info {
     color: #888888;
     border-radius: 10px;
     font-size: 13px;
     line-height: 1.38;
     margin-bottom: 16px;
 }
     
 }
/* BASIC css end */