diff --git a/src/app/mock-api/apps/member/unconnected/data.ts b/src/app/mock-api/apps/member/unconnected/data.ts
index 2c3f77d..065ea1a 100644
--- a/src/app/mock-api/apps/member/unconnected/data.ts
+++ b/src/app/mock-api/apps/member/unconnected/data.ts
@@ -3,710 +3,422 @@
 export const unconnecteds = [
   {
     id: '8fcce528-d878-4cc8-99f7-bd3451ed5402',
-    category: 'b899ec30-b85a-40ab-bb1f-18a596d5c6de',
-    name: 'Benton Mens Automatic Watch 44mm 5 ATM',
-    description:
-      'Velit irure deserunt aliqua officia. Eiusmod quis sunt magna laboris aliquip non dolor consequat cupidatat dolore esse. Consectetur mollit officia laborum fugiat nulla duis ad excepteur do aliqua fugiat. Fugiat non laboris exercitation ipsum in incididunt.',
-    tags: [
-      '167190fa-51b4-45fc-a742-8ce1b33d24ea',
-      '0fc39efd-f640-41f8-95a5-3f1d749df200',
-      '8837b93f-388b-43cc-851d-4ca8f23f3a61',
-      '2300ac48-f268-466a-b765-8b878b6e14a7',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'ADH-1921',
-    barcode: '8808746892183',
-    brand: 'e1789f32-9475-43e7-9256-451d2e3a2282',
-    vendor: '987dd10a-43b1-49f9-bfd9-05bb2dbc7029',
-    stock: 30,
-    reserved: 3,
-    cost: 390.63,
-    basePrice: 950,
-    taxPercent: 10,
-    price: 1045,
-    weight: 0.76,
-    thumbnail: null,
-    images: [
-      'assets/images/apps/ecommerce/products/watch-03-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-03-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-03-03.jpg',
-    ],
-    active: false,
-
-    highRank: '[매장]on04',
+    signinId: 'kgon3',
+    nickname: '부본',
+    highstRank: 'kgon1',
+    highRank: 'kgon2',
     rank: '회원',
     level: 1,
-    nickname: '가가가',
-    accountHolder: '44',
-    contact: '010-4444-4444',
-    cash: 0,
-    comp: 1649,
-    coupon: 0,
-    gameMoney: 0,
-    todayComp: 0,
-    deposit: 0,
-    withdraw: 0,
-    margin: 0,
-    accession: '2022-06-12 15:42',
-    final: '',
-    ip: '',
+    calculateType: '롤링',
+    accountHolder: '부본',
+    phoneNumber: '010-4444-4444',
+    ownCash: 32307,
+    ownComp: 1649,
+    registDate: '2021-10-14',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
   {
     id: '8fcce528-d878-4cc8-99f7-bd3451ed5405',
-    category: 'b899ec30-b85a-40ab-bb1f-18a596d5c6de',
-    name: 'Capmia Mens Chronograph Watch 44mm 10 ATM',
-    description:
-      'Velit nisi proident cupidatat exercitation occaecat et adipisicing nostrud id ex nostrud sint. Qui fugiat velit minim amet reprehenderit voluptate velit exercitation proident Lorem nisi culpa. Commodo quis officia officia eiusmod mollit aute fugiat duis quis minim culpa in. Exercitation laborum fugiat ex excepteur officia reprehenderit magna ipsum. Laboris dolore nostrud id labore sint consectetur aliqua tempor ea aute do.',
-    tags: [
-      '167190fa-51b4-45fc-a742-8ce1b33d24ea',
-      '7d6dd47e-7472-4f8b-93d4-46c114c44533',
-      '8837b93f-388b-43cc-851d-4ca8f23f3a61',
-      '0b11b742-3125-4d75-9a6f-84af7fde1969',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'EAP-7752',
-    barcode: '8866355574164',
-    brand: '61d52c2a-8947-4a2c-8c35-f36baef45b96',
-    vendor: '987dd10a-43b1-49f9-bfd9-05bb2dbc7029',
-    stock: 37,
-    reserved: 4,
-    cost: 395.37,
-    basePrice: 839,
-    taxPercent: 30,
-    price: 1090.7,
-    weight: 0.62,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-04-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-04-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-04-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-04-03.jpg',
-    ],
-    active: true,
-  },
-  {
-    id: 'onon6',
-    category: '07986d93-d4eb-4de1-9448-2538407f7254',
-    name: 'Benton Ladies Automatic Watch 40mm 5 ATM',
-    description:
-      'Pariatur proident labore commodo consequat qui et. Ad labore fugiat consectetur ea magna dolore mollit consequat reprehenderit laborum ad mollit eiusmod. Esse laboris voluptate ullamco occaecat labore esse laboris enim ipsum aliquip ipsum. Ea ea proident eu enim anim mollit non consequat enim nulla.',
-    tags: [
-      '3baea410-a7d6-4916-b79a-bdce50c37f95',
-      '0fc39efd-f640-41f8-95a5-3f1d749df200',
-      '8f868ddb-d4a2-461d-bc3b-d7c8668687c3',
-      '2300ac48-f268-466a-b765-8b878b6e14a7',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'ADP-5745',
-    barcode: '8390590339828',
-    brand: 'e1789f32-9475-43e7-9256-451d2e3a2282',
-    vendor: '05ebb527-d733-46a9-acfb-a4e4ec960024',
-    stock: 12,
-    reserved: 3,
-    cost: 442.61,
-    basePrice: 961,
-    taxPercent: 20,
-    price: 1153.2,
-    weight: 0.67,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-05-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-05-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-05-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-05-03.jpg',
-    ],
-    active: false,
-
-    highRank: '[총판]on03',
+    signinId: 'kgon5',
+    nickname: '매장',
+    highstRank: 'kgon1',
+    highRank: 'kgon4',
     rank: '매장',
     level: 1,
-    nickname: '가가가',
-    accountHolder: '가가가',
-    contact: '1111',
-    cash: 0,
-    comp: 0,
-    coupon: 0,
-    gameMoney: 0,
-    todayComp: 0,
-    deposit: 200000,
-    withdraw: 0,
-    margin: 200000,
-    accession: '2022-06-12 16:02',
-    final: '2022-06-20 15:41',
-    ip: '175.198.74.36',
+    calculateType: '롤링',
+    accountHolder: '매장',
+    phoneNumber: '010-0000-0000',
+    ownCash: 90000,
+    ownComp: 28430,
+    registDate: '2021-10-14',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 5,
   },
   {
     id: 'd7a47d7c-4cdf-4319-bbaa-37ade38c622c',
-    category: 'b899ec30-b85a-40ab-bb1f-18a596d5c6de',
-    name: 'Benton Mens Chronograph Watch 44mm 10 ATM',
-    description:
-      'Nulla enim reprehenderit proident ut Lorem laborum cillum eiusmod est ex anim. Nisi non non laboris excepteur ullamco elit do duis anim esse labore aliqua adipisicing velit. Deserunt magna exercitation cillum amet.',
-    tags: [
-      '167190fa-51b4-45fc-a742-8ce1b33d24ea',
-      '7d6dd47e-7472-4f8b-93d4-46c114c44533',
-      '8837b93f-388b-43cc-851d-4ca8f23f3a61',
-      '0b11b742-3125-4d75-9a6f-84af7fde1969',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'ATV-2569',
-    barcode: '8238990048137',
-    brand: 'e1789f32-9475-43e7-9256-451d2e3a2282',
-    vendor: '987dd10a-43b1-49f9-bfd9-05bb2dbc7029',
-    stock: 36,
-    reserved: 2,
-    cost: 563.43,
-    basePrice: 1370,
-    taxPercent: 30,
-    price: 1781,
-    weight: 0.62,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-06-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-06-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-06-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-06-03.jpg',
-    ],
-    active: true,
+    signinId: 'bbc100',
+    nickname: 'bbc100',
+    highstRank: 'kgon1',
+    highRank: 'kgon1',
+    rank: '대본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: 'bbc100',
+    phoneNumber: '010-0000-0000',
+    ownCash: 1000,
+    ownComp: 0,
+    registDate: '2022-01-11',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
   {
     id: 'ecf0b3df-38c3-45dc-972b-c509a3dc053e',
-    category: 'b899ec30-b85a-40ab-bb1f-18a596d5c6de',
-    name: 'Benton Mens Chronograph Watch 44mm 10 ATM',
-    description:
-      'Esse culpa ut ullamco dolore quis adipisicing. Minim veniam quis magna officia non. In pariatur nostrud nisi eiusmod minim anim id. Commodo ex incididunt dolor ad id aliqua incididunt minim in Lorem reprehenderit. Commodo ullamco consectetur aliqua Lorem cupidatat esse veniam consectetur sint veniam duis commodo.',
-    tags: [
-      '167190fa-51b4-45fc-a742-8ce1b33d24ea',
-      '7d6dd47e-7472-4f8b-93d4-46c114c44533',
-      '8837b93f-388b-43cc-851d-4ca8f23f3a61',
-      '0b11b742-3125-4d75-9a6f-84af7fde1969',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'EAH-2563',
-    barcode: '8638426908385',
-    brand: 'e1789f32-9475-43e7-9256-451d2e3a2282',
-    vendor: '987dd10a-43b1-49f9-bfd9-05bb2dbc7029',
-    stock: 35,
-    reserved: 5,
-    cost: 705.26,
-    basePrice: 1721,
-    taxPercent: 20,
-    price: 2065.2,
-    weight: 0.67,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-07-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-07-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-07-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-07-03.jpg',
-    ],
-    active: false,
+    signinId: 'test11',
+    nickname: '테스트',
+    highstRank: 'test11',
+    highRank: '',
+    rank: '본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: '테스트',
+    phoneNumber: '010-1234-5678',
+    ownCash: 0,
+    ownComp: 6485,
+    registDate: '2022-04-22',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
   {
     id: '5765080a-aaee-40b9-86be-c18b9d79c73c',
-    category: 'ad12aa94-3863-47f8-acab-a638ef02a3e9',
-    name: 'Benton Unisex Automatic Watch 40mm 10 ATM',
-    description:
-      'Anim duis nisi ut ex amet reprehenderit cillum consequat pariatur ipsum elit voluptate excepteur non. Anim enim proident laboris pariatur mollit quis incididunt labore. Incididunt tempor aliquip ex labore ad consequat cillum est sunt anim dolor. Dolore adipisicing non nulla cillum Lorem deserunt. Nostrud incididunt amet sint velit.',
-    tags: [
-      '8ec8f60d-552f-4216-9f11-462b95b1d306',
-      '0fc39efd-f640-41f8-95a5-3f1d749df200',
-      '8f868ddb-d4a2-461d-bc3b-d7c8668687c3',
-      '0b11b742-3125-4d75-9a6f-84af7fde1969',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'ATH-6399',
-    barcode: '8881883828441',
-    brand: 'e1789f32-9475-43e7-9256-451d2e3a2282',
-    vendor: '05ebb527-d733-46a9-acfb-a4e4ec960024',
-    stock: 17,
-    reserved: 5,
-    cost: 624.12,
-    basePrice: 1448,
-    taxPercent: 10,
-    price: 1592.8,
-    weight: 0.55,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-08-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-08-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-08-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-08-03.jpg',
-    ],
-    active: false,
+    signinId: 'test11',
+    nickname: '테스트',
+    highstRank: 'test11',
+    highRank: '',
+    rank: '본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: '테스트',
+    phoneNumber: '010-1234-5678',
+    ownCash: 0,
+    ownComp: 6485,
+    registDate: '2022-04-22',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 2,
   },
   {
     id: '6e71be88-b225-474c-91e5-111ced7d6220',
-    category: '07986d93-d4eb-4de1-9448-2538407f7254',
-    name: 'Premera Ladies Chronograph Watch 40mm 5 ATM',
-    description:
-      'Velit fugiat adipisicing ut quis anim deserunt ex culpa nostrud laborum. Consectetur duis velit esse commodo voluptate magna dolor in enim exercitation. Ea aliquip cupidatat aute dolor tempor magna id laboris nulla eiusmod ut amet. Veniam irure ex incididunt officia commodo eiusmod nostrud ad consequat commodo ad voluptate.',
-    tags: [
-      '3baea410-a7d6-4916-b79a-bdce50c37f95',
-      '7d6dd47e-7472-4f8b-93d4-46c114c44533',
-      '8f868ddb-d4a2-461d-bc3b-d7c8668687c3',
-      '2300ac48-f268-466a-b765-8b878b6e14a7',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'ELH-2495',
-    barcode: '8268777127281',
-    brand: '5913ee46-a497-41db-a118-ee506011529f',
-    vendor: '05ebb527-d733-46a9-acfb-a4e4ec960024',
-    stock: 49,
-    reserved: 5,
-    cost: 738.91,
-    basePrice: 1848,
-    taxPercent: 30,
-    price: 2402.4,
-    weight: 0.54,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-09-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-09-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-09-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-09-03.jpg',
-    ],
-    active: false,
+    signinId: 'test11',
+    nickname: '테스트',
+    highstRank: 'test11',
+    highRank: '',
+    rank: '본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: '테스트',
+    phoneNumber: '010-1234-5678',
+    ownCash: 0,
+    ownComp: 6485,
+    registDate: '2022-04-22',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
   {
     id: '51242500-6983-4a78-bff3-d278eb4e3a57',
-    category: 'b899ec30-b85a-40ab-bb1f-18a596d5c6de',
-    name: 'Lara Mens Automatic Watch 44mm 10 ATM',
-    description:
-      'Enim laboris ut non elit dolore est consectetur. Duis irure minim elit velit anim incididunt minim ipsum ullamco ad dolore sunt. Proident aute proident velit elit ex reprehenderit ut. Lorem laborum excepteur elit proident sunt ipsum incididunt id do. Occaecat proident proident qui aute officia cupidatat aliqua aliqua nostrud proident laboris est ad qui. Magna eiusmod amet ut pariatur esse nisi aliquip deserunt minim ad et ea occaecat. Sunt enim cupidatat id eiusmod ea aute quis excepteur irure commodo dolore excepteur.',
-    tags: [
-      '167190fa-51b4-45fc-a742-8ce1b33d24ea',
-      '0fc39efd-f640-41f8-95a5-3f1d749df200',
-      '8837b93f-388b-43cc-851d-4ca8f23f3a61',
-      '0b11b742-3125-4d75-9a6f-84af7fde1969',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'ATT-6019',
-    barcode: '8452763551765',
-    brand: 'f9987124-7ada-4b93-bef7-35280b3ddbd7',
-    vendor: '998b0c07-abfd-4ba3-8de1-7563ef3c4d57',
-    stock: 24,
-    reserved: 4,
-    cost: 688.89,
-    basePrice: 1502,
-    taxPercent: 8,
-    price: 1622.16,
-    weight: 0.76,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-10-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-10-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-10-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-10-03.jpg',
-    ],
-    active: true,
+    signinId: 'test11',
+    nickname: '테스트',
+    highstRank: 'test11',
+    highRank: '',
+    rank: '본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: '테스트',
+    phoneNumber: '010-1234-5678',
+    ownCash: 0,
+    ownComp: 6485,
+    registDate: '2022-04-22',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
   {
     id: '844a4395-233f-4ffb-85bd-7baa0e490a88',
-    category: 'b899ec30-b85a-40ab-bb1f-18a596d5c6de',
-    name: 'Lara Mens Chronograph Watch 44mm 5 ATM',
-    description:
-      'Labore irure qui sunt consectetur. Elit nulla id cillum duis. Nulla nulla eu occaecat eiusmod duis irure id do esse. Ad eu incididunt voluptate amet nostrud ullamco mollit dolore occaecat cupidatat nisi reprehenderit. Proident fugiat laborum sit velit ea voluptate.',
-    tags: [
-      '167190fa-51b4-45fc-a742-8ce1b33d24ea',
-      '7d6dd47e-7472-4f8b-93d4-46c114c44533',
-      '8837b93f-388b-43cc-851d-4ca8f23f3a61',
-      '2300ac48-f268-466a-b765-8b878b6e14a7',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'ADH-2335',
-    barcode: '8385907318041',
-    brand: 'f9987124-7ada-4b93-bef7-35280b3ddbd7',
-    vendor: '05ebb527-d733-46a9-acfb-a4e4ec960024',
-    stock: 44,
-    reserved: 3,
-    cost: 708.41,
-    basePrice: 1467,
-    taxPercent: 18,
-    price: 1731.06,
-    weight: 0.7,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-11-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-11-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-11-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-11-03.jpg',
-    ],
-    active: false,
+    signinId: 'test11',
+    nickname: '테스트',
+    highstRank: 'test11',
+    highRank: '',
+    rank: '본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: '테스트',
+    phoneNumber: '010-1234-5678',
+    ownCash: 0,
+    ownComp: 6485,
+    registDate: '2022-04-22',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
   {
     id: '7520f1b6-3c45-46ef-a4d5-881971212d1e',
-    category: 'ad12aa94-3863-47f8-acab-a638ef02a3e9',
-    name: 'Benton Unisex Automatic Watch 40mm 10 ATM',
-    description:
-      'Esse nisi amet occaecat culpa aliqua est ad ea velit. Consectetur in voluptate sit pariatur eiusmod exercitation eu aute occaecat in duis. Voluptate consectetur eu commodo proident id sunt labore irure.',
-    tags: [
-      '8ec8f60d-552f-4216-9f11-462b95b1d306',
-      '0fc39efd-f640-41f8-95a5-3f1d749df200',
-      '8f868ddb-d4a2-461d-bc3b-d7c8668687c3',
-      '0b11b742-3125-4d75-9a6f-84af7fde1969',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'ATH-3064',
-    barcode: '8608510561856',
-    brand: 'e1789f32-9475-43e7-9256-451d2e3a2282',
-    vendor: '998b0c07-abfd-4ba3-8de1-7563ef3c4d57',
-    stock: 25,
-    reserved: 2,
-    cost: 731.94,
-    basePrice: 1743,
-    taxPercent: 10,
-    price: 1917.3,
-    weight: 0.47,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-12-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-12-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-12-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-12-03.jpg',
-    ],
-    active: false,
+    signinId: 'test11',
+    nickname: '테스트',
+    highstRank: 'test11',
+    highRank: '',
+    rank: '본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: '테스트',
+    phoneNumber: '010-1234-5678',
+    ownCash: 0,
+    ownComp: 6485,
+    registDate: '2022-04-22',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
   {
     id: '683e41d8-6ebc-4e6a-a7c1-9189ca52ef19',
-    category: 'b899ec30-b85a-40ab-bb1f-18a596d5c6de',
-    name: 'Zeon Mens Chronograph Watch 44mm 10 ATM',
-    description:
-      'Eu irure do cupidatat esse in. Aliqua laborum deserunt qui Lorem deserunt minim fugiat deserunt voluptate minim. Anim nulla tempor eiusmod ad exercitation reprehenderit officia. Nisi proident labore eu anim excepteur aliqua occaecat. Laboris nostrud ipsum commodo cupidatat.',
-    tags: [
-      '167190fa-51b4-45fc-a742-8ce1b33d24ea',
-      '7d6dd47e-7472-4f8b-93d4-46c114c44533',
-      '8837b93f-388b-43cc-851d-4ca8f23f3a61',
-      '0b11b742-3125-4d75-9a6f-84af7fde1969',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'ADV-3188',
-    barcode: '8334758988643',
-    brand: '2c4d98d8-f334-4125-9596-862515f5526b',
-    vendor: '987dd10a-43b1-49f9-bfd9-05bb2dbc7029',
-    stock: 14,
-    reserved: 5,
-    cost: 375.76,
-    basePrice: 786,
-    taxPercent: 30,
-    price: 1021.8,
-    weight: 0.53,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-13-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-13-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-13-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-13-03.jpg',
-    ],
-    active: false,
+    signinId: 'test11',
+    nickname: '테스트',
+    highstRank: 'test11',
+    highRank: '',
+    rank: '본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: '테스트',
+    phoneNumber: '010-1234-5678',
+    ownCash: 0,
+    ownComp: 6485,
+    registDate: '2022-04-22',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
   {
     id: 'd4e52238-292d-462b-b9bb-1751030132e2',
-    category: 'ad12aa94-3863-47f8-acab-a638ef02a3e9',
-    name: 'Lara Unisex Chronograph Watch 40mm 5 ATM',
-    description:
-      'Nulla nostrud aliquip consequat laborum ut enim exercitation. Aute dolor duis aliquip consequat minim officia. Nisi labore et magna et sunt consectetur id anim pariatur officia et esse ut. Ullamco dolor cillum consequat velit eiusmod consectetur. Ullamco reprehenderit tempor minim dolore officia do nisi cupidatat adipisicing fugiat velit.',
-    tags: [
-      '8ec8f60d-552f-4216-9f11-462b95b1d306',
-      '7d6dd47e-7472-4f8b-93d4-46c114c44533',
-      '8f868ddb-d4a2-461d-bc3b-d7c8668687c3',
-      '2300ac48-f268-466a-b765-8b878b6e14a7',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'ATT-7423',
-    barcode: '8417153336369',
-    brand: 'f9987124-7ada-4b93-bef7-35280b3ddbd7',
-    vendor: '998b0c07-abfd-4ba3-8de1-7563ef3c4d57',
-    stock: 33,
-    reserved: 2,
-    cost: 743.93,
-    basePrice: 1793,
-    taxPercent: 8,
-    price: 1936.44,
-    weight: 0.86,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-14-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-14-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-14-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-14-03.jpg',
-    ],
-    active: false,
+    signinId: 'test11',
+    nickname: '테스트',
+    highstRank: 'test11',
+    highRank: '',
+    rank: '본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: '테스트',
+    phoneNumber: '010-1234-5678',
+    ownCash: 0,
+    ownComp: 6485,
+    registDate: '2022-04-22',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
   {
     id: '98861dfc-0d21-4fd5-81aa-49785d003d95',
-    category: 'b899ec30-b85a-40ab-bb1f-18a596d5c6de',
-    name: 'Premera Mens Automatic Watch 44mm 10 ATM',
-    description:
-      'Veniam sint aliquip aliquip aliquip amet Lorem irure proident laborum et eiusmod aliqua. Aliquip deserunt voluptate magna ut quis magna dolor in dolore. Commodo adipisicing excepteur occaecat aute nisi in. Est aute ad ut incididunt anim ea commodo. Sunt excepteur duis sunt est laborum magna Lorem ullamco exercitation dolore irure.',
-    tags: [
-      '167190fa-51b4-45fc-a742-8ce1b33d24ea',
-      '0fc39efd-f640-41f8-95a5-3f1d749df200',
-      '8837b93f-388b-43cc-851d-4ca8f23f3a61',
-      '0b11b742-3125-4d75-9a6f-84af7fde1969',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'AAT-6453',
-    barcode: '8501386761670',
-    brand: '5913ee46-a497-41db-a118-ee506011529f',
-    vendor: '987dd10a-43b1-49f9-bfd9-05bb2dbc7029',
-    stock: 38,
-    reserved: 3,
-    cost: 364.64,
-    basePrice: 806,
-    taxPercent: 18,
-    price: 951.08,
-    weight: 0.59,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-15-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-15-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-15-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-15-03.jpg',
-    ],
-    active: false,
+    signinId: 'test11',
+    nickname: '테스트',
+    highstRank: 'test11',
+    highRank: '',
+    rank: '본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: '테스트',
+    phoneNumber: '010-1234-5678',
+    ownCash: 0,
+    ownComp: 6485,
+    registDate: '2022-04-22',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
   {
     id: 'a71f9b10-e884-4aad-9810-29fe10ce6d42',
-    category: '07986d93-d4eb-4de1-9448-2538407f7254',
-    name: 'Lara Ladies Chronograph Watch 40mm 5 ATM',
-    description:
-      'Deserunt non deserunt ut do labore cupidatat duis veniam in non adipisicing officia esse id. Adipisicing Lorem sint excepteur culpa labore consequat incididunt nulla minim amet. Sint do et fugiat laborum exercitation reprehenderit ut non nostrud occaecat nisi et qui dolore. Amet eiusmod nulla est officia ad magna cillum non dolor ullamco officia incididunt.',
-    tags: [
-      '3baea410-a7d6-4916-b79a-bdce50c37f95',
-      '7d6dd47e-7472-4f8b-93d4-46c114c44533',
-      '8f868ddb-d4a2-461d-bc3b-d7c8668687c3',
-      '2300ac48-f268-466a-b765-8b878b6e14a7',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'AAP-4902',
-    barcode: '8847387136582',
-    brand: 'f9987124-7ada-4b93-bef7-35280b3ddbd7',
-    vendor: '987dd10a-43b1-49f9-bfd9-05bb2dbc7029',
-    stock: 40,
-    reserved: 3,
-    cost: 525.3,
-    basePrice: 1303,
-    taxPercent: 10,
-    price: 1433.3,
-    weight: 0.69,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-16-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-16-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-16-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-16-03.jpg',
-    ],
-    active: false,
+    signinId: 'test11',
+    nickname: '테스트',
+    highstRank: 'test11',
+    highRank: '',
+    rank: '본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: '테스트',
+    phoneNumber: '010-1234-5678',
+    ownCash: 0,
+    ownComp: 6485,
+    registDate: '2022-04-22',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
   {
     id: '149e6db5-4ecc-4021-bc56-08b27514a746',
-    category: '07986d93-d4eb-4de1-9448-2538407f7254',
-    name: 'Lara Ladies Chronograph Watch 40mm 5 ATM',
-    description:
-      'Occaecat proident fugiat consectetur ullamco est. Duis non minim eiusmod magna dolor reprehenderit ad deserunt et qui amet. Tempor cillum dolore veniam Lorem sit ad pariatur et sint. Sunt anim et cupidatat Lorem proident fugiat incididunt incididunt minim non sint. Eiusmod quis et ullamco cillum et veniam do tempor officia sint.',
-    tags: [
-      '3baea410-a7d6-4916-b79a-bdce50c37f95',
-      '7d6dd47e-7472-4f8b-93d4-46c114c44533',
-      '8f868ddb-d4a2-461d-bc3b-d7c8668687c3',
-      '2300ac48-f268-466a-b765-8b878b6e14a7',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'ALV-194',
-    barcode: '8860845382207',
-    brand: 'f9987124-7ada-4b93-bef7-35280b3ddbd7',
-    vendor: '05ebb527-d733-46a9-acfb-a4e4ec960024',
-    stock: 20,
-    reserved: 2,
-    cost: 670.87,
-    basePrice: 1537,
-    taxPercent: 8,
-    price: 1659.96,
-    weight: 0.66,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-17-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-17-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-17-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-17-03.jpg',
-    ],
-    active: false,
+    signinId: 'test11',
+    nickname: '테스트',
+    highstRank: 'test11',
+    highRank: '',
+    rank: '본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: '테스트',
+    phoneNumber: '010-1234-5678',
+    ownCash: 0,
+    ownComp: 6485,
+    registDate: '2022-04-22',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
   {
     id: '655287de-2e24-41f3-a82f-8b08548ecc39',
-    category: 'b899ec30-b85a-40ab-bb1f-18a596d5c6de',
-    name: 'Zeon Mens Automatic Watch 44mm 10 ATM',
-    description:
-      'Eiusmod magna tempor est est quis eu. Minim irure magna anim mollit non adipisicing aute. Nostrud aute consectetur eu in non laboris excepteur esse esse occaecat officia.',
-    tags: [
-      '167190fa-51b4-45fc-a742-8ce1b33d24ea',
-      '0fc39efd-f640-41f8-95a5-3f1d749df200',
-      '8837b93f-388b-43cc-851d-4ca8f23f3a61',
-      '0b11b742-3125-4d75-9a6f-84af7fde1969',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'ADH-5492',
-    barcode: '8611606513571',
-    brand: '2c4d98d8-f334-4125-9596-862515f5526b',
-    vendor: '987dd10a-43b1-49f9-bfd9-05bb2dbc7029',
-    stock: 47,
-    reserved: 2,
-    cost: 645.13,
-    basePrice: 1581,
-    taxPercent: 10,
-    price: 1739.1,
-    weight: 0.54,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-18-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-18-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-18-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-18-03.jpg',
-    ],
-    active: true,
+    signinId: 'test11',
+    nickname: '테스트',
+    highstRank: 'test11',
+    highRank: '',
+    rank: '본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: '테스트',
+    phoneNumber: '010-1234-5678',
+    ownCash: 0,
+    ownComp: 6485,
+    registDate: '2022-04-22',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
   {
     id: 'c215b427-d840-4537-aea1-a9bdfa49441b',
-    category: 'ad12aa94-3863-47f8-acab-a638ef02a3e9',
-    name: 'Lara Unisex Automatic Watch 40mm 10 ATM',
-    description:
-      'Excepteur enim non qui consequat sunt exercitation laborum ipsum sunt. Sunt pariatur fugiat voluptate ipsum consectetur do magna culpa labore. Cupidatat non ex labore incididunt aliquip commodo est in. Consectetur mollit nisi aliquip cupidatat do laborum est ullamco velit aliqua fugiat qui adipisicing. Aute reprehenderit quis id sint nulla.',
-    tags: [
-      '8ec8f60d-552f-4216-9f11-462b95b1d306',
-      '0fc39efd-f640-41f8-95a5-3f1d749df200',
-      '8f868ddb-d4a2-461d-bc3b-d7c8668687c3',
-      '0b11b742-3125-4d75-9a6f-84af7fde1969',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'AAT-6702',
-    barcode: '8330223562386',
-    brand: 'f9987124-7ada-4b93-bef7-35280b3ddbd7',
-    vendor: '05ebb527-d733-46a9-acfb-a4e4ec960024',
-    stock: 21,
-    reserved: 3,
-    cost: 704.26,
-    basePrice: 1733,
-    taxPercent: 10,
-    price: 1906.3,
-    weight: 0.84,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-19-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-19-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-19-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-19-03.jpg',
-    ],
-    active: true,
+    signinId: 'test11',
+    nickname: '테스트',
+    highstRank: 'test11',
+    highRank: '',
+    rank: '본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: '테스트',
+    phoneNumber: '010-1234-5678',
+    ownCash: 0,
+    ownComp: 6485,
+    registDate: '2022-04-22',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
   {
     id: '8b1d9366-891e-49cd-aafb-ac65ce2741e2',
-    category: '07986d93-d4eb-4de1-9448-2538407f7254',
-    name: 'Zeon Ladies Automatic Watch 40mm 10 ATM',
-    description:
-      'Reprehenderit magna reprehenderit ex mollit Lorem labore ut. Duis consectetur aliqua cillum occaecat quis ex excepteur fugiat nulla nisi dolor minim. Elit voluptate exercitation nulla et ut adipisicing esse eu nisi amet eu. Ut cillum ipsum quis fugiat proident Lorem est aute ipsum sint dolore consequat.',
-    tags: [
-      '3baea410-a7d6-4916-b79a-bdce50c37f95',
-      '0fc39efd-f640-41f8-95a5-3f1d749df200',
-      '8f868ddb-d4a2-461d-bc3b-d7c8668687c3',
-      '0b11b742-3125-4d75-9a6f-84af7fde1969',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'EDH-5599',
-    barcode: '8309212335274',
-    brand: '2c4d98d8-f334-4125-9596-862515f5526b',
-    vendor: '05ebb527-d733-46a9-acfb-a4e4ec960024',
-    stock: 35,
-    reserved: 2,
-    cost: 712.66,
-    basePrice: 1711,
-    taxPercent: 30,
-    price: 2224.3,
-    weight: 0.47,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-20-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-20-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-20-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-20-03.jpg',
-    ],
-    active: false,
+    signinId: 'test11',
+    nickname: '테스트',
+    highstRank: 'test11',
+    highRank: '',
+    rank: '본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: '테스트',
+    phoneNumber: '010-1234-5678',
+    ownCash: 0,
+    ownComp: 6485,
+    registDate: '2022-04-22',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
   {
     id: '54e29534-518b-4006-b72a-f21fac6c4d5e',
-    category: 'b899ec30-b85a-40ab-bb1f-18a596d5c6de',
-    name: 'Lara Mens Chronograph Watch 44mm 10 ATM',
-    description:
-      'Officia eu magna eu amet fugiat qui ullamco eu. Occaecat dolore minim ad tempor consequat adipisicing non Lorem consequat. In nostrud incididunt adipisicing in. Irure occaecat aliquip deserunt minim officia ad excepteur do commodo magna.',
-    tags: [
-      '167190fa-51b4-45fc-a742-8ce1b33d24ea',
-      '7d6dd47e-7472-4f8b-93d4-46c114c44533',
-      '8837b93f-388b-43cc-851d-4ca8f23f3a61',
-      '0b11b742-3125-4d75-9a6f-84af7fde1969',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'ADP-3719',
-    barcode: '8879167838673',
-    brand: 'f9987124-7ada-4b93-bef7-35280b3ddbd7',
-    vendor: '998b0c07-abfd-4ba3-8de1-7563ef3c4d57',
-    stock: 28,
-    reserved: 3,
-    cost: 374.38,
-    basePrice: 749,
-    taxPercent: 8,
-    price: 808.92,
-    weight: 0.52,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-21-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-21-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-21-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-21-03.jpg',
-    ],
-    active: false,
+    signinId: 'test11',
+    nickname: '테스트',
+    highstRank: 'test11',
+    highRank: '',
+    rank: '본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: '테스트',
+    phoneNumber: '010-1234-5678',
+    ownCash: 0,
+    ownComp: 6485,
+    registDate: '2022-04-22',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
   {
     id: '6a5726e8-c467-45ea-92ab-d83235a06405',
-    category: 'b899ec30-b85a-40ab-bb1f-18a596d5c6de',
-    name: 'Premera Mens Chronograph Watch 44mm 10 ATM',
-    description:
-      'Duis id consequat ex officia nisi. Et reprehenderit tempor sunt nostrud. Duis dolore tempor anim non duis qui aute magna officia. Ullamco proident esse enim amet nostrud occaecat veniam. Nostrud ea eiusmod laborum id laborum veniam nulla. Voluptate proident ullamco exercitation id consequat dolore id pariatur esse nulla consectetur.',
-    tags: [
-      '167190fa-51b4-45fc-a742-8ce1b33d24ea',
-      '7d6dd47e-7472-4f8b-93d4-46c114c44533',
-      '8837b93f-388b-43cc-851d-4ca8f23f3a61',
-      '0b11b742-3125-4d75-9a6f-84af7fde1969',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'ATH-3399',
-    barcode: '8356410903599',
-    brand: '5913ee46-a497-41db-a118-ee506011529f',
-    vendor: '987dd10a-43b1-49f9-bfd9-05bb2dbc7029',
-    stock: 20,
-    reserved: 2,
-    cost: 444.68,
-    basePrice: 1103,
-    taxPercent: 18,
-    price: 1301.54,
-    weight: 0.56,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-22-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-22-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-22-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-22-03.jpg',
-    ],
-    active: false,
+    signinId: 'test11',
+    nickname: '테스트',
+    highstRank: 'test11',
+    highRank: '',
+    rank: '본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: '테스트',
+    phoneNumber: '010-1234-5678',
+    ownCash: 0,
+    ownComp: 6485,
+    registDate: '2022-04-22',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
   {
     id: 'd7d1d6df-e91f-4c53-982a-2720bc2b4cdd',
-    category: 'ad12aa94-3863-47f8-acab-a638ef02a3e9',
-    name: 'Capmia Unisex Automatic Watch 40mm 10 ATM',
-    description:
-      'Voluptate consectetur nisi aliquip cupidatat sunt labore. Adipisicing voluptate tempor sunt eu irure cupidatat laboris. Enim aliquip aute sit non laborum Lorem in enim duis eu deserunt. Laboris magna irure aute ut proident fugiat laborum aliquip tempor nostrud id. Et esse cupidatat sunt ullamco reprehenderit enim dolore ea in do esse esse id.',
-    tags: [
-      '8ec8f60d-552f-4216-9f11-462b95b1d306',
-      '0fc39efd-f640-41f8-95a5-3f1d749df200',
-      '8f868ddb-d4a2-461d-bc3b-d7c8668687c3',
-      '0b11b742-3125-4d75-9a6f-84af7fde1969',
-      'b1286f3a-e2d0-4237-882b-f0efc0819ec3',
-    ],
-    sku: 'EAV-4030',
-    barcode: '8545771786193',
-    brand: '61d52c2a-8947-4a2c-8c35-f36baef45b96',
-    vendor: '998b0c07-abfd-4ba3-8de1-7563ef3c4d57',
-    stock: 23,
-    reserved: 3,
-    cost: 538.72,
-    basePrice: 1213,
-    taxPercent: 10,
-    price: 1334.3,
-    weight: 0.75,
-    thumbnail: 'assets/images/apps/ecommerce/products/watch-23-thumb.jpg',
-    images: [
-      'assets/images/apps/ecommerce/products/watch-23-01.jpg',
-      'assets/images/apps/ecommerce/products/watch-23-02.jpg',
-      'assets/images/apps/ecommerce/products/watch-23-03.jpg',
-    ],
-    active: true,
+    signinId: 'test11',
+    nickname: '테스트',
+    highstRank: 'test11',
+    highRank: '',
+    rank: '본사',
+    level: 1,
+    calculateType: '롤링',
+    accountHolder: '테스트',
+    phoneNumber: '010-1234-5678',
+    ownCash: 0,
+    ownComp: 6485,
+    registDate: '2022-04-22',
+    finalSigninDate: '',
+    state: '정상',
+    ownCharge: 0,
+    ownExchange: 0,
+    balance: 0,
+    members: 1,
   },
 ];
diff --git a/src/app/modules/admin/member/unconnected/components/list.component.html b/src/app/modules/admin/member/unconnected/components/list.component.html
index 19720c2..18647b1 100644
--- a/src/app/modules/admin/member/unconnected/components/list.component.html
+++ b/src/app/modules/admin/member/unconnected/components/list.component.html
@@ -10,20 +10,142 @@
       <mat-progress-bar [mode]="'indeterminate'"></mat-progress-bar>
     </div>
     <!-- Title -->
-    <div class="text-4xl font-extrabold tracking-tight">장기미접속회원</div>
-
+    <div class="text-4xl font-extrabold tracking-tight">장기 미접속 회원</div>
     <!-- Actions -->
     <div class="flex shrink-0 items-center mt-6 sm:mt-0 sm:ml-4">
-      <!-- button -->
+      <!-- Search -->
+      <!-- <div>
+        <span>총회원수:<span style="color: red">38</span>명</span>&nbsp;&nbsp;
+        <span>진행중금액:<span style="color: red">0</span>원</span>&nbsp;&nbsp;
+        <span>총 보유머니:<span style="color: red">21,437,873</span>원</span
+        >&nbsp;&nbsp;
+        <span>총 콤프:<span style="color: red">394,860</span>원</span
+        >&nbsp;&nbsp;
+        <span>총 합계:<span style="color: blue">21,832,733</span>원</span>
+      </div> -->
+      <!-- <button mat-icon-button (click)="__onClickSearch()">
+        <mat-icon [svgIcon]="'heroicons_outline:search'"></mat-icon>
+      </button> -->
+    </div>
+  </div>
+
+  <!-- Buttons -->
+  <div
+    class="relative flex flex-col sm:flex-row flex-0 sm:items-center sm:justify-between py-4 px-6 md:px-8 border-b"
+  >
+    <div>
       <button mat-flat-button [color]="'primary'">15일</button>
       <button mat-flat-button [color]="'primary'">30일</button>
       <button mat-flat-button [color]="'primary'">60일</button>
       <button mat-flat-button [color]="'primary'">90일</button>
       <button mat-flat-button [color]="'primary'">120일</button>
-      <button mat-flat-button [color]="'primary'">가입후미접속</button>
+      <button mat-flat-button [color]="'primary'">가입후 미접속</button>
     </div>
   </div>
 
+  <!-- Search -->
+  <!-- <div
+    *ngIf="__isSearchOpened"
+    class="relative flex flex-col sm:flex-row flex-0 sm:items-center sm:justify-between py-4 px-6 md:px-8 border-b"
+  >
+    Actions
+    <div fxLayout="row wrap" class="items-center mt-6 sm:mt-0 sm:ml-0">
+      SelectBox
+      <mat-form-field fxFlex class="bet-mat-form-field-wrapper-mb-0 mr-2">
+        <mat-select placeholder="리스트수">
+          <mat-option value="40">40</mat-option>
+          <mat-option value="60">60</mat-option>
+          <mat-option value="80">80</mat-option>
+          <mat-option value="100">100</mat-option>
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field fxFlex class="bet-mat-form-field-wrapper-mb-0 mr-2">
+        <mat-select placeholder="레벨">
+          <mat-option value="level1">LV.1</mat-option>
+          <mat-option value="level2">LV.2</mat-option>
+          <mat-option value="level3">LV.3</mat-option>
+          <mat-option value="level4">LV.4</mat-option>
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field fxFlex class="bet-mat-form-field-wrapper-mb-0 mr-2">
+        <mat-select placeholder="상태">
+          <mat-option value="">정상</mat-option>
+          <mat-option value="">대기</mat-option>
+          <mat-option value="">탈퇴</mat-option>
+          <mat-option value="">휴면</mat-option>
+          <mat-option value="">블랙</mat-option>
+          <mat-option value="">정지</mat-option>
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field fxFlex class="bet-mat-form-field-wrapper-mb-0 mr-2">
+        <mat-select placeholder="제한">
+          <mat-option value="">카지노제한</mat-option>
+          <mat-option value="">슬롯제한</mat-option>
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field fxFlex class="bet-mat-form-field-wrapper-mb-0 mr-2">
+        <mat-select placeholder="입금">
+          <mat-option value="">계좌입금</mat-option>
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field fxFlex class="bet-mat-form-field-wrapper-mb-0 mr-2">
+        <mat-select placeholder="아이디">
+          <mat-option value="">아이디</mat-option>
+          <mat-option value="">닉네임</mat-option>
+          <mat-option value="">이름</mat-option>
+          <mat-option value="">사이트</mat-option>
+          <mat-option value="">파트너수동지급</mat-option>
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field fxFlex class="bet-mat-form-field-wrapper-mb-0 mr-2">
+        <mat-select placeholder="가입일 정렬">
+          <mat-option value="">가입일 정렬</mat-option>
+          <mat-option value="">아이디 정렬</mat-option>
+          <mat-option value="">닉네임 정렬</mat-option>
+          <mat-option value="">캐쉬 정렬</mat-option>
+          <mat-option value="">콤프 정렬</mat-option>
+          <mat-option value="">쿠폰 정렬</mat-option>
+          <mat-option value="">입금 정렬</mat-option>
+          <mat-option value="">출금 정렬</mat-option>
+          <mat-option value="">차익 정렬</mat-option>
+        </mat-select>
+      </mat-form-field>
+      <mat-form-field fxFlex class="bet-mat-form-field-wrapper-mb-0 mr-2">
+        <mat-select placeholder="내림차순">
+          <mat-option value="">내림차순</mat-option>
+          <mat-option value="">오름차순</mat-option>
+        </mat-select>
+      </mat-form-field>
+      Search
+      <mat-form-field
+        fxFlex
+        class="fuse-mat-rounded min-w-64 bet-mat-form-field-wrapper-mb-0 mr-2"
+      >
+        <mat-icon
+          class="icon-size-5"
+          matPrefix
+          [svgIcon]="'heroicons_solid:search'"
+        ></mat-icon>
+        <input
+          matInput
+          [formControl]="searchInputControl"
+          [autocomplete]="'off'"
+          [placeholder]="'Search user'"
+        />
+      </mat-form-field>
+      Add user button
+      <button
+        mat-flat-button
+        [color]="'primary'"
+        fxFlex
+        (click)="__createProduct()"
+      >
+        <mat-icon [svgIcon]="'heroicons_outline:search'"></mat-icon>
+        <span class="ml-2 mr-1">Search</span>
+      </button>
+    </div>
+  </div> -->
+
   <!-- Main -->
   <div class="flex flex-auto overflow-hidden">
     <!-- Products list -->
@@ -36,29 +158,42 @@
             <!-- Header -->
             <div
               class="inventory-grid z-10 sticky top-0 grid gap-4 py-4 px-6 md:px-8 shadow text-md font-semibold text-secondary bg-gray-50 dark:bg-black dark:bg-opacity-5"
-              matSort
-              matSortDisableClear
             >
-              <div></div>
-              <div class="hidden sm:block">등급</div>
-              <div class="hidden sm:block">아이디</div>
-              <div class="hidden sm:block">닉네임</div>
-              <div class="hidden sm:block">예금주</div>
-              <div class="hidden sm:block">레벨</div>
-              <div class="hidden sm:block">정산종류</div>
-              <div class="hidden sm:block">연락처</div>
-              <div class="hidden sm:block">캐쉬</div>
-              <div class="hidden sm:block">콤프</div>
-              <div class="hidden sm:block">충전금</div>
-              <div class="hidden sm:block">환전금</div>
-              <div class="hidden sm:block">수익금</div>
-              <div class="hidden sm:block">가입날짜</div>
-              <div class="hidden sm:block">최근접속일</div>
-              <div class="hidden sm:block">상태</div>
-              <div class="hidden sm:block">쪽지</div>
-              <div class="hidden sm:block">최상부</div>
-              <div class="hidden sm:block">직속</div>
-              <div class="hidden sm:block">회원수</div>
+              <div>
+                <mat-checkbox></mat-checkbox>
+              </div>
+              <div>
+                아이디
+                <hr style="margin: 7px 0px" />
+                닉네임
+                <hr style="margin: 7px 0px" />
+                상태
+              </div>
+              <div>
+                <!-- 상위
+                <hr style="margin: 7px 0px" /> -->
+                등급
+                <hr style="margin: 7px 0px" />
+                레벨
+              </div>
+              <div class="hidden sm:block">
+                예금주
+                <hr style="margin: 7px 0px" />
+                연락처
+              </div>
+              <div class="hidden md:block">정산종류</div>
+              <div class="hidden md:block">보유금</div>
+              <div class="hidden md:block">
+                충전금
+                <hr style="margin: 7px 0px" />
+                환전금
+                <hr style="margin: 7px 0px" />
+                수익금
+              </div>
+              <div class="hidden lg:block">로그</div>
+              <div class="hidden md:block">쪽지</div>
+              <div class="hidden lg:block">상부</div>
+              <div class="hidden lg:block">회원수</div>
             </div>
             <!-- Rows -->
             <ng-container *ngIf="unconnecteds$ | async as unconnecteds">
@@ -68,100 +203,67 @@
                 <div
                   class="inventory-grid grid items-center gap-4 py-3 px-6 md:px-8 border-b"
                 >
-                  <!-- rank -->
-                  <div class="hidden sm:block truncate">
-                    {{ unconnected.rank }}
+                  <div>
+                    <mat-checkbox></mat-checkbox>
                   </div>
-                  <!-- id -->
-
-                  <div
-                    class="hidden sm:block truncate"
-                    (click)="viewUserDetail(unconnected.id)"
-                  >
-                    {{ unconnected.id }}
-                  </div>
-                  <!-- nickname -->
-                  <div class="hidden sm:block truncate">
+                  <div>
+                    {{ unconnected.signinId }}
+                    <hr style="margin: 7px 0px" />
                     {{ unconnected.nickname }}
-                  </div>
-                  <!-- accountHolder -->
-                  <div class="hidden sm:block truncate">
-                    {{ unconnected.accountHolder }}
-                  </div>
-                  <!-- level -->
-                  <div class="hidden sm:block truncate">
-                    LV.{{ unconnected.level }}
-                  </div>
-
-                  <!-- calculateType -->
-                  <div class="hidden sm:block truncate">
-                    {{ unconnected.calculateType }}
-                  </div>
-                  <!-- contact -->
-                  <div class="hidden sm:block truncate">
-                    {{ unconnected.contact }}
-                  </div>
-
-                  <!-- cash -->
-                  <div class="hidden sm:block truncate">
-                    캐쉬{{ unconnected.cash }}
-                  </div>
-                  <!-- comp -->
-                  <div class="hidden sm:block truncate">
-                    comp{{ unconnected.comp }}
-                  </div>
-
-                  <!-- charge -->
-                  <div class="hidden sm:block truncate">
-                    {{ unconnected.charge }}
-                  </div>
-
-                  <!-- exchange -->
-                  <div class="hidden sm:block truncate">
-                    {{ unconnected.exchange }}
-                  </div>
-
-                  <!-- revenue -->
-                  <div class="hidden sm:block truncate">
-                    {{ unconnected.revenue }}
-                  </div>
-
-                  <!-- accession -->
-                  <div class="hidden sm:block truncate">
-                    {{ unconnected.accession }}
-                  </div>
-
-                  <!-- final -->
-                  <div class="hidden sm:block truncate">
-                    {{ unconnected.final }}
-                  </div>
-
-                  <!-- state -->
-                  <div class="hidden sm:block truncate">
+                    <hr style="margin: 7px 0px" />
                     {{ unconnected.state }}
                   </div>
-
-                  <!-- message -->
-                  <div class="hidden sm:block truncate">
-                    <button mat-flat-button [color]="'primary'">
-                      <mat-icon svgIcon="heroicons_outline:mail"></mat-icon>
+                  <div>
+                    <!-- {{ unconnected.highRank }}
+                    <hr style="margin: 7px 0px" /> -->
+                    {{ unconnected.rank }}
+                    <hr style="margin: 7px 0px" />
+                    LV{{ unconnected.level }}
+                  </div>
+                  <div class="hidden sm:block">
+                    {{ unconnected.accountHolder }}
+                    <hr style="margin: 7px 0px" />
+                    {{ unconnected.phoneNumber }}
+                  </div>
+                  <div class="hidden md:block">
+                    {{ unconnected.calculateType }}
+                  </div>
+                  <div class="hidden md:block">
+                    캐쉬{{ unconnected.ownCash }}
+                    <hr style="margin: 7px 0px" />
+                    콤프{{ unconnected.ownComp }}P
+                  </div>
+                  <div class="hidden md:block">
+                    충전금{{ unconnected.ownCharge }}
+                    <hr style="margin: 7px 0px" />
+                    환전금{{ unconnected.ownExchange }}
+                    <hr style="margin: 7px 0px" />
+                    수익금{{ unconnected.balance }}
+                  </div>
+                  <div class="hidden lg:block">
+                    가입{{ unconnected.registDate }}
+                    <hr style="margin: 7px 0px" />
+                    최종{{ unconnected.finalSigninDate }}
+                    <hr style="margin: 7px 0px" />
+                  </div>
+                  <div class="hidden md:block">
+                    <button
+                      mat-flat-button
+                      class="bet-mat-small-8"
+                      [color]="'primary'"
+                    >
+                      쪽지
                     </button>
                   </div>
-
-                  <!-- highest -->
-                  <div class="hidden sm:block truncate">
-                    {{ unconnected.highest }}
+                  <div class="hidden lg:block">
+                    최상부{{ unconnected.highstRank }}
+                    <hr style="margin: 7px 0px" />
+                    상부{{ unconnected.highRank }}
                   </div>
-
-                  <!-- highRank -->
-                  <div class="hidden sm:block truncate">
-                    {{ unconnected.highRank }}
-                  </div>
-
-                  <!-- members -->
-                  <div class="hidden sm:block truncate">
+                  <div class="hidden lg:block">
                     {{ unconnected.members }}
                   </div>
+                  <!-- management -->
                 </div>
               </ng-container>
             </ng-container>
@@ -183,7 +285,7 @@
         <div
           class="p-8 sm:p-16 border-t text-4xl font-semibold tracking-tight text-center"
         >
-          There are no unconnected!
+          There are no unconnected user!
         </div>
       </ng-template>
     </div>
diff --git a/src/app/modules/admin/member/unconnected/components/list.component.ts b/src/app/modules/admin/member/unconnected/components/list.component.ts
index 887c7cd..c82ecf8 100644
--- a/src/app/modules/admin/member/unconnected/components/list.component.ts
+++ b/src/app/modules/admin/member/unconnected/components/list.component.ts
@@ -42,18 +42,22 @@ import { Router } from '@angular/router';
     /* language=SCSS */
     `
       .inventory-grid {
-        grid-template-columns: 60px auto 40px;
+        /*                     CB  아이디  등급  예금주 정산종류 */
+        grid-template-columns: 20px 140px 100px auto 100px;
 
         @screen sm {
-          grid-template-columns: 60px auto 60px 72px;
+          /*                     CB  아이디  등급  예금주 정산종류 보유금 충전금  로그*/
+          grid-template-columns: 20px 140px 100px auto 100px 140px 140px 140px;
         }
 
         @screen md {
-          grid-template-columns: 60px 60px auto 112px 72px;
+          /*                     CB  아이디  등급  예금주 정산종류 보유금 충전금 로그  쪽지 */
+          grid-template-columns: 20px 140px 100px auto 100px 140px 140px 140px 100px;
         }
 
         @screen lg {
-          grid-template-columns: 60px 60px auto 112px 96px 96px 72px;
+          /*                     CB  아이디  등급  예금주 정산종류 보유금 충전금  로그   쪽지  상부  회원수 */
+          grid-template-columns: 20px 140px 100px auto 100px 140px 140px 140px 100px 100px 40px;
         }
       }
     `,
@@ -69,6 +73,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
   unconnecteds$!: Observable<Unconnected[] | undefined>;
   users$!: Observable<User[] | undefined>;
 
+  __isSearchOpened = false;
   isLoading = false;
   searchInputControl = new FormControl();
   selectedUnconnected?: Unconnected;
@@ -186,6 +191,14 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
    */
   __toggleDetails(productId: string): void {}
 
+  /**
+   * toggle the search
+   * Used in 'bar'
+   */
+  __onClickSearch(): void {
+    this.__isSearchOpened = !this.__isSearchOpened;
+  }
+
   /**
    * Track by function for ngFor loops
    *
diff --git a/src/app/modules/admin/member/unconnected/models/unconnected.ts b/src/app/modules/admin/member/unconnected/models/unconnected.ts
index 0e0bbd3..0aa795f 100644
--- a/src/app/modules/admin/member/unconnected/models/unconnected.ts
+++ b/src/app/modules/admin/member/unconnected/models/unconnected.ts
@@ -1,20 +1,21 @@
 export interface Unconnected {
   id: string;
+  signinId?: string;
   nickname?: string;
+  highstRank?: string;
   highRank?: string;
   rank?: string;
   level?: string;
-  calculateType: string;
+  calculateType?: string;
   accountHolder?: string;
-  contact?: string;
-  cash?: number;
-  comp?: number;
-  accession?: string;
-  final?: string;
+  phoneNumber?: string;
+  ownCash?: number;
+  ownComp?: number;
+  registDate?: string;
+  finalSigninDate?: string;
   state?: string;
-  charge?: number;
-  exchange?: number;
-  revenue?: number;
-  highest?: string;
+  ownCharge?: number;
+  ownExchange?: number;
+  balance?: number; // 차익, 수익
   members?: number;
 }
diff --git a/src/app/modules/admin/member/unconnected/unconnected.module.ts b/src/app/modules/admin/member/unconnected/unconnected.module.ts
index 617997a..c5d187a 100644
--- a/src/app/modules/admin/member/unconnected/unconnected.module.ts
+++ b/src/app/modules/admin/member/unconnected/unconnected.module.ts
@@ -12,8 +12,7 @@ import { MatSortModule } from '@angular/material/sort';
 import { MatSelectModule } from '@angular/material/select';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatGridListModule } from '@angular/material/grid-list';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { MatRadioModule } from '@angular/material/radio';
+import { MatCheckboxModule } from '@angular/material/checkbox';
 
 import { TranslocoModule } from '@ngneat/transloco';
 
@@ -41,8 +40,7 @@ import { unconnectedRoutes } from './unconnected.routing';
     MatSelectModule,
     MatTooltipModule,
     MatGridListModule,
-    MatSlideToggleModule,
-    MatRadioModule,
+    MatCheckboxModule,
   ],
 })
 export class UnconnectedModule {}