greenBackground.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1366 764">
  <defs>
    <style>
      .cls-1 {
        clip-path: url(#clip-greenBackground);
      }

      .cls-2 {
        fill: #4f7426;
      }

      .cls-3 {
        fill: #608832;
      }

      .cls-4 {
        fill: #719c40;
      }

      .cls-5 {
        fill: #e1f6c1;
      }

      .cls-6 {
        filter: url(#사각형_6);
      }

      .cls-7 {
        filter: url(#사각형_9);
      }

      .cls-8 {
        filter: url(#사각형_11);
      }
    </style>
    <filter id="사각형_11" x="-181.159" y="-163.67" width="1090.497" height="1236.571" filterUnits="userSpaceOnUse">
      <feOffset dx="3" dy="3" input="SourceAlpha"/>
      <feGaussianBlur stdDeviation="3" result="blur"/>
      <feFlood flood-opacity="0.161"/>
      <feComposite operator="in" in2="blur"/>
      <feComposite in="SourceGraphic"/>
    </filter>
    <filter id="사각형_9" x="-308.159" y="-153.67" width="1090.497" height="1236.571" filterUnits="userSpaceOnUse">
      <feOffset dx="3" dy="3" input="SourceAlpha"/>
      <feGaussianBlur stdDeviation="3" result="blur-2"/>
      <feFlood flood-opacity="0.161"/>
      <feComposite operator="in" in2="blur-2"/>
      <feComposite in="SourceGraphic"/>
    </filter>
    <filter id="사각형_6" x="-427.159" y="-139.67" width="1090.497" height="1236.571" filterUnits="userSpaceOnUse">
      <feOffset dx="3" dy="3" input="SourceAlpha"/>
      <feGaussianBlur stdDeviation="3" result="blur-3"/>
      <feFlood flood-opacity="0.161"/>
      <feComposite operator="in" in2="blur-3"/>
      <feComposite in="SourceGraphic"/>
    </filter>
    <clipPath id="clip-greenBackground">
      <rect width="1366" height="764"/>
    </clipPath>
  </defs>
  <g id="greenBackground" class="cls-1">
    <rect class="cls-5" width="1366" height="764"/>
    <g class="cls-8" transform="matrix(1, 0, 0, 1, 0, 0)">
      <rect id="사각형_11-2" data-name="사각형 11" class="cls-2" width="711" height="1013" transform="translate(-175.16 142.81) rotate(-25)"/>
    </g>
    <g class="cls-7" transform="matrix(1, 0, 0, 1, 0, 0)">
      <rect id="사각형_9-2" data-name="사각형 9" class="cls-3" width="711" height="1013" transform="translate(-302.16 152.81) rotate(-25)"/>
    </g>
    <g class="cls-6" transform="matrix(1, 0, 0, 1, 0, 0)">
      <rect id="사각형_6-2" data-name="사각형 6" class="cls-4" width="711" height="1013" transform="translate(-421.16 166.81) rotate(-25)"/>
    </g>
  </g>
</svg>