@extends('common.layout-empty')

@section('header')
    <style>
        .container { padding: 24px; border-radius: 16px; background: #fff;    position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;max-width: 600px;}
        a { text-decoration: underline !important;}

        .icon img { max-width: 360px; width: 360px; }
        h1 { font-family: Arial, Helvetica, sans-serif;}
    </style>
@endsection

@section('content')
<div class="container">

    <div class="icon">
        <img src="{{ env("AWS_S3_IMG_URL") }}/icon/forbidden.svg">
    </div>

    {{-- <h1 class="mt-3 text-danger font-weight-600 text-center d-block">Forbidden</h1> --}}

    <div class="mt-3">
        <a href="/ip-authorized" class="btn btn-link">IP 허용하러 가기 >></a>
    </div>
</div>

@endsection

@push("script")

@endpush