@extends('layouts.default')

@section('content')

    <link rel="stylesheet" type="text/css" href="/css/membership.css"/>
    <script src="{{ asset('js/default-ui.js') }}"></script>

    <div class="container mypage">
        <!-- 페이지 상단 : 제목 및 현재위치 표시 -->
        <div class="area-pages-top">
            <div class="area-page-location">
                <div class="page-location">
                    <span class="home">Home</span><span class="depth1">마이페이지</span><span class="depth2">수속신청</span>
                </div>
                <h1 class="page-title">마이페이지</h1>
            </div>
        </div>

        <div class="area-pages-content">
            <div class="flex-wrap">
                <!--  lnb -->
                <div class="area-mypage-nav">
                    <p class="hello-user">
                        안녕하세요, <br class="pc-br"> <strong>김동현님</strong>
                    </p>
                    <div class="lnb">
                        <a href="#" class="btn-apply">수속신청</a>
                        <a href="#" class="btn-myinfo">내 정보수정</a>
                        <a href="#" class="btn-logout">로그아웃</a>
                    </div>
                </div>

                <!-- content -->
                <div class="area-mypage-wrap">
                    <h2 class="cont-title">내 정보수정</h2>

                    <div class="area-mypage-form">
                        <div class="modify-check">
                            <div class="mc-title">회원확인</div>
                            <p>고객님의 정보를 안전하게 보호하기 위해 비밀번호를 다시 한번 확인합니다.</p>
                            <div class="mc-input">
                                <label for="mypage-intro-pw">비밀번호</label><input type="text" id="mypage-intro-pw" name="" /><input type="submit" class="button color" value="확인">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection