Synapsoft Synap Form

The form above was created in Synapsoft Office.

You can create documents freely in Synapsoft Office anytime and anywhere.

The form above was created in Synapsoft Office.

Help

Inquiries and Reports

Theme Colors

No color

Standard Colors

Recent Colors

More colors...

Picture

Gradation

[선형좌상우하]

[선형우상좌하]

[선형좌하우상]

[선형우하좌상]

[선형좌우]

[선형상하]

[선형우좌]

[선형하상]

Transparency

10%

20%

30%

40%

50%

60%

70%

80%

90%

100%

Thickness

0.25

0.5

0.75

1.5

2.25

4.5

More Lines...

Style

solid

sysDot

dash

Begin Type

No Arrow

Arrow

Open Arrow

Stealth Arrow

Diamond Arrow

Enclosed Arrow

End Type

No Arrow

Arrow

Open Arrow

Stealth Arrow

Diamond Arrow

Enclosed Arrow

Color

Red (R)

Green (G)

Blue (B)

New Color

Current color

Apply

Cancel

Template document

Open

Save As

Save As Other Format

Save and E-mail it

Save and send blog

Save and apply password

Synap Cloud

My Computer

Important document

Synap Cloud

Team/Group

Shared Folder

Star

Type

Name

Modified

Word document(*.doc, *.docx), Text file(*.txt) PPT (*.ppt, *.pptx) Excel (*.xls, *.xlsx, *.csv) File will be edited after converting to(*.ndocnpptnxls)file.

The source file before conversion will be retained.

The maximum size of document to import from Synap Cloud or PC is 30MB.

Word document(*.doc, *.docx), Text file(*.txt) PPT (*.ppt, *.pptx) Excel (*.xls, *.xlsx, *.csv) File will be edited after converting to(*.ndocnpptnxls)file.

The source file before conversion will be retained.

The maximum size of document to import from Synap Cloud or PC is 30MB.

Shared folders without editing permissions are not displayes.

File Name

File Format

Microsoft Excel 2007 Format (*.xlsx)

CSV (*.csv)

Synapsoft Synap Cell Format (*.nxls)

Microsoft PowerPoint 2007 Format (*.pptx)

Synapsoft Synap Slide Format (*.nppt)

Microsoft Word 2007 Format (*.docx)

Microsoft Word 2003 Format (*.doc)

Synapsoft Synap Word Format (*.ndoc)

HWPML 2.x Document (*.hml)

Text Format (*.txt)

Open Office Format (*.odt)

PDF Format (*.pdf)

Synapsoft Synap Form Format (*.nfrm)

Select File

Browse

Open a document from my PC(File formats supported: *.ndoc, *.doc, *.docx, *.hml, *.hwp, *.txt) *.nppt, *.ppt, *.pptx) *.nxls, *.xls, *.xlsx, *.csv) *.nfrm)

Word document(*.doc, *.docx), Text file(*.txt) PPT (*.ppt, *.pptx) Excel (*.xls, *.xlsx, *.csv) File will be edited after converting to(*.ndocnpptnxls)file.

The source file before conversion will be retained.

The maximum size of document to import from Synap Cloud or PC is 30MB.

File Name

File Format

Microsoft Excel 2007 Format (*.xlsx)

CSV (*.csv)

Microsoft PowerPoint 2007 Format (*.pptx)

Microsoft Word 2007 Format (*.docx)

Microsoft Word 2003 Format (*.doc)

HWPML 2.x Document (*.hml)

Text Format (*.txt)

Open Office Format (*.odt)

PDF Format (*.pdf)

Synapsoft Synap Form Format (*.nfrm)

Open

Save

Cancel

Convert Document

Converting Document...

Send As E-mail

Send to Blog

Send to Cafe

Select Cafe

File Name

File Format

Microsoft Excel 2007 Format (*.xlsx)

CSV (*.csv)

Synapsoft Synap Cell Format (*.nxls)

Microsoft PowerPoint 2007 Format (*.pptx)

