제사모 이벤트 신청서

<div fontId="{=fontId}" class="font_info_tooltip_{=fontId} font_info_tooltip hide ui_button">
			<table cellpadding='0' cellspacing='0' width='100%' border='0' class="tooltip_info_tbl">
			<tr>
				<td colspan='2'>
					<b>{=fontName}</b>
				</td>
			<tr>
				<td width='10px'>
					<b>·</b>
				</td>
				<td>
					{=summaryDesc}
				</td>
			</tr>
			<tr>
				<td width='10px'>
					<b>·</b>
				</td>
				<td>
					사용범위 : {=licenseType}
				</td>
			</tr>
			<tr>
				<td width='10px'>
					<b>·</b>
				</td>
				<td>
					개발사 : {=developCompanyName} <span id="go_font_dev_company" url='{=developCompanySite}' target='_blank' class="ui_button go_font_dev_company"><u>공식 웹사이트</u></span>
				</td>
			</tr>
			</table>
		</div>

<span class="popular_wrap column">
						<em>인기</em> 
						<span class="popular">
							<span style="width:{=popularity}%"></span>
						</span>
					</span>
					<span class="source column"> 
						<em>|</em> 
						<span>평점</span><strong>{=score}</strong> <em>|</em> 
					</span>
					<a href="{=download_url}" target="_blank" class="ico_downPh column" onClick="javascript:util.setNClick('fta.down')">
						<div class="ico_down column">
							<span class="ico_down_label">다운로드</span>
						</div></a> 
				</div>
			</div>
		</div>

<div id='{=id}' class='comment_dialog_panel {=className}' position='{=position}' commentid='{=commentId}' tabindex="-1">
			<div class='comment_dialog_wrap{=isInsert}'></div>
			<div class='comment_dialog_wrap2'>
				<textarea class='c_textarea' tabindex="0" name='cTextarea' maxlength='140'>{=txtReply}</textarea>
				<div class="comment_email_container">
					<div class="comment_email">
					</div>
				</div>
				<div class='comment_dialog_btn_panel' name='commentDialogBtnPanel'>
					<div class='comment_btn ui_button ui_component accent normal len3 off' name='commentBtn' tabindex="0">
						{=btnComment}
					</div> 
					<div class='comment_cancel_btn ui_button normal len3' data-ncode="com.tcancel" name='commentCancelBtn' tabindex="0">
						취소
					</div>
				</div>
			</div>
			<div id="commentCaretOuter" class="comment_caret_outer"></div>
			<div id="commentCaretInner" class="comment_caret_inner"></div>
			<div name='modalLayerDeleteNoti' class='modal_layer delete_noti'>
				<div class='modal_layer_btn_wrap'>
					<div class='modal_layer_label delete_noti'>댓글이 삭제 또는 완료되어 <br/> 답글을 입력하실 수 없습니다.</div><br>
					<div class='comment_delete_noti_btn ui_button ui_component normal len3' name='commentDeleteNotiBtn'>확인</div>
				</div>
			</div>
			<div name='modalLayer' class='modal_layer first'>
				<div id='modalLayerBtnWrap' class='modal_layer_btn_wrap'>
					<div id='modalLayerLabel' class='modal_layer_label'>{=btnDeleteReply}</div><br>
					<div id='commentDeleteConfirmBtn' class='comment_delete_confirm_btn ui_button ui_component normal len3' tabindex="0">예</div>
					<div id='commentDeleteCancelBtn' class='comment_delete_cancel_btn ui_button ui_component normal len3' tabindex="0">아니오</div>
				</div>
			</div>
		</div>

<div class='comment_dialog_item {=className}' name='commentDialogItem' commentorder='{=commentOrder}'>
			<div name='modalLayer' class='modal_layer'>
				<div id='modalLayerBtnWrap' class='modal_layer_btn_wrap'>
					<div id='modalLayerLabel' class='modal_layer_label'>{=btnDeleteReply}</div><br>
					<div id='commentDeleteConfirmBtn' class='comment_delete_confirm_btn ui_button ui_component normal len3' tabindex="0">예</div>
					<div id='commentDeleteCancelBtn' class='comment_delete_cancel_btn ui_button ui_component normal len3' tabindex="0">아니오</div>
				</div>
			</div>
			<div class='comment_dialog_high'>
				<div class='comment_user_image {=userNameColor}' style="{=userImageStyle}"></div>
				<div class="comment_dialog_top_middle">
					<div class='comment_user_name' title='{=userName}'>{=userName}</div>
					<div class='comment_date'>{=commentTs}</div>
				</div>
				<div class="comment_dialog_top_right">
					<div name='commentComplate' class='comment_complate ui_button small len4 accent' data-ncode="com.tend" tabindex="0" >
						완료
					</div>
					<div name='commentModify' class='comment_modify ui_button ui_component' tabindex="0" setvaluemsg='SET_VALUE_BUTTON'>
						<a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>수정</span></a>
					</div>
					<div name='commentDelete' class='comment_delete ui_button ui_component' tabindex="0" setvaluemsg='SET_VALUE_BUTTON'>
						<a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>삭제</span></a>
					</div>
				</div>
			</div> 
			<div class='comment_dialog_middle'> 
				<textarea name='commentTextarea' class='comment_textarea' setvaluemsg='SET_VALUE_INPUTBOX' maxlength='140'>
				</textarea>
				<div class="comment_email_container">
					<div class="comment_email comment_gnb_email">
					</div>
				</div>
				<div class='comment_text_label text_selectable'>{=content}</div>
				<div name='commentShowMore' class="comment_show_more ui_button ui_component" setvaluemsg="SET_VALUE_BUTTON">
					<a class="tab_order" name="tab_order" unselectable="on"><span unselectable="on">더보기</span></a>
				</div>
				<div name='commentShowLess' class="comment_show_less ui_button ui_component" setvaluemsg="SET_VALUE_BUTTON">
					<a class="tab_order" name="tab_order" unselectable="on"><span unselectable="on">간략히</span></a>
				</div>
				
			</div> 
			<div class='comment_dialog_low'> 
				<div name='commentSaveBtn' class='comment_save_btn ui_button normal len3 accent ui_component' setvaluemsg='SET_VALUE_BUTTON' tabindex="0" >
					저장
				</div>
				<div name='commentSaveCancelBtn' class='comment_save_cancel_btn ui_button normal len3' setvaluemsg='SET_VALUE_BUTTON'  tabindex="0" >
					취소
				</div>
			</div>

