<template>
    <div class="w1400">
        <div>
            <section class="join-logo">
                <h1>회원가입</h1>
            </section>

            <section class="join-sec1">
                <div class="join-sec-sub">
                    <span>아이디</span>
                    <input type="text">
                    <button>중복확인</button>
                </div>
            </section>


            <section class="join-sec2">
                <div class="join-sec-sub">
                    <span>기관업체</span>
                    <input type="text" value="기관 및 업체명을 입력하세요.">
                </div>
            </section>


            <section class="join-sec3">
                <div class="join-sec-sub">
                    <span>비밀번호</span>
                    <input type="text">
                </div>
            </section>


            <section class="join-sec4">
                <div class="join-sec-sub">
                    <span>비밀번호 확인</span>
                    <input type="text">
                </div>
            </section>


            <section class="join-sec5">
                <div class="join-sec-sub">
                    <span>담당자명</span>
                    <input type="text">
                </div>
            </section>


            <section class="join-sec6">
                <div class="join-sec-sub">
                    <label for="email_id">이메일</label>
                    <input type="text" name="email_id" id="email_id"> @
                    <input type="text" name="email_dns" id="email_dns">
                    <select name="email_sel" id="email_sel">
                        <option value="">직접 입력</option>
                        <option value="naver.com">NAVER</option>
                        <option value="hanmail.net">DAUM</option>
                        <option value="gmail.com">GOOGLE</option>
                    </select>
                </div>
            </section>
        </div>



        <!---------------------------------------------------------------------------------------------------------------->

        <div>
            <section class="join-sec">
                <div class="join-sec-a">
                    <h1>회사소개</h1>
                </div>
            </section>

            <section class="join-sec-a-1">
                <span>회사명</span>
                <input type="text">
            </section>
            <section class="join-sec-a-1">
                <span>우리회사 키워드</span>
                <input type="text">
            </section>
            <section class="join-sec-a-1">
                <span>회사 소개글</span>
                <input type="text">
            </section>
        </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
        }
    },
    methods: {

    },
    watch: {

    },
    computed: {

    },
    mounted() {
        console.log('Join mounted');
    }
}
</script>

