diff --git a/public/asset/image/overFlow_CI_blue_180.png b/public/asset/image/overFlow_CI_blue_180.png
new file mode 100644
index 0000000..98833b7
Binary files /dev/null and b/public/asset/image/overFlow_CI_blue_180.png differ
diff --git a/public/index.html b/public/index.html
index e09ea73..526580b 100644
--- a/public/index.html
+++ b/public/index.html
@@ -16,7 +16,7 @@
 </head>
 
 <body>
-    <div id="appContainer"></div>
+    <div id="appContainer" class="fullHeight"></div>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/src/ts/@overflow/app/views/layout/LogoBar.tsx b/src/ts/@overflow/app/views/layout/LogoBar.tsx
index acb3e38..5a5ad68 100644
--- a/src/ts/@overflow/app/views/layout/LogoBar.tsx
+++ b/src/ts/@overflow/app/views/layout/LogoBar.tsx
@@ -28,8 +28,8 @@ export class LogoBar extends React.Component<any, any> {
       <Container fluid style={{ background: '#f8f8f8', 'paddingRight': '7px' }}>
         <Menu borderless secondary >
           <Menu.Item name='logo'>
-            {/* <Image src='https://lh3.googleusercontent.com/EaEViB7RYr3Rhhez8zY0TYsNsS5Rv2i63kyiQ5ym0rhQh38KRXBh7BDFo4mjDTDU_Hm6FAVg35247ZM1wE6cO-TuBP4wxYW2SG4hYoojqkUomu587xg3t50VGUSceK17-LUZhM-5XoCsXUXBHtfXVMqMZ2rUb23tgm7Kuv7eTgZZz0o9_dB0lApoi57EBVBNX8_qIDSH3YmGfvqhnKeh5AYnnBG_QXlTg1JExwtMehCe8KgXs4-vLuVicPCCuJ2AXSoWFpVXL9TVhrrMOkeuGd-6PGAFiNxeTG6NylQKwbQikx3Mx7KmGq3iSc8mqp0AmwjptG2DtS7nqwNaAZAi1DtraHYgJcE_tfpEgnZfFSWmVYQYcUe98pfZR11OfJErdJxE3w-mL1b4MoyufB0VkSlFM1BpMlfP3OsnnDIdNAXthT6MuLtI2iLv_CNeoDKi3fdH-zIcSmoArgAFrAo0-9oYUfvQDdaC_8MMddc97b_L78fzFOPRGIf52Ajr-Ia6sjdyDFdJ46-wPKfMW8XHnFfA96NsIcA-HYRZ7GTteJOzVq6HEabwnurZdTxdmCjzGHcb7OEu00DkVMhM6WbWZ0L8HWpIk92sy-sKbprHe-9oh_9WaxJzPrlG=w180-h30-no'
-            style={{width:'120px'}} onClick={this.handleLogoClick} />  */}
+            {/*<Image src='../asset/image/overFlow_CI_blue_180.png'
+            style={{width:'120px'}} onClick={this.handleLogoClick} /> */}
           </Menu.Item>
           <Popup trigger={<Menu.Item
             position='right'
diff --git a/src/ts/@overflow/member/react/components/PWChange.tsx b/src/ts/@overflow/member/react/components/PWChange.tsx
index 2f7e57b..c24bac6 100644
--- a/src/ts/@overflow/member/react/components/PWChange.tsx
+++ b/src/ts/@overflow/member/react/components/PWChange.tsx
@@ -37,29 +37,23 @@ export class PWChange extends React.Component<Props, State> {
   public render(): JSX.Element {
     return (
       <Container fluid>
-        <Grid>
-          <Grid.Row>
-            <Grid.Column mobile={16} tablet={5} computer={5}>
-            </Grid.Column>
-            <Grid.Column mobile={16} tablet={6} computer={6}>
-              <Form>
-                <Form.Input placeholder='Password' type='password' onChange={
-                  (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
-                    this.setState({ pass: data.value });
-                  }} />
-                <Form.Input placeholder='Password Confirm' type='password' onChange={
-                  (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
-                    this.setState({ passCon: data.value });
-                  }} />
-                <Form.Group>
-                  <Button primary fluid style={{margin:'7'}} onClick={this.passChangeClick}>    Submit  </Button>
-                  <Button fluid style={{margin:'7'}}>    Cancel  </Button>
-                </Form.Group>
-              </Form>
-            </Grid.Column>
-            <Grid.Column mobile={16} tablet={4} computer={5}>
-            </Grid.Column>
-          </Grid.Row>
+        <Grid centered verticalAlign='middle'>
+          <Grid.Column mobile={16} tablet={6} computer={5}>
+            <Form>
+              <Form.Input placeholder='Password' type='password' onChange={
+                (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                  this.setState({ pass: data.value });
+                }} />
+              <Form.Input placeholder='Password Confirm' type='password' onChange={
+                (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                  this.setState({ passCon: data.value });
+                }} />
+              <Form.Group>
+                <Button primary fluid style={{margin:'7'}} onClick={this.passChangeClick}>    Submit  </Button>
+                <Button fluid style={{margin:'7'}}>    Cancel  </Button>
+              </Form.Group>
+            </Form>
+          </Grid.Column>
         </Grid>
       </Container>
     );
diff --git a/src/ts/@overflow/member/react/components/SignIn.tsx b/src/ts/@overflow/member/react/components/SignIn.tsx
index 0523e18..b436ee1 100644
--- a/src/ts/@overflow/member/react/components/SignIn.tsx
+++ b/src/ts/@overflow/member/react/components/SignIn.tsx
@@ -50,68 +50,57 @@ export class SignIn extends React.Component<Props, State> {
 
   public render(): JSX.Element {
     return (
-      <Container fluid>
-        <Grid>
-          <Grid.Row>
-            <Grid.Column mobile={16} tablet={5} computer={5}>
-            </Grid.Column>
-            <Grid.Column mobile={16} tablet={6} computer={6}>
-              <Form>
-                <Form.Input fluid placeholder='Email' onChange={
-                (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
-                  this.setState({ email: data.value });
-                }} />
-                <Form.Input fluid placeholder='Password' type='password' onChange={
-                (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
-                  this.setState({ pass: data.value });
-                }} />
-                <div style={{textAlign:'right'}}>
-                  <a style={{fontSize:10}} onClick={this.forgotPopupOpen}>Forgot Password</a>
-                </div>
-                <Form.Group>
-                <Button fluid primary style={{margin:'7'}} onClick={ this.signInClick.bind(this) }>    Sign In  </Button>
-                <Button fluid style={{margin:'7'}} href='/#/test2'>    Sign Up  </Button>
-                </Form.Group>
-              </Form>
-            </Grid.Column>
-            <Grid.Column mobile={16} tablet={4} computer={5}>
-            </Grid.Column>
-          </Grid.Row>
-        </Grid>
+        <Grid textAlign='center' className='fullHeight' verticalAlign='middle'>
+          <Grid.Column mobile={16} tablet={6} computer={5}>
+            <Form>
+              <Form.Input fluid placeholder='Email' onChange={
+              (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                this.setState({ email: data.value });
+              }} />
+              <Form.Input fluid placeholder='Password' type='password' onChange={
+              (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                this.setState({ pass: data.value });
+              }} />
+              <div style={{textAlign:'right'}}>
+                <a style={{fontSize:10}} onClick={this.forgotPopupOpen}>Forgot Password</a>
+              </div>
+              <Form.Group>
+              <Button fluid primary style={{margin:'7'}} onClick={ this.signInClick.bind(this) }>    Sign In  </Button>
+              <Button fluid style={{margin:'7'}} href='/#/test2'>    Sign Up  </Button>
+              </Form.Group>
+            </Form>
 
-        <Modal size='small' open={this.state.forgotPopup} onClose={this.PopupClose}>
-          <Modal.Header>Change your password</Modal.Header>
-          <Modal.Content >
-            Enter email address
-            <Grid>
-              <Grid.Column mobile={16} tablet={3} computer={4}>
-              </Grid.Column>
-              <Grid.Column mobile={16} tablet={10} computer={8}>
-               <Input fluid placeholder='Email' />
-              </Grid.Column>
-              <Grid.Column mobile={16} tablet={3} computer={4}>
-              </Grid.Column>
-            </Grid>
-          </Modal.Content>
-          <Modal.Actions>
-            <Button primary onClick={this.sendComOpen}>              Submit      </Button>
-            <Button onClick={this.PopupClose}>              Cancel      </Button>
-          </Modal.Actions>
-        </Modal>
+            <Modal size='small' open={this.state.forgotPopup} onClose={this.PopupClose}>
+              <Modal.Header>Change your password</Modal.Header>
+              <Modal.Content >
+                Enter email address
+                <Grid centered>
+                  <Grid.Column mobile={14} tablet={8} computer={6}>
+                  <Input fluid placeholder='Email' />
+                  </Grid.Column>
+                </Grid>
+              </Modal.Content>
+              <Modal.Actions>
+                <Button primary onClick={this.sendComOpen}>              Submit      </Button>
+                <Button onClick={this.PopupClose}>              Cancel      </Button>
+              </Modal.Actions>
+            </Modal>
 
-        <Modal size='small' open={this.state.sendComPopup} onClose={this.PopupClose}>
-          <Modal.Header>Send Complete</Modal.Header>
-          <Modal.Content>
-            <Modal.Description>
-              <Header>비밀번호 변경이 신청 되었습니다.</Header>
-              <p>수신하신 메일의 주소에서 비밀번호 변경을 완료 하시기 바랍니다.</p>
-            </Modal.Description>
-          </Modal.Content>
-          <Modal.Actions>
-            <Button primary onClick={this.PopupClose}>              Ok      </Button>
-          </Modal.Actions>
-        </Modal>
-      </Container>
+            <Modal size='small' open={this.state.sendComPopup} onClose={this.PopupClose}>
+              <Modal.Header>Send Complete</Modal.Header>
+              <Modal.Content>
+                <Modal.Description>
+                  <Header>비밀번호 변경이 신청 되었습니다.</Header>
+                  <p>수신하신 메일의 주소에서 비밀번호 변경을 완료 하시기 바랍니다.</p>
+                </Modal.Description>
+              </Modal.Content>
+              <Modal.Actions>
+                <Button primary onClick={this.PopupClose}>              Ok      </Button>
+              </Modal.Actions>
+            </Modal>
+
+        </Grid.Column>
+      </Grid>
     );
   }
 
diff --git a/src/ts/@overflow/member/react/components/SignUp.tsx b/src/ts/@overflow/member/react/components/SignUp.tsx
index fd97678..c1f9a6c 100644
--- a/src/ts/@overflow/member/react/components/SignUp.tsx
+++ b/src/ts/@overflow/member/react/components/SignUp.tsx
@@ -58,55 +58,49 @@ export class SignUp extends React.Component<Props, State> {
   public render(): JSX.Element {
     return (
       <Container fluid>
-        <Grid>
-          <Grid.Row>
-            <Grid.Column mobile={16} tablet={5} computer={5}>
-            </Grid.Column>
-            <Grid.Column mobile={16} tablet={6} computer={6}>
-              <Form>
-                <Form.Input fluid value={this.state.email} placeholder='Email' onChange={
-                  (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
-                    this.setState({ email: data.value });
-                  }} />
-                <Form.Input fluid placeholder='Name' onChange= {
-                  (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
-                    this.setState({ name: data.value });
-                  }
-                }/>
-                <Form.Input fluid placeholder='Password' type='password' onChange={
-                  (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
-                    this.setState({ pass: data.value });
-                  }
-                } />
-                <Form.Input fluid placeholder='Password Confirm' type='password' onChange={
-                  (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
-                    this.setState({ passCon: data.value });
-                  }
-                } />
-                <Form.Input fluid placeholder='Company' onChange={
-                  (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
-                    this.setState({ company: data.value });
-                  }
-                }/>
-                <Form.Select fluid value={this.state.country} placeholder='Select your country' options={options} onChange={
-                  (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
-                    this.setState({ country: data.value });
-                  }
-                } />
-                <Form.Input fluid placeholder='phone' onChange={
-                  (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
-                    this.setState({ phone: data.value });
-                  }
-                } />
-                <Form.Group>
-                  <Button primary fluid style={{margin:'7'}} onClick={this.signUpClick}>   Sign Up  </Button>
-                  <Button fluid style={{margin:'7'}}>    Cancel  </Button>
-                </Form.Group>
-              </Form>
-            </Grid.Column>
-            <Grid.Column mobile={16} tablet={4} computer={5}>
-            </Grid.Column>
-          </Grid.Row>
+        <Grid centered verticalAlign='middle'>
+          <Grid.Column mobile={16} tablet={6} computer={5}>
+            <Form>
+              <Form.Input fluid value={this.state.email} placeholder='Email' onChange={
+                (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                  this.setState({ email: data.value });
+                }} />
+              <Form.Input fluid placeholder='Name' onChange= {
+                (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                  this.setState({ name: data.value });
+                }
+              }/>
+              <Form.Input fluid placeholder='Password' type='password' onChange={
+                (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                  this.setState({ pass: data.value });
+                }
+              } />
+              <Form.Input fluid placeholder='Password Confirm' type='password' onChange={
+                (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                  this.setState({ passCon: data.value });
+                }
+              } />
+              <Form.Input fluid placeholder='Company' onChange={
+                (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                  this.setState({ company: data.value });
+                }
+              }/>
+              <Form.Select fluid value={this.state.country} placeholder='Select your country' options={options} onChange={
+                (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                  this.setState({ country: data.value });
+                }
+              } />
+              <Form.Input fluid placeholder='phone' onChange={
+                (event: React.SyntheticEvent<HTMLInputElement>, data: InputOnChangeData) => {
+                  this.setState({ phone: data.value });
+                }
+              } />
+              <Form.Group>
+                <Button primary fluid style={{margin:'7'}} onClick={this.signUpClick}>   Sign Up  </Button>
+                <Button fluid style={{margin:'7'}}>    Cancel  </Button>
+              </Form.Group>
+            </Form>
+          </Grid.Column>
         </Grid>
       </Container>
 