</div>

<div id='{=id}' name='allCommentPanel' class='all_comment_panel {=className}' position='{=position}' commentid='{=commentId}' value="{=position}">
			<div class='all_comment_left_panel'>
				<div class='all_comment_image ui_button' data-ncode="all.pic" style="{=userImageStyle}"></div>
			</div> 
			<div class='all_comment_right_panel'>
				{=itemHtml}
			</div>
			<div id='allCommentInputArea{=itemIdx}' class='all_comment_input_area {=resolved}'>
				<div class='all_comment_user_image' style="{=inputAreaUserImageStyle}"></div>
				<textarea tabindex="0" class="all_cTextarea" maxlength="140">답글...</textarea>
				<div class="comment_email_container">
					<div class="comment_email comment_gnb_email">
					</div>
				</div>
				<div id='allCommentBtnPanel{=itemIdx}' class='all_comment_btn_panel' name='allCommentBtnPanel'>
					<div name='allCommentInputBtn' class='all_comment_input_btn ui_button ui_component normal len3 accent off' data-ncode="all.din" setvaluemsg ='SET_VALUE_BUTTON' tabindex="0">답글</div>
					<div name='allCommentCancelBtn' class='all_comment_cancel_btn ui_button ui_component normal len3 accent' data-ncode="all.dcancel" setvaluemsg ='SET_VALUE_BUTTON' tabindex="0">취소</div>
				</div>
			</div>
		</div>

<div class='all_comment_right_item {=className}' commentorder='{=commentOrder}'>
			<div id='allCommentInfo' class='all_comment_info'>
				<div name='modalLayer' class='modal_layer'>
					<div id='modalLayerBtnWrap' class='modal_layer_btn_wrap'>
						<div id='modalLayerLabel' class='modal_layer_label'>선택하신 댓글을 삭제하시겠습니까?</div><br>
						<div id='allCommentDeleteConfirmBtn' class='all_comment_delete_confirm_btn ui_button ui_component normal len3' tabindex="0">예</div>
						<div id='allCommentDeleteCancelBtn' class='all_comment_delete_cancel_btn ui_button ui_component normal len3' tabindex="0">아니오</div>
					</div>
				</div>
				<div class='all_comment_high'>
					<div class='comment_user_name' title='{=userName}'>{=userName}</div>
					<div name='commentReopen' class ='comment_reopen ui_button ui_component' data-ncode="all.reopen" setvaluemsg='SET_VALUE_BUTTON' tabindex="0" style="{=reopenStyle}">
						<a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>다시열기</span></a>
					</div>
					<div class ='comment_date'>{=commentTs}</div>
				</div> 
				<div class='all_comment_middle'>
					<div class='all_comment_content text_selectable'>{=content}</div>
					<textarea tabindex="0" class="all_comment_textarea" maxlength="140">
					</textarea>
					<div class="comment_email_container">
						<div class="comment_email comment_gnb_email">
						</div>
					</div>
				</div>
				<div class='all_comment_low'>
					<div id='allCommentModify' class= 'all_comment_modify ui_button ui_component' data-ncode="all.tmodify" setvaluemsg ='SET_VALUE_BUTTON' tabindex="0">
						<a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>수정</span></a>
					</div>
					<div id='allCommentDelete' class = 'all_comment_delete ui_button ui_component' data-ncode="all.tdel" setvaluemsg ='SET_VALUE_BUTTON' tabindex="0">
						<a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>삭제</span></a>
					</div>
					<div id='allCommentResolve' class = 'all_comment_resolve ui_button ui_component' data-ncode="all.tend" setvaluemsg ='SET_VALUE_BUTTON' tabindex="0">
						<a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>완료</span></a>
					</div>
				</div>
				<div class='all_comment_modify_btn_panel'>
					<div name='allCommentSaveBtn' class='all_comment_save_btn ui_button ui_component normal len3 accent' setvaluemsg='SET_VALUE_BUTTON' tabindex="0">
						<a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>저장</span></a>
					</div> 	
					<div name='allCommentSaveCancelBtn' class='all_comment_save_cancel_btn ui_button ui_component normal len3' setvaluemsg='SET_VALUE_BUTTON' tabindex="0">
						<a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>취소</span></a>
					</div>
				</div>
			</div>

</div>

<div class='all_comment_right_item {=className}' commentorder='{=commentOrder}'>
			<div name='modalLayer' class='modal_layer'>
				<div id='modalLayerBtnWrap' class='modal_layer_btn_wrap'>
					<div id='modalLayerLabel' class='modal_layer_label'>선택하신 답글을 삭제하시겠습니까?</div><br>
					<div id='allCommentDeleteConfirmBtn' class='all_comment_delete_confirm_btn ui_button ui_component normal len3' tabindex="0">예</div>
					<div id='allCommentDeleteCancelBtn' class='all_comment_delete_cancel_btn ui_button ui_component normal len3' tabindex="0">아니오</div>
				</div>
			</div>
			<div class='all_comment_user_image' style="{=userImageStyle}"></div>
			<div id='allCommentInfo' class='all_comment_info'>
				<div class='all_comment_high'>
					<div class='comment_user_name' title='{=userName}'>{=userName}</div>
					<div class='all_comment_content text_selectable'>{=content}</div>
				</div> 
				<div class='all_comment_middle'>
					<textarea tabindex="0" class="all_comment_textarea" maxlength="140">
					</textarea>
					<div class="comment_email_container">
						<div class="comment_email comment_gnb_email">
						</div>
					</div>
				</div>
				<div class='all_comment_low'>
					<div class ='comment_date'>{=commentTs}</div>
					<div id='allCommentModify' class= 'all_comment_modify ui_button ui_component' data-ncode="all.dmodify" setvaluemsg ='SET_VALUE_BUTTON' tabindex="0">
						<a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>수정</span></a>
					</div>
					<div id='allCommentDelete' class = 'all_comment_delete ui_button ui_component' data-ncode="all.ddel" setvaluemsg ='SET_VALUE_BUTTON' tabindex="0">
						<a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>삭제</span></a>
					</div>
				</div>
				<div class='all_comment_modify_btn_panel'>
					<div name='allCommentSaveBtn' class='all_comment_save_btn ui_button ui_component normal len3 accent' setvaluemsg='SET_VALUE_BUTTON' tabindex="0">
						<a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>저장</span></a>
					</div> 	
					<div name='allCommentSaveCancelBtn' class='all_comment_save_cancel_btn ui_button ui_component normal len3' setvaluemsg='SET_VALUE_BUTTON' tabindex="0">
						<a class='tab_order' name='tab_order' unselectable='on'><span unselectable='on'>취소</span></a>
					</div>
				</div>
			</div>
		</div>

