diff --git a/src/app/pages/infos/info/component/bet-rule.component.html b/src/app/pages/infos/info/component/bet-rule.component.html
index 8fa3d2d..53da4c2 100644
--- a/src/app/pages/infos/info/component/bet-rule.component.html
+++ b/src/app/pages/infos/info/component/bet-rule.component.html
@@ -1 +1,94 @@
-<p>bet-rule works!</p>
+<div id="bet-rule" class="page-layout carded fullwidth inner-scroll">
+  <!-- TOP BACKGROUND -->
+  <div class="top-bg accent"></div>
+  <!-- / TOP BACKGROUND -->
+
+  <!-- CENTER -->
+  <div class="center">
+    <!-- HEADER -->
+    <div
+      class="header accent"
+      fxLayout="row"
+      fxLayoutAlign="space-between center"
+    >
+      <!-- APP TITLE -->
+      <div fxLayout="row" fxLayoutAlign="start center">
+        <div
+          fxLayout="column"
+          fxLayoutAlign="start start"
+          [@animate]="{ value: '*', params: { delay: '100ms', x: '-25px' } }"
+        >
+          <div class="h2">
+            배팅규정
+          </div>
+        </div>
+      </div>
+      <!-- / APP TITLE -->
+    </div>
+    <!-- / HEADER -->
+
+    <!-- CONTENT CARD -->
+    <div class="content-card">
+      <!-- CONTENT -->
+      <div class="content">
+        <!-- <mat-tab-group fxLayout="column" fxFlex>
+          <mat-tab label="Order Details"> -->
+        <div class="order-details tab-content p-24" fusePerfectScrollbar>
+          <div class="section pb-48">
+            <div class="pb-16" fxLayout="row" fxLayoutAlign="start center">
+              <mat-icon class="m-0 mr-16 secondary-text">access_time</mat-icon>
+              <div class="h2 secondary-text">배팅규정 작성하기</div>
+            </div>
+            <form
+              class="update-status p-24"
+              (ngSubmit)="updateStatus()"
+              [formGroup]="statusForm"
+              fxLayout="column"
+              fxLayoutAlign="start center"
+            >
+              <mat-form-field
+                appearance="outline"
+                floatLabel="always"
+                class="w-100-p"
+              >
+                <mat-label>제목</mat-label>
+                <input
+                  matInput
+                  placeholder="제목을 입력하세요."
+                  name="title"
+                  formControlName="title"
+                  required
+                />
+              </mat-form-field>
+
+              <mat-form-field
+                appearance="outline"
+                floatLabel="always"
+                class="w-100-p"
+              >
+                <mat-label>배팅규정 작성</mat-label>
+                <textarea
+                  matInput
+                  placeholder="배팅에 대한 규정을 작성하세요."
+                  name="contents"
+                  formControlName="contents"
+                  rows="30"
+                >
+                </textarea>
+              </mat-form-field>
+
+              <button mat-raised-button class="mat-accent">
+                저장
+              </button>
+            </form>
+          </div>
+        </div>
+        <!-- </mat-tab>
+        </mat-tab-group> -->
+      </div>
+      <!-- / CONTENT -->
+    </div>
+    <!-- / CONTENT CARD -->
+  </div>
+  <!-- / CENTER -->
+</div>
diff --git a/src/app/pages/infos/info/component/bet-rule.component.scss b/src/app/pages/infos/info/component/bet-rule.component.scss
index e69de29..f867e96 100644
--- a/src/app/pages/infos/info/component/bet-rule.component.scss
+++ b/src/app/pages/infos/info/component/bet-rule.component.scss
@@ -0,0 +1,397 @@
+@import "src/@fuse/scss/fuse";
+
+#bet-rule {
+
+    .header {
+
+        .subtitle {
+            margin: 6px 0 0 0;
+        }
+    }
+
+    .content {
+
+        .mat-tab-group,
+        .mat-tab-body-wrapper,
+        .tab-content {
+            flex: 1 1 auto;
+            max-width: 100%;
+        }
+
+        .tab-content {
+
+            &.products {
+
+                .product-row {
+                    cursor: pointer;
+                }
+            }
+
+            &.invoice {
+
+                #invoice {
+
+                    &.compact {
+                        padding: 0;
+                        overflow: auto;
+                        -webkit-overflow-scrolling: touch;
+
+                        .invoice-container {
+                            padding: 16px;
+
+                            .card {
+                                width: 1020px;
+                                min-width: 1020px;
+                                max-width: 1020px;
+                                padding: 64px 88px;
+                                overflow: hidden;
+                                background: #FFFFFF;
+                                color: rgba(0, 0, 0, 0.87);
+                                @include mat-elevation(7);
+
+                                .header {
+
+                                    .invoice-date {
+                                        font-size: 14px;
+                                        color: rgba(0, 0, 0, 0.54);
+                                        margin-bottom: 32px;
+                                    }
+
+                                    .client {
+
+                                        .invoice-number {
+                                            font-size: 18px;
+                                            padding-bottom: 2px;
+
+                                            .title {
+                                                color: rgba(0, 0, 0, 0.54);
+                                            }
+
+                                            .number {
+                                                padding-left: 6px;
+                                            }
+                                        }
+
+                                        .due-date {
+                                            font-size: 18px;
+                                            padding-bottom: 16px;
+
+                                            .title {
+                                                color: rgba(0, 0, 0, 0.54);
+                                            }
+
+                                            .date {
+                                                padding-left: 6px;
+                                            }
+                                        }
+
+                                        .info {
+                                            color: rgba(0, 0, 0, 0.54);
+                                            line-height: 22px;
+                                        }
+                                    }
+
+                                    .issuer {
+                                        margin-right: -88px;
+                                        padding-right: 66px;
+
+                                        .logo {
+                                            width: 96px;
+                                            padding: 0 8px;
+                                            border-right: 1px solid rgba(255, 255, 255, 0.7);
+                                        }
+
+                                        .info {
+                                            padding: 16px;
+                                        }
+                                    }
+                                }
+
+                                .content {
+
+                                    .invoice-table {
+                                        margin-top: 64px;
+                                        font-size: 15px;
+
+                                        thead {
+
+                                            tr {
+
+                                                th {
+
+                                                    &:first-child {
+                                                        padding-left: 8px;
+                                                    }
+
+                                                    &:last-child {
+                                                        padding-right: 8px;
+                                                    }
+                                                }
+                                            }
+                                        }
+
+                                        tbody {
+
+                                            tr {
+
+                                                td {
+                                                    border-color: rgba(0, 0, 0, 0.12);
+
+                                                    &:first-child {
+                                                        padding-left: 8px;
+                                                    }
+
+                                                    &:last-child {
+                                                        padding-right: 8px;
+                                                    }
+                                                }
+                                            }
+                                        }
+
+                                        .title {
+                                            font-size: 16px;
+                                        }
+
+                                        .detail {
+                                            margin-top: 8px;
+                                            font-size: 12px;
+                                            color: rgba(0, 0, 0, 0.54);
+                                            max-width: 360px;
+                                        }
+                                    }
+
+                                    .invoice-table-footer {
+                                        margin: 32px 0 72px 0;
+
+                                        tr {
+
+                                            td {
+                                                text-align: right;
+                                                font-size: 16px;
+                                                font-weight: 600;
+                                                color: rgba(0, 0, 0, 0.54);
+                                                border-bottom: none;
+                                                padding: 4px 8px;
+
+                                                &:first-child {
+                                                    text-align: left;
+                                                }
+                                            }
+
+                                            &.discount {
+
+                                                td {
+                                                    padding-bottom: 32px;
+                                                }
+                                            }
+
+                                            &.total {
+
+                                                td {
+                                                    padding: 24px 8px;
+                                                    border-top: 1px solid rgba(0, 0, 0, 0.12);
+                                                    font-size: 35px;
+                                                    font-weight: 300;
+                                                    color: rgba(0, 0, 0, 1);
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+
+                                .footer {
+
+                                    .note {
+                                        font-size: 15px;
+                                        font-weight: 600;
+                                        margin-bottom: 24px;
+                                    }
+
+                                    // IE10 fix
+                                    .logo, .small-note {
+                                        -ms-flex: 0 1 auto;
+                                    }
+
+                                    .logo {
+                                        width: 32px;
+                                        min-width: 32px;
+                                        margin-right: 24px;
+                                    }
+
+                                    .small-note {
+                                        font-size: 12px;
+                                        font-weight: 600;
+                                        color: rgba(0, 0, 0, 0.54);
+                                        line-height: 18px;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+
+                /* PRINT STYLES */
+                @media print {
+
+                    /* Invoice Specific Styles */
+                    #invoice {
+
+                        &.compact {
+
+                            .invoice-container {
+                                padding: 0;
+
+                                .card {
+                                    width: 100%;
+                                    min-width: 0;
+                                    background: none;
+                                    padding: 0;
+                                    box-shadow: none;
+
+                                    .header {
+
+                                        .invoice-date {
+                                            margin-bottom: 16pt;
+                                        }
+
+                                        .issuer {
+                                            padding-right: 0;
+                                            margin-right: 0;
+                                        }
+                                    }
+
+                                    .content {
+
+                                        .invoice-table {
+                                            margin-top: 16pt;
+
+                                            thead {
+
+                                                tr {
+
+                                                    th {
+                                                        font-size: 10pt;
+                                                        max-width: 60pt;
+
+                                                        &:first-child {
+                                                            padding-left: 0;
+                                                        }
+
+                                                        &:last-child {
+                                                            padding-right: 0;
+                                                        }
+                                                    }
+                                                }
+                                            }
+
+                                            tbody {
+
+                                                tr {
+
+                                                    td {
+
+                                                        &:first-child {
+                                                            padding-left: 0;
+                                                        }
+
+                                                        &:last-child {
+                                                            padding-right: 0;
+                                                        }
+                                                    }
+                                                }
+                                            }
+
+                                            .title {
+                                                font-size: 10pt;
+                                            }
+
+                                            .detail {
+                                                margin-top: 4pt;
+                                                font-size: 9pt;
+                                                max-width: none;
+                                            }
+                                        }
+
+                                        .invoice-table-footer {
+                                            margin: 16pt 0;
+
+                                            tr {
+
+                                                td {
+                                                    font-size: 13pt;
+                                                    padding: 4pt 4pt;
+
+                                                    &:first-child {
+                                                        text-align: left;
+                                                        padding-left: 0;
+                                                    }
+
+                                                    &:last-child {
+                                                        padding-right: 0;
+                                                    }
+                                                }
+
+                                                &.discount {
+
+                                                    td {
+                                                        padding-bottom: 16pt;
+                                                    }
+                                                }
+
+                                                &.total {
+
+                                                    td {
+                                                        padding: 16pt 4pt 0 4pt;
+                                                        font-size: 16pt;
+
+                                                        &:first-child {
+                                                            padding-left: 0;
+                                                        }
+
+                                                        &:last-child {
+                                                            padding-right: 0;
+                                                        }
+                                                    }
+                                                }
+                                            }
+                                        }
+                                    }
+
+                                    .footer {
+
+                                        .note {
+                                            font-size: 10pt;
+                                            margin-bottom: 8pt;
+                                        }
+
+                                        .logo {
+                                            margin-right: 8pt;
+                                        }
+
+                                        .small-note {
+                                            font-size: 8pt;
+                                            line-height: normal;
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        .mat-tab-body-content {
+            display: flex;
+        }
+
+        .mat-tab-label {
+            height: 64px;
+        }
+
+        table {
+            table-layout: fixed;
+        }
+    }
+
+}
diff --git a/src/app/pages/infos/info/component/bet-rule.component.ts b/src/app/pages/infos/info/component/bet-rule.component.ts
index eb7060d..6a59036 100644
--- a/src/app/pages/infos/info/component/bet-rule.component.ts
+++ b/src/app/pages/infos/info/component/bet-rule.component.ts
@@ -1,12 +1,41 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
 
+import { fuseAnimations } from 'src/@fuse/animations';
 @Component({
   selector: 'app-bet-rule',
   templateUrl: './bet-rule.component.html',
-  styleUrls: ['./bet-rule.component.scss']
+  styleUrls: ['./bet-rule.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+  animations: fuseAnimations
 })
-export class BetRuleComponent implements OnInit {
-  constructor() {}
+export class BetRuleComponent implements OnInit, OnDestroy {
+  private unsubscribeAll: Subject<any>;
 
-  ngOnInit() {}
+  constructor(private fb: FormBuilder) {
+    // Set the private defaults
+    this.unsubscribeAll = new Subject();
+  }
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ Lifecycle hooks
+  // -----------------------------------------------------------------------------------------------------
+
+  /**
+   * On init
+   */
+  ngOnInit(): void {
+    // Subscribe to update order on changes
+  }
+
+  /**
+   * On destroy
+   */
+  ngOnDestroy(): void {
+    // Unsubscribe from all subscriptions
+    this.unsubscribeAll.next();
+    this.unsubscribeAll.complete();
+  }
 }
diff --git a/src/app/pages/infos/info/component/free-board-regist.component.html b/src/app/pages/infos/info/component/free-board-regist.component.html
index afaa864..3e424ce 100644
--- a/src/app/pages/infos/info/component/free-board-regist.component.html
+++ b/src/app/pages/infos/info/component/free-board-regist.component.html
@@ -1 +1,94 @@
-<p>free-board-regist works!</p>
+<div id="bet-rule" class="page-layout carded fullwidth inner-scroll">
+  <!-- TOP BACKGROUND -->
+  <div class="top-bg accent"></div>
+  <!-- / TOP BACKGROUND -->
+
+  <!-- CENTER -->
+  <div class="center">
+    <!-- HEADER -->
+    <div
+      class="header accent"
+      fxLayout="row"
+      fxLayoutAlign="space-between center"
+    >
+      <!-- APP TITLE -->
+      <div fxLayout="row" fxLayoutAlign="start center">
+        <div
+          fxLayout="column"
+          fxLayoutAlign="start start"
+          [@animate]="{ value: '*', params: { delay: '100ms', x: '-25px' } }"
+        >
+          <div class="h2">
+            게시물 작성
+          </div>
+        </div>
+      </div>
+      <!-- / APP TITLE -->
+    </div>
+    <!-- / HEADER -->
+
+    <!-- CONTENT CARD -->
+    <div class="content-card">
+      <!-- CONTENT -->
+      <div class="content">
+        <!-- <mat-tab-group fxLayout="column" fxFlex>
+          <mat-tab label="Order Details"> -->
+        <div class="order-details tab-content p-24" fusePerfectScrollbar>
+          <div class="section pb-48">
+            <div class="pb-16" fxLayout="row" fxLayoutAlign="start center">
+              <mat-icon class="m-0 mr-16 secondary-text">access_time</mat-icon>
+              <div class="h2 secondary-text">게시물 작성하기</div>
+            </div>
+            <form
+              class="update-status p-24"
+              (ngSubmit)="updateStatus()"
+              [formGroup]="statusForm"
+              fxLayout="column"
+              fxLayoutAlign="start center"
+            >
+              <mat-form-field
+                appearance="outline"
+                floatLabel="always"
+                class="w-100-p"
+              >
+                <mat-label>제목</mat-label>
+                <input
+                  matInput
+                  placeholder="제목을 입력하세요."
+                  name="title"
+                  formControlName="title"
+                  required
+                />
+              </mat-form-field>
+
+              <mat-form-field
+                appearance="outline"
+                floatLabel="always"
+                class="w-100-p"
+              >
+                <mat-label>내용</mat-label>
+                <textarea
+                  matInput
+                  placeholder="내용을 입력하세요."
+                  name="contents"
+                  formControlName="contents"
+                  rows="30"
+                >
+                </textarea>
+              </mat-form-field>
+
+              <button mat-raised-button class="mat-accent">
+                저장
+              </button>
+            </form>
+          </div>
+        </div>
+        <!-- </mat-tab>
+        </mat-tab-group> -->
+      </div>
+      <!-- / CONTENT -->
+    </div>
+    <!-- / CONTENT CARD -->
+  </div>
+  <!-- / CENTER -->
+</div>
diff --git a/src/app/pages/infos/info/component/free-board-regist.component.scss b/src/app/pages/infos/info/component/free-board-regist.component.scss
index e69de29..f867e96 100644
--- a/src/app/pages/infos/info/component/free-board-regist.component.scss
+++ b/src/app/pages/infos/info/component/free-board-regist.component.scss
@@ -0,0 +1,397 @@
+@import "src/@fuse/scss/fuse";
+
+#bet-rule {
+
+    .header {
+
+        .subtitle {
+            margin: 6px 0 0 0;
+        }
+    }
+
+    .content {
+
+        .mat-tab-group,
+        .mat-tab-body-wrapper,
+        .tab-content {
+            flex: 1 1 auto;
+            max-width: 100%;
+        }
+
+        .tab-content {
+
+            &.products {
+
+                .product-row {
+                    cursor: pointer;
+                }
+            }
+
+            &.invoice {
+
+                #invoice {
+
+                    &.compact {
+                        padding: 0;
+                        overflow: auto;
+                        -webkit-overflow-scrolling: touch;
+
+                        .invoice-container {
+                            padding: 16px;
+
+                            .card {
+                                width: 1020px;
+                                min-width: 1020px;
+                                max-width: 1020px;
+                                padding: 64px 88px;
+                                overflow: hidden;
+                                background: #FFFFFF;
+                                color: rgba(0, 0, 0, 0.87);
+                                @include mat-elevation(7);
+
+                                .header {
+
+                                    .invoice-date {
+                                        font-size: 14px;
+                                        color: rgba(0, 0, 0, 0.54);
+                                        margin-bottom: 32px;
+                                    }
+
+                                    .client {
+
+                                        .invoice-number {
+                                            font-size: 18px;
+                                            padding-bottom: 2px;
+
+                                            .title {
+                                                color: rgba(0, 0, 0, 0.54);
+                                            }
+
+                                            .number {
+                                                padding-left: 6px;
+                                            }
+                                        }
+
+                                        .due-date {
+                                            font-size: 18px;
+                                            padding-bottom: 16px;
+
+                                            .title {
+                                                color: rgba(0, 0, 0, 0.54);
+                                            }
+
+                                            .date {
+                                                padding-left: 6px;
+                                            }
+                                        }
+
+                                        .info {
+                                            color: rgba(0, 0, 0, 0.54);
+                                            line-height: 22px;
+                                        }
+                                    }
+
+                                    .issuer {
+                                        margin-right: -88px;
+                                        padding-right: 66px;
+
+                                        .logo {
+                                            width: 96px;
+                                            padding: 0 8px;
+                                            border-right: 1px solid rgba(255, 255, 255, 0.7);
+                                        }
+
+                                        .info {
+                                            padding: 16px;
+                                        }
+                                    }
+                                }
+
+                                .content {
+
+                                    .invoice-table {
+                                        margin-top: 64px;
+                                        font-size: 15px;
+
+                                        thead {
+
+                                            tr {
+
+                                                th {
+
+                                                    &:first-child {
+                                                        padding-left: 8px;
+                                                    }
+
+                                                    &:last-child {
+                                                        padding-right: 8px;
+                                                    }
+                                                }
+                                            }
+                                        }
+
+                                        tbody {
+
+                                            tr {
+
+                                                td {
+                                                    border-color: rgba(0, 0, 0, 0.12);
+
+                                                    &:first-child {
+                                                        padding-left: 8px;
+                                                    }
+
+                                                    &:last-child {
+                                                        padding-right: 8px;
+                                                    }
+                                                }
+                                            }
+                                        }
+
+                                        .title {
+                                            font-size: 16px;
+                                        }
+
+                                        .detail {
+                                            margin-top: 8px;
+                                            font-size: 12px;
+                                            color: rgba(0, 0, 0, 0.54);
+                                            max-width: 360px;
+                                        }
+                                    }
+
+                                    .invoice-table-footer {
+                                        margin: 32px 0 72px 0;
+
+                                        tr {
+
+                                            td {
+                                                text-align: right;
+                                                font-size: 16px;
+                                                font-weight: 600;
+                                                color: rgba(0, 0, 0, 0.54);
+                                                border-bottom: none;
+                                                padding: 4px 8px;
+
+                                                &:first-child {
+                                                    text-align: left;
+                                                }
+                                            }
+
+                                            &.discount {
+
+                                                td {
+                                                    padding-bottom: 32px;
+                                                }
+                                            }
+
+                                            &.total {
+
+                                                td {
+                                                    padding: 24px 8px;
+                                                    border-top: 1px solid rgba(0, 0, 0, 0.12);
+                                                    font-size: 35px;
+                                                    font-weight: 300;
+                                                    color: rgba(0, 0, 0, 1);
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+
+                                .footer {
+
+                                    .note {
+                                        font-size: 15px;
+                                        font-weight: 600;
+                                        margin-bottom: 24px;
+                                    }
+
+                                    // IE10 fix
+                                    .logo, .small-note {
+                                        -ms-flex: 0 1 auto;
+                                    }
+
+                                    .logo {
+                                        width: 32px;
+                                        min-width: 32px;
+                                        margin-right: 24px;
+                                    }
+
+                                    .small-note {
+                                        font-size: 12px;
+                                        font-weight: 600;
+                                        color: rgba(0, 0, 0, 0.54);
+                                        line-height: 18px;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+
+                /* PRINT STYLES */
+                @media print {
+
+                    /* Invoice Specific Styles */
+                    #invoice {
+
+                        &.compact {
+
+                            .invoice-container {
+                                padding: 0;
+
+                                .card {
+                                    width: 100%;
+                                    min-width: 0;
+                                    background: none;
+                                    padding: 0;
+                                    box-shadow: none;
+
+                                    .header {
+
+                                        .invoice-date {
+                                            margin-bottom: 16pt;
+                                        }
+
+                                        .issuer {
+                                            padding-right: 0;
+                                            margin-right: 0;
+                                        }
+                                    }
+
+                                    .content {
+
+                                        .invoice-table {
+                                            margin-top: 16pt;
+
+                                            thead {
+
+                                                tr {
+
+                                                    th {
+                                                        font-size: 10pt;
+                                                        max-width: 60pt;
+
+                                                        &:first-child {
+                                                            padding-left: 0;
+                                                        }
+
+                                                        &:last-child {
+                                                            padding-right: 0;
+                                                        }
+                                                    }
+                                                }
+                                            }
+
+                                            tbody {
+
+                                                tr {
+
+                                                    td {
+
+                                                        &:first-child {
+                                                            padding-left: 0;
+                                                        }
+
+                                                        &:last-child {
+                                                            padding-right: 0;
+                                                        }
+                                                    }
+                                                }
+                                            }
+
+                                            .title {
+                                                font-size: 10pt;
+                                            }
+
+                                            .detail {
+                                                margin-top: 4pt;
+                                                font-size: 9pt;
+                                                max-width: none;
+                                            }
+                                        }
+
+                                        .invoice-table-footer {
+                                            margin: 16pt 0;
+
+                                            tr {
+
+                                                td {
+                                                    font-size: 13pt;
+                                                    padding: 4pt 4pt;
+
+                                                    &:first-child {
+                                                        text-align: left;
+                                                        padding-left: 0;
+                                                    }
+
+                                                    &:last-child {
+                                                        padding-right: 0;
+                                                    }
+                                                }
+
+                                                &.discount {
+
+                                                    td {
+                                                        padding-bottom: 16pt;
+                                                    }
+                                                }
+
+                                                &.total {
+
+                                                    td {
+                                                        padding: 16pt 4pt 0 4pt;
+                                                        font-size: 16pt;
+
+                                                        &:first-child {
+                                                            padding-left: 0;
+                                                        }
+
+                                                        &:last-child {
+                                                            padding-right: 0;
+                                                        }
+                                                    }
+                                                }
+                                            }
+                                        }
+                                    }
+
+                                    .footer {
+
+                                        .note {
+                                            font-size: 10pt;
+                                            margin-bottom: 8pt;
+                                        }
+
+                                        .logo {
+                                            margin-right: 8pt;
+                                        }
+
+                                        .small-note {
+                                            font-size: 8pt;
+                                            line-height: normal;
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        .mat-tab-body-content {
+            display: flex;
+        }
+
+        .mat-tab-label {
+            height: 64px;
+        }
+
+        table {
+            table-layout: fixed;
+        }
+    }
+
+}
diff --git a/src/app/pages/infos/info/component/free-board-regist.component.ts b/src/app/pages/infos/info/component/free-board-regist.component.ts
index 3206d22..f8b48c8 100644
--- a/src/app/pages/infos/info/component/free-board-regist.component.ts
+++ b/src/app/pages/infos/info/component/free-board-regist.component.ts
@@ -1,12 +1,42 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+
+import { fuseAnimations } from 'src/@fuse/animations';
 
 @Component({
   selector: 'app-free-board-regist',
   templateUrl: './free-board-regist.component.html',
-  styleUrls: ['./free-board-regist.component.scss']
+  styleUrls: ['./free-board-regist.component.scss'],
+  encapsulation: ViewEncapsulation.None,
+  animations: fuseAnimations
 })
-export class FreeBoardRegistComponent implements OnInit {
-  constructor() {}
+export class FreeBoardRegistComponent implements OnInit, OnDestroy {
+  private unsubscribeAll: Subject<any>;
 
-  ngOnInit() {}
+  constructor(private fb: FormBuilder) {
+    // Set the private defaults
+    this.unsubscribeAll = new Subject();
+  }
+
+  // -----------------------------------------------------------------------------------------------------
+  // @ Lifecycle hooks
+  // -----------------------------------------------------------------------------------------------------
+
+  /**
+   * On init
+   */
+  ngOnInit(): void {
+    // Subscribe to update order on changes
+  }
+
+  /**
+   * On destroy
+   */
+  ngOnDestroy(): void {
+    // Unsubscribe from all subscriptions
+    this.unsubscribeAll.next();
+    this.unsubscribeAll.complete();
+  }
 }