키움증권

<fieldset>
		<legend>개인(신용)정보에 대한 항목별 동의여부 선택양식</legend>
		<div class="agreement-personal">
			<div class="table-agreement-container type1">
				<table>
					<caption>이름,휴대전화번호,기타 항목으로 구성된 표</caption>
					<colgroup>
						<col style="width: 30%">
						<col style="width: auto">
					</colgroup>
					<tbody>
						<tr>
							<th scope="row">이름</th>
							<td>
								<span id="userNm">
								</span>
							</td>
						</tr>
						<tr>
							<th scope="row">휴대전화번호</th>
							<td>
								<div class="inp-phone-case">
									<div class="inp-item">
										<select class='select' title='국번 선택' id='hnph_th01_no' ><option value=''>선택</option><option value='010'>010</option><option value='011'>011</option><option value='017'>017</option><option value='016'>016</option><option value='018'>018</option><option value='019'>019</option></select>

</div>
									<div class="inp-item">
										<span class="inp-txt disabled">
											<input type="text"  id="hnph_th02_no" title="휴대폰 가운데자리 입력" disabled="disabled">
										</span>
									</div>
									<div class="inp-item">
										<span class="inp-txt disabled">
											<input type="text" id="hnph_th03_no" title="휴대폰 마지막자리 입력" disabled="disabled">
										</span>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<th scope="row">계좌번호</th>
							<td>
								<select name="acnt_no" id="acnt_no" class="select">
									<option value="">(선택)</option>
								</select>
							</td>
						</tr>
						<tr>
							<th scope="row">환수 안내 매체<br/>선택</th>
							<td>
								<span class="inp-check">
									<input type="checkbox" name="check01" id="check01" checked="checked" disabled="disabled">
									<label for="check01">SMS</label>								
								</span>
							</td>
						</tr>
						<tr>	
							<td colspan="2">
								<font color="red">
									※ 본 이벤트로 입금된 40달러 중 미사용 금액은 이벤트 신청일로부터 달력 기준 30일 후 자동 출금처리됩니다.<br/>
									※ 상기 입력 정보는 수정이 불가하오니, 정확하게 입력하여 주시기 바랍니다.
								</font>
							</td>
						</tr>
					</tbody>
				</table>
			</div>								
			<div class="agreement-personal-head">
				<h1 class="head-title">개인(신용)정보 선택 동의서
					<span class="head-title-sm">이벤트 참가·경품 지급을 위한 수집·이용</span>
				</h1>
			</div>
			<div class="agreement-request">
				<div class="text al-c">본 동의서는 요약동의서이며 요청하면 전체 동의서를 안내받으실 수 있습니다. 요청하시겠습니까?</div>
				<div class="inp-wrap">
					<span class="inp-check">
						<input type="radio"  class="showAgree"  name="showAgree" id="showAgree01"  value="1">
						<label for="showAgree01">예</label>
					</span>
					<span class="inp-check">
						<input type="radio" class="showAgree"  name="showAgree" id="showAgree02"  value="2" checked>
						<label for="showAgree02">아니오</label>
					</span>
				</div>
				
			</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/icon/qr/event_20210071.png" alt="qr코드" />
						</div>
						<div class="desc">
							<i>※</i> 위 등급은 사생활 침해 위험, 혜택, 명확성 등을 종합적으로 고려하여 동의내용의 평가등급을 제공하는 제도입니다.(자세한 사항 QR코드 참조)
						</div>
					</div>
					<div class="table-agreement-container">
						<table>
							<caption>개인정보 수집·이용 목적, 보유 및 이용기간, 거부 권리 및 불이익을 포함하고 있는 표</caption>
							<colgroup>
								<col style="width: 41%">
								<col style="width: auto">
							</colgroup>
							<tbody>
								<tr>
									<th scope="row">수집·이용 목적</th>
									<td>
										<div class="em">'40달러 이벤트' 참여, 경품 지급</div>
									</td>
								</tr>
								<tr>
									<th scope="row">보유 및 이용기간</th>
									<td>
										<div class="em">이벤트 종료일로부터 1년이내(또는 동의철회 시)까지</div>
										<div>
											위 보유 기간에서의 이벤트 종료일이란 해당 '40달러 이벤트'의 종료일을 의미합니다.
										</div>
									</td>
								</tr>
								<tr>
									<th scope="row">거부 권리 및 불이익</th>
									<td>
										귀하는 개인(신용)정보의 선택적인 수집‧이용에 대한 동의를 거부할 수 있습니다.<br/>
										다만, 동의하지 않으실 경우 “40달러 이벤트"의 혜택을 받지 못할 수 있습니다.<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: 41%">
								<col style="width: auto">
							</colgroup>
							<tbody>
								<tr>
									<th scope="row">
										개인(신용)정보<br>(6개)
									</th>
									<td>
										<dl class="inner-table">
											<dt>일반개인정보(3개)</dt>
											<dd>성명, 휴대전화번호, ID</dd>
											<dt>신용거래정보(3개)</dt>
											<dd>거래내역, 계좌번호, 고객번호</dd>
											<dt>신용도판단정보(0개)</dt>
											<dd> </dd>
											<dt>신용능력정보(0개)</dt>
											<dd> </dd>
											<dt>공공정보(0개)</dt>
											<dd> </dd>
										</dl>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="agreement-check-all">
						<div class="text">위 개인신용정보 <span class="underline">수집·이용</span>에 동의하십니까?</div>
						<div class="label-grade">
							<img src="/e/kms/assets/images/biz/agreement/evt-agree-grade01.png" alt="안심">
						</div>
						<div class="inp-wrap">
							<span class="inp-check">
								<input type="radio" name="chkAgree" id="chkAgree_N" value="N">
								<label for="chkAgree_N">동의하지 않음</label>
							</span>
							<span class="inp-check">
								<input type="radio" name="chkAgree" id="chkAgree_Y" value="Y">
								<label for="chkAgree_Y">동의함</label>
							</span>
						</div>
					</div>
				</div>  
			</div>
			<div id="viewAgreeDetail"  style="display:none;">
				<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/icon/qr/event_20210046.png" alt="qr코드" />
						</div>
					<div class="desc">
						<i>※</i> 위 등급은 사생활 침해 위험, 혜택, 명확성 등을 종합적으로 고려하여 동의내용의 평가등급을 제공하는 제도입니다.(자세한 사항 QR코드 참조)
					</div>
				</div>
				<div class="table-agreement-container">
					<table>
						<caption>개인정보 수집·이용 목적, 보유 및 이용기간, 거부 권리 및 불이익 관련 내용을 포함하고 있는 표</caption>
						<colgroup>
							<col style="width: 41%">
							<col style="width: auto">
						</colgroup>
						<tbody>
							<tr>
								<th scope="row">수집·이용 목적</th>
								<td>
									<div class="em">'40달러 이벤트' 참여, 경품 지급</div>
								</td>
							</tr>
							<tr>
								<th scope="row">보유 및 이용기간</th>
								<td>
									<div class="em">이벤트 종료일로부터 1년이내(또는 동의철회 시)까지</div>
									<div>위 보유 기간에서의 이벤트 종료일이란 해당 '40달러 이벤트'의 종료일을 의미합니다.</div>
								</td>
							</tr>
							<tr>
								<th scope="row">거부 권리 및 불이익</th>
								<td>
									귀하는 개인(신용)정보의 선택적인 수집‧이용에 대한 동의를 거부할 수 있습니다.<br/>
									다만, 동의하지 않으실 경우 “40달러 이벤트＂의 혜택을 받지 못할 수 있습니다.<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: 41%">
							<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" 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="label-grade">
						<img src="/e/kms/assets/images/biz/agreement/evt-agree-grade01.png" alt="안심">
					</div>
					<div class="inp-wrap">
						<span class="inp-check">
							<input type="radio" name="chkAgreeDetail" id="chkAgreeDetail_N" value="N">
							<label for="chkAgreeDetail_N">동의하지 않음</label>
						</span>
						<span class="inp-check">
							<input type="radio" name="chkAgreeDetail" id="chkAgreeDetail_Y" value="Y">
							<label for="chkAgreeDetail_Y">동의함</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>
			<button type="button" class="btn-layer-close" id="btnHeroAgreeClose"><em class="offscreen">닫기</em></button>
	</fieldset>

