<div class="px-6 py-12 text-center">
    <div class="mx-auto max-w-lg">
        <div class="mb-4 flex justify-center">
            <div class="rounded-full bg-gray-100 p-3">
                <svg class="h-6 w-6 text-gray-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z" />
                </svg>
            </div>
        </div>
        <h4 class="text-base font-semibold leading-6 text-gray-950">
            역할을 선택해주세요
        </h4>
        <p class="mt-2 text-sm text-gray-600">
            상단에서 역할을 선택하면 해당 역할의 권한을 설정할 수 있습니다.
        </p>
    </div>
</div>