Synapsoft Synap Slide Format (*.nppt)

Microsoft Word 2007 Format (*.docx)

Microsoft Word 2003 Format (*.doc)

Synapsoft Synap Word Format (*.ndoc)

HWPML 2.x Document (*.hml)

Text Format (*.txt)

Open Office Format (*.odt)

PDF Format (*.pdf)

* Document will be sent through attached file of e-mail.

* A file with transformed format can be different from the original one partially.

* Document will be added through attached file of blog post.

* A file with transformed format can be different from the original one partially.

* Document will be added through attached file of cafe post.

* A file with transformed format can be different from the original one partially.

Cancel

Save

File Name

File Format

Microsoft Excel 2007 Format (*.xlsx)

CSV (*.csv)

Microsoft PowerPoint 2007 Format (*.pptx)

Microsoft Word 2007 Format (*.docx)

Microsoft Word 2003 Format (*.doc)

HWP Hangul Document (*.hwp)

HWPML 2.x Document (*.hml)

Text Format (*.txt)

Open Office Format (*.odt)

PDF Format (*.pdf)

* A file with transformed format can be different from the original one partially.

Cancel

Document Recovery

Unsaved document can be recovered.
Document can be opened and saved by clicking its title.

Temporary saved documents will be stored for 10 days and deleted after that.

Delete All

Name

Cancel

Notify

If there are any files that shouldn't be edited by anyone else,
try using after locking them!

Only I can edit the file until it is unlocked.

Cancel

View recommended browsers

In Progress

Cancel

Refresh

Special Character

Common Symbol

Number and Unit

Circle, Parenthesis

Hangul

Greek, Latin

Japanese

Selected symbol

Cancel

Insert Video

Paste HTML code of a movie(embed or iframe tag) in a box below.

Insert Video

The movies against copyrights such as violating other person's rights or defaming one's reputation
can be applied legal limitations based on the terms of use and related laws.

Spelling

Change to

Suggestions

Suggestions List

Skip

Skip All

Replace

Replace All

From Beginning

Exit

Document size exceeded

The document might not be saved or opened normally due to the excess of browser expression if there are too many pages or changes in format/style.
Please open or save the document in parts.

Don't ask me again in this document

Cancel

Install Nanum font

1. Please download Nanum font installation file to install.

Install Nanum font

Install NanumEcho font

2. New font can be installed with Refresh after compeleing installation.
But, on Firefox browser, all windows should be
closed and the browser should be restarted.

Refresh Now

Temporary saved document notice

There is a latest temporary saved document.
()

Temporary saved documents will be stored for 10 days and will be automatically deleted after that.
Do you want to use this document?

Yes

Setup file password

Current open password

Open password

Confirm password

Current write password

Write password

Confirm password

*Caution: You can't recover password if you lost password.
Keep password and document filename list in safety place.
Your password is case sensitive.

Apply

Cancel

Cancel file password

Current open password

Current write password

Cancel

Protected document

This document is password protected.
Enter the password to edit the document.

Cancel

Document Info

Properties

Sheets

Entire Cells

Items

Slides

Words

Characters (with spaces)

Characters (no spaces)

Paragraphs

Pages

General information

Document title

Author

Last Modified By

File information

Created

Last Modified

Not saved yet

File Size

Minimal 1KB

Save In

Not saved yet

Don't show me again

More fonts


인기순 \| 평점순	전체 \| DX코리아 \| 훈디자인

추가된 글꼴


폰트와 관련된 자세한 사항 및 상업적 사용에 대한 상세 정보는 업체에 문의하시길 바랍니다.	자세히보기

Cancel

Sharing a document

Copy the link below and paste if you want to share this document.

Sharing a document

Do not share

Share to everyone

Specify who to share with

Cancel

Response Settings

Response period

No period setting

Message to display on response submission

투표 테마 설정

투표 테마 적용

View result on response submission

Public

Private

Receive an email when sending response

Receive

Do not receive

Receive an response result by e-mail when a response has been sent.

