@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');
@font-face {
    font-family: 'ChosunGu';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunGu.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Chosunilbo_myungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Somi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_10@1.0/Somi.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* 이 스킨 전용 CSS 변수(--rc-*).
   사이트/에디션 테마 변수(--text-color 등)와 이름이 겹치지 않도록 접두사를 붙였습니다. */
:root {
	/*폰트*/
	--rc-head-text: 'Abel', sans-serif; /*항목*/
	--rc-title-text:'NanumSquareNeo-Variable'; /*시나리오명*/
	--rc-basic-text: 'ChosunGu'; /*기본*/
	--rc-phrase-text:'Chosunilbo_myungjo'; 
	--rc-ruby-text:'Somi'; /*루비문자*/
	
	/*레이아웃*/
	--rc-phrase-color: #5252526d;
	--rc-line-color: #333333; /*영수증 선*/
	--rc-text-color: #333333; /*기본 텍스트*/
	--rc-link-color: #333333; /*링크, 수정,삭제 버튼*/
	--rc-back-color: #ffffff; /*배경색*/
	--rc-ruby-color: rgba(0, 0, 0, 0.233); /*코드네임*/
	--rc-truby-color: #96141485; /*캠페인 명*/


	/*입력폼*/
	--rc-plho-text: 'Pretendard-Regular'; /*입력폼 설명*/
	--rc-plho-color: #adadad; /*입력폼 설명 폰트색*/
	--rc-spo-color: #333333; /*스포방지 체크박스 폰트색*/	
	--rc-border-color: #C6BCC1; /*입력폼 선 색*/

	--rc-title-shadow: rgba(0, 0, 0, 0.222); /*시나리오명 폰트 그림자*/
	--rc-receipt-shadow: #cfcfcf99; /*영수증 그림자*/
}


/** Notice Box **/
.rc-scope .board-notice { max-width: 430px; padding: 20px; margin: 20px auto 30px; text-align: center;} 

#page_board_content input,
#page_board_content select,
#page_board_content .ui-btn,
#page_board_content .ui-btn.point,
#page_board_content .pg_wrap .pg_page {height:24px;line-height:22px;}
#page_board_content .pg_wrap .pg_page {border: 0 none; background:none; color:inherit;padding:0 2px; font-size:12px;}
#page_board_content .pg_wrap .pg_page:before {font-size:12px;}



.rc-scope .ui-top {position:relative;padding:0 5px; box-sizing:border-box;}

.rc-scope .ui-memo-list { position: relative; clear: both;  } 



/* 레이아웃 */
.rc-scope .ui-memo-list {
	width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width:750px){
	.rc-scope .ui-memo-list {
		width: 70% ; /*영수증 가로 길이*/
		margin-left: auto;
		margin-right: auto;
	}
} 

#page_board_content .ui-memo-list table { border-spacing:0px; background: rgb(255, 255, 255) url("./img/paper.png") repeat scroll 0px 0px / auto padding-box border-box;}

#page_board_content .ui-memo-list .tbl_wrap table { width: 100%; position:relative; line-height:20px; 
	border-bottom: 1px dashed var(--rc-line-color);}

#page_board_content .ui-memo-list .tbl_head01 thead th {
	font-weight: bold;
	padding: 7px 3px;
	border-top: 1px solid var(--rc-line-color);
	border-bottom: 1px dashed var(--rc-line-color);
	border-left-width: 0;
	border-right-width: 0;
	font-size: 14px;
	color: var(--rc-text-color);
	font-family: var(--rc-head-text);
	text-align: center;
}

#page_board_content .ui-memo-list .tbl_head01  tbody td {
	color: var(--rc-text-color);
	font-weight: normal;
	padding: 5px 3px;
	font-family: var(--rc-basic-text); font-size: 12px; 
	text-align:center;
}

