<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org"
	  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	  layout:decorate="~{/mobile/layout/joinLayout}">
<th:block layout:fragment="layout_css">
	<link rel="stylesheet" href="/css/mobile/joinAgreement.css">
</th:block>

<th:block layout:fragment="layout_content">
<div class="text_box">
	<p>서비스 가입을 위해<br/>이용약관 동의가 필요합니다.</p>
</div>
<ul class="agreement_list">
	<li class="first">
		<div class="input_box">
			<input id="service_agreement" type="checkbox" name="join_agreement" value="service_agreement" onChange="fn_checkYn();"/>
			<label for="service_agreement"><img src="/image/mobile/check.svg" alt="check"/>(필수)서비스 이용 약관</label>
		</div>
		<button onClick="location.href='/mobilejoinagreement/joinAgreementService.do'">보기</button>
	</li>
	<li>
		<div class="input_box">
			<input id="collection_agreement" type="checkbox" name="join_agreement" value="collection_agreement" onChange="fn_checkYn();"/>
			<label for="collection_agreement"><img src="/image/mobile/check.svg" alt="check"/>(필수)개인정보 수집 및 이용동의</label>
		</div>
		<button onClick="location.href='/mobilejoinagreement/joinAgreementCollection.do'">보기</button>
	</li>
	<li>
		<div class="input_box">
			<input id="marketing_agreement" type="checkbox" name="join_agreement" value="marketing_agreement" onChange="fn_checkYn();"/>
			<label for="marketing_agreement"><img src="/image/mobile/check.svg" alt="check"/>(선택)마케팅 활용 동의</label>
		</div>
		<button onClick="location.href='/mobilejoinagreement/joinAgreementMarketing.do'">보기</button>
	</li>
	<li>
		<div class="input_box">
			<input id="all_agreement" type="checkbox"/>
			<label for="all_agreement">전체동의</label>
		</div>
	</li>
</ul>
<div class="button_box">
	<button id="btn_joinInputIntro">다음</button>
</div>

<form id="loginForm" onsubmit="return false;"></form>

</th:block>
<th:block layout:fragment="layout_script">
<script src="/js/mobile/join/joinAgreement.js"></script>
<script>
	let snsEmail = '[[${param.snsEmail}]]';
	let loginType = '[[${param.loginType}]]';
</script>
</th:block>
</html>