Details

Submit multiple responses

Allow

Not Allowed

Only 1 response submission per Synapsoft ID(can response after Synapsoft login)

응답자 설정

파일 선택

샘플 파일 다운로드

개별링크 다운로드

응답 현황

Only 1 response submission per IP

In case of receiving only one response per IP, one user may not be able to respond after a certain user responds in an environment where the same IP is shared. (E.g. router)

Send other responses

Allow

Not Allowed

Can submit an another answer after sending the response.

First-come-first-served basis answer

Allow

Disallow

Can receive responses for fixed number of people.

people can answer.

Message of the deadline

Quiz Mode

Disclosure of scores on response

Answer progress

Show progress bar

Cancel

Individual Settings


Title	New product satisfaction survey
Description	Please answer the questionnaire for service improvement.
Period	Response period: 2013.01.01(Tue) ~ 2013.12.31(Tue)

Individual settings will be applied identically to all items.

Item Title

Satisfied with the new product?

Description

Please choose one or the other.

Option

	Satisfied
	Unsatisfied


Group Title	New product satisfaction survey
Description	Please answer the questionnaire for service improvement.

Page Title	New product satisfaction survey
Description	Please answer the questionnaire for service improvement.

Preview

Apply

Cancel

Partial font style guide

Partial font styles are available by inserting the symbols below before and after the word to be highlighted.
Partial font styles will not be applied if '\'is inserted before the symbols below.


	Example of symbol insertion	After application
Partially bold	Select all.	Select all.
Partially italic	Select /all/.	Select all.
Partially underlined	Select _all_.	Select all.
Partially colored	Select {color:red}all{color}.	Select all.
Partial size	Select {size:20}all{size}.	Select all.
~~Partial strikethrough~~	Select --all--.	Select ~~all~~.
New Line	Select<br> all.	Select all.

*Applicable colors are 10 default colors.


darkred	yellow	skyblue	purple
red	yellowgreen	blue
orange	green	darkblue

Themes Setup

All Themes

Share Result

View result on response submission

Public

Private

Cancel

Zip Code Search

도로명주소

지번주소

Please click the Search button after entering the name of Dong(Eup/Myun/Lee).
If an address from the search results is clicked, it will be added to the address book.

Address Search Results

<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'>
					<a href="{=logoUrl}" target="_blank">
					<img src='{=serverUrl}/images/img_logo.png' /></a>
					<a href="{=officeUrl}" target="_blank">
					<img src='{=serverUrl}/images/img_logo_office{=postfix}.png' /></a>
					
					<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 style='color:black;font-size:9px;font-family:Verdana, 나눔고딕, 맑은 고딕, 돋움' >
					<a href="{=logoUrl}" target="_blank">
						<img src='{=serverUrl}/images/naverLogo.png' style='margin-bottom: -4px;'  /></a>
					Copyright ⓒ <a href='{=naverCorpUrl}' target='_blank' style='color:black;text-decoration:none;font-size:9px;'>NAVER Corp.</a> All Rights Reserved
				</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'>
					<a href="{=logoUrl}" target="_blank">
					<img src='{=serverUrl}/images/img_logo_worksmobile.png' /></a>
					<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;">form.js.send.announcemail.footer.works</div>
				</div>
				<div style='color:black;font-size:9px;font-family:Verdana, 나눔고딕, 맑은 고딕, 돋움' >
					ⓒ <a href='{=naverCorpUrl}' target='_blank' style='color:black;text-decoration:none;font-size:9px;'>Works Mobile Corp.</a>
				</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"><span>{=title}</span><span class="requiredMark">*</span><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_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="End Editing" 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" 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 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="column label">
				{if descriptionLabel}
					{=descriptionLabel}
				{else}
					Description
				{/if}
			</div>
			<div class="column"> 
				<input type="text" id="description" title="Description" name="description" class="itemDescription ui_inputbox ui_component ui_focusable" {=customAttribute} setvaluemsg="SET_VALUE_INPUTBOX">
				<label for="description" style="display: none;">Description</label>
			</div>
			<div class="column">
				{=mainImageButton}
			</div>
		</div>
		
		{=mainImageImgTag}
		
		<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="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 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" id="quiz-score" placeholder="0" title="points"/>
					<span>point</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="End Editing" 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" title="" 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" title="" 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" data-ncode='esl.bigger'></div>
		</div>
		<div class="column">
			<div id="{=sizeDownId}" name="{=sizeDownId}" class="fontSizeDown styleBtn ui_button" data-ncode='esl.smaller'></div>
		</div>
	</div>
	<div class="column">
		<div id="{=boldId}" name="{=boldDownId}" class="boldBtn fontStyle styleBtn ui_button" data-ncode='esl.bold'></div>
	</div>
	<div class="column">
		<div id="{=italicId}" name="{=italicId}" class="italicBtn fontStyle styleBtn ui_button" data-ncode='esl.italic'></div>
	</div>
	<div class="column">
		<div id="{=underlineId}" name="{=underlineId}" class="underlineBtn fontStyle styleBtn ui_button" data-ncode='esl.underline'></div>
	</div>
	<div class="column">
		<div id="{=colorId}" name="{=colorId}" class="colorBtn ui_colorbtn">
			<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">
			<div class="colorbtn_holder" data-ncode='esl.color'></div>
		</div>
	</div>
	<div class="column">
		<div class="verticalLine"></div>
	</div>
	<div class="column label">transparency</div>
	<div class="column">
		<div id="{=opacityId}" name="{=opacityId}" class="ui_slider column" 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">^</div></div>
		</div>
	</div>
	<div class="column">
		<div id="opacity_stepper" class="ui_stepper" 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">

Save

Preview

Add Item

<div class="holder etcOptionDisplay">
		<div id="{=name}" name="{=name}" etc='true' style='width:20px;' class="etcCheckMark {=className} disable ui_component" value="{=value}" setvaluemsg="{=setvaluemsg}" checked="false" aria-checked="false">
		
			<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 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">
				<span>{=title}</span>
				<span class="quizTotalScore hide"></span>
			</div>
			<div class="mobileThemeHeader">
				<div class="topRight"></div>
				<div class="topLeft"></div>
			</div>
		</div>
		<div class="formSubInfo itemOptionPh hide">
			<div class="description" aria-label="{=descriptionText}"><span>{=description}</span></div>
			{=mainImage}
			<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">
		<div class="line"></div>
		<div class="finishIcon"></div>
		<div class="finishMessage">{=finishMessage}</div>
		<span class="quizTotalScore hide"></span>
		<div class="buttonPh">
			<button menu="viewSummaryBtn" class="viewSummaryBtn" title="View Response Result" data-ncode-m="sbm.result"></button>
			<button menu="anotherResponse" title="Send other responses" class="anotherResponseBtn" data-ncode-m="rsd.another"></button>
			<button class="vline"></button>
			<button menu="closeBtn" class="closeBtn" title="Close" style="display:none;"></button>
		</div>
	</div>
	<div id="quizResult" class="quizResult"></div>
	{=footerPromotion}

</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>

<ul>
		<div class="timestamp-header">
			<div class="timestamp-header-item response-rate-wrapper">
				<div>
					<div class="timestamp-header-item tooltip">
						<span class="tooltip-icon">?<span>
						<div class="tooltiptext">{=tooltiptext}</div>
					</div>
					<div class="timestamp-header-item">
						{=responseRate}: <span class="response-rate"></span>%
					</div>
				</div>
			</div>
			<div class="timestamp-header-item timestamp-date-wrapper">
				<input type="checkbox" id="timestamp-checkbox" class="timestamp-checkbox timestamp-header-item"/>
				<label for="timestamp-checkbox" class="timestamp-checkbox timestamp-header-item">{=hourlyChart}</label>
				<div class="dateInput timestamp-header-item">
					<div class="hide text">{=firstResponseDate}</div>
					<input type="tel" value="{=firstResponseDate}" name="startDate" class="datetime_date tab_order ui_inputbox ui_component timestamp-start timestamp_calendar" setvaluemsg="SET_VALUE_INPUTBOX">
				</div>
				<span class="timestamp-header-item"> ~ </span>
				<div class="dateInput timestamp-header-item">
					<div class="hide text">{=lastResponseDate}</div>
					<input type="tel" value="{=lastResponseDate}" name="endDate" class="datetime_date tab_order ui_inputbox ui_component timestamp-end timestamp_calendar" setvaluemsg="SET_VALUE_INPUTBOX">
				</div>
			</div>
		</div>
		<div class="itemOptions"></div>
	</ul>

