View Source

조건부 서식을 설정하여 특정 조건에 맞는 셀을 시각적으로 강조해 보세요.
중요한 값을 한눈에 확인할 수 있습니다.
체험하기

<!-- external modules -->
<script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/formulaParser/formula-parser.min.js'></script>
<script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/SEDocModelParser/SEDocModelParser.min.js'></script>
<script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/SEShapeManager/SEShapeManager.min.js'></script>
<script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirror/codemirror.min.js'></script>
<script type="text/javascript" src="https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirror/xml.min.js"></script>
<link rel='stylesheet' href='https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirror/codemirror.min.css'>

<!-- Synap Editor -->
<script src='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.config.js'></script>
<script src='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.min.js'></script>
<link href='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.min.css' rel='stylesheet' type='text/css'>

<div style="background-color: #ffffff; width:99%; height:500px;">
<div id="synapEditor">
</div>
</div>
<script>
const config = Object.assign(synapEditorConfig, {
"editor.license":"/se/resource/license.json",
"editor.toolbar": ["new", "table", "conditionalFormatting"],
"editor.menu.show": false,
"editor.import.maxSize": 10485760,
"editor.import.api": "/se/importDoc",
"editor.upload.maxSize": 3145728,
"editor.upload.image.api": "/se/uploadFile",
"editor.upload.video.api": "/se/uploadFile",
"editor.upload.file.api": "/se/uploadFile"
});