<div class="tbl-view-wrap">
			<table>
				<caption>신청 계좌번호, 신청일자, 입금금액, 미사용금액, 인출제한금액, 미사용금액 환수 예정일, 인출제한해지 예정일을(를) 포함한 표</caption>
				<colgroup>
					<col style="width:40%">
					<col style="width:auto">
				</colgroup>
				<tbody>
					<tr>
						<th scope="row">신청 계좌번호</th>
						<td class="al-l" id="acnt_no"></td>
					</tr>
					<tr>
						<th scope="row">신청일자</th>
						<td class="al-l" id="rgst_dt"></td>
					</tr>
					<tr>
						<th scope="row">입금금액</th>
						<td class="al-l" id="ina_amt"></td>
					</tr>
					<tr>
						<th scope="row">미사용금액</th>
						<td class="al-l" id="unused_amt"></td>
					</tr>
					<tr>
						<th scope="row">인출제한금액</th>
						<td class="al-l" id="wthd_lmt_amt"></td>
					</tr>
					<tr>
						<th scope="row">미사용금액 환수 예정일</th>
						<td class="al-l" id="unused_amt_rmrg_dt"></td>
					</tr>
					<tr>
						<th scope="row">인출제한해지 예정일</th>
						<td class="al-l" id="wthd_lmt_abnd_dt"></td>
					</tr>
				</tbody>
			</table>
		</div>
		<ul class="dash-list type03">
			<li>* 미사용금액 환수예정일 : 신청일 + 30일 이후 미사용 금액 환수</li>
			<li>신청일 + 30일이 휴일인 경우 익영업일 16:10 에 환수처리</li>
			<li>* 인출제한해지 예정일 : 신청일 +45일 이후 사용금액 인출제한해지</li>
			<li>신청일 + 45일 뒤가 휴일인 경우 전영업일 16:15에 인출제한해지</li>
		</ul>
	</section>