#page_board_content .ui-memo-list .stitle { font-family: var(--rc-title-text); font-weight: normal; text-align: left !important; } 
#page_board_content .ui-memo-list .sname { text-align: center !important; } 
#page_board_content .ui-memo-list .sline { white-space: pre-line;} 
#page_board_content .ui-memo-list a:link {color: var(--rc-text-color) !important;} 
#page_board_content .ui-memo-list a:visited {color: var(--rc-link-color) !important;}  

.rc-scope .dx3logo {
	display:block;
	width:100%;
	margin:auto;
	padding-bottom:20px;
	background: var(--rc-back-color) url("./img/paper.png") repeat scroll 0px 0px / auto padding-box border-box;
	text-align:center;
}
.rc-scope .dx3phrase {
	display:block;
	width:100%;
	margin:auto;
	padding-bottom:20px;
	background: var(--rc-back-color) url("./img/paper.png") repeat scroll 0px 0px / auto padding-box border-box;
	font-family: var(--rc-phrase-text);
	font-style: italic;
	text-align:center;
	color: var(--rc-phrase-color);
	font-size:12px;
	font-weight:bold;
}


.rc-scope .dx3bottom {
	display:block;
	width:100%;
	padding-bottom:30px;
	padding-top:20px;
	background: var(--rc-back-color) url("./img/paper.png") repeat scroll 0px 0px / auto padding-box border-box;
	font-family: var(--rc-basic-text);
	text-align:center;
	color: var(--rc-text-color);
	font-size:12px;
	font-weight:normal;
	margin:auto;
	line-height:180%;
	-webkit-mask-image: linear-gradient(0deg, transparent 10px, white 10px), linear-gradient(-135deg, white 5px, transparent 5px), linear-gradient(135deg, white 5px, transparent 5px);
    -webkit-mask-position: left bottom;
    -webkit-mask-repeat: repeat-x;
    -webkit-mask-size: 100% 100%, 10px 10px, 10px 10px;
    mask-image: linear-gradient(0deg, transparent 10px, white 10px), linear-gradient(-135deg, white 5px, transparent 5px), linear-gradient(135deg, white 5px, transparent 5px);
    mask-position: left bottom;
    mask-repeat: repeat-x;
    mask-size: 100% 100%, 10px 10px, 10px 10px;
}


.rc-scope .receipt {
	filter: drop-shadow(2px 3px 10px var(--rc-receipt-shadow));
} 



/*루비문자*/
#page_board_content .ui-memo-list .codename {
	display: inline-block;
	position:relative;
	color: var(--rc-text-color);
	line-height: 1.3em;
	margin-top: 0.2em;
	letter-spacing:-1px;
	margin-bottom: 0.2em;
	width:100%;
	text-align: center;
   }
  
   #page_board_content .ui-memo-list .codename:after {
	content:attr(data-text);
	font-size: 15px;
	color: var(--rc-ruby-color);
	position:absolute;
	left:0;
	right: 0;
	white-space: nowrap;
	margin-top: -9px !important;
	font-family:var(--rc-ruby-text);
   }
 
 #page_board_content .ui-memo-list .title {
	display: inline-block;
	position:relative;
	color: var(--rc-text-color);
	line-height: 1.3em;
	margin-top: 0.2em;
	letter-spacing:-1px;
	margin-bottom: 0.2em;
	filter: drop-shadow(0px 0px 3px var(--rc-title-shadow));
   }
   #page_board_content .ui-memo-list .title:after {
	content:attr(data-text);
	font-size: 15px;
	color: var( --rc-truby-color);
	position:absolute;
	left:0;
	width: max-content;
	top: -11px;
	font-family:var(--rc-ruby-text);
	font-weight:normal !important; 
   }



