@extends('layouts.default')

@section('content')

    <div class="container 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/guide1-akmu.jpg" alt="" class="pc-img">
                <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/service/guide1-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="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="#" class="button line"><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="#" class="button line"><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="#" class="button line"><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="#" class="button line"><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="#" class="button line"><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="#" class="button line"><span>조기유학 다운로드</span><i class="ui-kit-download"></i></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

@endsection