LG U+ 간편 지원서

<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">
						Cancel
					</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'>You can't reply as the comment<br/>is deleted or completed.</div><br>
					<div class='comment_delete_noti_btn ui_button ui_component normal len3' name='commentDeleteNotiBtn'>OK</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">Yes</div>
					<div id='commentDeleteCancelBtn' class='comment_delete_cancel_btn ui_button ui_component normal len3' tabindex="0">No</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">Yes</div>
					<div id='commentDeleteCancelBtn' class='comment_delete_cancel_btn ui_button ui_component normal len3' tabindex="0">No</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" >
						Complete
					</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'>Edit</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'>Delete</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" >
					Save
				</div>
				<div name='commentSaveCancelBtn' class='comment_save_cancel_btn ui_button normal len3' setvaluemsg='SET_VALUE_BUTTON'  tabindex="0" >
					Cancel
				</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">Reply...</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">Reply</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">Cancel</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'>Delete selected comment?</div><br>
						<div id='allCommentDeleteConfirmBtn' class='all_comment_delete_confirm_btn ui_button ui_component normal len3' tabindex="0">Yes</div>
						<div id='allCommentDeleteCancelBtn' class='all_comment_delete_cancel_btn ui_button ui_component normal len3' tabindex="0">No</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'>Reopen</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'>Edit</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'>Delete</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'>Complete</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'>Save</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'>Cancel</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'>Delete selected reply?</div><br>
					<div id='allCommentDeleteConfirmBtn' class='all_comment_delete_confirm_btn ui_button ui_component normal len3' tabindex="0">Yes</div>
					<div id='allCommentDeleteCancelBtn' class='all_comment_delete_cancel_btn ui_button ui_component normal len3' tabindex="0">No</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'>Edit</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'>Delete</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'>Save</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'>Cancel</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;"> 
							  Go check the document
						  </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;">You cannot reply to this mail. Please contact <a href='{=customerCenter}' style='color:#666'p target='p_blank'>Customer Center</a> for more inquiries and comments.</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="Edit" tabindex="0"> </div>
				<div menu="duplicateItem" class="itemDuplicateBtn column ui_focusable"  data-ncode="edt.copybutton" role="button" title="Duplicate" tabindex="0"> </div>
				<div menu="deleteItem" class="itemDeleteBtn column ui_focusable" data-ncode="edt.deletebutton" role="button" title="Delete" tabindex="0"> </div>
			</div>
			<div class="itemUpDownPh holder">
				<div menu="moveItemUp" class="itemUpBtn ui_focusable" data-ncode="edt.up" role="button" title="Up" tabindex="0"> </div>
				<div menu="moveItemDown" class="itemDownBtn ui_focusable" data-ncode="edt.down" role="button" title="Down" 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 svg-ico"></span>
		</div>
		<div class="description holder hide">{=description}</div>
		{=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_en.jpg" class="column buttonImage"><div class="column insertLabel">Insert button : </div>
					</div>
				</span>
		</div>
	</div>
		{=pageSelect}
		<div class="column label">Go to</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_en.jpg" class="column buttonImage"><div class="column insertLabel">Insert button</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="Edit" tabindex='0'> </div>
				<div menu="duplicateItem" class="itemDuplicateBtn column ui_focusable" data-ncode="edt.copybutton" role="button" title="Duplicate" tabindex='0'> </div>
				<div menu="deleteItem" class="itemDeleteBtn column ui_focusable" data-ncode="edt.deletebutton" role="button" title="Delete" 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="Set as required item" 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">Set as required item</div>
					</div>
				</div>
			</div>
			<div class="itemUpDownEditPh holder">
				<div menu="moveItemUp" class="itemUpBtn ui_focusable" data-ncode="edt.up" role="button" title="Up" tabindex="0"> </div>
				<div menu="moveItemDown" class="itemDownBtn ui_focusable" data-ncode="edt.down" role="button" title="Down" tabindex="0"> </div>
			</div>
		</div>
		<div class="itemTitlePh holder">
			<div class="column label">
				{if titleLabel}
					{=titleLabel}
				{else}
					Item Title
				{/if}
			</div>
			<div class="column input-wrap"> 
				<input type="text" id="title" title="Item Title" name="title" class="itemTitle ui_inputbox ui_component ui_focusable" {=customAttribute} setvaluemsg="SET_VALUE_INPUTBOX">
				<label for="title" style="display: none;">Item Title</label>
			</div>
		</div>

<div class="itemDescriptionPh holder">
			<div class="label">
				{if descriptionLabel}
					{=descriptionLabel}
				{else}
					Description
				{/if}
			</div>
			<div class="input-wrap"> 
				{=description}
				<div class="synap_editor_wrapper description ui_active">
					<div id="synapeditor_description"></div>
				</div>
				<label for="description" style="display: none;">Description</label>
			</div>
		</div>
		<div class="itemTypePh holder">
			<div class="itemType column">
				<div class="column label">Type</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="Size">
						{=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="Horizontal alignment" 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">Horizontal alignment</div>
				</div>
			</div>
			<div class="retypeCheckPh column">
				{=retypeCheck}
			</div>
			<div class="signatureCheckPh column">
				{=signatureCheck}
			</div>
			<div class="file-ext-wrap column">
				<div id="file-ext" class="file-ext ui_checkbox disable ui_component ui_focusable" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" data-ncode="rsp.file-ext"
					role="checkbox" tabindex="0" aria-label="Allow only specific file types" aria-checked="false">
					<a class="tab_order" name="tab_order" unselectable="on"></a>
					<div id="file-ext-slider" class="checkbox" unselectable="on"></div>
					<div class="checkbox_label" unselectable="on">Allow only specific file types</div>
					<div id="file-ext-guide-button" class="tooltip ui_button">
						<span class="guide ui_button tooltip-icon" id="file-ext-guide">?</span>
					</div>
				</div>
				<div class="file-ext-list">
					<div id="ext-word" class="file-ext-checkbox ext-word ui_checkbox disable ui_component ui_focusable" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" data-ncode="rsp.file-ext-checkbox"
						role="checkbox" tabindex="0" aria-label="Word" 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">Word</div>
					</div>
					<div id="ext-slide" class="file-ext-checkbox ext-slide ui_checkbox disable ui_component ui_focusable" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" data-ncode="rsp.file-ext"
						role="checkbox" tabindex="0" aria-label="Slide" 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">Slide</div>
					</div>
					<div id="ext-cell" class="file-ext-checkbox ext-cell ui_checkbox disable ui_component ui_focusable" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" data-ncode="rsp.file-ext"
						role="checkbox" tabindex="0" aria-label="Cell" 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">Cell</div>
					</div>
					<div id="ext-pdf" class="file-ext-checkbox ext-pdf ui_checkbox disable ui_component ui_focusable" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" data-ncode="rsp.file-ext"
						role="checkbox" tabindex="0" aria-label=PDF" 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">PDF</div>
					</div>
					<div id="ext-image" class="file-ext-checkbox ext-image ui_checkbox disable ui_component ui_focusable" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" data-ncode="rsp.file-ext"
						role="checkbox" tabindex="0" aria-label="image" 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">image</div>
					</div>
					<div id="ext-video" class="file-ext-checkbox ext-video ui_checkbox disable ui_component ui_focusable" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" data-ncode="rsp.file-ext"
						role="checkbox" tabindex="0" aria-label="video" 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">video</div>
					</div>
					<div id="ext-audio" class="file-ext-checkbox ext-audio ui_checkbox disable ui_component ui_focusable" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" data-ncode="rsp.file-ext"
						role="checkbox" tabindex="0" aria-label="audio" 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">audio</div>
					</div>
				</div>
			</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="Quiz Mode" 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">Quiz Mode</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="Random Options" 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">Random Options</div>
				</div>
			</div>
			<div class="setMinMaxOption-wrap column">
				<div id="setMinMaxOption" class="setMinMaxOption ui_checkbox disable ui_component ui_focusable" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" data-ncode="rsp.setMinMaxOption"
					role="checkbox" tabindex="0" aria-label="Input range Settings" 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"> Input range Settings</div>
				</div>
			</div>
			<div class="setDecimalPoint-wrap column">
				<div id="setDecimalPoint" class="setDecimalPoint ui_checkbox disable ui_component ui_focusable" setvaluemsg="SET_VALUE_CHECKBOX" checked="false" data-ncode="rsp.setDecimalPoint"
					role="checkbox" tabindex="0" aria-label="Decimal point Limit Settings" 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">Decimal point Limit Settings</div>
				</div>
			</div>
			<div style="clear: both"></div>
			<div id="attachmentTypeDescription"></div>
		</div>
		
		<div class="requiredCheckCountPh holder">
			<div class="column">
				<div class="column label">Number of required selection</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>Please select the correct answer below.</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. Enter your score for the question.</p>
								<p>2. Click the radio button to select the option that will be the correct answer.</p>
							</div>
							<div class="guide-wrap multipleChoice">
								<p>1. Enter your score for the question.</p>
								<p>2. Select the option that will be the correct answer by clicking the checkbox.</p>
							</div>
							<div class="guide-wrap grid">
								<p>1. Click a radio button to select the option that will be the correct answer for that row.</p>
								<p>2. Please enter the score for that row.</p>
								<p>3. The total score is the sum of the scores of all rows.</p>
							</div>
						</div>
					</div>
				</div>
				<div class="score-wrap">
					<span class="score-text">points</span>
					<span class="grid-score-text">total score</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="points"/>
					<span>point</span>
				</div>
			</div>
			<div class="itemOptions holder"></div>
		</div>
		<div class="quiz-explanation">
			<div class="column label">Answer explanation</div>
			<div class="column quiz-explanation-input-wrap">
				<textarea name="quizExplanation" maxlength="{=quiz_explanation_maxlength}" class="quiz-explanation-input ui_component ui_inputbox" placeholder="{=quiz_explanation_placeholder}">{=quizExplanation}</textarea>
			</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="OK" tabindex="0">OK</div>
		</div>
		
	</div>

Response period

No period setting

<div class="block">
		<div class="column">
			<div id="{=fontFamilyId}" name="{=fontFamilyId}" style="{=cssText}" class="ui_selectbox ui_component menu_fontface font_face ui_focusable" tabindex="0" title="Font" setvaluemsg="SET_VALUE_SELECTBOX" data-ncode='esl.select'>
				<div class="selectbox_value_area">
					<a class="tab_order" name="tab_order" unselectable="on"></a>
					<div class="selectbox_value" value=""><span></span></div>
					<div class="selectbox_btn_area" unselectable="on">
						<div class="selectbox_btn" unselectable="on"></div>
					</div>
				</div>
				<div class="selectbox_layer"></div>
			</div>
		</div>
		<div class="column">
			<div id="{=sizeId}" name="{=sizeId}" style="{=cssText}" class="ui_selectbox ui_component ui_focusable" tabindex="0" title="Font Size" setvaluemsg="SET_VALUE_SELECTBOX" data-ncode='esl.size'>
				<div class="selectbox_value_area">
					<a class="tab_order" name="tab_order" unselectable="on"></a>
					<div class="selectbox_value" value=""><span></span></div>
					<div class="selectbox_btn_area" unselectable="on">
						<div class="selectbox_btn" unselectable="on"></div>
					</div>
				</div>
				<div class="selectbox_layer"></div>
			</div>
		</div>
		<div class="column">
			<div id="{=sizeUpId}" name="{=sizeUpId}" class="fontSizeUp styleBtn ui_button ui_focusable" tabindex="0" data-ncode='esl.bigger' role="button" title="Increase Font Size"></div>
		</div>
		<div class="column">
			<div id="{=sizeDownId}" name="{=sizeDownId}" class="fontSizeDown styleBtn ui_button ui_focusable" tabindex="0" data-ncode='esl.smaller' role="button" title="Decrease Font Size"></div>
		</div>
	</div>
	<div class="column">
		<div id="{=boldId}" name="{=boldDownId}" class="boldBtn fontStyle styleBtn ui_button ui_focusable" role="button" aria-pressed="false" tabindex="0" data-ncode='esl.bold' title="Bold"></div>
	</div>
	<div class="column">
		<div id="{=italicId}" name="{=italicId}" class="italicBtn fontStyle styleBtn ui_button ui_focusable" role="button" aria-pressed="false" tabindex="0" data-ncode='esl.italic' title="Italic"></div>
	</div>
	<div class="column">
		<div id="{=underlineId}" name="{=underlineId}" class="underlineBtn fontStyle styleBtn ui_button ui_focusable" role="button" aria-pressed="false" tabindex="0" data-ncode='esl.underline' title="Underline"></div>
	</div>
	<div class="column">
		<div id="{=colorId}" name="{=colorId}" class="colorBtn ui_colorbtn ui_focusable" tabindex="0" title="Font Color">
			<div class="colorbtn_holder styleBtn" data-ncode='esl.color'></div>
		</div>
	</div>
	<div class="column">
		<div id="{=borderColorId}" name="{=borderColorId}" class="colorBtn ui_colorbtn hide ui_focusable" tabindex="0" title="Line Color">
			<div class="colorbtn_holder" data-ncode='esl.color'></div>
		</div>
	</div>
	<div class="column">
		<div class="verticalLine"></div>
	</div>
	<div class="column label">Opacity</div>
	<div class="column">
		<div id="{=opacityId}" name="{=opacityId}" class="ui_slider column" tabindex="0" min="0" max="1" step="0.01" pos="1" setvaluemsg="SET_VALUE_SLIDER">
			<div class="slider_btn_minus"><a class="tab_order" name="tab_order">-</a></div>
			<div class="slider_btn_plus"><a class="tab_order" name="tab_order">+</a></div>
			<div class="slider_handle_zone"><div class="slider_handle ui_focusable" aria-label='Opacity'>^</div></div>
		</div>
	</div>
	<div class="column">
		<div id="opacity_stepper" class="ui_stepper" tabindex="0" min="0" max="100" step="1" value="100">
			<div class="stepper_value_area">
				<div class="stepper_value" value="100" unit="%"><span>100%</span></div>
			</div>
	</div>
	<input type="hidden" id="{=borderBottomId}" name="{=borderBottomId}" class="ui_inputbox" setvaluemsg="SET_VALUE_INPUTBOX">
	<input type="hidden" id="{=backgroundColorId}" name="{=backgroundColorId}" class="ui_inputbox" setvaluemsg="SET_VALUE_INPUTBOX">

<div class="label-wrapper column">
		<div class="setMinMaxLabel label {=setMinMaxDisplay}">Input range</div>
		<div class="setDecimalLabel label {=setDecimalDisplay}">Decimal point Limit</div>
		<div class="label {=setNoOption}"></div>
	</div>
	<div class="numberItemOptions column" role="group" aria-labelby="{=ariaLabelledby}">
		<div class="min-max wrapper {=setMinMaxDisplay}">
			<div class="flex">
				<div>
					{=numberMinInput}
				</div>
				<div> ~ </div>
				<div>
					{=numberMaxInput}
				</div>
			</div>
		</div>
		<div class="wrapper flex">
			<div class="decimal wrapper {=setDecimalDisplay}">
				<div id="numberDecimalInput" name="itemTypeSelectBox" class="itemTypeSelectBox ui_selectbox ui_component ui_active ui_focusable" setvaluemsg="SET_VALUE_SELECTBOX" data-ncode="edt.select"
						 role="button" tabindex="0" aria-label="Type" aria-haspopup="true" aria-expanded="false" aria-controls="itemTypeSelectBoxLayer"
					>
					<div class="selectbox_value_area">
						<a class="tab_order" name="tab_order" unselectable="on"></a>
						<div class="selectbox_value" value=""><span></span></div>
						<div class="selectbox_btn_area" unselectable="on">
							<div class="selectbox_btn" unselectable="on"></div>
						</div>
					</div>
					<div id="numberDecimalInputOptions" class="selectbox_layer" role="listbox"></div>
				</div>
			</div>
		</div>
		<div class="numberInput wrapper">
			{=numberInput}
		</div>
	</div>

Save

Preview

Add Item

<table cellpadding='0' cellspacing='0' border='0' class='tblOptionPh'>
			<tr valign='middle'>
				<td width='20px'>
					<div class="{=checkMark}" unselectable="on"></div>
				</td>
				<td>
						<span {if labelId}id="{=labelId}"{/if} class="span_label {=checkMark}_label optionLabel">{=mobileSafariATagStart}Other{=mobileSafariATagEnd} :</span>
				</td>
			</tr>
			</table>
			<div class="etcOption">
				<input title="Other" type="text" id="etc_text" name="etc_text" maxlength="100" value="{=etc_text}" menu="{=etcInputMenu}" class="etc_inputbox ui_inputbox ui_component {=inputClassName}" setvaluemsg="SET_VALUE_INPUTBOX" aria-labelledby="formItemHeader_title_{=itemId} formItemHeader_description_{=itemId} {=labelId}">
			</div>

</div>
	</div>

<div class="ui_button_wrapper">
		<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">
			<div class="attachment-icon-wrapper">
				<div class="svg-ico attachment {=btn_icon}"></div>
			</div>
			<div id="attachmentButton_label_{=itemId}" class="attachment_btn_text" aria-label="{=attachmentLabel}">{=attachmentLabel}</div>
			<div class="max-file-size-message">{=maxFileSizeMessage}: {=maxFileSize}</div>
		</div>
		<div class="responseAttachmentPh hide">
			<img id="form_template_image_{=itemId}" class="response_img {=hide_img}" src="/images/blank.gif"/>
			<span id="form_template_file_{=itemId}" class="response_file {=hide_file}";></span>
			<span id="video1_{=itemId}" class="response_video {=hide_video} videoContainer">
				{=videoUrl}
			</span>
			<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="spin-loader hide"></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_video}">
		<span id="video1_{=itemId}" class="response_video videoContainer">
			{=videoIframe}
		</span>
		<input type="hidden" id="attachment_url_{=itemId}" class="attachment_url ui_component ui_inputbox" value="{=videoUrl}" />
		<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>

<ul role="menu">
		<li role="menuitem" id="image_option_insert_image_pc" name="image_option" class="image_option ui_button ui_component" title="Insert PC Image" tabindex="0">
			Insert PC Image
		</li>
		
				<li role="menuitem" id="image_option_insert_image_ndrive" name="image_option" class="image_option ui_button ui_component onlyKo" title="Insert Synap Cloud Image" value="NDriveImageOption" tabindex="0">
					Insert Synap Cloud Image
				</li>
				<li role="menuitem" id="image_option_insert_image_unsplash" name="image_option" class="ui_component ui_button" title="Insert Stock Image" tabindex="0">
					Insert Stock Image
				</li>
				<li role="menuitem" id="attachAiImage" class="buttonPh attachImage clipboard lpad4 ui_component ui_button" data-ncode="edit.fimgai" title="Insert Image with AI" tabindex="0">
					<div id="aiImageButtonPlaceholder">Insert Image with AI</div>
				</li>
		
		<li role="menuitem" id="attachClipboardImage" class="buttonPh attachImage clipboard lpad4 ui_component ui_button" data-ncode="edit.fimgcap" title="Insert Captured Image" tabindex="0">
			<div id="clipboardButtonPlaceholder">Insert Captured Image</div>
		</li>
	</ul>

<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="preview"></div>
			</div>
			<div class="date" >
				<span>Response period : {=startDate} - {=endDate}</span>
			</div>
			<div class="required"><div class="column requiredMark" aria-label="∗">✱</div> <span aria-label="Indicates required fields.">Indicates required fields.</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" style="border-bottom: 1px solid rgb(0, 0, 0, 0.2);">
		<div class="buttonPh flex form-result-button-wrap">
			<div class="form-result-button">
				<div class="form-result-button wrapper">
					<div menu="goServiceHome" class="common-white-button" title="Home" data-ncode-m="sbm.result.go.home">
						Home
					</div>
					<div menu="viewMyResponseBtn" title="View My Response" id="responseView-button" class="responseView-button common-white-button" data-ncode-m="rsd.another">
						View My Response
					</div>
				</div>
				<div class="form-result-button wrapper">
					<div menu="viewSummaryBtn" class="viewSummaryBtn common-white-button" title="View Full Result" data-ncode-m="sbm.result">
						View Full Result
					</div>
					<div menu="anotherResponse" title="Send other responses" class="anotherResponseBtn common-white-button" data-ncode-m="rsd.another">
						Send other responses
					</div>
				</div>
			</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>Response period : {=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="View Full Result"></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">
			This is a read-only document. Edit and Save will be limited.
		</td>
		<td style='width:80px;'>
			<div id="edit_confirm_btn" class="mBtn ui_button" onclick="mainApp.exec('MOBILE_EDIT_FORM');">Edit</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">
			Editing will be restricted because this is a read-only document.
			<br>
			The URL of results summary view is copied.{line feed}Please paste(Command+ V) in where you want.{line feed}{line feed}The results will not be revealed to others{line feed} if you set response submission option to 'Private'.
		</td>
		<td style='width:80px;'>
			<a id="downloadCsvBtn" class="mBtn ui_button" target="_blank" href='/form/exportToCsv.cmd?docId='>Download</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="Item Title" name="title" maxlength="{=title_maxlength}" class="title ui_component ui_inputbox" placeholder="{=title_placeholder}" value="{=title}">
		</div>
		<div class="descPh">
			<div class="description-wrap">
				<div class="description-button-wrap edit round-button flex" menu="edit_description">
					<div class="svg-ico edit-description"></div>
					<div class="">설명 편집</div>
				</div>
				<div class="description-button-wrap close round-button flex" menu="edit_description_close">
					<div class="svg-ico edit-close"></div>
					<div class="">편집 완료</div>
				</div>
				<div class="description-content-wrap">
					{=description}
				</div>
			</div>
		</div>
		<div class="itemType holder" data-ncode-m="fed.typesel">{=itemTypeSelect}</div>
		<div class="quiz-mode">
			<div class="quiz-mode-description">
				<span>Please select the correct answer below.</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. Enter your score for the question.</p>
							<p>2. Click the radio button to select the option that will be the correct answer.</p>
						</div>
						<div class="guide-wrap multipleChoice">
							<p>1. Enter your score for the question.</p>
							<p>2. Select the option that will be the correct answer by clicking the checkbox.</p>
						</div>
					</div>
				</div>
			</div>
			<div class="score-wrap">
				<span>points</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>point</span>
			</div>
		</div>
		<div class="requiredCheckCountPh holder hide">
			<div class="column label">Number of required selection</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>
		<div class="quiz-explanation">
			<textarea name="quizExplanation" maxlength="{=desc_maxlength}" class="quiz-explanation-input ui_component ui_inputbox" placeholder="{=quiz_explanation_placeholder}">{=quizExplanation}</textarea>
		</div>
		{=itemBottomMenu}
	</div>

<div class="option-flex itemEditMenu">
		<div class="option-flex">
			<a href="javascript:void(0);" class="mBtn" menu="move_item_up" data-ncode-m="fed.up">Up<div class="ico moveUp"> </div></a>
			<a href="javascript:void(0);" class="mBtn" menu="move_item_down" data-ncode-m="fed.down">Down<div class="ico moveDown"> </div></a>
			<a href="javascript:void(0);" class="mBtn delete_item" menu="delete_item" data-ncode-m="fed.itmdel">Delete<div class="ico delete" menu="delete_item"> </div></a>
		</div>
		<div class="option-flex checkbox-wrap">
			<div class="requiredPh" data-ncode-m="fed.req">{=requiredCheck}</div>
			<div class="quizPh quiz-setting">{=quizCheck}</div>
			<div class="multipleAnswers-setting">{=multipleAnswers}</div>
			<div class="retype-setting">{=retypeCheck}</div>
			<div class="signature-setting">{=signatureCheck}</div>
			<div class="file-ext-setting">
				{=fileExtMode}
				<div id="file-ext-guide-button" class="tooltip">
					<span class="guide ui_button tooltip-icon" id="file-ext-guide">?</span>
				</div>
			</div>
		</div>
	</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">
				Add Item<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">
				Preview 
			</a>
		</div>
		<div class="column bottomSave">
			<a href="javascript:void(0);" class="mBtn " menu="menu_save_mobile" data-ncode-m="fed.undersv">
				Save 
			</a>
		</div>
	</div>
	
	<div id="responseSettingPh">
		<a href="javascript:void(0);" toggleLayer="responseSettingLayer" class="mBtn toggle_display down menuLabel">
			<span class="title">Response Settings</span><span class="ico"> </span>
		</a>
		<div id="responseSettingLayer">
		
			<div class="dateInfoPh holder">
				<div class="label">Response period</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">Message to display on response submission</div>
				<div class="input">{=confirmMessageInput}</div>
			</div>
			
			<div class="summaryShareSetting">
				<div class="label">View result on response submission</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">
				View Results When you set the "Public" setting, all response results are made available to users. For forms that contain personal information, we recommend setting a private one.
			</div>

<div class="allowAnnouncePh hide_api_menu">
 				<div class="label">Receive an email when sending response</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="allowChatPh hide_api_menu">
				<div class="label">Allow 1:1 messages</div>
				<div class="input holder">
					<div class="publicRadio column" data-ncode-m="fed.resopen">
						{=allowChatRadio}
					</div>
					<div class="privateRadio" data-ncode-m="fed.rescls">
						{=disallowChatRadio}
					</div>
				</div>
				<a href="javascript:void(0)" class="allow-chat-message labelDescription">PC의 You can exchange 1:1 messages with respondents in 'Details'.<br/>Respondents can check messages in 'My Response'.</a>
			</div>

<div class="allowDeliveryPh hide_api_menu">
				<div class="label">Delivery Management Features</div>
				<div class="input holder">
					<div class="publicRadio column" data-ncode-m="fed.resopen">
						{=allowDeliveryRadio}
					</div>
					<div class="privateRadio" data-ncode-m="fed.rescls">
						{=disallowDeliveryRadio}
					</div>
				</div>
				<a href="javascript:void(0)" class="allow-delivery-message labelDescription">PC의 You can manage the status of the shipment in 'Details'.<br/>Respondents can check the status of the shipment in 'My Response'.</a>
			</div>

<div class="allowMultiResponsePh">
				<div class="label">Submit multiple responses</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">
					Please check respondent ID in View result details to check repeated responses.
				</div>
				{=multiResponseDisallowIP}
				<div class="description hide">
					IP will be used only to prevent duplicated response and respondent IP information cannot be accessible.
				</div>
			</div>
		
			<div class="limitResponseNumPh">
				<div class="label">First-come-first-served basis answer</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"> Can receive responses for fixed number of people. </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>
						people can answer.
					</div>
				</label>
				<label for="setlimitResponseClosingMessage">
					<div class="label">
						Message of the deadline
					</div>
					<div class="allowLimitResponseSetting">
						{=responseLimitMessageInput}
					</div>
				</label>
			</div>

<div class="scoreDisclosurePh">
				<div class="label">
					Quiz Mode
				</div>
				<div class="input">
					{=scoreDisclosureCheckbox}
					{=answerDisclosureCheckbox}
				</div>
			</div>

<div class="progressDisclosurePh">
				<div class="label">
					Answer progress
				</div>
				<div class="input">
					{=progressDisclosureCheckbox}
				</div>
			</div>

<div class="allowShowGnbAndFooterPh hide_api_menu">
				<div class="label">상·하단 표시</div>
				<div class="input holder">
					<div class="publicRadio column" data-ncode-m="fed.resopen">
						{=allowShowGnbAndFooterRadio}
					</div>
					<div class="privateRadio" data-ncode-m="fed.rescls">
						{=disallowShowGnbAndFooterRadio}
					</div>
				</div>
				<a href="javascript:void(0)" class="allow-show-gnb-footer-message labelDescription">상단(GNB)과 하단(Footer)을 표시합니다.</a>
			</div>
		
		</div>
	</div>
	<div class="sendFormSettingPh" id="sendFormSettingPh">
		<a href="javascript:void(0);" toggleLayer="spi" class="mBtn toggle_display down menuLabel">
			<span class="title">Send form</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">Copy 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">Click the Copy URL button to copy it.</strong></p>
				<div class="webhook_response_wrap flex">
					<span id="urlCopyText"></span>
					<div id="urlCopyBtn" class="ui_button url_copy_button" role="button">Copy 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="Insert PC File">Insert PC File</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="Insert PC Image">Insert PC Image</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="Insert Synap Cloud Image">Insert Synap Cloud Image</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="Insert Synap Cloud File">Insert Synap Cloud File</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="Insert Captured Image">Insert Captured Image</div>
	</div>

<div class="chart_editor_tabs">
		<div class="chart_editor_tab ui_button type selected" name="chartEditorTab" tab="type">Chart Type</div>
		<div class="chart_editor_tab ui_button option" name="chartEditorTab" tab="option">Option</div>
	</div>
	<div class="chart_editor_content type_content">
		<div class="type_btns">
			<div class="type ui_button" name="chartType" type="bar">
				<div class="type_icon"></div>
				<div class="label">Column</div>
			</div>
			<div class="type ui_button" name="chartType" type="horizontalBar">
				<div class="type_icon"></div>
				<div class="label">Bar</div>
			</div>
			<div class="type ui_button" name="chartType" type="pie">
				<div class="type_icon"></div>
				<div class="label">Pie</div>
			</div>
			<div class="type ui_button" name="chartType" type="line">
				<div class="type_icon"></div>
				<div class="label">Line</div>
			</div>
			<div class="type ui_button" name="chartType" type="area">
				<div class="type_icon"></div>
				<div class="label">Area</div>
			</div>
			<div class="type ui_button" name="chartType" type="scatter">
				<div class="type_icon"></div>
				<div class="label">Scatter</div>
			</div>
		</div>
		<div class="type_description"></div>
	</div>
	<div class="chart_editor_content option_content hide">
		<div class="option">
			<div name="displayTableAndChart" style="width:20px;" class="displayTableAndChart ui_radio ui_component column" value="all" setvaluemsg="SET_VALUE_RADIO">
				<a class="tab_order" name="tab_order" unselectable="on"></a>
				<div class="radio" unselectable="on"></div>
				<span class="span_label radio_label">Show data table and chart</span>
			</div>
			<div name="displayTableAndChart" style="width:20px;" class="displayTableAndChart ui_radio ui_component column" value="table" setvaluemsg="SET_VALUE_RADIO">
				<a class="tab_order" name="tab_order" unselectable="on"></a>
				<div class="radio" unselectable="on"></div>
				<span class="span_label radio_label">Show data table only</span>
			</div>
			<div name="displayTableAndChart" style="width:20px;" class="displayTableAndChart ui_radio ui_component column" value="chart" setvaluemsg="SET_VALUE_RADIO">
				<a class="tab_order" name="tab_order" unselectable="on"></a>
				<div class="radio" unselectable="on"></div>
				<span class="span_label radio_label">Show chart only</span>
			</div>
		</div>
		<div class="option">
			<div id="hideNoResponse" name="hideNoResponse" class="hideNoResponse ui_checkbox disable ui_component ui_active" value="hideNoResponse" setvaluemsg="SET_VALUE_CHECKBOX" 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">Don't see no response</div>
			</div>
			<div id="showDataOnChart" name="showDataOnChart" class="showDataOnChart ui_checkbox disable ui_component ui_active" setvaluemsg="SET_VALUE_CHECKBOX" 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">Displaying data on a chart</div>
			</div>
		</div>
		<div class="option colorOption">
			<div class="option_color">
				<div class="chartBgColor">Chart background color</div>
				<div class="chartBgColor ui_colorbtn ui_component" name="chartBgColor">
					<div class="colorbtn_holder"></div>
				</div>
			</div>
			<div class="option_color dataColorOption">
				<div class="dataColor">Data series color</div>
				<div class="dataColorSelectWrapper">
					<div name="dataColorSelectBox" class="ui_selectbox ui_component dataColor dataColorSelectBox" name="dataColorSelectBox" title="" setvaluemsg="SET_VALUE_SELECTBOX">
						<div class="selectbox_value_area">
							<div class="selectbox_value" value=""><span></span></div>
							<div class="selectbox_btn_area" unselectable="on">
								<div class="selectbox_btn" unselectable="on"></div>
							</div>
						</div>
						<div class="selectbox_layer"></div>
					</div>
					<div class="dataColor ui_colorbtn ui_component" name="dataColor">
						<div class="colorbtn_holder"></div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="chart_editor_btns">
		<div class="ui_button small chart_editor_btn reset" name="resetChart">reset</div>
		<div class="ui_button small chart_editor_btn setChart" name="setChart">apply</div>
		<div class="ui_button small len5 chart_editor_btn setAllChart" name="setAllChart">Full coverage</div>
		<div class="ui_button small chart_editor_btn cancelChart" name="cancelChart">cancel</div>
	</div>

23	24	25	26	27	28	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31	1	2	3	4	5

23	24	25	26	27	28	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31	1	2	3	4	5

23	24	25	26	27	28	1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31	1	2	3	4	5