/*입력창 레이아웃*/
#page_board_content input { margin: 1px 0; }
#page_board_content .ui-memo-list textarea,
.rc-scope .radm-box textarea {
    box-sizing: border-box;
    border-width: 1px;
    border-style: groove;
    border-radius: 5px;
    padding: 0 10px;
    max-width: 100%;
    min-height: 15px !important;
    font-size: 12px;
	color:var(--rc-text-color) !important;
	font-family: var(--rc-basic-text);
	background-color: var(--rc-back-color) !important;
	border-color: var(--rc-border-color) ;
}
#page_board_content .ui-memo-list .form-input,
#page_board_content .ui-memo-list input[type="text"],
#page_board_content .ui-memo-list input[type="password"],
#page_board_content .ui-memo-list input[type="file"],
#page_board_content .ui-memo-list select,
.rc-scope .radm-box input[type="text"],
.rc-scope .radm-box select {
    box-sizing: border-box;
    border-width: 1px;
    border-style: groove;
    border-radius: 5px;
    padding: 0 10px;
    max-width: 100%;
    font-size: 12px !important;
	color:var(--rc-text-color) !important;
    font-family: var(--rc-basic-text) !important;
	background-color: var(--rc-back-color) !important;
	border-color: var(--rc-border-color) ;
}
#page_board_content .ui-memo-list input[type="date"] {
	box-sizing: border-box;
	color: var(--rc-plho-color) !important;
	font-family: var(--rc-plho-text);
	border-width: 1px;
	border-style: groove;
	border-radius: 5px;
	max-width: 100%;
	font-size: 11px;
	font-style: italic;
	padding: 0 5px;
	border-color: var(--rc-border-color) ;
	height: 24px;
    line-height: 22px;
  }
  #page_board_content .ui-memo-list input[type="number"],
.rc-scope .radm-box input[type="number"] {
	box-sizing: border-box;
	color: var(--rc-plho-color) !important;
	font-family: var(--rc-plho-text);
	border-width: 1px;
	border-style: groove;
	border-radius: 5px;
	max-width: 100%;
	font-size: 11px;
	font-style: italic;
	padding: 0 5px;
	border-color: var(--rc-border-color) ;
	height: 24px;
	width: 70px ;
    line-height: 22px;
  }
#page_board_content .ui-memo-list input::placeholder,
.rc-scope .radm-box input::placeholder {
	color: var(--rc-plho-color);
	font-family: var(--rc-plho-text);
	font-size: 11px;
	font-style: italic;
	padding: 0 5px;
	line-height: 22px;
  }
#page_board_content .ui-memo-list textarea::placeholder {
	color: var(--rc-plho-color);
	font-family: var(--rc-plho-text);
	font-size: 11px;
	font-style: italic;
	padding: 0 5px;
  }
#page_board_content .ui-memo-list label {    font-size: 11px !important;
	color:var(--rc-spo-color) !important;
    font-family: var(--rc-basic-text) !important;
	margin-left: 3px;}




/*영수증 하단 합계와 카운트*/
#page_board_content .ui-memo-list .tbl_wrap2 table { width: 55%; position:relative; line-height:20px; border-bottom: 1px dashed var(--rc-line-color); margin-bottom: 20px;}

#page_board_content .ui-memo-list .tbl_head02 thead th {
	font-weight: normal;
	padding: 5px 1px;
	border-top: 1px dashed var(--rc-line-color);
	border-bottom: 1px dashed var(--rc-line-color);
	border-left-width: 0;
	border-right-width: 0;
	font-size: 12px;
	font-family: var(--rc-head-text);
	text-align: center;
}
#page_board_content .ui-memo-list .tbl_head02  tbody td {
	color: var(--rc-text-color);
	font-weight: normal;
	padding: 5px 1px;
	font-family: var(--rc-head-text); font-size: 12px; 
	text-align:center;
}
#page_board_content .ui-memo-list .bt_tb {font-weight: bold;}



