<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/WEB-INF/view/include/tags.jspf" %>

<script src="/clfd/js/validation/common-validation.js?ver=1.1"></script>
<script src="/clfd/js/user/userService.js?ver=1.1"></script>
<script src="/clfd/js/user/joinCorp.js?ver=1.1"></script>
<div class="join-wrapper">
    <div class="join-inner">
        <div class="join-inner__contents">
            <div class="join-inner__logo">
                <a href="/clfd/main.do">
                    <div class="join-inner__logo__img"></div>
                </a>
            </div>
            <form id="join" method="post" id="authForm" action="#">
                <div>
                    <div class="join-text__head">[ 관리자 정보 입력 ]</div>
                    <input class="joinInput" type="text" id="userId" name="userId" placeholder="아이디" style="top:39%;" maxlength="100">
                    <div id="userIdDuplicateCheckBtn" class="join-btn">중복확인</div>
                    <input class="joinInput" type="password" id="password" name="password" placeholder="비밀번호" style="top:39%;" maxlength="100">
                    <input class="joinInput" type="password" id="passwordConfirm" name="passwordConfirm" placeholder="비밀번호 확인" style="top:28%" maxlength="100">
                    <input class="joinInput" type="text" id="name" name="name" placeholder="이름" style="top:39%;" maxlength="100">
                    <select id="gender" name="gender" class="joinInput">
                        <option value="">성별</option>
                        <option value="f">여성</option>
                        <option value="m">남성</option>
                    </select>
                    <input class="joinInput" type="text" id="birth" name="birth" placeholder="생년월일" style="top:39%;" cleave="birth" maxlength="10">
                    <div style="display: flex">
                        <input class="joinInput" type="text" id="phone" name="phone" placeholder="휴대폰 번호" style="top:39%; margin-right: 0" cleave="phone" maxlength="13">
                        <div id="authRequestBtn" class="join-btn join-auth__btn">인증요청</div>
                    </div>
                    <div style="display: flex">
                        <input class="joinInput" type="text" id="phoneAuthKey" name="phoneAuthKey" placeholder="인증번호" style="top:39%; margin-right: 0" cleave="numberAllowZero" maxlength="6">
                        <div id="authCheckBtn" class="join-btn join-auth__btn">인증확인</div>
                    </div>
                    <div id="joinAuthNo" class="join-auth__no">
                        인증을 완료해주세요.
                    </div>
                    <div id="joinAuthOk" class=join-auth__ok style="display: none">
                        인증 되었습니다.
                    </div>
                    <br/>
                </div>

                <div>
                    <div class="join-text__head">[ 기업 정보 입력 ]</div>
                    <select id="companyGbn" name="companyGbn" class="joinInput">
                        <option value="">기업구분</option>
                        <c:forEach var="companyGbn" items="${companyGbnList}">
                            <option value="${companyGbn.cdDtlId}">${companyGbn.cdDtlNm}</option>
                        </c:forEach>
                    </select>
                    <input class="joinInput" type="text" id="companyNm" name="companyNm" placeholder="기업명" style="top:39%;" maxlength="100">
                    <input class="joinInput" type="text" id="saupjaNo" name="saupjaNo" placeholder="사업자번호" style="top:39%;" cleave="saupjaNo" maxlength="12">
                    <input class="joinInput" type="text" id="ownerName" name="ownerName" placeholder="대표자명" style="top:39%;" maxlength="20">
                    <input class="joinInput" type="text" id="telNo" name="telNo" placeholder="전화번호" style="top:39%;" cleave="fax" maxlength="12">
                    <input class="joinInput" type="text" id="faxNo" name="faxNo" placeholder="팩스번호" style="top:39%;" cleave="fax" maxlength="12">
                    <input class="joinInput" type="text" id="companySiteUrl" name="companySiteUrl" placeholder="URL" style="top:39%;" maxlength="100">
                    <input class="joinInput" type="text" id="addrM" name="addrM" placeholder="주소" style="top:39%;" maxlength="100">
                    <input class="joinInput" type="text" id="addrD" name="addrD" placeholder="상세주소" style="top:39%;" maxlength="100">
                </div>
            </form>
            <div id="joinBtn" class="join-btn">가입</div>
            <div id="cancelBtn" class="join-btn">취소</div>

            <div class="join-text__tos">
                <div>가입하면 COLOR FOOD의
                    <span class="terms">약관</span>,
                    <span class="terms">데이터 정책</span> 및
                    <span class="terms">쿠키 정책</span>에 동의하게 됩니다.
                </div>
            </div>
        </div>
        <div class="join-inner__div"></div>
        <div class="join-inner__ask">
            <div class="join-text__qu">계정이 있으신가요?</div>
            <a href="/login/loginForm.mng">
                <div class="join-text__login">로그인</div>
            </a>
        </div>
    </div>
