/* 2026-09-20 회원확인·사진 단독창과 개인정보 수정 화면의 공통 반응형 스타일. */
.amina-account-card {box-sizing:border-box;width:calc(100% - 32px);max-width:460px;margin:40px auto;padding:28px;border:1px solid #e1e5eb;border-top:3px solid #d83b42;border-radius:12px;background:#fff;color:#30343b;box-shadow:0 10px 32px rgba(25,35,50,.06);font:14px/1.65 Arial,"Malgun Gothic",sans-serif}
.amina-account-card * {box-sizing:border-box}
.amina-account-card header {margin:0 0 22px}
.amina-account-card .amina-account-kicker {display:block;color:#bf343b;letter-spacing:1.5px;font-size:10px;font-weight:700}
.amina-account-card h1 {position:static;width:auto;height:auto;margin:6px 0 8px;padding:0;overflow:visible;font-size:25px;line-height:1.4;color:#242b34}
.amina-account-card header p {margin:0;color:#727b88;font-size:13px;overflow-wrap:anywhere}
.amina-account-identity {display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 22px;padding:14px 16px;border:1px solid #e9ecf1;border-radius:8px;background:#f8f9fb}
.amina-account-identity span {flex-basis:100%;color:#7b8491;font-size:11px}
.amina-account-identity strong {font-size:15px;overflow-wrap:anywhere}
.amina-account-identity small {color:#7b8491;overflow-wrap:anywhere}
.amina-account-label {display:block;margin:0 0 8px;font-weight:600}
.amina-account-card input[type=password] {display:block;width:100%;height:46px;padding:10px 12px;border:1px solid #d7dce3;border-radius:6px;background:#fff;font-size:16px;color:#30343b}
.amina-account-card input:focus-visible {outline:2px solid #ebadb1;outline-offset:2px}
.amina-account-actions {display:flex;gap:10px;margin:24px 0 0}
.amina-account-actions button,.amina-account-actions a {display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:44px;margin:0;padding:10px;border:1px solid #d83b42;border-radius:6px;background:#d83b42;color:#fff;font-size:14px;font-weight:600;line-height:22px;text-decoration:none;cursor:pointer}
.amina-account-actions .is-secondary {flex:0 0 32%;border-color:#d7dce3;background:#fff;color:#5b6470}
.amina-account-actions button:disabled {opacity:.6;cursor:wait}
.amina-account-help {margin:9px 0;color:#7b8491;font-size:12px;overflow-wrap:anywhere}
.amina-account-card input[type=file] {display:block;width:100%;max-width:100%;min-width:0;font-size:13px}
.amina-account-card input[type=file]::file-selector-button,#fregisterform input[type=file]::file-selector-button {margin-right:9px;padding:9px 12px;border:1px solid #d7dce3;border-radius:5px;background:#f8f9fb;color:#485262;cursor:pointer}
.amina-avatar-preview {display:flex;justify-content:center;align-items:center;margin:0 0 24px;padding:18px;border-radius:9px;background:#f8f9fb}
.amina-avatar-preview img {max-width:100%;max-height:160px;object-fit:cover;border:1px solid #e1e5eb;border-radius:12px;background:#eee}
.amina-account-check,#fregisterform label.amina-account-check {display:flex;align-items:center;gap:8px;margin:12px 0 0;font-size:13px;font-weight:400}
.amina-account-check input[type=checkbox] {position:static;width:16px;height:16px;margin:0;opacity:1;accent-color:#d83b42}
.amina-account-notice {padding:10px 12px;border-radius:6px;background:#ecf7ef;color:#267040;font-size:13px}
.amina-account-notice.is-error {background:#fff1f2;color:#a32d35}
/* 기존 620×500 팝업에서도 저장 버튼을 바로 볼 수 있도록 사진 카드는 조금 더 촘촘하게 배치한다. */
.amina-photo-card {max-width:760px;margin:20px auto;padding:22px}
.amina-photo-card header {margin-bottom:16px}
.amina-photo-card .amina-avatar-preview {margin-bottom:16px;padding:12px}
.amina-photo-card .amina-account-actions {margin-top:16px}
#photo-status:empty {display:none}
/* 2026-09-28 아이콘과 사진을 독립 편집하고 댓글의 서로 다른 위치를 미리 보여준다. */
.amina-image-editors {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.amina-image-editor {min-width:0;padding:16px;border:1px solid #e1e5eb;border-radius:8px}
.amina-photo-card h2 {margin:0 0 12px;font-size:16px;line-height:1.5}
.amina-image-example {display:flex;align-items:center;justify-content:center;gap:6px;min-height:90px;margin:0 0 14px;padding:10px;background:#f8f9fb;border-radius:6px;overflow-wrap:anywhere}
.amina-photo-card img[data-image-preview] {max-width:100%;object-fit:cover;flex-shrink:0}
.amina-photo-card img[data-image-preview][hidden] {display:none!important}
.amina-photo-card img[data-image-preview="member_image"] {border-radius:6px}
.amina-comment-example {margin-top:18px;padding:16px;background:#f8f9fb;border:1px solid #e1e5eb;border-radius:8px}
.amina-comment-example-row {display:flex;align-items:flex-start;gap:12px}
.amina-comment-example-row > div {min-width:0;overflow-wrap:anywhere}
.amina-comment-example-name {display:flex;align-items:center;gap:6px}
.amina-comment-example-row p {margin:6px 0}
.amina-image-status:empty {display:none}
@media(max-width:600px) {.amina-image-editors {grid-template-columns:minmax(0,1fr)}.amina-photo-card h1 {font-size:22px}}
#fregisterform .amina-profile-photo-row {display:flex;align-items:flex-start;gap:16px}
#fregisterform .amina-profile-photo-row > img {flex:0 0 80px;width:80px;height:80px;object-fit:cover;border:1px solid #e1e5eb;border-radius:10px;background:#f7f8fa}
#fregisterform .amina-profile-photo-row > div {min-width:0;flex:1}
@media(max-width:480px) {
    .amina-account-card {width:calc(100% - 24px);margin:20px auto;padding:22px 18px}
    .amina-account-card h1 {font-size:23px}
    #fregisterform .amina-profile-photo-row {flex-direction:column;gap:12px}
}
/* 최신 G5 회원 폼과 아미나 테마의 스타일 차이를 가입/정보수정 화면에서만 보정한다. */
#fregisterform {width:100%;max-width:720px;margin:0 auto 24px;color:#333;font-size:14px;line-height:1.6}
#fregisterform, #fregisterform * {box-sizing:border-box}
#fregisterform #register_form {margin:0;background:transparent}
#fregisterform .register_form_inner,
#fregisterform > .form_01:not(#register_form) {margin:0 0 16px;background:#fff;border:1px solid #e1e4e8;border-radius:4px;overflow:visible}
#fregisterform h2 {margin:0;padding:12px 16px;border:0;border-bottom:1px solid #e7e9ec;border-left:3px solid #d94146;background:#fafafa;font-size:16px;font-weight:600;line-height:1.5}
#fregisterform .form_01 ul {margin:0;padding:16px;list-style:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px}
#fregisterform .form_01 li {position:relative;grid-column:1 / -1;min-width:0;width:auto;float:none;margin:0;padding:0;list-style:none}
#fregisterform .form_01 li.half_input {grid-column:span 1}
#fregisterform .form_01 li:empty {display:none}
#fregisterform .form_01 ul:after, #fregisterform .form_01 li:after {display:none}
#fregisterform .form_01 div {margin-bottom:0}
#fregisterform .form_01 .register_form_inner {margin-bottom:16px}
#fregisterform label {display:block;width:auto;margin:0 0 6px;font-size:13px;font-weight:600;line-height:22px}
/* 모바일 스킨의 숨긴 입력 제목도 표시한다. 보조 설명용 sound_only는 유지한다. */
#fregisterform .form_01 li > label.sound_only {position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;font-size:13px;line-height:22px;text-indent:0}
#fregisterform .frm_input {display:inline-block;max-width:100%;height:40px;padding:8px 10px;border:1px solid #cfd4da;border-radius:3px;background:#fff;color:#333;font:inherit;line-height:22px;box-shadow:none}
#fregisterform .full_input {display:block;width:100%}
#fregisterform textarea {display:block;width:100%;max-width:100%;min-height:90px;padding:10px;border:1px solid #cfd4da;border-radius:3px;background:#fff;font:inherit}
#fregisterform .frm_input:focus, #fregisterform textarea:focus {outline:2px solid #f5c7c9;outline-offset:1px;border-color:#d94146}
#fregisterform .frm_input[readonly] {background:#f5f6f7;color:#666}
#fregisterform .frm_info {display:block;margin-top:5px;color:#777;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
#fregisterform .chk_box {line-height:24px}
#fregisterform .chk_box input[type=checkbox] {position:static;display:inline-block;opacity:1;width:16px;height:16px;margin:0 5px 0 0;vertical-align:middle;z-index:auto;accent-color:#d94146}
#fregisterform .chk_box input[type=checkbox] + label {display:inline-block;padding:0;margin:0 6px 0 0;vertical-align:middle}
#fregisterform .chk_box input[type=checkbox] + label > span {display:none}
#fregisterform .chk_box label .sound_only {position:static;width:auto;height:auto;overflow:visible;clip:auto;font-size:13px;line-height:inherit}
/* 구형 모바일 공통 CSS의 0px !important는 실제 입력 제목에 한해 해제한다. */
#fregisterform .form_01 li > label.sound_only,
#fregisterform .chk_box label .sound_only {width:auto !important;height:auto !important;font-size:13px !important;line-height:22px !important}
#fregisterform .chk_li {padding:0;color:#666;font-size:12px}
#fregisterform .tooltip_icon {padding:0 3px;border:0;background:transparent;font-size:15px;line-height:20px;color:#888;vertical-align:middle;cursor:pointer}
/* 모바일 스킨에는 구 tooltip 스타일이 없다. 설명이 입력칸 위에 겹치지 않게 기본 숨김/문서 흐름을 명시한다. */
#fregisterform .tooltip {display:none;position:static;opacity:1;max-width:100%;margin:6px 0;padding:9px 12px;border-radius:4px;background:#f3f5f7;color:#66717d;font-size:12px;line-height:1.6;white-space:normal}
#fregisterform .tooltip:before {display:none}
#fregisterform .btn_confirm {display:flex;justify-content:center;gap:10px;clear:both;margin:20px 0 0;text-align:center}
#fregisterform .btn_confirm .btn_close,
#fregisterform .btn_confirm .btn_cancel,
#fregisterform .btn_confirm .btn_submit {display:inline-flex;float:none;align-items:center;justify-content:center;flex:1 1 0;max-width:210px;width:auto;min-width:0;height:44px !important;margin:0;padding:0 18px;border:1px solid #d94146;border-radius:3px;background:#d94146;color:#fff;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;letter-spacing:0}
#fregisterform .btn_confirm .btn_close,
#fregisterform .btn_confirm .btn_cancel {border-color:#cfd4da;background:#fff;color:#555}
#fregisterform .btn_confirm .btn_submit:hover {background:#bc3035;border-color:#bc3035}
#fregisterform button:focus-visible, #fregisterform a:focus-visible,
#fregisterform input[type=checkbox]:focus-visible {outline:2px solid #b42d32;outline-offset:3px}
#fregisterform input[type=file] {max-width:100%}
#fregisterform #reg_mb_icon, #fregisterform #reg_mb_img {float:none}
@media (max-width:600px) {
    #fregisterform .form_01 ul {padding:14px;grid-template-columns:minmax(0,1fr);gap:14px}
    #fregisterform .form_01 li.half_input {grid-column:1 / -1}
    #fregisterform .frm_input {font-size:16px;height:42px}
    #fregisterform .chk_li {display:block;margin:4px 0 0}
    #fregisterform .btn_confirm {gap:8px}
}