diff --git a/src/main/webapp/publish/css/common.css b/src/main/webapp/publish/css/common.css
index cb9d574c..c983fc56 100644
--- a/src/main/webapp/publish/css/common.css
+++ b/src/main/webapp/publish/css/common.css
@@ -151,6 +151,14 @@ caption, .label {position: absolute;width: 1px;height: 1px;margin: -1px;border:
 .login2 .check_money,
 .login2 .point,
 .login2 .event {white-space:nowrap;}
+
+/* 보안로그인 */
+.security_box{display:inline-flex;height:36px;font-weight:500;background:#fff;padding:0 11px;margin:0 0 0 10px;vertical-align:middle;border-radius:5px;align-items:center;}
+.login2 .login_info .security_box i.icon_lock{display:inline-block;width:20px;height:18px;background:url(/publish/images/icon_lock.png) no-repeat center center;background-size:auto 100%;vertical-align:top;}
+.security_box .state{font-size:13px;font-weight:600;padding:5px 10px;margin:0 0 0 5px;border-radius:5px;}
+.security_box .state.on{border:1px solid #18bb59;background:#e7f8ee;color:#18bb59;}
+.security_box .state.off{border:1px solid #e62c2c;background:#fce9e9;color:#e62c2c;}
+
 /* //header */
 
 
diff --git a/src/main/webapp/publish/images/icon_lock.png b/src/main/webapp/publish/images/icon_lock.png
new file mode 100644
index 00000000..83d9630e
Binary files /dev/null and b/src/main/webapp/publish/images/icon_lock.png differ
diff --git a/src/main/webapp/publish/js/content.js b/src/main/webapp/publish/js/content.js
index 7cd4c197..62871e5b 100644
--- a/src/main/webapp/publish/js/content.js
+++ b/src/main/webapp/publish/js/content.js
@@ -70,7 +70,7 @@ $(document).ready(function () {
 	});
 
 	/* 문자샘플 탭 선택 시 활성화 */
-	$(".tab_depth1 a").click(function () {
+	$(".tab_depth1:not(.security_tab) a").click(function () {
 		var tabText = $(this).text();
 		var tabPosi = $(this).position().left;
 		tabPosi -= 1;
diff --git a/src/main/webapp/publish/mypage_index_2024.html b/src/main/webapp/publish/mypage_index_2024.html
index fffc111a..3736f21e 100644
--- a/src/main/webapp/publish/mypage_index_2024.html
+++ b/src/main/webapp/publish/mypage_index_2024.html
@@ -24,11 +24,26 @@
 		$(function () {
 
 			// on/off 시 confirm 창 노출
-			$('.security_set .tab_depth1 a').click(function () {
-				if ($(this).text().trim() == "ON") {
-					confirm("보안로그인 설정 후 로그인 시, 등록한 휴대폰번호로 추가 인증이 진행됩니다");
-				} else {
-					confirm("가입자 휴대폰번호로 본인인증 후 해제가 가능하며, 보안로그인 설정을 해제함으로써 발생하는 손해에 대하여 회사는 책임지지 않습니다.");
+			$('.security_tab a').click(function (e) {
+				console.log($(this).hasClass("on"))
+				if ($(this).hasClass("on") == false) {
+					if ($(this).text().trim() == "ON") {
+						if (!confirm("보안로그인 설정 후 로그인 시, 등록한 휴대폰번호로 추가 인증이 진행됩니다")) {
+							$(this).removeClass("on");
+							$(this).siblings("a").addClass("on");
+						} else {
+							$(this).addClass("on");
+							$(this).siblings("a").removeClass("on");
+						}
+					} else {
+						if (!confirm("가입자 휴대폰번호로 본인인증 후 해제가 가능하며, 보안로그인 설정을 해제함으로써 발생하는 손해에 대하여 회사는 책임지지 않습니다.")) {
+							$(this).removeClass("on");
+							$(this).siblings("a").addClass("on");
+						} else {
+							$(this).addClass("on");
+							$(this).siblings("a").removeClass("on");
+						}
+					}
 				}
 			});
 
@@ -198,15 +213,52 @@
 				</div>
 			</div>
 		</div>
-		<div id="login" class="login">
+		<div id="login" class="login2">
 			<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 class="login_info">
+						<i></i>
+						<div class="login2_name">
+							<p>홍길동</p>
+							<span>(개인)</span>
+						</div>
+						<div class="session">
+							<span>08:46</span>
+							<button type="button">연장</button>
+						</div>
+						<button type="button" class="btnType btnType3">마이페이지</button>
+						<button type="button" class="btnType btnType2">로그아웃</button>
+						<div class="security_box">
+							<p class="title"><i class="icon_lock"></i>보안로그인</p>
+							<a href="#" class="state on">ON</a>
+							<!-- <a href="#" class="state off">OFF</a> -->
+						</div>
+					</div>
+					<div class="login_pay">
+						<div class="check_money">
+							<div class="holdingsum_box">
+								<i></i>
+								<p>보유잔액 <span class="fwMd">3,000</span>원</p>
+								<dl>
+									<dd>후불제 고객의 보유잔액(캐시)은 당월 발송 가능<br>금액을 말하며 <span>매월 1일 자동으로 충전</span>됩니다.</dd>
+								</dl>
+							</div>
+							<button type="button" class="btnType btnType3">충전</button>
+							<div class="account_box">
+								<button type="button" class="btnType btnType3">전용계좌</button>
+								<dl>
+									<dt>전용계좌</dt>
+									<dd>신한은행 56212519515101</dd>
+								</dl>
+							</div>
+						</div>
+						<div class="point">
+							<i></i>
+							<p>포인트 <span class="fwMd">1,000</span>원</p>
+							<button type="button" class="btnType btnType3">교환</button>
+						</div>
+					</div>
+
 				</div>
 			</div>
 		</div>
@@ -239,7 +291,7 @@
 							</ul>
 
 
-							<!-- 보안로그인 설정(허용 IP 아닌 경우) -->
+							<!-- 보안로그인 설정 -->
 							<div class="security_set box">
 								<div class="title_wrap">
 									<p class="dashboard_title">보안로그인</p>
@@ -252,15 +304,15 @@
 								<div class="set_area">
 									<p class="lately_date">최근 변경일시 : <span>2024-11-01 12:49</span></p>
 
-									<div class="tab_depth1">
+									<div class="tab_depth1 security_tab">
 										<a href="#none" class="on">ON</a>
 										<a href="#none">OFF</a>
 									</div>
 								</div>
 							</div>
-							<!-- //보안로그인 설정(허용 IP 아닌 경우) -->
+							<!-- //보안로그인 설정 -->
 
-							<!-- 보안로그인 설정(허용 IP인 경우) -->
+							<!-- 보안로그인 설정 -->
 							<div class="security_set box">
 								<div class="title_wrap">
 									<p class="dashboard_title">보안로그인</p>
@@ -272,13 +324,13 @@
 								<div class="set_area">
 									<p class="lately_date">최근 변경일시 : <span>2024-11-01 12:49</span></p>
 
-									<div class="tab_depth1">
+									<div class="tab_depth1 security_tab">
 										<a href="#none" class="on">ON</a>
 										<a href="#none">OFF</a>
 									</div>
 								</div>
 							</div>
-							<!-- //보안로그인 설정(허용 IP인 경우) -->
+							<!-- //보안로그인 설정 -->
 
 							<!-- 인증 휴대폰번호 관리 -->
 							<div class="title_area">
@@ -297,7 +349,7 @@
 										<col style="width: 26%;">
 										<col style="width: auto;">
 										<col style="width: 26%;">
-										<col style="width: 140px;">
+										<col style="width: 100px;">
 									</colgroup>
 									<thead>
 										<tr>
@@ -308,17 +360,23 @@
 										</tr>
 									</thead>
 									<tbody>
+										<!-- <tr>
+											<td>010-0000-0000</td>
+											<td><input type="text" class="input_text"></td>
+											<td>2024-11-04 11:54</td>
+											<td><button type="button" class="btnType btnType5 btn_save">저장</button></td>
+										</tr> -->
 										<tr>
 											<td>010-0000-0000</td>
 											<td class="td_memo">메모 내용</td>
 											<td>2024-11-04 11:54</td>
-											<td><button type="button" class="btnType btnType5 btn_edit" style="margin:0 5px 0 0;" onclick="memoEdit(this);">수정</button><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td>
+											<td><button type="button" class="btnType btnType5 btn_edit" onclick="memoEdit(this);">수정</button></td>
 										</tr>
 										<tr>
 											<td>010-0000-0000</td>
-											<td>메모내용</td>
+											<td><input type="text" class="input_text"></td>
 											<td>2024-11-04 11:54</td>
-											<td><button type="button" class="btnType btnType5 btn_edit" style="margin:0 5px 0 0;" onclick="memoEdit(this);">수정</button><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td>
+											<td><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td>
 										</tr>
 									</tbody>
 								</table>
@@ -376,7 +434,7 @@
 								<p class="dashboard_title">로그인 내역 <span class="small_text">로그인 내역은 최대 90일까지만 보관됩니다.</span></p>
 							</div>
 
-							<div class="table_wrap ip_table">
+							<div class="table_wrap">
 								<table>
 									<colgroup>
 										<col style="width:calc(100% /3);">