<template>
  <section id="pageBox">
    <div class="wrapper">
      <comHeader></comHeader>
      <main class="mt-[4.8vh]">
        <router-view></router-view>
      </main>
    </div>
  </section>
</template>

<script>
import comHeader from '@/components/comHeader/comHeader.vue';
export default {
  components: {
    comHeader,
  },
};
</script>

<style lang="scss" scoped>
#pageBox {
  padding-top: 56.26%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('@/assets/img/bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
</style>
