/* rcbank PC 회원/고객센터 화면 공용 스타일 (2026-09-18)
   쓰는 곳 : member/join.htm _form.htm agreement(proc/member_join_auth.htm) join_ok login find_id find_pwd
            find_pwd_choice, service/faq guide customer, outline/side/cs.htm
   이 파일을 고치면 링크의 ?v= 를 올릴 것 (정적 파일 30일 캐시). 글꼴 이름은 ASCII 로만 쓴다(CP949 문서에서 읽힘). */

.rm, .rjh, .rcs, .rcs-ct {font-family:'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif;}

/* ---- 페이지 머리 : 제목 + 경로 + 단계 ---- */
.rjh {margin:26px 18px 22px 17px; padding-bottom:18px; border-bottom:1px solid #e3e7ef; overflow:hidden;}
.rjh-path {float:right; margin-top:6px; font-size:12px; color:#8a93a3;}
.rjh-path a {color:#8a93a3;}
.rjh-path b {color:#333;}
.rjh h2 {margin:0; font-size:26px; line-height:34px; font-weight:bold; color:#1f2a3d; letter-spacing:-1px;}
.rjh h2 span {margin-left:8px; font-size:13px; font-weight:normal; color:#8a93a3; letter-spacing:0;}
.rjh-desc {margin:8px 0 0 0; font-size:13px; color:#6b7384;}
.rjh-steps {margin:18px 0 0 0; padding:0; list-style:none; overflow:hidden;}
.rjh-steps li {float:left; height:34px; line-height:34px; margin-right:34px; font-size:13px; color:#9aa3b2; position:relative;}
.rjh-steps li:after {content:''; position:absolute; right:-24px; top:16px; width:14px; height:1px; background:#cfd5e0;}
.rjh-steps li:last-child:after {display:none;}
.rjh-steps li i {display:inline-block; width:24px; height:24px; line-height:24px; margin-right:7px; border-radius:12px; background:#e9edf4; color:#9aa3b2; font-style:normal; font-size:12px; font-weight:bold; text-align:center; vertical-align:middle;}
.rjh-steps li.done {color:#46629e;}
.rjh-steps li.done i {background:#dfe6f5; color:#46629e;}
.rjh-steps li.on {color:#1f2a3d; font-weight:bold;}
.rjh-steps li.on i {background:#46629e; color:#fff;}

/* ---- 본문 부품 ---- */
.rm {color:#333; font-size:13px;}
.rm-sec {overflow:hidden; margin:0 0 10px 0;}
.rm-sec-t {float:left; font-size:16px; font-weight:bold; color:#1f2a3d; letter-spacing:-1px;}
.rm-sec-t i {margin-right:6px; color:#46629e;}
.rm-sec-r {float:right; margin-top:3px; font-size:12px; color:#8a93a3;}
.rm-card {border:1px solid #dfe4ee; border-radius:10px; background:#fff; padding:28px 30px; box-shadow:0 1px 3px rgba(31,42,61,.05);}
.rm-card + .rm-sec, .rm-card + .rm-card {margin-top:26px;}
.rm-soft {background:#f7f9fc;}
.rm-note {font-size:12px; color:#8a93a3; line-height:18px;}
.rm-lead {margin:0 0 18px 0; font-size:14px; line-height:22px; color:#5d6577;}
.rm-row {display:flex; align-items:center; margin-bottom:12px;}
.rm-row:last-child {margin-bottom:0;}
.rm-row .rm-lb {width:110px; flex:none; font-size:14px; font-weight:bold; color:#1f2a3d; letter-spacing:-1px;}
.rm-cols {display:flex;}
.rm-cols > .rm-col {flex:1; min-width:0;}
.rm-cols > .rm-col + .rm-col {margin-left:24px;}
.rm-divider {height:1px; margin:22px 0; background:#edf0f5;}

/* 입력칸 - 전역 #form input 규칙을 이겨야 해서 !important */
.rm input.rm-in, .rm select.rm-in, .rm textarea.rm-in {
	box-sizing:border-box; height:42px !important; padding:0 13px !important; border:1px solid #cfd6e2 !important; border-radius:6px; background:#fff !important;
	font:14px 'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif; color:#1f2a3d; vertical-align:middle; outline:none; width:260px;
	transition:border-color .15s, box-shadow .15s;
}
.rm input.rm-in:focus, .rm textarea.rm-in:focus {border-color:#46629e !important; box-shadow:0 0 0 3px rgba(70,98,158,.15);}
.rm input.rm-in.rm-wide, .rm textarea.rm-in.rm-wide {width:100%;}

/* 버튼 */
.rm .rm-btn {
	display:inline-block; box-sizing:border-box; height:42px; padding:0 20px; margin:0; border:1px solid #cfd6e2 !important; border-radius:6px;
	background:#fff !important; color:#46586f !important; cursor:pointer; text-align:center; text-decoration:none; vertical-align:middle; white-space:nowrap;
	font:bold 14px 'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif; line-height:40px;
}
.rm .rm-btn:hover {background:#f5f7fa !important; color:#1f2a3d !important;}
.rm .rm-btn-main {border-color:#46629e !important; background:#46629e !important; color:#fff !important;}
.rm .rm-btn-main:hover {border-color:#364c7c !important; background:#364c7c !important; color:#fff !important;}
.rm .rm-btn-line {border-color:#46629e !important; color:#46629e !important;}
.rm .rm-btn-line:hover {background:#46629e !important; color:#fff !important;}
.rm .rm-btn-lg {height:52px; line-height:50px; font-size:16px; min-width:200px; border-radius:8px;}
.rm .rm-btn-block {display:block; width:100%;}
.rm-btns {padding:30px 0 10px 0; text-align:center;}
.rm-btns .rm-btn {margin:0 4px;}

/* 링크 목록 (로그인 옆 안내) */
.rm-links {margin:0; padding:0; list-style:none;}
.rm-links li {display:flex; align-items:center; justify-content:space-between; padding:14px 0; border-top:1px solid #edf0f5;}
.rm-links li:first-child {border-top:0; padding-top:0;}
.rm-links li span {font-size:13px; color:#5d6577;}

/* 결과 상자 */
.rm-result {padding:34px 20px; text-align:center;}
.rm-result .ico {display:inline-block; width:64px; height:64px; line-height:64px; border-radius:32px; background:#eef2fa; color:#46629e; font-size:30px;}
.rm-result .ico.warn {background:#fdf0ef; color:#e6423e;}
.rm-result h3 {margin:16px 0 8px 0; font-size:20px; color:#1f2a3d; letter-spacing:-1px;}
.rm-result p {margin:0; font-size:14px; line-height:22px; color:#5d6577;}
.rm-result em {font-style:normal; font-weight:bold; color:#46629e;}

/* 약관 */
.rm-terms {margin-bottom:18px;}
.rm-terms:last-child {margin-bottom:0;}
.rm-terms-h {overflow:hidden; margin-bottom:8px;}
.rm-terms-h b {float:left; font-size:14px; color:#1f2a3d;}
.rm-terms-h b em {font-style:normal; color:#e6423e; font-size:12px; margin-left:4px;}
.rm-terms-h a {float:right; font-size:12px; color:#8a93a3; text-decoration:underline;}
.rm-terms-box {box-sizing:border-box; width:100%; height:150px; overflow:auto; padding:14px 16px; border:1px solid #dfe4ee; border-radius:6px; background:#fafbfd;
	font-size:12px; line-height:19px; color:#5d6577; text-align:left;}
textarea.rm-terms-box {display:block; resize:none; font-family:'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif;}
.rm-agree {margin-top:10px; text-align:right; font-size:13px; color:#333;}
.rm-agree label {margin-left:18px; cursor:pointer;}
.rm-agree input {vertical-align:-2px; margin-right:4px;}

/* FAQ */
.rm-chips {margin:14px 0 0 0;}
.rm-chips a {display:inline-block; margin:0 6px 6px 0; padding:0 14px; height:30px; line-height:30px; border:1px solid #dfe4ee; border-radius:15px; background:#fff; font-size:13px; color:#5d6577;}
.rm-chips a:hover, .rm-chips a.on {border-color:#46629e; background:#46629e; color:#fff;}
.rm-faq {margin-top:22px; border-top:2px solid #1f2a3d;}
.rm-faq-q {border-bottom:1px solid #edf0f5; cursor:pointer;}
.rm-faq-q td {padding:15px 10px; font-size:14px; color:#1f2a3d;}
.rm-faq-q td.no {width:50px; text-align:center; color:#9aa3b2; font-size:13px;}
.rm-faq-q td .cat {display:inline-block; margin-right:8px; padding:0 8px; height:22px; line-height:22px; border-radius:11px; background:#eef2fa; color:#46629e; font-size:12px;}
.rm-faq-q:hover {background:#f7f9fc;}
.rm-faq-a {padding:18px 20px 18px 60px; border-bottom:1px solid #edf0f5; background:#f7f9fc; font-size:13px; line-height:21px; color:#44506a;}
.rm-faq-a .qa {display:flex; margin-bottom:10px;}
.rm-faq-a .qa:last-child {margin-bottom:0;}
.rm-faq-a .qa b {flex:none; width:26px; height:26px; line-height:26px; margin:-3px 12px 0 0; border-radius:13px; text-align:center; color:#fff; font-size:13px;}
.rm-faq-a .qa b.q {background:#9aa3b2;}
.rm-faq-a .qa b.a {background:#46629e;}
.rm-empty {padding:40px 0; text-align:center; color:#8a93a3; border-bottom:1px solid #edf0f5;}

/* 비밀번호 찾기 인증수단 */
.rm-method {display:inline-block; width:300px; margin:0 8px 16px 8px; padding:28px 20px; box-sizing:border-box; border:1px solid #dfe4ee; border-radius:10px; background:#fff; text-align:center; vertical-align:top;}
.rm-method .ico {display:inline-block; width:56px; height:56px; line-height:56px; border-radius:28px; background:#eef2fa; color:#46629e; font-size:26px;}
.rm-method h4 {margin:12px 0 6px 0; font-size:16px; color:#1f2a3d;}
.rm-method p {margin:0 0 16px 0; font-size:14px; color:#5d6577;}

/* 고객센터 첫 화면 */
.rm-tel {font-size:30px; font-weight:bold; color:#1f2a3d; letter-spacing:0;}
.rm-tel i {margin-right:8px; font-size:24px; color:#46629e;}
.rm-list {margin:0; padding:0; list-style:none;}
.rm-list li {padding:9px 0; border-top:1px solid #edf0f5; font-size:13px;}
.rm-list li:first-child {border-top:0; padding-top:0;}
.rm-list li a {color:#333;}
.rm-list li a:hover {color:#46629e;}

/* ---- 왼쪽 고객센터 메뉴 : 위 메뉴 띠(#banner-menu, #46629e)의 첫 칸 '카테고리 전체보기' 에 붙는다 ---- */
.rcs {margin:0 0 12px 0; border:1px solid #dfe4ee; border-top:0; background:#fff;}
.rcs-hd {padding:16px 18px 15px 18px; margin:0 -1px; background:#46629e; border-top:1px solid #c3cde3; color:#fff;}
.rcs-hd b {display:block; font-size:17px; line-height:22px; letter-spacing:-1px;}
.rcs-hd span {display:block; margin-top:2px; font-size:11px; letter-spacing:1px; color:#c9d4ee;}
.rcs ul {margin:0; padding:6px 0; list-style:none;}
.rcs li {margin:0; padding:0;}
.rcs li a {display:block; position:relative; padding:0 18px 0 44px; height:40px; line-height:40px; font-size:14px; color:#333;}
.rcs li a i {position:absolute; left:18px; top:0; width:18px; line-height:40px; text-align:center; font-size:14px; color:#9aa6bd;}
.rcs li a:after {content:'\f105'; font-family:FontAwesome; position:absolute; right:16px; top:0; color:#c3cad8; font-size:14px;}
.rcs li a:hover {background:#f3f6fb; color:#46629e;}
.rcs li a:hover i {color:#46629e;}
.rcs li a.on {background:#eef2fa; color:#46629e; font-weight:bold; box-shadow:inset 3px 0 0 #46629e;}
.rcs li a.on i {color:#46629e;}
.rcs-ct {margin:0 0 14px 0; padding:16px 18px; border:1px solid #dfe4ee; background:#f7f9fc;}
.rcs-ct p {margin:0; font-size:12px; color:#7a8497;}
.rcs-ct .tel {display:block; margin:4px 0 6px 0; font-size:20px; font-weight:bold; color:#1f2a3d; letter-spacing:0;}
.rcs-ct .tel i {margin-right:6px; font-size:16px; color:#46629e;}
.rcs-ct .hour {display:block; margin:8px 0 0 0; padding-top:8px; border-top:1px solid #e3e7ef; font-size:12px; line-height:18px; color:#5d6577;}
.rcs-ct .mail {font-size:12px; color:#555;}

/* ==== 2026-09-18 추가 : 마이페이지 사이드 / 1:1 문의 (링크 ?v=20260918c 부터) ==== */
.rcs .rcs-grp {padding:14px 18px 4px 18px; font-size:11px; font-weight:bold; letter-spacing:.5px; color:#9aa3b2;}
.rcs ul.rcs-sub {padding:0 0 6px 0;}
.rcs-my {padding:16px 18px 14px 18px; border-bottom:1px solid #edf0f5; background:#f7f9fc;}
.rcs-my .who {margin-bottom:10px; font-size:14px; font-weight:bold; color:#1f2a3d;}
.rcs-my .who span {font-weight:normal; color:#8a93a3; font-size:12px;}
.rcs-my ul {margin:0; padding:0; list-style:none;}
.rcs-my li {display:flex; justify-content:space-between; padding:3px 0; font-size:12px; color:#5d6577;}
.rcs-my li b {color:#1f2a3d;}
.rcs .rcs-my li a {display:inline; position:static; height:auto; padding:0; line-height:inherit; font-size:12px; color:#1f2a3d; background:none; box-shadow:none;}
.rcs .rcs-my li a:after {display:none;}
.rcs a.rcs-cta {display:block; margin:12px 14px 14px 14px; height:42px; line-height:42px; border-radius:6px; background:#46629e; color:#fff !important; text-align:center; font-size:14px; font-weight:bold;}
.rcs a.rcs-cta i {margin-right:6px;}
.rcs a.rcs-cta:hover {background:#364c7c;}

.rq-top {display:flex; align-items:center; justify-content:space-between; margin-bottom:14px;}
.rq-top .rm-note {font-size:13px;}
.rq-write {margin-bottom:28px; display:none;}
.rq-write.on {display:block;}
.rq-write textarea.rm-in {height:180px !important; padding:12px 13px !important; line-height:20px; resize:vertical;}
.rq-ordframe {display:none; width:100%; height:300px; margin-top:10px; border:1px solid #dfe4ee; border-radius:6px;}
.rq-list {width:100%; border-collapse:collapse; border-top:2px solid #1f2a3d;}
.rq-list th {padding:12px 8px; background:#f7f9fc; border-bottom:1px solid #dfe4ee; font-size:13px; color:#5d6577; font-weight:bold;}
.rq-item {border-bottom:1px solid #edf0f5;}
.rq-row {width:100%; border-collapse:collapse; cursor:pointer;}
.rq-row td {padding:15px 8px; font-size:14px; color:#1f2a3d; text-align:center;}
.rq-row td.sub {text-align:left;}
.rq-row:hover {background:#f7f9fc;}
.rq-row.rep td {padding-top:11px; padding-bottom:11px; background:#fbfcfe; color:#44506a; font-size:13px;}
.rq-row.rep td.sub span.lb {display:inline-block; margin-right:8px; padding:0 8px; height:22px; line-height:22px; border-radius:11px; background:#46629e; color:#fff; font-size:11px; font-weight:bold;}
.rq-cat {display:inline-block; padding:0 8px; height:22px; line-height:22px; border-radius:11px; background:#eef2fa; color:#46629e; font-size:12px;}
.rq-st {display:inline-block; padding:0 8px; height:22px; line-height:22px; border-radius:11px; font-size:12px; font-weight:bold;}
.rq-st.done {background:#e7f6ec; color:#1f8a47;}
.rq-st.wait {background:#f1f3f7; color:#8a93a3;}
.rq-body {display:none; padding:18px 22px 18px 70px; background:#f7f9fc; border-top:1px solid #edf0f5; font-size:14px; line-height:22px; color:#333;}
.rq-body .ord {margin-bottom:8px; font-size:12px; color:#8a93a3;}
.rq-body .act {margin-top:14px; text-align:right;}
.rq-body .act .rm-btn {height:34px; line-height:32px; padding:0 14px; font-size:13px; margin-left:4px;}
.rq-empty {padding:50px 0; text-align:center; color:#8a93a3; border-bottom:1px solid #edf0f5;}

/* ==== 2026-09-18 추가 : 옛 마이페이지 화면 덮기 (.rmp 안에서만, 링크 ?v=20260918d 부터) ====
   옛 스킨의 빨간 소제목 / 회색 머리줄 표 / 구분선 줄 / 이중 테두리 상자 / 그라데이션 버튼을 1:1 문의 모양으로 */
.rmp {font-family:'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif; color:#333;}
.rmp .red-labels {display:block !important; margin:6px 0 10px 0 !important; color:#1f2a3d !important; font:bold 16px 'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif !important; letter-spacing:-1px;}
.rmp .red-labels i {margin-right:6px; color:#46629e;}
.rmp tr[bgcolor="#F0F0F0" i] {background:#f7f9fc !important;}
.rmp tr[bgcolor="#F0F0F0" i] th, .rmp tr[bgcolor="#F0F0F0" i] td {height:40px; padding:0 8px; background:#f7f9fc; color:#5d6577 !important; font:bold 13px 'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif !important; letter-spacing:0;}
.rmp td[bgcolor="#303030" i] {background:#1f2a3d !important;}
.rmp td[bgcolor="#D6D6D6" i], .rmp td[bgcolor="#DEDEDE" i], .rmp td[bgcolor="#EEEEEE" i], .rmp td[bgcolor="#ECECEC" i], .rmp td[bgcolor="#E5E5E5" i], .rmp td[bgcolor="#DDDDDD" i] {background:#edf0f5 !important;}
.rmp td[bgcolor="#F3F3F3" i], .rmp td[bgcolor="#9e9e9e" i] {background:#f7f9fc !important; color:#5d6577 !important;}
.rmp td[bgcolor="#9e9e9e" i] font {color:#5d6577 !important;}
.rmp table[style*="border-top-color:#303030"] {border-top-color:#1f2a3d !important;}
.rmp [style*="border:1px solid #DEDEDE"], .rmp [style*="border: 1px solid #DEDEDE"] {border:1px solid #dfe4ee !important; border-radius:10px; border-collapse:separate;}
.rmp td[style*="border:5px solid #F3F3F3"] {border:0 !important; padding:20px 22px !important;}
.rmp td {font-size:13px;}
.rmp a.reg-btn, .rmp input.reg-btn, .rmp button.reg-btn, .rmp .action-buttons, .rmp .see-order, .rmp .bottom-btn {
	display:inline-block; box-sizing:border-box; height:40px; padding:0 18px !important; border:1px solid #cfd6e2 !important; border-radius:6px !important;
	background:#fff !important; box-shadow:none !important; color:#46586f !important; cursor:pointer; text-decoration:none; vertical-align:middle;
	font:bold 14px 'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif !important; line-height:38px !important; letter-spacing:0 !important;}
.rmp input.reg-btn[type=submit] {border-color:#46629e !important; background:#46629e !important; color:#fff !important;}
.rmp .action-buttons {height:30px; padding:0 12px !important; font-size:12px !important; line-height:28px !important;}
.rmp .see-order {height:26px; padding:0 10px !important; border-radius:5px !important; font-size:12px !important; line-height:24px !important;}
.rmp .see-order {border-color:#46629e !important; color:#46629e !important;}
.rm .rm-tbtn {display:inline-block; box-sizing:border-box; height:30px; padding:0 12px; margin:2px 0; border:1px solid #cfd6e2; border-radius:6px; background:#fff; color:#46586f;
	font:bold 12px 'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif; line-height:28px; white-space:nowrap; vertical-align:middle;}
.rm a:hover .rm-tbtn {border-color:#46629e; color:#46629e;}
.rm .rm-tbtn.main {border-color:#46629e; background:#46629e; color:#fff;}
.rm-tabs {margin:4px 0 18px 0; border-bottom:1px solid #dfe4ee;}
.rm-tabs a {display:inline-block; height:42px; line-height:42px; padding:0 20px; margin-bottom:-1px; border-bottom:3px solid transparent; font-size:14px; font-weight:bold; color:#8a93a3;}
.rm-tabs a.on {border-bottom-color:#46629e; color:#1f2a3d;}
/* 마이페이지 첫 화면(mypage.htm) 옛 요소 */
.rmp .mplist {margin-bottom:26px !important;}
.rmp .ordtitle {border:0 !important; background:none !important; margin-bottom:10px !important;}
.rmp .ordtitle .b_cate {font:bold 16px 'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif !important; color:#1f2a3d !important; letter-spacing:-1px;}
.rmp .mpsubtit {font-size:12px !important; color:#8a93a3 !important;}
.rmp .pink {color:#46629e !important; font-weight:bold;}
.rmp .ordlink button {height:32px !important; padding:0 14px !important; border:1px solid #46629e !important; border-radius:6px !important; background:#fff !important; color:#46629e !important; font:bold 12px 'Malgun Gothic',sans-serif !important; cursor:pointer;}
.rmp .ordlisttbl, .rmp .ordlatelytbl, .rmp .mplist table {border-collapse:separate !important; border:1px solid #dfe4ee !important; border-radius:10px; overflow:hidden; background:#fff;}
.rmp .mplist table th {height:40px !important; background:#f7f9fc !important; border:0 !important; border-bottom:1px solid #dfe4ee !important; color:#5d6577 !important; font:bold 13px 'Malgun Gothic',sans-serif !important;}
.rmp .mplist table td {border:0 !important; border-bottom:1px solid #edf0f5 !important; font-size:13px;}
.rmp .ordlisttbl td {height:56px !important; font-size:14px !important;}
/* 배송지 관리 */
.rmp .delivery_div .d_list table, .rmp .delivery_div .d_form table {border-collapse:separate; border:1px solid #dfe4ee !important; border-radius:10px; overflow:hidden;}
.rmp .delivery_div .bordertop, .rmp .delivery_div .borderbtm {display:none;}
.rmp .delivery_div .input_txt th, .rmp .delivery_div .d_form table th {height:44px; background:#f7f9fc !important; border-right:0 !important; border-bottom:1px solid #dfe4ee !important; color:#5d6577 !important; font:bold 13px 'Malgun Gothic',sans-serif !important;}
.rmp .delivery_div .d_list table td, .rmp .delivery_div .d_form table td {border-bottom:1px solid #edf0f5 !important; font-size:13px;}
.rmp .delivery_div .d_form input[type=text] {box-sizing:border-box; height:38px !important; padding:0 10px; border:1px solid #cfd6e2 !important; border-radius:6px; background:#fff !important;}
.rmp .delivery_div .dcontents {padding:0 0 12px 0 !important; color:#5d6577;}
.rmp .delivery_div .btn_right a {display:inline-block; height:36px; line-height:36px; padding:0 16px !important; border-radius:6px; background:#46629e !important; font-size:13px !important; font-weight:bold;}

.rmp tr[bgcolor="#F0F0F0" i] th {white-space:nowrap;}
.rmp .ordlink button {width:auto !important; white-space:nowrap;}
.rmp input[type=password], .rmp textarea.box {box-sizing:border-box; border:1px solid #cfd6e2 !important; border-radius:6px; background:#fff !important; font-size:13px;}
.rmp input[type=password] {height:38px; padding:0 10px; vertical-align:middle;}
.rmp textarea.box {padding:10px; line-height:19px;}
.rmp .mem-frm-step-num {color:#c3cad8 !important;}
.rmp .mem-frm-step-title {color:#1f2a3d !important; font-family:'Malgun Gothic',sans-serif !important; font-weight:bold !important;}

/* ==== 2026-09-18 2차 : 주문내역 칸 높이 / 주문상세 개편 (링크 ?v=20260918e) ==== */
.rmp table.ol-list td[height="30"] {height:52px;}
.ov .ov-sum {display:flex; margin:0 0 20px 0; border:1px solid #dfe4ee; border-radius:12px; background:#f7f9fc; overflow:hidden;}
.ov .ov-sum > div {flex:1; padding:16px 20px; border-left:1px solid #e3e7ef;}
.ov .ov-sum > div:first-child {border-left:0;}
.ov .ov-sum span {display:block; margin-bottom:4px; font-size:12px; color:#8a93a3;}
.ov .ov-sum b {font-size:15px; color:#1f2a3d; letter-spacing:0;}
.ov .ov-sum .pr b {font-size:20px; color:#46629e;}
.ov table.ov-items {border-collapse:separate; border:1px solid #dfe4ee; border-radius:12px; overflow:hidden; background:#fff; margin-bottom:6px;}
.ov table.ov-items td[bgcolor="#303030" i] {display:none;}
.ov table.ov-items td {padding:14px 10px; font-size:14px;}
.ov table.ov-items td[height="1"] {padding:0;}
.ov table.ov-items a {color:#1f2a3d;}
.ov table.ov-items tr[bgcolor="#F0F0F0" i] th {height:44px;}
.ov p[align="right"] {margin:14px 0 18px 0; text-align:right;}
.ov a.ov-doc {display:inline-block; height:36px; margin:0 0 0 6px; padding:0 14px; border:1px solid #46629e; border-radius:18px; background:#fff; color:#46629e !important;
	font:bold 13px 'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif; line-height:34px; text-decoration:none; vertical-align:middle; cursor:pointer;}
.ov a.ov-doc i {margin-right:6px; font-size:14px;}
.ov a.ov-doc:hover {background:#46629e; color:#fff !important;}
/* 01~05 섹션 : 왼쪽 번호칸 표 -> 머리 있는 카드 */
.ov table[style*="border:1px solid #DEDEDE"] {display:block; margin:0 0 16px 0; border:1px solid #dfe4ee !important; border-radius:12px; background:#fff; overflow:hidden;}
.ov table[style*="border:1px solid #DEDEDE"] > tbody, .ov table[style*="border:1px solid #DEDEDE"] > tbody > tr {display:block;}
.ov table[style*="border:1px solid #DEDEDE"] > tbody > tr > td[width="150"] {display:flex; align-items:center; width:auto !important; padding:13px 22px !important; background:#f7f9fc !important; border-bottom:1px solid #e3e7ef; text-align:left;}
.ov table[style*="border:1px solid #DEDEDE"] > tbody > tr > td[width="150"] p {margin:0;}
.ov .ord-frm-step-num {width:28px; height:28px; margin:0 10px 0 0 !important; border-radius:14px; background:#46629e; color:#fff !important; font:bold 12px/28px Arial,sans-serif !important; text-align:center;}
.ov .ord-frm-step-title {margin:0 !important; color:#1f2a3d !important; font:bold 16px 'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif !important; letter-spacing:-1px;}
.ov table[style*="border:1px solid #DEDEDE"] > tbody > tr > td + td, .ov td#orderbox {display:block; border:0 !important; padding:6px 22px 14px 22px !important;}
.ov #orderbox > table, .ov #orderbox > form > table {width:100%; border-collapse:collapse;}
.ov #orderbox > table > tbody > tr > td {padding:10px 0; border-bottom:1px solid #f1f3f7; font-size:14px; color:#1f2a3d; vertical-align:top;}
.ov #orderbox > table > tbody > tr > td:first-child {width:140px; color:#8a93a3; font-size:13px;}
.ov #orderbox > table > tbody > tr:last-child > td {border-bottom:0;}
.ov #orderbox > table:has(#paper_goodsprice) td + td {text-align:right;}
.ov #orderbox > table tr:has(#paper_settlement) > td {padding-top:14px; border-top:2px solid #e3e7ef; font-weight:bold; color:#1f2a3d;}
.ov #paper_settlement {font-size:20px; color:#46629e;}
.ov #orderbox div[style*="color: #007fc8"] {color:#5d6577 !important; font-size:13px !important; line-height:20px;}
.ov .bottom-btn {margin:0 3px;}

/* ==== 2026-09-18 3차 : 최근 본 상품 도구막대 / 주문상세 섹션 자동 번호·현금영수증 카드 (링크 ?v=20260918f) ==== */
.rmp .rt-bar {display:flex; align-items:center; margin:0 0 14px 0; padding:12px 18px; border:1px solid #dfe4ee; border-radius:10px; background:#f7f9fc;}
.rmp .rt-bar .cnt {margin-right:22px; font-size:14px; color:#5d6577; white-space:nowrap;}
.rmp .rt-bar .cnt b {color:#46629e; font-size:16px;}
.rmp .rt-bar .sort {flex:1; font-size:13px;}
.rmp .rt-bar .sort span {margin-right:8px; color:#8a93a3;}
.rmp .rt-bar .sort a {display:inline-block; height:28px; line-height:26px; margin:0 3px 0 0; padding:0 11px; border:1px solid #dfe4ee; border-radius:14px; background:#fff; color:#5d6577; font-size:12px;}
.rmp .rt-bar .sort a:hover, .rmp .rt-bar .sort a.on {border-color:#46629e; background:#46629e; color:#fff;}
.rmp .rt-bar select {height:32px; padding:0 8px; border:1px solid #cfd6e2; border-radius:6px; background:#fff; font-size:12px;}
.rmp .rt-head {display:flex; height:40px; line-height:40px; border-top:2px solid #1f2a3d; background:#f7f9fc; border-bottom:1px solid #dfe4ee; color:#5d6577; font-size:13px; font-weight:bold;}
.rmp .rt-head .g {flex:1; text-align:center;} .rmp .rt-head .r {width:90px; text-align:center;} .rmp .rt-head .p {width:110px; text-align:center;}
.rmp .rt-list {border-bottom:1px solid #edf0f5;}
/* 주문상세 : 섹션 번호를 나온 순서대로 자동으로 */
.ov .ord-frm-step-num {display:none !important;}
.ov .ov-no {flex:none; display:inline-block; width:28px; height:28px; margin-right:10px; border-radius:14px; background:#46629e; color:#fff; font:bold 12px Arial,sans-serif; line-height:28px; text-align:center;}
.ov td[width="150"] b {font:bold 16px 'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif; color:#1f2a3d; letter-spacing:-1px;}
.ov #orderbox > table[border="1"] {width:100%; margin-top:6px; border-collapse:collapse; border:0;}
.ov #orderbox > table[border="1"] td {padding:9px 6px !important; border:0 !important; border-bottom:1px solid #edf0f5 !important; font-size:13px; text-align:center;}
.ov #orderbox > table[border="1"] tr:first-child td {background:#f7f9fc; color:#5d6577;}
.ov #orderbox span.hand, .ov #orderbox a[href*="popup_receipt"] {display:inline-block; height:34px; padding:0 14px; border:1px solid #46629e; border-radius:17px; color:#46629e; font-size:13px; font-weight:bold; line-height:32px; cursor:pointer; text-decoration:none;}
.ov #orderbox input[type=button], .ov #orderbox input[type=submit] {height:40px; padding:0 18px; border:1px solid #46629e; border-radius:6px; background:#46629e; color:#fff; font:bold 14px 'Malgun Gothic',sans-serif; cursor:pointer;}
.ov #orderbox input.line, .ov #orderbox input[type=text] {box-sizing:border-box; height:36px; padding:0 10px; border:1px solid #cfd6e2 !important; border-radius:6px; background:#fff !important;}
.ov .ov-guide {margin:6px 0 14px 0; padding:14px 18px; border:1px solid #d8e2f5; border-radius:10px; background:#f3f7fd; color:#44506a; font-size:13px; line-height:21px;}
.ov .ov-guide b {display:block; margin-bottom:4px; color:#1f2a3d; font-size:14px;}
.ov .ov-guide ul {margin:0; padding:0 0 0 18px;}
.ov .ov-guide a {color:#46629e; font-weight:bold;}

/* 2026-09-18 마이페이지 전 화면 : 본문 끝과 푸터 사이 띄우기 (링크 ?v=20260918i) */
.rmp, .rm.rq-gap {padding-bottom:70px;}

/* ==== 2026-09-18 게시판 (board/default, default_dealer) - 1:1 문의 목록과 같은 모양. 링크 ?v=20260918j ==== */
.rjh h1 {margin:0; font-size:26px; line-height:34px; font-weight:bold; color:#1f2a3d; letter-spacing:-1px;}
.rjh h1 span {margin-left:8px; font-size:13px; font-weight:normal; color:#8a93a3; letter-spacing:0;}
.rjh-desc a {color:#46629e; font-weight:bold; text-decoration:underline;}
.rb-hdr td.path {display:none;}
.rb {margin:0 18px 0 17px; font-family:'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif;}
.rb .rb {margin:0;}
.rb-wrap {padding-bottom:70px;}
.rb-under {margin-top:50px !important;}
.rb a {text-decoration:none;}
/* 목록 위 : 개수 + 검색 */
.rb-top {display:flex; align-items:center; justify-content:space-between; margin-bottom:12px;}
.rb-total {font-size:13px; color:#8a93a3;}
.rb-total b {color:#46629e;}
.rb-total a {color:#46629e; margin-left:4px;}
.rb-search {display:flex; align-items:center;}
.rb-search label {margin-right:10px; font-size:13px; color:#5d6577; cursor:pointer; white-space:nowrap;}
.rb-search label input {margin:0 4px 0 0; vertical-align:-2px;}
.rb .rb-search input.rm-in {width:190px; height:36px !important; font-size:13px;}
.rb .rb-search .rm-btn {height:36px; line-height:34px; padding:0 14px; margin-left:5px; font-size:13px;}
/* 목록 표 */
.rb table.rb-tbl {width:100%; border-collapse:collapse; border-top:2px solid #1f2a3d;}
.rb-tbl th {padding:12px 8px; background:#f7f9fc; border-bottom:1px solid #dfe4ee; font-size:13px; color:#5d6577; font-weight:bold; text-align:center; white-space:nowrap;}
.rb-tbl th a {color:#5d6577;}
.rb-tbl th select {height:26px; font-size:12px;}
.rb-tbl td {padding:14px 8px; border-bottom:1px solid #edf0f5; font-size:14px; color:#1f2a3d; text-align:center; vertical-align:middle;}
.rb-tbl td.sub {text-align:left; padding-left:16px; line-height:22px;}
.rb-tbl td.sub a {color:#1f2a3d;}
.rb-tbl td.sub a:hover {color:#46629e; text-decoration:underline;}
.rb-tbl tr:hover td {background:#f7f9fc;}
.rb-tbl tr.ntc td {background:#fbfcfe;}
.rb-tbl tr.ntc td.sub a {font-weight:bold;}
.rb-tbl tr.sel td {background:#eef2fa;}
.rb-tbl td.num, .rb-tbl td.dt, .rb-tbl td.hit {font-size:13px; color:#8a93a3; white-space:nowrap;}
.rb-tbl td.nm {font-size:13px; color:#5d6577; white-space:nowrap;}
.rb-tbl td.nm img, .rb-meta .nm img {vertical-align:middle;}
.rb-tbl td.rb-empty {padding:60px 0; color:#8a93a3; background:#fff !important;}
.rb-ntc {display:inline-block; padding:0 9px; height:22px; line-height:22px; border-radius:11px; background:#46629e; color:#fff; font-size:11px; font-weight:bold; vertical-align:1px;}
.rb-cmt-n {margin-left:5px; color:#46629e; font-size:12px; font-weight:bold;}
.rb-lock {margin-left:6px; color:#9aa3b2;}
.rb-re {margin-right:6px; color:#9aa3b2;}
.rb-new, .rb-hot {display:inline-block; margin-left:6px; height:16px; line-height:16px; padding:0 4px; border-radius:8px; color:#fff; font:bold 10px Arial,sans-serif; text-align:center; vertical-align:2px;}
.rb-new {min-width:8px; background:#e8453c;}
.rb-hot {background:#ff8a00;}
/* 목록 아래 : 쪽번호 + 버튼 */
.rb-foot {display:flex; align-items:center; justify-content:space-between; margin-top:20px;}
.rb-page {font-size:13px;}
.rb-page a, .rb-page b {display:inline-block; min-width:32px; height:32px; line-height:30px; margin:0 3px 4px 0; padding:0 6px; box-sizing:border-box;
	border:1px solid #dfe4ee; border-radius:6px; background:#fff; color:#5d6577; text-align:center; font-weight:normal;}
.rb-page a:hover {border-color:#46629e; color:#46629e;}
.rb-page b {border-color:#46629e; background:#46629e; color:#fff; font-weight:bold;}
.rb-btns {white-space:nowrap;}
.rb .rb-btns .rm-btn, .rb .rb-vbtns .rm-btn {height:40px; line-height:38px; padding:0 18px; margin-left:5px; font-size:14px;}
/* 글보기 */
.rb-view {border-top:2px solid #1f2a3d;}
.rb-vh {padding:22px 24px 18px 24px; background:#f7f9fc; border-bottom:1px solid #dfe4ee;}
.rb-vh .rq-cat {margin-bottom:8px;}
.rb h1.rb-vt {margin:0; font-size:22px; line-height:32px; font-weight:bold; color:#1f2a3d; letter-spacing:-0.5px;}
.rb-meta {margin-top:10px; font-size:13px; color:#8a93a3;}
.rb-meta span {display:inline-block; vertical-align:middle;}
.rb-meta span + span:before {content:''; display:inline-block; width:1px; height:11px; margin:0 12px; background:#cfd6e2; vertical-align:-1px;}
.rb-att {padding:12px 24px; border-bottom:1px solid #edf0f5; font-size:13px; color:#5d6577; word-break:break-all;}
.rb-att b {margin-right:14px; color:#1f2a3d;}
.rb-att b i {color:#46629e;}
.rb-att a {color:#46629e;}
.rb-vbody {padding:30px 24px; min-height:200px; border-bottom:1px solid #dfe4ee;}
.rb-vbtns {display:flex; justify-content:space-between; margin-top:16px;}
.rb .rb-vbtns .rm-btn {margin:0 5px 0 0;}
.rb .rb-vbtns div + div .rm-btn {margin:0 0 0 5px;}
/* 댓글 */
.rb-cmts {margin-top:34px;}
.rb-cmt {padding:14px 18px; border-bottom:1px solid #edf0f5;}
.rb-cmts .rm-sec + .rb-cmt {border-top:1px solid #dfe4ee;}
.rb-cmt-h {font-size:13px; color:#8a93a3;}
.rb-cmt-h b {margin-right:10px; color:#1f2a3d;}
.rb-cmt-x {float:right;}
.rb-cmt-x a {color:#8a93a3;}
.rb-cmt-x a:hover {color:#e8453c;}
.rb-cmt-b {margin-top:6px; font-size:14px; line-height:22px; color:#333; word-break:break-all;}
.rb-cform {display:flex; margin-top:14px; padding:18px; border:1px solid #dfe4ee; border-radius:10px; background:#f7f9fc;}
.rb-cform .who {width:170px; flex:none; margin-right:12px;}
.rb .rb-cform .who input.rm-in {display:block; width:100%; height:38px !important; margin-bottom:8px;}
.rb-cform .txt {flex:1; min-width:0;}
.rb .rb-cform textarea.rm-in {display:block; width:100%; height:84px !important; padding:10px 12px !important; line-height:20px; resize:vertical;}
.rb-cform .go {margin-left:12px;}
.rb .rb-cform .go .rm-btn {height:84px; line-height:82px; padding:0 22px;}
/* 이전글·다음글 */
.rb-rel {margin-top:34px; border-top:1px solid #dfe4ee;}
.rb-rel > div {display:flex; padding:13px 16px; border-bottom:1px solid #edf0f5; font-size:14px;}
.rb-rel .k {width:90px; flex:none; font-size:13px; color:#8a93a3;}
.rb-rel a {color:#1f2a3d;}
.rb-rel a:hover {color:#46629e; text-decoration:underline;}
.rb-rel .r {display:block;}
/* 비밀글·삭제 상자 */
.rb-box {margin:10px auto 0 auto; max-width:560px; padding:40px 40px 20px 40px; border:1px solid #dfe4ee; border-radius:12px; background:#fff; text-align:center; box-shadow:0 1px 3px rgba(31,42,61,.05);}
.rb-box-ic {width:56px; height:56px; line-height:56px; margin:0 auto 16px auto; border-radius:28px; background:#eef2fa; color:#46629e; font-size:24px;}
.rb-box-ic.warn {background:#fdecea; color:#e8453c;}
.rb-box-t {font-size:20px; font-weight:bold; color:#1f2a3d; letter-spacing:-0.5px;}
.rb-box-d {margin-top:10px; font-size:14px; line-height:22px; color:#5d6577;}
.rb-box-d .warn {color:#e8453c;}
.rb-box-in {margin-top:20px;}
.rb .rb-box-in input.rm-in {width:260px;}
.rb-box .rm-btns {padding:26px 0 10px 0;}
.rb-box .rm-btn-lg {min-width:150px;}
/* 글쓰기 : 옛 표 틀을 카드 안에서 정리 */
.rb-form td[bgcolor="#303030"] {display:none;}
.rb-form td[bgcolor="#E0DFDF" i] {background:#edf0f5 !important;}
.rb-form td[bgcolor="#F7F7F7" i] {background:#fff !important;}
.rb-form td.input_txt {width:110px; padding:12px 12px 12px 0 !important; text-align:left; font-size:14px; font-weight:bold; color:#1f2a3d; letter-spacing:-0.5px; white-space:nowrap;}
.rb-form td.cell_L {padding:10px 0 !important; font-size:13px;}
.rb-form input.linebg, .rb-form input.line, .rb-form select.box {box-sizing:border-box; height:38px; padding:0 10px; border:1px solid #cfd6e2 !important; border-radius:6px; background:#fff !important; font-size:14px; vertical-align:middle;}
.rb-form input[type=file] {height:auto; padding:6px; font-size:13px;}
.rb-form input[type=checkbox], .rb-form input[type=radio] {vertical-align:-2px;}
.rb-lbl {margin:0 12px 0 3px; font-size:13px; color:#5d6577;}
.rb-form #avoidDbl {padding-top:24px !important;}
.rb-form #avoidDbl .rm-btn {margin:0 4px;}
/* 표 칸은 전역 td{dotum} 규칙이 먹어서 따로 지정 (글 본문 .rb-vbody 는 글마다 모양이 있어서 건드리지 않는다) */
.rb-tbl th, .rb-tbl td, .rb-top, .rb-foot, .rb-foot a, .rb-vh, .rb-att, .rb-vbtns, .rb-cmts, .rb-rel, .rb-rel a, .rb-box, .rb-form td.input_txt, .rb-form td.cell_L {font-family:'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif;}
/* 2026-09-18 N·HOT 딱지 글자 가운데 : font 한 줄 선언이 앞의 line-height 를 normal 로 덮어 글자가 위로 붙었다 (링크 ?v=20260918l) */
.rb-new, .rb-hot {display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; height:16px; padding:0 5px; font:bold 10px Arial,sans-serif; line-height:1;}
.rb-new {width:16px; min-width:16px; padding:0;}
/* ==== 2026-09-18 상품 문의(goods_qna.htm .rgq) · 상품 후기(goods_review.htm .rgv) - 게시판과 같은 모양. 링크 ?v=20260918m ==== */
.rb-sbox {margin:0 0 16px 0; padding:18px 22px; border:1px solid #dfe4ee; border-radius:10px; background:#f7f9fc; font-family:'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif;}
.rb-sbox .row {display:flex; align-items:center; margin:0 0 10px 0;}
.rb-sbox .row:last-child {margin:0;}
.rb-sbox .lb {width:80px; flex:none; font-size:13px; font-weight:bold; color:#1f2a3d;}
.rb-sbox #dynamic {display:inline-block;}
.rb-sbox select, .rb-sel select {box-sizing:border-box; height:34px; margin:0 4px 0 0; padding:0 6px; border:1px solid #cfd6e2; border-radius:6px; background:#fff; font:13px 'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif; color:#1f2a3d; vertical-align:middle;}
.rb .rb-sbox input.rm-in {width:340px; height:34px !important; font-size:13px;}
.rb .rb-sbox .rm-btn {height:34px; line-height:32px; padding:0 20px; margin-left:5px; font-size:13px;}
.rb-sel select {height:32px; margin:0 0 0 4px;}
/* 상품 문의 목록 : 머리줄은 .rb-tbl, 줄마다 표 하나(펼침 칸이 사이에 끼어서) */
.rgq-head {margin-bottom:0;}
table.rgq-row {width:100%; border-collapse:collapse; border-bottom:1px solid #edf0f5; font-family:'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif;}
.rgq-row td {padding:10px 8px; font-size:14px; color:#1f2a3d; text-align:center; vertical-align:middle;}
.rgq-row td.sub {text-align:left; padding-left:16px; cursor:pointer; line-height:22px;}
.rgq-row td.sub .rq-st {margin-right:10px; vertical-align:1px;}
.rgq-row:hover td {background:#f7f9fc;}
.rgq-row.ntc td {background:#fbfcfe;}
.rgq-row.ntc td.sub {font-weight:bold;}
.rgq-row td.num, .rgq-row td.dt {font-size:13px; color:#8a93a3; white-space:nowrap;}
.rgq-row td.nm {font-size:13px; color:#5d6577; white-space:nowrap;}
.rgq-img img {display:block; width:50px; height:50px; margin:0 auto; border:1px solid #edf0f5; border-radius:6px; object-fit:cover; background:#fff;}
/* 펼친 본문 (goods_qna_contents.htm 조각 - 상품페이지와 공용이라 여기서만 덮는다) */
.rgq-body {padding:6px 24px 10px 160px; background:#f7f9fc; border-bottom:1px solid #edf0f5;}
.rgq-body table#contents, .rgq-body > table {border-top:0 !important; padding:0 !important;}
.rgq-body td {padding:12px 0 !important; font:14px/22px 'Malgun Gothic','\B9D1\C740\ACE0\B515',sans-serif; color:#333;}
.rgq-body tr + tr td {border-top:1px dashed #d5dbe6 !important;}
.rgq-body td img[src*="ico_q"], .rgq-body td img[src*="ico_a"] {margin-right:6px;}
.rgq-body .dv-contents img {max-width:100%;}
.rgq-body > img[src*="curled_page_corner"] {display:none;}
/* 상품 후기 : 네이버페이 후기 탭 (설정이 켜졌을 때만) */
.rgv-tabs {margin-top:-6px !important; margin-bottom:18px !important;}
.rgv-tabs a {display:inline-block; height:36px; line-height:34px; margin-right:6px; padding:0 18px; border:1px solid #dfe4ee; border-radius:18px; background:#fff; color:#5d6577; font-size:13px; font-weight:bold;}
.rgv-tabs a.on {border-color:#46629e; background:#46629e; color:#fff;}
.rgv .rb-foot {margin-top:10px;}
/* 2026-09-18 게시판 쪽번호 가운데 : 버튼은 오른쪽에 띄워 두고 쪽번호만 가운데 (링크 ?v=20260918n) */
.rb-foot {position:relative; justify-content:center; min-height:40px;}
.rb-foot .rb-page {text-align:center;}
.rb-foot .rb-page a, .rb-foot .rb-page b {margin:0 2px 4px 2px;}
.rb-foot .rb-btns {position:absolute; right:0; top:50%; transform:translateY(-50%);}