/* ============================================================================ wssa_auth_v2.css — 로그인·회원가입·찾기·비밀번호 변경·휴면 화면 큰 글씨 리뉴얼 E-973 (2026-10-02) · 시안: Claude Design '로그인·회원가입 화면 시안' v5 (E-971/E-972) 원칙: 본문 17px · 라벨 16px · 입력 18px(높이 56px) · 주 버튼 19px(높이 60px) · 최소 15px. 스코프: 각 member/*.html 루트에 .wssa-auth2 클래스를 붙인 페이지만 적용. 고도몰 폼 필드명·JS 훅은 건드리지 않음 — 시각 재정의만. ============================================================================ */ #bxsk-join.wssa-auth2, #bxsk-auth.wssa-auth2 { --au-navy: #13294B; --au-navy2: #1C3D7A; --au-ink: #14213A; --au-muted: #3D4A63; --au-soft: #5A6478; --au-line: #E3E7EF; --au-field: #B9C2D3; --au-bg: #F4F6FA; --au-tint: #EEF2F8; --au-red: #B42318; --au-green: #17603A; --au-gold: #E9DDBE; font-size: 17px; color: var(--au-ink); background: var(--au-bg); } :is(#bxsk-join, #bxsk-auth).wssa-auth2 * { box-sizing: border-box; } /* [자동생성] bxsk.css의 #bxsk-join/#bxsk-auth 글자 크기 규칙을 같은 규칙으로 상향(E-973). 아래 개별 규칙이 이걸 다시 덮는다. */ #bxsk-auth.wssa-auth2 .bxsk-auth-mark .ko { font-size: 15px; } #bxsk-auth.wssa-auth2 .bxsk-auth-mark .en { font-size: 15px; } #bxsk-auth.wssa-auth2 .bxsk-auth-middle h2 { font-size: 30px; } #bxsk-auth.wssa-auth2 .bxsk-auth-middle p { font-size: 16px; } #bxsk-auth.wssa-auth2 .bxsk-auth-feat .row { font-size: 15.5px; } #bxsk-auth.wssa-auth2 .bxsk-auth-feat .ico { font-size: 15px; } #bxsk-auth.wssa-auth2 .bxsk-auth-bottom { font-size: 15px; } #bxsk-auth.wssa-auth2 .bxsk-auth-form-side .sub { font-size: 15.5px; } #bxsk-auth.wssa-auth2 .bxsk-field-group input { font-size: 16.5px; } #bxsk-auth.wssa-auth2 .bxsk-checkbox-row { font-size: 15.5px; } #bxsk-auth.wssa-auth2 .bxsk-error-msg { font-size: 15px; } #bxsk-auth.wssa-auth2 .bxsk-login-btn { font-size: 17px; } #bxsk-auth.wssa-auth2 .bxsk-divider { font-size: 15px; } #bxsk-auth.wssa-auth2 .bxsk-auth-textbtn { font-size: 15px; } #bxsk-auth.wssa-auth2 .bxsk-guest-accordion summary { font-size: 15.5px; } #bxsk-auth.wssa-auth2 .bxsk-guest-accordion summary::after { font-size: 18px; } #bxsk-auth.wssa-auth2 .bxsk-guest-block h3 { font-size: 16px; } #bxsk-auth.wssa-auth2 .bxsk-guest-btn { font-size: 15.5px; } #bxsk-join.wssa-auth2 .member_tit h2 { font-size: 28px; } #bxsk-join.wssa-auth2 .member_tit ol li { font-size: 15px; } #bxsk-join.wssa-auth2 .member_tit ol li span:first-child { font-size: 15px; } #bxsk-join.wssa-auth2 .member_cont form > h3:first-child { font-size: 24px; } #bxsk-join.wssa-auth2 .join_agreement_box .form_element { font-size: 16px; } #bxsk-join.wssa-auth2 .join_agreement_box .form_element span { font-size: 15px; } #bxsk-join.wssa-auth2 .agreement_box { font-size: 15px; } #bxsk-join.wssa-auth2 .important_check_box .important_check { font-size: 15px; } #bxsk-join.wssa-auth2 .base_info_box h3, #bxsk-join.wssa-auth2 .business_info_box h3, #bxsk-join.wssa-auth2 .addition_info_box h3 { font-size: 17px; } #bxsk-join.wssa-auth2 th { font-size: 15px; } #bxsk-join.wssa-auth2 td input[type="text"], #bxsk-join.wssa-auth2 td input[type="password"], #bxsk-join.wssa-auth2 td select { font-size: 16px; } #bxsk-join.wssa-auth2 .choice_s { font-size: 16px; } #bxsk-join.wssa-auth2 .check_s { font-size: 15.5px; } #bxsk-join.wssa-auth2 textarea { font-size: 16px; } #bxsk-join.wssa-auth2 .member_warning_info .info_title { font-size: 15px; } #bxsk-join.wssa-auth2 .member_warning_info .info_text { font-size: 15px; } #bxsk-join.wssa-auth2 .site_sns_info em { font-size: 15px; } #bxsk-join.wssa-auth2 .find_id_sec h3, #bxsk-join.wssa-auth2 .find_password_box h3, #bxsk-join.wssa-auth2 .find_password_reset_box h3 { font-size: 18px; } #bxsk-join.wssa-auth2 .find_password_box p, #bxsk-join.wssa-auth2 .find_password_reset_box p { font-size: 15.5px; } #bxsk-join.wssa-auth2 .login_input input[type="text"], #bxsk-join.wssa-auth2 .login_input input[type="password"] { font-size: 16.5px; } #bxsk-join.wssa-auth2 .login_input select.email_select { font-size: 16px; } #bxsk-join.wssa-auth2 .find_complete_box { font-size: 17px; } #bxsk-join.wssa-auth2 .find_password_complete_box p { font-size: 17px; } #bxsk-join.wssa-auth2 .kakao_connect_header h3 { font-size: 17px; } #bxsk-join.wssa-auth2 .kakao_connect_members_list_input { font-size: 16px; } #bxsk-join.wssa-auth2 .kakao_connect_members_list_input_status { font-size: 15px; } #bxsk-join.wssa-auth2 .kakao_connect_members_info { font-size: 15px; } #bxsk-join.wssa-auth2 .kakao_connect_login_input input { font-size: 16.5px; } #bxsk-join.wssa-auth2 .kakao_connect_login_find { font-size: 15px; } #bxsk-join.wssa-auth2 .kakao_connect_login_btn button { font-size: 17px; } #bxsk-join.wssa-auth2 .base_info_box > .important { font-size: 15px; } #bxsk-join.wssa-auth2 .btn_post_search { font-size: 15.5px; } #bxsk-join.wssa-auth2 .btn_gray_mid { font-size: 15px; } #bxsk-join.wssa-auth2 .member_pw_change dt { font-size: 15px; } #bxsk-join.wssa-auth2 .layer_area .ly_tit { font-size: 16px; } #bxsk-join.wssa-auth2 .layer_area .ly_cont { font-size: 15px; } #bxsk-join.wssa-auth2 button { font-size: 16.5px; } #bxsk-join.wssa-auth2 .shop_mall_join { font-size: 17px; } #bxsk-join.wssa-auth2 .chk_none { font-size: 15px; } #bxsk-join.wssa-auth2 .member_guide_txt { font-size: 15.5px; } #bxsk-join.wssa-auth2 .join_ok_tit .complete, #bxsk-join.wssa-auth2 .join_wait_tit .complete { font-size: 20px; } #bxsk-join.wssa-auth2 .join_ok_tit p, #bxsk-join.wssa-auth2 .join_wait_tit p { font-size: 16px; } #bxsk-join.wssa-auth2 .join_wait_14under { font-size: 15px; } #bxsk-join.wssa-auth2 .join_wait_14under .btn_gray_small { font-size: 15px; } #bxsk-join.wssa-auth2 .password_change_tit strong { font-size: 19px; } #bxsk-join.wssa-auth2 .password_change_tit span { font-size: 15.5px; } #bxsk-join.wssa-auth2 .password_change_tit p { font-size: 15.5px; } #bxsk-join.wssa-auth2 .password_change_input input[type="password"] { font-size: 16.5px; } #bxsk-join.wssa-auth2 .password_change_tip strong { font-size: 15px; } #bxsk-join.wssa-auth2 .password_change_tip p { font-size: 15px; } #bxsk-join.wssa-auth2 .user_certify_tit h3, #bxsk-join.wssa-auth2 .find_password_box h3 { font-size: 18px; } #bxsk-join.wssa-auth2 .user_certify_tit p, #bxsk-join.wssa-auth2 .find_password_box p.guide { font-size: 15.5px; } #bxsk-join.wssa-auth2 .user_certify_list .choice { font-size: 16.5px; } #bxsk-join.wssa-auth2 .user_certify_list strong { font-size: 15px; } #bxsk-join.wssa-auth2 .user_certify_list span { font-size: 15px; } #bxsk-join.wssa-auth2 .info_again { font-size: 15px; } #bxsk-join.wssa-auth2 #errorMessage, #bxsk-join.wssa-auth2 .text_warning { font-size: 15px; } #bxsk-join.wssa-auth2 .wake_base_tit .complete { font-size: 19px; } #bxsk-join.wssa-auth2 .wake_date { font-size: 15px; } #bxsk-join.wssa-auth2 .wake_notice { font-size: 15px; } #bxsk-join.wssa-auth2 .none_wake, #bxsk-join.wssa-auth2 .wake_ok { font-size: 15.5px; } #bxsk-join.wssa-auth2 .wc_info_tip, #bxsk-join.wssa-auth2 .uc_info_tip { font-size: 15.5px; } #bxsk-join.wssa-auth2 .wake_certify_input select, #bxsk-join.wssa-auth2 .wake_certify_input input[type="text"] { font-size: 16px; } #bxsk-join.wssa-auth2 .wake_wrap .wake_inner { font-size: 15px; } /* ── 페이지 폭·제목 ── */ #bxsk-join.wssa-auth2 .bxsk-join-wrap { max-width: 760px; padding: 44px 20px 72px; } #bxsk-join.wssa-auth2.wssa-auth2--wide .bxsk-join-wrap { max-width: 860px; } #bxsk-join.wssa-auth2 .bxsk-join-h1 { font-size: 30px; line-height: 1.35; } #bxsk-join.wssa-auth2 .bxsk-join-sub { font-size: 17px; color: var(--au-muted); } #bxsk-join.wssa-auth2 .bxsk-card-form, #bxsk-join.wssa-auth2 .bxsk-complete-card { border-radius: 14px; border-color: var(--au-line); padding: 40px 44px; } #bxsk-join.wssa-auth2 .bxsk-card-head { border-bottom-color: var(--au-navy); } #bxsk-join.wssa-auth2 .bxsk-card-head h2 { font-size: 26px; line-height: 1.4; } #bxsk-join.wssa-auth2 .bxsk-card-head .sub, #bxsk-join.wssa-auth2 .bxsk-card-head p { font-size: 16.5px; color: var(--au-muted); line-height: 1.65; } /* ── 단계 표시: 화살표 탭 → 진행 막대 + 큰 단계명 ── */ #bxsk-join.wssa-auth2 .bxsk-join-steps { background: none; border: 0; border-radius: 0; gap: 10px; overflow: visible; margin-bottom: 26px; } #bxsk-join.wssa-auth2 .bxsk-step { background: none !important; color: #8A94A8; padding: 0; text-align: left; } #bxsk-join.wssa-auth2 .bxsk-step::before { display: none !important; } #bxsk-join.wssa-auth2 .bxsk-step::after { content: ''; display: block; order: -1; } #bxsk-join.wssa-auth2 .bxsk-step .num { display: block; height: 8px; border-radius: 4px; background: #D5DBE6; font-size: 0; margin: 0 0 10px; color: transparent; } #bxsk-join.wssa-auth2 .bxsk-step.done .num { background: var(--au-navy); } #bxsk-join.wssa-auth2 .bxsk-step.active .num { background: var(--au-navy); } #bxsk-join.wssa-auth2 .bxsk-step .name { font-size: 16px; font-weight: 700; color: #8A94A8; } #bxsk-join.wssa-auth2 .bxsk-step.done .name { color: var(--au-muted); } #bxsk-join.wssa-auth2 .bxsk-step.active .name { color: var(--au-ink); font-weight: 900; } #bxsk-join.wssa-auth2 .bxsk-step.done .name::after { color: var(--au-green); } #bxsk-join.wssa-auth2.wssa-auth2--alldone .bxsk-step .num { background: var(--au-green); } /* ── 입력칸 ── */ :is(#bxsk-join, #bxsk-auth).wssa-auth2 input[type=text], :is(#bxsk-join, #bxsk-auth).wssa-auth2 input[type=password], :is(#bxsk-join, #bxsk-auth).wssa-auth2 input[type=tel], :is(#bxsk-join, #bxsk-auth).wssa-auth2 input[type=email], :is(#bxsk-join, #bxsk-auth).wssa-auth2 input[type=number], :is(#bxsk-join, #bxsk-auth).wssa-auth2 select { height: 56px !important; font-size: 18px !important; padding: 0 16px !important; line-height: normal !important; border: 1.5px solid var(--au-field) !important; border-radius: 8px !important; background: #fff !important; color: var(--au-ink) !important; font-family: inherit; } :is(#bxsk-join, #bxsk-auth).wssa-auth2 input::placeholder { color: #8A94A8; font-size: 17px; } :is(#bxsk-join, #bxsk-auth).wssa-auth2 input:focus, :is(#bxsk-join, #bxsk-auth).wssa-auth2 select:focus { border-color: var(--au-navy) !important; box-shadow: 0 0 0 3px rgba(19,41,75,0.12); outline: none; } :is(#bxsk-join, #bxsk-auth).wssa-auth2 .chosen-container .chosen-single { height: 56px !important; line-height: 54px !important; font-size: 18px !important; border: 1.5px solid var(--au-field) !important; border-radius: 8px !important; background: #fff !important; box-shadow: none !important; } :is(#bxsk-join, #bxsk-auth).wssa-auth2 .chosen-container .chosen-single div b { background-position-y: 18px !important; } :is(#bxsk-join, #bxsk-auth).wssa-auth2 .chosen-container .chosen-results li { font-size: 17px; padding: 10px 12px; } :is(#bxsk-join, #bxsk-auth).wssa-auth2 input[type=checkbox], :is(#bxsk-join, #bxsk-auth).wssa-auth2 input[type=radio] { width: 22px; height: 22px; accent-color: var(--au-navy); flex-shrink: 0; } /* 라벨(위젯 테이블 th 포함) */ #bxsk-join.wssa-auth2 .base_info_sec th, #bxsk-join.wssa-auth2 .business_info_sec th, #bxsk-join.wssa-auth2 .addition_info_sec th, :is(#bxsk-join, #bxsk-auth).wssa-auth2 .au-label { font-size: 16px !important; font-weight: 800; color: var(--au-ink); padding-bottom: 8px !important; display: block; } #bxsk-join.wssa-auth2 .base_info_sec tr, #bxsk-join.wssa-auth2 .business_info_sec tr, #bxsk-join.wssa-auth2 .addition_info_sec tr { margin-bottom: 22px; } #bxsk-join.wssa-auth2 .addition_info_sec label.choice_s, #bxsk-join.wssa-auth2 .base_info_sec label.check_s, #bxsk-join.wssa-auth2 .addition_info_sec label.check_s { font-size: 17px !important; padding: 0 22px !important; height: 56px; min-width: 96px !important; justify-content: center; border-radius: 8px; border-width: 1.5px; } #bxsk-join.wssa-auth2 .addition_info_sec input:checked + label.choice_s { background: var(--au-navy) !important; color: #fff !important; border-color: var(--au-navy); } #bxsk-join.wssa-auth2 .addition_info_sec .form_element ul li input[type=radio] { position: absolute; opacity: 0; width: 1px; height: 1px; } #bxsk-join.wssa-auth2 .addition_info_sec .form_element ul { gap: 10px; } #bxsk-join.wssa-auth2 .base_info_sec label.check_s { height: auto; min-height: 48px; padding: 8px 16px !important; justify-content: flex-start; margin-top: 10px; } #bxsk-join.wssa-auth2 .addition_info_sec td.member_birthday select { padding: 0 16px !important; } #bxsk-join.wssa-auth2 .section-label { font-size: 20px; font-weight: 900; color: var(--au-ink); letter-spacing: -0.01em; margin: 34px 0 18px; padding: 0 0 12px; border-bottom: 2px solid var(--au-navy); } #bxsk-join.wssa-auth2 .section-label::before { display: none; } #bxsk-join.wssa-auth2 .section-label .au-sub { font-size: 15px; font-weight: 500; color: var(--au-soft); margin-left: 6px; } #bxsk-join.wssa-auth2 .important, #bxsk-join.wssa-auth2 .base_info_box > .important { font-size: 15px; } #bxsk-join.wssa-auth2 .member_warning label.error, #bxsk-join.wssa-auth2 label.error, :is(#bxsk-join, #bxsk-auth).wssa-auth2 .bxsk-error-msg, :is(#bxsk-join, #bxsk-auth).wssa-auth2 .text_warning + label, :is(#bxsk-join, #bxsk-auth).wssa-auth2 .important_check { font-size: 15.5px !important; color: var(--au-red) !important; font-weight: 700; } #bxsk-join.wssa-auth2 .btn_post_search { height: 56px; font-size: 16px; padding: 0 18px; border-radius: 8px; } /* ── 버튼 ── */ :is(#bxsk-join, #bxsk-auth).wssa-auth2 .btn { min-height: 60px; padding: 0 28px; font-size: 18px; font-weight: 800; border-radius: 8px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; } :is(#bxsk-join, #bxsk-auth).wssa-auth2 .btn-cta, :is(#bxsk-join, #bxsk-auth).wssa-auth2 .btn-primary { background: var(--au-navy) !important; border-color: var(--au-navy) !important; color: #fff !important; font-size: 19px; } :is(#bxsk-join, #bxsk-auth).wssa-auth2 .btn-cta:hover, :is(#bxsk-join, #bxsk-auth).wssa-auth2 .btn-primary:hover { background: var(--au-navy2) !important; } :is(#bxsk-join, #bxsk-auth).wssa-auth2 .btn-outline { background: #fff; border: 1.5px solid var(--au-field); color: var(--au-muted); } :is(#bxsk-join, #bxsk-auth).wssa-auth2 .bxsk-btn-row { margin-top: 30px; padding-top: 24px; gap: 12px; border-top-color: var(--au-line); } /* ── 안내 상자 ── */ :is(#bxsk-join, #bxsk-auth).wssa-auth2 .au-note { margin-top: 16px; padding: 14px 18px; border-radius: 10px; background: var(--au-tint); color: var(--au-navy2); font-size: 16px; line-height: 1.6; } :is(#bxsk-join, #bxsk-auth).wssa-auth2 .au-note b { color: var(--au-navy); } :is(#bxsk-join, #bxsk-auth).wssa-auth2 .au-help { margin-top: 18px; font-size: 16px; color: var(--au-soft); text-align: center; line-height: 1.6; } :is(#bxsk-join, #bxsk-auth).wssa-auth2 .au-help b { color: var(--au-ink); } /* ── 이어서 진행 카드(로그인·가입 공통) ── */ :is(#bxsk-join, #bxsk-auth).wssa-auth2 .au-ctx { display: none; } :is(#bxsk-join, #bxsk-auth).wssa-auth2 .au-ctx.is-on { display: flex; } #bxsk-join.wssa-auth2 .au-ctx { align-items: center; gap: 14px; flex-wrap: wrap; padding: 14px 18px; margin-bottom: 22px; border-radius: 10px; background: var(--au-navy); color: #fff; } #bxsk-join.wssa-auth2 .au-ctx .k { font-size: 14.5px; font-weight: 700; color: var(--au-gold); } #bxsk-join.wssa-auth2 .au-ctx .v { font-size: 17px; font-weight: 800; } /* ── 계정 주인(선수 본인/보호자) ── */ #bxsk-join.wssa-auth2 .au-who { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } #bxsk-join.wssa-auth2 .au-who label { display: flex; align-items: center; gap: 12px; min-height: 68px; padding: 10px 18px; border: 1.5px solid var(--au-field); border-radius: 10px; background: #fff; cursor: pointer; } #bxsk-join.wssa-auth2 .au-who label:has(input:checked) { border: 2px solid var(--au-navy); background: var(--au-tint); } #bxsk-join.wssa-auth2 .au-who .t { display: block; font-size: 18px; font-weight: 800; color: var(--au-ink); } #bxsk-join.wssa-auth2 .au-who .s { display: block; font-size: 15px; color: var(--au-muted); } /* ── 약관 ── */ #bxsk-join.wssa-auth2 .bxsk-agree-master { padding: 20px 22px; border-radius: 10px; background: var(--au-navy); border-color: var(--au-navy); color: #fff; font-size: 19px; align-items: center; gap: 14px; } #bxsk-join.wssa-auth2 .bxsk-agree-master input { width: 26px; height: 26px; margin: 0; accent-color: var(--au-gold); } #bxsk-join.wssa-auth2 .bxsk-agree-master label em { font-style: normal; } #bxsk-join.wssa-auth2 .bxsk-agree-master .opt { color: #C9D4E8; font-size: 15px; font-weight: 500; } #bxsk-join.wssa-auth2 .bxsk-agree-row { grid-template-columns: 26px minmax(0, 1fr) auto; gap: 14px; padding: 18px 6px 12px; border-bottom: 0; } #bxsk-join.wssa-auth2 .bxsk-agree-row input { width: 24px; height: 24px; } #bxsk-join.wssa-auth2 .bxsk-agree-row .label { font-size: 18px; font-weight: 700; } #bxsk-join.wssa-auth2 .bxsk-agree-row .label .req, #bxsk-join.wssa-auth2 .bxsk-agree-row .label .opt { font-size: 16px; } #bxsk-join.wssa-auth2 .bxsk-agree-row .view { font-size: 15.5px; text-decoration: underline; color: var(--au-muted); white-space: nowrap; } #bxsk-join.wssa-auth2 .bxsk-agree-detail { border-bottom: 1px solid var(--au-line); padding: 0 6px 18px; } #bxsk-join.wssa-auth2 .bxsk-agree-detail .agreement_box { font-size: 15px; max-height: 120px; padding: 12px 16px; border-radius: 8px; } #bxsk-join.wssa-auth2 .bxsk-agree-detail table { font-size: 15px; } #bxsk-join.wssa-auth2 .bxsk-verify-method .name { font-size: 17px; } /* ── 완료 카드 ── */ #bxsk-join.wssa-auth2 .bxsk-complete-card h2 { font-size: 30px; line-height: 1.4; } #bxsk-join.wssa-auth2 .bxsk-complete-card .sub { font-size: 18px; line-height: 1.7; color: var(--au-muted); } /* ── 로그인(#bxsk-auth) ── */ #bxsk-auth.wssa-auth2 .bxsk-auth-wrap { padding: 44px 20px 72px; background: var(--au-bg); } #bxsk-auth.wssa-auth2 .bxsk-auth-grid { max-width: 1060px; border-radius: 14px; border-color: var(--au-line); box-shadow: none; } #bxsk-auth.wssa-auth2 .bxsk-auth-hero { background: var(--au-navy); padding: 48px 44px; justify-content: flex-start; gap: 28px; } #bxsk-auth.wssa-auth2 .bxsk-auth-hero::before { display: none; } #bxsk-auth.wssa-auth2 .bxsk-auth-mark .ko { font-size: 16px; } #bxsk-auth.wssa-auth2 .bxsk-auth-mark .en { font-size: 12px; } #bxsk-auth.wssa-auth2 .bxsk-auth-middle h2 { font-size: 30px; line-height: 1.4; letter-spacing: -0.02em; } #bxsk-auth.wssa-auth2 .bxsk-auth-middle p { font-size: 17px; line-height: 1.7; color: #C9D4E8; } #bxsk-auth.wssa-auth2 .bxsk-auth-feat { gap: 16px; margin-top: 26px; } #bxsk-auth.wssa-auth2 .bxsk-auth-feat .row { font-size: 17px; color: #fff; gap: 12px; } #bxsk-auth.wssa-auth2 .bxsk-auth-feat .ico { background: none; color: var(--au-gold); font-size: 20px; width: 22px; height: 22px; } #bxsk-auth.wssa-auth2 .bxsk-auth-bottom { font-size: 13px; margin-top: auto; } #bxsk-auth.wssa-auth2 .au-ctx { flex-direction: column; gap: 6px; padding: 18px 20px; border-radius: 10px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.22); } #bxsk-auth.wssa-auth2 .au-ctx .k { font-size: 15px; font-weight: 700; color: var(--au-gold); } #bxsk-auth.wssa-auth2 .au-ctx .v { font-size: 19px; font-weight: 800; } #bxsk-auth.wssa-auth2 .au-ctx .s { font-size: 15px; color: #C9D4E8; } #bxsk-auth.wssa-auth2 .au-ctx-m { display: none; } #bxsk-auth.wssa-auth2 .bxsk-auth-form-side { padding: 48px 48px 40px; } #bxsk-auth.wssa-auth2 .bxsk-auth-form-side h2 { font-size: 30px; } #bxsk-auth.wssa-auth2 .bxsk-auth-form-side .sub { font-size: 16.5px; color: var(--au-muted); margin-bottom: 26px; } #bxsk-auth.wssa-auth2 .bxsk-field-group { margin-bottom: 18px; } #bxsk-auth.wssa-auth2 .bxsk-field-group input { width: 100%; height: 58px !important; } #bxsk-auth.wssa-auth2 .bxsk-checkbox-row { font-size: 16.5px; margin: 6px 0 4px; } #bxsk-auth.wssa-auth2 .bxsk-checkbox-row label { color: var(--au-muted); background: none !important; padding-left: 0 !important; } #bxsk-auth.wssa-auth2 .bxsk-checkbox-row .form_element { gap: 10px; } #bxsk-auth.wssa-auth2 .bxsk-login-btn { height: 60px; padding: 0; font-size: 19px; border-radius: 8px; background: var(--au-navy); margin-top: 18px; } #bxsk-auth.wssa-auth2 .bxsk-login-btn:hover { background: var(--au-navy2); } #bxsk-auth.wssa-auth2 .bxsk-divider { font-size: 15px; margin: 24px 0 14px; } #bxsk-auth.wssa-auth2 .au-find { display: flex; justify-content: center; align-items: center; gap: 6px; margin-top: 18px; } #bxsk-auth.wssa-auth2 .au-find .bxsk-auth-textbtn { font-size: 16.5px; color: var(--au-muted); padding: 6px 10px; } #bxsk-auth.wssa-auth2 .au-find .bar { color: #C5CCD8; } #bxsk-auth.wssa-auth2 .au-join { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 26px; padding: 18px 20px; border-radius: 10px; background: var(--au-bg); } #bxsk-auth.wssa-auth2 .au-join .t { font-size: 17px; font-weight: 800; } #bxsk-auth.wssa-auth2 .au-join .s { font-size: 15px; color: var(--au-soft); margin-top: 2px; } #bxsk-auth.wssa-auth2 .au-join .bxsk-auth-textbtn { height: 52px; padding: 0 22px; border: 1.5px solid var(--au-navy); border-radius: 8px; background: #fff; color: var(--au-navy); font-size: 17px; font-weight: 800; white-space: nowrap; } #bxsk-auth.wssa-auth2 .bxsk-guest-accordion { border-radius: 10px; margin-top: 16px; } #bxsk-auth.wssa-auth2 .bxsk-guest-accordion summary { font-size: 16px; padding: 16px 18px; } #bxsk-auth.wssa-auth2 .bxsk-guest-body h3 { font-size: 17px; } #bxsk-auth.wssa-auth2 .bxsk-guest-btn { min-height: 52px; font-size: 17px; border-radius: 8px; } /* ── 휴대폰 ── */ @media (max-width: 720px) { #bxsk-join.wssa-auth2 .bxsk-join-wrap { padding: 22px 16px 48px; } #bxsk-join.wssa-auth2 .bxsk-join-h1 { font-size: 26px; } #bxsk-join.wssa-auth2 .bxsk-card-form, #bxsk-join.wssa-auth2 .bxsk-complete-card { padding: 24px 18px; } #bxsk-join.wssa-auth2 .bxsk-card-head h2 { font-size: 23px; } #bxsk-join.wssa-auth2 .bxsk-step .name { font-size: 15px; } #bxsk-join.wssa-auth2 .au-who { grid-template-columns: 1fr; } #bxsk-join.wssa-auth2 .bxsk-agree-row { grid-template-columns: 26px minmax(0, 1fr); } #bxsk-join.wssa-auth2 .bxsk-agree-row .view { grid-column: 2; text-align: left; padding-left: 0; } .wssa-auth2 .bxsk-btn-row { flex-direction: column-reverse; } .wssa-auth2 .bxsk-btn-row .btn { width: 100%; } #bxsk-auth.wssa-auth2 .bxsk-auth-wrap { padding: 20px 16px 48px; } #bxsk-auth.wssa-auth2 .bxsk-auth-form-side { padding: 28px 20px; } #bxsk-auth.wssa-auth2 .bxsk-auth-form-side h2 { font-size: 28px; } #bxsk-auth.wssa-auth2 .au-ctx-m.is-on { display: flex; margin: 0 0 20px; background: var(--au-navy); border: 0; color: #fff; } #bxsk-auth.wssa-auth2 .au-join { flex-direction: column; align-items: stretch; text-align: center; } }