const html = `<h3 style="color: rgb(51, 51, 51); padding-bottom: 10px; border-bottom: 2px solid rgb(51, 51, 51);"><span>2026년 1분기 영업 실적</span></h3><table style="border-collapse: collapse; font-size: 14px; vertical-align: text-bottom; margin-top: 20px; width: 100%;" data-conditional-formatting-list="[{&quot;rule&quot;:&quot;greaterThanOrEqual&quot;,&quot;dateRule&quot;:null,&quot;formula&quot;:[&quot;10000&quot;],&quot;pattern&quot;:&quot;{value}>='10000'&quot;,&quot;style&quot;:&quot;color: rgb(75, 0, 130);background-color: rgb(210, 191, 224);&quot;,&quot;cellRange&quot;:&quot;D2:D7&quot;},{&quot;rule&quot;:&quot;greaterThanOrEqual&quot;,&quot;dateRule&quot;:null,&quot;formula&quot;:[&quot;0&quot;],&quot;pattern&quot;:&quot;{value}>='0'&quot;,&quot;style&quot;:&quot;color: rgb(0, 128, 0);background-color: rgb(191, 223, 191);&quot;,&quot;cellRange&quot;:&quot;E2:E7&quot;},{&quot;rule&quot;:&quot;greaterThanOrEqual&quot;,&quot;dateRule&quot;:null,&quot;formula&quot;:[&quot;100&quot;],&quot;pattern&quot;:&quot;{value}>='100'&quot;,&quot;style&quot;:&quot;color: rgb(0, 0, 255);background-color: rgb(191, 191, 255);&quot;,&quot;cellRange&quot;:&quot;C2:C7&quot;},{&quot;rule&quot;:&quot;lessThanOrEqual&quot;,&quot;dateRule&quot;:null,&quot;formula&quot;:[&quot;50&quot;],&quot;pattern&quot;:&quot;{value}<='50'&quot;,&quot;style&quot;:&quot;color: rgb(255, 0, 0);background-color: rgb(255, 191, 191);&quot;,&quot;cellRange&quot;:&quot;C2:C7&quot;},{&quot;rule&quot;:&quot;lessThanOrEqual&quot;,&quot;dateRule&quot;:null,&quot;formula&quot;:[&quot;0&quot;],&quot;pattern&quot;:&quot;{value}<='0'&quot;,&quot;style&quot;:&quot;color: rgb(255, 0, 0);background-color: rgb(255, 191, 191);&quot;,&quot;cellRange&quot;:&quot;E2:E7&quot;},{&quot;rule&quot;:&quot;textIsExactly&quot;,&quot;dateRule&quot;:null,&quot;formula&quot;:[&quot;완료&quot;],&quot;pattern&quot;:&quot;{value}='완료'&quot;,&quot;style&quot;:&quot;color: rgb(0, 128, 0);background-color: rgb(191, 223, 191);&quot;,&quot;cellRange&quot;:&quot;F2:F7&quot;},{&quot;rule&quot;:&quot;textIsExactly&quot;,&quot;dateRule&quot;:null,&quot;formula&quot;:[&quot;경고&quot;],&quot;pattern&quot;:&quot;{value}='경고'&quot;,&quot;style&quot;:&quot;background-color: rgb(255, 191, 191);&quot;,&quot;cellRange&quot;:&quot;F2:F7&quot;},{&quot;rule&quot;:&quot;textIsExactly&quot;,&quot;dateRule&quot;:null,&quot;formula&quot;:[&quot;진행중&quot;],&quot;pattern&quot;:&quot;{value}='진행중'&quot;,&quot;style&quot;:&quot;background-color: rgb(255, 255, 191);&quot;,&quot;cellRange&quot;:&quot;F2:F7&quot;},{&quot;rule&quot;:&quot;textIsExactly&quot;,&quot;dateRule&quot;:null,&quot;formula&quot;:[&quot;보류&quot;],&quot;pattern&quot;:&quot;{value}='보류'&quot;,&quot;style&quot;:&quot;background-color: rgb(255, 233, 191);&quot;,&quot;cellRange&quot;:&quot;F2:F7&quot;},{&quot;rule&quot;:&quot;textIsExactly&quot;,&quot;dateRule&quot;:null,&quot;formula&quot;:[&quot;검토 필요&quot;],&quot;pattern&quot;:&quot;{value}='검토 필요'&quot;,&quot;style&quot;:&quot;background-color: rgb(223, 191, 223);&quot;,&quot;cellRange&quot;:&quot;F2:F7&quot;},{&quot;rule&quot;:&quot;textIsExactly&quot;,&quot;dateRule&quot;:null,&quot;formula&quot;:[&quot;완료&quot;],&quot;pattern&quot;:&quot;{value}='완료'&quot;,&quot;style&quot;:&quot;color: rgb(191, 191, 255);background-color: rgb(0, 0, 255);&quot;,&quot;cellRange&quot;:&quot;F2:F7&quot;}]" data-template-id="0">
		<colgroup>
			<col>
			<col>
			<col>
			<col>
			<col>
			<col>
		</colgroup>
		<tbody>
			<tr style="background-color: rgb(242, 242, 242);">
				<th style="font-weight: 700; text-align: center; padding: 10px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>담당자</span></p>
				</th>
				<th style="font-weight: 700; text-align: center; padding: 10px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>지역</span></p>
				</th>
				<th style="font-weight: 700; text-align: center; padding: 10px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>목표 달성률(%)</span></p>
				</th>
				<th style="font-weight: 700; text-align: center; padding: 10px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>매출액 (USD)</span></p>
				</th>
				<th style="font-weight: 700; text-align: center; padding: 10px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>전분기 대비(%)</span></p>
				</th>
				<th style="font-weight: 700; text-align: center; padding: 10px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>진행 상태</span></p>
				</th>
			</tr>
			<tr>
				<td style="text-align: left; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>김철수 (Charles)</span></p>
				</td>
				<td style="text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>서울</span></p>
				</td>
				<td style="background-color: rgb(191, 191, 255); text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="color: rgb(0, 0, 255); background-color: rgb(191, 191, 255);" data-original-style="--use-origin-style: true;">120</span></p>
				</td>
				<td style="background-color: rgb(210, 191, 224); text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="color: rgb(75, 0, 130); background-color: rgb(210, 191, 224);" data-original-style="--use-origin-style: true;">15,400</span></p>
				</td>
				<td style="background-color: rgb(191, 223, 191); text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="color: rgb(0, 128, 0); background-color: rgb(191, 223, 191);" data-original-style="--use-origin-style: true;">+15</span></p>
				</td>
				<td style="background-color: rgb(191, 223, 191); text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="color: rgb(0, 128, 0); background-color: rgb(191, 223, 191);" data-original-style="--use-origin-style: true;">완료</span></p>
				</td>
			</tr>
			<tr>
				<td style="text-align: left; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>이영희 (Sarah)</span></p>
				</td>
				<td style="text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>부산</span></p>
				</td>
				<td style="text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span data-original-style="--use-origin-style: true;">95</span></p>
				</td>
				<td style="text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span data-original-style="--use-origin-style: true;">9,500</span></p>
				</td>
				<td style="background-color: rgb(191, 223, 191); text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="color: rgb(0, 128, 0); background-color: rgb(191, 223, 191);" data-original-style="--use-origin-style: true;">+2</span></p>
				</td>
				<td style="background-color: rgb(255, 255, 191); text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="background-color: rgb(255, 255, 191);" data-original-style="--use-origin-style: true;">진행중</span></p>
				</td>
			</tr>
			<tr>
				<td style="text-align: left; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>박민수 (Michael)</span></p>
				</td>
				<td style="text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>대구</span></p>
				</td>
				<td style="background-color: rgb(255, 191, 191); text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="color: rgb(255, 0, 0); background-color: rgb(255, 191, 191);" data-original-style="--use-origin-style: true;">45</span></p>
				</td>
				<td style="text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span data-original-style="--use-origin-style: true;">4,200</span></p>
				</td>
				<td style="background-color: rgb(255, 191, 191); text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="color: rgb(255, 0, 0); background-color: rgb(255, 191, 191);" data-original-style="--use-origin-style: true;">-12</span></p>
				</td>
				<td style="background-color: rgb(255, 191, 191); text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="background-color: rgb(255, 191, 191);" data-original-style="--use-origin-style: true;">경고</span></p>
				</td>
			</tr>
			<tr>
				<td style="text-align: left; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>최지혜 (Jessica)</span></p>
				</td>
				<td style="text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>광주</span></p>
				</td>
				<td style="background-color: rgb(191, 191, 255); text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="color: rgb(0, 0, 255); background-color: rgb(191, 191, 255);" data-original-style="--use-origin-style: true;">105</span></p>
				</td>
				<td style="background-color: rgb(210, 191, 224); text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="color: rgb(75, 0, 130); background-color: rgb(210, 191, 224);" data-original-style="--use-origin-style: true;">10,500</span></p>
				</td>
				<td style="background-color: rgb(191, 223, 191); text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="color: rgb(0, 128, 0); background-color: rgb(191, 223, 191);" data-original-style="--use-origin-style: true;">+8</span></p>
				</td>
				<td style="background-color: rgb(191, 223, 191); text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="color: rgb(0, 128, 0); background-color: rgb(191, 223, 191);" data-original-style="--use-origin-style: true;">완료</span></p>
				</td>
			</tr>
			<tr>
				<td style="text-align: left; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>정우성 (David)</span></p>
				</td>
				<td style="text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>대전</span></p>
				</td>
				<td style="background-color: rgb(255, 191, 191); text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="color: rgb(255, 0, 0); background-color: rgb(255, 191, 191);" data-original-style="--use-origin-style: true;">20</span></p>
				</td>
				<td style="text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span data-original-style="--use-origin-style: true;">1,800</span></p>
				</td>
				<td style="background-color: rgb(255, 191, 191); text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="color: rgb(255, 0, 0); background-color: rgb(255, 191, 191);" data-original-style="--use-origin-style: true;">-25</span></p>
				</td>
				<td style="background-color: rgb(255, 233, 191); text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="background-color: rgb(255, 233, 191);" data-original-style="--use-origin-style: true;">보류</span></p>
				</td>
			</tr>
			<tr>
				<td style="text-align: left; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>강하늘 (Emily)</span></p>
				</td>
				<td style="text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;">
					<p style="margin: 0px;"><span>인천</span></p>
				</td>
				<td style="text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span data-original-style="--use-origin-style: true;">88</span></p>
				</td>
				<td style="text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span data-original-style="--use-origin-style: true;">8,800</span></p>
				</td>
				<td style="background-color: rgb(191, 223, 191); text-align: right; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: right;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="color: rgb(0, 128, 0); background-color: rgb(191, 223, 191);" data-original-style="--use-origin-style: true;">0</span></p>
				</td>
				<td style="background-color: rgb(223, 191, 223); text-align: center; padding: 8px; border-color: rgb(221, 221, 221); border-style: solid; border-width: 1px;" data-original-style="text-align: center;padding-top: 8px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;border-top-color: rgb(221, 221, 221);border-top-style: solid;border-top-width: 1px;border-right-color: rgb(221, 221, 221);border-right-style: solid;border-right-width: 1px;border-bottom-color: rgb(221, 221, 221);border-bottom-style: solid;border-bottom-width: 1px;border-left-color: rgb(221, 221, 221);border-left-style: solid;border-left-width: 1px;">
					<p style="margin: 0px;"><span style="background-color: rgb(223, 191, 223);" data-original-style="--use-origin-style: true;">검토 필요</span></p>
				</td>
			</tr>
		</tbody>
	</table>`
window.editor = new SynapEditor("synapEditor", config, document.getElementById('synapEditor').innerHTML);
window.editor.openHTML(html);
</script>