@charset "utf-8";

/* ══════════════════════════════════════════════════════
   컬러 팔레트 (레퍼런스 이미지 기반 — 브론즈/구리 계열)
   --rg-bg       : #FAF6F0  (따뜻한 아이보리 배경)
   --rg-card     : #FFFFFF  (카드 배경)
   --rg-gold     : #C8956A  (구리 포인트)
   --rg-gold-dk  : #8B5E3A  (짙은 구리)
   --rg-gold-lt  : #E8C090  (밝은 골드)
   --rg-text-1   : #3A2010  (주 텍스트)
   --rg-text-2   : #7A6050  (보조 텍스트)
   --rg-line     : #E8D8C8  (구분선)
   --rg-input-bg : #FDF9F5  (입력 배경)
══════════════════════════════════════════════════════ */

/* ── 전체 래퍼 ─────────────────────────────────────── */
.register {
	max-width: 680px;
	width: 100%;
	font-family: inherit;
}

/* ── 페이지 타이틀 ─────────────────────────────────── */
.register-title {
	text-align: center;
	padding: 32px 0 24px;
}
.register-title h2 {
	font-size: 1.35rem;
	font-weight: 700;
	color: #3A2010;
	margin-bottom: 6px;
}
.register-title p {
	font-size: .83rem;
	color: #9A7860;
}

/* ── 섹션 카드 ─────────────────────────────────────── */
.rg-section {
	background: #fff;
	border: 1px solid #E8D8C8;
	border-radius: 14px;
	margin-bottom: 14px;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(90,50,20,.07);
}

