mjon_git/src/main/webapp/publish/mypage5.html
2023-06-12 11:15:02 +09:00

678 lines
43 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>문자온</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/publish/css/reset.css">
<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
<link rel="stylesheet" href="/publish/css/common.css">
<link rel="stylesheet" href="/publish/css/button.css">
<link rel="stylesheet" href="/publish/css/content.css">
<link rel="stylesheet" href="/publish/css/mem.css">
<link rel="stylesheet" href="/publish/css/font.css">
<link rel="stylesheet" href="/publish/css/popupLayer.css">
<script src="/publish/js/jquery-3.5.0.js"></script>
<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="/publish/js/common.js"></script>
<script src="/publish/js/content.js"></script>
<script src="/publish/js/popupLayer.js"></script>
</head>
<body>
<div class="mask"></div>
<!-- skip 메뉴 -->
<div class="skip_menu">
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
</div><!--// skip 메뉴 -->
<!-- quick 메뉴 -->
<div class="quickMenu">
<div>
<p class="quick_title">QUICK<br>MENU</p>
<p class="quick_title2">QUICK</p>
<ul class="quickMenuIn">
<li>
<a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
<div class="hover_cont">이용안내</div>
</li>
<li>
<a href="#"><i class="quick2"></i><span>채팅상담</span></a>
<div class="hover_cont">채팅상담</div>
</li>
<li>
<a href="#"><i class="quick3"></i><span>원격지원</span></a>
<div class="hover_cont">원격지원</div>
</li>
<li>
<a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
<div class="hover_cont">맞춤제작</div>
</li>
<li>
<a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
<div class="hover_cont">주소록 등록</div>
</li>
<li>
<a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
<div class="hover_cont">엑셀 대량전송</div>
</li>
<li>
<a href="#"><i class="quick7"></i><span>견적서</span></a>
<div class="hover_cont">견적서</div>
</li>
<li>
<a href="#"><i class="quick8"></i><span>결제</span></a>
<div class="hover_cont">결제</div>
</li>
<li>
<a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
<div class="hover_cont">영수증/계산서</div>
</li>
</ul>
<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
</div>
</div><!--// quick 메뉴 -->
<!-- header 영역 -->
<header id="header" class="header">
<!-- header top 영역 -->
<div class="header_top">
<div class="inner">
<ul class="menu_left">
<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
</ul>
<ul class="menu_right">
<li><a href="#">충전하기</a></li>
<li class="SortLine"><a href="#">요금안내</a></li>
<li class="SortLine"><a href="#">이용안내</a></li>
<li class="SortLine"><a href="#">1:1고객상담</a></li>
</ul>
</div>
</div><!-- header top 영역 -->
<!-- header body 영역 -->
<div class="header_body">
<div class="inner table">
<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
<ul class="gnbWrap table_cell">
<li><a href="#">문자발송</a></li>
<li><a href="#">선거문자</a></li>
<li><a href="#">맞춤제작</a></li>
<li><a href="#">비즈톡</a></li>
<li><a href="#">주소록 관리</a></li>
<li><a href="#">발송결과</a></li>
<li><a href="#">예약관리</a></li>
<li><a href="#">결제내역</a></li>
</ul>
<div class="s_menu">
<i class="allSearch_info"><span>문자검색</span></i>
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
</div>
</div>
<!-- search popup 영역 -->
<div class="pop_search">
<div class="inner">
<div class="area_search">
<select name="" id="">
<option value="">그림문자</option>
<option value="">단문문자</option>
<option value="">장문문자</option>
<option value="">GIF</option>
</select>
<input type="text" placeholder="문자샘플 검색하기">
<button><img src="/publish/images/search02.png" alt=""></button>
</div>
<div class="area_popular">
<p><i></i>인기검색어</p>
<ul class="popular_tag">
<li><a href="#">#정월대보름</a></li>
<li class="on"><a href="#">#추석</a></li>
<li><a href="#">#가을인사</a></li>
<li><a href="#">#좋은하루</a></li>
</ul>
</div>
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
</div>
</div><!--// search popup 영역 -->
</div><!--// header body 영역 -->
<div id="login" class="login">
<div class="inner table">
<div class="login_left table_cell">
<div class="login_put">
<label for="id_text" class="label"></label>
<input type="text" placeholder="아이디를 입력해주세요"id="id_text" class="id_text" maxlength="30" size="18">
<label for="password_text" class="label"></label>
<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30"size="18">
<label for="login_button" class="label"></label>
<button type="submit" class="btnType btnType1" class="login_button">로그인</button>
</div>
<div class="login_save">
<input type="checkbox" id="save_id">
<label for="save_id">아이디 저장</label>
</div>
<div class="login_find">
<a href="#">아이디찾기 /</a>
<a href="#">비밀번호 찾기</a>
</div>
<div>
<button type="button" class="btnType btnType2">회원가입</button>
<button type="button" class="btnType btnType3">둘러보기</button>
</div>
</div>
<div class="login_right">
<span><i></i>이달의 이벤트</span>
<button type="button" class="btnType btnType4">바로가기</button>
</div>
</div>
</div><!--// login 영역 -->
</header><!--// header 영역 -->
<!-- login 영역 -->
<!-- content 영역 -->
<div id="container" class="cont sub">
<div class="inner">
<!-- send top -->
<div class="send_top">
<!-- tab button -->
<ul class="tabType4">
<li class="tab"><button type="button" onclick="TabType5(this,'1');">회원정보 변경</button></li>
<li class="tab"><button type="button" onclick="TabType5(this,'2');">기업회원 전환</button></li>
<li class="tab"><button type="button" onclick="TabType5(this,'3');">비밀번호 변경</button></li>
<li class="tab active"><button type="button" onclick="TabType5(this,'4');">발신번호 관리</button></li>
<li class="tab"><button type="button" onclick="TabType5(this,'5');">알림설정</button></li>
<li class="tab"><button type="button" onclick="TabType5(this,'6');">회원탈퇴</button></li>
</ul><!--// tab button -->
<!-- 마이페이지 - 발신번호 관리 -->
<div class="mypage_content current" id="tab5_4">
<div class="heading">
<h2>발신번호 관리</h2>
</div>
<div class="mem_cont_in widthXL">
<div class="titBox">
<p>- 문자 발송 전 “발신번호 등록”을 하셔야 서비스 이용이 가능합니다.</p>
<p>- 발신번호 최대 등록 가능 개수 : <span class="fwMd c_222">10</span></p>
<p>- 회원정보와 발신번호 명의자가 다를 경우, 위임장 작성 후 제출하셔야 이용가능합니다.</p>
</div>
<table class="tType1">
<caption>발신번호 등록 및 인증수단이 있는 표</caption>
<colgroup>
<col style="width: 160px;">
<col style="width: auto;">
</colgroup>
<tbody>
<!-- 유선전화 일때 -->
<tr>
<th scope="row">인증수단</th>
<td class="send_cf">
<input id="radio1" type="radio"name="send_clas" checked="checked">
<label for="radio1">ARS인증</label>
<input id="radio2" type="radio" name="send_clas">
<label for="radio2">서류인증(통신사 가입증명서)</label>
</td>
</tr>
<!-- 무선전화 일때 -->
<tr>
<th scope="row">인증수단</th>
<td class="send_cf">
<input id="radio3" type="radio"name="send_clas" checked="checked">
<label for="radio3">휴대폰 인증</label>
<input id="radio4" type="radio" name="send_clas">
<label for="radio4">ARS인증</label>
<input id="radio12" type="radio" name="send_clas">
<label for="radio12">서류인증(통신사 가입증명서)</label>
</td>
</tr>
<!-- ars 인증 -->
<tr class="certify_cont">
<th scope="row"></th>
<td>
<div class="ars">
<p>1. 입력하신 번호로 전화가 갈 예정입니다. 전화가 오면 받아주세요.</p>
<p>2. 안내멘트에 따라 인증번호 4자리를 입력해주세요.</p>
<div class="certify_in">
<div>
<div class="certify_in_head">전화번호</div>
<div class="certify_in_body">
<label for="" class="label">전화번호 입력</label>
<input type="text" class="readonly" placeholder="02-1234-5678" readonly>
<button type="button" class="btnType">인증하기</button>
</div>
</div>
<div>
<div class="certify_in_head">인증번호</div>
<div class="certify_in_body">
<label for="" class="label">인증번호 입력</label>
<input type="text" placeholder="ARS에서 안내해준 인증번호를 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='ARS에서 안내해준 인증번호를 입력하세요.'">
<button type="button" class="btnType">확인</button>
</div>
</div>
</div>
</div>
</td>
</tr>
<!-- 서류 인증 -->
<tr class="certify_cont">
<th scope="row"></th>
<td>
<div>
<p>통신사에서 발급한 <span class="c_002c9a fwMd">가입증명서</span>를 제출해주세요.</p>
<button class="layer_btn btnType" data-tooltip="popup04"><i></i>각 통신사 고객센터 정보 보기</button>
<div class="certify_in">
<div>
<div class="certify_in_head">증명서 첨부</div>
<div class="certify_in_body">
<input type="radio">
<label for="">파일 첨부</label>
</div>
</div>
<div>
<div class="certify_in_head">발신번호</div>
<div class="certify_in_body certify_num">
<label for="" class="label">발신번호 입력</label>
<input type="text">
<span>-</span>
<label for="" class="label">발신번호 입력</label>
<input type="text">
<span>-</span>
<label for="" class="label">발신번호 입력</label>
<input type="text">
<button type="button" class="btnType">인증하기</button>
</div>
</div>
<div>
<div class="certify_in_head">첨부파일</div>
<div class="certify_in_body">
<label for="" class="label">파일 첨부</label>
<input type="text">
<button type="button" class="btnType">파일첨부</button>
</div>
</div>
<div>
<div class="certify_in_head">휴대폰</div>
<div class="certify_in_body certify_num">
<label for="" class="label">핸드폰번호 입력</label>
<input type="text">
<span>-</span>
<label for="" class="label">핸드폰번호 입력</label>
<input type="text">
<span>-</span>
<label for="" class="label">핸드폰번호 입력</label>
<input type="text">
<p>서류인증 완료 시 문자로 알려드립니다.</p>
</div>
</div>
<div class="textarea_wrap">
<div class="certify_in_head">비고</div>
<div class="certify_in_body">
<label for="" class="label">비고 입력</label>
<textarea placeholder="추가 요청사항이 있으시면 이곳에 기재해주세요(최대 500자 까지)" onfocus="this.placeholder=''" onblur="this.placeholder='추가 요청사항이 있으시면 이곳에 기재해주세요(최대 500자 까지)'"></textarea>
</div>
</div>
<div class="btnWrap">
<button type="button" class="btnType btnType16">신청하기</button>
<button type="button" class="btnType btnType17">취소</button>
</div>
</div>
</div>
</td>
</tr>
<!-- 휴대폰 인증 -->
<tr class="certify_cont">
<th scope="row"></th>
<td>
<div>
<!-- <p><span class="c_002c9a fwMd">[홍길동]</span> 님의 본인 휴대폰인 경우에만 발신번호로 등록할 수 있습니다.</p> -->
<div class="certify_in">
<div>
<div class="certify_in_head">핸드폰번호</div>
<div class="certify_in_body">
<label for="" class="label">핸드폰번호 입력</label>
<input type="text" class="readonly" placeholder="010-1234-5678" readonly>
<button type="button" class="btnType">인증하기</button>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div class="search_wrap clearfix">
<div class="btn_left">
<button type="button" class="btnType"><i class="add_img"></i>전체선택(Ctrl+A)</button>
<button type="button" class="btnType"><i class="remove_img"></i>삭제(Del)</button>
</div>
<div class="btn_right2">
<label for="id" class="label"></label>
<input type="text" id="id" placeholder="검색어를 입력하세요."onfocus="this.placeholder=''" onblur="this.placeholder='검색어를입력하세요.'">
<button type="button" class="btnType">검색</button>
<button type="button" class="btnType">전체 리스트 보기</button>
</div>
</div>
<p class="callNum_list_title">· 등록된 번호 수 <span class="c_002c9a fwMd">1</span>/10개</p>
<div class="tb_wrap">
<table class="tType4">
<caption>엑셀입력 표</caption>
<colgroup>
<col style="width: 40px;">
<col style="width: 10%;">
<col style="width: 12%;">
<col style="width: auto;">
<col style="width: 12%;">
<col style="width: 17%;">
<col style="width: 10%;">
<col style="width: 12%;">
</colgroup>
<thead>
<tr>
<th scope="col">
<label for="" class="label">전체 선택</label>
<input type="checkbox">
</th>
<th>기본번호 설정</th>
<th>
번호
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</th>
<th>발신번호명</th>
<th>
인증방식
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</th>
<th>
상태
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</th>
<th>
등록일
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</th>
<th>관리</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<label for="" class="label">전체 선택</label>
<input type="checkbox">
</td>
<td>
<label for="" class="label">기본번호로 설정 선택</label>
<input type="radio" checked="">
</td>
<td>010-1234-5678</td>
<td class="input_wrap2">
<label for="" class="label">발신번호명</label>
<input type="text" placeholder="홍길동" readonly="">
</td>
<td>ARS인증</td>
<td><span class="c_e40000">추가인증필요 1577-1577</span></td>
<td>2021-06-06</td>
<td>
<button type="button" class="btnType btnType14">수정</button>
<button type="button" class="btnType btnType14">삭제</button>
</td>
</tr>
<tr>
<td>
<label for="" class="label">전체 선택</label>
<input type="checkbox">
</td>
<td>
<label for="" class="label">기본번호로 설정 선택</label>
<input type="radio">
</td>
<td>010-1234-5678</td>
<td class="input_wrap2">
<label for="" class="label">발신번호명</label>
<input type="text" placeholder="홍길동" readonly="">
</td>
<td>ARS인증</td>
<td><span class="c_ffa200">심사중</span></td>
<td>2021-06-06</td>
<td>
<button type="button" class="btnType btnType14">수정</button>
<button type="button" class="btnType btnType14">삭제</button>
</td>
</tr>
<tr>
<td>
<label for="" class="label">전체 선택</label>
<input type="checkbox">
</td>
<td>
<label for="" class="label">기본번호로 설정 선택</label>
<input type="radio">
</td>
<td>010-1234-5678</td>
<td class="input_wrap2">
<label for="" class="label">발신번호명</label>
<input type="text" placeholder="홍길동" readonly="">
</td>
<td>ARS인증</td>
<td><span class="c_999999">반려</span></td>
<td>2021-06-06</td>
<td>
<button type="button" class="btnType btnType14">수정</button>
<button type="button" class="btnType btnType14">삭제</button>
</td>
</tr>
<tr>
<td>
<label for="" class="label">전체 선택</label>
<input type="checkbox">
</td>
<td>
<label for="" class="label">기본번호로 설정 선택</label>
<input type="radio">
</td>
<td>010-1234-5678</td>
<td class="input_wrap2">
<label for="" class="label">발신번호명</label>
<input type="text" placeholder="홍길동" readonly="">
</td>
<td>ARS인증</td>
<td><span class="c_002c9a">인증완료</span></td>
<td>2021-06-06</td>
<td>
<button type="button" class="btnType btnType14">수정</button>
<button type="button" class="btnType btnType14">삭제</button>
</td>
</tr>
</tbody>
</table>
</div>
<!-- table -->
<!-- <table class="tType3">
<caption>기번번호 설정, 번호, 발신번호 명, 인증방식, 상태, 등록일, 관리를 제공하는 발신번호 리스트</caption>
<colgroup>
<col style="width: 40px;">
<col style="width: 10%;">
<col style="width: 10%;">
<col style="width: auto;">
<col style="width: 10%;">
<col style="width: 20%;">
<col style="width: 10%;">
<col style="width: 15%;">
</colgroup>
<thead>
<th scope="row">
<label for="" class="label">전체 선택</label>
<input type="checkbox">
</th>
<th scope="row">기본번호 설정</th>
<th scope="row">번호
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</th>
<th scope="row">발신번호명</th>
<th scope="row">인증방식
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</th>
<th scope="row">상태
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</th>
<th scope="row">등록일
<div class="sort_wrap">
<button type="button"><img src="/publish/images/sortUp.png"alt="오름차순으로 분류"></button>
<button type="button"><img src="/publish/images/sortDown.png"alt="내림차순으로 분류"></button>
</div>
</th>
<th scope="row">관리</th>
</thead>
<tbody>
<tr>
<td>
<label for="" class="label">한 줄 전체 선택</label>
<input type="checkbox">
</td>
<td>
<label for="" class="label">기본번호로 설정 선택</label>
<input type="radio">
</td>
<td>010-1234-5678</td>
<td class="input_wrap2">
<label for="" class="label">발신번호명</label>
<input type="text" placeholder="주식회사 아이티앤" readonly>
</td>
<td>휴대폰인증</td>
<td>인증완료</td>
<td>2021-06-06</td>
<td>
<button type="button" class="btnType btnType14">수정</button>
<button type="button" class="btnType btnType14">삭제</button>
</td>
</tr>
</tbody>
</table> -->
<!-- <img src="/publish/images/content/imsi_callingNum.jpg" style="width: 100%;"> -->
</div>
</div><!--// 마이페이지 - 발신번호 관리 -->
<!-- 통신사 고객센터 정보 팝업 -->
<div class="tooltip-wrap">
<div class="popup-com servInfo_cont popup04" tabindex="0" data-tooltip-con="popup04" data-focus="popup04" data-focus-prev="popup04-close">
<div class="popup_heading">
<p>각 통신사 고객센터 정보</p>
<button type="button" class="tooltip-close" data-focus="popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
</div>
<div class="layer_in">
<ul>
<li>
<div>
<div><img src="/publish/images/content/call_serv1.png" alt="T 월드"></div>
<p><span class="fwLg">모바일</span> 080-011-6000&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span class="fwLg">유선</span> 080-816-2000</p>
</div>
</li>
<li>
<div>
<div><img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤"></div>
<p>1599-0999</p>
</div>
</li>
<li>
<div>
<div><img src="/publish/images/content/call_serv3.png" alt="SK 브로드밴드"></div>
<p>080-8282-106</p>
</div>
</li>
<li>
<div>
<div><img src="/publish/images/content/call_serv4.png" alt="hello 모바일"></div>
<p>KT망 1855-1144&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;SKT망 1855-2114</p>
</div>
</li>
<li>
<div>
<div><img src="/publish/images/content/call_serv5.png" alt="Kt"></div>
<p><span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span> 100</p>
</div>
</li>
<li>
<div>
<div><img src="/publish/images/content/call_serv6.png" alt="세종텔레콤"></div>
<p>080-889-1000</p>
</div>
</li>
<li>
<div>
<div><img src="/publish/images/content/call_serv7.png" alt="U+"></div>
<p><span class="fwLg">모바일</span> 1588-0010&nbsp;&nbsp;&nbsp;/&nbsp;&nbsp;&nbsp;<span class="fwLg">유선</span> 100</p>
</div>
</li>
<li>
<div>
<div><img src="/publish/images/content/call_serv8.png" alt="Kct"></div>
<p>070-8188-0114</p>
</div>
</li>
</ul>
</div>
</div>
</div><!--// 통신사 고객센터 정보 팝업 -->
</div><!--// send top -->
</div>
</div><!--// content 영역 -->
<!-- footer 영역 -->
<!-- footer 영역 -->
<footer id="footer" class="footer">
<div class="footer_top">
<div class="inner table">
<ul class="table_cell">
<li><a href="#">이용약관</a></li>
<li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
<li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
<li class="SortLine"><a href="#">불법스팸예방안내</a></li>
</ul>
</div>
</div>
<div class="footer_body">
<div class="inner table">
<div class="table_cell">
<a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
<div class="footer_info">
<p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
<p>사업자번호 : 653-87-00858 대표 : 유인식 통신판매등록번호 : 제 다산-12345호 문의전화 : 070-4786-0007</p>
<p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
</div>
<div class="footer_service_center">
<i></i>
<div>
<p>고객센터</p>
<span class="footer_service_num">070-4786-0008</span>
<span>E-mail : help@iten.co.kr</span>
</div>
</div>
</div>
</div>
</div>
</footer><!--// footer 영역 -->
</body></html>