<div style="max-width:679px;padding:40px 0px 0px 0px;font-family:나눔고딕, 맑은 고딕, 돋움;background-color:white;">
			<div style='padding-bottom: 10px;background-color:#FFFFFF;border-bottom:3px solid #666666'>
					<div style="float: right;margin-top: 2px;font-size: 14px;">></div>
					<a href="{=shareUrl}" target="_blank" style="color:#000">
						  <div style="float: right;text-decoration: underline;margin-top: 2px;font-size: 14px;"> 
							  문서 확인하러 가기
						  </div>
					  </a>
				</div>
			<div style="background-color:#FFFFFF;padding:23px 0px 0px 0px;float:left;">
				{=contents}
			</div>
			
			<div style="text-align:center;padding:27px 0px 10px 0px;height:157px;font-size:11px;color:#FFFFFF;clear:both;">
				<div style="text-align:center;border-top:3px solid #666666;padding:25px 0px 12px 0px;margin:0px auto;">
					<div style="color:#AAAAAA;">본 메일은 발신 전용 메일입니다. 궁금한 점이나 불편한 사항은 <a href='{=customerCenter}' target='_blank'  style='color:#666666;'>고객센터</a>에 문의해 주시기 바랍니다.</div>
				</div>
			</div>
		</div>

<div class="pageBreakInfo"></div>
	{=pageInfoLayer}
	<div class="itemOptionPh displayModeOption holder">
		<div class="itemEditBtnPh holder">
			<div class='itemEditMenu holder'>
				<div menu="editItem" class="itemEditBtn column ui_focusable"  data-ncode="edt.edtbutton" role="button" title="편집" tabindex="0"> </div>
				<div menu="duplicateItem" class="itemDuplicateBtn column ui_focusable"  data-ncode="edt.copybutton" role="button" title="복제" tabindex="0"> </div>
				<div menu="deleteItem" class="itemDeleteBtn column ui_focusable" data-ncode="edt.deletebutton" role="button" title="삭제" tabindex="0"> </div>
			</div>
			<div class="itemUpDownPh holder">
				<div menu="moveItemUp" class="itemUpBtn ui_focusable" data-ncode="edt.up" role="button" title="위로" tabindex="0"> </div>
				<div menu="moveItemDown" class="itemDownBtn ui_focusable" data-ncode="edt.down" role="button" title="아래로" tabindex="0"> </div>
			</div>
		</div>
		<div class="title">
			<div>
				<span class="edit_page_title">{=title}</span><span class="requiredMark">*</span>
			</div>
			<span class="quiz-score-wrap"></span>
		</div>
		<div class="description holder hide">{=description}</div>
		<img src="{=mainImage}" class="imageResource hide">
		{=requiredCheckCount}
		
		<div class="itemOptions">{=itemOptions}</div>
	</div>

<div class="pageSelector holder">
		<div class="column addNextPageButton">
			<div id="pageMoveButtonCheck_{=itemId}" name="pageMoveButtonCheck_{=itemId}" class="pageMoveButtonCheck pageMoveButtonCheck_{=itemId} ui_active ui_radio ui_component" value="nextPage" setvaluemsg="SET_VALUE_RADIO">
				<div class="radio" unselectable="on"></div>
				<span class="span_label radio_label">
					<div class="column insertNextPageButton">
						<img src="/form/images/insertNextPageButton.jpg" class="column buttonImage"><div class="column insertLabel">버튼 삽입 : </div>
					</div>
				</span>
		</div>
	</div>
		{=pageSelect}
		<div class="column label">로 이동</div>
		<div class="column addSubmitButton">
			<div id="pageMoveButtonCheck_{=itemId}" name="pageMoveButtonCheck_{=itemId}" class="pageMoveButtonCheck pageMoveButtonCheck_{=itemId} ui_active ui_radio ui_component" value="submitPage" setvaluemsg="SET_VALUE_RADIO">
				<div class="radio" unselectable="on"></div>
				<span class="span_label radio_label">
					<div class="column insertSubmitButton">
						<img src="/form/images/insertSubmitButton.jpg" class="column buttonImage"><div class="column insertLabel">버튼 삽입</div>
					</div>
				</span>
			</div>
		</div>
	</div>

{=pageInfoLayer}
	<div class="itemEditModePh">
		<div class="itemEditMenuPh">
			<div class='itemEditMenu holder'>
				<div menu="editItem" class="itemEditBtnSelect column ui_focusable" data-ncode="edt.edtbutton" role="button" title="편집" tabindex='0'> </div>
				<div menu="duplicateItem" class="itemDuplicateBtn column ui_focusable" data-ncode="edt.copybutton" role="button" title="복제" tabindex='0'> </div>
				<div menu="deleteItem" class="itemDeleteBtn column ui_focusable" data-ncode="edt.deletebutton" role="button" title="삭제" tabindex='0'> </div>
				<div class="requiredPh column">
					<div id="required" name="required" role="checkbox" class="required ui_checkbox disable ui_component ui_active ui_focusable" tabindex='0' aria-label="필수항목" value="1" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" data-ncode="edt.require">
						<a class="tab_order check_holder" name="tab_order" unselectable="on"></a>
						<div class="checkbox" unselectable="on"></div>
						<div class="checkbox_label" unselectable="on">필수항목</div>
					</div>
				</div>
			</div>
			<div class="itemUpDownEditPh holder">
				<div menu="moveItemUp" class="itemUpBtn ui_focusable" data-ncode="edt.up" role="button" title="위로" tabindex="0"> </div>
				<div menu="moveItemDown" class="itemDownBtn ui_focusable" data-ncode="edt.down" role="button" title="아래로" tabindex="0"> </div>
			</div>
		</div>
		<div class="itemTitlePh holder">
			<div class="column label">
				{if titleLabel}
					{=titleLabel}
				{else}
					항목 제목
				{/if}
			</div>
			<div class="column"> 
				<input type="text" id="title" title="항목 제목" name="title" class="itemTitle ui_inputbox ui_component ui_focusable" {=customAttribute} setvaluemsg="SET_VALUE_INPUTBOX">
				<label for="title" style="display: none;">항목 제목</label>
			</div>
		</div>

<div class="itemDescriptionPh holder">
			<div class="column label">
				{if descriptionLabel}
					{=descriptionLabel}
				{else}
					항목 설명
				{/if}
			</div>
			<div class="column"> 
				<input type="text" id="description" title="항목 설명" name="description" class="itemDescription ui_inputbox ui_component ui_focusable" maxlength="1000" setvaluemsg="SET_VALUE_INPUTBOX">
				<div class="synap_editor_wrapper description ui_active hide">
					<div id="synapeditor_description"></div>
				</div>
				<label for="description" style="display: none;">항목 설명</label>
			</div>
			<div class="column">
				{=mainImageButton}
			</div>
		</div>
		
		{=mainImageImgTag}
		
		<div class="itemTypePh holder">
			<div class="itemType column">
				<div class="column label">유형</div>
				<div class="column">
					{=itemType}
				</div>
				<div class="column fieldSizePh">
					<div class="column fieldSizeLabel">
						{=fieldSizeLabel}
					</div>
					<div class="column fieldSizeSelect">
						<div class="holder" role="radiogroup" aria-label="사이즈">
						{=fieldSize}
					</div>
				</div>
				<div class="column multipleAnswersPh">
					{=multipleAnswers}
				</div>
				</div>
				<div class="column datetimePh">
					<div class="column useTimePh">
						{=dateUseTime}
					</div>
					<div class="column lunarPh hide">
						{=dateLunar}
					</div>
				</div>
			</div>
			<div class="pageMoveOption column">
				{=pageMoveOption}
			</div>
			<div class="optionAlign column">
				<div id="optionAlignCheck" name="optionAlignCheck" class="optionAlignCheck ui_checkbox disable ui_component ui_focusable" style='width:200px;' value="horizontal" setvaluemsg="SET_VALUE_CHECKBOX" checked="false"
					role="checkbox" tabindex="0" aria-label="좌우 정렬" aria-checked="false"
				>
					<a class="tab_order check_holder" name="tab_order" unselectable="on"></a>
					<div class="checkbox" unselectable="on"></div>
					<div class="checkbox_label" unselectable="on">좌우 정렬</div>
				</div>
			</div>
			<div class="retypeCheckPh column">
				{=retypeCheck}
			</div>
			<div class="quiz-setting-wrap column">
				<div id="quiz-setting" class="quiz-setting ui_checkbox disable ui_component ui_focusable" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" data-ncode="rsp.quiz-setting"
					role="checkbox" tabindex="0" aria-label="퀴즈 모드" aria-checked="false"
				>
					<a class="tab_order" name="tab_order" unselectable="on"></a>
					<div class="checkbox" unselectable="on"></div>
					<div class="checkbox_label" unselectable="on">퀴즈 모드</div>
				</div>
			</div>
			<div class="randomRenderOption-wrap column">
				<div id="randomRenderOption" class="randomRenderOption ui_checkbox disable ui_component ui_focusable" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" data-ncode="rsp.randomRenderOption"
					role="checkbox" tabindex="0" aria-label="랜덤 옵션" aria-checked="false"
				>
					<a class="tab_order" name="tab_order" unselectable="on"></a>
					<div class="checkbox" unselectable="on"></div>
					<div class="checkbox_label" unselectable="on">랜덤 옵션</div>
				</div>
			</div>
			<div style="clear: both"></div>
			<div id="attachmentTypeDescription"></div>
		</div>
		
		<div class="requiredCheckCountPh holder">
			<div class="column">
				<div class="column label">필수 선택 수</div>
				<div class="column">
					<div class='selectBox column'>{=minCheckCount}</div>
					<div class='rangeMark column'> ~ </div>
					<div class='selectBox column'>{=maxCheckCount}</div>
				</div>
				<div class="column requiredCheckMsg"></div>
			</div>
		</div>

<div class="itemOptionsPh">
			<div class="quiz-mode">
				<div class="quiz-mode-description">
					<span>아래에서 정답을 선택하세요.</span>
					<div class="tooltip">
						<span class="quiz-guide guide ui_quiz ui_button tooltip-icon" id="quiz-guide">?</span>
						<div class="tooltiptext {=type}">
							<img src="{=quizGuideImgSrc}"/><br>
							<div class="guide-wrap singleChoice selectBox">
								<p>1. 문항의 점수를 입력해 주세요.</p>
								<p>2. 라디오버튼을 클릭하여 정답이 될 옵션을 선택해 주세요.</p>
							</div>
							<div class="guide-wrap multipleChoice">
								<p>1. 문항의 점수를 입력해 주세요.</p>
								<p>2. 체크박스를 클릭하여 정답이 될 옵션을 선택해 주세요.</p>
							</div>
							<div class="guide-wrap grid">
								<p>1. 라디오버튼을 클릭하여 해당 행의 정답이 될 옵션을 선택해 주세요.</p>
								<p>2. 해당 행의 점수를 입력해 주세요.</p>
								<p>3. 모든 행들의 점수를 더한 총점이 나타납니다.</p>
							</div>
						</div>
					</div>
				</div>
				<div class="score-wrap">
					<span class="score-text">배점</span>
					<span class="grid-score-text">총점</span>
					<input type="text" class="ui_inputbox quiz-score ui_focusable" maxlength="{=quizMaxLength}" oninput="this.value=this.value.replace(/[^0-9]/g, '');" id="quiz-score" placeholder="0" title="배점"/>
					<span>점</span>
				</div>
			</div>
		<div class="itemOptions holder"></div>
		</div>
		<div class="itemInfoPh">
			<div class="holder itemInfoUseDatePh">
			</div>
		</div>
		<div class="itemEditConfirmPh holder">
			<div menu="confirmEdit" class="editConfirmBtn ui_button normal confirm_button ui_focusable" data-ncode="edt.confirm" role="button" aria-label="확인" tabindex="0">확인</div>
		</div>
		
	</div>