/* 섹션 헤더 */
.rg-section-head {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 22px 14px;
	background: linear-gradient(135deg, #F5EAD8 0%, #FAF6F0 100%);
	border-bottom: 1px solid #EDD8C0;
}
.rg-section-num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 28px; height: 28px;
	border-radius: 50%;
	background: linear-gradient(135deg, #C8956A 0%, #8B5E3A 100%);
	color: #fff;
	font-size: .75rem;
	font-weight: 800;
	flex-shrink: 0;
	box-shadow: 0 2px 6px rgba(139,94,58,.35);
}
.rg-section-head h5 {
	margin: 0;
	font-size: .9rem;
	font-weight: 700;
	color: #3A2010;
}

/* 섹션 바디 */
.rg-section-body {
	padding: 20px 22px;
}

/* ── 폼 행(row) ────────────────────────────────────── */
.rg-row {
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: start;
	gap: 8px 12px;
	margin-bottom: 14px;
}
.rg-row:last-child { margin-bottom: 0; }
.rg-row.rg-row--half {
	grid-template-columns: 100px 1fr 100px 1fr;
}

/* 라벨 */
.rg-label {
	padding-top: 9px;
	font-size: .78rem;
	font-weight: 600;
	color: #6A5040;
	line-height: 1.4;
}
.rg-label .req {
	display: inline-block;
	width: 5px; height: 5px;
	background: #C8956A;
	border-radius: 50%;
	vertical-align: middle;
	margin-left: 2px;
	margin-bottom: 3px;
}

/* ── 입력 필드 ─────────────────────────────────────── */
.register .form-control,
.register input[type="text"],
.register input[type="password"],
.register input[type="email"],
.register textarea {
	height: 40px;
	padding: 0 12px;
	background: #FDF9F5;
	border: 1px solid #DCCAB8;
	border-radius: 8px;
	color: #3A2010;
	font-size: .83rem;
	outline: none;
	transition: border-color .15s, box-shadow .15s, background .15s;
	box-shadow: inset 0 1px 3px rgba(90,50,20,.06);
}
.register textarea {
	height: auto;
	padding: 10px 12px;
	resize: vertical;
}
.register .form-control:focus,
.register input[type="text"]:focus,
.register input[type="password"]:focus,
.register input[type="email"]:focus,
.register textarea:focus {
	border-color: #C8956A;
	background: #fff;
	box-shadow: 0 0 0 3px rgba(200,149,106,.15), inset 0 1px 3px rgba(90,50,20,.04);
}
.register .form-control.required:not(:placeholder-shown):valid {
	border-color: #7BA87B;
}

/* ── 입력 힌트 텍스트 ──────────────────────────────── */
.rg-hint {
	font-size: .74rem;
	color: #9A8070;
	padding-top: 4px;
	line-height: 1.5;
}
.register #msg_mb_id,
.register #msg_mb_nick { font-size: .74rem; margin-top: 3px; }

/* ── 주소 그룹 ─────────────────────────────────────── */
.register .input-group .form-control { border-radius: 8px 0 0 8px; }
.register .input-group-append .btn { border-radius: 0 8px 8px 0; }
.register .input-group-text {
	background: #F5EAD8;
	border: 1px solid #DCCAB8;
	color: #7A6050;
	font-size: .78rem;
	border-radius: 8px 0 0 8px;
}

/* ── 체크박스 ──────────────────────────────────────── */
.register .custom-control-label {
	font-size: .82rem;
	color: #5A4030;
	cursor: pointer;
	padding-top: 1px;
}
.register .custom-control-label::before {
	border-color: #DCCAB8;
	background: #FDF9F5;
	border-radius: 5px;
}
.register .custom-control-input:checked ~ .custom-control-label::before {
	background: linear-gradient(135deg, #C8956A, #8B5E3A);
	border-color: #C8956A;
}
.register .custom-control-input:focus ~ .custom-control-label::before {
	box-shadow: 0 0 0 3px rgba(200,149,106,.2);
}

/* ── 본인확인 버튼 ─────────────────────────────────── */
.register .btn-primary {
	background: linear-gradient(135deg, #C8956A 0%, #8B5E3A 100%);
	border: none;
	border-radius: 8px;
	color: #fff;
	font-size: .82rem;
	font-weight: 700;
	padding: 0 18px;
	height: 40px;
	box-shadow: 0 2px 8px rgba(139,94,58,.3);
	transition: all .15s;
}
.register .btn-primary:hover {
	background: linear-gradient(135deg, #DCA878 0%, #9B6E4A 100%);
	box-shadow: 0 3px 12px rgba(139,94,58,.45);
	color: #fff;
}
.register #msg_certify {
	font-size: .78rem;
	color: #6A9A6A;
	margin-top: 6px;
}

/* ── 캡차 ──────────────────────────────────────────── */
.register #captcha_area,
.register .captcha_area {
	background: #FDF9F5;
	border: 1px solid #DCCAB8;
	border-radius: 10px;
	padding: 14px;
}

/* ── 하단 버튼 ─────────────────────────────────────── */
.rg-actions {
	display: flex;
	gap: 10px;
	margin-top: 20px;
	margin-bottom: 30px;
}
.rg-actions .btn-submit {
	flex: 2;
	height: 50px;
	background: linear-gradient(135deg, #C8956A 0%, #8B5E3A 100%);
	border: none;
	border-radius: 12px;
	color: #fff;
	font-size: .95rem;
	font-weight: 800;
	letter-spacing: .04em;
	cursor: pointer;
	box-shadow: 0 4px 16px rgba(139,94,58,.4), inset 0 1px 0 rgba(255,255,255,.15);
	transition: all .15s;
}
.rg-actions .btn-submit:hover {
	background: linear-gradient(135deg, #DCA878 0%, #9B6E4A 100%);
	box-shadow: 0 6px 20px rgba(139,94,58,.55);
	transform: translateY(-1px);
}
.rg-actions .btn-submit:disabled { opacity: .6; cursor: not-allowed; transform: none; }
.rg-actions .btn-cancel {
	flex: 1;
	height: 50px;
	background: #F5EAD8;
	border: 1px solid #DCCAB8;
	border-radius: 12px;
	color: #7A6050;
	font-size: .9rem;
	font-weight: 700;
	cursor: pointer;
	transition: all .15s;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}
.rg-actions .btn-cancel:hover { background: #EDD8C0; color: #4A2E18; }

/* ── 하단 링크 ─────────────────────────────────────── */
.rg-footer-links {
	text-align: center;
	font-size: .78rem;
	color: #9A8070;
	padding-bottom: 20px;
}
.rg-footer-links a { color: #C8956A; text-decoration: none; font-weight: 600; }
.rg-footer-links a:hover { color: #8B5E3A; }
.rg-footer-links span { margin: 0 8px; color: #DCCAB8; }

/* ── 기존 list-group 오버라이드 (원본 PHP 유지용) ───── */
.register .list-group { border: none; background: transparent; }
.register .list-group-item {
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	border-radius: 0 !important;
}
.register .form-group { margin-bottom: 0; }

/* ══════════════════════════════════════════════════════
   Bootstrap primary 색상 전역 오버라이드
   (이 스킨의 style.css 는 회원 스킨에서만 로드되므로
    Bootstrap primary 를 브라운/구리 계열로 전면 교체)
══════════════════════════════════════════════════════ */

/* bg-primary 배경 오버라이드 */
.bg-primary {
    background: linear-gradient(135deg, #4A2E18 0%, #7A5030 100%) !important;
    color: #F5EAD8 !important;
}
/* border-primary */
.border-primary { border-color: #C8956A !important; }
/* text-primary */
.text-primary { color: #C8956A !important; }

/* btn-primary (Bootstrap .btn.btn-primary 등) */
.btn.btn-primary,
button.btn-primary,
a.btn.btn-primary,
.btn-primary {
    background: linear-gradient(135deg, #C8956A 0%, #8B5E3A 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    font-weight: 700;
    box-shadow: 0 2px 8px rgba(139,94,58,.3) !important;
    transition: all .15s !important;
}
.btn.btn-primary:hover,
button.btn-primary:hover,
a.btn.btn-primary:hover {
    background: linear-gradient(135deg, #DCA878 0%, #9B6E4A 100%) !important;
    box-shadow: 0 3px 12px rgba(139,94,58,.45) !important;
    color: #fff !important;
}
.btn.btn-primary:focus,
button.btn-primary:focus {
    box-shadow: 0 0 0 3px rgba(200,149,106,.3) !important;
}

/* ── 팝업 공통 topNav 헤더 ──────────────────────────── */
#topNav {
    background: linear-gradient(135deg, #4A2E18 0%, #7A5030 100%) !important;
}
#topNav h5 {
    color: #F5EAD8;
    font-size: .95rem;
    font-weight: 700;
    margin: 0;
}
#topNav .close,
#topNav .text-white {
    color: rgba(245,234,216,.8) !important;
    opacity: 1;
}
#topNav .close:hover { color: #F5EAD8 !important; }

/* ── 팝업 구분선 (bg-primary 4px bar) ─────────────── */
.w-100.bg-primary[style*="height:4px"],
.w-100.mb-0.bg-primary {
    background: linear-gradient(90deg, #C8956A 0%, #8B5E3A 60%, #4A2E18 100%) !important;
    height: 3px !important;
}

/* ── 팝업 list-group 아이템 ─────────────────────────── */
#profile .list-group-item,
#scrap .list-group-item,
#point .list-group-item,
#memo_list .list-group-item,
#memo_view .list-group-item,
#memo_write .list-group-item,
#scrap_do .list-group-item,
#fmail .list-group-item,
#mb_confirm .list-group-item {
    border-color: #EDD8C0 !important;
    background: #fff;
    color: #3A2010;
}
#profile .list-group-item b,
#scrap .list-group-item b,
#point .list-group-item b,
#memo_list .list-group-item b {
    color: #5A3820;
}
/* bg-light 행 (포인트 소계, 보관일수 등) */
#point .list-group-item.bg-light,
#memo_list .bg-light,
#fmail .bg-light {
    background: #FDF9F5 !important;
    color: #7A6050 !important;
}

/* ── 팝업 내 form-control ──────────────────────────── */
#profile .form-control,
#scrap .form-control,
#point .form-control,
#memo_list .form-control,
#memo_view .form-control,
#memo_write .form-control,
#scrap_do .form-control,
#fmail .form-control,
#mb_confirm .form-control {
    background: #FDF9F5;
    border: 1px solid #DCCAB8;
    color: #3A2010;
    border-radius: 8px;
}
#memo_write .form-control:focus,
#scrap_do .form-control:focus,
#fmail .form-control:focus,
#mb_confirm .form-control:focus {
    border-color: #C8956A;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(200,149,106,.15);
    outline: none;
}

/* ── 팝업 input-group 텍스트 ───────────────────────── */
#mb_confirm .input-group-text,
#memo_write .input-group-text,
#fmail .input-group-text,
#scrap_do .input-group-text {
    background: #F5EAD8;
    border-color: #DCCAB8;
    color: #7A6050;
    font-size: .82rem;
}

/* ── sly-tab 탭 내비 ───────────────────────────────── */
.sly-tab .sly-list { border-color: #DCCAB8 !important; }
.sly-tab .sly-list li a {
    color: #7A6050 !important;
    font-size: .82rem;
}
.sly-tab .sly-list li.active a,
.sly-tab .sly-list li.active > a {
    color: #4A2E18 !important;
    font-weight: 700;
    border-bottom: 2px solid #C8956A;
}
.sly-tab .sly-list li a:hover { color: #C8956A !important; }

/* ── 페이지네이션 ───────────────────────────────────── */
.pagination .page-item.active .page-link {
    background: linear-gradient(135deg, #C8956A, #8B5E3A) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 2px 6px rgba(139,94,58,.3);
}
.pagination .page-link {
    color: #8B5E3A !important;
    border-color: #DCCAB8 !important;
}
.pagination .page-link:hover {
    background: #F5EAD8 !important;
    color: #4A2E18 !important;
}

/* ── 프로필 팝업 ─────────────────────────────────────── */
#profile .rounded-circle {
    border: 3px solid #DCCAB8;
    box-shadow: 0 2px 8px rgba(90,50,20,.12);
}

/* ── 쪽지/스크랩 링크 색상 ──────────────────────────── */
#memo_list a, #memo_view a, #scrap a {
    color: #7A5030;
}
#memo_list a:hover, #memo_view a:hover, #scrap a:hover {
    color: #C8956A;
}
/* 읽지 않은 쪽지 강조 */
#memo_list .orangered { color: #C8956A !important; font-weight: 700; }

/* ── 메일보내기 라디오 ──────────────────────────────── */
#fmail .custom-control-input:checked ~ .custom-control-label::before {
    background: linear-gradient(135deg, #C8956A, #8B5E3A);
    border-color: #C8956A;
}

/* ── 스크랩 팝업 ─────────────────────────────────────── */
#scrap_do strong { color: #3A2010; font-size: .9rem; }

/* ── 홈으로 돌아가기 공통 링크 ───────────────────────── */
#profile a[href], #scrap a[href], #point a[href],
#memo_list a[href], #memo_view a[href], #memo_write a[href],
#scrap_do a[href], #fmail a[href],
#mb_confirm a[href] {
    color: #9A8070;
}
.text-center > a[href*="G5_URL"],
p.text-center > a {
    color: #9A8070 !important;
    font-size: .8rem;
    text-decoration: none;
}
.text-center > a[href*="G5_URL"]:hover,
p.text-center > a:hover { color: #C8956A !important; }

/* ── 쪽지 뷰 버튼 그룹 ──────────────────────────────── */
#memo_view .btn-group .btn.btn-primary {
    border-radius: 6px !important;
    margin-right: 4px;
    padding: 6px 14px;
    font-size: .82rem;
}

/* ── btn_b01 (이전/다음) ─────────────────────────────── */
.btn_b01 {
    background: #F5EAD8;
    border: 1px solid #DCCAB8;
    color: #7A6050;
    border-radius: 8px;
    padding: 5px 12px;
    font-size: .82rem;
    text-decoration: none;
    transition: all .15s;
}
.btn_b01:hover { background: #EDD8C0; color: #4A2E18; }

/* ══════════════════════════════════════════════════════
   로그인 페이지 (#mb_login)
══════════════════════════════════════════════════════ */
#mb_login {
    max-width: 360px;
    padding: 0 12px;
}
#mb_login .login-card {
    background: #fff;
    border: 1px solid #E8D8C8;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(90,50,20,.1);
    margin-bottom: 14px;
}
#mb_login .login-card-head {
    background: linear-gradient(135deg, #4A2E18 0%, #7A5030 100%);
    padding: 28px 24px 24px;
    text-align: center;
}
#mb_login .login-card-head .login-logo-text {
    font-size: 1.3rem;
    font-weight: 800;
    color: #F5EAD8;
    letter-spacing: .06em;
    text-transform: uppercase;
}
#mb_login .login-card-head .login-logo-sub {
    font-size: .74rem;
    color: rgba(200,149,106,.85);
    margin-top: 4px;
}
#mb_login .login-card-body { padding: 22px 24px; }

#mb_login .login-auto-row {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
}
/* 입력 그룹 */
#mb_login .input-group { margin-bottom: 10px; }
#mb_login .input-group-text {
    background: #F5EAD8;
    border: 1px solid #DCCAB8;
    border-right: none;
    color: #9A7060;
    border-radius: 8px 0 0 8px;
    width: 42px;
    justify-content: center;
}
#mb_login .form-control {
    background: #FDF9F5;
    border: 1px solid #DCCAB8;
    border-left: none;
    border-radius: 0 8px 8px 0;
    color: #3A2010;
    font-size: .84rem;
    height: 42px;
    box-shadow: none;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
}
#mb_login .form-control:focus {
    border-color: #C8956A;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(200,149,106,.15);
}
/* 로그인 버튼 */
#mb_login .btn-login {
    display: block;
    width: 100%;
    height: 46px;
    margin-top: 14px;
    background: linear-gradient(135deg, #C8956A 0%, #8B5E3A 100%);
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size: .9rem;
    font-weight: 800;
    letter-spacing: .05em;
    cursor: pointer;
    box-shadow: 0 3px 12px rgba(139,94,58,.35), inset 0 1px 0 rgba(255,255,255,.15);
    transition: all .15s;
}
#mb_login .btn-login:hover {
    background: linear-gradient(135deg, #DCA878 0%, #9B6E4A 100%);
    box-shadow: 0 5px 18px rgba(139,94,58,.5);
    transform: translateY(-1px);
}
/* 하단 링크 */
#mb_login .login-links {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
    font-size: .78rem;
}
#mb_login .login-links a { color: #C8956A; text-decoration: none; font-weight: 600; }
#mb_login .login-links a:hover { color: #8B5E3A; }
#mb_login .login-home-link {
    text-align: center;
    margin-top: 12px;
    font-size: .78rem;
}
#mb_login .login-home-link a { color: #9A8070; text-decoration: none; }
#mb_login .login-home-link a:hover { color: #C8956A; }
/* 자동로그인 스위치 */
#mb_login .custom-control-label {
    font-size: .8rem;
    color: #7A6050;
    cursor: pointer;
}
#mb_login .custom-control-input:checked ~ .custom-control-label::before {
    background: linear-gradient(135deg, #C8956A, #8B5E3A);
    border-color: #C8956A;
}