/* ── 관리자 꾸미기 버튼 ── */
.rc-scope .adm-box { margin-bottom: 5px; text-align: right; margin-right: 5px; }
.rc-scope .adm-box .adm-btn {
    display: inline-block !important;
    width: auto !important; height: 24px !important; line-height: 22px !important;
    padding: 0 12px !important; font-size: 12px !important;
    font-family: var(--rc-head-text) !important;
    background: #58b8c8 !important; border: none !important;
    color: #fff !important; border-radius: 12px !important;
    text-decoration: none !important; cursor: pointer; transition: background 0.15s;
}
.rc-scope .adm-box .adm-btn:hover,
.rc-scope .adm-box .adm-btn:visited { background: #46a6b6 !important; color: #fff !important; }


/* ── 기록하기 버튼 ── */
.rc-scope .ui-write-box .write_open,
.rc-scope a.write_open {
    display: inline-block !important; position: static !important;
    width: auto !important; height: auto !important;
    padding: 4px 14px !important; line-height: 1.5 !important;
    font-size: 12px !important; font-family: var(--rc-head-text) !important;
    background: #58b8c8 !important; border: none !important;
    color: #fff !important; border-radius: 14px !important;
    text-decoration: none !important; cursor: pointer; margin-bottom: 4px;
}
.rc-scope .ui-write-box .write_open:hover { background: #46a6b6 !important; color: #fff !important; }


/* ── 기록 폼 패널 ── */
.rc-scope .write-form-panel {
    display: none;
    background: #ffffff; border: 1px solid var(--rc-border-color);
    border-radius: 6px; padding: 14px 16px 10px; margin-top: 4px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.07);
}
.rc-scope .write-form-panel.open { display: block; }
.rc-scope .ui-write-box.update .write-form-panel { display: flex; flex-wrap: wrap; }
.rc-scope .wf-row { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 6px; }
.rc-scope .wf-row:last-child { margin-bottom: 0; }
.rc-scope .wf-radio-group { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.rc-scope .wf-radio-group label {
    display: inline-flex; align-items: center; gap: 2px;
    font-size: 12px !important; font-family: var(--rc-basic-text) !important;
    color: var(--rc-text-color) !important; white-space: nowrap; cursor: pointer; margin-left: 0 !important;
}
.rc-scope .wf-radio-group input[type="radio"] {
    width: auto !important; height: auto !important; margin: 0 !important;
    padding: 0 !important; border: none !important; background: none !important;
    -webkit-appearance: radio !important; appearance: radio !important;
}
.rc-scope .wf-submit {
    padding: 4px 20px !important; height: 28px !important;
    background: #333 !important; color: #fff !important;
    border: none !important; border-radius: 4px !important;
    font-family: var(--rc-head-text) !important; font-size: 13px !important;
    cursor: pointer;
}
.rc-scope .wf-submit:hover { background: #555 !important; }


/* ── 영수증 찢긴 테두리 ── */
.rc-scope .receipt-tear { display: block; width: 100%; height: 14px; margin: 0; padding: 0; }
.rc-scope .receipt-body { background: var(--rc-back-color) url("./img/paper.png") repeat; margin: 0; padding: 0; }



/* ── 룰 필터 ── */
.rc-scope .rule-filter {
    display: flex; flex-wrap: wrap; gap: 4px; justify-content: center;
    padding: 5px 10px;
    background: var(--rc-back-color) url("./img/paper.png") repeat;
    border-bottom: 1px dashed var(--rc-line-color);
}
.rc-scope .rule-btn {
    font-family: var(--rc-head-text); font-size: 11px; padding: 1px 7px;
    border: 1px dashed var(--rc-line-color); border-radius: 2px;
    color: var(--rc-text-color) !important; text-decoration: none; opacity: 0.5; transition: opacity 0.15s;
}
.rc-scope .rule-btn:hover { opacity: 0.85 !important; }
.rc-scope .rule-btn.active { opacity: 1; border-style: solid; font-weight: bold; }


/* ── 수정/삭제 * - 버튼 흰 테두리 ── */
#page_board_content .ui-memo-list td.control {
    font-size: 13px !important; letter-spacing: 3px !important; opacity: 0.85 !important;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff, 0 0 4px #fff !important;
}


/* ── 관리자 모달 ── */
.rc-scope.radm-overlay {
    opacity: 0; transition: opacity .16s ease;

    position: fixed; inset: 0; background: rgba(0,0,0,0.35);
    z-index: 9999; display: flex; align-items: center; justify-content: center;
}
.rc-scope.radm-overlay.open { opacity: 1; }
.rc-scope .radm-box {
    background: #fff url("./img/paper.png") repeat;
    border: 1px solid var(--rc-line-color); padding: 22px 26px 18px;
    min-width: 280px; max-width: 90vw; font-family: var(--rc-basic-text);
}
.rc-scope .radm-title {
    font-family: var(--rc-head-text); font-size: 16px; letter-spacing: 1px;
    border-bottom: 1px dashed var(--rc-line-color); padding-bottom: 8px;
    margin-bottom: 12px; color: var(--rc-text-color);
}
.rc-scope .radm-label { display: block; font-size: 11px; color: var(--rc-plho-color); font-family: var(--rc-plho-text); margin-bottom: 3px; margin-top: 10px; }
.rc-scope .radm-input {
    width: 100%; box-sizing: border-box; border: 1px groove var(--rc-border-color);
    border-radius: 5px; padding: 4px 8px; font-size: 12px;
    font-family: var(--rc-basic-text) !important; color: var(--rc-text-color) !important;
    background: var(--rc-back-color) !important;
}
.rc-scope .radm-toggle { display: flex; gap: 16px; margin-top: 4px; }
.rc-scope .radm-toggle label {
    display: inline-flex; align-items: center; gap: 4px;
    font-size: 12px !important; font-family: var(--rc-basic-text) !important;
    color: var(--rc-text-color) !important; cursor: pointer; margin-left: 0 !important;
}
.rc-scope .radm-toggle input[type="radio"] {
    width: auto !important; height: auto !important; margin: 0 !important;
    padding: 0 !important; border: none !important; background: none !important;
    -webkit-appearance: radio !important; appearance: radio !important;
}
.rc-scope .radm-actions { display: flex; align-items: center; gap: 8px; margin-top: 16px; }
.rc-scope .radm-btn-save { font-family: var(--rc-head-text); font-size: 12px; padding: 3px 14px; border: 1px solid var(--rc-line-color); background: var(--rc-back-color); cursor: pointer; border-radius: 2px; }
.rc-scope .radm-btn-cancel { font-family: var(--rc-head-text); font-size: 12px; padding: 3px 14px; border: 1px dashed var(--rc-line-color); background: none; cursor: pointer; border-radius: 2px; opacity: 0.6; }
.rc-scope .radm-link-admin { margin-left: auto; font-size: 11px; font-family: var(--rc-head-text); color: var(--rc-text-color) !important; opacity: 0.5; text-decoration: none; }
.rc-scope .radm-link-admin:hover { opacity: 1 !important; }
.rc-scope #radm-msg { margin: 6px 0 0; font-size: 11px; color: #888; text-align: center; font-family: var(--rc-plho-text); min-height: 16px; }


/* ── 너비: bo_table_width 인라인 스타일로 제어, 여기선 기본값만 ── */
.rc-scope .ui-memo-list { max-width: 100%; }


/* ── td overflow: 루비 텍스트가 행 밖으로 보이게 ── */
#page_board_content .ui-memo-list .tbl_head01 tbody td { overflow: visible !important; }


/* ── 링크 파란색 제거 (테이블 안) ── */
#page_board_content .tbl_head01 tbody td a,
#page_board_content .tbl_head01 tbody td a:link,
#page_board_content .tbl_head01 tbody td a:visited,
#page_board_content .tbl_head01 tbody td a:hover {
    color: var(--rc-text-color) !important; text-decoration: none !important;
}

/* 기록하기/꾸미기 버튼 흰색 유지 */
.rc-scope .adm-box .adm-btn,
.rc-scope .adm-box .adm-btn:link,
.rc-scope .adm-box .adm-btn:visited,
.rc-scope .adm-box .adm-btn:hover,
.rc-scope .ui-write-box a.write_open,
.rc-scope .ui-write-box a.write_open:link,
.rc-scope .ui-write-box a.write_open:visited,
.rc-scope .ui-write-box a.write_open:hover { color: #fff !important; }


/* ── 테이블 행 배경 RA0 테마 줄무늬 제거 ── */
#page_board_content .tbl_head01 tbody tr,
#page_board_content .tbl_head01 tbody tr:nth-child(even),
#page_board_content .tbl_head01 tbody tr:nth-child(odd) { background: transparent !important; }
#page_board_content .tbl_head01 tbody tr:hover td { background: rgba(0,0,0,0.025) !important; }
#page_board_content .tbl_head01 tbody td { background: transparent !important; border: none !important; }


/* ── 스포일러 ── */
#page_board_content .ui-memo-list .spoiler { filter: blur(4px); transition: filter .2s; }
#page_board_content .ui-memo-list .spoiler-off { filter: blur(0px) !important; }


/* ── 행 패딩 축소 (행 높이 줄이기) ── */
#page_board_content .tbl_head01 tbody td {
    padding: 3px 3px !important;
}


/* ── RA0 파란 배경 강력 제거 ── */
#page_board_content .txt-point,
#page_board_content td.txt-point,
#page_board_content li td.txt-point,
#page_board_content table td.txt-point,
#page_board_content .tbl_head01 td,
#page_board_content .tbl_head01 tr,
#page_board_content .tbl_head01 tr.line,
#page_board_content .tbl_head01 tr.line td {
    background: transparent !important;
    background-color: transparent !important;
}
#page_board_content .tbl_head01 tr.line:hover td,
#page_board_content .tbl_head01 tr:hover td {
    background-color: rgba(0,0,0,0.025) !important;
}