응답 기간

기간 설정 없음

저장

미리보기

항목 추가

<div menu="toggleAttachmentLayer" id="attachmentButton" class="{=className}" itemId="{=itemId}" data-ncode="{=layer_ncode}" data-ncode-m="{=layer_ncode}" role="button" aria-haspopup="menu" {if itemId}aria-labelledby="formItemHeader_title_{=itemId} formItemHeader_description_{=itemId} attachmentButton_label_{=itemId}"{/if} tabindex="0">
		<img src="/form/images/{=btn_icon}.png" class="column"/>
		<div id="attachmentButton_label_{=itemId}" class="attachment_btn_text" aria-label="{=attachmentLabel}">{=attachmentLabel}</div>
	</div>
	<div class="responseAttachmentPh hide">
		<img id="form_template_image_{=itemId}" class="response_img {=hide_img}" src="/images/blank.gif"/>
		<div id="form_template_file_{=itemId}" class="response_file {=hide_file}"></div>
		<input type="hidden" id="attachment_url_{=itemId}" class="attachment_url ui_component ui_inputbox" />
		<input type="hidden" id="attachment_id_{=itemId}" class="attachment_id ui_component ui_inputbox" />
		<a href="javascript:void(0);"  id="form_template_del_attachment_{=itemId}" menu="removeResponseAttachment" itemId="{=itemId}" class="response_attachment_delete ui_button" data-ncode="{=del_ncode}" data-ncode-m="{=del_ncode}"></a>
	</div>

<div class="formInfo">
		<div class="mobileTheme">
			<div class="title">
				<div class="conferenceTitle">{=conferenceTitle}</div>
				<span role="heading" aria-level="1">{=title}</span>
				<span class="quizTotalScore hide"></span>
			</div>
		</div>
		<div class="formSubInfo itemOptionPh hide">
			<div class="description" aria-label="{=descriptionText}"><span>{=description}</span></div>
			<div class="image-wrapper">
				{=mainImage}
				<div class="btn preview" menu="previewBtn"></div>
			</div>
			<div class="date" >
				<span>응답 기간 : {=startDate} - {=endDate}</span>
			</div>
			<div class="required"><div class="column requiredMark" aria-label="*">*</div> <span aria-label="는 필수항목 입니다.">는 필수항목 입니다.</span></div>
		</div>
	</div>
	
	<div class="finishInfoPh">
		<input type="password" style="display: block; width:0px; height:0px; border: 0;">
		<div class="line"></div>
		<div class="finishIcon"></div>
		<div class="finishMessage">{=finishMessage}</div>
		<span class="quizTotalScore hide"></span>
	</div>
	<div class="finishInfoPh">
		<div class="buttonPh flex form-result-button-wrap">
			<div menu="goServiceHome" class="common-white-button" title="Home" data-ncode-m="sbm.result.go.home">
				홈으로
			</div>
			<div menu="viewSummaryBtn" class="viewSummaryBtn common-white-button" title="응답 결과 보기" data-ncode-m="sbm.result">
				응답 결과 보기
			</div>
			<div menu="anotherResponse" title="다른 응답 제출" class="anotherResponseBtn common-white-button" data-ncode-m="rsd.another">
				다른 응답 제출
			</div>
			<div class="event-share-wrap flex" style="width: fit-content">
				<div class="svg-ico sns-icon facebook" onclick="clickSocial('facebook')"></div>
				<div class="svg-ico sns-icon kakaotalk" onclick="clickSocial('kakaotalk')"></div>
			</div>
		</div>
	</div>
	<div id="quizResult" class="quizResult"></div>

</div>
			</div>
		</span><br>
		<span class="loginWrap">
			<div class="label voteName">핸드폰 번호</div>
			<div class="phoneNumber input_area">
				<input type='text' id='votePhoneNumber1' name='phoneNumber1'> -
				<input type='text' id='votePhoneNumber2' name='phoneNumber2'> -
				<input type='text' id='votePhoneNumber3' name='phoneNumber3'>
			</div>
		</span>

</div>

<div class="finishBodyLayout">
		<div class="formInfo">
			<div class="title">
				<a href="#" onClick="javascript:return false;" title="{=titleText}"></a>
				<span>{=title}</span>
				<span class="quizTotalScore hide"></span>
			</div>
			<div class="formSubInfo">
				<a href="#" onClick="javascript:return false;" title="{=descriptionText}"></a>
				<div class="description">{=description}</div>
				<div class="date">
					<span>응답 기간 : {=startDate} - {=endDate}</span>
				</div>
			</div>
		</div>
		
		<div class="finishInfoPh">
			<input type="password" style="display: block; width:0px; height:0px; border: 0;">
			<div class="line"></div>
			<div class="finishMessage">{=finishMessage}</div>
			<span class="quizTotalScore hide"></span>
			<div class="buttonPh">
				<button menu="viewSummaryBtn" class="viewSummaryBtn" title="응답 결과 보기"></button>
				<button menu="anotherResponse" class="anotherResponseBtn" data-ncode="rsd.another"></button>
			</div>
		</div>
		<div id="quizResult" class="quizResult"></div>
	</div>