/* ══════════════════════════════════════════════════════
   회원정보 찾기 (#find_info)
══════════════════════════════════════════════════════ */
#find_info {
    max-width: 560px;
    margin: 0 auto;
    padding: 0 12px;
}
#find_info .fi-card {
    background: #fff;
    border: 1px solid #E8D8C8;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(90,50,20,.07);
    margin-bottom: 14px;
}
#find_info .fi-card-head {
    display: flex; align-items: center; gap: 12px;
    padding: 16px 22px 14px;
    background: linear-gradient(135deg, #F5EAD8 0%, #FAF6F0 100%);
    border-bottom: 1px solid #EDD8C0;
}
#find_info .fi-card-num {
    display: flex; align-items: center; justify-content: center;
    width: 28px; height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #C8956A, #8B5E3A);
    color: #fff;
    font-size: .78rem; font-weight: 800;
    box-shadow: 0 2px 6px rgba(139,94,58,.35);
    flex-shrink: 0;
}
#find_info .fi-card-head h5 {
    margin: 0; font-size: .9rem; font-weight: 700; color: #3A2010;
}
#find_info .fi-card-body { padding: 20px 22px; }
#find_info p { font-size: .83rem; color: #7A6050; line-height: 1.6; margin-bottom: 12px; }
#find_info .input-group-text {
    background: #F5EAD8;
    border: 1px solid #DCCAB8; border-right: none;
    color: #9A7060; font-size: .82rem;
    border-radius: 8px 0 0 8px;
}
#find_info .form-control {
    background: #FDF9F5;
    border: 1px solid #DCCAB8; border-left: none;
    border-radius: 0 8px 8px 0;
    color: #3A2010; font-size: .83rem; height: 42px;
    transition: border-color .15s, box-shadow .15s;
}
#find_info .form-control:focus {
    border-color: #C8956A;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(200,149,106,.15);
}
#find_info .btn-primary,
#find_info .btn-send {
    background: linear-gradient(135deg, #C8956A, #8B5E3A) !important;
    border: none !important; border-radius: 0 8px 8px 0;
    color: #fff !important; font-size: .82rem; font-weight: 700;
    padding: 0 16px; height: 42px;
    box-shadow: 0 2px 8px rgba(139,94,58,.3);
    transition: all .15s;
}
#find_info .btn-primary:hover, #find_info .btn-send:hover {
    background: linear-gradient(135deg, #DCA878, #9B6E4A) !important;
}
#find_info .cert-divider {
    text-align: center;
    border-top: 1px solid #EDD8C0;
    padding-top: 18px; margin-top: 6px;
}
#find_info .cert-divider h3 {
    font-size: .92rem; font-weight: 700; color: #3A2010; margin-bottom: 14px;
}

