키움증권

<fieldset>
		<legend>개인(신용)정보에 대한 항목별 동의여부 선택양식</legend>
		<div class="agreement-personal">
					
			<div class="regist-row-box">
				<div class="regist-tit-box">
					<strong class="regist-tit">이름</strong>
				</div>
				<div class="regist-item-case">
					<div class="inp-flex">
						<span class="inp-txt  disabled" >
							<input type="text" id="userNm" disabled/>
						</span>
					</div>
				</div>
			</div>
			
			<div class="regist-row-box">
				<div class="regist-tit-box">
					<strong class="regist-tit">연락처</strong>
				</div>
				<div class="regist-item-case">
					<div class="phone-auth-case">
						<div class="inp-phone-case">
							<div class="inp-item">
								<span class="inp-txt">
									<input type="text" name="hnph_th01_no" id="hnph_th01_no" maxlength="4" readonly="readonly">
								</span>
							</div>
							<div class="inp-item">
								<span class="inp-txt">
									<input type="text" name="hnph_th02_no" id="hnph_th02_no" maxlength="4" readonly="readonly">
								</span>
							</div>
							<div class="inp-item">
								<span class="inp-txt">
									<input type="text" name="hnph_th03_no" id="hnph_th03_no" maxlength="4" readonly="readonly">
								</span>
							</div>
						</div>
						<div class="btn-auth">
							<button type="button" class="btn-second gray" id="btnCertSelf"><span>인증번호발송</span></button>
						</div>
					</div>
				</div>
				<span class="inp-check mt10">
					<input type="checkbox" name="chkAgree" id="chkAgree">
					<label for="chkAgree">개인정보 활용 동의<br> (본 이벤트와 관련된 목적으로만 활용합니다.)</label>
					<p class="point_pink text-sub">※ 체험단 선정 및 주요관련 안내사항은 위에 등록해주신 전화번호로 연락드리며   SMS/전화 수신거부 여부와 관계없이 발송 됩니다.</p>
				</span>
			</div>
			
			<div class="regist-row-box">
				<div class="regist-tit-box">
					<strong class="regist-tit">인증번호 입력</strong>
				</div>
				<div class="phone-auth-case">
					<div class="inp-phone-case">
						<div class="inp-item" style="margin:3px;">
							<span class="inp-txt">
								<input type="text" id="inpCertNum" name="inpCertNum" maxlength="6"/>
							</span>
						</div>
						<div class="btn-auth" style="float:left;margin-top:3px;">
							<button type="button" class="btn-second gray" id="btnDoCert"><span>인증하기</span></button>
						</div>
					</div>
				</div>
			</div>
			
			<div class="agreement-personal-head">
			
				<h1 class="head-title">개인(신용)정보 선택 동의서
					<span class="head-title-sm">영웅문S# 사전 체험단 모집 이벤트 참여·경품 지급을 위한 수집·이용</span>
				</h1>
				
			</div>
			<div id="viewAgree">
				<div class="agreement-grade">
					<h2 class="con-title"><span class="num">1</span> 수집·이용에 관한 사항</h2>
					<div class="step">
						
						<img src="/e/kms/assets/images/biz/agreement/evt-agree-step-01.png" alt="안심, 다소 안심, 보통, 신중, 주의등급 중 안심 등급" />
					</div>
					<div class="qr">
						<img src="/e/kms/assets/images/event/2022/20220007/20220007_qr.png" alt="qr코드" />
					</div>
					<div class="desc">
						<i>※</i> 위 등급은 사생활 침해 위험, 혜택, 명확성 등을 종합적으로 고려하여 동의내용의 평가등급을 제공하는 제도입니다.(자세한 사항 QR코드 참조)
					</div>
				</div>
				<div class="table-agreement-container">
					<table>
						<caption>개인정보 수집·이용 목적, 보유 및 이용기간, 거부 권리 및 불이익을 포함하고 있는 표</caption>
						<colgroup>
							<col style="width: 35%">
							<col style="width: auto">
						</colgroup>
						<tbody>
							<tr>
								<th scope="row">수집·이용 목적</th>
								<td>
									<div class="em">‘영웅문S# 사전체험단 모집’ 고객이력관리 및 각종 안내사항 전달 등 고객 편의 제공</div>
								</td>
							</tr>
							<tr>
								<th scope="row">보유 및 이용기간</th>
								<td>
									<div class="em">당해 이벤트 종료일로부터 1년이내(또는 동의철회 시)까지</div>
									<div>
										위 보유 기간에서의 이벤트 종료일이란 해당 '영웅문S# 사전 체험단 모집 이벤트'의 종료일을 의미합니다.
									</div>
								</td>
							</tr>
							<tr>
								<th scope="row">거부 권리 및 불이익</th>
								<td>
									귀하는 개인(신용)정보의 선택적인 수집‧이용에 대한 동의를 거부할 수 있습니다.<br/>
									다만, 동의하지 않으실 경우 “영웅문S# 사전 체험단 모집 이벤트＂의 혜택을 받지 못할 수 있습니다.<br/>
									또한, 동의하시더라도 당사 홈페이지(http://www.kiwoom.com) 및 키움금융센터(1544-9000)를 통해 언제든지 철회하실 수 있습니다.
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<h3 class="form-table-title">제공 항목</h3>
				<div class="table-agreement-container">
					<table>
						<caption>고유식별번호,민감정보,개인(신용)정보 항목읜 동의여부를 포함하고 있는 표</caption>
						<colgroup>
							<col style="width: 35%">
							<col style="width: auto">
						</colgroup>
						<tbody>
							<tr>
								<th scope="row">
									개인(신용)정보
								</th>
								<td></td>
							</tr>
							<tr>
								<th scope="row" class="td-line">
									<i class="bullet-sub"></i>일반개인정보
								</th>
								<td class="td-line">고객번호, 성명, ID,  휴대전화번호</td>
							</tr>
							<tr>
								<th scope="row">
									개인(신용)정보
								</th>
								<td></td>
							</tr>
							<tr>
								<th scope="row" class="td-line">
									<i class="bullet-sub"></i>신용거래정보
								</th>
								<td class="td-line">거래금액</td>
							</tr>
						</tbody>
					</table>
				</div> 
				<div class="agreement-check-all">
					<div class="text">위 개인신용정보 <span class="underline">제공</span>에 동의하십니까?</div>
					<div class="inp-wrap">
						<span class="inp-check">
							<input type="radio" name="detailAgree1" id="detailAgree11" value="N" checked="checked">
							<label for="detailAgree11">동의하지 않음</label>
						</span>
						<span class="inp-check">
							<input type="radio" name="detailAgree1" id="detailAgree12" value="Y">
							<label for="detailAgree12">동의함</label>
						</span>
					</div>
				</div>
			
			</div>
			
			<div class="inner-layer-foot">
				<div class="logo-group">
					<div class="logo"><img src="/e/kms/assets/images/biz/agreement/evt-agree-footer-logo.png" alt="키움증권" /></div>
					<div class="date" id="today"></div>
				</div>
				<div class="btn-group">
					<button id="btnAgreeOK" type="button" class="btn-tiny navy"><span>확인</span></button>
					<button id="btnAgreeCancel" type="button" class="btn-tiny"><span>취소</span></button>
				</div>
			</div>
		</div>							
	</fieldset>