/* ── default.css의 .tbl_wrap table 덮어쓰기 (파란 배경 + overflow:hidden 제거) ── */
#page_board_content .tbl_head01.tbl_wrap table,
#page_board_content .tbl_wrap.tbl_head01 table {
    background: rgb(255, 255, 255) url("./img/paper.png") repeat scroll 0px 0px / auto padding-box border-box !important;
    overflow: visible !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
}
#page_board_content .tbl_head01.tbl_wrap tbody tr,
#page_board_content .tbl_head01.tbl_wrap tbody td {
    background: transparent !important;
    background-color: transparent !important;
}


/* ── 헤더 구분선 전체 열에 일정하게 ── */
#page_board_content .tbl_head01 thead tr {
    border-bottom: 1px dashed var(--rc-line-color) !important;
}
#page_board_content .tbl_head01 thead th {
    border-bottom: none !important;
}


/* ── 글쓰기 폼 패널: 가로 컴팩트 ── */
.rc-scope .write-form-panel.open {
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid var(--rc-border-color);
    border-radius: 6px;
    margin-top: 4px;
}


/* ── 본문 이미지: 원본 크기 유지, 비율 보존, 컨테이너 넘으면 축소 ── */
#page_board_content .tbl_head01 tbody td img,
#page_board_content .receipt-body img:not(.dx3logo img):not([src*="barcode"]):not([src*="logo"]) {
    max-width: 100%;
    height: auto;
    width: auto;       /* 원본보다 강제로 키우지 않음 */
    object-fit: contain;
}


