From 72538da688bb78057218856d241d6b291915d711 Mon Sep 17 00:00:00 2001
From: subsub <subsub8729@kakao.com>
Date: Tue, 19 Nov 2024 11:49:43 +0900
Subject: [PATCH 1/2] =?UTF-8?q?2024/11/19=20=EB=A7=88=EC=9D=B4=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EB=8C=80=EC=8B=9C=EB=B3=B4=EB=93=9C=20?=
 =?UTF-8?q?=EB=B3=B4=EC=95=88=20=EB=A1=9C=EA=B7=B8=EC=9D=B8=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/publish/css/button.css        |    2 +
 src/main/webapp/publish/css/content.css       |   10 +
 src/main/webapp/publish/css/mem.css           |   22 +
 .../webapp/publish/mypage_index_2024.html     | 1061 +++++++++++++++++
 4 files changed, 1095 insertions(+)
 create mode 100644 src/main/webapp/publish/mypage_index_2024.html

diff --git a/src/main/webapp/publish/css/button.css b/src/main/webapp/publish/css/button.css
index 14945cda..cc100ba9 100644
--- a/src/main/webapp/publish/css/button.css
+++ b/src/main/webapp/publish/css/button.css
@@ -18,6 +18,8 @@ input[type="text"].inputLight:-ms-input-placeholder {color: #a6a6a6 !important;}
 input[type="password"] {padding: 0 10px; border-radius: 3px;font-size: 16px;}
 input[type="password"].inputLight::placeholder {color: #a6a6a6 !important;}
 input[type="password"].inputLight:-ms-input-placeholder {color: #a6a6a6 !important;}
+
+input.input_text{border:1px solid #d5d5d5;}
  /* 비밀번호 css 변경 */
 
 input[type="checkbox"] {width: 16px; height: 16px; border: 1px solid #d6d8da;}
diff --git a/src/main/webapp/publish/css/content.css b/src/main/webapp/publish/css/content.css
index a4478bb4..df423b8e 100644
--- a/src/main/webapp/publish/css/content.css
+++ b/src/main/webapp/publish/css/content.css
@@ -24,7 +24,17 @@
 .tRight {text-align: right !important;}
 .tLeft {text-align: left !important;}
 
+.btn_text{padding:0 7px;}
+
+.btn_28{height:28px;}
+.btn_30{height:30px;}
+.btn_32{height:32px;}
+.btn_34{height:34px;}
+.btn_36{height:36px;}
+.btn_38{height:38px;}
+
 .btn_blue.fill{background:#002c9a;color:#fff;}
+.btn_lightgray.fill{background:#a5a5a5;color:#fff;}
 .btn_gray.fill{background:#6a6c72;color:#fff;}
 .btn_yellow.fill{background:#fbc72b;color:#222;}
 
diff --git a/src/main/webapp/publish/css/mem.css b/src/main/webapp/publish/css/mem.css
index 1fe272c8..c2dc4c70 100644
--- a/src/main/webapp/publish/css/mem.css
+++ b/src/main/webapp/publish/css/mem.css
@@ -568,6 +568,28 @@ input[type="password"].list_inputType1 {padding: 0px;background-color: transpare
 .mypage_content .tType1 tbody tr td .upload_area .tb_wrap .file_info span {display:inline-block;width:1px;height:16px;margin:11px 18px 0;vertical-align:top;background:#666;}
 .mypage_content .tType1 tbody tr td .certify_in_body .noti {position:absolute;right:0;top:50%;font-size:16px;font-weight:300;letter-spacing:-0.025em;color:#a6a6a6;transform:translateY(-50%);}
 
+/* 보안로그인 */
+.security_login{display: block !important;width:100%;background:#f2f2f2;border-radius:5px;padding:30px;margin:0 0 30px 0;box-sizing:border-box;}
+.security_login *{box-sizing:border-box;}
+.security_login .box{width:100%;background:#fff;border-radius:5px;margin:0 0 30px 0;}
+.security_login .info{display:flex;font-size:15px;color:#444;padding:15px 20px;flex-direction:column;gap:6px;}
+.security_login .security_set{display:flex;height:80px;justify-content:space-between;align-items:center;padding:15px 30px;}
+.security_login .input_text{width:98%;}
+.security_login .dashboard_title{padding: 0;}
+.security_login .btn_plus{position:absolute;right:0;}
+.security_login .set_area{display:flex;align-items:center;}
+.security_login .lately_date{font-size:15px;color:#666;}
+.security_login .tab_depth1{margin:0 0 0 15px;text-align:center;}
+.security_login .tab_depth1 a{display:inline-flex;justify-content:center;align-items:center;}
+.security_login .tab_depth1 a:last-child{border-right:0;}
+.security_login .tab_depth1 a.on:last-child{border-right:1px solid;border-radius: 0 5px 5px 0 !important;}
+
+.security_login .title_area{position:relative;display:flex;margin:30px 0 15px 0;align-items:center;}
+.security_login .qmMark{width:20px;height:20px;margin:-4px 0 0 8px;font-size:14px;font-weight:bold;font-family:'GmarketSansBold';background:#d7d7d9;border-radius:5px;color:#666;text-align:center;line-height:22px;cursor:pointer;}
+.security_login .title_area .hover_cont{display:none;display: none; position:absolute;width:320px;padding:15px;font-size:15px;line-height:1.2;z-index:80;background:#fff;border-radius:5px;overflow:hidden;box-shadow:0 0 8px rgba(0,0,0,0.5);}
+.security_login .title_area .qmMark:hover+.hover_cont{display:block;}
+/* //보안로그인 */
+
 /* 서류 인증 */
 .certify_in>div .certify_in_body.certify_num input[type="text"] {width: 150px; padding: 0 20px;}
 .certify_in>div .certify_in_body.certify_num input[type="text"]:nth-child(2) {padding: 0;}
diff --git a/src/main/webapp/publish/mypage_index_2024.html b/src/main/webapp/publish/mypage_index_2024.html
new file mode 100644
index 00000000..16cb1b18
--- /dev/null
+++ b/src/main/webapp/publish/mypage_index_2024.html
@@ -0,0 +1,1061 @@
+<!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>
+
+	<script>
+		$(function () {
+			$('.security_set .tab_depth1 a').click(function () {
+				if ($(this).text().trim() == "ON") {
+					confirm("보안로그인 설정 후 로그인 시, 등록한 휴대폰번호로 추가 인증이 진행됩니다")
+				}else{
+					confirm("가입자 휴대폰번호로 본인인증 후 해제가 가능하며, 보안로그인 설정을 해제함으로써 발생하는 손해에 대하여 회사는 책임지지 않습니다.")
+				}
+			})
+			$(".btn_ip_plus").click(function () {
+				var ipTr = '<tr><td><input type="text" class="input_text"></td><td><input type="text" class="input_text"></td><td>-</td><td><button type="button" class="btnType btnType5">등록</button></td></tr>';
+				$(".ip_table tbody").prepend(ipTr);
+			})
+		})
+
+
+
+	</script>
+</head>
+
+<body>
+	<div class="mask"></div>
+
+
+	<div class="skip_menu"><a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a></div>
+	<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>
+	<header id="header" class="header">
+		<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>
+		<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>
+			<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>
+		</div>
+		<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>
+	</header>
+	<div id="container" class="cont sub">
+		<div class="inner">
+			<div class="send_top">
+				<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"><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>
+				<div class="mypage_content current">
+					<div class="heading">
+						<h2>마이페이지</h2>
+					</div>
+					<div class="my_dashboard">
+						<div class="my_dashboard_cont1 dash_cont">
+							<div>
+								<p>
+									<span>홍길동</span>회원님 반갑습니다
+								</p>
+								<button type="button" class="btnType">보안로그인</button>
+							</div>
+							<div class="send_price">
+								<div class="price_title">나의<br>단가</div>
+								<div class="price_wrap">
+									<ul>
+										<li class="title">
+											<img src="/publish/images/content/icon_mypage_message.png" alt="">문자
+										</li>
+										<li class="price_line">
+											<span class="type">단문</span>
+											<span class="price">
+												18
+											</span>원
+										</li>
+										<li class="price_line">
+											<span class="type">장문</span>
+											<span class="price">
+												50
+											</span>원
+										</li>
+										<li>
+											<span class="type">그림</span>
+											<span class="price">
+												90
+											</span>원
+											(2장 : 110원 / 3장 : 130원)
+										</li>
+									</ul>
+									<ul>
+										<li class="title">
+											<img src="/publish/images/content/icon_mypage_kakaotalk.png" alt="">카톡
+										</li>
+										<li class="price_line">
+											<span class="type">알림톡</span>
+											<span class="price">
+												6.9
+											</span>원
+										</li>
+										<li class="title">
+											<img src="/publish/images/content/icon_mypage_fax.png" alt="">팩스
+										</li>
+										<li>
+											<span class="type">팩스</span>
+											<span class="price">
+												58
+											</span>원
+										</li>
+									</ul>
+								</div>
+							</div>
+						</div>
+
+						<!-- 보안로그인 -->
+						<div class="security_login">
+
+							<ul class="explanation_wrap box info">
+								<li>· 사이트 부정로그인으로 인한 피해를 방지할 수 있는 2차 로그인 인증 서비스입니다. </li>
+								<li>· 인증 휴대폰번호 추가 등록 또는 IP 접속 허용을 통해 편리한 사용이 가능합니다.</li>
+								<li>· 보안로그인 기능을 사용할 경우 로그인 시 등록한 휴대폰번호로 추가 인증이 진행됩니다.</li>
+							</ul>
+
+
+							<!-- 보안로그인 설정 -->
+							<div class="security_set box">
+								<p class="dashboard_title">보안로그인</p>
+
+								<div class="set_area">
+									<p class="lately_date">최근 변경일시 : <span>2024-11-01 12:49</span></p>
+
+									<div class="tab_depth1">
+										<a href="#none" class="on">ON</a>
+										<a href="#none">OFF</a>
+									</div>
+								</div>
+							</div>
+							<!-- //보안로그인 설정 -->
+
+							<!-- 접속 IP관리 -->
+							<div class="title_area">
+								<p class="dashboard_title">접속 IP 관리</p>
+								<p class="qmMark">?</p>
+								<div class="hover_cont" style="width:380px;left:160px;top:25px;">
+									<p>접속 IP를 미리 등록할 경우 2차 로그인 인증 없이 접속이 가능합니다. <br>
+										<span>(공용 PC는 보안상의 이유로 등록을 권장하지 않습니다.)</span></p>
+								</div>
+								<button type="button" class="btn_plus btn_ip_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+							</div>
+
+							<div class="table_wrap ip_table">
+								<table>
+									<colgroup>
+										<col style="width: 26%;">
+										<col style="width: auto;">
+										<col style="width: 26%;">
+										<col style="width: 100px;">
+									</colgroup>
+									<thead>
+										<tr>
+											<th scope="col">허용IP</th>
+											<th scope="col">메모</th>
+											<th scope="col">등록일시</th>
+											<th scope="col">관리</th>
+										</tr>
+									</thead>
+									<tbody>
+										<tr>
+											<td><input type="text" class="input_text"></td>
+											<td><input type="text" class="input_text"></td>
+											<td>-</td>
+											<td><button type="button" class="btnType btnType5">등록</button></td>
+										</tr>
+										<tr>
+											<td>192.168.0.0</td>
+											<td>dadfadfjadkfjalkdjfajflajdlfjaldjflajd</td>
+											<td>2024-11-11 11:11</td>
+											<td><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td>
+										</tr>
+									</tbody>
+								</table>
+							</div>
+							<!-- //접속 IP관리 -->
+
+							<!-- 인증 휴대폰번호 관리 -->
+							<div class="title_area">
+								<p class="dashboard_title">인증 휴대폰번호 관리</p>
+								<p class="qmMark">?</p>
+								<div class="hover_cont" style="width:330px;left:240px;top:25px;">
+									<p>인증에 사용할 휴대폰번호를 추가로 등록하여 관리할 수 있습니다. <br>
+										(등록 및 삭제 시 휴대폰 본인인증 필요)</p>
+								</div>
+								<button type="button" class="btn_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+							</div>
+
+							<div class="table_wrap">
+								<table>
+									<colgroup>
+										<col style="width: calc((100% - 100px)/2);">
+										<col style="width: calc((100% - 100px)/2);">
+										<col style="width: 100px;">
+									</colgroup>
+									<thead>
+										<tr>
+											<th scope="col">휴대폰번호</th>
+											<th scope="col">등록일시</th>
+											<th scope="col">관리</th>
+										</tr>
+									</thead>
+									<tbody>
+										<tr>
+											<td>010-0000-0000</td>
+											<td>2024-11-04 11:54</td>
+											<td>-</td>
+										</tr>
+										<tr>
+											<td>192.168.0.0</td>
+											<td>dadfadfjadkfjalkdjfajflajdlfjaldjflajd</td>
+											<td><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td>
+										</tr>
+									</tbody>
+								</table>
+							</div>
+							<!-- //인증 휴대폰번호 관리 -->
+
+
+
+
+
+						</div>
+						<!-- //보안로그인 -->
+
+						<div class="my_dashboard_cont3">
+							<p class="dashboard_title">이용내역</p>
+							<p class="reqTxt2">(단위 : 건, 원)</p>
+							<div class="table_wrap">
+								<table>
+									<caption>구분, 충전금액, 사용금액, 잔액 등 정보를 제공하는 표</caption>
+									<colgroup>
+										<col style="width: 115px;">
+										<col style="width: calc((100% - 115px)/3);">
+										<col style="width: calc((100% - 115px)/3);">
+										<col style="width: calc((100% - 115px)/3);">
+									</colgroup>
+									<thead>
+										<tr>
+											<th scope="col">구분</th>
+											<th scope="col">충전금액</th>
+											<th scope="col">사용금액</th>
+											<th scope="col">잔액</th>
+										</tr>
+									</thead>
+									<tbody>
+										<tr>
+											<td>캐시</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+										</tr>
+										<tr>
+											<td>포인트</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+										</tr>
+									</tbody>
+								</table>
+							</div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+							<div class="table_wrap">
+								<table>
+									<caption>구분, 문자, 알림톡, 친구톡, 팩스, 계 등 정보를 제공하는 표</caption>
+									<colgroup>
+										<col style="width: 150px;">
+										<col style="width: calc((100% - 150px)/5);">
+										<col style="width: calc((100% - 150px)/5);">
+										<col style="width: calc((100% - 150px)/5);">
+										<col style="width: calc((100% - 150px)/5);">
+										<col style="width: calc((100% - 150px)/5);">
+									</colgroup>
+									<thead>
+										<tr>
+											<th scope="col">구분</th>
+											<th scope="col">문자</th>
+											<th scope="col">알림톡</th>
+											<th scope="col">친구톡</th>
+											<th scope="col">팩스</th>
+											<th scope="col">계</th>
+										</tr>
+									</thead>
+									<tbody>
+										<tr>
+											<td>발송건(매)수</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+										</tr>
+										<tr>
+											<td>사용금액</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+										</tr>
+										<tr>
+											<td>예약건(매)수</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+										</tr>
+										<tr>
+											<td>사용금액</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+											<td>100,000,000,000</td>
+										</tr>
+									</tbody>
+								</table>
+							</div>
+						</div>
+						<p class="tType1_title"><img src="/publish/images/content/icon_details_breakdown.png" alt="알림톡 아이콘 이미지">세부내역
+						</p>
+						<div class="excel_middle">
+							<div class="select_btnWrap clearfix">
+								<div class="btn_left"><span class="cal_label">기간선택</span>
+									<div class="calendar_wrap"><input type="text" class="startDate inp calendar picker__input" title="검색 시작일" id="startDate" name="startDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="startDate_root"><span class="dateEtc">~</span><input type="text" class="endDate inp calendar picker__input" title="검색 종료일" id="endDate" name="endDate" value="" data-datecontrol="true" readonly="" aria-haspopup="true" aria-expanded="false" aria-readonly="false" aria-owns="endDate_root"></div>
+									<button type="button">이번년도</button><button type="button">전월</button><button type="button">당월</button><button type="button" class="btnType6">조회</button><span class="reqTxt4"><span class="vMiddle">*</span>조회기간의 사용내역만 보여집니다.</span>
+								</div>
+								<div></div>
+							</div>
+						</div>
+						<div class="list_tab_wrap2 type2">
+							<ul class="list_tab">
+								<li class="tab active"><button type="button" onclick="listTab2(this,'1');">전체</button></li>
+								<li class="tab"><button type="button" onclick="listTab2(this,'2');">단문</button></li>
+								<li class="tab"><button type="button" onclick="listTab2(this,'3');">장문</button></li>
+								<li class="tab"><button type="button" onclick="listTab2(this,'4');">그림</button></li>
+								<li class="tab"><button type="button" onclick="listTab2(this,'5');">선거</button></li>
+								<li class="tab"><button type="button" onclick="listTab2(this,'5');">알림톡</button></li>
+								<li class="tab"><button type="button" onclick="listTab2(this,'5');">친구톡</button></li>
+								<li class="tab"><button type="button" onclick="listTab2(this,'5');">팩스</button></li>
+							</ul>
+						</div>
+						<div class="price_history_cont" id="listTab2_5">
+							<div class="list_info">
+								<p>총 <span>10</span>건</p>
+								<div><button type="button" class="print_btn"><i class="print_img"></i>인쇄하기</button><button type="button" class="pdf_btn"><i class="pdf_img"></i>PDF저장</button><button type="button" class="excel_btn"><i class="downroad"></i>엑셀 다운로드</button></div>
+							</div>
+							<div class="tb_wrap">
+								<table class="tType4">
+									<colgroup>
+										<col style="width: 40px;">
+										<col style="width: 10%;">
+										<col style="width: 15%;">
+										<col style="width: 35%;">
+										<col style="width: 10%;">
+										<col style="width: 10%;">
+										<col style="width: 10%;">
+										<col style="width: 10%;">
+										<col style="width: 10%;">
+										<col style="width: 10%;">
+									</colgroup>
+									<thead>
+										<tr>
+											<th rowspan="2"><label for="" class="label">전체 선택</label><input type="checkbox"></th>
+											<th rowspan="2">날짜
+												<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 rowspan="2">문자유형
+												<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 rowspan="2">내용
+												<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 colspan="2">충전</th>
+											<th colspan="2">사용</th>
+											<th colspan="2">잔액</th>
+										</tr>
+										<tr>
+											<th>충전금</th>
+											<th>포인트</th>
+											<th>충전금</th>
+											<th>포인트</th>
+											<th>충전금</th>
+											<th>포인트</th>
+										</tr>
+									</thead>
+									<tbody>
+										<tr>
+											<td><label for="" class="label">선택</label><input type="checkbox"></td>
+											<td>
+												<p>2021-06-10</p>
+											</td>
+											<td>
+												<p>알림톡 텍스트</p>
+											</td>
+											<td class="tb_tit">
+												<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
+												<div class="history_hover">
+													<div class="allimtalk_title"><img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡
+														도착
+													</div>
+													<div class="allimtalk_content">
+														<div class="kakao_image"><img src="/publish/images/content/kakao_template_img.png" alt="">
+														</div>
+														<p class="emphasis_side_text">강조표기 보조문구 미리보기</p>
+														<p class="emphasis_title_text">타이틀 미리보기</p>
+														<p class="template_text">내용미리보기</p>
+														<p class="side_info_text">부가정보내용</p>
+														<p class="channel_info_text">채널 추가 안내 메시지 미리보기</p><button type="button" class="btn_kakao_type">버튼명</button><button type="button" class="btn_kakao_type">버튼명</button>
+													</div>
+												</div>
+											</td>
+											<td>
+												<p>0</p>
+											</td>
+											<td>
+												<p>0</p>
+											</td>
+											<td>
+												<p class="fwRg c_002c9a">0</p>
+											</td>
+											<td>
+												<p class="fwRg c_002c9a">50</p>
+											</td>
+											<td>
+												<p class="fwRg c_222">0</p>
+											</td>
+											<td>
+												<p class="fwRg c_222">350</p>
+											</td>
+										</tr>
+										<tr>
+											<td><label for="" class="label">선택</label><input type="checkbox"></td>
+											<td>
+												<p>2021-06-10</p>
+											</td>
+											<td>
+												<p>알림톡</p>
+											</td>
+											<td class="tb_tit">
+												<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
+												<div class="history_hover">
+													<ul>
+														<li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
+													</ul>
+													<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
+														무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
+												</div>
+											</td>
+											<td>
+												<p>0</p>
+											</td>
+											<td>
+												<p>0</p>
+											</td>
+											<td>
+												<p class="fwRg c_002c9a">0</p>
+											</td>
+											<td>
+												<p class="fwRg c_002c9a">50</p>
+											</td>
+											<td>
+												<p class="fwRg c_222">0</p>
+											</td>
+											<td>
+												<p class="fwRg c_222">350</p>
+											</td>
+										</tr>
+										<tr>
+											<td><label for="" class="label">선택</label><input type="checkbox"></td>
+											<td>
+												<p>2021-06-10</p>
+											</td>
+											<td>
+												<p>친구톡</p>
+											</td>
+											<td class="tb_tit">
+												<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
+												<div class="history_hover">
+													<ul>
+														<li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
+													</ul>
+													<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
+														무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
+												</div>
+											</td>
+											<td>
+												<p>0</p>
+											</td>
+											<td>
+												<p>0</p>
+											</td>
+											<td>
+												<p class="fwRg c_002c9a">0</p>
+											</td>
+											<td>
+												<p class="fwRg c_002c9a">50</p>
+											</td>
+											<td>
+												<p class="fwRg c_222">0</p>
+											</td>
+											<td>
+												<p class="fwRg c_222">350</p>
+											</td>
+										</tr>
+										<tr>
+											<td><label for="" class="label">선택</label><input type="checkbox"></td>
+											<td>
+												<p>2021-06-10</p>
+											</td>
+											<td>
+												<p>광고</p>
+											</td>
+											<td class="tb_tit">
+												<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
+												<div class="history_hover">
+													<ul>
+														<li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
+													</ul>
+													<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
+														무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
+												</div>
+											</td>
+											<td>
+												<p>0</p>
+											</td>
+											<td>
+												<p>0</p>
+											</td>
+											<td>
+												<p class="fwRg c_002c9a">0</p>
+											</td>
+											<td>
+												<p class="fwRg c_002c9a">50</p>
+											</td>
+											<td>
+												<p class="fwRg c_222">0</p>
+											</td>
+											<td>
+												<p class="fwRg c_222">350</p>
+											</td>
+										</tr>
+										<tr>
+											<td><label for="" class="label">선택</label><input type="checkbox"></td>
+											<td>
+												<p>2021-06-10</p>
+											</td>
+											<td>
+												<p>선거</p>
+											</td>
+											<td class="tb_tit">
+												<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
+												<div class="history_hover">
+													<ul>
+														<li><img src="/publish/images/content/history_img1.jpg" alt="보낸 이미지1"></li>
+														<li><img src="/publish/images/content/history_img2.jpg" alt="보낸 이미지2"></li>
+														<li><img src="/publish/images/content/history_img3.jpg" alt="보낸 이미지3"></li>
+													</ul>
+													<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
+														무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
+												</div>
+											</td>
+											<td>
+												<p>0</p>
+											</td>
+											<td>
+												<p>0</p>
+											</td>
+											<td>
+												<p class="fwRg c_002c9a">0</p>
+											</td>
+											<td>
+												<p class="fwRg c_002c9a">50</p>
+											</td>
+											<td>
+												<p class="fwRg c_222">0</p>
+											</td>
+											<td>
+												<p class="fwRg c_222">350</p>
+											</td>
+										</tr>
+										<tr>
+											<td><label for="" class="label">선택</label><input type="checkbox"></td>
+											<td>
+												<p>2021-06-10</p>
+											</td>
+											<td>
+												<p>일반</p>
+											</td>
+											<td class="tb_tit">
+												<p>(광고) 하이~ 무료 거부 0801000008 대리운전</p>
+												<div class="history_hover">
+													<p>(광고) 하이~ 무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다! (광고) 하이~
+														무료 거부 08010000008 빨리빨리대리전★☎ 1588-8282 시원한 맥주한잔 후엔 10% 적립! 불러주시면 빨리 달려갑니다!</p>
+												</div>
+											</td>
+											<td>
+												<p>0</p>
+											</td>
+											<td>
+												<p>0</p>
+											</td>
+											<td>
+												<p class="fwRg c_002c9a">0</p>
+											</td>
+											<td>
+												<p class="fwRg c_002c9a">50</p>
+											</td>
+											<td>
+												<p class="fwRg c_222">0</p>
+											</td>
+											<td>
+												<p class="fwRg c_222">350</p>
+											</td>
+										</tr>
+										<tr>
+											<td><label for="" class="label">선택</label><input type="checkbox"></td>
+											<td>
+												<p>2021-06-10</p>
+											</td>
+											<td>
+												<p>가입축하포인트</p>
+											</td>
+											<td class="tb_tit">
+												<p>문자포인트 적립</p>
+											</td>
+											<td>
+												<p>0</p>
+											</td>
+											<td>
+												<p>500</p>
+											</td>
+											<td>
+												<p class="fwRg c_002c9a">0</p>
+											</td>
+											<td>
+												<p class="fwRg c_002c9a">500</p>
+											</td>
+											<td>
+												<p class="fwRg c_222">0</p>
+											</td>
+											<td>
+												<p class="fwRg c_222">500</p>
+											</td>
+										</tr>
+									</tbody>
+								</table>
+							</div>
+							<ul class="pagination">
+								<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
+								<li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
+								<li class="on"><button>1</button></li>
+								<li><button>2</button></li>
+								<li><button>3</button></li>
+								<li><button>4</button></li>
+								<li><button>5</button></li>
+								<li><button>6</button></li>
+								<li><button>7</button></li>
+								<li><button>8</button></li>
+								<li><button>9</button></li>
+								<li><button>10</button></li>
+								<li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
+								<li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
+							</ul>
+						</div>
+						<div class="my_dashboard_cont3 number_set">
+							<div>
+								<p class="dashboard_title">대표 발신번호 관리</p>
+								<div style="margin:0 0 10px;">
+									<p style="font-weight: 300;">· 등록된 번호 수 <span class="c_002c9a fwMd">1</span>/10개</p>
+								</div>
+								<div class="table_wrap">
+									<table>
+										<caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
+										<colgroup>
+											<col style="width: 20%;">
+											<col style="width: 25%;">
+											<col style="width: auto;">
+											<col style="width: 20%;">
+										</colgroup>
+										<thead>
+											<tr>
+												<th scope="col">등록일자</th>
+												<th scope="col">발신번호</th>
+												<th scope="col">발신번호명</th>
+												<th scope="col">상태</th>
+											</tr>
+										</thead>
+										<tbody>
+											<tr>
+												<td>2022-05-20 17:05</td>
+												<td>010-5705-8729</td>
+												<td>
+													<p class="font_ellipsis">정수빈 </p>
+												</td>
+												<td><span class="c_002c9a">인증완료</span></td>
+											</tr>
+										</tbody>
+									</table>
+								</div><button type="button" onclick="location.href='/web/user/sendNumberManage.do';"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+							</div>
+						</div>
+						<div class="my_dashboard_cont3">
+							<p class="dashboard_title">최근 발송내역 - 문자</p>
+							<div class="table_wrap">
+								<table>
+									<caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
+									<colgroup>
+										<col style="width: 10%;">
+										<col style="width: 15%;">
+										<col style="width: auto;">
+										<col style="width: 10%;">
+										<col style="width: 10%;">
+										<col style="width: 15%;">
+									</colgroup>
+									<thead>
+										<tr>
+											<th scope="col">메시지 형태</th>
+											<th scope="col">발송일시</th>
+											<th scope="col">내용</th>
+											<th scope="col">발송건수</th>
+											<th scope="col">결과</th>
+											<th scope="col">발신번호</th>
+										</tr>
+									</thead>
+									<tbody>
+										<tr>
+											<td>단문</td>
+											<td>2021-05-04 18:00:09</td>
+											<td class="font_ellipsis">
+												<p>아름다운 봄이 가득한 5월입니다.</p>
+											</td>
+											<td class="font_ellipsis">
+												<p>1,000</p>
+											</td>
+											<td class="font_ellipsis">
+												<p class="c_002c9a fwMd">성공</p>
+											</td>
+											<td>010-1234-5678</td>
+										</tr>
+										<tr>
+											<td>장문</td>
+											<td>2021-05-04 18:00:09</td>
+											<td class="font_ellipsis">
+												<p>아름다운 봄이 가득한 5월입니다. 아름다운 봄이 가득한 5월입니다.</p>
+											</td>
+											<td class="font_ellipsis">
+												<p>1,000</p>
+											</td>
+											<td class="font_ellipsis">
+												<p class="c_002c9a fwMd">성공</p>
+											</td>
+											<td>010-1234-5678</td>
+										</tr>
+										<tr>
+											<td>단문</td>
+											<td>2021-05-04 18:00:09</td>
+											<td class="font_ellipsis">
+												<p>아름다운 봄이 가득한 5월입니다.</p>
+											</td>
+											<td class="font_ellipsis">
+												<p>1,000</p>
+											</td>
+											<td class="font_ellipsis">
+												<p class="font_ellipsis c_e40000 fwMd">실패</p>
+											</td>
+											<td>010-1234-5678</td>
+										</tr>
+									</tbody>
+								</table>
+							</div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+						</div>
+						<div class="my_dashboard_cont3">
+							<p class="dashboard_title">최근 발송내역 - 알림톡</p>
+							<div class="table_wrap">
+								<table>
+									<caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
+									<colgroup>
+										<col style="width: 10%;">
+										<col style="width: 15%;">
+										<col style="width: auto;">
+										<col style="width: 10%;">
+										<col style="width: 10%;">
+										<col style="width: 15%;">
+									</colgroup>
+									<thead>
+										<tr>
+											<th scope="col">메시지 형태</th>
+											<th scope="col">발송일시</th>
+											<th scope="col">내용</th>
+											<th scope="col">발송건수</th>
+											<th scope="col">결과</th>
+											<th scope="col">대체문자 건수</th>
+										</tr>
+									</thead>
+									<tbody>
+										<tr>
+											<td>단문</td>
+											<td>2021-05-04 18:00:09</td>
+											<td class="font_ellipsis">
+												<p>아름다운 봄이 가득한 5월입니다.</p><button class="btnType btnType20">상세보기</button>
+											</td>
+											<td class="font_ellipsis">
+												<p>1,000</p>
+											</td>
+											<td class="font_ellipsis">
+												<p class="c_002c9a fwMd">성공</p>
+											</td>
+											<td>0</td>
+										</tr>
+										<tr>
+											<td>장문</td>
+											<td>2021-05-04 18:00:09</td>
+											<td class="font_ellipsis">
+												<p>아름다운 봄이 가득한 5월입니다. 아름다운 봄이 가득한 5월입니다.</p>
+											</td>
+											<td class="font_ellipsis">
+												<p>1,000</p>
+											</td>
+											<td class="font_ellipsis">
+												<p class="c_002c9a fwMd">성공</p>
+											</td>
+											<td>0</td>
+										</tr>
+										<tr>
+											<td>단문</td>
+											<td>2021-05-04 18:00:09</td>
+											<td class="font_ellipsis">
+												<p>아름다운 봄이 가득한 5월입니다.</p>
+											</td>
+											<td class="font_ellipsis">
+												<p>1,000</p>
+											</td>
+											<td class="font_ellipsis">
+												<p class="font_ellipsis c_e40000 fwMd">실패</p>
+											</td>
+											<td>1</td>
+										</tr>
+									</tbody>
+								</table>
+							</div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+						</div>
+						<div class="my_dashboard_cont3">
+							<p class="dashboard_title">최근 발송내역 - 팩스</p>
+							<div class="table_wrap">
+								<table>
+									<caption>등록일자, 발신번호, 발신번호 명, 상태 정보를 제공하는 표</caption>
+									<colgroup>
+										<col style="width: 10%;">
+										<col style="width: 15%;">
+										<col style="width: auto;">
+										<col style="width: 10%;">
+										<col style="width: 10%;">
+										<col style="width: 15%;">
+									</colgroup>
+									<thead>
+										<tr>
+											<th scope="col">메시지 형태</th>
+											<th scope="col">발송일시</th>
+											<th scope="col">내용</th>
+											<th scope="col">발송건수</th>
+											<th scope="col">발송매수</th>
+											<th scope="col">결과</th>
+										</tr>
+									</thead>
+									<tbody>
+										<tr>
+											<td>단문</td>
+											<td>2021-05-04 18:00:09</td>
+											<td class="font_ellipsis">
+												<p>아름다운 봄이 가득한 5월입니다.</p>
+											</td>
+											<td class="font_ellipsis">
+												<p>1,000</p>
+											</td>
+											<td>0</td>
+											<td class="font_ellipsis">
+												<p class="c_002c9a fwMd">성공</p>
+											</td>
+										</tr>
+										<tr>
+											<td>장문</td>
+											<td>2021-05-04 18:00:09</td>
+											<td class="font_ellipsis">
+												<p>아름다운 봄이 가득한 5월입니다. 아름다운 봄이 가득한 5월입니다.</p>
+											</td>
+											<td class="font_ellipsis">
+												<p>1,000</p>
+											</td>
+											<td>0</td>
+											<td class="font_ellipsis">
+												<p class="c_002c9a fwMd">성공</p>
+											</td>
+										</tr>
+										<tr>
+											<td>단문</td>
+											<td>2021-05-04 18:00:09</td>
+											<td class="font_ellipsis">
+												<p>아름다운 봄이 가득한 5월입니다.</p>
+											</td>
+											<td class="font_ellipsis">
+												<p>1,000</p>
+											</td>
+											<td>0</td>
+											<td class="font_ellipsis">
+												<p class="font_ellipsis c_e40000 fwMd">실패</p>
+											</td>
+										</tr>
+									</tbody>
+								</table>
+							</div><button type="button"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+	<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>
+</body>
+
+</html>
\ No newline at end of file

From f24aebf79f10ce6dfe90faac3bcb8d20a0d72da4 Mon Sep 17 00:00:00 2001
From: subsub <subsub8729@kakao.com>
Date: Tue, 19 Nov 2024 12:01:25 +0900
Subject: [PATCH 2/2] =?UTF-8?q?2024/11/19=20=EB=B3=B4=EC=95=88=EB=A1=9C?=
 =?UTF-8?q?=EA=B7=B8=EC=9D=B8=20=EC=A3=BC=EC=84=9D=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/publish/mypage_index_2024.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/main/webapp/publish/mypage_index_2024.html b/src/main/webapp/publish/mypage_index_2024.html
index 16cb1b18..4885cd40 100644
--- a/src/main/webapp/publish/mypage_index_2024.html
+++ b/src/main/webapp/publish/mypage_index_2024.html
@@ -22,6 +22,8 @@
 
 	<script>
 		$(function () {
+
+			// on/off 시 confirm 창 노출
 			$('.security_set .tab_depth1 a').click(function () {
 				if ($(this).text().trim() == "ON") {
 					confirm("보안로그인 설정 후 로그인 시, 등록한 휴대폰번호로 추가 인증이 진행됩니다")
@@ -29,10 +31,14 @@
 					confirm("가입자 휴대폰번호로 본인인증 후 해제가 가능하며, 보안로그인 설정을 해제함으로써 발생하는 손해에 대하여 회사는 책임지지 않습니다.")
 				}
 			})
+
+			// ip추가 버튼 클릭 시 tr 추가
 			$(".btn_ip_plus").click(function () {
 				var ipTr = '<tr><td><input type="text" class="input_text"></td><td><input type="text" class="input_text"></td><td>-</td><td><button type="button" class="btnType btnType5">등록</button></td></tr>';
 				$(".ip_table tbody").prepend(ipTr);
-			})
+			});
+
+			
 		})