diff --git a/src/app/mock-api/apps/board/customer-template/data.ts b/src/app/mock-api/apps/board/customer-template/data.ts
index 758e5d9..1b41228 100644
--- a/src/app/mock-api/apps/board/customer-template/data.ts
+++ b/src/app/mock-api/apps/board/customer-template/data.ts
@@ -5,74 +5,74 @@ export const customerTemplates = [
     id: '1',
     title: '입금계좌문의시(가상계좌)',
     order: '5006',
-    conent:
+    content:
       '은행: \n\n 예금주: \n\n 계좌번호: \n\n 입금전 계좌 확인 후 입금하시고 충전 신청 바랍니다.\n 항상 본인 계좌로 입금해주길 부탁드립니다.',
   },
   {
     id: '2',
     title: '출금 비밀번호 문의시',
     order: '5001',
-    conent:
+    content:
       '문의 하신 출금 비밀번호는 로그인하셨을 때 비밀번호랑 동일합니다.\n 감사합니다.',
   },
   {
     id: '3',
     title: '탈퇴, 졸업 관련',
     order: '904',
-    conent: '--',
+    content: '--',
   },
   {
     id: '4',
     title: '졸업안내',
     order: '902',
-    conent:
+    content:
       '회원님의 베팅내역 확인결과 더이상 회원님의 베팅을 받기에는 무리가 있다고 \n\n 판단되어 정중히 졸업을 시켜드리고자 합니다.\n\n 현시간 이후의 베팅은 금지되며 베팅을 하시더라도 임의 취소 처리됨을 알려드립니다.\n\n 현재 보유중인 금액은 모두 환전 처리 부탁드리며 환전 완료후에는 이용아이디가\n\n정지처리 됩니다.',
   },
   {
     id: '5',
     title: '입금 관련 문의',
     order: '850',
-    conent: '',
+    content: '',
   },
   {
     id: '6',
     title: '타인명의 입금시',
     order: '849',
-    conent:
+    content:
       '가입 시 등록하신 본인 명의 입금이 아닌, 타인 명의로 입금 시 \n\n 충전이 불가능 합니다. 회원님 \n\n 반드시 가입 시 등록하신 예금주 명과, 입금자명이 동일해야 처리가 가능하며, \n\n 회원님께서 입금해주신 입금자명의 계좌번호를 고객센터로 남겨주시면 \n\n 다시 환전처리 해드리겠습니다.',
   },
   {
     id: '7',
     title: '환전 관련 문의',
     order: '800',
-    conent: '',
+    content: '',
   },
   {
     id: '8',
     title: '환전지연안내(환전량 증가)',
     order: '407',
-    conent:
+    content:
       '언제나 이용해 주시는 회원님 감사합니다. \n\n 현재 중요경기가 마감되어 회원님들의 환전 신청이 몰려 \n\n 환전처리 업무가 지연 되고 있습니다.\n\n 순차적으로 환전업무 처리중이오니 잠시만 기다려 주시면 \n\n 신속하게 처리해 드리겠습니다. 회원님',
   },
   {
     id: '9',
     title: '은행점검(뱅킹장애)등으로 충, 환전 지연안내',
     order: '406',
-    conent:
+    content:
       '언제나 이용해 주시는 회원님 감사합니다.\n\n 현재 해당 은행점검 시간으로 환전 처리가 불가합니다.\n\n 은행점검이 끝난 후 처리 가능합니다.\n\n 신청하신 내역은 취소해 드렸습니다. \n\n 23:30~00:30분까지는 은행일자 전환 시스템 점검으로 환전이 불가합니다.\n\n 그리고 가급적 은행점검 시간을 피하여 입, 출금 신청을 해주시면 감사하겠습니다.',
   },
   {
     id: '10',
     title: '서버 점검 안내',
     order: '0',
-    conent:
+    content:
       '안녕하세요, 회원님\n\n 운영팀입니다.\n\n 1. 점검 시간\n\n 2. 점검 내용\n\n -  서버 안정화 작업\n\n 항상,이용해 주시는 회원님께 감사의 말씀 드리며,\n\n 보다 나은 서비스 제공을 위해 진행될 점검 내용을 안내해 드리겠습니다.\n\n 점검 시 해당 게임은 일시적으로 이용이 불가능하오니\n\n 회원님의 너그러운 양해를 부탁드립니다.\n\n 점검과 관련된 자세한 내용은 아래를 참고해 주시기 바랍니다.\n\n ※ 주의사항\n\n 1. 점검 시간 내에 점검 대상 게임은 이용이 불가능합니다.\n\n 2. 점검 시간은 조기 종료 또는 연장될 수 있습니다.\n\n 예정된 시간에 점검이 완료될 수 있도록 최선을 다하겠습니다\n\n 회원님께 더 좋은 서비스와 재미를 제공할 수 있도록 노력하겠습니다.\n\n 감사합니다.',
   },
   {
     id: '11',
     title: '서버 점검 완료 안내',
     order: '0',
-    conent:
+    content:
       '안녕하세요 관리자입니다.\n\n서버 점검이 완료 되었습니다.\n\n정상적으로 게임이용 가능하시며,\n\n항상 좋은 서비스로 찾아뵙겠습니다.\n\n최선을 다하겠습니다.',
   },
 ];
