<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="mob/common/layout/LoginLayoutMob">
<!--
 *******************************************************************************
 * @source  : JoinTypeFormMob.html
 * @desc    : 회원가입 유형 화면
 *============================================================================
 * STYLE24
 * Copyright(C) 2021 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.04.13   jsshin     최초 작성
 *******************************************************************************
 -->

<body>
<th:block layout:fragment="content">
<main class="container mb">
	<!-- ★ 컨텐츠 시작 -->
	<section class="content mb_join_1">
		<div class="inner">
			<div class="close">
				<a href="javascript:void(0);" class="btn_close" onclick="cfnGoToPage(_PAGE_MAIN);"><span></span><span></span></a>
			</div>
		</div>
		<div class="inner">
			<h2 class="title">회원가입</h2>
		</div>
		<div class="inner">
				<form class="form_wrap form_full" role="form">
					<div class="form_head">
						<h3 class="title sr-only">본인인증</h3>
					</div>
					<div class="form_sign_up">
						<p class="c_primary t_c">STYLE24 회원으로 가입</p>
						<p class="t_c mt10">신규 가입 시 할인 쿠폰 등<br> 다양한 혜택을 받으실 수 있습니다.</p>
					</div>
				   <div class="btn_group_flex">
					   <button type="button" class="btn btn_primary btn_block" onclick="cfnGoToPage(_PAGE_CUSTOMER_JOIN);">동의하고 가입하기</button>
				   </div>
				</form>
				
				<div class="t_c sns_wrap">
					<h5>간편하게 시작하기</h5>
					<ul class="login_utill">
						<!-- 2021.09.01 card007 카카오싱크 검수 주석처리 -->
						<th:block th:if="false">
						<li class="lu_kakao">
							<a href="javascript:void(0);" onclick="cfnLoginKakao();">
								<div class="ico"></div>카카오
							</a>
						</li>
						</th:block>
						<!-- //2021.09.01 card007 카카오싱크 검수 주석처리 -->
						<li class="lu_naver">
							<a href="javascript:void(0);" onclick="cfnLoginNaver();">
								<div class="ico"></div>네이버
							</a>
						</li>
						<li class="lu_yes24">
							<a href="javascript:void(0);" onclick="cfnLoginYes24();">
								<div class="ico"></div>YES24
							</a>
						</li>
					</ul>
				</div>
				
		</div>

	</section>
	<!-- ★ 컨텐츠 종료 -->
</main>

<script th:inline="javascript">
	/*<![CDATA[*/


		$(document).ready(function(){

		});

	/*]]>*/
</script>
</th:block>
</body>
</html>