diff --git a/src/app/pages/specials/special/component/mini-martin.component.html b/src/app/pages/specials/special/component/mini-martin.component.html
index b100709..78f595d 100644
--- a/src/app/pages/specials/special/component/mini-martin.component.html
+++ b/src/app/pages/specials/special/component/mini-martin.component.html
@@ -1 +1,177 @@
-<p>level works!</p>
+<div id="cards" class="page-layout simple fullwidth">
+  <!-- HEADER -->
+  <div
+    class="header accent p-24 h-160"
+    fxLayout="row"
+    fxLayoutAlign="space-between center"
+  >
+    <div fxLayout="column" fxLayoutAlign="center start">
+      <div fxLayout="row" fxLayoutAlign="start center">
+        <mat-icon class="secondary-text s-18">home</mat-icon>
+        <mat-icon class="secondary-text s-16">chevron_right</mat-icon>
+        <span class="secondary-text">마틴 설정관리</span>
+      </div>
+      <div class="h2 mt-16">마틴 설정리스트</div>
+    </div>
+  </div>
+  <!-- / HEADER -->
+
+  <!-- CONTENT -->
+  <div class="content" [ngClass]="this.view">
+    <div class="cards">
+      <!-- CARD 17 -->
+      <div class="card">
+        <!-- PREVIEW -->
+        <div class="card-preview">
+          <div class="fuse-card">
+            <div class="p-16">
+              <div class="h1">달팽이 마틴 설정</div>
+            </div>
+
+            <div class="px-16 line-height-1.75">
+              <mat-button-toggle-group
+                name="fontStyle"
+                aria-label="Font Style"
+                class="tap-group-width"
+              >
+                <mat-button-toggle
+                  color="accent"
+                  value="on"
+                  class="tap-button-width"
+                  >정상</mat-button-toggle
+                >
+                <mat-button-toggle value="off" class="tap-button-width"
+                  >제한</mat-button-toggle
+                >
+              </mat-button-toggle-group>
+            </div>
+            <div class="px-16 line-height-1.75">
+              <mat-form-field appearance="outline" fxFlex="200">
+                <mat-label>배팅금비율 설정</mat-label>
+                <input matInput formControlName="firstName" required />
+
+                <!-- <mat-error>First Name is required!</mat-error> -->
+              </mat-form-field>
+            </div>
+            <div class="card-divider"></div>
+
+            <div class="p-8 pt-0" fxLayout="row">
+              <button
+                class="submit-button mat-raised-button mat-accent"
+                color="accent"
+                style="width: 100%;"
+              >
+                저장
+              </button>
+            </div>
+          </div>
+        </div>
+        <!-- / PREVIEW -->
+      </div>
+      <!-- / CARD 17 -->
+
+      <!-- CARD 17 -->
+      <div class="card">
+        <!-- PREVIEW -->
+        <div class="card-preview">
+          <div class="fuse-card">
+            <div class="p-16">
+              <div class="h1">사다리 마틴 설정</div>
+            </div>
+
+            <div class="px-16 line-height-1.75">
+              <mat-button-toggle-group
+                name="fontStyle"
+                aria-label="Font Style"
+                class="tap-group-width"
+              >
+                <mat-button-toggle
+                  color="accent"
+                  value="on"
+                  class="tap-button-width"
+                  >정상</mat-button-toggle
+                >
+                <mat-button-toggle value="off" class="tap-button-width"
+                  >제한</mat-button-toggle
+                >
+              </mat-button-toggle-group>
+            </div>
+            <div class="px-16 line-height-1.75">
+              <mat-form-field appearance="outline" fxFlex="200">
+                <mat-label>배팅금비율 설정</mat-label>
+                <input matInput formControlName="firstName" required />
+
+                <!-- <mat-error>First Name is required!</mat-error> -->
+              </mat-form-field>
+            </div>
+            <div class="card-divider"></div>
+
+            <div class="p-8 pt-0" fxLayout="row">
+              <button
+                class="submit-button mat-raised-button mat-accent"
+                color="accent"
+                style="width: 100%;"
+              >
+                저장
+              </button>
+            </div>
+          </div>
+        </div>
+        <!-- / PREVIEW -->
+      </div>
+      <!-- / CARD 17 -->
+
+      <!-- CARD 17 -->
+      <div class="card">
+        <!-- PREVIEW -->
+        <div class="card-preview">
+          <div class="fuse-card">
+            <div class="p-16">
+              <div class="h1">파워볼 마틴 설정</div>
+            </div>
+
+            <div class="px-16 line-height-1.75">
+              <mat-button-toggle-group
+                name="fontStyle"
+                aria-label="Font Style"
+                class="tap-group-width"
+              >
+                <mat-button-toggle
+                  color="accent"
+                  value="on"
+                  class="tap-button-width"
+                  >정상</mat-button-toggle
+                >
+                <mat-button-toggle value="off" class="tap-button-width"
+                  >제한</mat-button-toggle
+                >
+              </mat-button-toggle-group>
+            </div>
+            <div class="px-16 line-height-1.75">
+              <mat-form-field appearance="outline" fxFlex="200">
+                <mat-label>배팅금비율 설정</mat-label>
+                <input matInput formControlName="firstName" required />
+
+                <!-- <mat-error>First Name is required!</mat-error> -->
+              </mat-form-field>
+            </div>
+            <div class="card-divider"></div>
+
+            <div class="p-8 pt-0" fxLayout="row">
+              <button
+                class="submit-button mat-raised-button mat-accent"
+                color="accent"
+                style="width: 100%;"
+              >
+                저장
+              </button>
+            </div>
+          </div>
+        </div>
+        <!-- / PREVIEW -->
+      </div>
+      <!-- / CARD 17 -->
+    </div>
+  </div>
+  <!-- / CONTENT -->
+</div>
diff --git a/src/app/pages/specials/special/component/mini-martin.component.scss b/src/app/pages/specials/special/component/mini-martin.component.scss
index e69de29..271c38b 100644
--- a/src/app/pages/specials/special/component/mini-martin.component.scss
+++ b/src/app/pages/specials/special/component/mini-martin.component.scss
@@ -0,0 +1,36 @@
+@import 'src/@fuse/scss/fuse';
+
+app-mini-martin {
+  .content {
+    .cards {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+      justify-content: flex-start;
+      align-items: flex-start;
+
+      .card {
+        display: flex;
+        align-items: flex-start;
+        padding: 148px 112px 0px 100px;
+        margin-bottom: 40px;
+
+        .card-preview {
+          display: flex;
+          min-width: 320px;
+        }
+
+        .card-source {
+          display: none;
+        }
+
+        .tap-group-width {
+          width: 100%;
+        }
+        .tap-button-width {
+          width: 50%;
+        }
+      }
+    }
+  }
+}
diff --git a/src/app/pages/specials/special/component/mini-martin.component.ts b/src/app/pages/specials/special/component/mini-martin.component.ts
index 087efb0..2816efe 100644
--- a/src/app/pages/specials/special/component/mini-martin.component.ts
+++ b/src/app/pages/specials/special/component/mini-martin.component.ts
@@ -1,9 +1,12 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, ViewEncapsulation } from '@angular/core';
+import { fuseAnimations } from 'src/@fuse/animations';
 
 @Component({
   selector: 'app-mini-martin',
   templateUrl: './mini-martin.component.html',
-  styleUrls: ['./mini-martin.component.scss']
+  styleUrls: ['./mini-martin.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+  animations: fuseAnimations
 })
 export class MiniMartinComponent implements OnInit {
   constructor() {}