크툴루의 부름 > CUSTOM SHEET

HTML

<div class="sheet-wrap">
	<div class="sheet-wrap-inner">

		<div class="sheet-acc sheet-top-left"></div>
		<div class="sheet-acc sheet-top-right"></div>
		<div class="sheet-acc sheet-bottom-left"></div>
		<div class="sheet-acc sheet-bottom-right"></div>

		<input type="hidden" name="attr_template_common" value="{{character_name=@{character_name}}} {{temp_insane=[[(@{temp_insane})*1]]}} {{indef_insane=[[(@{indef_insane}*1)]]}}" />
		<input type="hidden" name="attr_view_tabs_check" class="sheet-view-type-check" value="" />

		<!-- 일러스트 출처 : @François Baranger -->

		<div class="sheet-top-header">
			<div class="sheet-profile sheet-line-box">
				<div class="sheet-tit">
					<input type="text" name="attr_scenario_name" value="" placeholder="시나리오 이름" />
				</div>
				<div>
					<div>
						<strong>이름</strong>
						<span><input type="text" name="attr_character_name" value="" /></span>
					</div>
					<div>
						<strong style="width:5em;">플레이어</strong>
						<span><input type="text" name="attr_player_name" value="" /></span>
					</div>
					<div>
						<strong>직업</strong>
						<span><input type="text" name="attr_job" value="" /></span>
					</div>
					<div>
						<strong>나이</strong>
						<span><input type="number" name="attr_age" value="" /></span>
					</div>
					<div>
						<strong>성별</strong>
						<span><input type="text" name="attr_gender" value="" /></span>
					</div>
					<div>
						<strong style="width:4em;">거주지</strong>
						<span><input type="text" name="attr_nation" value="" /></span>
					</div>
					<div>
						<strong style="width:4em;">출생지</strong>
						<span><input type="text" name="attr_birth" value="" /></span>
					</div>
				</div>
			</div>

			<div class="sheet-spec">
				<div class="sheet-title">
					<img src="https://i.imgur.com/vOOUpig.png" alt="" />
				</div>

				<div class="sheet-control">
					<span style="width:50px;"><span>기능점수</span><input type="number" name="attr_func_point" value="" placeholder="기능치 점수" class="sheet-write-able" /></span>
					<span>+</span>
					<span style="width:50px;"><span>관심기능</span><input type="number" name="attr_favo_point" readonly disabled="true" value="@{int}*2" /></span>
					<span>=</span>
					<span style="width:50px;"><span>전체분배</span><input type="number" name="attr_ff_total_point" readonly disabled="true" value="@{func_point}+@{favo_point}" /></span>
					<span>/</span>
					<span style="width:50px;"><span>사용점수</span><input type="number" name="attr_ff_use_point" readonly disabled="true" value="@{appraise_mod}+@{archaeology_mod}+@{spot_hidden_mod}+@{fighting_brawl_mod}+@{fighting_swords_mod}+@{fighting_ax_mod}+@{fighting_mace_mod}+@{fighting_lance_mod}+@{fighting_whip_mod}+@{mech_repair_mod}+@{jump_mod}+@{mouth_talk_mod}+@{animal_control_mod}+@{listen_mod}+@{fast_talk_mod}+@{charm_mod}+@{law_mod}+@{disguise_mod}+@{firearms_handgun_mod}+@{firearms_rifle_mod}+@{persuade_mod}+@{sleight_of_hand_mod}+@{swim_mod}+@{ride_mod}+@{psychology_mod}+@{language_own_mod}+@{history_mod}+@{locksmith_mod}+@{climb_mod}+@{occult_mod}+@{intimidate_mod}+@{stealth_mod}+@{first_aid_mod}+@{medicine_mod}+@{anthropology_mod}+@{drive_auto_mod}+@{library_use_mod}+@{natural_world_mod}+@{credit_rating_mod}+@{elec_repair_mod}+@{elec_machin_mod}+@{psychoanalysis_mod}+@{op_hv_machine_mod}+@{hypnosis_mod}+@{track_mod}+@{computer_mod}+@{cthulhu_mythos_mod}+@{throw_mod}+@{shelling_mod}+@{boom_mod}+@{navigate_mod}+@{accounting_mod}+@{dodge_mod}+@{ori_science_mod}+@{ori_foreign_mod}+@{ori_art_mod}+@{ori_live_mod}+@{ori_other_control_mod}+@{ori_other_weapon_mod}+@{science_mod_total}+@{foreign_mod_total}+@{art_mod_total}+@{live_mod_total}+@{other_control_mod_total}+@{other_weapon_mod_total}" class="sheet-point" /></span>
					
					<button type="action" name="act_random_spec">특성치 결정</button>
					<button type="roll" name="act_add_initiative" value="&{template:coc} @{template_common} {{subject=민첩}}{{free_roll=[[@{dex} &{tracker}]]}}" title="맵에 있는 자신의 토큰을 먼저 선택한 후 눌러주세요!">턴추가</button>
				</div>

				<div class="sheet-item sheet-line-box">
					<div class="sheet-tit">
						<strong>근력</strong>
						<button type="roll" value="&{template:coc} @{template_common} {{subject=근력}} {{success=[[@{str}]]}} {{hard=[[floor(@{str}/2)]]}} {{extreme=[[floor(@{str}/5)]]}} @{dice_type}"></button>
					</div>
					<div>
						<input type="number" name="attr_str" value="50"/>
					</div>
				</div>
				<div class="sheet-item sheet-line-box">
					<div class="sheet-tit">
						<strong>건강</strong>
						<button type="roll" value="&{template:coc} @{template_common} {{subject=건강}} {{success=[[@{con}]]}} {{hard=[[floor(@{con}/2)]]}} {{extreme=[[floor(@{con}/5)]]}} @{dice_type}"></button>
					</div>
					<div>
						<input type="number" name="attr_con" value="50"/>
					</div>
				</div>
				<div class="sheet-item sheet-line-box">
					<div class="sheet-tit">
						<strong>크기</strong>
						<button type="roll" value="&{template:coc} @{template_common} {{subject=크기}} {{success=[[@{siz}]]}} {{hard=[[floor(@{siz}/2)]]}} {{extreme=[[floor(@{siz}/5)]]}} @{dice_type}"></button>
					</div>
					<div>
						<input type="number" name="attr_siz" value="50"/>
					</div>
				</div>
				<div class="sheet-item sheet-line-box">
					<div class="sheet-tit">
						<strong>민첩성</strong>
						<button type="roll" value="&{template:coc} @{template_common} {{subject=민첩성}} {{success=[[@{dex}]]}} {{hard=[[floor(@{dex}/2)]]}} {{extreme=[[floor(@{dex}/5)]]}} @{dice_type}"></button>
					</div>
					<div>
						<input type="number" name="attr_dex" value="50"/>
					</div>
				</div>
				<div class="sheet-item sheet-line-box">
					<div class="sheet-tit">
						<strong>외모</strong>
						<button type="roll" value="&{template:coc} @{template_common} {{subject=외모}} {{success=[[@{app}]]}} {{hard=[[floor(@{app}/2)]]}} {{extreme=[[floor(@{app}/5)]]}} @{dice_type}"></button>
					</div>
					<div>
						<input type="number" name="attr_app" value="50"/>
					</div>
				</div>
				<div class="sheet-item sheet-line-box">
					<div class="sheet-tit">
						<strong>교육</strong>
						<button type="roll" value="&{template:coc} @{template_common} {{subject=교육}} {{success=[[@{edu}]]}} {{hard=[[floor(@{edu}/2)]]}} {{extreme=[[floor(@{edu}/5)]]}} @{dice_type}"></button>
					</div>
					<div>
						<input type="number" name="attr_edu" value="50"/>
					</div>
				</div>
				<div class="sheet-item sheet-line-box">
					<div class="sheet-tit">
						<strong>지능</strong>
						<button type="roll" value="&{template:coc} @{template_common} {{subject=지능}} {{success=[[@{int}]]}} {{hard=[[floor(@{int}/2)]]}} {{extreme=[[floor(@{int}/5)]]}} @{dice_type}"></button>
					</div>
					<div>
						<input type="number" name="attr_int" value="50"/>
					</div>
				</div>
				<div class="sheet-item sheet-line-box">
					<div class="sheet-tit">
						<strong>정신력</strong>
						<button type="roll" value="&{template:coc} @{template_common} {{subject=정신력}} {{success=[[@{pow}]]}} {{hard=[[floor(@{pow}/2)]]}} {{extreme=[[floor(@{pow}/5)]]}} @{dice_type}"></button>
					</div>
					<div>
						<input type="number" name="attr_pow" value="50"/>
					</div>
				</div>

				<div class="sheet-item sheet-line-box">
					<div class="sheet-tit">
						<strong>이동력</strong>
					</div>
					<div>
						<input type="text" name="attr_mov" value="" placeholder="0" />
					</div>
				</div>
			</div>

			<div class="sheet-pic sheet-line-box">
				<img name="attr_character_avatar" />
			</div>
		</div>

		<div class="sheet-mid-header">

			<div class="sheet-hp-box sheet-left sheet-line-box">
				<div class="sheet-tit">
					<strong>체력</strong>
				</div>
				<div class="sheet-control">
					<div class="sheet-checkbox-area">
						<input type="checkbox" name="attr_dying" value="1" />
						<span>빈사</span>
					</div>
					<div class="sheet-checkbox-area">
						<input type="checkbox" name="attr_major-wound-toggle" value="1" />
						<span>중상</span>
					</div>
				</div>

				<input type="hidden" name="attr_hp_per" class="sheet-graph-per" value="" />
				<div class="sheet-graph-box">
					<div class="sheet-graph-input-box">
						<input type="number" placeholder="0" title="현재" min="0" name="attr_hp" />
						<span>/</span>
						<input type="number" placeholder="0" title="최대"  min="0" name="attr_hp_max" value="floor((@{con}+@{siz})/10)" disabled="true" class="sheet-max" />
					</div>
					<div class="sheet-bar"><span></span></div>
				</div>
			</div>

			<div class="sheet-mana-box sheet-right sheet-line-box">
				<div class="sheet-tit">
					<strong>마력</strong>
				</div>

				<input type="hidden" name="attr_mp_per" class="sheet-graph-per" value="" />
				<div class="sheet-graph-box">
					<div class="sheet-graph-input-box">
						<input type="number" placeholder="0" title="현재"  min="0" name="attr_mp" />
						<span>/</span>
						<input type="number" placeholder="0" title="최대"  min="0" name="attr_mp_max" value="floor(@{pow}/5)" disabled="true" readonly class="sheet-max" />
					</div>
					<div class="sheet-bar"><span></span></div>
				</div>
			</div>

			<div class="sheet-san-box sheet-left sheet-line-box">
				<div class="sheet-tit">
					<strong>이성</strong>
					<button type="roll" value="&{template:coc} @{template_common} {{subject=이성}} {{success=[[@{san}]]}} {{hard=[[floor(@{san}/2)]]}} {{extreme=[[floor(@{san}/5)]]}} @{dice_type}"></button>
				</div>
				<div class="sheet-control">
					<strong>시작이성</strong>
					<input type="number" min="0" name="attr_san_start" placeholder="0" title="시작이성" />
					<strong>광기발작</strong>
					<select name="attr_rand_maddess" style="width:60px;">
						<option value="1">실시간</option>
						<option value="2">요약</option>
					</select>
					<button type="roll" class="sheet-dice" value="&{template:coc} @{template_common} {{madness_type=[[@{rand_maddess}]]}}{{rand_roll=[[1d10]]}}{{rand_roll2=[[1D10]]}}"></button>

					<div class="sheet-checkbox-area">
						<input type="checkbox" name="attr_temp_insane" value="1" />
						<span>일시적 광기</span>
					</div>
					<div class="sheet-checkbox-area">
						<input type="checkbox" name="attr_indef_insane" value="1" />
						<span>장기 광기</span>
					</div>
				</div>

				<input type="hidden" name="attr_san_per" class="sheet-graph-per" value="" />
				<input type="hidden" name="attr_san_per2" class="sheet-graph-per2" value="" />
				<div class="sheet-graph-box">
					<div class="sheet-graph-input-box">
						<input type="number" placeholder="0" title="현재" min="0" name="attr_san" />
						<span>/</span>
						<input type="number" placeholder="0" title="최대"  min="0" name="attr_san_max" value="99-@{cthulhu_mythos}" disabled="true" class="sheet-max" />
					</div>
					<div class="sheet-bar"><span><i></i></span></div>
				</div>
			</div>

			<div class="sheet-luk-box sheet-right sheet-line-box">
				<div class="sheet-tit">
					<strong>운</strong>
					<button type="roll" value="&{template:coc} @{template_common} {{subject=행운}} {{success=[[@{luck}]]}} {{hard=[[floor(@{luck}/2)]]}} {{extreme=[[floor(@{luck}/5)]]}} @{dice_type}"></button>
				</div>
				<div class="sheet-graph-box">
					<div class="sheet-other-box">
						<input type="number" name="attr_luck" value="0"/>
					</div>
					<div class="sheet-ohter-control">
						<button type="roll" value="&{template:coc} @{template_common} {{subject=행운 결정}} {{free_roll=[[3d6*5]]}}">운 결정</button>
					</div>
				</div>
			</div>
		</div>

		<div class="sheet-view-menu sheet-line-box">
			<div class="sheet-dice-setting">
				<div>
					<div class="sheet-dice-check">
						<input type="radio" name="attr_dice_type" value="{{roll=[[1d100]]}}" checked />
						<span>기본 다이스</span>
					</div>

					<div class="sheet-dice-check">
						<input type="radio" name="attr_dice_type" value="{{roll1=[[1d100]]}} {{roll2=[[1d100]]}} {{roll3=[[1d100]]}} {{dice_type=[[1]]}}" />
						<span>보너스 1개</span>
					</div>

					<div class="sheet-dice-check">
						<input type="radio" name="attr_dice_type" value="{{roll1=[[1d100]]}} {{roll2=[[1d100]]}} {{roll3=[[1d100]]}} {{dice_type=[[2]]}}" />
						<span>보너스 2개</span>
					</div>

					<div class="sheet-dice-check">
						<input type="radio" name="attr_dice_type" value="{{roll1=[[1d100]]}} {{roll2=[[1d100]]}} {{roll3=[[1d100]]}} {{dice_type=[[-1]]}}" />
						<span>패널티 1개</span>
					</div>

					<div class="sheet-dice-check">
						<input type="radio" name="attr_dice_type" value="{{roll1=[[1d100]]}} {{roll2=[[1d100]]}} {{roll3=[[1d100]]}} {{dice_type=[[-2]]}}" />
						<span>패널티 2개</span>
					</div>

					<div class="sheet-free-dice">
						<span>자유다이스</span>
						<input type="text" name="attr_free_dice" value="1D100" />
						<button type="roll" class="sheet-dice" value="&amp;{template:coc} @{template_common} {{subject=@{free_dice}}} {{free_roll=[[@{free_dice}]]}}"></button>
					</div>
				</div>
			</div>
		</div>


		<div class="sheet-toggle-button sheet-checkbox-area">
			<input type="checkbox" name="attr_view_tabs_default" value="1" />
			<span>탐사자 기능</span>
		</div>
		<input type="hidden" name="attr_view_tabs_default" class="sheet-toggle-menu" value="" />
		<div class="sheet-toggle-wrap">
			<div class="sheet-specs-wrap">
				<!-- 편집 모드 오픈 기능 -->
				<input type="checkbox" name="attr_edit_mode" class="sheet-chk-edit" value="1" />
				<div class="sheet-chk-edit-label">
					<span>EDIT</span>
					<strong></strong>
				</div>

				<div class="sheet-spec-list">
					<!-- 기능치 리스트 -->
					<div class="sheet-group">
						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_appraise_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>감정 (05%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=감정}} {{success=[[@{appraise}]]}} {{hard=[[floor(@{appraise}/2)]]}} {{extreme=[[floor(@{appraise}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_appraise_base" value="5"/>
								<input type="number" name="attr_appraise_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_appraise" class="sheet-read" value="floor(@{appraise_base} + @{appraise_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_archaeology_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>고고학 (01%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=고고학}} {{success=[[@{archaeology}]]}} {{hard=[[floor(@{archaeology}/2)]]}} {{extreme=[[floor(@{archaeology}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_archaeology_base" value="1"/>
								<input type="number" name="attr_archaeology_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_archaeology" class="sheet-read" value="floor(@{archaeology_base} + @{archaeology_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_spot_hidden_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>관찰력 (25%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=관찰력}} {{success=[[@{spot_hidden}]]}} {{hard=[[floor(@{spot_hidden}/2)]]}} {{extreme=[[floor(@{spot_hidden}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_spot_hidden_base" value="25"/>
								<input type="number" name="attr_spot_hidden_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_spot_hidden" class="sheet-read" value="floor(@{spot_hidden_base} + @{spot_hidden_mod})" disabled="true" readonly />
							</div>
						</div>


						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_fighting_brawl_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>근접전(격투) (25%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=근접전(격투)}} {{success=[[@{fighting_brawl}]]}} {{hard=[[floor(@{fighting_brawl}/2)]]}} {{extreme=[[floor(@{fighting_brawl}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_fighting_brawl_base" value="25"/>
								<input type="number" name="attr_fighting_brawl_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_fighting_brawl" class="sheet-read" value="floor(@{fighting_brawl_base} + @{fighting_brawl_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_fighting_swords_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>근접전(도검) (20%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=근접전(도검)}} {{success=[[@{fighting_swords}]]}} {{hard=[[floor(@{fighting_swords}/2)]]}} {{extreme=[[floor(@{fighting_swords}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_fighting_swords_base" value="20"/>
								<input type="number" name="attr_fighting_swords_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_fighting_swords" class="sheet-read" value="floor(@{fighting_swords_base} + @{fighting_swords_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_fighting_ax_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>근접전(도끼) (15%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=근접전(도끼)}} {{success=[[@{fighting_ax}]]}} {{hard=[[floor(@{fighting_ax}/2)]]}} {{extreme=[[floor(@{fighting_ax}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_fighting_ax_base" value="15"/>
								<input type="number" name="attr_fighting_ax_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_fighting_ax" class="sheet-read" value="floor(@{fighting_ax_base} + @{fighting_ax_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_fighting_mace_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>근접전(도리깨) (10%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=근접전(도리깨)}} {{success=[[@{fighting_mace}]]}} {{hard=[[floor(@{fighting_mace}/2)]]}} {{extreme=[[floor(@{fighting_mace}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_fighting_mace_base" value="10"/>
								<input type="number" name="attr_fighting_mace_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_fighting_mace" class="sheet-read" value="floor(@{fighting_mace_base} + @{fighting_mace_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_fighting_lance_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>근접전(창) (20%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=근접전(창)}} {{success=[[@{fighting_lance}]]}} {{hard=[[floor(@{fighting_lance}/2)]]}} {{extreme=[[floor(@{fighting_lance}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_fighting_lance_base" value="20"/>
								<input type="number" name="attr_fighting_lance_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_fighting_lance" class="sheet-read" value="floor(@{fighting_lance_base} + @{fighting_lance_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_fighting_whip_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>근접전(채찍) (05%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=근접전(채찍)}} {{success=[[@{fighting_whip}]]}} {{hard=[[floor(@{fighting_whip}/2)]]}} {{extreme=[[floor(@{fighting_whip}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_fighting_whip_base" value="5"/>
								<input type="number" name="attr_fighting_whip_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_fighting_whip" class="sheet-read" value="floor(@{fighting_whip_base} + @{fighting_whip_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_mech_repair_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>기계수리 (10%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=기계수리}} {{success=[[@{mech_repair}]]}} {{hard=[[floor(@{mech_repair}/2)]]}} {{extreme=[[floor(@{mech_repair}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_mech_repair_base" value="10"/>
								<input type="number" name="attr_mech_repair_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_mech_repair" class="sheet-read" value="floor(@{mech_repair_base} + @{mech_repair_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_jump_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>도약 (20%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=도약}} {{success=[[@{jump}]]}} {{hard=[[floor(@{jump}/2)]]}} {{extreme=[[floor(@{jump}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_jump_base" value="20"/>
								<input type="number" name="attr_jump_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_jump" class="sheet-read" value="floor(@{jump_base} + @{jump_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_mouth_talk_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>독순술 (01%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=독순술}} {{success=[[@{mouth_talk}]]}} {{hard=[[floor(@{mouth_talk}/2)]]}} {{extreme=[[floor(@{mouth_talk}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_mouth_talk_base" value="1"/>
								<input type="number" name="attr_mouth_talk_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_mouth_talk" class="sheet-read" value="floor(@{mouth_talk_base} + @{mouth_talk_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_animal_control_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>동물 다루기 (05%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=동물 다루기}} {{success=[[@{animal_control}]]}} {{hard=[[floor(@{animal_control}/2)]]}} {{extreme=[[floor(@{animal_control}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_animal_control_base" value="5"/>
								<input type="number" name="attr_animal_control_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_animal_control" class="sheet-read" value="floor(@{animal_control_base} + @{animal_control_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_listen_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>듣기 (20%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=듣기}} {{success=[[@{listen}]]}} {{hard=[[floor(@{listen}/2)]]}} {{extreme=[[floor(@{listen}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_listen_base" value="20"/>
								<input type="number" name="attr_listen_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_listen" class="sheet-read" value="floor(@{listen_base} + @{listen_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_fast_talk_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>말재주 (05%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=말재주}} {{success=[[@{fast_talk}]]}} {{hard=[[floor(@{fast_talk}/2)]]}} {{extreme=[[floor(@{fast_talk}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_fast_talk_base" value="5"/>
								<input type="number" name="attr_fast_talk_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_fast_talk" class="sheet-read" value="floor(@{fast_talk_base} + @{fast_talk_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_charm_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>매혹 (15%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=매혹}} {{success=[[@{charm}]]}} {{hard=[[floor(@{charm}/2)]]}} {{extreme=[[floor(@{charm}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_charm_base" value="15"/>
								<input type="number" name="attr_charm_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_charm" class="sheet-read" value="floor(@{charm_base} + @{charm_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_law_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>법률 (05%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=법률}} {{success=[[@{law}]]}} {{hard=[[floor(@{law}/2)]]}} {{extreme=[[floor(@{law}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_law_base" value="5"/>
								<input type="number" name="attr_law_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_law" class="sheet-read" value="floor(@{law_base} + @{law_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_disguise_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>변장 (05%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=변장}} {{success=[[@{disguise}]]}} {{hard=[[floor(@{disguise}/2)]]}} {{extreme=[[floor(@{disguise}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_disguise_base" value="5"/>
								<input type="number" name="attr_disguise_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_disguise" class="sheet-read" value="floor(@{disguise_base} + @{disguise_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_firearms_handgun_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>사격(권총) (20%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=사격(권총)}} {{success=[[@{firearms_handgun}]]}} {{hard=[[floor(@{firearms_handgun}/2)]]}} {{extreme=[[floor(@{firearms_handgun}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_firearms_handgun_base" value="20"/>
								<input type="number" name="attr_firearms_handgun_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_firearms_handgun" class="sheet-read" value="floor(@{firearms_handgun_base} + @{firearms_handgun_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_firearms_rifle_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>사격(라이플/산탄총) (25%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=사격(라이플/산탄총)}} {{success=[[@{firearms_rifle}]]}} {{hard=[[floor(@{firearms_rifle}/2)]]}} {{extreme=[[floor(@{firearms_rifle}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_firearms_rifle_base" value="25"/>
								<input type="number" name="attr_firearms_rifle_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_firearms_rifle" class="sheet-read" value="floor(@{firearms_rifle_base} + @{firearms_rifle_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_persuade_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>설득 (10%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=설득}} {{success=[[@{persuade}]]}} {{hard=[[floor(@{persuade}/2)]]}} {{extreme=[[floor(@{persuade}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_persuade_base" value="10"/>
								<input type="number" name="attr_persuade_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_persuade" class="sheet-read" value="floor(@{persuade_base} + @{persuade_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_sleight_of_hand_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>손놀림 (10%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=손놀림}} {{success=[[@{sleight_of_hand}]]}} {{hard=[[floor(@{sleight_of_hand}/2)]]}} {{extreme=[[floor(@{sleight_of_hand}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_sleight_of_hand_base" value="10"/>
								<input type="number" name="attr_sleight_of_hand_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_sleight_of_hand" class="sheet-read" value="floor(@{sleight_of_hand_base} + @{sleight_of_hand_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_swim_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>수영 (20%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=수영}} {{success=[[@{swim}]]}} {{hard=[[floor(@{swim}/2)]]}} {{extreme=[[floor(@{swim}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_swim_base" value="20"/>
								<input type="number" name="attr_swim_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_swim" class="sheet-read" value="floor(@{swim_base} + @{swim_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_ride_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>승마 (05%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=승마}} {{success=[[@{ride}]]}} {{hard=[[floor(@{ride}/2)]]}} {{extreme=[[floor(@{ride}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_ride_base" value="5"/>
								<input type="number" name="attr_ride_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_ride" class="sheet-read" value="floor(@{ride_base} + @{ride_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_psychology_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>심리학 (10%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=심리학}} {{success=[[@{psychology}]]}} {{hard=[[floor(@{psychology}/2)]]}} {{extreme=[[floor(@{psychology}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_psychology_base" value="10"/>
								<input type="number" name="attr_psychology_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_psychology" class="sheet-read" value="floor(@{psychology_base} + @{psychology_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_language_own_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>언어(모국어) (교육)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=언어(모국어)}} {{success=[[@{language_own}]]}} {{hard=[[floor(@{language_own}/2)]]}} {{extreme=[[floor(@{language_own}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_language_own_base" value="@{edu}" disabled="true"/>
								<input type="number" name="attr_language_own_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_language_own" class="sheet-read" value="floor(@{language_own_base} + @{language_own_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_history_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>역사 (05%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=역사}} {{success=[[@{history}]]}} {{hard=[[floor(@{history}/2)]]}} {{extreme=[[floor(@{history}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_history_base" value="5"/>
								<input type="number" name="attr_history_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_history" class="sheet-read" value="floor(@{history_base} + @{history_mod})" disabled="true" readonly />
							</div>
						</div>
					</div>
					<div class="sheet-group">
						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_locksmith_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>열쇠공 (01%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=열쇠공}} {{success=[[@{locksmith}]]}} {{hard=[[floor(@{locksmith}/2)]]}} {{extreme=[[floor(@{locksmith}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_locksmith_base" value="1"/>
								<input type="number" name="attr_locksmith_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_locksmith" class="sheet-read" value="floor(@{locksmith_base} + @{locksmith_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_climb_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>오르기 (20%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=오르기}} {{success=[[@{climb}]]}} {{hard=[[floor(@{climb}/2)]]}} {{extreme=[[floor(@{climb}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_climb_base" value="20"/>
								<input type="number" name="attr_climb_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_climb" class="sheet-read" value="floor(@{climb_base} + @{climb_mod})" disabled="true" readonly />
							</div>
						</div>
						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_occult_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>오컬트 (05%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=오컬트}} {{success=[[@{occult}]]}} {{hard=[[floor(@{occult}/2)]]}} {{extreme=[[floor(@{occult}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_occult_base" value="5"/>
								<input type="number" name="attr_occult_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_occult" class="sheet-read" value="floor(@{occult_base} + @{occult_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_intimidate_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>위협 (15%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=위협}} {{success=[[@{intimidate}]]}} {{hard=[[floor(@{intimidate}/2)]]}} {{extreme=[[floor(@{intimidate}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_intimidate_base" value="15"/>
								<input type="number" name="attr_intimidate_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_intimidate" class="sheet-read" value="floor(@{intimidate_base} + @{intimidate_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_stealth_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>은밀행동 (20%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=은밀행동}} {{success=[[@{stealth}]]}} {{hard=[[floor(@{stealth}/2)]]}} {{extreme=[[floor(@{stealth}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_stealth_base" value="20"/>
								<input type="number" name="attr_stealth_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_stealth" class="sheet-read" value="floor(@{stealth_base} + @{stealth_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_first_aid_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>응급처치 (30%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=응급처치}} {{success=[[@{first_aid}]]}} {{hard=[[floor(@{first_aid}/2)]]}} {{extreme=[[floor(@{first_aid}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_first_aid_base" value="30"/>
								<input type="number" name="attr_first_aid_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_first_aid" class="sheet-read" value="floor(@{first_aid_base} + @{first_aid_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_medicine_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>의료 (01%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=의료}} {{success=[[@{medicine}]]}} {{hard=[[floor(@{medicine}/2)]]}} {{extreme=[[floor(@{medicine}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_medicine_base" value="1"/>
								<input type="number" name="attr_medicine_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_medicine" class="sheet-read" value="floor(@{medicine_base} + @{medicine_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_anthropology_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>인류학 (01%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=인류학}} {{success=[[@{anthropology}]]}} {{hard=[[floor(@{anthropology}/2)]]}} {{extreme=[[floor(@{anthropology}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_anthropology_base" value="1"/>
								<input type="number" name="attr_anthropology_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_anthropology" class="sheet-read" value="floor(@{anthropology_base} + @{anthropology_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_drive_auto_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>자동차 운전 (20%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=자동차 운전}} {{success=[[@{drive_auto}]]}} {{hard=[[floor(@{drive_auto}/2)]]}} {{extreme=[[floor(@{drive_auto}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_drive_auto_base" value="20"/>
								<input type="number" name="attr_drive_auto_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_drive_auto" class="sheet-read" value="floor(@{drive_auto_base} + @{drive_auto_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_library_use_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>자료 조사 (20%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=자료 조사}} {{success=[[@{library_use}]]}} {{hard=[[floor(@{library_use}/2)]]}} {{extreme=[[floor(@{library_use}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_library_use_base" value="20"/>
								<input type="number" name="attr_library_use_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_library_use" class="sheet-read" value="floor(@{library_use_base} + @{library_use_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_natural_world_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>자연 (10%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=자연}} {{success=[[@{natural_world}]]}} {{hard=[[floor(@{natural_world}/2)]]}} {{extreme=[[floor(@{natural_world}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_natural_world_base" value="10"/>
								<input type="number" name="attr_natural_world_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_natural_world" class="sheet-read" value="floor(@{natural_world_base} + @{natural_world_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<div class="sheet-name">
								<p>재력 (00%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=재력}} {{success=[[@{credit_rating}]]}} {{hard=[[floor(@{credit_rating}/2)]]}} {{extreme=[[floor(@{credit_rating}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_credit_rating_base" value="0"/>
								<input type="number" name="attr_credit_rating_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_credit_rating" class="sheet-read" value="floor(@{credit_rating_base} + @{credit_rating_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_elec_repair_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>전기 수리 (10%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=전기 수리}} {{success=[[@{elec_repair}]]}} {{hard=[[floor(@{elec_repair}/2)]]}} {{extreme=[[floor(@{elec_repair}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_elec_repair_base" value="10"/>
								<input type="number" name="attr_elec_repair_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_elec_repair" class="sheet-read" value="floor(@{elec_repair_base} + @{elec_repair_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_elec_machin_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>전자기기 (01%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=전자기기}} {{success=[[@{elec_machin}]]}} {{hard=[[floor(@{elec_machin}/2)]]}} {{extreme=[[floor(@{elec_machin}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_elec_machin_base" value="1"/>
								<input type="number" name="attr_elec_machin_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_elec_machin" class="sheet-read" value="floor(@{elec_machin_base} + @{elec_machin_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_psychoanalysis_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>정신분석 (01%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=정신분석}} {{success=[[@{psychoanalysis}]]}} {{hard=[[floor(@{psychoanalysis}/2)]]}} {{extreme=[[floor(@{psychoanalysis}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_psychoanalysis_base" value="1"/>
								<input type="number" name="attr_psychoanalysis_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_psychoanalysis" class="sheet-read" value="floor(@{psychoanalysis_base} + @{psychoanalysis_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_op_hv_machine_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>중장비 조작 (01%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=중장비 조작}} {{success=[[@{op_hv_machine}]]}} {{hard=[[floor(@{op_hv_machine}/2)]]}} {{extreme=[[floor(@{op_hv_machine}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_op_hv_machine_base" value="1"/>
								<input type="number" name="attr_op_hv_machine_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_op_hv_machine" class="sheet-read" value="floor(@{op_hv_machine_base} + @{op_hv_machine_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_hypnosis_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>최면술 (01%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=최면술}} {{success=[[@{hypnosis}]]}} {{hard=[[floor(@{hypnosis}/2)]]}} {{extreme=[[floor(@{hypnosis}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_hypnosis_base" value="1"/>
								<input type="number" name="attr_hypnosis_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_hypnosis" class="sheet-read" value="floor(@{hypnosis_base} + @{hypnosis_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_track_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>추적 (10%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=추적}} {{success=[[@{track}]]}} {{hard=[[floor(@{track}/2)]]}} {{extreme=[[floor(@{track}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_track_base" value="10"/>
								<input type="number" name="attr_track_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_track" class="sheet-read" value="floor(@{track_base} + @{track_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_computer_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>컴퓨터 사용 (05%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=컴퓨터 사용}} {{success=[[@{computer}]]}} {{hard=[[floor(@{computer}/2)]]}} {{extreme=[[floor(@{computer}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_computer_base" value="5"/>
								<input type="number" name="attr_computer_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_computer" class="sheet-read" value="floor(@{computer_base} + @{computer_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<div class="sheet-name">
								<p>크툴루 신화 (00%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=크툴루 신화}} {{success=[[@{cthulhu_mythos}]]}} {{hard=[[floor(@{cthulhu_mythos}/2)]]}} {{extreme=[[floor(@{cthulhu_mythos}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_cthulhu_mythos_base" value="0"/>
								<input type="number" name="attr_cthulhu_mythos_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_cthulhu_mythos" class="sheet-read" value="floor(@{cthulhu_mythos_base} + @{cthulhu_mythos_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_throw_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>투척 (20%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=투척}} {{success=[[@{throw}]]}} {{hard=[[floor(@{throw}/2)]]}} {{extreme=[[floor(@{throw}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_throw_base" value="20"/>
								<input type="number" name="attr_throw_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_throw" class="sheet-read" value="floor(@{throw_base} + @{throw_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_shelling_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>포격 (01%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=포격}} {{success=[[@{shelling}]]}} {{hard=[[floor(@{shelling}/2)]]}} {{extreme=[[floor(@{shelling}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_shelling_base" value="1"/>
								<input type="number" name="attr_shelling_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_shelling" class="sheet-read" value="floor(@{shelling_base} + @{shelling_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_boom_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>폭파 (01%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=폭파}} {{success=[[@{boom}]]}} {{hard=[[floor(@{boom}/2)]]}} {{extreme=[[floor(@{boom}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_boom_base" value="1"/>
								<input type="number" name="attr_boom_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_boom" class="sheet-read" value="floor(@{boom_base} + @{boom_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_navigate_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>항법 (10%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=항법}} {{success=[[@{navigate}]]}} {{hard=[[floor(@{navigate}/2)]]}} {{extreme=[[floor(@{navigate}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_navigate_base" value="10"/>
								<input type="number" name="attr_navigate_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_navigate" class="sheet-read" value="floor(@{navigate_base} + @{navigate_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_accounting_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>회계 (05%)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=회계}} {{success=[[@{accounting}]]}} {{hard=[[floor(@{accounting}/2)]]}} {{extreme=[[floor(@{accounting}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_accounting_base" value="5"/>
								<input type="number" name="attr_accounting_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_accounting" class="sheet-read" value="floor(@{accounting_base} + @{accounting_mod})" disabled="true" readonly />
							</div>
						</div>

						<div class="sheet-spec-item">
							<input type="checkbox" name="attr_dodge_checkbox" class="sheet-chk-spec" value="1" />
							<div class="sheet-name">
								<p>회피 (민첩성/2)</p>
								<div class="sheet-read">
									<button type="roll" value="&{template:coc} @{template_common} {{subject=회피}} {{success=[[@{dodge}]]}} {{hard=[[floor(@{dodge}/2)]]}} {{extreme=[[floor(@{dodge}/5)]]}} @{dice_type}"></button>
								</div>
								<div class="sheet-edit"></div>
							</div>
							<div class="sheet-grade">
								<input type="hidden" name="attr_dodge_base" value="floor(@{dex}/2)" disabled="true"/>
								<input type="number" name="attr_dodge_mod" class="sheet-edit" value="0" />
								<input type="number" name="attr_dodge" class="sheet-read" value="floor(@{dodge_base} + @{dodge_mod})" disabled="true" readonly />
							</div>
						</div>
					</div>
					<div class="sheet-group last">
						<input type="hidden" name="attr_science_mod_total" value="" />
						<input type="hidden" name="attr_foreign_mod_total" value="" />
						<input type="hidden" name="attr_art_mod_total" value="" />
						<input type="hidden" name="attr_live_mod_total" value="" />
						<input type="hidden" name="attr_other_control_mod_total" value="" />
						<input type="hidden" name="attr_other_weapon_mod_total" value="" />

						<div class="sheet-group-area">
							<div class="sheet-spec-item">
								<input type="checkbox" name="attr_ori_science_checkbox" class="sheet-chk-spec" value="1" />
								<div class="sheet-name">
									<div class="sheet-w-txt">
										<input type="text" name="attr_ori_science_title" value="" placeholder="과학" />
										<span>(01%)</span>
									</div>
									<div class="sheet-read">
										<button type="roll" value="&{template:coc} @{template_common} {{subject=@{ori_science_title}}} {{success=[[@{ori_science}]]}} {{hard=[[floor(@{ori_science}/2)]]}} {{extreme=[[floor(@{ori_science}/5)]]}} @{dice_type}"></button>
										
										
									</div>
								</div>
								<div class="sheet-grade">
									<input type="hidden" name="attr_ori_science_base" value="1" disabled="true"/>
									<input type="number" name="attr_ori_science_mod" class="sheet-edit" value="0" />
									<input type="number" name="attr_ori_science" class="sheet-read" value="floor(@{ori_science_base} + @{ori_science_mod})" disabled="true" readonly />
								</div>
							</div>
							<fieldset class="repeating_science">
								<div class="sheet-spec-item">
									<input type="checkbox" name="attr_science_checkbox" class="sheet-chk-spec" value="1" />
									<div class="sheet-name">
										<div class="sheet-w-txt">
											<input type="text" name="attr_science_title" value="" placeholder="과학" />
											<span>(01%)</span>
										</div>
										<div class="sheet-read">
											<button type="roll" value="&{template:coc} @{template_common} {{subject=@{science_title}}} {{success=[[@{science}]]}} {{hard=[[floor(@{science}/2)]]}} {{extreme=[[floor(@{science}/5)]]}} @{dice_type}"></button>
											
											
										</div>
									</div>
									<div class="sheet-grade">
										<input type="hidden" name="attr_science_base" value="1" disabled="true"/>
										<input type="number" name="attr_science_mod" class="sheet-edit" value="0" />
										<input type="number" name="attr_science" class="sheet-read" value="floor(@{science_base} + @{science_mod})" disabled="true" readonly />
									</div>
								</div>
							</fieldset>
						</div>

						<div class="sheet-group-area">
							<div class="sheet-spec-item">
								<input type="checkbox" name="attr_ori_foreign_checkbox" class="sheet-chk-spec" value="1" />
								<div class="sheet-name">
									<div class="sheet-w-txt">
										<input type="text" name="attr_ori_foreign_title" value="" placeholder="언어(외국어)" />
										<span>(01%)</span>
									</div>
									<div class="sheet-read">
										<button type="roll" value="&{template:coc} @{template_common} {{subject=@{ori_foreign_title}}} {{success=[[@{ori_foreign}]]}} {{hard=[[floor(@{ori_foreign}/2)]]}} {{extreme=[[floor(@{ori_foreign}/5)]]}} @{dice_type}"></button>
										
										
									</div>
								</div>
								<div class="sheet-grade">
									<input type="hidden" name="attr_ori_foreign_base" value="1" disabled="true"/>
									<input type="number" name="attr_ori_foreign_mod" class="sheet-edit" value="0" />
									<input type="number" name="attr_ori_foreign" class="sheet-read" value="floor(@{ori_foreign_base} + @{ori_foreign_mod})" disabled="true" readonly />
								</div>
							</div>
							<fieldset class="repeating_foreign">
								<div class="sheet-spec-item">
									<input type="checkbox" name="attr_foreign_checkbox" class="sheet-chk-spec" value="1" />
									<div class="sheet-name">
										<div class="sheet-w-txt">
											<input type="text" name="attr_foreign_title" value="" placeholder="언어(외국어)" />
											<span>(01%)</span>
										</div>
										<div class="sheet-read">
											<button type="roll" value="&{template:coc} @{template_common} {{subject=@{foreign_title}}} {{success=[[@{foreign}]]}} {{hard=[[floor(@{foreign}/2)]]}} {{extreme=[[floor(@{foreign}/5)]]}} @{dice_type}"></button>
											
											
										</div>
									</div>
									<div class="sheet-grade">
										<input type="hidden" name="attr_foreign_base" value="1" disabled="true"/>
										<input type="number" name="attr_foreign_mod" class="sheet-edit" value="0" />
										<input type="number" name="attr_foreign" class="sheet-read" value="floor(@{foreign_base} + @{foreign_mod})" disabled="true" readonly />
									</div>
								</div>
							</fieldset>
						</div>

						<div class="sheet-group-area">
							<div class="sheet-spec-item">
								<input type="checkbox" name="attr_ori_art_checkbox" class="sheet-chk-spec" value="1" />
								<div class="sheet-name">
									<div class="sheet-w-txt">
										<input type="text" name="attr_ori_art_title" value="" placeholder="예술/공예"/>
										<span>(05%)</span>
									</div>
									<div class="sheet-read">
										<button type="roll" value="&{template:coc} @{template_common} {{subject=@{ori_art_title}}} {{success=[[@{ori_art}]]}} {{hard=[[floor(@{ori_art}/2)]]}} {{extreme=[[floor(@{ori_art}/5)]]}} @{dice_type}"></button>
										
										
									</div>
								</div>
								<div class="sheet-grade">
									<input type="hidden" name="attr_ori_art_base" value="5" disabled="true"/>
									<input type="number" name="attr_ori_art_mod" class="sheet-edit" value="0" />
									<input type="number" name="attr_ori_art" class="sheet-read" value="floor(@{ori_art_base} + @{ori_art_mod})" disabled="true" readonly />
								</div>
							</div>
							<fieldset class="repeating_art">
								<div class="sheet-spec-item">
									<input type="checkbox" name="attr_art_checkbox" class="sheet-chk-spec" value="1" />
									<div class="sheet-name">
										<div class="sheet-w-txt">
											<input type="text" name="attr_art_title" placeholder="예술/공예"/>
											<span>(05%)</span>
										</div>
										<div class="sheet-read">
											<button type="roll" value="&{template:coc} @{template_common} {{subject=@{art_title}}} {{success=[[@{art}]]}} {{hard=[[floor(@{art}/2)]]}} {{extreme=[[floor(@{art}/5)]]}} @{dice_type}"></button>
											
											
										</div>
									</div>
									<div class="sheet-grade">
										<input type="hidden" name="attr_art_base" value="5" disabled="true"/>
										<input type="number" name="attr_art_mod" class="sheet-edit" value="0" />
										<input type="number" name="attr_art" class="sheet-read" value="floor(@{art_base} + @{art_mod})" disabled="true" readonly />
									</div>
								</div>
							</fieldset>
						</div>

						<div class="sheet-group-area">
							<div class="sheet-spec-item">
								<input type="checkbox" name="attr_ori_live_checkbox" class="sheet-chk-spec" value="1" />
								<div class="sheet-name">
									<div class="sheet-w-txt">
										<input type="text" name="attr_ori_live_title" value="" placeholder="생존술"/>
										<span>(10%)</span>
									</div>
									<div class="sheet-read">
										<button type="roll" value="&{template:coc} @{template_common} {{subject=@{ori_live_title}}} {{success=[[@{ori_live}]]}} {{hard=[[floor(@{ori_live}/2)]]}} {{extreme=[[floor(@{ori_live}/5)]]}} @{dice_type}"></button>
										
										
									</div>
								</div>
								<div class="sheet-grade">
									<input type="hidden" name="attr_ori_live_base" value="10" disabled="true"/>
									<input type="number" name="attr_ori_live_mod" class="sheet-edit" value="0" />
									<input type="number" name="attr_ori_live" class="sheet-read" value="floor(@{ori_live_base} + @{ori_live_mod})" disabled="true" readonly />
								</div>
							</div>
							<fieldset class="repeating_live">
								<div class="sheet-spec-item">
									<input type="checkbox" name="attr_live_checkbox" class="sheet-chk-spec" value="1" />
									<div class="sheet-name">
										<div class="sheet-w-txt">
											<input type="text" name="attr_live_title_read" value="" placeholder="생존술"/>
											<span>(10%)</span>
										</div>
										<div class="sheet-read">
											<button type="roll" value="&{template:coc} @{template_common} {{subject=@{live_title}}} {{success=[[@{live}]]}} {{hard=[[floor(@{live}/2)]]}} {{extreme=[[floor(@{live}/5)]]}} @{dice_type}"></button>
											
											
										</div>
									</div>
									<div class="sheet-grade">
										<input type="hidden" name="attr_live_base" value="10" disabled="true"/>
										<input type="number" name="attr_live_mod" class="sheet-edit" value="0" />
										<input type="number" name="attr_live" class="sheet-read" value="floor(@{live_base} + @{live_mod})" disabled="true" readonly />
									</div>
								</div>
							</fieldset>
						</div>

						<div class="sheet-group-area">
							<div class="sheet-spec-item">
								<input type="checkbox" name="attr_ori_other_control_checkbox" class="sheet-chk-spec" value="1" />
								<div class="sheet-name">
									<div class="sheet-w-txt">
										<input type="text" name="attr_ori_other_control_title" value="" placeholder="조종" />
										<span>(01%)</span>
									</div>
									<div class="sheet-read">
										<button type="roll" value="&{template:coc} @{template_common} {{subject=@{ori_other_control_title}}} {{success=[[@{ori_other_control}]]}} {{hard=[[floor(@{ori_other_control}/2)]]}} {{extreme=[[floor(@{ori_other_control}/5)]]}} @{dice_type}"></button>
										
										
									</div>
								</div>
								<div class="sheet-grade">
									<input type="hidden" name="attr_ori_other_control_base" value="1" disabled="true"/>
									<input type="number" name="attr_ori_other_control_mod" class="sheet-edit" value="0" />
									<input type="number" name="attr_ori_other_control" class="sheet-read" value="floor(@{ori_other_control_base} + @{ori_other_control_mod})" disabled="true" readonly />
								</div>
							</div>
							<fieldset class="repeating_other_control">
								<div class="sheet-spec-item">
									<input type="checkbox" name="attr_other_control_checkbox" class="sheet-chk-spec" value="1" />
									<div class="sheet-name">
										<div class="sheet-w-txt">
											<input type="text" name="attr_other_control_title" value="" placeholder="조종" />
											<span>(01%)</span>
										</div>
										<div class="sheet-read">
											<button type="roll" value="&{template:coc} @{template_common} {{subject=@{other_control_title}}} {{success=[[@{other_control}]]}} {{hard=[[floor(@{other_control}/2)]]}} {{extreme=[[floor(@{other_control}/5)]]}} @{dice_type}"></button>
											
											
										</div>
									</div>
									<div class="sheet-grade">
										<input type="hidden" name="attr_other_control_base" value="1" disabled="true"/>
										<input type="number" name="attr_other_control_mod" class="sheet-edit" value="0" />
										<input type="number" name="attr_other_control" class="sheet-read" value="floor(@{other_control_base} + @{other_control_mod})" disabled="true" readonly />
									</div>
								</div>
							</fieldset>
						</div>

						<div class="sheet-group-area">
							<div class="sheet-spec-item">
								<input type="checkbox" name="attr_ori_other_weapon_checkbox" class="sheet-chk-spec" value="1" />
								<div class="sheet-name">
									<div class="sheet-w-txt">
										<input type="text" name="attr_ori_other_weapon_title" value="" placeholder="기타 전투 기능" />
										<span>(00%)</span>
									</div>
									<div class="sheet-read">
										<button type="roll" value="&{template:coc} @{template_common} {{subject=@{ori_other_weapon_title}}} {{success=[[@{ori_other_weapon}]]}} {{hard=[[floor(@{ori_other_weapon}/2)]]}} {{extreme=[[floor(@{ori_other_weapon}/5)]]}} @{dice_type}"></button>
										
										
									</div>
								</div>
								<div class="sheet-grade">
									<input type="hidden" name="attr_ori_other_weapon_base" value="0" disabled="true"/>
									<input type="number" name="attr_ori_other_weapon_mod" class="sheet-edit" value="0" />
									<input type="number" name="attr_ori_other_weapon" class="sheet-read" value="floor(@{ori_other_weapon_base} + @{ori_other_weapon_mod})" disabled="true" readonly />
								</div>
							</div>
							<fieldset class="repeating_other_weapon">
								<div class="sheet-spec-item">
									<input type="checkbox" name="attr_other_weapon_checkbox" class="sheet-chk-spec" value="1" />
									<div class="sheet-name">
										<div class="sheet-w-txt">
											<input type="text" name="attr_other_weapon_title" value="" placeholder="기타 전투 기능" />
											<span>(00%)</span>
										</div>
										<div class="sheet-read">
											<button type="roll" value="&{template:coc} @{template_common} {{subject=@{other_weapon_title}}} {{success=[[@{other_weapon}]]}} {{hard=[[floor(@{other_weapon}/2)]]}} {{extreme=[[floor(@{other_weapon}/5)]]}} @{dice_type}"></button>
											
											
										</div>
									</div>
									<div class="sheet-grade">
										<input type="hidden" name="attr_other_weapon_base" value="0" disabled="true"/>
										<input type="number" name="attr_other_weapon_mod" class="sheet-edit" value="0" />
										<input type="number" name="attr_other_weapon" class="sheet-read" value="floor(@{other_weapon_base} + @{other_weapon_mod})" disabled="true" readonly />
									</div>
								</div>
							</fieldset>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="sheet-toggle-button sheet-checkbox-area">
			<input type="checkbox" name="attr_view_tabs_weapon" value="1" />
			<span>무기/전투</span>
		</div>
		<input type="hidden" name="attr_view_tabs_weapon" class="sheet-toggle-menu" value="" />
		<div class="sheet-toggle-wrap">
			<div class="sheet-fight-box">
				<div class="sheet-item">
					<div class="sheet-tit">
						<strong>피해보너스</strong>
					</div>
					<div>
						<select name="attr_damage_bonus">
							<option value="-2">-2</option>
							<option value="-1">-1</option>
							<option value="0" selected>0</option>
							<option value="1d4">1d4</option>
							<option value="1d6">1d6</option>
							<option value="2d6">2d6</option>
							<option value="3d6">3d6</option>
							<option value="4d6">4d6</option>
							<option value="5d6">5d6</option>
							<option value="6d6">6d6</option>
							<option value="7d6">7d6</option>
							<option value="8d6">8d6</option>
							<option value="9d6">9d6</option>
							<option value="10d6">10d6</option>
						</select>
					</div>
				</div>
				<div class="sheet-item">
					<div class="sheet-tit">
						<strong>체구</strong>
					</div>
					<div>
						<input type="text" name="attr_build" value="" placeholder="0" />
					</div>
				</div>

				<div class="sheet-item">
					<div class="sheet-tit">
						<strong>회피</strong>
						<button type="roll" value="&{template:coc} @{template_common} {{subject=회피}} {{success=[[@{dodge}]]}} {{hard=[[floor(@{dodge}/2)]]}} {{extreme=[[floor(@{dodge}/5)]]}} @{dice_type}"></button>
					</div>
					<div>
						<input type="number" name="attr_dodge" class="sheet-read" value="floor(@{dodge_base} + @{dodge_mod})" disabled="true" readonly="">
					</div>
				</div>

				<div class="sheet-item">
					<div class="sheet-tit sheet-full">
						<strong>명중부위</strong>
						<button type="roll" value="&{template:coc} @{template_common} {{mark=[[1d20]]}}"></button>
					</div>
				</div>
			</div>
			
			<div class="sheet-table">
				<div class="sheet-header">
					<div class="sheet-dic"></div>
					<div class="sheet-weapon">무기</div>
					<div class="sheet-func">기능</div>
					<div class="sheet-dam">피해</div>
					<div class="sheet-dir">사거리</div>
					<div class="sheet-count">공격횟수</div>
					<div class="sheet-bullet">탄약</div>
					<div class="sheet-fix">고장</div>
				</div>

				<div class="sheet-row">
					<div class="sheet-dic">
						<button type="roll" class="sheet-dice sheet-dice-default" value="&{template:coc} @{template_common} {{subject=@{weapon_name_fix}}} {{success=[[@{fighting_brawl}]]}} {{hard=[[floor(@{fighting_brawl}/2)]]}} {{extreme=[[floor(@{fighting_brawl}/5)]]}} @{dice_type} {{damage=[[1d3+@{damage_bonus}]]}}"></button>
					</div>
					<div class="sheet-weapon">
						<input type="text" name="attr_weapon_name_fix" placeholder="비무장" value="비무장" readonly />
					</div>
					<div class="sheet-func">
						<input type="text" name="attr_weapon_skill_fix" placeholder="기능" value="근접전(전투)" readonly />
					</div>
					<div class="sheet-dam">
						<input type="text" name="attr_weapon_damage_fix" placeholder="1d3" value="1d3" readonly />
						<input type="text" name="attr_weapon_db_fix" placeholder="+db" value="+db" readonly />
					</div>
					<div class="sheet-dir">
						<input type="text" name="attr_weapon_range_fix" placeholder="" value="-" readonly />
					</div>
					<div class="sheet-count">
						<input type="text" name="attr_weapon_attacks_fix" placeholder="" value="1" readonly />
					</div>
					<div class="sheet-bullet">
						<input type="text" name="attr_weapon_ammo_fix" placeholder="" value="-" readonly />
					</div>
					<div class="sheet-fix">
						<input type="text" name="attr_weapon_malf_fix" placeholder="" value="-" readonly />
					</div>
				</div>

				<fieldset class="repeating_weapon">
					<div class="sheet-row">
						<div class="sheet-dic">
							<button type="roll" class="sheet-dice sheet-dice-default" value="&{template:coc} @{template_common} {{subject=@{weapon_name}}} {{success=[[@{weapon_skill}]]}} {{hard=[[floor(@{weapon_skill}/2)]]}} {{extreme=[[floor(@{weapon_skill}/5)]]}} @{dice_type} {{damage=[[@{weapon_damage}@{weapon_db}]]}} {{malf=@{weapon_malf}}}"></button>
						</div>
						<div class="sheet-weapon">
							<input type="text" name="attr_weapon_name" placeholder="무기명" value=""  />
						</div>
						<div class="sheet-func">
							<select name="attr_weapon_skill">
								<option value="@{fighting_brawl}">근접전(격투)</option>
								<option value="@{fighting_swords}">근접전(도검)</option>
								<option value="@{fighting_ax}">근접전(도끼)</option>
								<option value="@{fighting_mace}">근접전(도리깨)</option>
								<option value="@{fighting_lance}">근접전(창)</option>
								<option value="@{fighting_whip}">근접전(채찍)</option>
								<option value="@{firearms_handgun}">사격(권총)</option>
								<option value="@{firearms_rifle}">사격(라/산)</option>
								<option value="@{throw}">투척</option>
								<option value="@{dodge}">회피</option>
								<option value="@{ori_other_weapon}">기타 전투기능 #1</option>
								<option value="@{repeating_other_weapon_$0_other_weapon}">기타 전투기능 #2</option>
								<option value="@{repeating_other_weapon_$1_other_weapon}">기타 전투기능 #3</option>
								<option value="@{repeating_other_weapon_$2_other_weapon}">기타 전투기능 #4</option>
								<option value="@{repeating_other_weapon_$3_other_weapon}">기타 전투기능 #5</option>
							</select>
						</div>
						<div class="sheet-dam">
							<input type="text" name="attr_weapon_damage" placeholder="1d3" value="1d3" />
							<select name="attr_weapon_db">
								<option value="+0">+0</option>
								<option value="+round((@{damage_bonus})/2)">+&#189;db</option>
								<option value="+@{damage_bonus}">+db</option>
							</select>
						</div>
						<div class="sheet-dir">
							<input type="text" name="attr_weapon_range" placeholder="-" value="" />
						</div>
						<div class="sheet-count">
							<input type="text" name="attr_weapon_attacks" placeholder="-" value="" />
						</div>
						<div class="sheet-bullet">
							<input type="text" name="attr_weapon_ammo" placeholder="-" value="" />
						</div>
						<div class="sheet-fix">
							<input type="text" name="attr_weapon_malf" placeholder="-" value="" />
						</div>
					</div>
				</fieldset>
			</div>

			<div class="sheet-table">
				<div class="sheet-header">
					<div class="sheet-dic"></div>
					<div class="sheet-pice">부위</div>
					<div class="sheet-weapon">방어구 이름</div>
					<div class="sheet-def">방어수치</div>
					<div class="sheet-desc">설명</div>
				</div>
				<div class="sheet-row">
					<div class="sheet-dic">
						<button type="roll" class="sheet-dice" value="&{template:coc} @{template_common} {{subject=@{defense_name_01}}} {{sub_subject2=방어구}} {{sub_subject=@{defense_pice_01}}} {{roll=[[@{defense_value_01}+0]]}} {{desc=@{defense_desc_01}}}"></button>
					</div>
					<div class="sheet-pice">
						<input type="text" name="attr_defense_pice_01" value="오른다리" readonly />
					</div>
					<div class="sheet-weapon">
						<input type="text" name="attr_defense_name_01" placeholder="방어구 이름" value="" />
					</div>
					<div class="sheet-def">
						<input type="text" name="attr_defense_value_01" placeholder="0" value="" />
					</div>
					<div class="sheet-desc">
						<input type="text" name="attr_defense_desc_01" placeholder="방어구 해설" value="" />
					</div>
				</div>
				<div class="sheet-row">
					<div class="sheet-dic">
						<button type="roll" class="sheet-dice" value="&{template:coc} @{template_common} {{subject=@{defense_name_02}}} {{sub_subject2=방어구}} {{sub_subject=@{defense_pice_02}}} {{roll=[[@{defense_value_02}+0]]}} {{desc=@{defense_desc_02}}}"></button>
					</div>
					<div class="sheet-pice">
						<input type="text" name="attr_defense_pice_02" value="왼다리" readonly />
					</div>
					<div class="sheet-weapon">
						<input type="text" name="attr_defense_name_02" placeholder="방어구 이름" value="" />
					</div>
					<div class="sheet-def">
						<input type="text" name="attr_defense_value_02" placeholder="0" value="" />
					</div>
					<div class="sheet-desc">
						<input type="text" name="attr_defense_desc_02" placeholder="방어구 해설" value="" />
					</div>
				</div>
				<div class="sheet-row">
					<div class="sheet-dic">
						<button type="roll" class="sheet-dice" value="&{template:coc} @{template_common} {{subject=@{defense_name_03}}} {{sub_subject2=방어구}} {{sub_subject=@{defense_pice_03}}} {{roll=[[@{defense_value_03}+0]]}} {{desc=@{defense_desc_03}}}"></button>
					</div>
					<div class="sheet-pice">
						<input type="text" name="attr_defense_pice_03" value="배" readonly />
					</div>
					<div class="sheet-weapon">
						<input type="text" name="attr_defense_name_03" placeholder="방어구 이름" value="" />
					</div>
					<div class="sheet-def">
						<input type="text" name="attr_defense_value_03" placeholder="0" value="" />
					</div>
					<div class="sheet-desc">
						<input type="text" name="attr_defense_desc_03" placeholder="방어구 해설" value="" />
					</div>
				</div>
				<div class="sheet-row">
					<div class="sheet-dic">
						<button type="roll" class="sheet-dice" value="&{template:coc} @{template_common} {{subject=@{defense_name_04}}} {{sub_subject2=방어구}} {{sub_subject=@{defense_pice_04}}} {{roll=[[@{defense_value_04}+0]]}} {{desc=@{defense_desc_04}}}"></button>
					</div>
					<div class="sheet-pice">
						<input type="text" name="attr_defense_pice_04" value="가슴" readonly />
					</div>
					<div class="sheet-weapon">
						<input type="text" name="attr_defense_name_04" placeholder="방어구 이름" value="" />
					</div>
					<div class="sheet-def">
						<input type="text" name="attr_defense_value_04" placeholder="0" value="" />
					</div>
					<div class="sheet-desc">
						<input type="text" name="attr_defense_desc_04" placeholder="방어구 해설" value="" />
					</div>
				</div>
				<div class="sheet-row">
					<div class="sheet-dic">
						<button type="roll" class="sheet-dice" value="&{template:coc} @{template_common} {{subject=@{defense_name_05}}} {{sub_subject2=방어구}} {{sub_subject=@{defense_pice_05}}} {{roll=[[@{defense_value_05}+0]]}} {{desc=@{defense_desc_05}}}"></button>
					</div>
					<div class="sheet-pice">
						<input type="text" name="attr_defense_pice_05" value="오른팔" readonly />
					</div>
					<div class="sheet-weapon">
						<input type="text" name="attr_defense_name_05" placeholder="방어구 이름" value="" />
					</div>
					<div class="sheet-def">
						<input type="text" name="attr_defense_value_05" placeholder="0" value="" />
					</div>
					<div class="sheet-desc">
						<input type="text" name="attr_defense_desc_05" placeholder="방어구 해설" value="" />
					</div>
				</div>
				<div class="sheet-row">
					<div class="sheet-dic">
						<button type="roll" class="sheet-dice" value="&{template:coc} @{template_common} {{subject=@{defense_name_06}}} {{sub_subject2=방어구}} {{sub_subject=@{defense_pice_06}}} {{roll=[[@{defense_value_06}+0]]}} {{desc=@{defense_desc_06}}}"></button>
					</div>
					<div class="sheet-pice">
						<input type="text" name="attr_defense_pice_06" value="왼팔" readonly />
					</div>
					<div class="sheet-weapon">
						<input type="text" name="attr_defense_name_06" placeholder="방어구 이름" value="" />
					</div>
					<div class="sheet-def">
						<input type="text" name="attr_defense_value_06" placeholder="0" value="" />
					</div>
					<div class="sheet-desc">
						<input type="text" name="attr_defense_desc_06" placeholder="방어구 해설" value="" />
					</div>
				</div>
				<div class="sheet-row">
					<div class="sheet-dic">
						<button type="roll" class="sheet-dice" value="&{template:coc} @{template_common} {{subject=@{defense_name_07}}} {{sub_subject2=방어구}} {{sub_subject=@{defense_pice_07}}} {{roll=[[@{defense_value_07}+0]]}} {{desc=@{defense_desc_07}}}"></button>
					</div>
					<div class="sheet-pice">
						<input type="text" name="attr_defense_pice_07" value="머리" readonly />
					</div>
					<div class="sheet-weapon">
						<input type="text" name="attr_defense_name_07" placeholder="방어구 이름" value="" />
					</div>
					<div class="sheet-def">
						<input type="text" name="attr_defense_value_07" placeholder="0" value="" />
					</div>
					<div class="sheet-desc">
						<input type="text" name="attr_defense_desc_07" placeholder="방어구 해설" value="" />
					</div>
				</div>
			</div>

			<div class="sheet-table">
				<div class="sheet-header">
					<div class="sheet-flag"></div>
					<div class="sheet-dic"></div>
					<div class="sheet-magic">주문명</div>
					<div class="sheet-time">시전시간</div>
					<div class="sheet-cost">비용</div>
				</div>

				<fieldset class="repeating_magic">
					<input type="hidden" name="attr_magic_flag" value="" class="sheet-flag-chkecked" />
					<div class="sheet-row">
						<div class="sheet-flag"><input type="checkbox" name="attr_magic_flag" value="1" /></div>
						<div class="sheet-dic">
							<button type="roll" class="sheet-dice sheet-dice-default" value="&{template:coc} @{template_common} {{subject=@{magic_name}}} {{side_subject=주문}} {{magic_time=@{magic_time}}} {{magic_cost=@{magic_cost}}} {{magic_desc=@{magic_desc}}}"></button>
						</div>
						<div class="sheet-magic">
							<input type="text" name="attr_magic_name" placeholder="주문명" value=""  />
						</div>
						<div class="sheet-time">
							<input type="text" name="attr_magic_time" placeholder="-" value="" />
						</div>
						<div class="sheet-cost">
							<input type="text" name="attr_magic_cost" placeholder="-" value="" />
						</div>
					</div>
					<div class="sheet-magic-desc">
						<textarea name="attr_magic_desc"></textarea>
					</div>
				</fieldset>
			</div>
		</div>

		<div class="sheet-toggle-button sheet-checkbox-area">
			<input type="checkbox" name="attr_view_tabs_background" value="1" />
			<span>백스토리</span>
		</div>
		<input type="hidden" name="attr_view_tabs_background" class="sheet-toggle-menu" value="" />
		<div class="sheet-toggle-wrap">
			<div class="sheet-backs-group">
				<div class="sheet-backs">
					<div class="sheet-tit">
						<strong>장비와 소지품</strong>
					</div>
					<div class="sheet-txt">
						<textarea name="attr_gear_and_posessions" style="height:126px;"></textarea>
					</div>
				</div>
				<div class="sheet-backs">
						<div class="sheet-tit">
							<strong>현금과 자산</strong>
						</div>
					<div class="sheet-tit-both">
						<div class="sheet-title-text">
							<strong>소비수준</strong>
							<div class="sheet-txt">
								<input type="text" name="attr_spending_level" value="" />
							</div>
						</div>
						<div class="sheet-title-text">
							<strong>현금</strong>
							<div class="sheet-txt">
								<input type="text" name="attr_cash" value="" />
							</div>
						</div>
					</div>
					<div class="sheet-txt">
						<textarea name="attr_assets" style="height:105px;" placeholder="자산"></textarea>
					</div>
				</div>

				<div class="sheet-backs">
					<div class="sheet-tit">
						<strong>겉보기</strong>
					</div>
					<div class="sheet-txt">
						<textarea name="attr_personal_description"></textarea>
					</div>
				</div>
				<div class="sheet-backs">
					<div class="sheet-tit">
						<strong>성격</strong>
					</div>
					<div class="sheet-txt">
						<textarea name="attr_traits"></textarea>
					</div>
				</div>
				<div class="sheet-backs">
					<div class="sheet-tit">
						<strong>사상/신념</strong>
					</div>
					<div class="sheet-txt">
						<textarea name="attr_ideaology_beliefs"></textarea>
					</div>
				</div>
				<div class="sheet-backs">
					<div class="sheet-tit">
						<strong>부상과 흉터</strong>
					</div>
					<div class="sheet-txt">
						<textarea name="attr_injuries_scars"></textarea>
					</div>
				</div>
				<div class="sheet-backs">
					<div class="sheet-tit">
						<strong>중요한 사람들</strong>
					</div>
					<div class="sheet-txt">
						<textarea name="attr_significant_people"></textarea>
					</div>
				</div>
				<div class="sheet-backs">
					<div class="sheet-tit">
						<strong>공포증과 집착증</strong>
					</div>
					<div class="sheet-txt">
						<textarea name="attr_phobias_manias"></textarea>
					</div>
				</div>
				<div class="sheet-backs">
					<div class="sheet-tit">
						<strong>의미 있는 장소들</strong>
					</div>
					<div class="sheet-txt">
						<textarea name="attr_meaningful_locations"></textarea>
					</div>
				</div>
				<div class="sheet-backs">
					<div class="sheet-tit">
						<strong>신화서 / 주문 / 유물</strong>
					</div>
					<div class="sheet-txt">
						<textarea name="attr_tomes_spells_artifacts"></textarea>
					</div>
				</div>
				<div class="sheet-backs">
					<div class="sheet-tit">
						<strong>소중한 물건들</strong>
					</div>
					<div class="sheet-txt">
						<textarea name="attr_treasured_posessions"></textarea>
					</div>
				</div>
				<div class="sheet-backs">
					<div class="sheet-tit">
						<strong>기이한 존재들과의 만남</strong>
					</div>
					<div class="sheet-txt">
						<textarea name="attr_encounters_with_strange_entities"></textarea>
					</div>
				</div>
			</div>
		</div>
		<div class="sheet-copyright">Sheet by.Tateck</div>
	</div>
</div>

<!-- 스크립트 작업 -->
<script type="text/worker">
	// 장기 광기 자동 체크
	on("add:san add:san_start change:san change:san_start",
		function() { getAttrs(["san_start", "san"],
			function(values) {
				if(values.san_start == 0 || values.san_start == '') {

				} else {
					var indef_check = (values.san_start != 0 ? values.san_start - parseInt(values.san_start / 5) : 0);
					if(indef_check >= values.san) {
						// 장기 광기 체크
						setAttrs({indef_insane:'1'});
					}
				}
			}
		)
	});
	on("add:dex add:siz add:str change:dex change:siz change:str", function() {
		getAttrs(["str", "siz", "dex", "age"], function(values) {
			var istr = parseInt(values.str);
			var isiz = parseInt(values.siz);
			var idex = parseInt(values.dex);
			var iage = parseInt(values.age);
			var siz_str_tot = istr + isiz;
			switch (true) {
				case (siz_str_tot < 65):
					setAttrs({damage_bonus: "-2", build: "-2"});
				break;
				case (siz_str_tot > 64 && siz_str_tot < 85):
					setAttrs({damage_bonus: "-1", build: "-1"});
				break;
				case (siz_str_tot > 84 && siz_str_tot < 125):
					setAttrs({damage_bonus: "0", build: "0"});
				break;
				case (siz_str_tot > 124 && siz_str_tot < 165):
					setAttrs({damage_bonus: "1d4", build: "+1"});
				break;
				case (siz_str_tot > 164 && siz_str_tot < 205):
					setAttrs({damage_bonus: "1d6", build: "+2"});
				break;
				case (siz_str_tot > 204 && siz_str_tot < 285):
					setAttrs({damage_bonus: "2d6", build: "+3"});
				break;
				case (siz_str_tot > 284 && siz_str_tot < 365):
					setAttrs({damage_bonus: "3d6", build: "+4"});
				break;
				case (siz_str_tot > 364 && siz_str_tot < 445):
					setAttrs({damage_bonus: "4d6", build: "+5"});
				break;
				case (siz_str_tot > 444 && siz_str_tot < 525):
					setAttrs({damage_bonus: "5d6", build: "+6"});
				break;
			}
			if (idex < isiz && istr < isiz) {
				var imov = 7;
			} else if (idex > isiz && istr > isiz) {
				var imov = 9;
			} else {
				var imov = 8;
			}
			if (iage < 40) {
				imov = imov;
			} else if (iage > 39 && iage < 50) {
				imov = imov - 1;
			} else if (iage > 49 && iage < 60) {
				imov = imov - 2;
			} else if (iage > 59 && iage < 70) {
				imov = imov - 3;
			} else if (iage > 69 && iage < 80) {
				imov = imov - 4;
			} else if (iage > 79 && iage < 90) {
				imov = imov - 5;
			} else if (iage > 89) {
				imov = imov - 6;
			}
			setAttrs({mov: imov});
		});
	});
	on("add:age change:age", function() {
		getAttrs(["str", "siz", "dex", "age"], function(values) {
			var iage = parseInt(values.age);
			var istr = parseInt(values.str);
			var isiz = parseInt(values.siz);
			var idex = parseInt(values.dex);
			if (idex < isiz && istr < isiz) {
				var imov = 7;
			} else if (idex > isiz && istr > isiz) {
				var imov = 9;
			} else {
				var imov = 8;
			}
			if (iage < 40) {
				imov = imov;
			} else if (iage > 39 && iage < 50) {
				imov = imov - 1;
			} else if (iage > 49 && iage < 60) {
				imov = imov - 2;
			} else if (iage > 59 && iage < 70) {
				imov = imov - 3;
			} else if (iage > 69 && iage < 80) {
				imov = imov - 4;
			} else if (iage > 79 && iage < 90) {
				imov = imov - 5;
			} else if (iage > 89) {
				imov = imov - 6;
			}
			setAttrs({mov: imov});
		});
	});
	on("change:con change:siz change:cthulhu_mythos_mod change:pow", function() {
		getAttrs(["con", "siz", "cthulhu_mythos_base", "cthulhu_mythos_mod", "pow"], function(values) {
			
			let max_hp = Math.floor(((values.con*1)+(values.siz*1))/10);
			let max_san = 99-((values.cthulhu_mythos_mod*1) + (values.cthulhu_mythos_base*1));
			let max_mp = Math.floor((values.pow*1)/5);

			setAttrs({hp_max: max_hp});
			setAttrs({san_max: max_san});
			setAttrs({mp_max: max_mp});
		});
	});

	on("change:hp change:hp_max", function() {
		getAttrs(["hp", "hp_max"], function(values) {
			let max = values.hp_max;
			let now = values.hp;
			let pers = (now == 0 || max == 0) ? 0 : now/max*100;
			pers = Math.floor(pers);
			setAttrs({hp_per: pers});
		});
	});
	on("change:san change:san_max change:san_start", function() {
		getAttrs(["san", "san_max", "san_start"], function(values) {
			let max = values.san_max;
			let now = values.san;
			let start = values.san_start;
			let pers = (now == 0 || max == 0) ? 0 : now/max*100;
			pers = Math.floor(pers);
			setAttrs({san_per: pers});
			
			let pers2 = (start == 0 || max == 0) ? 0 : start/max*100;
			pers2 = Math.floor(pers2);
			setAttrs({san_per2: pers2});

		});
	});
	on("change:mp change:mp_max", function() {
		getAttrs(["mp", "mp_max"], function(values) {
			let max = values.mp_max;
			let now = values.mp;
			let pers = (now == 0 || max == 0) ? 0 : now/max*100;
			pers = Math.floor(pers);
			setAttrs({mp_per: pers});
		});
	});

	on("clicked:random_spec", function() {
		const i_str = ((Math.floor(Math.random() * 6) + 1) + (Math.floor(Math.random() * 6) + 1) + (Math.floor(Math.random() * 6) + 1)) * 5;
		const i_con = ((Math.floor(Math.random() * 6) + 1) + (Math.floor(Math.random() * 6) + 1) + (Math.floor(Math.random() * 6) + 1)) * 5;
		const i_siz = ((Math.floor(Math.random() * 6) + 1) + (Math.floor(Math.random() * 6) + 1) + 6) * 5;
		const i_dex = ((Math.floor(Math.random() * 6) + 1) + (Math.floor(Math.random() * 6) + 1) + (Math.floor(Math.random() * 6) + 1)) * 5
		const i_app = ((Math.floor(Math.random() * 6) + 1) + (Math.floor(Math.random() * 6) + 1) + (Math.floor(Math.random() * 6) + 1)) * 5;
		const i_edu = ((Math.floor(Math.random() * 6) + 1) + (Math.floor(Math.random() * 6) + 1) + 6) * 5;
		const i_int = ((Math.floor(Math.random() * 6) + 1) + (Math.floor(Math.random() * 6) + 1) + 6) * 5;
		const i_pow = ((Math.floor(Math.random() * 6) + 1) + (Math.floor(Math.random() * 6) + 1) + (Math.floor(Math.random() * 6) + 1)) * 5;

		setAttrs({str: i_str});
		setAttrs({con: i_con});
		setAttrs({siz: i_siz});
		setAttrs({dex: i_dex});
		setAttrs({app: i_app});
		setAttrs({edu: i_edu});
		setAttrs({int: i_int});
		setAttrs({pow: i_pow});
	});

	on("sheet:opened", function() {
		getAttrs(["science_mod_total", "foreign_mod_total", "art_mod_total", "live_mod_total", "other_control_mod_total", "other_weapon_mod_total"], function(values) {
			if(values.science_mod_total == "") setAttrs({science_mod_total : "0"});
			if(values.foreign_mod_total == "") setAttrs({foreign_mod_total : "0"});
			if(values.art_mod_total == "") setAttrs({art_mod_total : "0"});
			if(values.live_mod_total == "") setAttrs({live_mod_total : "0"});
			if(values.other_control_mod_total == "") setAttrs({other_control_mod_total : "0"});
			if(values.other_weapon_mod_total == "") setAttrs({other_weapon_mod_total : "0"});

		});
	});

	on("change:repeating_science remove:repeating_science change:repeating_science:science_mod", function(){ getSectionIDs("repeating_science", function(IDArray) {
			var fieldNames = [];
			for (var i=0; i < IDArray.length; i++) {fieldNames.push("repeating_science_" + IDArray[i] + "_science_mod");}
			var total = 0;
			getAttrs(fieldNames, function(values) { for (var i=0; i < IDArray.length; i++) {total += parseInt(values["repeating_science_" + IDArray[i] + "_science_mod"], 10);} setAttrs({science_mod_total:total}); });
	}); });

	on("change:repeating_foreign remove:repeating_foreign change:repeating_foreign:foreign_mod", function(){ getSectionIDs("repeating_foreign", function(IDArray) {
			var fieldNames = [];
			for (var i=0; i < IDArray.length; i++) {fieldNames.push("repeating_foreign_" + IDArray[i] + "_foreign_mod");}
			var total = 0;
			getAttrs(fieldNames, function(values) { for (var i=0; i < IDArray.length; i++) {total += parseInt(values["repeating_foreign_" + IDArray[i] + "_foreign_mod"], 10);} setAttrs({foreign_mod_total:total}); });
	}); });

	on("change:repeating_art remove:repeating_art change:repeating_art:art_mod", function(){ getSectionIDs("repeating_art", function(IDArray) {
			var fieldNames = [];
			for (var i=0; i < IDArray.length; i++) {fieldNames.push("repeating_art_" + IDArray[i] + "_art_mod");}
			var total = 0;
			getAttrs(fieldNames, function(values) { for (var i=0; i < IDArray.length; i++) {total += parseInt(values["repeating_art_" + IDArray[i] + "_art_mod"], 10);} setAttrs({art_mod_total:total}); });
	}); });

	on("change:repeating_live remove:repeating_live change:repeating_live:live_mod", function(){ getSectionIDs("repeating_live", function(IDArray) {
			var fieldNames = [];
			for (var i=0; i < IDArray.length; i++) {fieldNames.push("repeating_live_" + IDArray[i] + "_live_mod");}
			var total = 0;
			getAttrs(fieldNames, function(values) { for (var i=0; i < IDArray.length; i++) {total += parseInt(values["repeating_live_" + IDArray[i] + "_live_mod"], 10);} setAttrs({live_mod_total:total}); });
	}); });

	on("change:repeating_other_control remove:repeating_other_control change:repeating_other_control:other_control_mod", function(){ getSectionIDs("repeating_other_control", function(IDArray) {
			var fieldNames = [];
			for (var i=0; i < IDArray.length; i++) {fieldNames.push("repeating_other_control_" + IDArray[i] + "_other_control_mod");}
			var total = 0;
			getAttrs(fieldNames, function(values) { for (var i=0; i < IDArray.length; i++) {total += parseInt(values["repeating_other_control_" + IDArray[i] + "_other_control_mod"], 10);} setAttrs({other_control_mod_total:total}); });
	}); });

	on("change:repeating_other_weapon remove:repeating_other_weapon change:repeating_other_weapon:other_weapon_mod", function(){ getSectionIDs("repeating_other_weapon", function(IDArray) {
			var fieldNames = [];
			for (var i=0; i < IDArray.length; i++) {fieldNames.push("repeating_other_weapon_" + IDArray[i] + "_other_weapon_mod");}
			var total = 0;
			getAttrs(fieldNames, function(values) { for (var i=0; i < IDArray.length; i++) {total += parseInt(values["repeating_other_weapon_" + IDArray[i] + "_other_weapon_mod"], 10);} setAttrs({other_weapon_mod_total:total}); });
	}); });

</script>


<!-- Roll 템플릿 -->
<rolltemplate class="sheet-rolltemplate-coc">
	<div class="sheet-coc-wrap">

		{{#mark}}
			<div class="sheet-wrap-single">
				<div class="sheet-tit">
					<span>명중부위</span>
					<strong>
						{{#rollBetween() mark 1 3}}오른다리{{/rollBetween() mark 1 3}}
						{{#rollBetween() mark 4 6}}왼다리{{/rollBetween() mark 4 6}}
						{{#rollBetween() mark 7 10}}배{{/rollBetween() mark 7 10}}
						{{#rollBetween() mark 11 15}}가슴{{/rollBetween() mark 11 15}}
						{{#rollBetween() mark 16 17}}오른팔{{/rollBetween() mark 16 17}}
						{{#rollBetween() mark 18 19}}왼팔{{/rollBetween() mark 18 19}}
						{{#rollTotal() mark 20}}머리{{/rollTotal() mark 20}}
					</strong>
				</div>
			</div>
		{{/mark}}

		{{#subject}}
			<div class="sheet-tit">
				{{#side_subject}}<span>{{side_subject}}</span>{{/side_subject}}
				<strong>{{subject}}</strong>
			</div>
		{{/subject}}

		{{#madness_type}}
			<div class="sheet-tit">
				{{#rollTotal() madness_type 1}}
					<span>광기발작</span>
					<strong>실시간</strong>
				{{/rollTotal() madness_type 1}}
				{{#rollTotal() madness_type 2}}
					<span>광기발작</span>
					<strong>요약</strong>
				{{/rollTotal() madness_type 2}}
			</div>
		{{/madness_type}}


		{{#roll1}}
			<div class="sheet-dice-con">
				<!-- 보너스 / 패널티 주사위 부분 -->
				<div class="sheet-dicetype">
					{{#rollTotal() dice_type 1}}
						보너스 주사위 <em>+1</em>
					{{/rollTotal() dice_type 1}}
					{{#rollTotal() dice_type 2}}
						보너스 주사위 <em>+2</em>
					{{/rollTotal() dice_type 2}}
					{{#rollTotal() dice_type -1}}
						패널티 주사위 <strong>-1</strong>
					{{/rollTotal() dice_type -1}}
					{{#rollTotal() dice_type -2}}
						패널티 주사위 <strong>-2</strong>
					{{/rollTotal() dice_type -2}}
				</div>

				<div class="sheet-dice-result">
					{{#rollTotal() dice_type 1}}
						<!-- 보너스 주사위 1개 : 1, 2 주사위를 비교하여 제일 낮은 것을 보여준다. -->
						{{#rollLess() roll1 roll2}}
							{{roll1}}
						{{/rollLess() roll1 roll2}}
						{{#^rollLess() roll1 roll2}}
							{{roll2}}
						{{/^rollLess() roll1 roll2}}
					{{/rollTotal() dice_type 1}}

					{{#rollTotal() dice_type 2}}
						<!-- 보너스 주사위 2개 : 1, 2, 3 주사위를 비교하여 제일 낮은 것을 보여준다. -->
						{{#rollLess() roll1 roll2}}
							{{#rollLess() roll1 roll3}}
								{{roll1}}
							{{/rollLess() roll1 roll3}}
							{{#^rollLess() roll1 roll3}}
								{{roll3}}
							{{/^rollLess() roll1 roll3}}
						{{/rollLess() roll1 roll2}}
						{{#^rollLess() roll1 roll2}}
							{{#rollLess() roll2 roll3}}
								{{roll2}}
							{{/rollLess() roll2 roll3}}
							{{#^rollLess() roll2 roll3}}
								{{roll3}}
							{{/^rollLess() roll2 roll3}}
						{{/^rollLess() roll1 roll2}}
					{{/rollTotal() dice_type 2}}

					{{#rollTotal() dice_type -1}}
						<!-- 패널티 주사위 1개 : 1, 2 주사위를 비교하여 제일 높은 것을 보여준다. -->
						{{#rollGreater() roll1 roll2}}
							{{roll1}}
						{{/rollGreater() roll1 roll2}}
						{{#^rollGreater() roll1 roll2}}
							{{roll2}}
						{{/^rollGreater() roll1 roll2}}
					{{/rollTotal() dice_type -1}}

					{{#rollTotal() dice_type -2}}
						<!-- 패널티 주사위 2개 : 1, 2, 3 주사위를 비교하여 제일 높은 것을 보여준다. -->
						{{#rollGreater() roll1 roll2}}
							{{#rollGreater() roll1 roll3}}
								{{roll1}}
							{{/rollGreater() roll1 roll3}}
							{{#^rollGreater() roll1 roll3}}
								{{roll3}}
							{{/^rollGreater() roll1 roll3}}
						{{/rollGreater() roll1 roll2}}
						{{#^rollGreater() roll1 roll2}}
							{{#rollGreater() roll2 roll3}}
								{{roll2}}
							{{/rollGreater() roll2 roll3}}
							{{#^rollGreater() roll2 roll3}}
								{{roll3}}
							{{/^rollGreater() roll2 roll3}}
						{{/^rollGreater() roll1 roll2}}
					{{/rollTotal() dice_type -2}}
				</div>

				<div class="sheet-dice-spec">
					{{#success}}<span>{{success}}</span>{{/success}}
					{{#hard}}<span>{{hard}}</span>{{/hard}}
					{{#extreme}}<span>{{extreme}}</span>{{/extreme}}
				</div>

				<div class="sheet-result">
					{{#rollTotal() dice_type 1}}
						<!-- 보너스 주사위 1개 : 1, 2 주사위를 비교하여 제일 낮은 것을 보여준다. -->
						{{#rollLess() roll1 roll2}}
							<!-- Roll1로 판단한다 -->
								{{#rollTotal() roll1 1}}
									<span class="sheet-critical">대성공</span>
								{{/rollTotal() roll1 1}}
								{{#rollBetween() roll1 2 success}}
									{{#rollGreater() roll1 hard}}
										<!-- 하드 초과 -->
										<span class="sheet-success">성공</span>
									{{/rollGreater() roll1 hard}}
									{{#^rollGreater() roll1 hard}}
										<!-- 하드 이하 -->
										{{#rollGreater() roll1 extreme}}
											<span class="sheet-hard-success">어려운 성공</span>
										{{/rollGreater() roll1 extreme}}
										{{#^rollGreater() roll1 extreme}}
											<span class="sheet-extreme-success">극단적 성공</span>
										{{/^rollGreater() roll1 extreme}}
									{{/^rollGreater() roll1 hard}}
								{{/rollBetween() roll1 2 success}}
								{{#rollGreater() roll1 success}}
									{{#rollGreater() success 49}}
										<!-- 펌블 -->
										{{#rollTotal() roll1 100}} 
											<span class="sheet-fumble">대실패</span>
										{{/rollTotal() roll1 100}} 
										{{#rollLess() roll1 100}}
											<span class="sheet-fale">실패</span>
										{{/rollLess() roll1 100}}
									{{/rollGreater() success 49}}
									
									{{#^rollGreater() success 49}}
										<!-- 펌블 -->
										{{#rollGreater() roll1 95}}
											<span class="sheet-fumble">대실패</span>
										{{/rollGreater() roll1 95}}
										{{#rollLess() roll1 96}}
											<span class="sheet-fale">실패</span>
										{{/rollLess() roll1 96}}
									{{/^rollGreater() success 49}}
								{{/rollGreater() roll1 success}}
							<!-- // Roll1로 판단한다 -->
						{{/rollLess() roll1 roll2}}
						{{#^rollLess() roll1 roll2}}
							<!-- Roll2로 판단한다 -->
								{{#rollTotal() roll2 1}}
									<span class="sheet-critical">대성공</span>
								{{/rollTotal() roll2 1}}
								{{#rollBetween() roll2 2 success}}
									{{#rollGreater() roll2 hard}}
										<!-- 하드 초과 -->
										<span class="sheet-success">성공</span>
									{{/rollGreater() roll2 hard}}
									{{#^rollGreater() roll2 hard}}
										<!-- 하드 이하 -->
										{{#rollGreater() roll2 extreme}}
											<span class="sheet-hard-success">어려운 성공</span>
										{{/rollGreater() roll2 extreme}}
										{{#^rollGreater() roll2 extreme}}
											<span class="sheet-extreme-success">극단적 성공</span>
										{{/^rollGreater() roll2 extreme}}
									{{/^rollGreater() roll2 hard}}
								{{/rollBetween() roll2 2 success}}
								{{#rollGreater() roll2 success}}
									{{#rollGreater() success 49}}
										<!-- 펌블 -->
										{{#rollTotal() roll2 100}} 
											<span class="sheet-fumble">대실패</span>
										{{/rollTotal() roll2 100}} 
										{{#rollLess() roll2 100}}
											<span class="sheet-fale">실패</span>
										{{/rollLess() roll2 100}}
									{{/rollGreater() success 49}}
									
									{{#^rollGreater() success 49}}
										<!-- 펌블 -->
										{{#rollGreater() roll2 95}}
											<span class="sheet-fumble">대실패</span>
										{{/rollGreater() roll2 95}}
										{{#rollLess() roll2 96}}
											<span class="sheet-fale">실패</span>
										{{/rollLess() roll2 96}}
									{{/^rollGreater() success 49}}
								{{/rollGreater() roll2 success}}
							<!-- // Roll2로 판단한다 -->
						{{/^rollLess() roll1 roll2}}
					{{/rollTotal() dice_type 1}}

					{{#rollTotal() dice_type 2}}
						<!-- 보너스 주사위 2개 : 1, 2, 3 주사위를 비교하여 제일 낮은 것을 보여준다. -->
						{{#rollLess() roll1 roll2}}
							{{#rollLess() roll1 roll3}}
								<!-- Roll1로 판단한다 -->
									{{#rollTotal() roll1 1}}
										<span class="sheet-critical">대성공</span>
									{{/rollTotal() roll1 1}}
									{{#rollBetween() roll1 2 success}}
										{{#rollGreater() roll1 hard}}
											<!-- 하드 초과 -->
											<span class="sheet-success">성공</span>
										{{/rollGreater() roll1 hard}}
										{{#^rollGreater() roll1 hard}}
											<!-- 하드 이하 -->
											{{#rollGreater() roll1 extreme}}
												<span class="sheet-hard-success">어려운 성공</span>
											{{/rollGreater() roll1 extreme}}
											{{#^rollGreater() roll1 extreme}}
												<span class="sheet-extreme-success">극단적 성공</span>
											{{/^rollGreater() roll1 extreme}}
										{{/^rollGreater() roll1 hard}}
									{{/rollBetween() roll1 2 success}}
									{{#rollGreater() roll1 success}}
										{{#rollGreater() success 49}}
											<!-- 펌블 -->
											{{#rollTotal() roll1 100}} 
												<span class="sheet-fumble">대실패</span>
											{{/rollTotal() roll1 100}} 
											{{#rollLess() roll1 100}}
												<span class="sheet-fale">실패</span>
											{{/rollLess() roll1 100}}
										{{/rollGreater() success 49}}
										
										{{#^rollGreater() success 49}}
											<!-- 펌블 -->
											{{#rollGreater() roll1 95}}
												<span class="sheet-fumble">대실패</span>
											{{/rollGreater() roll1 95}}
											{{#rollLess() roll1 96}}
												<span class="sheet-fale">실패</span>
											{{/rollLess() roll1 96}}
										{{/^rollGreater() success 49}}
									{{/rollGreater() roll1 success}}
								<!-- // Roll1로 판단한다 -->
							{{/rollLess() roll1 roll3}}
							{{#^rollLess() roll1 roll3}}
								<!-- Roll3로 판단한다 -->
									{{#rollTotal() roll3 1}}
										<span class="sheet-critical">대성공</span>
									{{/rollTotal() roll3 1}}
									{{#rollBetween() roll3 2 success}}
										{{#rollGreater() roll3 hard}}
											<!-- 하드 초과 -->
											<span class="sheet-success">성공</span>
										{{/rollGreater() roll3 hard}}
										{{#^rollGreater() roll3 hard}}
											<!-- 하드 이하 -->
											{{#rollGreater() roll3 extreme}}
												<span class="sheet-hard-success">어려운 성공</span>
											{{/rollGreater() roll3 extreme}}
											{{#^rollGreater() roll3 extreme}}
												<span class="sheet-extreme-success">극단적 성공</span>
											{{/^rollGreater() roll3 extreme}}
										{{/^rollGreater() roll3 hard}}
									{{/rollBetween() roll3 2 success}}
									{{#rollGreater() roll3 success}}
										{{#rollGreater() success 49}}
											<!-- 펌블 -->
											{{#rollTotal() roll3 100}} 
												<span class="sheet-fumble">대실패</span>
											{{/rollTotal() roll3 100}} 
											{{#rollLess() roll3 100}}
												<span class="sheet-fale">실패</span>
											{{/rollLess() roll3 100}}
										{{/rollGreater() success 49}}
										
										{{#^rollGreater() success 49}}
											<!-- 펌블 -->
											{{#rollGreater() roll3 95}}
												<span class="sheet-fumble">대실패</span>
											{{/rollGreater() roll3 95}}
											{{#rollLess() roll3 96}}
												<span class="sheet-fale">실패</span>
											{{/rollLess() roll3 96}}
										{{/^rollGreater() success 49}}
									{{/rollGreater() roll3 success}}
								<!-- // Roll3로 판단한다 -->
							{{/^rollLess() roll1 roll3}}
						{{/rollLess() roll1 roll2}}
						{{#^rollLess() roll1 roll2}}
							{{#rollLess() roll2 roll3}}
								<!-- Roll2로 판단한다 -->
									{{#rollTotal() roll2 1}}
										<span class="sheet-critical">대성공</span>
									{{/rollTotal() roll2 1}}
									{{#rollBetween() roll2 2 success}}
										{{#rollGreater() roll2 hard}}
											<!-- 하드 초과 -->
											<span class="sheet-success">성공</span>
										{{/rollGreater() roll2 hard}}
										{{#^rollGreater() roll2 hard}}
											<!-- 하드 이하 -->
											{{#rollGreater() roll2 extreme}}
												<span class="sheet-hard-success">어려운 성공</span>
											{{/rollGreater() roll2 extreme}}
											{{#^rollGreater() roll2 extreme}}
												<span class="sheet-extreme-success">극단적 성공</span>
											{{/^rollGreater() roll2 extreme}}
										{{/^rollGreater() roll2 hard}}
									{{/rollBetween() roll2 2 success}}
									{{#rollGreater() roll2 success}}
										{{#rollGreater() success 49}}
											<!-- 펌블 -->
											{{#rollTotal() roll2 100}} 
												<span class="sheet-fumble">대실패</span>
											{{/rollTotal() roll2 100}} 
											{{#rollLess() roll2 100}}
												<span class="sheet-fale">실패</span>
											{{/rollLess() roll2 100}}
										{{/rollGreater() success 49}}
										
										{{#^rollGreater() success 49}}
											<!-- 펌블 -->
											{{#rollGreater() roll2 95}}
												<span class="sheet-fumble">대실패</span>
											{{/rollGreater() roll2 95}}
											{{#rollLess() roll2 96}}
												<span class="sheet-fale">실패</span>
											{{/rollLess() roll2 96}}
										{{/^rollGreater() success 49}}
									{{/rollGreater() roll2 success}}
								<!-- // Roll2로 판단한다 -->
							{{/rollLess() roll2 roll3}}
							{{#^rollLess() roll2 roll3}}
								<!-- Roll3로 판단한다 -->
									{{#rollTotal() roll3 1}}
										<span class="sheet-critical">대성공</span>
									{{/rollTotal() roll3 1}}
									{{#rollBetween() roll3 2 success}}
										{{#rollGreater() roll3 hard}}
											<!-- 하드 초과 -->
											<span class="sheet-success">성공</span>
										{{/rollGreater() roll3 hard}}
										{{#^rollGreater() roll3 hard}}
											<!-- 하드 이하 -->
											{{#rollGreater() roll3 extreme}}
												<span class="sheet-hard-success">어려운 성공</span>
											{{/rollGreater() roll3 extreme}}
											{{#^rollGreater() roll3 extreme}}
												<span class="sheet-extreme-success">극단적 성공</span>
											{{/^rollGreater() roll3 extreme}}
										{{/^rollGreater() roll3 hard}}
									{{/rollBetween() roll3 2 success}}
									{{#rollGreater() roll3 success}}
										{{#rollGreater() success 49}}
											<!-- 펌블 -->
											{{#rollTotal() roll3 100}} 
												<span class="sheet-fumble">대실패</span>
											{{/rollTotal() roll3 100}} 
											{{#rollLess() roll3 100}}
												<span class="sheet-fale">실패</span>
											{{/rollLess() roll3 100}}
										{{/rollGreater() success 49}}
										
										{{#^rollGreater() success 49}}
											<!-- 펌블 -->
											{{#rollGreater() roll3 95}}
												<span class="sheet-fumble">대실패</span>
											{{/rollGreater() roll3 95}}
											{{#rollLess() roll3 96}}
												<span class="sheet-fale">실패</span>
											{{/rollLess() roll3 96}}
										{{/^rollGreater() success 49}}
									{{/rollGreater() roll3 success}}
								<!-- // Roll3로 판단한다 -->
							{{/^rollLess() roll2 roll3}}
						{{/^rollLess() roll1 roll2}}
					{{/rollTotal() dice_type 2}}

					{{#rollTotal() dice_type -1}}
						<!-- 패널티 주사위 1개 : 1, 2 주사위를 비교하여 제일 높은 것을 보여준다. -->
						{{#rollGreater() roll1 roll2}}
							<!-- Roll1로 판단한다 -->
								{{#rollTotal() roll1 1}}
									<span class="sheet-critical">대성공</span>
								{{/rollTotal() roll1 1}}
								{{#rollBetween() roll1 2 success}}
									{{#rollGreater() roll1 hard}}
										<!-- 하드 초과 -->
										<span class="sheet-success">성공</span>
									{{/rollGreater() roll1 hard}}
									{{#^rollGreater() roll1 hard}}
										<!-- 하드 이하 -->
										{{#rollGreater() roll1 extreme}}
											<span class="sheet-hard-success">어려운 성공</span>
										{{/rollGreater() roll1 extreme}}
										{{#^rollGreater() roll1 extreme}}
											<span class="sheet-extreme-success">극단적 성공</span>
										{{/^rollGreater() roll1 extreme}}
									{{/^rollGreater() roll1 hard}}
								{{/rollBetween() roll1 2 success}}
								{{#rollGreater() roll1 success}}
									{{#rollGreater() success 49}}
										<!-- 펌블 -->
										{{#rollTotal() roll1 100}} 
											<span class="sheet-fumble">대실패</span>
										{{/rollTotal() roll1 100}} 
										{{#rollLess() roll1 100}}
											<span class="sheet-fale">실패</span>
										{{/rollLess() roll1 100}}
									{{/rollGreater() success 49}}
									
									{{#^rollGreater() success 49}}
										<!-- 펌블 -->
										{{#rollGreater() roll1 95}}
											<span class="sheet-fumble">대실패</span>
										{{/rollGreater() roll1 95}}
										{{#rollLess() roll1 96}}
											<span class="sheet-fale">실패</span>
										{{/rollLess() roll1 96}}
									{{/^rollGreater() success 49}}
								{{/rollGreater() roll1 success}}
							<!-- // Roll1로 판단한다 -->
						{{/rollGreater() roll1 roll2}}
						{{#^rollGreater() roll1 roll2}}
							<!-- Roll2로 판단한다 -->
								{{#rollTotal() roll2 1}}
									<span class="sheet-critical">대성공</span>
								{{/rollTotal() roll2 1}}
								{{#rollBetween() roll2 2 success}}
									{{#rollGreater() roll2 hard}}
										<!-- 하드 초과 -->
										<span class="sheet-success">성공</span>
									{{/rollGreater() roll2 hard}}
									{{#^rollGreater() roll2 hard}}
										<!-- 하드 이하 -->
										{{#rollGreater() roll2 extreme}}
											<span class="sheet-hard-success">어려운 성공</span>
										{{/rollGreater() roll2 extreme}}
										{{#^rollGreater() roll2 extreme}}
											<span class="sheet-extreme-success">극단적 성공</span>
										{{/^rollGreater() roll2 extreme}}
									{{/^rollGreater() roll2 hard}}
								{{/rollBetween() roll2 2 success}}
								{{#rollGreater() roll2 success}}
									{{#rollGreater() success 49}}
										<!-- 펌블 -->
										{{#rollTotal() roll2 100}} 
											<span class="sheet-fumble">대실패</span>
										{{/rollTotal() roll2 100}} 
										{{#rollLess() roll2 100}}
											<span class="sheet-fale">실패</span>
										{{/rollLess() roll2 100}}
									{{/rollGreater() success 49}}
									
									{{#^rollGreater() success 49}}
										<!-- 펌블 -->
										{{#rollGreater() roll2 95}}
											<span class="sheet-fumble">대실패</span>
										{{/rollGreater() roll2 95}}
										{{#rollLess() roll2 96}}
											<span class="sheet-fale">실패</span>
										{{/rollLess() roll2 96}}
									{{/^rollGreater() success 49}}
								{{/rollGreater() roll2 success}}
							<!-- // Roll2로 판단한다 -->
						{{/^rollGreater() roll1 roll2}}
					{{/rollTotal() dice_type -1}}

					{{#rollTotal() dice_type -2}}
						<!-- 패널티 주사위 2개 : 1, 2, 3 주사위를 비교하여 제일 높은 것을 보여준다. -->
						{{#rollGreater() roll1 roll2}}
							{{#rollGreater() roll1 roll3}}
								<!-- Roll1로 판단한다 -->
									{{#rollTotal() roll1 1}}
										<span class="sheet-critical">대성공</span>
									{{/rollTotal() roll1 1}}
									{{#rollBetween() roll1 2 success}}
										{{#rollGreater() roll1 hard}}
											<!-- 하드 초과 -->
											<span class="sheet-success">성공</span>
										{{/rollGreater() roll1 hard}}
										{{#^rollGreater() roll1 hard}}
											<!-- 하드 이하 -->
											{{#rollGreater() roll1 extreme}}
												<span class="sheet-hard-success">어려운 성공</span>
											{{/rollGreater() roll1 extreme}}
											{{#^rollGreater() roll1 extreme}}
												<span class="sheet-extreme-success">극단적 성공</span>
											{{/^rollGreater() roll1 extreme}}
										{{/^rollGreater() roll1 hard}}
									{{/rollBetween() roll1 2 success}}
									{{#rollGreater() roll1 success}}
										{{#rollGreater() success 49}}
											<!-- 펌블 -->
											{{#rollTotal() roll1 100}} 
												<span class="sheet-fumble">대실패</span>
											{{/rollTotal() roll1 100}} 
											{{#rollLess() roll1 100}}
												<span class="sheet-fale">실패</span>
											{{/rollLess() roll1 100}}
										{{/rollGreater() success 49}}
										
										{{#^rollGreater() success 49}}
											<!-- 펌블 -->
											{{#rollGreater() roll1 95}}
												<span class="sheet-fumble">대실패</span>
											{{/rollGreater() roll1 95}}
											{{#rollLess() roll1 96}}
												<span class="sheet-fale">실패</span>
											{{/rollLess() roll1 96}}
										{{/^rollGreater() success 49}}
									{{/rollGreater() roll1 success}}
								<!-- // Roll1로 판단한다 -->
							{{/rollGreater() roll1 roll3}}
							{{#^rollGreater() roll1 roll3}}
								<!-- Roll3로 판단한다 -->
									{{#rollTotal() roll3 1}}
										<span class="sheet-critical">대성공</span>
									{{/rollTotal() roll3 1}}
									{{#rollBetween() roll3 2 success}}
										{{#rollGreater() roll3 hard}}
											<!-- 하드 초과 -->
											<span class="sheet-success">성공</span>
										{{/rollGreater() roll3 hard}}
										{{#^rollGreater() roll3 hard}}
											<!-- 하드 이하 -->
											{{#rollGreater() roll3 extreme}}
												<span class="sheet-hard-success">어려운 성공</span>
											{{/rollGreater() roll3 extreme}}
											{{#^rollGreater() roll3 extreme}}
												<span class="sheet-extreme-success">극단적 성공</span>
											{{/^rollGreater() roll3 extreme}}
										{{/^rollGreater() roll3 hard}}
									{{/rollBetween() roll3 2 success}}
									{{#rollGreater() roll3 success}}
										{{#rollGreater() success 49}}
											<!-- 펌블 -->
											{{#rollTotal() roll3 100}} 
												<span class="sheet-fumble">대실패</span>
											{{/rollTotal() roll3 100}} 
											{{#rollLess() roll3 100}}
												<span class="sheet-fale">실패</span>
											{{/rollLess() roll3 100}}
										{{/rollGreater() success 49}}
										
										{{#^rollGreater() success 49}}
											<!-- 펌블 -->
											{{#rollGreater() roll3 95}}
												<span class="sheet-fumble">대실패</span>
											{{/rollGreater() roll3 95}}
											{{#rollLess() roll3 96}}
												<span class="sheet-fale">실패</span>
											{{/rollLess() roll3 96}}
										{{/^rollGreater() success 49}}
									{{/rollGreater() roll3 success}}
								<!-- // Roll3로 판단한다 -->
							{{/^rollGreater() roll1 roll3}}
						{{/rollGreater() roll1 roll2}}
						{{#^rollGreater() roll1 roll2}}
							{{#rollGreater() roll2 roll3}}
								<!-- Roll2로 판단한다 -->
									{{#rollTotal() roll2 1}}
										<span class="sheet-critical">대성공</span>
									{{/rollTotal() roll2 1}}
									{{#rollBetween() roll2 2 success}}
										{{#rollGreater() roll2 hard}}
											<!-- 하드 초과 -->
											<span class="sheet-success">성공</span>
										{{/rollGreater() roll2 hard}}
										{{#^rollGreater() roll2 hard}}
											<!-- 하드 이하 -->
											{{#rollGreater() roll2 extreme}}
												<span class="sheet-hard-success">어려운 성공</span>
											{{/rollGreater() roll2 extreme}}
											{{#^rollGreater() roll2 extreme}}
												<span class="sheet-extreme-success">극단적 성공</span>
											{{/^rollGreater() roll2 extreme}}
										{{/^rollGreater() roll2 hard}}
									{{/rollBetween() roll2 2 success}}
									{{#rollGreater() roll2 success}}
										{{#rollGreater() success 49}}
											<!-- 펌블 -->
											{{#rollTotal() roll2 100}} 
												<span class="sheet-fumble">대실패</span>
											{{/rollTotal() roll2 100}} 
											{{#rollLess() roll2 100}}
												<span class="sheet-fale">실패</span>
											{{/rollLess() roll2 100}}
										{{/rollGreater() success 49}}
										
										{{#^rollGreater() success 49}}
											<!-- 펌블 -->
											{{#rollGreater() roll2 95}}
												<span class="sheet-fumble">대실패</span>
											{{/rollGreater() roll2 95}}
											{{#rollLess() roll2 96}}
												<span class="sheet-fale">실패</span>
											{{/rollLess() roll2 96}}
										{{/^rollGreater() success 49}}
									{{/rollGreater() roll2 success}}
								<!-- // Roll2로 판단한다 -->
							{{/rollGreater() roll2 roll3}}
							{{#^rollGreater() roll2 roll3}}
								<!-- Roll3로 판단한다 -->
									{{#rollTotal() roll3 1}}
										<span class="sheet-critical">대성공</span>
									{{/rollTotal() roll3 1}}
									{{#rollBetween() roll3 2 success}}
										{{#rollGreater() roll3 hard}}
											<!-- 하드 초과 -->
											<span class="sheet-success">성공</span>
										{{/rollGreater() roll3 hard}}
										{{#^rollGreater() roll3 hard}}
											<!-- 하드 이하 -->
											{{#rollGreater() roll3 extreme}}
												<span class="sheet-hard-success">어려운 성공</span>
											{{/rollGreater() roll3 extreme}}
											{{#^rollGreater() roll3 extreme}}
												<span class="sheet-extreme-success">극단적 성공</span>
											{{/^rollGreater() roll3 extreme}}
										{{/^rollGreater() roll3 hard}}
									{{/rollBetween() roll3 2 success}}
									{{#rollGreater() roll3 success}}
										{{#rollGreater() success 49}}
											<!-- 펌블 -->
											{{#rollTotal() roll3 100}} 
												<span class="sheet-fumble">대실패</span>
											{{/rollTotal() roll3 100}} 
											{{#rollLess() roll3 100}}
												<span class="sheet-fale">실패</span>
											{{/rollLess() roll3 100}}
										{{/rollGreater() success 49}}
										
										{{#^rollGreater() success 49}}
											<!-- 펌블 -->
											{{#rollGreater() roll3 95}}
												<span class="sheet-fumble">대실패</span>
											{{/rollGreater() roll3 95}}
											{{#rollLess() roll3 96}}
												<span class="sheet-fale">실패</span>
											{{/rollLess() roll3 96}}
										{{/^rollGreater() success 49}}
									{{/rollGreater() roll3 success}}
								<!-- // Roll3로 판단한다 -->
							{{/^rollGreater() roll2 roll3}}
						{{/^rollGreater() roll1 roll2}}
					{{/rollTotal() dice_type -2}}
				</div>
			</div>
			<div class="sheet-dice-list">
				{{#rollTotal() dice_type 1}}
					<div class="sheet-50">{{roll1}}</div>
					<div class="sheet-50">{{roll2}}</div>
				{{/rollTotal() dice_type 1}}
				{{#rollTotal() dice_type 2}}
					<div class="sheet-33">{{roll1}}</div>
					<div class="sheet-33">{{roll2}}</div>
					<div class="sheet-33">{{roll3}}</div>
				{{/rollTotal() dice_type 2}}
				{{#rollTotal() dice_type -1}}
					<div class="sheet-50">{{roll1}}</div>
					<div class="sheet-50">{{roll2}}</div>
				{{/rollTotal() dice_type -1}}
				{{#rollTotal() dice_type -2}}
					<div class="sheet-33">{{roll1}}</div>
					<div class="sheet-33">{{roll2}}</div>
					<div class="sheet-33">{{roll3}}</div>
				{{/rollTotal() dice_type -2}}
			</div>
		{{/roll1}}

		{{#roll}}
			<div class="sheet-dice-con">
				<div class="sheet-dice-result">
					{{roll}}
				</div>
				{{#success}}
					<div class="sheet-dice-spec">
						{{#success}}<span>{{success}}</span>{{/success}}
						{{#hard}}<span>{{hard}}</span>{{/hard}}
						{{#extreme}}<span>{{extreme}}</span>{{/extreme}}
						{{#sub_subject2}}<span>{{sub_subject2}}</span>{{/sub_subject2}}
						{{#sub_subject}}<span>{{sub_subject}}</span>{{/sub_subject}}
					</div>

					<div class="sheet-result">
						<!-- Roll 로 판단한다 -->
						{{#rollTotal() roll 1}}
							<span class="sheet-critical">대성공</span>
						{{/rollTotal() roll 1}}
						{{#rollBetween() roll 2 success}}
							{{#rollGreater() roll hard}}
								<!-- 하드 초과 -->
								<span class="sheet-success">성공</span>
							{{/rollGreater() roll hard}}
							{{#^rollGreater() roll hard}}
								<!-- 하드 이하 -->
								{{#rollGreater() roll extreme}}
									<span class="sheet-hard-success">어려운 성공</span>
								{{/rollGreater() roll extreme}}
								{{#^rollGreater() roll extreme}}
									<span class="sheet-extreme-success">극단적 성공</span>
								{{/^rollGreater() roll extreme}}
							{{/^rollGreater() roll hard}}
						{{/rollBetween() roll 2 success}}
						{{#rollGreater() roll success}}
							{{#rollGreater() success 49}}
								<!-- 펌블 -->
								{{#rollTotal() roll 100}} 
									<span class="sheet-fumble">대실패</span>
								{{/rollTotal() roll 100}} 
								{{#rollLess() roll 100}}
									<span class="sheet-fale">실패</span>
								{{/rollLess() roll 100}}
							{{/rollGreater() success 49}}
							
							{{#^rollGreater() success 49}}
								<!-- 펌블 -->
								{{#rollGreater() roll 95}}
									<span class="sheet-fumble">대실패</span>
								{{/rollGreater() roll 95}}
								{{#rollLess() roll 96}}
									<span class="sheet-fale">실패</span>
								{{/rollLess() roll 96}}
							{{/^rollGreater() success 49}}
						{{/rollGreater() roll success}}
						<!-- // Roll 로 판단한다 -->
					</div>
				{{/success}}
			</div>
		{{/roll}}

		{{#free_roll}}
			<div class="sheet-dice-con">
				<div class="sheet-dice-result">
					{{free_roll}}
				</div>
			</div>
		{{/free_roll}}

		{{#sub_subject2}}<div class="sheet-side-tit">{{sub_subject2}}</div>{{/sub_subject2}}
		{{#sub_subject}}<div class="sheet-side-tit">{{sub_subject}}</div>{{/sub_subject}}

		{{#desc}}
			<div class="sheet-desc">
				<div class="sheet-desc-inner">
					{{desc}}
				</div>
			</div>
		{{/desc}}

		{{#magic_desc}}
			<div class="sheet-desc sheet-magic-desc">
				{{#magic_time}}<div class="sheet-time">{{magic_time}}</div>{{/magic_time}}
				{{#magic_cost}}<div class="sheet-cost">{{magic_cost}}</div>{{/magic_cost}}
				<div class="sheet-desc-inner">
					{{magic_desc}}
				</div>
			</div>
		{{/magic_desc}}

		{{#madness_type}}
			<div class="sheet-desc">
				<div class="sheet-desc-inner">
					{{#rollTotal() madness_type 1}}
						{{#rollTotal() rand_roll 1}}
							<div class="sheet-desc-tit">기억상실</div>
							<p>마지막으로 안전했던 장소에서 떠난 후로 일어난 일을 전혀 기억하지 못합니다. 이 증상은 1D10 라운드 동안 계속됩니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 1}}
						{{#rollTotal() rand_roll 2}}
							<div class="sheet-desc-tit">심신성 장애<</div>
							<p>심신증으로 인해 1D10 라운드 동안 눈이 안 보이거나, 소리가 안 들리거나, 사지가 안 움직이게 됩니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 2}}
						{{#rollTotal() rand_roll 3}}
							<div class="sheet-desc-tit">폭력</div>
							<p>분노에 휩싸여 자제심을 완전히 잃고 1D10 라운드 동안 주변의 적과 아군 모두에게 폭력과 파괴를 가합니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 3}}
						{{#rollTotal() rand_roll 4}}
							<div class="sheet-desc-tit">편집증</div>
							<p>1D10 라운드 동안 심각한 편집증에 시달립니다. 모든 사람이 자기를 해치려 든다고 생각하고, 아무도 믿지 않습니다. 항상 감시를 당하고 있고, 주변에 배신자가 있으며, 지금 보이는 것이 거짓이라고 생각합니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 4}}
						{{#rollTotal() rand_roll 5}}
							<div class="sheet-desc-tit">중요한 사람</div>
							<p>탐사자의 백스토리에서 중요한 사람들 항목을 봅니다. 곁에 있는 사람을 자기의 중요한 사람으로 착각하고, 관계에 맞게 행동합니다. 1D10라운드 동안 지속됩니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 5}}
						{{#rollTotal() rand_roll 6}}
							<div class="sheet-desc-tit">기절</div>
							<p>기절해서 1D10라운드 후에 깨어납니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 6}}
						{{#rollTotal() rand_roll 7}}
							<div class="sheet-desc-tit">필사적인 도주</div>
							<p>가능한 모든 수단을 동원해서 최대한 멀리 도망칩니다. 다른 사람들을 남겨 두고 하나밖에 없는 차를 혼자 몰고 가 버릴 수도 있습니다. 1D10 라운드 동안 계속 도망칩니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 7}}
						{{#rollTotal() rand_roll 8}}
							<div class="sheet-desc-tit">발작적 행동이나 감정 폭발</div>
							<p>1D10 라운드 동안 웃거나, 울거나, 비명을 지르거나 하느라 아무 행동도 하지 않습니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 8}}
						{{#rollTotal() rand_roll 9}}
							<div class="sheet-desc-tit">공포증</div>
							<p>새로운 공포증이 생깁니다. 룰북에 있는 공포증의 예에서 1D100을 굴리거나 수호자가 적절한 것을 고릅니다. 공포이 대상이 자리에 없어도 탐사자는 1D10 라운드 동안 그 모습을 상상하고 공포에 질립니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 9}}
						{{#rollTotal() rand_roll 10}}
							<div class="sheet-desc-tit">집착증</div>
							<p>새로운 집착증이 생깁니다. 룰북에 있는 집착증의 예에서  1D100을 굴리거나 수호자가 적절한 것을 고릅니다. 탐사자는 다음 1D10 라운드 동안 새로운 집착증에 몰입합니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 10}}
					{{/rollTotal() madness_type 1}}
					{{#rollTotal() madness_type 2}}
						{{#rollTotal() rand_roll 1}}
							<div class="sheet-desc-tit">기억상실</div>
							<p>탐사자는 낯선 곳에서 정신을 차리며, 자기가 누구인지도 기억하지 못합니다. 시간이 지나면 기억이 조금씩 돌아옵니다.</p>
						{{/rollTotal() rand_roll 1}}
						{{#rollTotal() rand_roll 2}}
							<div class="sheet-desc-tit">도난</div>
							<p>탐사자가 1D10시간 후에 정신을 차려 보니 도난을 당했습니다. 다친 곳은 없습니다. 소중한 물건(탐사자 백스토리 참조)을 지니고 있었으면 운 판정을 해서 빼앗겼는지 확인합니다. 그 외의 귀중품은 자동으로 없어집니다.</p>
							<div class="sheet-desc-bot">시간 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 2}}
						{{#rollTotal() rand_roll 3}}
							<div class="sheet-desc-tit">부상</div>
							<p>탐사자가 1D10시간 후에 정신을 차려보니 잔뜩 다쳤습니다. 체력은 광기에 빠지기 전의 절반이 되어 있지만, 그 사이에 중상을 입지는 않았습니다. 강도를 당하지도 않았습니다. 부상을 입은 부위는 수호자가 정합니다.</p>
							<div class="sheet-desc-bot">시간 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 3}}
						{{#rollTotal() rand_roll 4}}
							<div class="sheet-desc-tit">폭력</div>
							<p>탐사자가 폭력과 파괴 행각을 벌입니다. 정신을 차렸을 때 그 사이의 행동이 기억날 수도 있고 기억나지 않을 수도 있습니다. 탐사자가 무엇을 대상으로 폭력을 휘둘렀는지, 그리고 사람을 죽이거나 다치게 했는지는 수호자가 결정합니다.</p>
						{{/rollTotal() rand_roll 4}}
						{{#rollTotal() rand_roll 5}}
							<div class="sheet-desc-tit">사상/신념</div>
							<p>탐사자의 백스토리에서 사상/신념을 확인합니다. 탐사자는 그중 하나를 극단적이고 괴이한 방법으로 표출합니다. 예를 들어, 신앙심이 깊은 사람은 지하철에서 시끄럽게 설교를 하다가 정신을 차릴 수 있습니다.</p>
						{{/rollTotal() rand_roll 5}}
						{{#rollTotal() rand_roll 6}}
							<div class="sheet-desc-tit">중요한 사람들</div>
							<p>탐사자의 백스토리에서 중요한 사람들을 찾아 그 관계가 중요한 이유를 확인합니다. 탐사자는 발작이 지속되는 동안 (1D10시간 이상) 중요한 사람에게 가까이 가서 관계의 성질에 맞는 행동을 하려고 합니다.</p>
							<div class="sheet-desc-bot">시간 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 6}}
						{{#rollTotal() rand_roll 7}}
							<div class="sheet-desc-tit">시설 감금</div>
							<p>탐사자가 정신을 차려 보니 정신병원이나 경찰서 유치장에 갇혀 있습니다. 그간의 사정이 조금씩 기억나기 시작할 수도 있습니다.</p>
						{{/rollTotal() rand_roll 7}}
						{{#rollTotal() rand_roll 8}}
							<div class="sheet-desc-tit">필사적인 도주</div>
							<p>탐사자가 정신을 차려 보니 먼 곳에 와 있습니다. 황야를 걷고 있을 수도 있고 열차나 장거리 버스에 타고 있을 수도 있습니다.</p>
						{{/rollTotal() rand_roll 8}}
						{{#rollTotal() rand_roll 9}}
							<div class="sheet-desc-tit">공포증</div>
							<p>탐사자에게 새로운 공포증이 생깁니다. 룰북에 있는 공포증의 예를 참고해 1D100으로 정하거나 수호자가 적절한 것을 고릅니다. 탐사자는 새로운 공포의 대상을 피하기 위해 온갖 조치를 다 취한 상태로 1D10시간 후에 정신을 차립니다.</p>
							<div class="sheet-desc-bot">시간 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 9}}
						{{#rollTotal() rand_roll 10}}
							<div class="sheet-desc-tit">집착증</div>
							<p>탐사자에게 새로운 집착증이 생깁니다. 룰북에 있는 집착증의 예를 참고해 1D100으로 정하거나 수호자가 적절한 것을 고릅니다. 탐사자는 1D10시간 후에 정신을 차립니다. 이 발작이 지속되는 동안, 탐사자는 새로운 집착증에 완전히 빠집니다. 다른 사람이 보기에도 명확하게 드러나는지는 수호자와 플레이어가 결정합니다.</p>
							<div class="sheet-desc-bot">시간 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 10}}
					{{/rollTotal() madness_type 2}}
					{{#rollTotal() madness_type 3}}
						{{#rollTotal() rand_roll 1}}
							<div class="sheet-desc-tit">기억상실</div>
							<p>영웅은 자기 자신을 영웅이라고 생각하기를 그만두고, 펄프 재능을 사용하는 능력을 잃습니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 1}}
						{{#rollTotal() rand_roll 2}}
							<div class="sheet-desc-tit">미친 계획</div>
							<p>영웅은 비이성적이고 잘못된 계획을 따릅니다. 계획은 적의 상황을 이롭게 하거나 영웅과 그 동맹에게 위험을 증가시켜야 합니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 2}}
						{{#rollTotal() rand_roll 3}}
							<div class="sheet-desc-tit">분노</div>
							<p>분노에 휩싸여 자제심을 완전히 잃고 1D10 라운드 동안 주변의 적과 아군 모두에게 폭력과 파괴를 가합니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 3}}
						{{#rollTotal() rand_roll 4}}
							<div class="sheet-desc-tit">흡족</div>
							<p>영웅은 계획들을 자랑하고, 흡족해하며 큰 소리로 외쳐야만 합니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 4}}
						{{#rollTotal() rand_roll 5}}
							<div class="sheet-desc-tit">심신안정</div>
							<p>영웅은 위협이 무시할 만한 것이라고 생각하고, 뒤로 기대앉아 긴장을 풉니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 5}}
						{{#rollTotal() rand_roll 6}}
							<div class="sheet-desc-tit">필사적인 도주</div>
							<p>영웅은 가능한 수단을 동원해 최대한 멀리 도망가려 합니다. 탈출을 위한 유일한 탈것을 가지고 모두를 뒤에 남기고 도망가야 하더라도요.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 6}}
						{{#rollTotal() rand_roll 7}}
							<div class="sheet-desc-tit">자랑</div>
							<p>영웅은 관심을 바라는 미치광이가 되어, 무모한 행동을 할 가능성이 높습니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 7}}
						{{#rollTotal() rand_roll 8}}
							<div class="sheet-desc-tit">다른 자아</div>
							<p>영웅의 성격은 완전히 변환을 거치고 완전히 다른 것으로 대체됩니다. 다른 자아는 영웅의 거울 반대 상입니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 8}}
						{{#rollTotal() rand_roll 9}}
							<div class="sheet-desc-tit">공포증</div>
							<p>새로운 공포증이 생깁니다. 룰북에 있는 공포증의 예에서 1D100을 굴리거나 수호자가 적절한 것을 고릅니다. 공포이 대상이 자리에 없어도 영웅은 1D10 라운드 동안 그 모습을 상상하고 공포에 질립니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 9}}
						{{#rollTotal() rand_roll 10}}
							<div class="sheet-desc-tit">집착증</div>
							<p>새로운 집착증이 생깁니다. 룰북에 있는 집착증의 예에서  1D100을 굴리거나 수호자가 적절한 것을 고릅니다. 영웅은 다음 1D10 라운드 동안 새로운 집착증에 몰입합니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 10}}
					{{/rollTotal() madness_type 3}}
					{{#rollTotal() madness_type 4}}
						{{#rollTotal() rand_roll 1}}
							<div class="sheet-desc-tit">기억상실</div>
							<p>영웅은 아무 기억도 없이 낯선 곳에서 정신을 차리고, 자신이 누구인지도 펄프 재능도 모릅니다. 시간이 지나면 기억이 서서히 돌아옵니다. 펄프 재능은 위기의 순간에만 돌아옵니다. 이 경우, 위기는 목숨이 위험한 상황을 말합니다. 누군가의 목숨이 위험하면, 영웅은 행운 굴림을 합니다; 성공하면 재능이 돌아옵니다. 실패하면 1D10라운드 내에 재시도할 수 있습니다.</p>
							<div class="sheet-desc-bot">라운드 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 1}}
						{{#rollTotal() rand_roll 2}}
							<div class="sheet-desc-tit">도난</div>
							<p>영웅이 1D10시간 후에 정신을 차려 보니 도난을 당했습니다. 다친 곳은 없습니다. 소중한 물건(영웅의 백스토리 참조)을 지니고 있었으면 운 판정을 해서 빼앗겼는지 확인합니다. 그 외의 귀중품은 자동으로 없어집니다.</p>
							<div class="sheet-desc-bot">시간 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 2}}
						{{#rollTotal() rand_roll 3}}
							<div class="sheet-desc-tit">부상</div>
							<p>영웅이 1D10시간 후에 정신을 차려보니 잔뜩 다쳤습니다. 체력은 광기에 빠지기 전의 절반이 되어 있지만, 그 사이에 중상을 입지는 않았습니다. 강도를 당하지도 않았습니다. 부상을 입은 부위는 수호자가 정합니다.</p>
							<div class="sheet-desc-bot">시간 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 3}}
						{{#rollTotal() rand_roll 4}}
							<div class="sheet-desc-tit">폭력</div>
							<p>영웅이 폭력과 파괴 행각을 벌입니다. 정신을 차렸을 때 그 사이의 행동이 기억날 수도 있고 기억나지 않을 수도 있습니다. 영웅이 무엇을 대상으로 폭력을 휘둘렀는지, 그리고 사람을 죽이거나 다치게 했는지는 수호자가 결정합니다.</p>
						{{/rollTotal() rand_roll 4}}
						{{#rollTotal() rand_roll 5}}
							<div class="sheet-desc-tit">사상/신념</div>
							<p>영웅의 백스토리에서 사상/신념을 확인합니다. 영웅은 그중 하나를 극단적이고 미친 방식으로 보여줍니다. 흔한 결과는 영웅의 재능과 믿음이 옳고 그름에 대한 감각과 인간성을 부패시키기 시작하는 과대망상입니다.</p>
						{{/rollTotal() rand_roll 5}}
						{{#rollTotal() rand_roll 6}}
							<div class="sheet-desc-tit">중요한 사람들</div>
							<p>영웅의 백스토리에서 중요한 사람들을 찾아 그 관계가 중요한 이유를 확인합니다. 영웅은 발작이 지속되는 동안 (1D10시간 이상) 중요한 사람에게 가까이 가서 관계의 성질에 맞는 행동을 하려고 합니다.</p>
							<div class="sheet-desc-bot">시간 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 6}}
						{{#rollTotal() rand_roll 7}}
							<div class="sheet-desc-tit">시설 감금</div>
							<p>영웅이 정신을 차려 보니 보안이 잘된 정신병원이나 경찰서 유치장에 갇혀 있습니다. 그간의 사정이 조금씩 기억나기 시작할 수도 있습니다.</p>
						{{/rollTotal() rand_roll 7}}
						{{#rollTotal() rand_roll 8}}
							<div class="sheet-desc-tit">필사적인 도주</div>
							<p>영웅이 정신을 차리면 그들은 멀리 있습니다. 아마 중요한 곳이거나, 길을 잃었습니다. 어떻게 거기에 왔는지는 모릅니다.</p>
						{{/rollTotal() rand_roll 8}}
						{{#rollTotal() rand_roll 9}}
							<div class="sheet-desc-tit">공포증</div>
							<p>영웅에게 새로운 공포증이 생깁니다. 룰북에 있는 공포증의 예를 참고해 1D100으로 정하거나 수호자가 적절한 것을 고릅니다. 영웅은 새로운 공포의 대상을 피하기 위해 온갖 조치를 다 취한 상태로 1D10시간 후에 정신을 차립니다.</p>
							<div class="sheet-desc-bot">시간 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 9}}
						{{#rollTotal() rand_roll 10}}
							<div class="sheet-desc-tit">집착증</div>
							<p>영웅에게 새로운 집착증이 생깁니다. 룰북에 있는 집착증의 예를 참고해 1D100으로 정하거나 수호자가 적절한 것을 고릅니다. 영웅은 1D10시간 후에 정신을 차립니다. 이 발작이 지속되는 동안, 영웅은 새로운 집착증에 완전히 빠집니다. 다른 사람이 보기에도 명확하게 드러나는지는 수호자와 플레이어가 결정합니다.</p>
							<div class="sheet-desc-bot">시간 : <strong>{{rand_roll2}}</strong></div>
						{{/rollTotal() rand_roll 10}}
					{{/rollTotal() madness_type 4}}
				</div>
			</div>
		{{/madness_type}}

		{{#damage}}
			<div class="sheet-desc sheet-single-txt">
				<span>피해 <strong>{{damage}}</strong></span>
				{{#malf}}
					<span>고장 <strong>{{malf}}</strong></span>
				{{/malf}}
			</div>
		{{/damage}}

		{{#defense}}
			<div class="sheet-desc sheet-single-txt">
				<div class="sheet-desc-inner">
					<span>방어 <strong>{{defense}}</strong></span>
				</div>
			</div>
		{{/defense}}
	</div>
</rolltemplate>

CSS

@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Nanum+Myeongjo:wght@400;700;800&display=swap');


/* Reset */
.charsheet select,
.charsheet div,
.charsheet button,
.charsheet textarea,
.charsheet span,
.charsheet input,
.charsheet img,
.charsheet label{box-sizing: border-box; outline:0; outline:0; appearance:none !important; -webkit-appearance:none !important;}
.ui-dialog .charsheet {padding:0;}
.charsheet .sheet-wrap {font-size:12px;}
.charsheet .sheet-wrap * {color:#000; outline:0 !important; font-family:"Malgun Gothic","맑은 고딕","Nanum Gothic",Dotum,'돋움',Helvetica,sans-serif; letter-spacing:-0.02em;}
.charsheet .sheet-wrap p {margin:0;}
.charsheet .sheet-wrap input,
.charsheet .sheet-wrap textarea,
.charsheet .sheet-wrap select,
.charsheet .sheet-wrap .uneditable-input {margin:0; border-radius:0 !important;}
.charsheet .sheet-wrap input[type="checkbox"],
.charsheet .sheet-wrap input[type="radio"] {display:block; position:absolute; top:0; left:0; opacity:0; border:none !important;}
.charsheet .sheet-wrap input[type="text"],
.charsheet .sheet-wrap input[type="number"] {border:none; height:30px; border-radius:0; background:transparent; padding:0 5px; font-size:12px; width:100%;}
.charsheet .sheet-wrap select {border:none; height:30px; padding:0 5px; font-size:12px; width:100%; background:transparent;}
.charsheet .sheet-wrap input[type="number"]::-webkit-outer-spin-button,
.charsheet .sheet-wrap input[type="number"]::-webkit-inner-spin-button {appearance:none; -webkit-appearance:none; -moz-appearance:none; margin:0;}
.charsheet .sheet-wrap select,
.charsheet .sheet-wrap input[type="checkbox"],
.charsheet .sheet-wrap input[type="radio"],
.charsheet .sheet-wrap button {cursor:pointer;}
.charsheet .sheet-wrap button[type="roll"]:before {display:none !important;}
.charsheet .sheet-wrap input:-internal-autofill-selected {background-color:transparent !important; appearance:none !important; -webkit-appearance:none !important;  -moz-appearance:none !important;}
.charsheet .sheet-wrap input[type="number"] {}
.charsheet .sheet-wrap select * {color:#000 !important;}
.charsheet .sheet-wrap input[type="checkbox"],
.charsheet .sheet-wrap input[type="radio"],
.charsheet .sheet-wrap button,
.charsheet .sheet-wrap select {box-shadow: none !important; appearance:none; -webkit-appearance:none; -moz-appearance:none;}
.charsheet .sheet-wrap select {padding-right:15px; background:url('https://i.imgur.com/zexyzpS.png') no-repeat top 50% right 0px;}
.charsheet .sheet-wrap button {border:none; margin:0; background:transparent; font-size:12px; text-shadow:none !important;}
.charsheet .sheet-wrap textarea {width:100%; background:transparent; border:none; resize:none; line-height:1.5;}
.charsheet .sheet-wrap fieldset {margin:0; padding:0; border:none;}
.charsheet .sheet-wrap .repcontainer.editmode .repitem .itemcontrol {z-index:990 !important; height:auto; top:0; bottom:0;}
.charsheet .sheet-wrap .repcontainer.editmode .repitem .itemcontrol button,
.charsheet .sheet-wrap .repcontainer.editmode .repitem .itemcontrol a {width:30px; height:30px; border:none; border-radius:0; line-height:30px; padding:0; text-align:center;}
.charsheet .sheet-wrap .repcontainer.editmode .repitem .itemcontrol button {background:red;}

.charsheet .sheet-wrap .repcontrol {display:block; position:relative; overflow:hidden; margin-bottom:30px; background:#2a413b; border-radius:0; font-size:11px;}
.charsheet .sheet-wrap .repcontrol:before {content:""; display:block; position:absolute; width:1px; top:5px; bottom:5px; left:50%; background:#fff; opacity:.5;}
.charsheet .sheet-wrap .repcontrol > * {height:20px; line-height:20px; padding:0 10px; font-size:11px; font-weight:400; color:#fff;}

.charsheet .sheet-wrap .sheet-dice {display:inline-block; vertical-align:middle; border:none; padding:0 !important; margin:0 !important; width:20px; height:20px; border-radius:0; background:url('https://i.imgur.com/jEaObym.png') no-repeat 50% 50%; background-size:90% auto;}
.charsheet .sheet-wrap .sheet-dice:before {display:none !important;}

.charsheet .sheet-wrap input::placeholder {color:rgba(0, 0, 0, .3);}
.charsheet .sheet-wrap textarea::placeholder {color:rgba(0, 0, 0, .3);}

.charsheet .sheet-tal {text-align:left !important;}
.charsheet .sheet-tar {text-align:right !important;}
.charsheet .sheet-tac {text-align:center !important;}

.charsheet .sheet-wrap .inlinerollresult {display:inline !important; font-size:1em !important; opacity:1 !important; padding:0 !important; background:transparent !important; border:none !important;}


/* 기본 레이아웃 틀 작업 */

.sheet-wrap {display:block; position:relative; max-width:850px; min-width:820px; margin:0 auto; border:5px solid #3c5750; padding:1px;}
.sheet-wrap .sheet-wrap-inner {display:block; position:relative; border:1px solid #3c5750; min-height:400px; padding:10px; background:url('https://i.imgur.com/pdKyOti.png') no-repeat 50% 0; background-size:100% auto;}
.sheet-wrap .sheet-wrap-inner .sheet-acc {content:""; display:block; position:absolute; width:90px; height:90px; background:url('https://i.imgur.com/SUQqmE1.png') no-repeat 50% 50%; background-size:contain;}
.sheet-wrap .sheet-wrap-inner .sheet-acc.sheet-top-left {left:-24px; top:-24px;}
.sheet-wrap .sheet-wrap-inner .sheet-acc.sheet-top-right {right:-24px; top:-24px; transform:rotate(90deg);}
.sheet-wrap .sheet-wrap-inner .sheet-acc.sheet-bottom-left {left:-24px; bottom:-24px; transform:rotate(270deg);}
.sheet-wrap .sheet-wrap-inner .sheet-acc.sheet-bottom-right {right:-24px; bottom:-24px; transform:rotate(180deg);}

.sheet-line-box {box-sizing:border-box; background:rgba(255,255,255,.6); backdrop-filter:blur(2px); border:1px solid #3c5750;}
.sheet-tit {position:relative; z-index:0;}
.sheet-tit strong {display:block; position:relative; z-index:-1;}
.sheet-tit button {display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:2;}

.sheet-checkbox-area {position:relative; z-index:0;}
.sheet-checkbox-area span {display:block; position:relative; z-index:-1;}
.sheet-checkbox-area input[type="checkbox"],
.sheet-checkbox-area input[type="radio"]{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:2;}

.sheet-toggle-wrap {display:none; position:relative; padding:10px 0 30px;}
.sheet-toggle-menu[value="1"] + .sheet-toggle-wrap {display:block;}

.sheet-toggle-button {border:1px solid #000; background:url(https://i.imgur.com/KTfhlnc.png) #416057; margin-bottom:10px;}
.sheet-toggle-button span {display:block; position:relative; z-index:-1; padding:10px 20px; color:#fff !important; font-weight:800; font-size:15px; text-shadow: #2c4740 2px 0px 0px, #2c4740 1.75517px 0.958851px 0px, #2c4740 1.0806px 1.68294px 0px, #2c4740 0.141474px 1.99499px 0px, #2c4740 -0.832294px 1.81859px 0px, #2c4740 -1.60229px 1.19694px 0px, #2c4740 -1.97998px 0.28224px 0px, #2c4740 -1.87291px -0.701566px 0px, #2c4740 -1.30729px -1.5136px 0px, #2c4740 -0.421592px -1.95506px 0px, #2c4740 0.567324px -1.91785px 0px, #2c4740 1.41734px -1.41108px 0px, #2c4740 1.92034px -0.558831px 0px;}
.sheet-toggle-button span:after {content:"▼"; display:block; position:absolute; right:1em; top:10px;}
.sheet-toggle-button input[type="checkbox"]:checked + span:after,
.sheet-toggle-button input[type="radio"]:checked + span:after {content:"▲";}


/* 상단 : 프로필 레이아웃 */

.sheet-top-header {position:relative; padding:0 23% 0 23%; overflow:hidden;}
.sheet-top-header .sheet-profile {display:block; position:absolute; top:0; left:0; width:23%; bottom:0; padding:40px 10px 10px;}
.sheet-top-header .sheet-profile > div > div {display:table; width:100%; height:100%;}
.sheet-top-header .sheet-profile > div > div > * {display:table-cell; vertical-align:middle;}
.sheet-top-header .sheet-profile > div > div > strong {width:3em;}
.sheet-top-header .sheet-profile > div > div input {display:block; position:relative; width:100%; height:25px !important; border-bottom:1px solid #3c5750 !important; text-align:center;}
.sheet-top-header .sheet-profile .sheet-tit {display:block; position:absolute; left:0; right:0; top:0; height:30px; line-height:30px; text-align:center; color:#fff; background:#3c5750; color:#fff;}
.sheet-top-header .sheet-profile .sheet-tit input {text-align:center !important; color:#fff !important; font-weight:400; font-family:'Do Hyeon', serif; font-size:18px;}

.sheet-top-header .sheet-pic {display:block; position:absolute; width:23%; top:0; bottom:0; right:0; overflow:hidden;}
.sheet-top-header .sheet-pic img {display:block; position:absolute; height:100%; max-width:10000000%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}

.sheet-top-header .sheet-spec {display:block; position:relative; text-align:center; padding:5px 5px 0; overflow:hidden;}
.sheet-top-header .sheet-spec .sheet-title {display:block; position:relative; padding-bottom:20px; padding-top:10px;}
.sheet-top-header .sheet-spec .sheet-item {display:block; position:relative; width:32.73%; float:left; box-sizing:border-box; margin:.3%; padding-left:5em;}
.sheet-top-header .sheet-spec .sheet-item .sheet-tit {display:block; position:absolute; top:0; left:0; bottom:0; width:5em; line-height:30px; text-align:center; background:#3c5750; z-index:0;}
.sheet-top-header .sheet-spec .sheet-item .sheet-tit + div {display:block; position:relative; width:80px; margin:0 auto;}
.sheet-top-header .sheet-spec .sheet-item .sheet-tit strong {line-height:30px; font-size:12px; color:#fff; font-weight:400;}

.sheet-top-header .sheet-spec .sheet-item input[type="text"],
.sheet-top-header .sheet-spec .sheet-item input[type="number"],
.sheet-top-header .sheet-spec .sheet-item select {height:30px !important; text-align:center; width:100%; font-size:15px; font-weight:800; color:#3c5750; padding:0 !important; background:transparent;}

.sheet-top-header .sheet-control {display:block; position:relative; text-align:center; margin-top:10px; margin-bottom:20px; color:#fff;}
.sheet-top-header .sheet-control > * {display:inline-block; position:relative; vertical-align:middle;}
.sheet-top-header .sheet-control > span {color:#fff;}
.sheet-top-header .sheet-control > span span {display:block; position:absolute; bottom:100%; left:0; right:0; text-align:center; font-size:10px; color:#fff; margin-bottom:2px; opacity:.7;}
.sheet-top-header .sheet-control input {height:20px !important; border-radius:9em !important; background:rgba(255,255,255,.2) !important; text-align:center; color:#fff !important;}
.sheet-top-header .sheet-control input.sheet-write-able {background:rgba(255,255,255,.4) !important;}
.sheet-top-header .sheet-control input.sheet-point {background:rgba(238,255,90,.2) !important; color:#fff !important; font-weight:800;}
.sheet-top-header .sheet-control strong {color:#fff; margin-right:5px;}
.sheet-top-header .sheet-control button {height:20px !important; border-radius:9em; background:#3c5750; color:#fff; font-size:11px !important; padding:0 5px !important; font-weight:100 !important; margin-left:5px; border:1px solid #a4a7a6;}
.sheet-top-header .sheet-control button + button {margin-left:0px;}


/* 중간 : 스태이터스 */

.sheet-mid-header {display:block; position:relative; margin:7px 0; overflow:hidden;}
.sheet-mid-header > div {box-sizing:border-box; margin:3px 0; padding:5px 10px 10px;}
.sheet-mid-header .sheet-left {width:70%; float:left;}
.sheet-mid-header .sheet-right {width:29%; float:right;}

.sheet-mid-header .sheet-tit {display:inline-block; position:relative; line-height:30px;}
.sheet-mid-header .sheet-tit strong {border-bottom:1px solid #3c5750; color:#000; padding:0; font-size:1.1em; min-width:3em;}
.sheet-mid-header .sheet-control {display:block; position:absolute; top:10px; right:10px;}
.sheet-mid-header .sheet-control > * {line-height:20px; margin-left:10px;}
.sheet-mid-header .sheet-control input[type="text"],
.sheet-mid-header .sheet-control input[type="number"],
.sheet-mid-header .sheet-control select {height:20px; width:auto; border-bottom:1px solid #3c5750;}
.sheet-mid-header .sheet-control input[type="number"] {width:3em; text-align:center;}
.sheet-mid-header .sheet-control .sheet-checkbox-area {display:inline-block; margin-left:10px;}
.sheet-mid-header .sheet-control .sheet-checkbox-area span:before {content:""; display:inline-block; position:relative; width:.7em; height:.7em; vertical-align:middle; border:1px solid #3c5750; margin-right:3px;}
.sheet-mid-header .sheet-control .sheet-checkbox-area input:checked + span:before {background:#3c5750;}

.sheet-graph-box {display:table; width:100%; table-layout:fixed; padding-top:10px;}
.sheet-graph-box > * {display:table-cell; vertical-align:middle;}
.sheet-graph-box .sheet-graph-input-box {width:9em; background:rgba(60,87,80,.2);}
.sheet-graph-box .sheet-graph-input-box > * {display:inline-block; vertical-align:middle;}
.sheet-graph-box .sheet-graph-input-box input[type="text"],
.sheet-graph-box .sheet-graph-input-box input[type="number"] {width:45px; text-align:center; font-size:1.2em; font-weight:800;}
.sheet-graph-box .sheet-bar {padding-left:10px;}
.sheet-graph-box .sheet-bar > span {display:block; position:relative; height:7px; background:rgba(0,0,0,.1);}
.sheet-graph-box .sheet-bar > span:before {content:""; display:block; position:absolute; top:0; bottom:0; left:0; background:#3c5750; transition:.3s all; -webkit-transition:.3s all; z-index:0;}
.sheet-graph-box .sheet-bar i {display:block; position:absolute; bottom:100%; left:0;  transition:.3s all; -webkit-transition:.3s all; z-index:2;}
.sheet-graph-box .sheet-bar i:before {content:""; display:block; position:absolute; bottom:3px; left:80%; border:5px solid transparent; border-bottom-width:0; border-top-color:#3c5750; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.sheet-graph-box .sheet-bar i:after {content:""; display:block; position:absolute; top:100%; height:7px; width:1px; background:#ff6666; left:80%;}

.sheet-graph-per[value="1"]~ div .sheet-bar span:before {width:1%;} .sheet-graph-per[value="2"]~ div .sheet-bar span:before {width:2%;} .sheet-graph-per[value="3"]~ div .sheet-bar span:before {width:3%;} .sheet-graph-per[value="4"]~ div .sheet-bar span:before {width:4%;} .sheet-graph-per[value="5"]~ div .sheet-bar span:before {width:5%;} .sheet-graph-per[value="6"]~ div .sheet-bar span:before {width:6%;} .sheet-graph-per[value="7"]~ div .sheet-bar span:before {width:7%;} .sheet-graph-per[value="8"]~ div .sheet-bar span:before {width:8%;} .sheet-graph-per[value="9"]~ div .sheet-bar span:before {width:9%;} .sheet-graph-per[value="10"]~ div .sheet-bar span:before {width:10%;} 
.sheet-graph-per[value="11"]~ div .sheet-bar span:before {width:11%;} .sheet-graph-per[value="12"]~ div .sheet-bar span:before {width:12%;} .sheet-graph-per[value="13"]~ div .sheet-bar span:before {width:13%;} .sheet-graph-per[value="14"]~ div .sheet-bar span:before {width:14%;} .sheet-graph-per[value="15"]~ div .sheet-bar span:before {width:15%;} .sheet-graph-per[value="16"]~ div .sheet-bar span:before {width:16%;} .sheet-graph-per[value="17"]~ div .sheet-bar span:before {width:17%;} .sheet-graph-per[value="18"]~ div .sheet-bar span:before {width:18%;} .sheet-graph-per[value="19"]~ div .sheet-bar span:before {width:19%;} .sheet-graph-per[value="20"]~ div .sheet-bar span:before {width:20%;} 
.sheet-graph-per[value="21"]~ div .sheet-bar span:before {width:21%;} .sheet-graph-per[value="22"]~ div .sheet-bar span:before {width:22%;} .sheet-graph-per[value="23"]~ div .sheet-bar span:before {width:23%;} .sheet-graph-per[value="24"]~ div .sheet-bar span:before {width:24%;} .sheet-graph-per[value="25"]~ div .sheet-bar span:before {width:25%;} .sheet-graph-per[value="26"]~ div .sheet-bar span:before {width:26%;} .sheet-graph-per[value="27"]~ div .sheet-bar span:before {width:27%;} .sheet-graph-per[value="28"]~ div .sheet-bar span:before {width:28%;} .sheet-graph-per[value="29"]~ div .sheet-bar span:before {width:29%;} .sheet-graph-per[value="30"]~ div .sheet-bar span:before {width:30%;} 
.sheet-graph-per[value="31"]~ div .sheet-bar span:before {width:31%;} .sheet-graph-per[value="32"]~ div .sheet-bar span:before {width:32%;} .sheet-graph-per[value="33"]~ div .sheet-bar span:before {width:33%;} .sheet-graph-per[value="34"]~ div .sheet-bar span:before {width:34%;} .sheet-graph-per[value="35"]~ div .sheet-bar span:before {width:35%;} .sheet-graph-per[value="36"]~ div .sheet-bar span:before {width:36%;} .sheet-graph-per[value="37"]~ div .sheet-bar span:before {width:37%;} .sheet-graph-per[value="38"]~ div .sheet-bar span:before {width:38%;} .sheet-graph-per[value="39"]~ div .sheet-bar span:before {width:39%;} .sheet-graph-per[value="40"]~ div .sheet-bar span:before {width:40%;} 
.sheet-graph-per[value="41"]~ div .sheet-bar span:before {width:41%;} .sheet-graph-per[value="42"]~ div .sheet-bar span:before {width:42%;} .sheet-graph-per[value="43"]~ div .sheet-bar span:before {width:43%;} .sheet-graph-per[value="44"]~ div .sheet-bar span:before {width:44%;} .sheet-graph-per[value="45"]~ div .sheet-bar span:before {width:45%;} .sheet-graph-per[value="46"]~ div .sheet-bar span:before {width:46%;} .sheet-graph-per[value="47"]~ div .sheet-bar span:before {width:47%;} .sheet-graph-per[value="48"]~ div .sheet-bar span:before {width:48%;} .sheet-graph-per[value="49"]~ div .sheet-bar span:before {width:49%;} .sheet-graph-per[value="50"]~ div .sheet-bar span:before {width:50%;} 
.sheet-graph-per[value="51"]~ div .sheet-bar span:before {width:51%;} .sheet-graph-per[value="52"]~ div .sheet-bar span:before {width:52%;} .sheet-graph-per[value="53"]~ div .sheet-bar span:before {width:53%;} .sheet-graph-per[value="54"]~ div .sheet-bar span:before {width:54%;} .sheet-graph-per[value="55"]~ div .sheet-bar span:before {width:55%;} .sheet-graph-per[value="56"]~ div .sheet-bar span:before {width:56%;} .sheet-graph-per[value="57"]~ div .sheet-bar span:before {width:57%;} .sheet-graph-per[value="58"]~ div .sheet-bar span:before {width:58%;} .sheet-graph-per[value="59"]~ div .sheet-bar span:before {width:59%;} .sheet-graph-per[value="60"]~ div .sheet-bar span:before {width:60%;} 
.sheet-graph-per[value="61"]~ div .sheet-bar span:before {width:61%;} .sheet-graph-per[value="62"]~ div .sheet-bar span:before {width:62%;} .sheet-graph-per[value="63"]~ div .sheet-bar span:before {width:63%;} .sheet-graph-per[value="64"]~ div .sheet-bar span:before {width:64%;} .sheet-graph-per[value="65"]~ div .sheet-bar span:before {width:65%;} .sheet-graph-per[value="66"]~ div .sheet-bar span:before {width:66%;} .sheet-graph-per[value="67"]~ div .sheet-bar span:before {width:67%;} .sheet-graph-per[value="68"]~ div .sheet-bar span:before {width:68%;} .sheet-graph-per[value="69"]~ div .sheet-bar span:before {width:69%;} .sheet-graph-per[value="70"]~ div .sheet-bar span:before {width:70%;} 
.sheet-graph-per[value="71"]~ div .sheet-bar span:before {width:71%;} .sheet-graph-per[value="72"]~ div .sheet-bar span:before {width:72%;} .sheet-graph-per[value="73"]~ div .sheet-bar span:before {width:73%;} .sheet-graph-per[value="74"]~ div .sheet-bar span:before {width:74%;} .sheet-graph-per[value="75"]~ div .sheet-bar span:before {width:75%;} .sheet-graph-per[value="76"]~ div .sheet-bar span:before {width:76%;} .sheet-graph-per[value="77"]~ div .sheet-bar span:before {width:77%;} .sheet-graph-per[value="78"]~ div .sheet-bar span:before {width:78%;} .sheet-graph-per[value="79"]~ div .sheet-bar span:before {width:79%;} .sheet-graph-per[value="80"]~ div .sheet-bar span:before {width:80%;} 
.sheet-graph-per[value="81"]~ div .sheet-bar span:before {width:81%;} .sheet-graph-per[value="82"]~ div .sheet-bar span:before {width:82%;} .sheet-graph-per[value="83"]~ div .sheet-bar span:before {width:83%;} .sheet-graph-per[value="84"]~ div .sheet-bar span:before {width:84%;} .sheet-graph-per[value="85"]~ div .sheet-bar span:before {width:85%;} .sheet-graph-per[value="86"]~ div .sheet-bar span:before {width:86%;} .sheet-graph-per[value="87"]~ div .sheet-bar span:before {width:87%;} .sheet-graph-per[value="88"]~ div .sheet-bar span:before {width:88%;} .sheet-graph-per[value="89"]~ div .sheet-bar span:before {width:89%;} .sheet-graph-per[value="90"]~ div .sheet-bar span:before {width:90%;} 
.sheet-graph-per[value="91"]~ div .sheet-bar span:before {width:91%;} .sheet-graph-per[value="92"]~ div .sheet-bar span:before {width:92%;} .sheet-graph-per[value="93"]~ div .sheet-bar span:before {width:93%;} .sheet-graph-per[value="94"]~ div .sheet-bar span:before {width:94%;} .sheet-graph-per[value="95"]~ div .sheet-bar span:before {width:95%;} .sheet-graph-per[value="96"]~ div .sheet-bar span:before {width:96%;} .sheet-graph-per[value="97"]~ div .sheet-bar span:before {width:97%;} .sheet-graph-per[value="98"]~ div .sheet-bar span:before {width:98%;} .sheet-graph-per[value="99"]~ div .sheet-bar span:before {width:99%;} .sheet-graph-per[value="100"]~ div .sheet-bar span:before {width:100%;}

.sheet-graph-per2[value="1"]~ div .sheet-bar span i {width:1%;} .sheet-graph-per2[value="2"]~ div .sheet-bar span i {width:2%;} .sheet-graph-per2[value="3"]~ div .sheet-bar span i {width:3%;} .sheet-graph-per2[value="4"]~ div .sheet-bar span i {width:4%;} .sheet-graph-per2[value="5"]~ div .sheet-bar span i {width:5%;} .sheet-graph-per2[value="6"]~ div .sheet-bar span i {width:6%;} .sheet-graph-per2[value="7"]~ div .sheet-bar span i {width:7%;} .sheet-graph-per2[value="8"]~ div .sheet-bar span i {width:8%;} .sheet-graph-per2[value="9"]~ div .sheet-bar span i {width:9%;} .sheet-graph-per2[value="10"]~ div .sheet-bar span i {width:10%;} 
.sheet-graph-per2[value="11"]~ div .sheet-bar span i {width:11%;} .sheet-graph-per2[value="12"]~ div .sheet-bar span i {width:12%;} .sheet-graph-per2[value="13"]~ div .sheet-bar span i {width:13%;} .sheet-graph-per2[value="14"]~ div .sheet-bar span i {width:14%;} .sheet-graph-per2[value="15"]~ div .sheet-bar span i {width:15%;} .sheet-graph-per2[value="16"]~ div .sheet-bar span i {width:16%;} .sheet-graph-per2[value="17"]~ div .sheet-bar span i {width:17%;} .sheet-graph-per2[value="18"]~ div .sheet-bar span i {width:18%;} .sheet-graph-per2[value="19"]~ div .sheet-bar span i {width:19%;} .sheet-graph-per2[value="20"]~ div .sheet-bar span i {width:20%;} 
.sheet-graph-per2[value="21"]~ div .sheet-bar span i {width:21%;} .sheet-graph-per2[value="22"]~ div .sheet-bar span i {width:22%;} .sheet-graph-per2[value="23"]~ div .sheet-bar span i {width:23%;} .sheet-graph-per2[value="24"]~ div .sheet-bar span i {width:24%;} .sheet-graph-per2[value="25"]~ div .sheet-bar span i {width:25%;} .sheet-graph-per2[value="26"]~ div .sheet-bar span i {width:26%;} .sheet-graph-per2[value="27"]~ div .sheet-bar span i {width:27%;} .sheet-graph-per2[value="28"]~ div .sheet-bar span i {width:28%;} .sheet-graph-per2[value="29"]~ div .sheet-bar span i {width:29%;} .sheet-graph-per2[value="30"]~ div .sheet-bar span i {width:30%;} 
.sheet-graph-per2[value="31"]~ div .sheet-bar span i {width:31%;} .sheet-graph-per2[value="32"]~ div .sheet-bar span i {width:32%;} .sheet-graph-per2[value="33"]~ div .sheet-bar span i {width:33%;} .sheet-graph-per2[value="34"]~ div .sheet-bar span i {width:34%;} .sheet-graph-per2[value="35"]~ div .sheet-bar span i {width:35%;} .sheet-graph-per2[value="36"]~ div .sheet-bar span i {width:36%;} .sheet-graph-per2[value="37"]~ div .sheet-bar span i {width:37%;} .sheet-graph-per2[value="38"]~ div .sheet-bar span i {width:38%;} .sheet-graph-per2[value="39"]~ div .sheet-bar span i {width:39%;} .sheet-graph-per2[value="40"]~ div .sheet-bar span i {width:40%;} 
.sheet-graph-per2[value="41"]~ div .sheet-bar span i {width:41%;} .sheet-graph-per2[value="42"]~ div .sheet-bar span i {width:42%;} .sheet-graph-per2[value="43"]~ div .sheet-bar span i {width:43%;} .sheet-graph-per2[value="44"]~ div .sheet-bar span i {width:44%;} .sheet-graph-per2[value="45"]~ div .sheet-bar span i {width:45%;} .sheet-graph-per2[value="46"]~ div .sheet-bar span i {width:46%;} .sheet-graph-per2[value="47"]~ div .sheet-bar span i {width:47%;} .sheet-graph-per2[value="48"]~ div .sheet-bar span i {width:48%;} .sheet-graph-per2[value="49"]~ div .sheet-bar span i {width:49%;} .sheet-graph-per2[value="50"]~ div .sheet-bar span i {width:50%;} 
.sheet-graph-per2[value="51"]~ div .sheet-bar span i {width:51%;} .sheet-graph-per2[value="52"]~ div .sheet-bar span i {width:52%;} .sheet-graph-per2[value="53"]~ div .sheet-bar span i {width:53%;} .sheet-graph-per2[value="54"]~ div .sheet-bar span i {width:54%;} .sheet-graph-per2[value="55"]~ div .sheet-bar span i {width:55%;} .sheet-graph-per2[value="56"]~ div .sheet-bar span i {width:56%;} .sheet-graph-per2[value="57"]~ div .sheet-bar span i {width:57%;} .sheet-graph-per2[value="58"]~ div .sheet-bar span i {width:58%;} .sheet-graph-per2[value="59"]~ div .sheet-bar span i {width:59%;} .sheet-graph-per2[value="60"]~ div .sheet-bar span i {width:60%;} 
.sheet-graph-per2[value="61"]~ div .sheet-bar span i {width:61%;} .sheet-graph-per2[value="62"]~ div .sheet-bar span i {width:62%;} .sheet-graph-per2[value="63"]~ div .sheet-bar span i {width:63%;} .sheet-graph-per2[value="64"]~ div .sheet-bar span i {width:64%;} .sheet-graph-per2[value="65"]~ div .sheet-bar span i {width:65%;} .sheet-graph-per2[value="66"]~ div .sheet-bar span i {width:66%;} .sheet-graph-per2[value="67"]~ div .sheet-bar span i {width:67%;} .sheet-graph-per2[value="68"]~ div .sheet-bar span i {width:68%;} .sheet-graph-per2[value="69"]~ div .sheet-bar span i {width:69%;} .sheet-graph-per2[value="70"]~ div .sheet-bar span i {width:70%;} 
.sheet-graph-per2[value="71"]~ div .sheet-bar span i {width:71%;} .sheet-graph-per2[value="72"]~ div .sheet-bar span i {width:72%;} .sheet-graph-per2[value="73"]~ div .sheet-bar span i {width:73%;} .sheet-graph-per2[value="74"]~ div .sheet-bar span i {width:74%;} .sheet-graph-per2[value="75"]~ div .sheet-bar span i {width:75%;} .sheet-graph-per2[value="76"]~ div .sheet-bar span i {width:76%;} .sheet-graph-per2[value="77"]~ div .sheet-bar span i {width:77%;} .sheet-graph-per2[value="78"]~ div .sheet-bar span i {width:78%;} .sheet-graph-per2[value="79"]~ div .sheet-bar span i {width:79%;} .sheet-graph-per2[value="80"]~ div .sheet-bar span i {width:80%;} 
.sheet-graph-per2[value="81"]~ div .sheet-bar span i {width:81%;} .sheet-graph-per2[value="82"]~ div .sheet-bar span i {width:82%;} .sheet-graph-per2[value="83"]~ div .sheet-bar span i {width:83%;} .sheet-graph-per2[value="84"]~ div .sheet-bar span i {width:84%;} .sheet-graph-per2[value="85"]~ div .sheet-bar span i {width:85%;} .sheet-graph-per2[value="86"]~ div .sheet-bar span i {width:86%;} .sheet-graph-per2[value="87"]~ div .sheet-bar span i {width:87%;} .sheet-graph-per2[value="88"]~ div .sheet-bar span i {width:88%;} .sheet-graph-per2[value="89"]~ div .sheet-bar span i {width:89%;} .sheet-graph-per2[value="90"]~ div .sheet-bar span i {width:90%;} 
.sheet-graph-per2[value="91"]~ div .sheet-bar span i {width:91%;} .sheet-graph-per2[value="92"]~ div .sheet-bar span i {width:92%;} .sheet-graph-per2[value="93"]~ div .sheet-bar span i {width:93%;} .sheet-graph-per2[value="94"]~ div .sheet-bar span i {width:94%;} .sheet-graph-per2[value="95"]~ div .sheet-bar span i {width:95%;} .sheet-graph-per2[value="96"]~ div .sheet-bar span i {width:96%;} .sheet-graph-per2[value="97"]~ div .sheet-bar span i {width:97%;} .sheet-graph-per2[value="98"]~ div .sheet-bar span i {width:98%;} .sheet-graph-per2[value="99"]~ div .sheet-bar span i {width:99%;} .sheet-graph-per2[value="100"]~ div .sheet-bar span i {width:100%;}

.sheet-graph-box .sheet-other-box {width:140px; padding-right:5px;}
.sheet-graph-box .sheet-other-box input[type="text"],
.sheet-graph-box .sheet-other-box input[type="number"] {text-align:center; font-size:1.2em; font-weight:800; background:rgba(60,87,80,.2);}
.sheet-graph-box .sheet-ohter-control button {font-size:12px !important; border-radius:0 !important; width:100%; background:#3c5750; color:#fff; height:30px;} 


.sheet-view-menu {display:table; width:100%; table-layout:fixed; overflow:hidden; margin-bottom:20px;}
.sheet-view-menu > * {display:table-cell; vertical-align:middle;}
.sheet-view-menu > * + * {text-align:right;}

.sheet-dice-setting {padding-left:1em;}
.sheet-dice-setting > div {height:37px; line-height:37px;}
.sheet-dice-setting .sheet-dice-check {display:block; position:relative; float:left; height:37px; line-height:37px;}
.sheet-dice-setting .sheet-dice-check > span {display:block; position:relative; padding:0 .8em; color:#414141; opacity:.5; z-index:0;}
.sheet-dice-setting .sheet-dice-check > span:before {content:""; display:block; position:absolute; top:-10px; left:50%; border:6px solid transparent; border-bottom-width:0; border-top-color:#3c5750; transform:translateX(-50%); -webkit-transform:translateX(-50%); opacity:0; transition:.3s all; -webkit-transition:.3s all;}
.sheet-dice-setting .sheet-dice-check > input[type="radio"] {display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
.sheet-dice-setting .sheet-dice-check > input[type="radio"]:checked + span {opacity:1; color:#3c5750; font-weight:800;}
.sheet-dice-setting .sheet-dice-check > input[type="radio"]:checked + span:before {top:0; opacity:1;}

.sheet-dice-setting .sheet-free-dice {float:right;}
.sheet-dice-setting .sheet-free-dice > * {float:left;}
.sheet-dice-setting .sheet-free-dice > span {padding-right:10px;}
.sheet-dice-setting .sheet-free-dice > input[type="text"] {width:80px !important; height:25px !important; text-align:center; margin:6px 0; border-radius:9em; background:rgba(60,87,80,.2);}
.sheet-dice-setting .sheet-free-dice .sheet-dice {height:37px !important; width:30px !important;}

.sheet-toggle-menu {width:30%;}
.sheet-toggle-menu div {display:block; position:relative; height:24px; z-index:0;}
.sheet-toggle-menu div:before {content:""; display:block; position:absolute; top:0; bottom:0; border-radius:9em; width:33.33%; background:#3c5750; transition:.3s all; -webkit-transition:.3s all;}
.sheet-toggle-menu div > * {display:block; position:absolute; width:33.33% !important; height:24px !important; line-height:24px; text-align:center; transition:.3s all; -webkit-transition:.3s all;}
.sheet-toggle-menu div span {z-index:0;}
.sheet-toggle-menu div input[type="radio"] {z-index:2;}
.sheet-toggle-menu div input[type="radio"]:checked + span {color:#fff;}
.sheet-toggle-menu div .sheet-view-def {left:0 !important;}
.sheet-toggle-menu div .sheet-view-att {left:33.33% !important;}
.sheet-toggle-menu div .sheet-view-bak {left:66.66% !important;}


/* Skill List */

.charsheet .sheet-specs-wrap {position:relative; padding:25px 10px 15px; margin:0 -20px;}
.charsheet .sheet-chk-edit,
.charsheet .sheet-chk-edit-label {display:block; position:absolute; width:75px; height:15px !important; top:0 !important; right:20px; left:auto !important;}
.charsheet .sheet-chk-edit-label span {display:block; float:left; margin-right:3px; color:rgba(60,87,80,1); font-weight:600;}
.charsheet .sheet-chk-edit {z-index:2;}
.charsheet .sheet-chk-edit-label {z-index:0; opacity:.8;}
.charsheet .sheet-chk-edit-label strong {display:block; position:relative; float:right; width:40px; height:11px; border-radius:9em; overflow:hidden; background:rgba(60,87,80,.3); margin-top:3px;}
.charsheet .sheet-chk-edit-label strong:before {content:""; display:block; position:absolute; top:0; bottom:0; left:0; width:60%; border-radius:9em; background:rgba(60,87,80,1); transition:.3s all; -webkit-transition:.3s all;}
.charsheet .sheet-chk-edit:checked + .sheet-chk-edit-label {opacity:1;}
.charsheet .sheet-chk-edit:checked + .sheet-chk-edit-label strong:before {left:40%;}
.charsheet .sheet-chk-edit:checked ~ * .sheet-spec-item .sheet-edit {display:block !important;}
.charsheet .sheet-chk-edit:checked ~ * .sheet-spec-item .sheet-read {display:none !important;}

.charsheet .sheet-chk-edit ~ * .sheet-group .repcontrol {display:none !important;}
.charsheet .sheet-chk-edit:checked ~ * .sheet-group .repcontrol {display:block !important; margin-top:5px !important;}
.charsheet .sheet-chk-edit:checked ~ * .sheet-group .sheet-w-txt > input[type="text"] {border-bottom:1px solid rgba(0,0,0,.5);}

.charsheet .sheet-group .sheet-w-txt > input[type="text"] {font-size:13px; color:#0f0f10;}

.charsheet .sheet-spec-list {display:block; position:relative; overflow:hidden; margin-top:10px;}
.charsheet .sheet-spec-list .sheet-group {display:block; position:relative; width:33.33%; padding:0 10px; float:left; border-right:1px solid rgba(60,87,80,.2);}
.charsheet .sheet-spec-list .sheet-group.last {border:none;}
.charsheet .sheet-spec-list * {font-family: 'RIDIBatang';}

.charsheet .sheet-spec-item {display:block; position:relative; padding-left:35px;}
.charsheet .sheet-spec-item .sheet-chk-spec {display:block; position:absolute; left:0; width:24px; height:25px !important; top:50% !important; transform:translateY(-50%); -webit-transform:translateY(-50%); background:url('https://i.imgur.com/5ilHQae.png') no-repeat left 5px top 50%; opacity:1 !important; z-index:1;}
.charsheet .sheet-spec-item .sheet-chk-spec:checked {background-position:right 4px top 50%;}
.charsheet .sheet-spec-item .sheet-edit {display:none !important;}
.charsheet .sheet-spec-item .sheet-name {display:block; position:relative; margin-right:45px; height:30px; line-height:30px; z-index:0; font-size:13px; }
.charsheet .sheet-spec-item .sheet-name p {display:block; position:relative; line-height:30px; color:#0f0f10;}
.charsheet .sheet-spec-item .sheet-name .sheet-read,
.charsheet .sheet-spec-item .sheet-name .sheet-edit {display:block; position:absolute; top:0; left:0; right:0; bottom:0;}
.charsheet .sheet-spec-item .sheet-name .sheet-read button {display:block; position:relative; width:100%; height:100%;}
.charsheet .sheet-spec-item .sheet-grade {display:block; position:absolute; right:0; top:0; width:40px; bottom:0; z-index:1;}
.charsheet .sheet-spec-item .sheet-grade > input[type="number"].sheet-read {display:block; position:absolute; top:5px; right:0; left:0; width:100%; height:20px; border-radius:9em !important; background:rgba(60,87,80,.15); text-align:center; color:#000;}
.charsheet .sheet-spec-item .sheet-grade > input[type="number"].sheet-edit {display:block; position:absolute; top:5px; right:0; left:0; width:100%; height:20px; border-bottom:1px solid rgba(0,0,0,.2); text-align:center; color:#000;}
.charsheet .sheet-spec-item .sheet-name .sheet-w-txt {display:block; position:relative; padding-right:40px;}
.charsheet .sheet-spec-item .sheet-name .sheet-w-txt span {display:block; position:absolute; top:0; right:0; bottom:0; width:40px;}


/* Fight */

.sheet-fight-box {display:block; overflow:hidden; margin:0 -.3% 10px;}
.sheet-fight-box .sheet-item {display:block; position:relative; width:24.4%; height:41px; float:left; box-sizing:border-box; margin:0 .3%; padding-left:7em; border:1px solid #3c5750;}
.sheet-fight-box .sheet-item .sheet-tit {display:block; position:absolute; top:0; left:0; bottom:0; width:7em; line-height:30px; text-align:center; background:#3c5750; z-index:0;}
.sheet-fight-box .sheet-item .sheet-tit.sheet-full {width:100%;}
.sheet-fight-box .sheet-item .sheet-tit + div {display:block; position:relative; width:80px; margin:0 auto;}
.sheet-fight-box .sheet-item .sheet-tit strong {line-height:40px; font-size:12px; color:#fff; font-weight:400;}
.sheet-fight-box .sheet-item input[type="text"],
.sheet-fight-box .sheet-item input[type="number"],
.sheet-fight-box .sheet-item select {height:40px !important; text-align:center; width:100%; font-size:15px; font-weight:800; color:#3c5750; padding:0 !important; background:transparent;}


/* Table */

.charsheet .sheet-table {display:block; position:relative;}
.charsheet .sheet-table + .sheet-table {margin-top:15px;}
.charsheet .sheet-table select {background-size:10px auto; background-position:top 50% right 10px;}
.charsheet .sheet-table .sheet-header {display:table; width:100%; overflow:hidden; height:30px; margin:0 0; padding:0; border:1px solid #3c5750;
	background: rgb(60,87,80);
	background: linear-gradient(0deg, rgba(60,87,80,0.5) 0%, rgba(60,87,80,1) 100%);
}
.charsheet .sheet-table .sheet-row {display:table; width:100%; position:relative; margin:0; border-bottom:1px solid rgb(60 87 80 / 20%);}
.charsheet .sheet-table .sheet-header > *,
.charsheet .sheet-table .sheet-row > * {display:table-cell; position:relative; vertical-align:middle;}
.charsheet .sheet-table .sheet-row > * {padding:5px 0;}
.charsheet .sheet-table .sheet-row > * > * {text-align:center;}
.charsheet .sheet-table .sheet-header > * {line-height:30px; height:30px; text-align:center; color:#fff; font-weight:600; font-size:13px;}
.charsheet .sheet-table .sheet-family-data {display:none;}
.charsheet .sheet-table .sheet-dic > button {width:30px !important; height:30px !important; top:5px !important; left:2px !important; opacity:1 !important;}
.charsheet .sheet-table .sheet-name > input {text-align:center; font-size:13px; height:30px;}
.charsheet .sheet-table .sheet-effect > input {font-size:12px; height:30px;}
.charsheet .sheet-table .sheet-func > * {text-align:center; text-align-last:center; padding-right:15px !important; padding-left:5px !important;}
.charsheet .sheet-table .sheet-dam > * {display:block; width:40% !important; float:left;}
.charsheet .sheet-table .sheet-dam > * + * {width:60% !important;}
.charsheet .sheet-table .sheet-name {width:20%;}
.charsheet .sheet-table .sheet-effect {width:80%;}
.charsheet .sheet-table .sheet-dic {width:35px;}
.charsheet .sheet-table .sheet-weapon {}
.charsheet .sheet-table .sheet-func {width:130px;}
.charsheet .sheet-table .sheet-dam {width:110px;}
.charsheet .sheet-table .sheet-dir {width:55px;}
.charsheet .sheet-table .sheet-count {width:55px;}
.charsheet .sheet-table .sheet-bullet {width:55px;}
.charsheet .sheet-table .sheet-fix {width:60px;}
.charsheet .sheet-table .sheet-pice {width:80px;}
.charsheet .sheet-table .sheet-def {width:100px;}
.charsheet .sheet-table .sheet-desc {width:395px;}
.charsheet .sheet-table .sheet-flag {width:35px; text-align:center;}
.charsheet .sheet-table .sheet-flag > input[type="checkbox"] {position:relative !important; width:20px !important; height:20px !important; background:url(https://i.imgur.com/1Y9WTdS.png) no-repeat 50% 50%; opacity:1; margin:0 auto;}
.charsheet .sheet-table .sheet-time {width:130px;}
.charsheet .sheet-table .sheet-cost {width:280px;}
.charsheet .sheet-table .sheet-flag-chkecked ~ .sheet-magic-desc {display:none; border-bottom:1px solid rgb(60 87 80 / 20%); padding-left:17px;}
.charsheet .sheet-table .sheet-flag-chkecked ~ .sheet-magic-desc textarea {display:block; position:relative; height:100px; padding:15px; box-sizing:border-box; border-left:1px solid rgb(60 87 80 / 20%);}
.charsheet .sheet-table .sheet-flag-chkecked[value="1"] ~ .sheet-magic-desc {display:block;}


/* Background Setting */

.charsheet .sheet-backs-group {overflow:hidden;}
.charsheet .sheet-backs-group .sheet-backs {display:block; position:relative; width:50%; padding:10px 15px; float:left;}
.charsheet .sheet-backs-group ~ .sheet-sub-title {margin-left:15px;}
.charsheet .sheet-backs-group .sheet-backs .sheet-cols-wrap {display:block; position:relative; overflow:hidden;}
.charsheet .sheet-backs-group .sheet-backs .sheet-cols-wrap .sheet-cols {display:block; position:relative; padding:0 5px;}
.charsheet .sheet-backs-group .sheet-backs .sheet-cols-wrap .sheet-cols + .sheet-cols {margin-top:10px;}
.charsheet .sheet-backs-group .sheet-backs .sheet-cols-wrap .sheet-cols textarea {display:block; position:relative; height:60px;}
.charsheet .sheet-backs-group .sheet-rows {display:block; position:relative; padding-left:60px; height:30px; line-height:30px; margin-bottom:5px;}
.charsheet .sheet-backs-group .sheet-rows strong {display:block; position:absolute; top:0; left:0; width:50px;}
.charsheet .sheet-backs-group .sheet-rows span {display:block; position:relative; height:30px;}
.charsheet .sheet-backs-group .sheet-txt {clear:both;}
.charsheet .sheet-backs-group .sheet-txt textarea {height:105px; padding:0 !important; line-height:21px; border-bottom:1px solid rgb(60 87 80 / 20%);
	background-attachment: local;
	background-image:repeating-linear-gradient(white, white 20px, rgb(60 87 80 / 20%) 20px, rgb(60 87 80 / 20%) 21px, white 21px);
}
.charsheet .sheet-backs-group .sheet-txt input[type="text"] {height:21px !important; border-bottom:1px solid rgb(60 87 80 / 20%);}
.charsheet .sheet-backs-group .sheet-tit {display:inline-block; position:relative; line-height:30px; margin-bottom:10px;}
.charsheet .sheet-backs-group .sheet-tit strong {border-bottom:1px solid #3c5750; color:#000; padding:0; font-size:1.1em; min-width:3em;}
.charsheet .sheet-backs-group .sheet-tit-both {overflow:hidden;}
.charsheet .sheet-backs-group .sheet-title-text {display:block; position:relative; padding-left:60px; width:49%; box-sizing:border-box; float:left;}
.charsheet .sheet-backs-group .sheet-title-text + .sheet-title-text {float:right;}
.charsheet .sheet-backs-group .sheet-title-text strong {display:block; position:absolute; top:0; left:0; height:21px; line-height:21px; text-align:center; color:#fff; background:#3c5750; width:55px; border-top:1px solid #fff; box-sizing:border-box; overflow:hidden; font-weight:100;}
.charsheet .sheet-backs-wrap textarea {background:rgb(60 87 80 / 20%); border-radius:10px !important; padding:10px; line-height:1.5; font-size:12px;}
.charsheet .sheet-backs-wrap input[type="text"] {background:rgb(60 87 80 / 20%); border-radius:10px !important; padding:0 10px !important; line-height:1.5; font-size:12px;}
.charsheet .sheet-memo-wrap textarea {background:rgba(0,0,0,.1); border-radius:10px !important; min-height:600px; padding:10px; line-height:1.5; font-size:12px;}

.sheet-copyright {text-align:center; padding:20px 0 20px; font-size:11px; opacity:.5;}


.sheet-rolltemplate-coc {position:relative; overflow:hidden; z-index:0;}
.sheet-rolltemplate-coc:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border:50px solid; border-image:url(https://i.imgur.com/CCr2Uri.png) 80 / 50px / 0px round; z-index:-1;}
.sheet-rolltemplate-coc:after {content:""; display:block; position:absolute; top:11px; left:11px; right:11px; bottom:11px; background:url(https://i.imgur.com/rkrMbDA.png) repeat-y; background-size:100% auto; z-index:-2;}
.sheet-rolltemplate-coc * {color:#000; }
.sheet-rolltemplate-coc .inlinerollresult {display:inline !important; font-size:1em !important; opacity:1 !important; padding:0 !important; background:transparent !important; border:none !important;}
.sheet-rolltemplate-coc .sheet-coc-wrap {position:relative; padding:25px 15px; min-height:100px; font-size:12px; text-align:center; box-sizing:border-box;}

.sheet-rolltemplate-coc .sheet-tit {display:block; position:relative; text-align:center; margin-bottom:5px; padding-bottom:15px; z-index:1; background:url(https://i.imgur.com/xTR8tLy.png) no-repeat 50% 100%, url(https://i.imgur.com/A0eAJNX.png) no-repeat bottom 3px right 10px; background-size:100% 5px, auto auto;}
.sheet-rolltemplate-coc .sheet-wrap-single {display:table; width:100%; height:50px;}
.sheet-rolltemplate-coc .sheet-wrap-single .sheet-tit {display:table-cell; vertical-align:middle; margin-bottom:0; padding-bottom:0; background:transparent;}

.sheet-rolltemplate-coc .sheet-tit strong {display:block; position:relative; font-size:18px; line-height:1.3; font-weight:800 !important; font-family:'Nanum Myeongjo', serif;}
.sheet-rolltemplate-coc .sheet-tit span {display:block; position:relative; font-size:11px; font-style:normal; color:#000; opacity:.8; line-height:15px; padding-bottom:5px;}

.sheet-rolltemplate-coc .sheet-dice-con {display:block; position:relative;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-dice-result {display:block; position:relative; margin:0 auto; width:80px; height:80px; text-align:center; line-height:80px; font-size:30px; font-weight:400; color:#fff; white-space:nowrap; z-index:0;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-dice-result:before {content:""; display:block; position:absolute; z-index:-1; top:0; left:0; bottom:0; right:0; background:url(https://i.imgur.com/jEaObym.png) no-repeat 50% 50%; background-size:contain; opacity:.5;}
.sheet-rolltemplate-coc .sheet-coc-wrap .sheet-dice-result * {color:#fff !important; font-family:'Nanum Myeongjo', serif; text-shadow: rgb(68, 86, 35) 2px 0px 0px, rgb(68, 86, 35) 1.75517px 0.958851px 0px, rgb(68, 86, 35) 1.0806px 1.68294px 0px, rgb(68, 86, 35) 0.141474px 1.99499px 0px, rgb(68, 86, 35) -0.832294px 1.81859px 0px, rgb(68, 86, 35) -1.60229px 1.19694px 0px, rgb(68, 86, 35) -1.97998px 0.28224px 0px, rgb(68, 86, 35) -1.87291px -0.701566px 0px, rgb(68, 86, 35) -1.30729px -1.5136px 0px, rgb(68, 86, 35) -0.421592px -1.95506px 0px, rgb(68, 86, 35) 0.567324px -1.91785px 0px, rgb(68, 86, 35) 1.41734px -1.41108px 0px, rgb(68, 86, 35) 1.92034px -0.558831px 0px;}

.sheet-rolltemplate-coc .sheet-dice-con .sheet-dice-spec {display:block; position:relative; margin-right:0; text-align:center; margin-bottom:10px;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-dice-spec > span {display:inline-block; vertical-align:middle; margin:0 .3em; width:20px; height:20px; line-height:20px; border-radius:100%; background:#445623; color:#fff; font-size:11px;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-dice-spec > span * {color:#fff !important; font-size:11px; font-weight:100;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-result {display:block; position:relative;  margin-right:0; padding-top:15px; text-align:center;}
.sheet-rolltemplate-coc .sheet-dice-con * + .sheet-result {padding-top:0;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-result > span {display:block; position:relative; height:25px; line-height:25px; text-align:center; color:#fff; background: rgb(0,0,0); background: linear-gradient(-97deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%); }
.sheet-rolltemplate-coc .sheet-dice-con .sheet-result .sheet-fumble {background:rgb(255,0,42); background: linear-gradient(-97deg, rgba(255,0,42,0) 0%, rgba(255,0,42,1) 20%, rgba(255,0,42,1) 80%, rgba(255,0,42,0) 100%);}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-result .sheet-fale {background:rgb(84,0,0); background: linear-gradient(-97deg, rgba(84,0,0,0) 0%, rgba(84,0,0,1) 20%, rgba(84,0,0,1) 80%, rgba(84,0,0,0) 100%);}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-result .sheet-success {background:rgb(21,105,96); background: linear-gradient(-97deg, rgba(21,105,96,0) 0%, rgba(21,105,96,1) 20%, rgba(21,105,96,1) 80%, rgba(21,105,96,0) 100%);}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-result .sheet-hard-success {background:rgb(82,153,78); background: linear-gradient(-97deg, rgba(82,153,78,0) 0%, rgba(82,153,78,1) 20%, rgba(82,153,78,1) 80%, rgba(82,153,78,0) 100%);}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-result .sheet-extreme-success {background:rgb(62,192,181); background: linear-gradient(-97deg, rgba(62,192,181,0) 0%, rgba(62,192,181,1) 20%, rgba(62,192,181,1) 80%, rgba(62,192,181,0) 100%);}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-result .sheet-critical {background:rgb(104, 185, 0); background: linear-gradient(-97deg, rgba(104, 185, 0,0) 0%, rgba(104, 185, 0,1) 20%, rgba(104, 185, 0,1) 80%, rgba(104, 185, 0,0) 100%);}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-dicetype {display:block; position:relative; margin-right:0; text-align:center; font-size:12px; line-height:30px; height:30px; margin-bottom:10px; font-weight:800;}
.sheet-rolltemplate-coc .sheet-dice-con .sheet-dicetype em {font-style:normal;}
.sheet-rolltemplate-coc .sheet-dice-list {display:table; width:100%; padding:20px 0 0; table-layout:fixed;}
.sheet-rolltemplate-coc .sheet-dice-list > div {display:table-cell; text-align:center; vertical-align:middle; padding:0; font-size:15px;}
.sheet-rolltemplate-coc .sheet-dice-list > div.sheet-50 {width:50%;}
.sheet-rolltemplate-coc .sheet-dice-list > div.sheet-33 {width:33.33%;}
.sheet-rolltemplate-coc .sheet-dice-list > div + div {border-left:1px solid rgba(0,0,0,.1);}
.sheet-rolltemplate-coc .sheet-dice-list .inlinerollresult {font-weight:600;}

.sheet-rolltemplate-coc .sheet-desc {display:block; position:relative; text-align:center; background:url(https://i.imgur.com/xTR8tLy.png) no-repeat 50% 0; background-size:100% 5px; padding-top:10px; margin-top:15px;}
.sheet-rolltemplate-coc .sheet-tit + .sheet-desc,
.sheet-rolltemplate-coc .sheet-dice-con + .sheet-desc {padding-top:0; background:transparent; margin-top:0;}
.sheet-rolltemplate-coc .sheet-dice-list + .sheet-desc {margin-top:15px !important;}
.sheet-rolltemplate-coc .sheet-desc-inner {display:block; position:relative; padding:15px 0; font-size:12px; line-height:1.5; font-weight:400; z-index:0; word-break:keep-all;}

.sheet-rolltemplate-coc .sheet-magic-desc .sheet-desc-inner {background:rgba(255,240,158, .5);}

.sheet-rolltemplate-coc .sheet-desc .sheet-desc-tit {display:block; position:relative; padding-bottom:10px; font-family:'Nanum Myeongjo'; text-align:center; font-size:13px; font-weight:800;}
.sheet-rolltemplate-coc .sheet-desc .sheet-desc-bot {display:block; position:relative; background:url(https://i.imgur.com/xTR8tLy.png) no-repeat 50% 0; background-size:100% 5px; padding-top:10px; margin-top:15px;}
.sheet-rolltemplate-coc .sheet-desc p {font-size:12px; font-weight:400; word-break:keep-all;}
.sheet-rolltemplate-coc .sheet-desc.sheet-single-txt {margin-top:0;}
.sheet-rolltemplate-coc .sheet-desc.sheet-single-txt .sheet-desc-inner {padding:10px;}
.sheet-rolltemplate-coc .sheet-desc.sheet-single-txt:before,
.sheet-rolltemplate-coc .sheet-desc.sheet-single-txt:after {display:none;}
.sheet-rolltemplate-coc .sheet-side-tit {display:inline-block; vertical-align:middle; border-radius:9em; line-height:25px; background:#445623; color:#fff; padding:0 10px; font-weight:400; margin:5px 2px;}

.sheet-rolltemplate-coc .sheet-desc .sheet-time,
.sheet-rolltemplate-coc .sheet-desc .sheet-cost {text-align:left; margin:5px 0; padding:0 10px;}
.sheet-rolltemplate-coc .sheet-desc .sheet-time:before {content:"시전시간"; font-family:'Nanum Myeongjo'; font-weight:800; padding-right:1em;}
.sheet-rolltemplate-coc .sheet-desc .sheet-cost:before {content:"비용"; font-family:'Nanum Myeongjo'; font-weight:800; padding-right:1em;}

.sheet-rolltemplate-coc .sheet-desc .sheet-time,
.sheet-rolltemplate-coc .sheet-desc .sheet-cost {margin-top:15px;} 
.sheet-rolltemplate-coc .sheet-desc .sheet-time + .sheet-cost {margin-top:5px;}

.sheet-rolltemplate-coc .sheet-body {font-size:14px;}
.sheet-rolltemplate-coc .sheet-body em {font-style:normal;}

API