/* ══════════════════════════════════════════════════════
   비밀번호 재설정 (#pw_reset)
══════════════════════════════════════════════════════ */
#pw_reset {
    max-width: 480px;
    margin: 0 auto;
    padding: 0 12px;
}
#pw_reset .pw-card {
    background: #fff;
    border: 1px solid #E8D8C8;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(90,50,20,.07);
    margin-bottom: 20px;
}
#pw_reset .pw-card-head {
    display: flex; align-items: center; gap: 12px;
    padding: 16px 22px 14px;
    background: linear-gradient(135deg, #F5EAD8 0%, #FAF6F0 100%);
    border-bottom: 1px solid #EDD8C0;
}
#pw_reset .pw-card-num {
    display: flex; align-items: center; justify-content: center;
    width: 28px; height: 28px; border-radius: 50%;
    background: linear-gradient(135deg, #C8956A, #8B5E3A);
    color: #fff; font-size: .82rem; font-weight: 800;
    box-shadow: 0 2px 6px rgba(139,94,58,.35); flex-shrink: 0;
}
#pw_reset .pw-card-head h5 {
    margin: 0; font-size: .9rem; font-weight: 700; color: #3A2010;
}
#pw_reset .pw-card-body { padding: 20px 22px; }
#pw_reset p { font-size: .83rem; color: #7A6050; margin-bottom: 14px; }
#pw_reset .mb-id-badge {
    display: inline-block;
    background: #F5EAD8;
    border: 1px solid #DCCAB8;
    border-radius: 8px;
    padding: 6px 14px;
    font-size: .82rem; font-weight: 700; color: #5A3820;
    margin-bottom: 16px;
}
#pw_reset .input-group { margin-bottom: 10px; }
#pw_reset .input-group-text {
    background: #F5EAD8;
    border: 1px solid #DCCAB8; border-right: none;
    color: #9A7060; border-radius: 8px 0 0 8px;
    width: 42px; justify-content: center;
}
#pw_reset .form-control {
    background: #FDF9F5;
    border: 1px solid #DCCAB8; border-left: none;
    border-radius: 0 8px 8px 0;
    color: #3A2010; font-size: .83rem; height: 42px;
    transition: border-color .15s, box-shadow .15s;
}
#pw_reset .form-control:focus {
    border-color: #C8956A; background: #fff;
    box-shadow: 0 0 0 3px rgba(200,149,106,.15);
}
#pw_reset .btn-pw-submit {
    display: block; width: 100%;
    height: 46px; margin-top: 16px;
    background: linear-gradient(135deg, #C8956A 0%, #8B5E3A 100%);
    border: none; border-radius: 10px;
    color: #fff; font-size: .9rem; font-weight: 800;
    cursor: pointer;
    box-shadow: 0 3px 12px rgba(139,94,58,.35);
    transition: all .15s;
}
#pw_reset .btn-pw-submit:hover {
    background: linear-gradient(135deg, #DCA878, #9B6E4A);
    transform: translateY(-1px);
}