</div>

<div class="join-fnd">
    <%--    <a href="#"><div class="join-fnd__btn">소개</div></a>--%>
    <%--    <a href="#"><div class="join-fnd__btn">API</div></a>--%>
    <%--    <a href="#"><div class="join-fnd__btn">개인정보처리방침</div></a>--%>
    <%--    <a href="#"><div class="join-fnd__btn">정책</div></a>--%>
    <%--    <a href="#"><div class="join-fnd__btn">고객센터</div></a>--%>
</div>
<div class="join-fnd02">
    <%--    <div class="join-fnd02__div">
            <select class="join-fnd02__div__sb">
                <option>한국어</option>
                <option>English</option>
                <option>中文</option>
                <option>日本</option>
            </select>
        </div>--%>
    <div class="join-ip">© 2021 Jinwoosoftinnovation</div>
</div>

<div id="termsBack" class="black_overlay">
</div>
<div id="termsFront" style="margin:auto; width: 300px; display: none">
    <div class="root_content">
        <div class="terms_content">
            컬러푸드 약관
            <br>
            <br>
            <br>
            [ 개인정보 수집 및 이용동의 ]
            <br>
            <br>
            개인정보보호법에 따라 컬러푸드에 회원가입 신청하시는 분께 수집하는 개인정보의 항목, 개인정보의 수집 및 이용목적, 개인정보의 보유 및 이용기간, 동의 거부권 및 동의 거부 시 불이익에 관한
            사항을 안내 드리오니 자세히 읽은 후 동의하여 주시기 바랍니다.<br>
            <br>
            1. 수집하는 개인정보<br>
            이용자는 회원가입을 하지 않아도 화장품 검색 서비스를 회원과 동일하게 이용할 수 있습니다. 이용자가 바우만 피부타입 테스트, 맞춤형 화장품 추천 등과 같이 회원제 서비스를 이용하기 위해
            회원가입을 할 경우, 컬러푸드는 서비스 이용을 위해 필요한 최소한의 개인정보를 수집합니다.<br>
            <br>
            회원가입 시점에 컬러푸드 서비스가 이용자로부터 수집하는 개인정보는 아래와 같습니다.<br>
            - 회원 가입 시에 ‘아이디, 비밀번호, 이름, 생년월일, 성별, 휴대전화번호’를 필수항목으로 수집합니다.<br>
            서비스 이용 과정에서 IP 주소, 쿠키, 서비스 이용 기록, 기기정보, 위치정보가 생성되어 수집될 수 있습니다.<br>
            구체적으로 1) 서비스 이용 과정에서 이용자에 관한 정보를 자동화된 방법으로 생성하여 이를 저장(수집)하거나,<br>
            2) 이용자 기기의 고유한 정보를 원래의 값을 확인하지 못 하도록 안전하게 변환하여 수집합니다.<br>
            이와 같이 수집된 정보는 개인정보와의 연계 여부 등에 따라 개인정보에 해당할 수 있고, 개인정보에 해당하지 않을 수도 있습니다.<br>
            <br>
            2. 수집한 개인정보의 이용<br>
            컬러푸드 서비스(모바일 웹/앱 포함)의 회원관리, 서비스 개발・제공 및 향상, 통계 등 아래의 목적으로만 개인정보를 이용합니다.<br>
            - 법령 및 컬러푸드 이용약관을 위반하는 회원에 대한 이용 제한 조치, 부정 이용 행위를 포함하여 서비스의 원활한 운영에 지장을 주는 행위에 대한 방지 및 제재, 계정도용 및 부정거래 방지,
            약관 개정 등의 고지사항 전달 등 이용자 보호 및 서비스 운영을 위하여 개인정보를 이용합니다.<br>
            - 서비스 이용기록과 접속 빈도 분석, 서비스 이용에 대한 통계, 서비스 분석 및 통계에 따른 맞춤 서비스 제공 및 광고 게재 등에 개인정보를 이용합니다.<br>
            - 보안, 프라이버시, 안전 측면에서 이용자가 안심하고 이용할 수 있는 서비스 이용환경 구축을 위해 개인정보를 이용합니다.<br>
            <br>
            3. 개인정보의 보관기간<br>
            회사는 원칙적으로 이용자의 개인정보를 회원 탈퇴 시 지체없이 파기하고 있습니다.<br>
            이용자에게 개인정보 보관기간에 대해 회원가입 시 또는 서비스 가입 시 동의를 얻은 경우는 아래와 같습니다.<br>
            - 통신비밀보호법<br>
            로그인 기록: 3개월<br>
            - 개인정보보관기간<br>
            탈퇴시 까지<br>
            <br>
            4. 개인정보 수집 및 이용 동의를 거부할 권리<br>
            이용자는 개인정보의 수집 및 이용 동의를 거부할 권리가 있습니다. 회원가입 시 수집하는 최소한의 개인정보, 즉, 필수 항목에 대한 수집 및 이용 동의를 거부하실 경우, 회원가입이 어려울 수
            있습니다.<br>


            [ 컬러푸드 이용약관 동의 ]
            <br>
            <br>
            여러분을 환영합니다.<br>
            <br>
            컬러푸드 서비스 및 제품(이하 ‘서비스’)을 이용해 주셔서 감사합니다. 본 약관은 컬러푸드 서비스를 이용하는 컬러푸드 서비스 회원(이하 ‘회원’) 또는 비회원과의 관계를 설명하며, 아울러
            여러분의 컬러푸드 서비스 이용에 도움이 될 수 있는 유익한 정보를 포함하고 있습니다.<br>
            <br>
            컬러푸드 서비스를 이용하시거나 컬러푸드 서비스 회원으로 가입하실 경우 여러분은 본 약관 및 관련 운영 정책을 확인하거나 동의하게 되므로, 잠시 시간을 내시어 주의 깊게 살펴봐 주시기
            바랍니다.<br>
            <br>
            컬러푸드 서비스는 clfd.jinwoosi.co.kr 도메인의 웹사이트 및 응용프로그램(어플리케이션, 앱)을 통해 바우만 피부타입 테스트, 진단결과 보관 및 조회, 맞춤형 화장품 추천,
            피부타입별 화장품 검색 등 여러분의 생활에 편리함을 더할 수 있는 다양한 서비스를 제공하고 있습니다.<br>
            <br>

            여러분은 PC, 휴대폰 등 인터넷 이용이 가능한 각종 단말기를 통해 서비스를 이용하실 수 있습니다.<br>
            <br>
            컬러푸드 서비스는 기본적으로 여러분 모두에게 동일한 내용의 서비스를 제공합니다.<br>

            <br>
            회원으로 가입하시면 컬러푸드 서비스를 보다 편리하게 이용할 수 있습니다.<br>
            여러분은 본 약관을 읽고 동의하신 후 회원 가입을 신청하실 수 있으며, 컬러푸드 서비스는 이에 대한 승낙을 통해 회원 가입 절차를 완료하고 여러분께 컬러푸드 서비스 이용 계정(이하 ‘계정’)을
            부여합니다. 계정이란 회원이 컬러푸드 서비스에 로그인한 이후 이용하는 각종 서비스 이용 이력을 회원 별로 관리하기 위해 설정한 회원 식별 단위를 말합니다.<br>


            한편, 컬러푸드 서비스를 통해 여러분이 게재한 게시물을 적법하게 제공하려면 해당 콘텐츠에 대한 저장, 복제, 수정, 공중 송신, 전시, 배포, 2차적 저작물 작성(단, 번역에 한함) 등의 이용
            권한(기한과 지역 제한에 정함이 없으며, 별도 대가 지급이 없는 라이선스)이 필요합니다.<br>
            게시물 게재로 여러분은 컬러푸드 서비스에게 그러한 권한을 부여하게 되므로, 여러분은 이에 필요한 권리를 보유하고 있어야 합니다.<br>
            <br>
            여러분의 개인정보를 소중히 보호합니다.<br>
            컬러푸드 서비스는 원활한 제공을 위하여 회원이 동의한 목적과 범위 내에서만 개인정보를 수집∙이용하며, 개인정보 보호 관련 법령에 따라 안전하게 관리합니다. 컬러푸드 서비스 이용자 및 회원에 대해
            관련 개인정보를 안전하게 처리하기 위하여 기울이는 노력이나 기타 상세한 사항은 개인정보 처리방침에서 확인하실 수 있습니다.<br>
            <br>
            컬러푸드 서비스는 여러분이 서비스를 이용하기 위해 일정 기간 동안 로그인 혹은 접속한 기록이 없는 경우, 전자메일, 서비스 내 알림 또는 기타 적절한 전자적 수단을 통해 사전에 안내해 드린 후
            여러분의 정보를 파기하거나 분리 보관할 수 있으며, 만약 이로 인해 서비스 제공을 위해 필수적인 정보가 부족해질 경우 부득이 관련 서비스 이용계약을 해지할 수 있습니다.<br>
            <br>
            컬러푸드 서비스 이용과 관련하여 몇 가지 주의사항이 있습니다.<br>
            컬러푸드는 여러분이 컬러푸드 서비스를 자유롭고 편리하게 이용할 수 있도록 최선을 다하고 있습니다. 다만, 여러분이 컬러푸드 서비스를 보다 안전하게 이용하고 컬러푸드 서비스에서 여러분과 권리가
            보호받으려면 여러분의 도움과 협조가 필요합니다. 여러분의 안전한 서비스 이용과 권리 보호를 위해 부득이 아래와 같은 경우, 서비스 이용이 제한될 수 있으므로, 이에 대한 확인 및 준수를 요청
            드립니다.<br>
            <br>
            회원 가입 시 이름, 생년월일, 휴대전화번호 등의 정보를 허위로 기재해서는 안 됩니다. 회원 계정에 등록된 정보는 항상 정확한 최신 정보가 유지될 수 있도록 관리해 주세요. 자신의 계정을 다른
            사람에게 판매, 양도, 대여 또는 담보로 제공하거나 다른 사람에게 그 사용을 허락해서는 안 됩니다. 아울러 자신의 계정이 아닌 타인의 계정을 무단으로 사용해서는 안 됩니다. 이에 관한 상세한
            내용은 계정 운영정책을 참고해 주시기 바랍니다.<br>
            <br>
            컬러푸드 서비스의 사전 허락 없이 자동화된 수단(예: 매크로 프로그램, 로봇(봇), 스파이더, 스크래퍼 등)을 이용하여 컬러푸드 서비스 회원으로 가입을 시도 또는 가입하거나, 컬러푸드 서비스에
            로그인을 시도 또는 로그인하거나, 컬러푸드 서비스의 기술적 조치를 무력화하려는 일체의 행위(예: IP를 지속적으로 바꿔가며 접속하는 행위, Captcha를 외부 솔루션 등을 통해 우회하거나
            무력화 하는 행위 등)를 시도해서는 안 됩니다.<br>
            컬러푸드 서비스의 동의 없이 자동화된 수단에 의해 컬러푸드 서비스 상에 광고가 게재되는 영역 또는 그 밖의 영역에 부호, 문자, 음성, 음향, 그림, 사진, 동영상, 링크 등으로 구성된 각종
            콘텐츠 자체 또는 파일을 삽입해서는 안 됩니다. 또한, 컬러푸드 서비스 또는 이에 포함된 소프트웨어를 복사, 수정할 수 없으며, 이를 판매, 양도, 대여 또는 담보로 제공하거나 타인에게 그
            이용을 허락해서는 안 됩니다. 컬러푸드 서비스에 포함된 소프트웨어를 역 설계, 소스코드 추출 시도, 복제, 분해, 모방, 기타 변형하는 등의 행위도 금지됩니다(다만, 오픈소스에 해당되는 경우 그
            자체 조건에 따릅니다). 그 밖에 바이러스나 기타 악성 코드를 업로드하거나 컬러푸드 서비스의 원활한 운영을 방해할 목적으로 서비스 기능을 비정상적으로 이용하는 행위 역시 금지됩니다.<br>
            <br>
            부득이 서비스 이용을 제한할 경우 합리적인 절차를 준수합니다.<br>
            또한 여러분이 관련 법령, 본 약관, 서비스에서의 약관, 운영정책 등을 준수하지 않을 경우, 컬러푸드 서비스는 여러분의 관련 행위 내용을 확인할 수 있으며, 그 확인 결과에 따라 컬러푸드 서비스
            이용에 대한 주의를 당부하거나, 컬러푸드 서비스 이용을 일부 또는 전부, 일시 또는 영구히 정지시키는 등 그 이용을 제한할 수 있습니다. 한편, 이러한 이용 제한에도 불구하고 더 이상 컬러푸드
            서비스 이용계약의 온전한 유지를 기대하기 어려운 경우엔 부득이 여러분과의 이용계약을 해지할 수 있습니다.<br>
            <br>


            컬러푸드의 잘못은 컬러푸드 서비스가 책임집니다.<br>
            컬러푸드는 여러분이 컬러푸드 서비스를 이용함에 있어 컬러푸드 서비스의 고의 또는 과실로 인하여 손해를 입게 될 경우 관련 법령에 따라 여러분의 손해를 배상합니다. 다만, 천재지변 또는 이에
            준하는 불가항력으로 인하여 컬러푸드 서비스가 서비스를 제공할 수 없거나 이용자의 고의 또는 과실로 인하여 서비스를 이용할 수 없어 발생한 손해에 대해서 컬러푸드 서비스는 책임을 부담하지
            않습니다.<br>
            <br>
            그리고 컬러푸드 서비스가 손해배상책임을 부담하는 경우에도 통상적으로 예견이 불가능하거나 특별한 사정으로 인한 특별 손해 또는 간접 손해, 기타 징벌적 손해에 대해서는 관련 법령에 특별한 규정이
            없는 한 책임을 부담하지 않습니다.<br>
            <br>
            언제든지 컬러푸드 서비스 이용계약을 해지하실 수 있습니다.<br>
            컬러푸드 서비스에게는 참 안타까운 일입니다만, 회원은 언제든지 컬러푸드 서비스 이용계약 해지를 신청하여 회원에서 탈퇴할 수 있으며, 이 경우 컬러푸드 서비스는 관련 법령 등이 정하는 바에 따라
            이를 지체 없이 처리하겠습니다.<br>
            <br>
            컬러푸드 서비스 이용계약이 해지되면, 관련 법령 및 개인정보처리방침에 따라 컬러푸드 서비스가 해당 회원의 정보를 보유할 수 있는 경우를 제외하고, 해당 회원 계정에 부속된 게시물 일체를 포함한
            회원의 모든 데이터는 소멸됨과 동시에 복구할 수 없게 됩니다.<br>
            <br>
            일부 컬러푸드 서비스에는 광고가 포함되어 있습니다.<br>
            여러분이 다양한 컬러푸드 서비스를 이용하다 보면 간혹 일부 개별 서비스에 광고가 포함된 경우가 있습니다. 컬러푸드 서비스를 이용하면서 발생할 수 있는 데이터 통신요금은 가입하신 통신사업자와의
            이용계약에 따라 여러분이 부담하며, 포함된 광고 열람으로 인해 추가적으로 발생하는 비용 역시 여러분이 부담합니다.<br>
            <br>
            원하는 컬러푸드 서비스를 이용하기 위해 원하지 않는 광고를 봐야 하는 경우가 있습니다. 이는 여러분에게 제공하는 다양한 컬러푸드 서비스를 원칙적으로 무료로 제공할 수 있게 해주는 데 기여하며,
            더 나아가 컬러푸드 서비스가 연구 개발에 투자하여 더 나은 서비스를 제공할 수 있는 기반이 됩니다. 최근 타사의 일부 서비스들이 광고 없는 서비스 이용을 강조하며 주된 서비스를 유료로 제공하고
            있는 관행이 이를 뒷받침합니다.<br>
            <br>
            컬러푸드 서비스는 여러분의 본의 아닌 불편이나 부담이 최소화될 수 있는 방법에 대해 항상 고민하고 개선해 나가겠습니다.<br>
            <br>
            한편, 컬러푸드 서비스는 서비스 운영 또는 개선을 위해 상당한 필요성이 있는 경우 서비스의 전부 또는 일부를 수정, 변경 또는 종료할 수 있습니다. 무료로 제공되는 서비스의 전부 또는 일부를
            수정, 변경 또는 종료하게 된 경우 관련 법령에 특별한 규정이 없는 한 별도의 보상을 하지 않습니다.<br>
            <br>
            여러분이 쉽게 알 수 있도록 약관 및 운영정책을 게시하며 사전 공지 후 개정합니다.<br>
            컬러푸드 서비스는 본 약관의 내용을 여러분이 쉽게 확인할 수 있도록 서비스 초기 화면에 게시하고 있습니다.<br>
            <br>
            컬러푸드 서비스는 수시로 본 약관, 계정 및 게시물 운영정책을 개정할 수 있습니다만, 관련 법령을 위배하지 않는 범위 내에서 개정할 것입니다.<br>
            <br>
            컬러푸드 서비스에는 기본적으로 본 약관이 적용됩니다만, 부득이 각 개별 서비스의 고유한 특성을 반영하기 위해 본 약관 외 별도의 약관, 운영정책이 추가로 적용될 때가 있습니다. 따라서 별도의
            약관, 운영정책에서 그 개별 서비스 제공에 관하여 본 약관, 계정 및 게시물 운영정책과 다르게 정한 경우에는 별도의 약관, 운영정책이 우선하여 적용됩니다. 이러한 내용은 각각의 개별 서비스 초기
            화면에서 확인해 주시기 바랍니다.<br>
            <br>
            본 약관은 한국어를 정본으로 합니다. 본 약관 또는 컬러푸드 서비스와 관련된 여러분과 컬러푸드 서비스와의 관계에는 대한민국의 법령이 적용됩니다. 그리고 본 약관 또는 컬러푸드 서비스와 관련하여
            여러분과 컬러푸드 서비스 사이에 분쟁이 발생할 경우, 그 분쟁의 처리는 대한민국 '민사소송법'에서 정한 절차를 따릅니다.<br>
            <br>
            공지 일자: 2021년 10월 13일<br>
            적용 일자: 2021년 11월 16일<br>
        </div>
        <div style="text-align: center; margin-top: 10px">
            <button id="termsCloseBtn" type="button" class="join-btn" style="opacity: 1; width: 80%; margin: 0">닫기
            </button>
        </div>
    </div>
</div>

