<%
/**
 * <pre>
 * @Class Name : snsForm.jsp
 * 
 * @Description : 회원가입 SNS 인증 선택화면 출력 
 * 
 * 
 * @프로젝트명: 지방문화원 통합자료관리시스템 구축사업 (2021)
 *
 * </pre>
 *
 * @ ------------    --------    ---------------------------
 * @ 수정일                     수정자             수정내용
 * @ ------------    --------    ---------------------------
 * @ 2021. 10. 21.    KNKIM      최초생성 
 
 * 
 * @author 이씨플라자 * DIGITALSHIP KNKIM
 * @since 2021. 10. 21.
 * @version 1.0
 *
 */
 %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>


    <!-- 회원가입 섹션 -->
    <section class="location join">
        <h2 class="blind">회원가입 섹션영역</h2>
        <div class="inner">
            <div class="row-top">
                <div class="location-box">
                    <ul class="loc">
                        <li>HOME</li>
                        <li class="on">회원가입</li>
                    </ul>
                    <ul class="tit">
                        <li><span>회원</span>가입</li>
                    </ul>
                </div>
                <div class="arr"><img src="/images/icon/icon-join-arr2.png" alt="화살표 아이콘"></div>
            </div>
            <div class="row-bottom">
                <div class="join-box">
                    <div class="step">
                        <div class="s1 on">
                            <div class="icon"><img src="/images/icon/icon-join-step1-on.png" alt="본인인증 아이콘"></div>
                            <div class="text"><p>STEP 01</p><p>본인인증</p></div>
                        </div>
                        <div class="s2">
                            <div class="icon"><img src="/images/icon/icon-join-step2.png" alt="약관동의 아이콘"></div>
                            <div class="text"><p>STEP 02</p><p>약관동의</p></div>
                        </div>
                        <div class="s3">
                            <div class="icon"><img src="/images/icon/icon-join-step3.png" alt="정보입력 아이콘"></div>
                            <div class="text"><p>STEP 03</p><p>정보입력</p></div>
                        </div>
                    </div>
                    <div class="login">
		                <div class="Btn Naver"><button type="button" onclick="location.href='${naverUrl}';">네이버로 간편 가입</button></div>
		                <div class="Btn Kakao"><button type="button" onclick="location.href='${kakaoUrl}';">카카오로 회원가입</button></div>
		                <div class="Btn Google"><button type="button" onclick="location.href='${googleUrl}';">Google 계정으로 가입</button></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
