<template>
<div id="app">
  <siteHeader></siteHeader>
  <div class = "body">
    <setting></setting>
    <noticeList></noticeList>
  </div>
</div>
</template>

<script>
import siteHeader from './components/header'
import loginMenu from './components/loginMenu'
import noticeList from './components/noticeList'

export default {
  name: 'App',
  components: {
    'siteHeader': siteHeader,
    'loginMenu': loginMenu,
    'noticeList': noticeList
  }
}
</script>

<style>
@font-face{
  font-family: 'JejuGothic';
  src: url('assets/JejuGothic.ttf');
}
@font-face{
  font-family: 'BIGJOHN';
  src: url('assets/BIGJOHN.otf');
}
body{
    font-family: sans-serif;
    margin: 0;
    background: #f2f3f5;
}
a{
    text-decoration: none;
    color: inherit;
}
li{
    list-style: none;
}
input{
    border: none;
}
button{
    border:none;
}
ul{
    padding:0;
}
.body{
  margin-top:10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
</style>