.{0}Theme .formInfo .title{
	{1}
}

/** css delimeter **/

.{0}Theme .formInfo .date span{
	{2}
}

/** css delimeter **/
.{0}Theme .formSubInfo{
	{3}
}

/** css delimeter **/

.{0}Theme .requiredMark{
	{4}
}

/** css delimeter **/

.{0}Theme .formItem.sectionHeader .title span{
	{5}
}

/** css delimeter **/

.{0}Theme .formItem.sectionHeader .description{
	{6}
}

/** css delimeter **/

.{0}Theme .mobileTheme{
	background-color: #DDDDDD;
	position:relative;
	top:-2px;
}

/** css delimeter **/

.{0}Theme .formInfo .mobileThemeHeader{
	{7}
	background:url(images/mobile/{0}_bkImg02.png) repeat-x top center;
	-webkit-background-size : 640px auto;
}

/** css delimeter **/

.{0}Theme .formItem .itemOptions .line{
	{8}
}

/** css delimeter **/

.{0}Theme #formBody{
	background:url(images/mobile/{0}_bkImg03.png) repeat top center !important;
	-webkit-background-size : 640px auto !important;
}

/** css delimeter **/

.lang_{10}.{0}Theme #pageNav .submitBtn{
	width:100px;
	height:37px;
	top:0px;
	background:url(images/mobile/{0}_submit{9}.png) no-repeat;
	-webkit-background-size : 100%;
}

/** css delimeter **/

.lang_{10}.{0}Theme #pageNav .previousBtn{
	width:80px;
	height:37px;
	background:url(images/mobile/default_preview{9}.png) no-repeat;
	-webkit-background-size : 100%;
}

/** css delimeter **/

.lang_{10}.{0}Theme #pageNav .nextBtn{
	width:80px;
	height:37px;
	background:url(images/mobile/default_next{9}.png) no-repeat;
	-webkit-background-size : 100%;
}

/** css delimeter **/

.{0}Theme .zipCodeSearchBtn{
	width:80px !important;
	height:33px !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

/** css delimeter **/

.{0}Theme .radioMark{
	background: url(images/mobile/{0}_radio_off.png) no-repeat;
	-webkit-background-size : 100%;
}

/** css delimeter **/

.{0}Theme .ui_radio_mobile:checked + .radioMark {
	background: url(images/mobile/{0}_radio_on.png) no-repeat;
	-webkit-background-size : 100%;
}

/** css delimeter **/

.{0}Theme .checkboxMark{
	background: url(images/mobile/{0}_checkbox_off.png) no-repeat;
	-webkit-background-size : 100%;
}

/** css delimeter **/

.{0}Theme .ui_checkbox_mobile:checked + .checkboxMark {
	background: url(images/mobile/{0}_checkbox_on.png) no-repeat;
	-webkit-background-size : 100%;
}

/** css delimeter **/

.{0}Theme select{
	background: url(images/mobile/{0}_want.png) no-repeat 100% 0px;
	background-color:#FFFFFF;
	background-size:38px 35px;
	vertical-align:middle;
}

/** css delimeter **/

.{0}Theme .timeInput select{
	background: url(images/mobile/{0}_date.png) no-repeat 100% 0px;
	background-color:#FFFFFF;
	background-size:33px 35px;
	vertical-align:middle;
	width:61px;
	height:35px;
	padding:0px 10px 0px 5px !important;
}

/** css delimeter **/

.{0}Theme #formContainer #formBody {
	{11}
}

/** css delimeter **/

.formItem .displayModeOption .checkLabel,
.formItem .displayModeOption .scaleLabel,
.formItem .displayModeOption .rowLabel,
.formItem .displayModeOption div:not(.attachment_btn_text) .autolink {
	{12}
}

/** css delimeter **/

.{0}Theme .formInfo .mobileThemeHeader {
	{13}
}

/** css delimeter **/

.formItemPh .formItem .formItemHeader .title.holder {
	{14}
}

/** css delimeter **/

.formItemPh .formItem .formItemHeader .title.holder span{
	{15}
}

<div class="writeOnlyMessage" unselectable="on">
	<table cellpadding='0' cellspacing='0' border='0'>
	<tr>
		<td style='width:50px;'>
			<div class="icon" unselectable="on"></div>
		</td>
		<td class="message">
			읽기전용 문서입니다. 편집과 저장이 제한됩니다.
		</td>
		<td style='width:80px;'>
			<div id="edit_confirm_btn" class="mBtn ui_button" onclick="mainApp.exec('MOBILE_EDIT_FORM');">편집하기</div>
			<div style="display:none">
				<form id="edit_confirm_form" action="editor.cmd" method="get">
					<input title="문서아이디" name="docId" type="text">
					<input title="기본폴더" name="baseFolder" type="text">
					<input title="확장자" name="srcExt" type="text">
				</form>
			</div>				
		</td>
	</table>
</div>
<div class="responseExceedMessage" unselectable="on">
	<table cellpadding='0' cellspacing='0' border='0'>
	<tr>
		<td style='width:50px;'>
			<div class="icon" unselectable="on"></div>
		</td>
		<td class="message">
			읽기전용 문서로 편집이 제한됩니다.
			<br>
			응답은 정상 인입되며 전체 응답 결과는 우측 버튼을 눌러 확인할 수 있습니다.
		</td>
		<td style='width:80px;'>
			<a id="downloadCsvBtn" class="mBtn ui_button" target="_blank" href='/form/exportToCsv.cmd?docId='>다운로드</a>
		</td>
	</table>
</div>
<div class="gnb_{=readOnly}">
	<div id="mobile_gnb_submenu1">
		<div class="hh _title" id="hh _title">
			<h1>{=mobile_gnb_submenu1}</h1>
		</div>
	</div>
	<div class="submenu2">
		{=mobile_gnb_submenu2}
	</div>
</div>