/* ── 로고 이미지: 원본 크기 유지, 넘치면 축소, 강제 확대 없음 ── */
.rc-scope .dx3logo .receipt-logo {
    max-width: 100%;
    width: auto;
    height: auto;
}


/* ── 연도 드롭다운 ── */
.rc-scope .year-nav {
    display: flex;
    justify-content: center;
    padding: 10px 0 6px;
}
.rc-scope .year-dropdown-wrap {
    position: relative;
    display: inline-block;
}
.rc-scope .year-label {
    font-family: var(--rc-head-text);
    font-size: 18px;
    letter-spacing: 3px;
    color: var(--rc-year-color, #ffffff);
    text-shadow: 0 1px 4px rgba(0,0,0,0.35);
    cursor: pointer;
    padding: 2px 10px;
    border-bottom: 1px dashed var(--rc-year-color, #ffffff);
    transition: opacity 0.15s;
    user-select: none;
}
.rc-scope .year-label:hover { opacity: 0.8; }

.rc-scope .year-dropdown {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 6px);
    background: var(--rc-back-color) url("./img/paper.png") repeat;
    border: 1px solid var(--rc-line-color);
    z-index: 999;
    min-width: 80px;
    text-align: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.12);
}
.rc-scope .year-dropdown.open { display: block; }

