https://www.kbanknow.com/assets-44aa478e/index-leMGCuup.js

1import{x as m}from"./chunk-JZWAC4HX-DsJNkyJW.js";import{u as g,j as s,a as i}from"./emotion-react-jsx-runtime.browser.esm-CBCUNgtK.js";import{s as l,k as n,t,b as p}from"./htmlSlotUtils-xcxtzk4h.js";import"./useHeaderMetaStore-VDQ0Yzfj.js";import{d as f}from"./pageHandle-CeP1O-t6.js";import{R as b}from"./protection.type-DA8pXjcp.js";import"./index-kt0tkxk4.js";const _=f({cxmPageName:"고객센터_소비자보호_불법도박이용계좌신고"}),r=()=>{const e=g(),d=()=>{window.location.href="mailto:[email protected]"};return s(h,{children:[i(x,{children:i(n,{as:"h1",color:e.color.sem.fg.base,variant:t.title0.bold(e),children:"불법 도박 이용계좌 신고"})}),s(u,{children:[s(y,{children:[s(n,{color:e.color.sem.fg.base,variant:t.title5.bold(e),children:["케이뱅크 계좌가 불법 도박에 이용되고 있는 것으로 확인된 경우",i("br",{}),"아래 이메일([email protected])로 신고해 주세요."]}),i(p,{iconPosition:"left",label:"이메일 보내기",onPress:d,size:"md",tone:"primary"})]}),i(v,{children:b.map((a,o)=>o===3?i(k,{children:s(w,{children:[i(c,{children:i(n,{color:e.color.sem.fg.invert,variant:t.label.lg.bold(e),children:a.label})},a.id),s(j,{children:[i(n,{color:e.color.sem.fg.base,variant:t.title5.bold(e),children:a.title}),s(n,{color:e.color.sem.fg.secondary,variant:t.caption.md.regular(e),children:["불법 도박 이용계좌 신고는 이메일([email protected])로 보내주셔야 하며,",i("br",{}),"계좌명과 계좌번호가 불일치 또는 증빙자료 미첨부 시 신고 접수가 불가합니다."]})]})]})},o):s($,{children:[i(c,{children:i(n,{color:e.color.sem.fg.invert,variant:t.label.lg.bold(e),children:a.label})},a.id),i(n,{color:e.color.sem.fg.base,variant:t.title5.bold(e),children:a.title})]},o))})]})]})},B=m(r);r.displayName="고객센터_소비자보호_불법도박이용계좌신고";const h=l.main`
2  display: flex;
3  padding: ${({theme:e})=>e.spacing.sem[500]} 420;
4  flex-direction: column;
5  align-items: flex-start;
6  gap: ${({theme:e})=>e.spacing.sem.section.xl};
7  align-self: stretch;
8`,x=l.section`
9  display: flex;
10  justify-content: space-between;
11  align-items: center;
12  gap: ${({theme:e})=>e.spacing.sem[100]};
13  width: 100%;
14`,u=l.div`
15  display: flex;
16  flex-direction: column;
17  align-items: flex-start;
18  gap: ${({theme:e})=>e.spacing.sem.section.xl};
19  align-self: stretch;
20`,y=l.div`
21  display: flex;
22  width: 100%;
23  padding: ${({theme:e})=>e.spacing.sem[250]} 0;
24  flex-direction: column;
25  justify-content: center;
26  align-items: center;
27  gap: ${({theme:e})=>e.spacing.sem.section.xl};
28
29  border-radius: ${({theme:e})=>e.size.sem.border.radius[125]};
30  background: ${({theme:e})=>e.color.sem.surface.section.secondary};
31`,v=l.div`
32  display: flex;
33  flex-direction: column;
34  align-items: flex-start;
35  gap: ${({theme:e})=>e.spacing.sem.section.lg};
36`,$=l.div`
37  display: flex;
38  align-items: center;
39  gap: ${({theme:e})=>e.spacing.sem[63]};
40  align-self: stretch;
41`,k=l.div`
42  display: flex;
43  flex-direction: column;
44  align-items: flex-start;
45  gap: ${({theme:e})=>e.spacing.sem.section.sm};
46  align-self: stretch;
47`,c=l.div`
48  display: flex;
49  width: ${({theme:e})=>e.size.sem.base[200]};
50  height: ${({theme:e})=>e.size.sem.base[200]};
51  padding: 10px;
52  flex-direction: column;
53  justify-content: center;
54  align-items: center;
55  gap: 10px;
56
57  border-radius: ${({theme:e})=>e.size.sem.border.radius.full};
58  background: ${({theme:e})=>e.color.sem.bg["neutral-bold"]};
59`,w=l.div`
60  display: flex;
61  align-items: flex-start;
62  gap: ${({theme:e})=>e.spacing.sem[63]};
63  align-self: stretch;
64`,j=l.div`
65  display: flex;
66  flex-direction: column;
67  justify-content: center;
68  align-items: flex-start;
69  gap: ${({theme:e})=>e.spacing.sem.section.sm};
70  flex: 1 0 0;
71`;export{B as default,_ as handle};