<div id="formItem_{=itemId}" itemId="{=itemId}" class="{=itemType} formItem {=requiredMark}">
		<div class="pageBreakPh">{=pageInfo}</div>
		<div class="titleDisplayPh">
			{=title} <span class="{=requiredMark} hide">*</span>
		</div>
		<div class="titlePh">
			<input type="text" title="항목 제목" name="title" maxlength="{=title_maxlength}" class="title ui_component ui_inputbox" placeholder="{=title_placeholder}" value="{=title}">
		</div>
		<div class="descPh">
			<a href="javascript:void(0);" class="insertImageBtnWrapper" toggleLayer="insertImageLayer" menu="insert_image" data-ncode-m="fed.imgadd">
				<span class="insertImageBtn" menu="insert_image"></span>
			</a>
			<textarea name="description" maxlength="{=desc_maxlength}" class="description ui_component ui_inputbox" placeholder="{=desc_placeholder}">{=description}</textarea>
			<div class="synap_editor_wrapper description ui_active hide">
				<div id="synapeditor_description_{=itemId}"></div>
			</div>
		</div>
		<div class="itemImagePh mainImagePh {=hideMainImage}">
			<input type="hidden" name="mainImage" value="{=mainImageId}" class="ui_component imageValue">
			<img src="{=mainImageUrl}" class="imageResource">
			<a href="javascript:void(0);" menu="imageDeleteOption" class="imageDeleteOption" aria-label="삭제"></a>
		</div>
		<div class="itemType holder" data-ncode-m="fed.typesel">{=itemTypeSelect}</div>
		<div class="quiz-mode">
			<div class="quiz-mode-description">
				<span>아래에서 정답을 선택하세요.</span>
				<div class="tooltip">
					<span class="quiz-guide guide ui_quiz ui_button tooltip-icon" id="quiz-guide">?</span>
					<div class="tooltiptext {=type}">
						<img src="{=quizGuideImgSrc}"/><br>
						<div class="guide-wrap singleChoice selectBox">
							<p>1. 문항의 점수를 입력해 주세요.</p>
							<p>2. 라디오버튼을 클릭하여 정답이 될 옵션을 선택해 주세요.</p>
						</div>
						<div class="guide-wrap multipleChoice">
							<p>1. 문항의 점수를 입력해 주세요.</p>
							<p>2. 체크박스를 클릭하여 정답이 될 옵션을 선택해 주세요.</p>
						</div>
					</div>
				</div>
			</div>
			<div class="score-wrap">
				<span>배점</span>
				<input type="text" class="ui_mobile ui_inputbox quiz-score ui_component" name="quiz-score" maxlength="{=quizMaxLength}" oninput="this.value=this.value.replace(/[^0-9]/g, '');" id="quiz-score" placeholder="0" value="{=quizScore}" />
				<span>점</span>
			</div>
		</div>
		<div class="requiredCheckCountPh holder hide">
			<div class="column label">필수 선택 수</div>
			<div class="column">
				<div class='minSelectBox column' data-ncode-m="fed.reqsel"></div>
				<div class='rangeMark column'> ~ </div>
				<div class='maxSelectBox column' data-ncode-m="fed.reqsel"></div>
			</div>
			<div class="column requiredCheckMsg"></div>
		</div>
		<div class="itemOptions holder"></div>
		{=itemBottomMenu}
	</div>

<div class="holder bottomEditMenuPh">
		<div class="column">
			<a href="javascript:void(0);" class="mBtn bottomAddItem" menu="menu_add_default" data-ncode-m="fed.itemadd">
				항목추가<span class="ico"> </span>
			</a>
		</div>
		<div class="column bottomPreview">
			<a href="javascript:void(0);" class="mBtn bottomPreview" menu="menu_preview_mobile" data-ncode-m="fed.underpv">
				미리보기 
			</a>
		</div>
		<div class="column bottomSave">
			<a href="javascript:void(0);" class="mBtn " menu="menu_save_mobile" data-ncode-m="fed.undersv">
				저장 
			</a>
		</div>
	</div>
	
	<div id="responseSettingPh">
		<a href="javascript:void(0);" toggleLayer="responseSettingLayer" class="mBtn toggle_display down menuLabel">
			<span class="title">응답 설정</span><span class="ico"> </span>
		</a>
		<div id="responseSettingLayer">
		
			<div class="dateInfoPh holder">
				<div class="label">응답 기간</div>
				<div class="input">
					<div class="date-setting-wrap flex" role="radiogroup">
						<input id="editorDateRange" class="date-range" readOnly>
						<div data-ncode-m="fed.unset">
							{=dateCheck}
						</div>
					</div>
				</div>
			</div>
			<div class="confirmMessagePh">
				<div class="label">응답 제출 시 안내 메시지</div>
				<div class="input">{=confirmMessageInput}</div>
			</div>
			
			<div class="summaryShareSetting">
				<div class="label">응답 제출 시 결과 보기</div>
				<div class="input holder">
					<div class="publicRadio" data-ncode-m="fed.resopen">
						{=publicRadio}
					</div> 
					<div class="privateRadio" data-ncode-m="fed.rescls"> 
						{=privateRadio}	 
					</div> 
				</div>
			</div>
			
			<div class="input summarySharePh">
				'공개' 설정 시 응답 내용에 연락처, 주소와 같은 개인정보가 포함된 경우 모든 응답 결과가 노출되니 주의해주세요.
			</div>

<div class="allowAnnouncePh hide_api_menu">
 				<div class="label">응답 제출 시 메일 받기</div>
				<div class="input holder">
					<div class="publicRadio column" data-ncode-m="fed.resopen">
						{=allowAnnounceRadio}
					</div> 
					<div class="privateRadio" data-ncode-m="fed.rescls"> 
						{=disallowAnnounceRadio}	 
					</div>
				</div>
				<div class="email ui_inputbox labelDescription"></div>
				<a class="allow-email-message labelDescription" href="/userEdit/" target="_blank" onclick="window.location.reload()">응답 결과를 받을 이메일을 변경할 수 있습니다.</a>
			</div>
			
			<div class="allowMultiResponsePh">
				<div class="label">중복 응답 제출</div>
				<div class="input holder">
					<div class="publicRadio" data-ncode-m="fed.resopen">
						{=allowMultiResponseRadio}
					</div> 
					<div class="privateRadio" data-ncode-m="fed.rescls"> 
						{=disallowMultiResponseRadio}
					</div> 
				</div>
			</div>
			
			<div class="input disallowMultiResponsePh">
				{=multiResponseDisallowID}
				<div class="description hide">
					중복 응답 여부 확인을 위해 응답자의 ID를 확인할 수 있습니다.
				</div>
				{=multiResponseDisallowIP}
				<div class="description hide">
					IP는 중복 응답 방지 용도로만 사용되며 응답자의 IP 정보는 확인할 수 없습니다.
				</div>
			</div>