.rc-scope .year-option {
    display: block;
    padding: 5px 16px;
    font-family: var(--rc-head-text);
    font-size: 14px;
    letter-spacing: 1px;
    color: var(--rc-text-color) !important;
    text-decoration: none;
    border-bottom: 1px dashed var(--rc-line-color);
    transition: background 0.1s;
}
.rc-scope .year-option:last-child { border-bottom: none; }
.rc-scope .year-option:hover { background: rgba(0,0,0,0.04); }
.rc-scope .year-option.current {
    font-weight: bold;
    background: rgba(0,0,0,0.03);
}


/* ── 기본 flex 순서 / 수정 모드 폼 ── */
.rc-scope .ui-memo-list {
    display: flex;
    flex-direction: column;
}


/* 기본 순서 */
#page_board_content .btn-area { order: 1; }
#page_board_content .year-nav { order: 2; }
#page_board_content .receipt { order: 3; }



/* ── 수정 모드 폼: 너비 제한 ── */
.rc-scope .ui-write-box.update {
    max-width: 700px;
    margin: 20px auto;
}
.rc-scope .ui-write-box.update .write-form-panel {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding: 14px 16px;
    background: #ffffff;
    border: 1px solid var(--rc-border-color);
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.07);
}


/* ── SVG 찢긴 테두리: --rc-back-color 변수와 연동 ── */
.rc-scope .receipt-tear path {
    fill: var(--rc-back-color, #ffffff);
}


/* ── 검색 영역 ── */
.rc-scope .search-area {
    padding: 6px 0;
    text-align: center;
}
.rc-scope .search-form {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    justify-content: center;
}
.rc-scope .search-select {
    height: 26px !important;
    font-size: 11px !important;
    font-family: var(--rc-basic-text) !important;
    padding: 0 4px !important;
    border: 1px groove var(--rc-border-color) !important;
    border-radius: 4px !important;
    background: var(--rc-back-color) !important;
    color: var(--rc-text-color) !important;
    width: auto !important;
}
.rc-scope .search-input {
    height: 26px !important;
    width: 140px !important;
    font-size: 11px !important;
    font-family: var(--rc-basic-text) !important;
    padding: 0 8px !important;
    border: 1px groove var(--rc-border-color) !important;
    border-radius: 4px !important;
}
.rc-scope .search-btn {
    height: 26px;
    padding: 0 10px;
    font-size: 11px;
    font-family: var(--rc-head-text);
    background: var(--rc-text-color);
    color: var(--rc-back-color);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: opacity 0.15s;
}
.rc-scope .search-btn:hover { opacity: 0.75; }


/* 검색 결과 집계 */


/* ── 검색 해제 버튼 & 검색 중 표시 ── */
.rc-scope .search-clear {
    display: inline-block;
    font-size: 11px !important;
    font-family: var(--rc-head-text) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    padding: 2px 10px;
    background: #888888;
    border: none;
    border-radius: 4px;
    transition: background 0.15s;
    white-space: nowrap;
    cursor: pointer;
}
.rc-scope .search-clear:hover { background: #666 !important; color: #fff !important; }

.rc-scope .search-info {
    font-family: var(--rc-phrase-text);
    font-size: 11px;
    color: var(--rc-phrase-color);
    text-align: center;
    margin: 2px 0 0;
    font-style: italic;
}


/* 반응형: 좁을 때 검색 폼도 btn-area 안에서 아래 행으로 */
.rc-scope .btn-area { flex-wrap: wrap; }
.rc-scope .search-area { width: 100%; text-align: center; }

@media (min-width: 501px) {
    .rc-scope .btn-area {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
        padding-bottom: 4px;
    }
    .rc-scope .search-area {
        width: 100%;
        order: 10; /* 검색폼은 항상 한 줄 아래 */
    }
    .rc-scope .btn-area .adm-box { margin: 0 !important; }
    .rc-scope .btn-area .ui-top { padding: 0; }
    .rc-scope .btn-area .ui-write-area { width: auto; margin: 0; }
}





/* ══════════════ 추가/보완 ══════════════ */
/* 상단 도구줄: 이미지 저장 */
#page_board_content .rc-tools {
    display: flex; align-items: center; justify-content: flex-end;
    gap: 8px; padding: 2px 0 4px; flex-wrap: wrap;
}
#page_board_content .rc-save-btn {
    font-family: var(--rc-head-text); font-size: 11px; line-height: 1;
    padding: 4px 9px; margin: 0;
    border: 1px dashed var(--rc-border-color); border-radius: 2px;
    background: var(--rc-back-color); color: var(--rc-text-color) !important;
    cursor: pointer; opacity: .6; transition: opacity .12s;
}
#page_board_content .rc-save-btn:hover { opacity: 1; }
#page_board_content .rc-save-btn[disabled] { opacity: .35; cursor: default; }


