/* ========================================================== 매직투데이 - 소개/기능/FAQ/게시판 페이지 새 디자인 (2026-10) 기존 860px 회색 상자 이미지를 걷어내고 메인 홈과 같은 카드 모양으로 ========================================================== */ body { background: #f4f6f8 !important; } #magic-today.mt-sub { width: auto !important; max-width: 1040px; margin: 28px auto 48px !important; padding: 0 20px; box-sizing: border-box; font-family: var(--mt-font); } /* 소개 페이지 틀 (magic/page/style.php) */ #magic-today .sub1 { background: none !important; } #magic-today .sub2 { background: none !important; padding: 0 !important; display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 20px; align-items: start; } #magic-today .sub2::before { content: none; } #magic-today .sub-side { position: sticky !important; top: 84px; width: auto !important; margin: 0 !important; padding: 12px !important; background: #fff; border-radius: 16px; box-shadow: 0 1px 2px rgba(0,0,0,.04); grid-column: 1; grid-row: 1 / span 20; } #magic-today .sub-side img { display: none; } #magic-today .sub-side .title { margin: 0 !important; } #magic-today .sub-side .title a { display: block; padding: 10px 12px; border-radius: 10px; font-size: 15px; line-height: 1.4; font-weight: 600 !important; color: #4e5968 !important; } #magic-today .sub-side .title a:hover { background: #f4f6f8; color: #191f28 !important; text-decoration: none !important; } #magic-today .sub-box { grid-column: 2; width: auto !important; margin: 0 0 16px !important; background: #fff !important; border-radius: 16px; box-shadow: 0 1px 2px rgba(0,0,0,.04); overflow: hidden; } #magic-today .sub-box > div > img, #magic-today .sub-box > div:first-child img, #magic-today .sub-box > div:last-child img { display: none; } #magic-today .sub-contents { padding: 26px 30px 28px !important; font-size: 16px !important; line-height: 1.85 !important; color: #333 !important; } #magic-today .sub-contents h3 { font-family: inherit !important; font-size: 22px !important; font-weight: 800; color: #191f28 !important; letter-spacing: -.02em; margin: 0 0 14px !important; } #magic-today .sub-contents h5 { font-family: inherit !important; font-size: 17px !important; font-weight: 700; color: #3182f6; margin: 22px 0 8px !important; } #magic-today .sub-contents strong { color: #191f28; } #magic-today .page-table td { background: #f4f6f8 !important; border-radius: 10px; } #magic-today > div > img[src*="sub-tail"], #magic-today img[src*="sub-tail"] { display: none; } body > div > img[src*="sub-tail"], img[src*="sub-tail"] { display: none !important; } /* 게시판 (비회원 화면) */ #magic-today .sub2 > br { display: none; } #magic-today .sub2 > :not(.sub-side):not(.sub-box) { grid-column: 1 / -1; } #magic-today .sub2:not(:has(.sub-side)) { display: block; background: #fff !important; border-radius: 16px; padding: 24px !important; box-shadow: 0 1px 2px rgba(0,0,0,.04); } @media (max-width: 860px) { #magic-today.mt-sub { margin: 16px auto 32px !important; padding: 0 12px; } #magic-today .sub2 { display: block; } #magic-today .sub-side, #magic-today .sub-box { float: none !important; } /* 옛 왼쪽 띄우기 때문에 본문 폭이 0이 되던 문제 */ #magic-today .sub-side { position: static !important; display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px !important; } #magic-today .sub-side .title a { padding: 8px 12px; border: 1px solid #e5e8eb; border-radius: 999px; font-size: 14px; } #magic-today .sub-contents { padding: 18px !important; font-size: 15px !important; } #magic-today .sub2:not(:has(.sub-side)) { padding: 14px !important; overflow-x: auto; } } /* ---------- 2026-10 다크 모드 ---------- */ :root[data-theme="dark"] body { background: #17191d !important; } :root[data-theme="dark"] #magic-today .sub-side, :root[data-theme="dark"] #magic-today .sub-box, :root[data-theme="dark"] #magic-today .sub2:not(:has(.sub-side)) { background: #1e2126 !important; box-shadow: none; } :root[data-theme="dark"] #magic-today .sub-side .title a { color: #b0b8c1 !important; } :root[data-theme="dark"] #magic-today .sub-side .title a:hover { background: #23272d; color: #eef0f3 !important; } :root[data-theme="dark"] #magic-today .sub-contents, :root[data-theme="dark"] #magic-today .sub-contents * { color: #d5dae0 !important; background-color: transparent !important; } :root[data-theme="dark"] #magic-today .sub-contents h3, :root[data-theme="dark"] #magic-today .sub-contents strong { color: #eef0f3 !important; } :root[data-theme="dark"] #magic-today .sub-contents h5, :root[data-theme="dark"] #magic-today .sub-contents a { color: #6aa8ff !important; } :root[data-theme="dark"] #magic-today .page-table td { background: #23272d !important; } @media (max-width: 860px) { :root[data-theme="dark"] #magic-today .sub-side .title a { border-color: #2c3037; } } /* ========================================================== 2026-10-07 회원가입 (약관 동의 / 정보 입력 / 가입 완료) 새 디자인 ========================================================== */ #fregister, #register_form, #fregisterform, #reg_result { font-family: var(--mt-font) !important; color: var(--mt-ink); } #fregister, #fregisterform, #reg_result { max-width: 620px; margin: 0 auto !important; } #fregister *, #fregisterform *, #reg_result * { font-family: var(--mt-font) !important; letter-spacing: -.01em; box-sizing: border-box; } #fregister .fa, #fregisterform .fa, #reg_result .fa { font-family: FontAwesome !important; } /* 상단 안내 */ #fregister > p { display: flex; align-items: center; gap: 8px; margin: 0 0 16px !important; padding: 14px 16px !important; border: 0 !important; border-radius: 14px !important; background: var(--mt-primary-soft) !important; color: var(--mt-primary) !important; font-size: 15px !important; font-weight: 600; line-height: 1.5; text-align: left !important; } #fregister > p .fa { font-size: 18px; } /* 약관 상자 */ #fregister section { position: relative; margin: 0 0 14px !important; padding: 0 !important; border: 1px solid var(--mt-line) !important; border-radius: 16px !important; background: var(--mt-bg) !important; overflow: hidden; } #fregister section h2 { margin: 0 !important; padding: 16px 18px !important; border-bottom: 1px solid var(--mt-line) !important; font-size: 17px !important; font-weight: 800 !important; color: var(--mt-ink) !important; } #fregister textarea { display: block; width: 100% !important; height: 180px !important; margin: 0 !important; padding: 14px 18px !important; border: 0 !important; resize: vertical; background: var(--mt-bg) !important; color: var(--mt-ink) !important; font-size: 15px !important; line-height: 1.75 !important; } #fregister .fregister_terms > div { padding: 14px 18px !important; background: var(--mt-bg) !important; } #fregister table { width: 100%; border-collapse: collapse; font-size: 14px; } #fregister table caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } #fregister th { padding: 10px 12px !important; background: var(--mt-surface) !important; color: var(--mt-ink) !important; font-weight: 700 !important; border: 1px solid var(--mt-line) !important; text-align: left; } #fregister td { padding: 10px 12px !important; color: var(--mt-sub) !important; border: 1px solid var(--mt-line) !important; line-height: 1.6; } /* 동의 체크 (원래 숨겨진 체크박스 + 꾸민 상자) */ #fregister .fregister_agree { position: static !important; display: flex; align-items: center; justify-content: flex-end; margin: 0 !important; padding: 12px 18px !important; border: 0 !important; border-top: 1px solid var(--mt-line) !important; background: var(--mt-surface) !important; } #fregister .selec_chk, #fregisterform .selec_chk { position: absolute !important; opacity: 0; width: 1px; height: 1px; margin: 0; } #fregister .fregister_agree label, #fregisterform .chk_box label { display: inline-flex !important; align-items: center; gap: 8px; margin: 0 !important; cursor: pointer; font-size: 15px !important; font-weight: 600; color: var(--mt-ink) !important; } #fregister section .fregister_agree label::after { content: "위 내용에 동의합니다"; order: 2; } #fregister .fregister_agree label span, #fregisterform .chk_box label span { position: static !important; display: inline-block !important; flex: none; width: 22px !important; height: 22px !important; margin: 0 !important; border: 2px solid #b0b8c1 !important; border-radius: 7px !important; background: var(--mt-bg) !important; order: 1; } #fregister .selec_chk:checked + label span, #fregisterform .selec_chk:checked + label span { border-color: var(--mt-primary) !important; background: var(--mt-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat !important; } #fregister .selec_chk:focus-visible + label span, #fregisterform .selec_chk:focus-visible + label span { box-shadow: 0 0 0 3px var(--mt-primary-soft); } #fregister #fregister_chkall { justify-content: flex-start; margin: 0 0 18px !important; padding: 16px 18px !important; border: 1.5px solid var(--mt-primary) !important; border-radius: 16px !important; background: var(--mt-primary-soft) !important; } #fregister #fregister_chkall label { font-size: 16px !important; font-weight: 700; color: var(--mt-ink) !important; } /* 정보 입력 */ #register_form, #register_form.form_01 { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; } #fregisterform .register_form_inner, #fregisterform > .form_01:not(#register_form) { margin: 0 0 14px !important; padding: 0 !important; border: 1px solid var(--mt-line) !important; border-radius: 16px !important; background: var(--mt-bg) !important; } #fregisterform h2 { margin: 0 !important; padding: 16px 20px !important; border-bottom: 1px solid var(--mt-line) !important; font-size: 17px !important; font-weight: 800 !important; color: var(--mt-ink) !important; background: transparent !important; } #fregisterform ul { margin: 0 !important; padding: 18px 20px 6px !important; list-style: none; display: flex; flex-wrap: wrap; gap: 0 12px; } #fregisterform li { flex: 1 1 100%; width: auto !important; margin: 0 0 14px !important; padding: 0 !important; float: none !important; } #fregisterform li:empty { display: none; } #fregisterform li.half_input { flex: 1 1 200px; } #fregisterform label:not(.sound_only) { display: flex !important; align-items: center; gap: 4px; margin: 0 0 7px !important; font-size: 15px !important; font-weight: 600 !important; color: var(--mt-ink) !important; } #fregisterform .frm_input, #fregisterform .captcha_box, #fregisterform input[type="text"], #fregisterform input[type="password"] { width: 100% !important; height: 48px !important; padding: 0 14px !important; border: 1px solid #d1d6db !important; border-radius: 12px !important; background: var(--mt-bg) !important; background-image: none !important; color: var(--mt-ink) !important; font-size: 16px !important; box-shadow: none !important; } #fregisterform .frm_input::placeholder, #fregisterform input::placeholder { color: #8b95a1 !important; opacity: 1; } #fregisterform .frm_input:focus, #fregisterform input:focus { outline: none; border-color: var(--mt-primary) !important; box-shadow: 0 0 0 3px var(--mt-primary-soft) !important; } #fregisterform .required, #fregisterform .frm_input.required { background-image: none !important; } #fregisterform [id^="msg_mb_"] { display: block; margin-top: 6px; font-size: 14px; color: var(--mt-primary); } #fregisterform .tooltip_icon { background: none !important; border: 0 !important; color: var(--mt-muted) !important; padding: 0 2px; cursor: pointer; font-size: 15px; } #fregisterform .tooltip { font-size: 14px !important; line-height: 1.5; color: #fff !important; background: #333d4b !important; border-radius: 10px !important; padding: 10px 12px !important; } #fregisterform .chk_box { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } #fregisterform .chk_box .chk_li { font-size: 15px !important; color: var(--mt-ink) !important; } #fregisterform .is_captcha_use { font-size: 0 !important; } #fregisterform #captcha { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; border: 0 !important; width: auto !important; } #fregisterform #captcha legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } #fregisterform #captcha #captcha_img { height: 48px; width: auto; border: 1px solid #d1d6db; border-radius: 12px; background: #fff; } #fregisterform #captcha #captcha_key { width: 130px !important; text-align: center; font-size: 18px !important; letter-spacing: .1em; } #fregisterform #captcha #captcha_mp3, #fregisterform #captcha #captcha_reload { width: 48px !important; height: 48px !important; border: 1px solid #d1d6db !important; border-radius: 12px !important; background-color: var(--mt-surface) !important; cursor: pointer; } #fregisterform #captcha #captcha_info { flex-basis: 100%; margin: 2px 0 0; font-size: 14px !important; color: var(--mt-sub) !important; } /* 버튼 */ #fregister .btn_confirm, #fregisterform .btn_confirm, #reg_result .btn_confirm { display: flex !important; gap: 10px; margin: 6px 0 0 !important; padding: 0 !important; text-align: center; } #fregister .btn_confirm > *, #fregisterform .btn_confirm > *, #reg_result .btn_confirm > * { flex: 1; display: inline-flex !important; align-items: center; justify-content: center; float: none !important; width: auto !important; height: 54px !important; margin: 0 !important; padding: 0 16px !important; border: 0 !important; border-radius: 14px !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1 !important; text-decoration: none !important; cursor: pointer; } #fregister .btn_close, #fregisterform .btn_close, #fregisterform .btn_cancel { flex: 0 0 34% !important; background: var(--mt-surface) !important; color: var(--mt-sub) !important; } #fregister .btn_close:hover, #fregisterform .btn_close:hover, #fregisterform .btn_cancel:hover { background: var(--mt-line) !important; color: var(--mt-ink) !important; } #fregister .btn_submit, #fregisterform .btn_submit, #reg_result .btn_submit { background: var(--mt-primary) !important; color: #fff !important; } #fregister .btn_submit:hover, #fregisterform .btn_submit:hover, #reg_result .btn_submit:hover { filter: brightness(.94); } /* 가입 완료 */ #reg_result { padding: 36px 24px !important; border: 1px solid var(--mt-line) !important; border-radius: 16px !important; background: var(--mt-bg) !important; text-align: center; } #reg_result * { color: var(--mt-sub); } #reg_result h2, #reg_result strong { color: var(--mt-ink) !important; } #reg_result p { font-size: 16px !important; line-height: 1.8 !important; } @media (max-width: 600px) { #fregister section h2, #fregisterform h2 { font-size: 16px !important; padding: 14px 16px !important; } #fregisterform ul { padding: 16px 16px 4px !important; } #fregister .fregister_agree { justify-content: flex-start; } } #fregister > p::before { display: none !important; } #fregister #fregister_chkall { height: auto !important; min-height: 0 !important; line-height: 1.4 !important; } #fregister #fregister_chkall label, #fregisterform .chk_box label { position: static !important; padding: 0 !important; } #fregister #fregister_chkall label span, #fregisterform .chk_box label span { order: -1 !important; } #fregisterform #captcha #captcha_mp3, #fregisterform #captcha #captcha_reload { background-position: 50% 50% !important; } /* 가입 완료 화면 버튼 */ .btn_confirm_reg { max-width: 620px; margin: 14px auto 0 !important; text-align: center; } .btn_confirm_reg .reg_btn_submit, #reg_result .btn_confirm a { display: flex !important; align-items: center; justify-content: center; height: 54px; border-radius: 14px; background: var(--mt-primary) !important; color: #fff !important; font-size: 17px; font-weight: 700; text-decoration: none !important; } #reg_result .reg_result_p .fa, #reg_result .reg_cong .fa { font-size: 40px; color: var(--mt-primary) !important; } #reg_result .reg_result_p, #reg_result .reg_cong { font-size: 18px !important; color: var(--mt-ink) !important; } #reg_result .result_txt { font-size: 15px !important; color: var(--mt-sub) !important; } /* 2026-10-07 (b) 회원가입 자동등록방지: 소리/새로고침 버튼을 선 아이콘으로 (깨진 그림 교체) */ #fregisterform #captcha #captcha_mp3, #fregisterform #captcha #captcha_reload { position: relative !important; display: inline-block !important; flex: none; width: 48px !important; height: 48px !important; margin: 0 !important; padding: 0 !important; border: 1px solid var(--mt-line) !important; border-radius: 12px !important; background: var(--mt-surface) !important; background-image: none !important; font-size: 0 !important; line-height: 0 !important; color: transparent !important; text-indent: 0 !important; overflow: hidden; vertical-align: middle; cursor: pointer; } #fregisterform #captcha #captcha_mp3 span, #fregisterform #captcha #captcha_reload span { display: none !important; } #fregisterform #captcha #captcha_mp3::before, #fregisterform #captcha #captcha_reload::before { content: ""; position: absolute; left: 50%; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; background-color: var(--mt-sub); -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; } #fregisterform #captcha #captcha_mp3 { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9v6h4l5 4V5L8 9z'/%3E%3Cpath d='M16.5 8.5a5 5 0 0 1 0 7M19 6a8.5 8.5 0 0 1 0 12'/%3E%3C/svg%3E"); } #fregisterform #captcha #captcha_reload { --ic: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 1 0-2.3 5.7'/%3E%3Cpath d='M20 4v7h-7'/%3E%3C/svg%3E"); } #fregisterform #captcha #captcha_mp3:hover, #fregisterform #captcha #captcha_reload:hover { border-color: var(--mt-primary) !important; } #fregisterform #captcha #captcha_mp3:hover::before, #fregisterform #captcha #captcha_reload:hover::before { background-color: var(--mt-primary); } #fregisterform #captcha audio { height: 40px; max-width: 100%; } /* 다크 모드: 입력칸 테두리를 어둡게 */ :root[data-theme="dark"] #fregisterform .frm_input, :root[data-theme="dark"] #fregisterform input[type="text"], :root[data-theme="dark"] #fregisterform input[type="password"], :root[data-theme="dark"] #fregisterform #captcha #captcha_img { border-color: #3a3f47 !important; } /* 2026-10-07 (c) 회원가입: 정보공개 체크 한 줄, 폰에서 자동등록방지 한 줄 */ #fregisterform .chk_box { flex-wrap: nowrap !important; align-items: center; } #fregisterform .chk_box > label { flex: none; } #fregisterform .chk_box .chk_li { flex: 0 1 auto; min-width: 0; padding: 0 !important; margin: 0 !important; line-height: 1.5; } #fregisterform .chk_box .tooltip_icon { flex: none; } @media (max-width: 600px) { #fregisterform #captcha { gap: 6px; } #fregisterform #captcha img#captcha_img { flex: none; height: 38px !important; width: auto !important; } #fregisterform #captcha input#captcha_key { flex: 1 1 0; min-width: 0; width: auto !important; height: 40px !important; padding: 0 8px !important; font-size: 17px !important; } #fregisterform #captcha button#captcha_mp3, #fregisterform #captcha button#captcha_reload { width: 40px !important; height: 40px !important; } } /* 2026-10-07 (d) 폰(모바일 스킨): 정보공개 안내문은 체크 아래 줄로 */ #fregisterform li.chk_box { flex-wrap: wrap !important; } #fregisterform li.chk_box span.chk_li { flex: 1 1 0 !important; } #fregisterform li.chk_box span.frm_info { flex: 0 0 100%; order: 9; margin: 4px 0 0 30px !important; padding: 0 !important; font-size: 14px !important; line-height: 1.5; color: var(--mt-sub) !important; } /* 2026-10-16 둥근 모서리 (라이트·다크 공통): 내용 페이지, FAQ 검색, 회원정보 찾기, 회원가입 약관 표 */ #ctt, #ctt_con { border-radius: 16px !important; } #faq_sch { border-radius: 16px !important; } #faq_sch .frm_input, #faq_sch .btn_submit { border-radius: 12px !important; } #find_info .new_win_con { border-radius: 16px !important; } #find_info .frm_input, #find_info .captcha_box, #find_info .btn_submit { border-radius: 12px !important; } #find_info #captcha_img, #find_info #captcha_mp3, #find_info #captcha_reload { border-radius: 8px !important; } #fregister table { border-collapse: separate !important; border-spacing: 0; border: 1px solid var(--mt-line) !important; border-radius: 12px; overflow: hidden; } #fregister th, #fregister td { border-width: 0 1px 1px 0 !important; } #fregister tr > :last-child { border-right: 0 !important; } #fregister tr:last-child > td { border-bottom: 0 !important; } /* 2026-10-16 다크 모드: 내용 페이지(개인정보처리방침·이용약관), FAQ 검색, 회원정보 찾기 */ :root[data-theme="dark"] #ctt, :root[data-theme="dark"] #ctt_con, :root[data-theme="dark"] #ctt header { background: var(--mt-bg) !important; color: var(--mt-ink) !important; border-color: var(--mt-line) !important; } :root[data-theme="dark"] #ctt h1, :root[data-theme="dark"] #ctt_con * { color: var(--mt-ink) !important; background-color: transparent !important; border-color: var(--mt-line) !important; } :root[data-theme="dark"] #faq_sch { background: var(--mt-surface) !important; border-color: var(--mt-line) !important; color: var(--mt-ink) !important; } :root[data-theme="dark"] #faq_sch .sch_tit { color: var(--mt-ink) !important; } :root[data-theme="dark"] #find_info .new_win_con { background: var(--mt-bg) !important; border-color: var(--mt-line) !important; color: var(--mt-sub) !important; } :root[data-theme="dark"] #find_info h3 { color: var(--mt-ink) !important; } :root[data-theme="dark"] #find_info p { color: var(--mt-sub) !important; } :root[data-theme="dark"] #magic-today .frm_input, :root[data-theme="dark"] #magic-today .captcha_box { background: var(--mt-surface) !important; color: var(--mt-ink) !important; border: 1px solid var(--mt-line) !important; } :root[data-theme="dark"] #magic-today .frm_input::placeholder { color: var(--mt-muted) !important; } :root[data-theme="dark"] #faq_sch .frm_input { background: var(--mt-bg) !important; } :root[data-theme="dark"] #magic-today .frm_input, :root[data-theme="dark"] #magic-today .captcha_box { border-color: #3a3f47 !important; } /* 2026-10-16 폰: FAQ 검색 상자 넘침 */ @media (max-width: 600px) { #faq_sch { width: auto !important; max-width: none !important; padding: 16px !important; margin: 0 0 14px !important; text-align: left !important; } #faq_sch form { display: flex !important; align-items: center; gap: 8px; } #faq_sch .sch_tit { display: none !important; } #faq_sch .frm_input { flex: 1 1 auto; width: auto !important; min-width: 0; height: 44px !important; margin: 0 !important; font-size: 16px; } #faq_sch .btn_submit { flex: none; height: 44px !important; margin: 0 !important; padding: 0 16px !important; white-space: nowrap; } } /* 2026-10-16 폰 보안문자: 큰 재생기 대신 🔊 버튼 (extend/mt_captcha.extend.php 가 버튼을 넣음) */ #captcha.m_captcha { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; border: 0; padding: 0; margin: 12px 0; } #captcha.m_captcha legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } #captcha.m_captcha #captcha_audio { display: none; } #captcha.m_captcha #captcha_img { width: 160px; height: 60px; margin: 0; border: 1px solid var(--mt-line); border-radius: 12px !important; object-fit: fill; background: #fff; } #captcha.m_captcha #mt_captcha_play, #captcha.m_captcha #captcha_reload { flex: none; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 48px; height: 48px; margin: 0; overflow: hidden; border: 1px solid var(--mt-line); border-radius: 12px !important; background: var(--mt-surface); color: var(--mt-ink); font-size: 18px; text-indent: 0; } #captcha.m_captcha #captcha_reload { font-size: 0 !important; color: transparent; } #captcha.m_captcha #captcha_reload span { display: none; } #captcha.m_captcha #captcha_reload::before { content: "\f021"; font-family: FontAwesome !important; font-size: 18px; color: var(--mt-ink); } #captcha.m_captcha #mt_captcha_play .sound_only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } #captcha.m_captcha #captcha_key { flex: 0 0 100%; min-width: 0; height: 48px; margin: 0; padding: 0 12px; font-size: 17px; } #captcha.m_captcha #captcha_info { flex: 0 0 100%; margin: 0; font-size: 14px; color: var(--mt-sub); } /* 2026-10-21 아이디/비밀번호 찾기: 빨간 버튼 -> 사이트 파란 버튼 (모바일 스킨) */ #find_info .btn_submit { width: 100% !important; height: 50px !important; border: 0 !important; background: var(--mt-primary) !important; color: #fff !important; font-size: 16px !important; font-weight: 700 !important; }