diff --git a/src/app/modules/admin/board/customer-template/components/list.component.html b/src/app/modules/admin/board/customer-template/components/list.component.html
index 0babbf2..74a4c0d 100644
--- a/src/app/modules/admin/board/customer-template/components/list.component.html
+++ b/src/app/modules/admin/board/customer-template/components/list.component.html
@@ -13,7 +13,12 @@
     <div class="text-4xl font-extrabold tracking-tight">고객센터 템플릿</div>
     <div class="flex shrink-0 items-center mt-6 sm:mt-0 sm:ml-4">
       <!-- Add product button -->
-      <button class="ml-4" mat-flat-button [color]="'primary'">
+      <button
+        class="ml-4"
+        mat-flat-button
+        [color]="'primary'"
+        (click)="__onClickReditBtn($event, '0')"
+      >
         <mat-icon [svgIcon]="'heroicons_outline:plus'"></mat-icon>
         <span class="ml-2 mr-1">등록</span>
       </button>
@@ -63,9 +68,10 @@
                   </div>
                   <!-- 제목 -->
                   <div>
-                    <span (click)="__onClickTitle(customerTemplate.id)">{{
-                      customerTemplate.title
-                    }}</span>
+                    <span
+                      (click)="__onClickReditBtn($event, customerTemplate.id)"
+                      >{{ customerTemplate.title }}</span
+                    >
                   </div>
                   <!-- 순서 -->
                   <div>
@@ -77,6 +83,7 @@
                       mat-flat-button
                       class="bet-mat-small-8"
                       [color]="'primary'"
+                      (click)="__onClickReditBtn($event, customerTemplate.id)"
                     >
                       수정
                     </button>
diff --git a/src/app/modules/admin/board/customer-template/components/list.component.ts b/src/app/modules/admin/board/customer-template/components/list.component.ts
index 49ace55..0f11c59 100644
--- a/src/app/modules/admin/board/customer-template/components/list.component.ts
+++ b/src/app/modules/admin/board/customer-template/components/list.component.ts
@@ -170,10 +170,6 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
   // @ Public methods
   // -----------------------------------------------------------------------------------------------------
 
-  __onClickTitle(id: string): void {
-    /*  */
-    console.log('click Title: ', id);
-  }
   // -----------------------------------------------------------------------------------------------------
   // @ Private methods
   // -----------------------------------------------------------------------------------------------------
@@ -188,7 +184,11 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
    *
    * @param productId
    */