/* 룰 필터 건수 */
#page_board_content .rule-btn .rule-cnt { opacity: .6; font-size: 10px; margin-left: 3px; }


/* 합계 블록 (하단 GM/PC 표와 같은 우측 정렬)
   --rc-sum-gap: 영수증 오른쪽 끝에서 띄울 여백. 이 값만 바꾸면
   합계 블록과 GM/PC 표가 함께 움직여 오른쪽 끝이 계속 맞는다. */
#page_board_content .ui-memo-list { --rc-sum-gap: 26px; }

#page_board_content .rc-summary {
    width: 100%; max-width: 320px;
    margin: 10px var(--rc-sum-gap) 6px auto;
    font-family: var(--rc-head-text); font-size: 12px;
    color: var(--rc-text-color); text-align: right;
}


/* 아래 GM/PC 표도 같은 만큼 안쪽으로 */
#page_board_content .ui-memo-list .exptotal { padding-right: var(--rc-sum-gap); }

@media (max-width: 420px) {
    #page_board_content .ui-memo-list { --rc-sum-gap: 14px; }
}

#page_board_content .rc-sum-line {
    display: flex; justify-content: space-between; align-items: baseline;
    gap: 12px; padding: 1px 0; letter-spacing: .5px;
}
#page_board_content .rc-sum-line > span:first-child { text-align: left; }
#page_board_content .rc-sum-line > span:last-child { text-align: right; word-break: break-all; }
#page_board_content .rc-sum-line.total {
    margin-top: 4px; padding-top: 5px;
    border-top: 1px dashed var(--rc-line-color);
    font-weight: bold; font-size: 13px;
}


/* 링크 아이콘(FontAwesome 대체 인라인 SVG) */
#page_board_content .ui-memo-list .rc-link-ico {
    width: 11px; height: 11px; vertical-align: -1px;
    fill: none; stroke: currentColor; stroke-width: 2;
    stroke-linecap: round; stroke-linejoin: round;
}


/* 더 보기 */
#page_board_content .rc-more {
    text-align: center; padding: 8px 0 2px;
    font-family: var(--rc-head-text); font-size: 12px;
}
#page_board_content .rc-more a {
    display: inline-block; padding: 3px 14px;
    border: 1px dashed var(--rc-line-color); border-radius: 2px;
    color: var(--rc-text-color) !important; text-decoration: none; opacity: .7;
}
#page_board_content .rc-more a:hover { opacity: 1; }