2024/10/23 이용약관

src/main/webapp/WEB-INF/jsp/cmm/uss/umt/EgovUserInsert.jsp

@@ -246,7 +246,7 @@ function wrapWindowByMask(){
 			<div class="listTop resisterList">
 				<p class="right block fwMd"><span class="tType4 c_e40000 fwBold">*</span>는 필수입력 항목입니다.</p>
 			</div>
-			<table class="tbType2">
+			<table class="tbType2 col-table data-table">
 				<colgroup>
 					<col style="width: 20%">
 					<col style="width: 80%">

src/main/webapp/publish/css/content.css

@@ -2184,6 +2184,14 @@ button.check_validity:hover  {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
 .privacy_content_select_wrap {text-align: left;}
 .privacy_content_select_wrap .version_change_select{width: 278px; margin: 10px 0 20px 0;}
 
+.privacy_labeling .title{font-family: 'GmarketSansBold'; font-size: 24px; padding-top: 4px; margin:40px 0 0 0;}
+.privacy_labeling .labeling{display:flex;gap:20px;margin:20px 0 0 0;}
+.privacy_labeling li{display:flex;width:calc(100% / 6);font-size:17px;padding:37px 0 28px 0;border:1px solid #dddddd;border-radius:5px;text-align:center;flex-direction:column;align-items:center;justify-content:center;}
+.privacy_labeling li img{margin:0 0 20px 0;}
+.privacy_labeling li:hover .send_hover_cont{display:block;max-width:350px;}
+.privacy_labeling li .send_hover_cont{font-size:14px;font-weight:300;}
+.privacy_labeling li .send_hover_cont .hover_title{display:block;font-size:16px;font-weight:600;margin:0 0 18px 0;line-height:1.4;}
+.privacy_labeling li .send_hover_cont .hover_title span{font-size:15px;font-weight:400;}
 
 
 

src/main/webapp/publish/service2_2024.html

@@ -46,7 +46,16 @@
         $(document).ready(function () {
             $(".version_change_select").change(function () {
                 window.open("/publish/popup_clause_list.html", "_blank", "width=650, height=700, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes");
-            })
+            });
+            
+            $(".privacy_index_box a").click(function(){
+            	var idxHref = $(this).attr("href");
+            	var idxSct = $(idxHref).offset().top - 196;
+            	$("html,body").animate({
+            		scrollTop:idxSct
+            	},400)
+            });
+            
         })
     </script>
 
@@ -435,6 +444,59 @@
                             주식회사 아이티앤(이하 ‘회사’라 한다)은 『정보통신망이용촉진 및 정보보호 등에 관한 법률(이하 정보통신망법)』, 『개인정보 보호법』등 개인정보와 관련된 법령을 준수하고 있으며, 이용자의 개인정보가 보호받을 수 있도록 최선을 다하고 있습니다.  회사는 「개인정보보호법」제30조에 따라 개인정보 처리에 관한 절차 및 기준을 안내하고, 이와 관련한 고충을
 신속하고 원활하게 처리할 수 있도록 하기 위하여 다음과 같이 개인정보처리방침을 수립·공개합니다.
                         </div>
+                        <div class="privacy_labeling">
+                        	<p class="title">주요 개인정보 처리 표시(라벨링)</p>
+                        	<ul class="labeling">
+                        		<li>
+                        			<img src="/publish/images/labeling_01.png" alt="" />
+                        			개인정보
+                        			<div class="send_hover_cont">
+                        				<b class="hover_title">이름, 휴대전화번호 등</b>
+                        				※ 세부 내용은 개인정보처리방침 본문 확인
+                        			</div>
+                        		</li>
+                        		<li>
+                        			<img src="/publish/images/labeling_02.png" alt="" />
+                        			결제정보
+                        			<div class="send_hover_cont">
+                        				<b class="hover_title">계좌(카드)정보, 예금주(카드 명의자) 정보 등</b>
+                        				※ 세부 내용은 개인정보처리방침 본문 확인
+                        			</div>
+                        		</li>
+                        		<li>
+                        			<img src="/publish/images/labeling_03.png" alt="" />
+                        			처리목적
+                        			<div class="send_hover_cont">
+                        				<b class="hover_title">회원관리, 서비스제공 및 관리, 신규서비스 개발 및 마케팅·광고·홍보</b>
+                        				※ 세부항목은 개인정보처리방침 본문 확인
+                        			</div>
+                        		</li>
+                        		<li>
+                        			<img src="/publish/images/labeling_04.png" alt="" />
+                        			자동수집
+                        			<div class="send_hover_cont">
+                        				<b class="hover_title" style="margin:0;">쿠키</b>
+                        			</div>
+                        		</li>
+                        		<li>
+                        			<img src="/publish/images/labeling_05.png" alt="" />
+                        			처리위탁
+                        			<div class="send_hover_cont">
+                        				※ 세부항목은 개인정보처리방침 본문 확인
+                        			</div>
+                        		</li>
+                        		<li>
+                        			<img src="/publish/images/labeling_06.png" alt="" />
+                        			개인정보보호책임자
+                        			<div class="send_hover_cont">
+                        				<b class="hover_title">개인정보보호책임자
+                        				<span>개인정보보호책임자(1551-8011, help@iten.co.kr)</span>
+                        				</b>
+                        				※ 세부내용은 개인정보처리방침 본문 확인
+                        			</div>
+                        		</li>
+                        	</ul>
+                        </div>
                         <div class="privacy_index">
                             <p class="title">목차</p>
                             <p class="info">개인정보처리방침은 다음과 같은 내용을 담고 있습니다.</p>