.{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:url(images/mobile/{0}_bkImg01.png) repeat top center;
	-webkit-background-size : 640px auto;
	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:35px !important;
	background:url(images/mobile/{0}_zipcode.png) no-repeat;
	-webkit-background-size : 80px 35px;
	background-position:0px 0px !important;
	font-size:0em;
}

/** 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="u_ft">
	    <div class="u_ftsw">
				<a class="u_ftsa" href="{=mobile_ndrive_app_down_url}"><span class="u_cloud_ico"></span>Install Synap Cloud App</a>
				<a href="#" class="u_ftst _toTop">Top</a>
	    </div>
	    <div id="u_ftlkw" class="u_ftlkw">
			<a href="javascript:void(0);" onclick="logout('http%3A%2F%2Fm.mybox.naver.com%2F'); return false;" class="u_ftlk">Logout</a>
			<a href="{=mobile_naver_app_all_url}" class="u_ftlk">All Apps</a>
			<a href="{=mobile_ndrive_sitemap_url}" class="u_ftlkbt">All Services</a>
			</div>
			<div class="u_crt">
				<span class="u_cri"><a href="{=mobile_naver_help_url}" class="u_cra">Synap CloudHelp</a></span>
				<span class="u_cri u_cri_v1"><a href="{=mobile_naver_inquiry_url}" class="u_cra">Inquiries and Reports</a></span>
				<span class="u_cri u_cri_v1"><a href="{=mobile_naver_operate_pricipal_url}" class="u_cra">Operation Rule</a></span>
			</div>
	</div>
	<address class="u_cr">
		<span class="u_cri">© <a href="{=mobile_naver_corp_url}" class="u_cra u_cra_v1">Synapsoft Corp.</a></span>
	</address>

<div id="formItem_{=itemId}" itemId="{=itemId}" class="{=itemType} formItem {=requiredMark} {=responseIdType}">
		<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">
			<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>
		<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="Delete"></a>
		</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>
				<span>points</span>
				<input type="text" class="ui_mobile ui_inputbox quiz-score ui_component" name="quiz-score" 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>
		{=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">
				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="column">
							<input type="tel" id="startDate" name="startDate" class="startDate ui_component date ui_inputbox" {=dateDisable} data-ncode-m="fed.datesel">
							<label for="startDate" style="display: none;">시작일</label>
						</div>
						<div class="column dateDelim">
							~
						</div>
						<div class="column">
							<input type="tel" id="endDate" name="endDate" class="endDate ui_component date ui_inputbox" {=dateDisable} data-ncode-m="fed.datesel">
							<label for="endDate" style="display: none;">종료일</label>
						</div>
						<div class="column" data-ncode-m="fed.unset">
							{=dateCheck}
						</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.<br />For forms that contain personal information, we recommend setting a private one.
			</div>

<div class="allowAnnouncePh">
 				<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="labelDescription"> Receive an response result by e-mail when a response has been sent. </div>
				<a class="allowAnnounceDetail ui_component" href="javascript:void(0);" menu="go_announce_mail_help" data-ncode-m="rsp.more">Details</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 Synapsoft 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 id="allowAnotherResponsePh" class="allowAnotherResponsePh ">
				<div class="label">Send other responses</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"> Can submit an another answer after sending the response. </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="allowLimitResponseSetting">
						<div style="margin-bottom :5px;">
							Message of the deadline
						</div>
						{=responseLimitMessageInput}
					</div>
				</label>
			</div>

<div class="scoreDisclosurePh">
				<div class="input">
					<div style="margin-bottom :5px;">
						Quiz Mode
					</div>
					{=scoreDisclosureCheckbox}
				</div>
			</div>
			<div class="progressDisclosurePh">
				<div class="input">
					<div style="margin-bottom :5px;">
						Answer progress
					</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">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">You can copy the URL below with long press</strong></p>		
				<a href="#" id="urlCopyText" onClick="return false;"></a>
			</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 style="max-width:623px;padding:20px 20px 0px 20px;font-family:나눔고딕, 맑은 고딕, 돋움;background-color:#717075;">
		<div style='background-color:#C33CA0;'>
			{=form_url_start}
				<img src='{=serverUrl}/form/images/bk_header01_mail_logo{=serviceName}.png' border='0'>{=form_url_end}
		</div>
		<div style='font-size:0px;'><img src='{=serverUrl}/form/images/bk_header01_mail_shade.png' border='0' width='100%' height='4px'></div>

<div style="background-color:#FFFFFF;padding:25px 0px 0px 0px;">
			<div style="font-weight:bold;font-size:16px;color:#333333;padding:0px 0px 16px 0px;width:85%;margin:0px auto;">
				<span style='{=styleTitle}'>'{=mainTitle}'</span> sent from {=userName}.
			</div>
			<table cellpadding='0' cellspacing='0' border='0' style='margin:0px auto;background:url({=serverUrl}/form/images/share_bg_{=themeCode}.png) repeat-y;width:85%;border-top:3px solid #999999;border-bottom:3px solid #999999;'>
			<tr>
				<td style='vertical-align:top;height:250px;'>
					<div style='float:left;width:230px;padding:15px 0px 15px 15px;'>
						<div style='margin:0px 15px 4px 0px;font-weight:bold;word-break:break-all;word-wrap:break-word;font-size:16px;{=styleContTitle}'>{=title}</div>
						<div style='margin:0px 15px 23px 0px;font-size:12px;font-weight:bold;letter-spacing:-1px;{=styleContDate}'>{=date}</div>
						<div style='margin:0px 15px 13px 0px;font-size:12px;color:#666666;line-height:19px;'>{=description}</div>
						<a href='{=permLink}' target='_blank'><img src='{=serverUrl}/form/theme/images/responseViewBtn_{=themeCode}.png' border='0px'></a>
					</div>

<div style='float:left;margin-left:15px;'>
						<div style='padding:15px 0px 0px 0px;'>
							<img src='{=serverUrl}/form/images/thumb_share_{=themeCode}.png' border='0px' style='max-width:280px;width:100%'>
						</div>
						<div style='color:#999999;text-align:center;font-size:11px;line-spacing:17px;padding:15px 0px 10px 0px;'>
							This format has been created by using <br/>  <u>'{=themeName}' theme of Synapsoft Synap Form</u>.
						</div>
					</div>
				</td>
			</tr>
			</table>
	
			<div style='font-size:12px;padding:20px 0px 0px 0px;width:85%;margin:0px auto;{=naverDisplay}'>
				<div>발품 팔아 질문하고 수작업으로 취합하는 설문은 이제 그만!</div>
				<div>네이버 폼에서 URL 공유로 편하게 의견모으자</div>
				<div style='padding:10px 0px 0px 0px;'>
					<span style='padding-right:20px;'>
						<a href='{=naver_form_url}' target='_blank' style='text-decoration:none;color:#009e25;'>네이버폼 바로가기</a></span>
					<span>
						<a href='{=naver_form_detailView}' target='_blank' style='text-decoration:none;color:#009e25;'>자세히 보기</a>
					</span>
				</div>
			</div>

</div>
		<div style='text-align:right;background-color:white;height:95px;'>
			<img src='{=serverUrl}/form/images/bk_img01_mail_paper_tail.png' style='border:none;'></div>
	
		<div style="text-align:center;padding:21px 0px 30px 0px;font-size:12px;color:#FFFFFF;">
			<div style='font-weight:bold;padding:0px 0px 5px 0px;'>The form above was created in Synapsoft Office.</div>
			<div style='padding:0px 0px 20px 0px;'>You can create documents freely in Synapsoft Office anytime and anywhere.</div>
			<div style="text-align:center;border-top:1px solid #888888;padding:16px 0px 11px 0px;margin:0px auto;display:none;">
				<a href='http://office.naver.com' target='_blank'>
					<img src='{=serverUrl}/form/images/ban_lineup_send_mail_01.png' style='border:none;height:23px;'><img src='{=serverUrl}/form/images/ban_lineup_send_mail_02.png' style='border:none;height:23px;'><img src='{=serverUrl}/form/images/ban_lineup_send_mail_03.png' style='border:none;height:23px;'><img src='{=serverUrl}/form/images/ban_lineup_send_mail_04.png' style='border:none;height:23px;'><img src='{=serverUrl}/form/images/ban_lineup_send_mail_05.png' style='border:none;height:23px;'></a>
			</div>
			<div style='color:#AEAEAE;'>
				Copyright ⓒ <a href='http://www.synapsoft.co.kr' target='_blank' style='color:#AEAEAE;text-decoration:none;'>Synapsoft Corp.</a> All Rights Reserved
			</div>
		</div>
	</div>

<div style="background-color:#FFFFFF;width:548px;font-family:나눔고딕, 맑은 고딕, 돋움;border-top:1px solid #E7E7E7;border-left:1px solid #E7E7E7;border-right:1px solid #E7E7E7;">
		<div style='width:548px;'>
			<a href='http://office.naver.com' target='_blank'>
				<img src='{=serverUrl}/form/images/gnb_share.png' style='width:167px;height:29px;border:none;margin:17px 0px 13px 12px;'>
			</a>
		</div>
		<div style="background-color:#FFFFFF;position:relative;margin:0px 8px 0px 8px;padding-bottom:30px;">
			<div style='height:336px;overflow:hidden;border-top:3px solid #999999;border-bottom:3px solid #999999;'>
			<img src='{=serverUrl}/form/images/share_bg_{=themeCode}.png' style=''></div>
			<table align='center' cellpadding='0' cellspacing='0' border='0' style='width:100%25;height:341px;margin-top:-336px;'>
			<tr>
				<td style='padding:0px 0px 0px 25px;word-break:break-all;word-wrap:break-word;'>
					<div style='margin:0px 15px 4px 0px;width:256px;font-size:16px;{=styleContTitle}'>{=title}</div>
					<div style='margin:0px 15px 23px 0px;font-size:13px;{=styleContDate}'>{=date}</div>
					<div style='margin:0px 15px 13px 0px;font-size:12px;color:#666666;line-height:19px;'>{=description}</div>
					<a href='{=permLink}' target='_blank'><img src='{=serverUrl}/form/theme/images/responseViewBtn_{=themeCode}.png' border='0px'></a>
				</td>
				<td style='text-align:right;padding-right:25px;'>
					<div>
						<img src='{=serverUrl}/form/images/thumb_share_{=themeCode}.png' border='0px'>
					</div>
					<div style='color:#999999;text-align:center;font-size:11px;line-spacing:17px;padding:15px 0px 0px 0px;'>
						이 서식은 <u>네이버 폼의 '{=themeName}' 테마</u>를<br>
						활용하여 작성되었습니다.
					</div>
	
				</td>
			</tr>
			</table>

</div>
	</div>			
	<div style="width:530px;">
		<a href='http://office.naver.com' target='_blank'><img src='{=serverUrl}/form/images/copyright_send_blog_01.png' style='width:550px;height:22px;border:none;'></a><img src='{=serverUrl}/form/images/copyright_send_blog_02.png' style='width:550px;height:68px;border:none;'></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>