<div id="allowAnotherResponsePh" class="allowAnotherResponsePh ">
				<div class="label">다른 응답 제출</div>
				<div class="input holder">
					<div class="publicRadio column" data-ncode-m="fed.resopen">
						{=allowAnotherResponseRadio}
					</div> 
					<div class="privateRadio column" data-ncode-m="fed.rescls"> 
						{=disallowAnotherResponseRadio}	 
					</div> 
				</div>
				<div class="labelDescription"> 응답 제출 후 연이어 다른 응답을 제출할 수 있습니다. </div>
			</div>
		
			<div class="limitResponseNumPh">
				<div class="label">선착순 응답</div>
				<div class="input holder">
					<div class="publicRadio column" data-ncode-m="fed.resopen">
						{=allowLimitResponseNumRadio}
					</div> 
					<div class="privateRadio column" data-ncode-m="fed.rescls"> 
						{=disallowLimitResponseNumRadio}	 
					</div> 
				</div>
				<div class="labelDescription"> 정해진 인원 수 만큼만 응답을 받습니다. </div>
			</div>
		
			<div class="input setlimitResponseMaxNumPh">
				<label for="setlimitResponseMaxNum" >
					<div class="allowLimitResponseSetting">
						<input type="tel" id="limitResponseMaxNum" title="limit response max num" name="limitResponseMaxNum" maxlength="500" class="limitNum ui_component ui_inputbox">
						<label for="limitResponseMaxNum" style="display: none;">최대 응답 수 제한</label>
						명까지 응답 가능
					</div>
				</label>
				<label for="setlimitResponseClosingMessage">
					<div class="allowLimitResponseSetting">
						<div style="margin-bottom :5px;">
							마감 안내 메세지
						</div>
						{=responseLimitMessageInput}
					</div>
				</label>
			</div>

<div class="scoreDisclosurePh">
				<div class="input">
					<div style="margin-bottom :5px;">
						퀴즈 모드
					</div>
					{=scoreDisclosureCheckbox}
				</div>
			</div>
			<div class="progressDisclosurePh">
				<div class="input">
					<div style="margin-bottom :5px;">
						응답 진행률
					</div>
					{=progressDisclosureCheckbox}
				</div>
			</div>
		</div>
	</div>
	<div class="sendFormSettingPh" id="sendFormSettingPh">
		<a href="javascript:void(0);" toggleLayer="spi" class="mBtn toggle_display down menuLabel">
			<span class="title">폼 보내기</span><span class="ico"> </span>
		</a>
		<div id="spi" class="naver-splugin" data-style="sns"></div>
	</div>
	<div class="sendFormSettingPh hide" id="urlCopySettingPh">
		<a href="javascript:void(0);" toggleLayer="urlCopyLayer" class="mBtn toggle_display down menuLabel">
			<span class="title">URL 복사</span><span class="ico"> </span>
		</a>
		<div id="urlCopyLayer">
			<div id="urlCopy" class="ui_button label">
				<p class="s2p_msg"><strong class="_spi_copyurl_msg">URL 복사 버튼을 누르면 복사할 수 있습니다.</strong></p>
				<div class="webhook_response_wrap flex">
					<span id="urlCopyText"></span>
					<div id="urlCopyBtn" class="ui_button url_copy_button" role="button">URL 복사</div>
				</div>
			</div>
		</div>
	</div>

<div id="attachPcFile" class="buttonPh attachFile pc lpad6 ui_component ui_button " data-ncode="rsd.filepc" role="menuitem" aria-labelledby="spanPcFileButtonPlaceholder" tabindex="0">
		<div id="spanPcFileButtonPlaceholder" aria-label="PC 파일 삽입">PC 파일 삽입</div>
	</div>
	<div id="attachPcImage" class="buttonPh attachImage pc lpad6 ui_component ui_button " data-ncode="rsd.imgpc" role="menuitem" aria-labelledby="spanImageButtonPlaceholder" tabindex="0">
		<div id="spanImageButtonPlaceholder" aria-label="PC 이미지 삽입">PC 이미지 삽입</div>
	</div>
	
	<div id="attachNdriveImage" menu="attachResponseImageFromNdrive" class="buttonPh attachImage ndrive lpad6 ui_component ui_button" data-ncode="rsd.imgndr" role="menuitem" aria-labelledby="spanNdriveImageButtonPlaceholder" tabindex="0">
		<div id="spanNdriveImageButtonPlaceholder" aria-label="내 드라이브 이미지 삽입">내 드라이브 이미지 삽입</div>
	</div>
	<div id="attachNdriveFile"  menu="attachResponseFileFromNdrive" class="buttonPh attachFile ndrive lpad6 ui_component ui_button" data-ncode="rsd.filendr" role="menuitem" aria-labelledby="spanNdriveFileButtonPlaceholder" tabindex="0">
		<div id="spanNdriveFileButtonPlaceholder" aria-label="내 드라이브 파일 삽입">내 드라이브 파일 삽입</div>
	</div>
	
	<div id="attachClipboardImage" class="buttonPh attachImage clipboard lpad6 ui_component ui_button" data-ncode="rsd.imgcap" role="menuitem" aria-labelledby="spanClipboardImageButtonPlaceholder" tabindex="0">
		<div id="spanClipboardImageButtonPlaceholder" aria-label="캡처 이미지 삽입">캡처 이미지 삽입</div>
	</div>