/* ══════════════════════════════════════════════════════
   회원가입 완료 (.rg-result)
══════════════════════════════════════════════════════ */
.rg-result {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 12px 30px;
}
.rg-result .result-card {
    background: #fff;
    border: 1px solid #E8D8C8;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(90,50,20,.1);
}
.rg-result .result-head {
    background: linear-gradient(135deg, #4A2E18 0%, #8B5E3A 100%);
    padding: 28px 24px 24px;
    text-align: center;
}
.rg-result .result-icon {
    font-size: 2.2rem;
    margin-bottom: 10px;
}
.rg-result .result-head h4 {
    color: #F5EAD8;
    font-size: 1.1rem;
    font-weight: 800;
    margin: 0;
}
.rg-result .result-head p {
    color: rgba(200,149,106,.85);
    font-size: .8rem;
    margin-top: 6px;
    margin-bottom: 0;
}
.rg-result .result-body {
    padding: 22px 24px;
}
.rg-result .result-body ul {
    list-style: none;
    padding: 0; margin: 0;
}
.rg-result .result-body ul li {
    display: flex; align-items: flex-start; gap: 10px;
    padding: 10px 0;
    border-bottom: 1px solid #F0E4D4;
    font-size: .83rem; color: #5A4030; line-height: 1.6;
}
.rg-result .result-body ul li:last-child { border-bottom: none; }
.rg-result .result-body ul li::before {
    content: "•";
    color: #C8956A;
    font-size: 1rem;
    flex-shrink: 0;
    margin-top: 1px;
}
.rg-result .result-table {
    width: 100%; margin-top: 10px; margin-bottom: 4px;
    border-collapse: collapse; font-size: .82rem;
}
.rg-result .result-table th {
    background: #F5EAD8; color: #5A3820;
    font-weight: 700; padding: 8px 12px;
    border: 1px solid #DCCAB8; text-align: center;
}
.rg-result .result-table td {
    padding: 8px 12px;
    border: 1px solid #DCCAB8; text-align: center; color: #3A2010;
}
.rg-result .result-footer {
    padding: 16px 24px 22px;
    text-align: center;
}
.rg-result .btn-home {
    display: inline-flex; align-items: center; gap: 6px;
    padding: 0 28px; height: 44px;
    background: linear-gradient(135deg, #C8956A, #8B5E3A);
    border: none; border-radius: 10px;
    color: #fff; font-size: .88rem; font-weight: 800;
    text-decoration: none;
    box-shadow: 0 3px 12px rgba(139,94,58,.35);
    transition: all .15s;
}
.rg-result .btn-home:hover {
    background: linear-gradient(135deg, #DCA878, #9B6E4A);
    color: #fff; transform: translateY(-1px);
}

/* ── 반응형 ────────────────────────────────────────── */
@media (max-width: 575px) {
	.rg-section-body { padding: 16px; }
	.rg-section-head { padding: 14px 16px 12px; }
	.rg-row { grid-template-columns: 1fr; gap: 4px; }
	.rg-row.rg-row--half { grid-template-columns: 1fr; }
	.rg-label { padding-top: 0; }
	.rg-actions { flex-direction: column-reverse; }
	.rg-actions .btn-submit,
	.rg-actions .btn-cancel { flex: none; }
}