<template>
  <div class="border pd20">
    <div class="flex align-center  mb15">
      <div class="mr5">
        <img src="/client/resources/img/good.png" alt="만족도">
      </div>
      <div>
        <p class="detail-bold mb5">현재페이지의 내용과 사용편의성에 만족하십니까?</p>
        <div class="flex align-center">
          <div class="input-group mr10">
            <input type="radio" name="cmt" id="cmt1" class="mr5" />
            <label for="cmt1" class="date-text">매우 만족</label>
          </div>
          <div class="input-group mr10">
            <input type="radio" name="cmt" id="cmt2" class="mr5" />
            <label for="cmt2" class="date-text">만족</label>
          </div>
          <div class="input-group mr10">
            <input type="radio" name="cmt" id="cmt3" class="mr5" />
            <label for="cmt3" class="date-text">보통</label>
          </div>
          <div class="input-group mr10">
            <input type="radio" name="cmt" id="cmt4" class="mr5" />
            <label for="cmt4" class="date-text">불만족</label>
          </div>
          <div class="input-group mr10">
            <input type="radio" name="cmt" id="cmt5" class="mr5" />
            <label for="cmt5" class="date-text">매우 불만족</label>
          </div>
        </div>
      </div>
    </div>
    <div class="text-zone">
      <textarea name="" id="" style="min-height: 2rem;"></textarea>
    </div>
    <div class="flex justify-end align-center no-gutters">
      <div class="gd-1">
        <button class="large-btn blue-btn">평가하기</button>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  props: {

  },
  data() {
    return {

    }
  },
  methods: {
  },
  watch: {

  },
  computed: {

  },
  components: {

  },
  mounted() {
  }
}
</script>