-  __toggleDetails(productId: string | undefined): void {}
+  __onClickReditBtn(event: MouseEvent, id: string): void {
+    const param = id === '0' ? '' : id;
+    let url: string = 'board/customer-template/redit/' + param;
+    this.router.navigateByUrl(url);
+  }
 
   /**
    * Track by function for ngFor loops
diff --git a/src/app/modules/admin/board/customer-template/components/redit.component.html b/src/app/modules/admin/board/customer-template/components/redit.component.html
index 17da861..432cf3e 100644
--- a/src/app/modules/admin/board/customer-template/components/redit.component.html
+++ b/src/app/modules/admin/board/customer-template/components/redit.component.html
@@ -1,4 +1,59 @@
-<!-- Title -->
-<div class="text-4xl font-extrabold tracking-tight">
-  고객센터템플릿-상세페이지
+<div class="flex flex-col flex-auto min-w-0">
+  <div class="flex-auto border-t -mt-px pt-4 sm:pt-6">
+    <div class="w-full max-w-screen-xl mx-auto">
+      <div class="grid grid-cols-1 sm:grid-cols-6 gap-6 w-full min-w-0">
+        <!-- Budget distribution -->
+        <div
+          class="sm:col-span-6 flex flex-col flex-auto p-6 bg-card shadow rounded-2xl overflow-hidden"
+        >
+          <div class="text-lg font-medium tracking-tight leading-6 truncate">
+            고객센터템플릿 {{ !targetTemplate ? "등록" : "수정" }}
+          </div>
+          <div class="flex flex-col flex-auto mt-2 overflow-x-auto">
+            <form
+              [formGroup]="targetTemplateForm"
+              autocomplete="off"
+              class="flex flex-col flex-auto p-6 sm:p-8 overflow-y-auto"
+            >
+              <mat-divider class="mt-6 mb-8"></mat-divider>
+
+              <!-- Title -->
+              <div>
+                <mat-form-field
+                  class="fuse-mat-dense fuse-mat-no-subscript fuse-mat-rounded fuse-mat-bold w-full"
+                >
+                  <mat-label>제목</mat-label>
+                  <input matInput [formControlName]="'title'" />
+                </mat-form-field>
+              </div>
+
+              <!-- Notes -->
+              <div class="mt-8">
+                <mat-form-field
+                  class="fuse-mat-dense fuse-mat-no-subscript fuse-mat-rounded fuse-mat-bold w-full"
+                >
+                  <mat-label>순번</mat-label>
+                  <input matInput [formControlName]="'order'" />
+                </mat-form-field>
+              </div>
+              <!-- Body -->
+              <!-- <quill-editor class="mt-2"></quill-editor> -->
+              <mat-form-field
+                class="mt-8 fuse-mat-dense fuse-mat-no-subscript fuse-mat-rounded fuse-mat-bold w-full"
+              >
+                <textarea
+                  matInput
+                  [required]="true"
+                  [rows]="5"
+                  matTextareaAutosize
+                  [formControlName]="'content'"
+                ></textarea>
+                <mat-label>내용</mat-label>
+              </mat-form-field>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </div>
diff --git a/src/app/modules/admin/board/customer-template/components/redit.component.ts b/src/app/modules/admin/board/customer-template/components/redit.component.ts
index 6019e1a..9fca484 100644
--- a/src/app/modules/admin/board/customer-template/components/redit.component.ts
+++ b/src/app/modules/admin/board/customer-template/components/redit.component.ts
@@ -32,6 +32,8 @@ import { FuseConfirmationService } from '@fuse/services/confirmation';
 import { User } from 'app/modules/admin/member/user/models/user';
 import { UserService } from 'app/modules/admin/member/user/services/user.service';
 import { ActivatedRoute } from '@angular/router';
+import { CustomerTemplateService } from '../services/customer-template.service';
+import { CustomerTemplate } from '../models/ customer-template';
 
 @Component({
   selector: 'customer-template-redit',
@@ -66,9 +68,11 @@ export class ReditComponent implements OnInit, AfterViewInit, OnDestroy {
 
   isLoading = false;
   searchInputControl = new FormControl();
-  selectedProductForm!: FormGroup;
+  targetTemplateForm!: FormGroup;
   selectedUser?: User;
 
+  targetTemplate?: CustomerTemplate | undefined;
+
   private _unsubscribeAll: Subject<any> = new Subject<any>();
 
   /**
@@ -78,6 +82,7 @@ export class ReditComponent implements OnInit, AfterViewInit, OnDestroy {
     private _changeDetectorRef: ChangeDetectorRef,
     private _fuseConfirmationService: FuseConfirmationService,
     private _formBuilder: FormBuilder,
+    private _customerTemplateService: CustomerTemplateService,
     private _userService: UserService,
     private _route: ActivatedRoute
   ) {}
@@ -90,8 +95,31 @@ export class ReditComponent implements OnInit, AfterViewInit, OnDestroy {
    * On init
    */
   ngOnInit(): void {
+    this.targetTemplateForm = this._formBuilder.group({
+      title: [''],
+      order: [''],
+      content: [''],
+    });
     const idx = this._route.snapshot.params['id'];
-    console.log(idx);
+
+    // Get the User
+    this._customerTemplateService.customerTemplate$
+      .pipe(takeUntil(this._unsubscribeAll))
+      .subscribe((targetTemplate: CustomerTemplate | undefined) => {
+        this.targetTemplate = targetTemplate;
+
+        if (!this.targetTemplate) {
+          return;
+        }
+
+        this.targetTemplateForm.patchValue({
+          title: this.targetTemplate.title,
+          content: this.targetTemplate.content,
+          order: this.targetTemplate.order,
+        });
+        // Mark for check
+        this._changeDetectorRef.markForCheck();
+      });
   }
 
   /**
diff --git a/src/app/modules/admin/board/customer-template/customer-template.module.ts b/src/app/modules/admin/board/customer-template/customer-template.module.ts
index 0eb5b57..623e90f 100644
--- a/src/app/modules/admin/board/customer-template/customer-template.module.ts
+++ b/src/app/modules/admin/board/customer-template/customer-template.module.ts
@@ -15,6 +15,9 @@ 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 { MatDividerModule } from '@angular/material/divider';
+
+// import { QuillModule } from 'ngx-quill';
 
 import { TranslocoModule } from '@ngneat/transloco';
 
@@ -45,6 +48,9 @@ import { customerTemplateRoutes } from './customer-template.routing';
     MatSlideToggleModule,
     MatRadioModule,
     MatCheckboxModule,
+    MatDividerModule,
+
+    // QuillModule,
   ],
 })
 export class CustomerTemplateModule {}