@extends(env('APP_NAME').'.layout', [
    'activatedNavItem' => 'SERVICE',
])

@push('head')
    {!! resource('edmuhak/asset/pages.css') !!}
@endpush

@section('content')

    <div class="service guidebook">
        <!-- 페이지타이틀 -->
        <div class="area-guidebook-top">
            <div class="agt-bg">
                <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guide2-akmu.jpg" alt="" class="pc-img">
                <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guide2-mo-akmu.jpg" alt="" class="mo-img">
            </div>
            <div class="agt-content">
                <h1 class="page-title"><small>국가별 유학 &middot; 어학연수</small> 가이드북 <span class="text-color">다운로드</span></h1>
                <p class="add-text">
                    국가별 유학생활 가이드, 추천학교 및 진학 방법, 고객후기 등<br>
                    최신 유학정보가 담긴 가이드북을 다운로드 할 수 있습니다.<br>
                    언제든지 최신 유학정보를 확인해보세요!
                </p>
            </div>
        </div>

        <!-- 컨텐츠 -->
        <div class="area-pages-content">
            <div class="cont-title">
                <h2>유학/어학연수 <span class="text-color">가이드북 선택</span></h2>
            </div>
            <div class="max-width">
                <div class="area-guidebook-download">
                    <ul>
                         <li>
                            <span class="img">
                                <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guidebook-usa.png" alt="미국 가이드북">
                            </span>
                            <a href="/guidebook-download/file/edm_us" class="button line" target="_blank"><span>미국 다운로드</span><i class="ui-kit-download"></i></a>
                        </li>

                         <li>
                            <span class="img">
                                <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guidebook-ca.png" alt="미국 가이드북">
                            </span>
                            <a href="/guidebook-download/file/edm_ca" class="button line" target="_blank"><span>캐나다 다운로드</span><i class="ui-kit-download"></i></a>
                        </li>
                        <li>
                            <span class="img">
                                <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guidebook-uk-ie.png" alt="영국 가이드북">
                            </span>
                            <a href="/guidebook-download/file/edm_uk-ie" class="button line" target="_blank"><span>영국 다운로드</span><i class="ui-kit-download"></i></a>
                        </li>
                        <li>
                            <span class="img">
                                <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guidebook-au.png" alt="호주 가이드북">
                            </span>
                            <a href="/guidebook-download/file/edm_au-nz" class="button line" target="_blank"><span>호주 다운로드</span><i class="ui-kit-download"></i></a>
                        </li>
                        <li>
                            <span class="img">
                                <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guidebook-art.png" alt="아트유학 가이드북">
                            </span>
                            <a href="/guidebook-download/file/edm_art" class="button line" target="_blank"><span>아트유학 다운로드</span><i class="ui-kit-download"></i></a>
                        </li>
                        <li>
                            <span class="img">
                                <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guidebook-junior.png" alt="조기유학 가이드북">
                            </span>
                            <a href="/guidebook-download/file/edm_boarding" class="button line" target="_blank"><span>조기유학 다운로드</span><i class="ui-kit-download"></i></a>
                        </li>
                        <li>
                            <span class="img">
                                <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guidebook-language.png" alt="어학연수 가이드북">
                            </span>
                            <a href="/guidebook-download/file/edm_language" class="button line" target="_blank"><span>어학연수 다운로드</span><i class="ui-kit-download"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    @if(session()->has('jsAlert'))
        <script>
            alert("{{ session()->get('jsAlert') }}");
        </script>
    @endif

@endsection