@extends('layouts.default', [
    'activatedNavItem' => 'UNIVERSITY',
])

@push('head')
    <link rel="stylesheet" type="text/css" href="/css/main.css?ver=20200807"/>
    <script type="text/javascript" src="/js/main.js?ver=20200807"></script>
@endpush

@section('content')

    <div class="container submain-university">
        <!-- 페이지타이틀 - 숨김 -->
        <div class="area-pages-top hidden">
            <h1 class="page-title">해외대학</h1>
        </div>

        <!-- 서브메인 컨텐츠 -->
        <div class="area-sm-content">
            <!-- 해외대학 합격현황 -->
            <div class="sm-pass-list">
                <div class="spl-title">
                    <div class="txt-wrap">
                        <h2><span class="pc-txt">실시간</span> 해외대학 합격현황</h2>
                        <p><strong>{{ $passCount }}</strong>건</p>
                        <a href="{{ route('university-abroad.result') }}" class="btn-detail">자세히보기</a>
                    </div>
                </div>
                <div class="passs-list-wrap">
                    <ul class="passs-list-slider">
                        @foreach ($passList as $item)
                            <li>
                                <span class="country">{{ $item->country_name }}</span>
                                <span class="year">{{ $item->pass_year }}</span>
                                <span class="name">{{ mb_substr($item->client_masking,0,3) }}</span>
                                <span class="school">{{ $item->school_name }}</span>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>

            <!-- full-banner -->
            <div class="sm-fullbanner">
                <h2 class="sm-cont-title hidden">해외대학 대표상품</h2>
                @contentManager('UNIVERSITY', 'TOP-IMAGES')
                <div class="slider-full">
                    <div class="swiper-wrapper">
                        @foreach ($items = @contentItems('UNIVERSITY', 'TOP-IMAGES')->get() as $item)
                            <div class="swiper-slide">
                                @contentItem(['item' => $item])
                                @endcontentItem
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="swiper-controls-wrap">
                    <div class="swiper-controls">
                        <div class="swiper-controls-direction">
                            <div class="swiper-button-prev">prev</div>
                            <div class="swiper-auto">
                                <div class="swiper-button-stop visible">멈춤</div>
                                <div class="swiper-button-start">재생</div>
                            </div>
                            <div class="swiper-button-next">next</div>
                        </div>
                        <div class="swiper-pagination"></div>
                    </div>
                </div>
            </div>
            <script>
                $(function(){
                    var mainSwiper = new Swiper('.sm-fullbanner .slider-full', {
                        loop: true,
                        navigation: {
                            nextEl: '.swiper-button-next',
                            prevEl: '.swiper-button-prev',
                        },
                        autoplay: {
                            delay: 6000,
                            disableOnInteraction: false,
                        },
                        pagination: {
                            el: '.swiper-pagination',
                            type: 'fraction',
                        },
                        breakpoints: {
                            768: {
                                pagination: {
                                    el: '.swiper-pagination',
                                    type: 'bullets',
                                    clickable: true,
                                }
                            }
                        }
                    });

                    $(".swiper-button-stop").click(function(){
                        mainSwiper.autoplay.stop();
                        $(".swiper-button-start").addClass('visible')
                        $(this).removeClass('visible')
                    });

                    $(".swiper-button-start").click(function(){
                        mainSwiper.autoplay.start();
                        $(".swiper-button-stop").addClass('visible')
                        $(this).removeClass('visible')
                    });

                    mainSwiper.on('resize', function () {
                        this.pagination.render();
                        this.pagination.update();
                    });
                });
            </script>

            <!-- 프로그램 -->
            @include('main.programs-search')

            <!-- 한눈에 보기 -->
            <article class="sm-summary" data-tab="tab-wrap">
                <div class="sm-cont-title">
                    <h2>국가별 해외대학 한눈에 보기</h2>
                    <p class="add-text">해외대학 입학! edm과 함께면 어렵지 않습니다</p>
                </div>
                <div class="sm-tabs" data-tab="summary-tab">
                    <ul class="md-tabs-basic">
                        <li class="active"><a href="#sm-summary-usa">미국</a></li>
                        <li><a href="#sm-summary-uk">영국</a></li>
                        <li><a href="#sm-summary-ca">캐나다</a></li>
                        <li><a href="#sm-summary-au">호주</a></li>
                        <li><a href="#sm-summary-nl">네덜란드</a></li>
                        <li><a href="#sm-summary-ch">스위스</a></li>
                    </ul>
                </div>
                <div class="sm-content">
                    <!-- 미국 -->
                    <section class="sm-summary-usa" id="sm-summary-usa" data-tab="tab-content">
                        <div class="column summary-slider">
                            <section class="program-list col2">
                                <h3 class="tit"><i class="num">01</i> 국제학생특별전형</h3>
                                <div class="add-text multi-line">국제학생특별전형을 수료 후  미국 상위 100위 ~ 200위권 명문대로 진학 가능!</div>
                                <div class="step-basic">
                                    <ol>
                                        <li>
                                            <span class="text">SAT 면제</span>
                                        </li>
                                        <li>
                                            <span class="text">공인어학점수 없이 조건부 입학</span>
                                        </li>
                                        <li>
                                            <span class="text">edm합격컨설팅 제공</span>
                                        </li>
                                    </ol>
                                </div>
                                <div class="pl-wrap">
                                    <div class="pl-header">
                                        <h4>대표프로그램</h4>
                                    </div>
                                    @if (isset($programs['summary']['university-solution-usa']))
                                        @include('main.summary.program', ['program' =>  $programs['summary']['university-solution-usa']])
                                    @endif
                            </section>
                            <section class="program-list col2">
                                <h3 class="tit"><i class="num">02</i> 국내대학 <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/main/summary/icon-flow.png" alt="오른쪽화살표" class="icon-valign"> 미국대학 편입</h3>
                                <div class="add-text"> 국내 대학교 학점 인정받고 미국대학교 2, 3학년으로 편입 가능!</div>
                                <div class="step-basic">
                                    <ol>
                                        <li>
                                            <span class="text">국내수료학점 인정</span>
                                        </li>
                                        <li>
                                            <span class="text">최소 4 ~ 12개월 준비</span>
                                        </li>
                                        <li>
                                            <span class="text">인턴십 기회가 있는 대학 편입</span>
                                        </li>
                                    </ol>
                                </div>
                                <div class="pl-wrap">
                                    <div class="pl-header">
                                        <h4>대표프로그램</h4>
                                    </div>
                                    @if (isset($programs['summary']['transfer-program-usa']))
                                        @include('main.summary.program', ['program' =>  $programs['summary']['transfer-program-usa']])
                                    @endif
                                </div>
                            </section>
                        </div>
                    </section>
                    <!-- 영국 -->
                    <section class="sm-summary-uk" id="sm-summary-uk" data-tab="tab-content">
                        <div class="column summary-slider">
                            <section class="program-list col2">
                                <h3 class="tit"><i class="num">01</i> 대학예비과정</h3>
                                <div class="add-text multi-line">고등학교를 졸업하고 영국 대학으로 진학하려는 경우, 영국에서 고등교육을 받지 않았다면 반드시 이수해야 하는 필수 과정!</div>
                                <div class="step-basic">
                                    <ol>
                                        <li>
                                            <span class="text">필수과정</span>
                                        </li>
                                        <li>
                                            <span class="text">수료 후 명문대 입학 가능</span>
                                        </li>
                                        <li>
                                            <span class="text">edm합격솔루션 제공</span>
                                        </li>
                                    </ol>
                                </div>
                                <div class="pl-wrap">
                                    <div class="pl-header">
                                        <h4>대표프로그램</h4>
                                    </div>
                                    @if (isset($programs['summary']['eng-univ-package']))
                                        @include('main.summary.program', ['program' =>  $programs['summary']['eng-univ-package']])
                                    @endif
                                </div>
                            </section>
                            <section class="program-list col2">
                                <h3 class="tit"><i class="num">02</i> 학부과정</h3>
                                <div class="add-text">영국 학부과정은 3년이며, 졸업 후 영국에서 현지 체류기간 2년 보장!</div>
                                <div class="step-basic">
                                    <ol>
                                        <li>
                                            <span class="text">학부 3년</span>
                                        </li>
                                        <li>
                                            <span class="text">졸업 후 2년간 체류 가능</span>
                                        </li>
                                        <li>
                                            <span class="text">edm합격솔루션 제공</span>
                                        </li>
                                    </ol>
                                </div>
                                <div class="pl-wrap">
                                    <div class="pl-header">
                                        <h4>대표프로그램</h4>
                                    </div>
                                    @if (isset($programs['summary']['undergraduate-solution-uk']))
                                        @include('main.summary.program', ['program' =>  $programs['summary']['undergraduate-solution-uk']])
                                    @endif
                                </div>
                            </section>
                            <section class="program-list col2">
                                <h3 class="tit"><i class="num">03</i> 석사예비과정</h3>
                                <div class="add-text multi-line">학점이 낮거나, 전공을 바꿔 석사 진학을 원하는 경우에 적합한 프로그램!</div>
                                <div class="step-basic">
                                    <ol>
                                        <li>
                                            <span class="text">낮은 영어점수 OK</span>
                                        </li>
                                        <li>
                                            <span class="text">낮은 학점 OK</span>
                                        </li>
                                        <li>
                                            <span class="text">전공변경 후 석사준비 가능</span>
                                        </li>
                                    </ol>
                                </div>
                                <div class="pl-wrap">
                                    <div class="pl-header">
                                        <h4>대표프로그램</h4>
                                    </div>
                                    @if (isset($programs['summary']['pre-master-program-uk']))
                                        @include('main.summary.program', ['program' =>  $programs['summary']['pre-master-program-uk']])
                                    @endif
                                </div>
                            </section>
                            <section class="program-list col2">
                                <h3 class="tit"><i class="num">04</i> 석사과정</h3>
                                <div class="add-text"> 영국 석사과정은 보통 1년이며, 졸업 후 영국에서 현지 체류기간 2년 보장!</div>
                                <div class="step-basic">
                                    <ol>
                                        <li>
                                            <span class="text">1년 과정</span>
                                        </li>
                                        <li>
                                            <span class="text">졸업 후 2년간 체류 가능</span>
                                        </li>
                                        <li>
                                            <span class="text">edm합격솔루션 제공</span>
                                        </li>
                                    </ol>
                                </div>
                                <div class="pl-wrap">
                                    <div class="pl-header">
                                        <h4>대표프로그램</h4>
                                    </div>
                                    @if (isset($programs['summary']['master-solution-uk']))
                                        @include('main.summary.program', ['program' =>  $programs['summary']['master-solution-uk']])
                                    @endif
                                </div>
                            </section>
                        </div>
                    </section>
                    <!-- 캐나다 -->
                    <section class="sm-summary-ca" id="sm-summary-ca" data-tab="tab-content">
                        <div class="column summary-slider">
                            <section class="program-list col2">
                                <h3 class="tit"><i class="num">01</i> 2년제 컬리지</h3>
                                <div class="add-text multi-line">2년제 공립 컬리지 졸업 후, 1년 풀타임 경력을 증명하게 되면 영주권 신청 가능!</div>
                                <div class="step-basic">
                                    <ol>
                                        <li>
                                            <span class="text">3년 취업비자 발급</span>
                                        </li>
                                        <li>
                                            <span class="text">영주권 취득 용이</span>
                                        </li>
                                        <li>
                                            <span class="text">edm합격솔루션 제공</span>
                                        </li>
                                    </ol>
                                </div>
                                <div class="pl-wrap">
                                    <div class="pl-header">
                                        <h4>대표프로그램</h4>
                                    </div>
                                    @if (isset($programs['summary']['college-solution-canada']))
                                        @include('main.summary.program', ['program' =>  $programs['summary']['college-solution-canada']])
                                    @endif
                                </div>
                            </section>
                            <section class="program-list col2">
                                <h3 class="tit"><i class="num">02</i> 4년제 대학</h3>
                                <div class="add-text"> 캐나다 국제학생 특별전형 또는 국제대학고등학교 편입을 통해서 진학!</div>
                                <div class="step-basic">
                                    <ol>
                                        <li>
                                            <span class="text">낮은성적 OK</span>
                                        </li>
                                        <li>
                                            <span class="text">명문대 입학 가능</span>
                                        </li>
                                        <li>
                                            <span class="text">3년 취업비자 발급</span>
                                        </li>
                                    </ol>
                                </div>
                                <div class="pl-wrap">
                                    <div class="pl-header">
                                        <h4>대표프로그램</h4>
                                    </div>
                                    @if (isset($programs['summary']['university-solution-canada']))
                                        @include('main.summary.program', ['program' =>  $programs['summary']['university-solution-canada']])
                                    @endif
                                </div>
                            </section>
                        </div>
                    </section>
                    <!-- 호주 -->
                    <section class="sm-summary-au" id="sm-summary-au" data-tab="tab-content">
                        <div class="column summary-slider">
                            <section class="program-list col2">
                                <h3 class="tit"><i class="num">01</i> 대학예비과정</h3>
                                <div class="add-text multi-line">한국에서 고등학교 졸업 후, 1년간의 파운데이션 과정을 통해 제휴대학교로 1학년 진학!</div>
                                <div class="step-basic">
                                    <ol>
                                        <li>
                                            <span class="text">낮은성적 OK</span>
                                        </li>
                                        <li>
                                            <span class="text">명문대 입학 가능</span>
                                        </li>
                                        <li>
                                            <span class="text">edm합격솔루션 제공</span>
                                        </li>
                                    </ol>
                                </div>
                                <div class="pl-wrap">
                                    <div class="pl-header">
                                        <h4>대표프로그램</h4>
                                    </div>
                                    @if (isset($programs['summary']['navitas-university-abroad-program-austrailia']))
                                        @include('main.summary.program', ['program' =>  $programs['summary']['navitas-university-abroad-program-austrailia']])
                                    @endif
                                </div>
                            </section>
                            <section class="program-list col2">
                                <h3 class="tit"><i class="num">02</i> TAFE / College</h3>
                                <div class="add-text"> IT, 요리, 호텔/관광, 간호, 자동차정비 등 다양한 전공 선택 및 호주 영주권 취득 가능!</div>
                                <div class="step-basic">
                                    <ol>
                                        <li>
                                            <span class="text">저렴한 학비</span>
                                        </li>
                                        <li>
                                            <span class="text">영주권 취득 용이</span>
                                        </li>
                                        <li>
                                            <span class="text">edm합격솔루션 제공</span>
                                        </li>
                                    </ol>
                                </div>
                                <div class="pl-wrap">
                                    <div class="pl-header">
                                        <h4>대표프로그램</h4>
                                    </div>
                                    <div class="pl-content">
                                        <div class="pl-content-thumb">
                                            <!-- 공통상품영역 : 썸네일만 -->
                                            <div class="area-pg-item">
                                                <div class="pg-item-thumb">
                                                    <div class="bg"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/banner/programs/tafe-college.jpg" alt="TAFE College"></div>
                                                    <div class="title">
                                                        <p>
                                                            <span style="color:#074a8e;">TAFE</span><br>
                                                            <span class="color" style="color:#000000;">College</span>
                                                        </p>
                                                    </div>
                                                    <div class="cate">
                                                        <span class="univ">해외대학</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="pl-content-text">
                                            호주 대표 기술전문대학이며 졸업 후 현지 취업에도 유리
                                        </div>
                                        <div class="button-wrap">
                                            <a href="{{ route('inquiry.consultation.create') }}" class="button color wide">상담예약</a>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </section>
                    <!-- 네덜란드 -->
                    <section class="sm-summary-nl" id="sm-summary-nl" data-tab="tab-content">
                        <div class="column summary-slider">
                            <section class="program-list col2">
                                <h3 class="tit"><i class="num">01</i> 암스테르담 대학예비과정</h3>
                                <div class="add-text multi-line">네덜란드 최고의 명문대, University of Amsterdam 입학!</div>
                                <div class="step-basic">
                                    <ol>
                                        <li>
                                            <span class="text">암스테르담 대학입학</span>
                                        </li>
                                        <li>
                                            <span class="text">졸업후 1년 체류 가능</span>
                                        </li>
                                        <li>
                                            <span class="text">타국가 대비 저렴한 학비</span>
                                        </li>
                                    </ol>
                                </div>
                                <div class="pl-wrap">
                                    <div class="pl-header">
                                        <h4>대표프로그램</h4>
                                    </div>
                                    @if (isset($programs['summary']['foundation-program-in-amsterdam']))
                                        @include('main.summary.program', ['program' =>  $programs['summary']['foundation-program-in-amsterdam']])
                                    @endif
                                </div>
                            </section>
                            <section class="program-list col2">
                                <h3 class="tit"><i class="num">02</i> 대학 예비 과정</h3>
                                <div class="add-text"> 네덜란드 에라무스, 트웬테, 틸버그 대학 등 진학!</div>
                                <div class="step-basic">
                                    <ol>
                                        <li>
                                            <span class="text">파트너 대학 진학</span>
                                        </li>
                                        <li>
                                            <span class="text">졸업후 1년 체류 가능</span>
                                        </li>
                                        <li>
                                            <span class="text">타국가 대비 저렴한 학비</span>
                                        </li>
                                    </ol>
                                </div>
                                <div class="pl-wrap">
                                    <div class="pl-header">
                                        <h4>대표프로그램</h4>
                                    </div>
                                    <div class="pl-content">
                                        <div class="pl-content-thumb">
                                            <!-- 공통상품영역 : 썸네일만 -->
                                            <div class="area-pg-item">
                                                <div class="pg-item-thumb">
                                                    <div class="bg"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/banner/programs/nd-university.jpg" alt="네덜란드 대학예비과정"></div>
                                                    <div class="title">
                                                        <p>
                                                            <span>대학예비과정</span><br>
                                                            <!--<span class="color">명문대 진학하기</span>-->
                                                        </p>
                                                    </div>
                                                    <div class="cate">
                                                        <span class="univ">해외대학</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="pl-content-text">
                                            대학예비과정 성공적 이수 시, 네덜란드 에라무스, 트웬테, 틸버그 대학 등 진학
                                        </div>
                                        <div class="button-wrap">
                                            <a href="{{ route('inquiry.consultation.create') }}" class="button color wide">상담예약</a>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </section>
                    <!-- 스위스 -->
                    <section class="sm-summary-ch" id="sm-summary-ch" data-tab="tab-content">
                        <div class="column summary-slider">
                            <section class="program-list col2">
                                <h3 class="tit"><i class="num">01</i> 호텔유학</h3>
                                <div class="add-text multi-line">총 3년 간의 학사학위 프로그램은 매년 4~6개월 인턴십으로 구성!</div>
                                <div class="step-basic">
                                    <ol>
                                        <li>
                                            <span class="text">유급 인턴십 제공</span>
                                        </li>
                                        <li>
                                            <span class="text">3년 만에 학사학위 취득가능</span>
                                        </li>
                                        <li>
                                            <span class="text">협회 학위와 자격증 동시 취득 가능</span>
                                        </li>
                                    </ol>
                                </div>
                                <div class="pl-wrap">
                                    <div class="pl-header">
                                        <h4>대표프로그램</h4>
                                    </div>
                                    <div class="pl-content">
                                        <div class="pl-content-thumb">
                                            <!-- 공통상품영역 : 썸네일만 -->
                                            <div class="area-pg-item">
                                                <div class="pg-item-thumb">
                                                    <div class="bg"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/banner/programs/sw_hoteluhak.jpg" alt="스위스 호텔유학"></div>
                                                    <div class="title">
                                                        <p>
                                                            <span>호텔유학</span><br>
                                                            {{-- <span class="color">+ 취업이민</span> --}}
                                                        </p>
                                                    </div>
                                                    <div class="cate">
                                                        <span class="univ">해외대학</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="pl-content-text">
                                            체계적인 실무중의 교육 및 인턴십 기회를 제공
                                        </div>
                                        <div class="button-wrap">
                                            <a href="{{ route('inquiry.consultation.create') }}" class="button color wide">상담예약</a>
                                        </div>
                                    </div>
                                </div>
                            </section>
                            <section class="program-list col2">
                                <h3 class="tit"><i class="num">02</i> 요리유학</h3>
                                <div class="add-text"> 총 3년 과정으로 이루어져 있으며 매년 6개월 인턴십으로 구성!</div>
                                <div class="step-basic">
                                    <ol>
                                        <li>
                                            <span class="text">유급 인턴십 제공</span>
                                        </li>
                                        <li>
                                            <span class="text">3년 만에 학사학위 취득가능</span>
                                        </li>
                                        <li>
                                            <span class="text">탄탄한 취업네트워크</span>
                                        </li>
                                    </ol>
                                </div>
                                <div class="pl-wrap">
                                    <div class="pl-header">
                                        <h4>대표프로그램</h4>
                                    </div>
                                    <div class="pl-content">
                                        <div class="pl-content-thumb">
                                            <!-- 공통상품영역 : 썸네일만 -->
                                            <div class="area-pg-item">
                                                <div class="pg-item-thumb">
                                                    <div class="bg"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/banner/programs/sw_cookuhak.jpg" alt="스위스 요리유학"></div>
                                                    <div class="title">
                                                        <p>
                                                            <span>요리유학</span><br>
                                                            <!--<span class="color">명문대 진학하기</span>-->
                                                        </p>
                                                    </div>
                                                    <div class="cate">
                                                        <span class="univ">해외대학</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="pl-content-text">
                                            대중매체의 영향으로 전문쉐프과정 교육을 제공하는 스위스 요리유학이 주목
                                        </div>
                                        <div class="button-wrap">
                                            <a href="{{ route('inquiry.consultation.create') }}" class="button color wide">상담예약</a>
                                        </div>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </section>
                </div>
            </article>

            <!-- 게시판 등 -->
            <div class="sm-extra">
                <!-- 게시판 미리보기 -->
                <div class="area-board-attr flex-wrap">
                    <div class="col2">
                        <div class="sm-cont-title">
                            <h2>대학최신소식</h2>
                            <a href="{{ route('university-abroad.latest-news.index') }}" class="more-txt">더보기</a>
                        </div>
                        <ul>
                            @foreach ($newsList as $item)
                                <li>
                                    <a href="{{ route('university-abroad.latest-news.show', $item->p_id) }}">
                                        <span class="subject">{{ $item->p_title }}</span>
                                        <span class="info"><i class="date">{{ $item->p_reg_date->format('Y.m.d') }}</i></span>
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                    <div class="col2">
                        <div class="sm-cont-title">
                            <h2>대학방문</h2>
                            <a href="{{ route('university-abroad.staff-meeting.index') }}" class="more-txt">더보기</a>
                        </div>
                        <ul>
                            @foreach ($visitList as $item)
                                <li>
                                    <a href="{{ route('university-abroad.staff-meeting.show', $item->p_id) }}">
                                        <span class="subject">{{ $item->p_title }}</span>
                                        <span class="info"><i class="date">{{ $item->p_reg_date->format('Y.m.d') }}</i></span>
                                    </a>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>

            <!-- why edm -->
            @include('main.why-edm')

            <!-- 역시edm -->
            @include('main.recommend-edm')

            <!-- 인기 프로그램 : 와이드 -->
            @include('main.programs-popular')

            <!-- 프로그램 : 기본형 -->
            <div class="sm-programs-basic">
                <article class="fix-wrap country" data-tab="tab-wrap">
                    <div class="sm-cont-title">
                        <h2>국가별 {{ $type->name }} 프로그램</h2>
                        <p class="add-text"> 국가별로 가고싶은 프로그램을 확인해보세요</p>
                        <a href="{{ route('programs.submain.university-abroad') }}" class="more-txt">더보기</a>
                    </div>
                    <div class="md-tabs-wrap">
                        <ul class="md-tabs-line" data-tab="tab-menu">
                            <li class="active"><a href="#sm-pg-cont0">전체</a></li>
                            <li><a href="#sm-pg-cont1">미국</a></li>
                            <li><a href="#sm-pg-cont2">영국</a></li>
                            <li><a href="#sm-pg-cont3">캐나다</a></li>
                            <li><a href="#sm-pg-cont4">호주</a></li>
                            <li><a href="#sm-pg-cont5">네덜란드</a></li>
                            <li><a href="#sm-pg-cont6">스위스</a></li>
                            <li><a href="#sm-pg-cont7">싱가포르</a></li>
                        </ul>
                    </div>
                    <!-- 국가별 -->
                    @include('main.programs-country')
                </article>
            </div>

            <!-- 전공별 추천학교 -->
            {{-- <article class="sm-recommend-school">
                <div class="sm-cont-title">
                    <h2>국가별 어학연수 프로그램</h2>
                    <p class="add-text"> 국가별로 가고싶은 프로그램을 확인해보세요.</p>
                    <a href="#" class="more-txt">더보기</a>
                </div>
                <ul>
                    <li>
                        <a href="#">
                            <span class="icon"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/main/recommend/icon-major1.png" alt=""></span>
                            <span class="text">미술치료</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="icon"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/main/recommend/icon-major2.png" alt=""></span>
                            <span class="text">미술치료</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="icon"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/main/recommend/icon-major3.png" alt=""></span>
                            <span class="text">미술치료</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="icon"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/main/recommend/icon-major4.png" alt=""></span>
                            <span class="text">미술치료</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="icon"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/main/recommend/icon-major5.png" alt=""></span>
                            <span class="text">미술치료</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="icon"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/main/recommend/icon-major6.png" alt=""></span>
                            <span class="text">미술치료</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="icon"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/main/recommend/icon-major7.png" alt=""></span>
                            <span class="text">미술치료</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="icon"><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/main/recommend/icon-major8.png" alt=""></span>
                            <span class="text">미술치료</span>
                        </a>
                    </li>
                </ul>
            </article> --}}

            <!-- 풀 배너 영역 -->
            <div class="sm-fullbanner-event">
                @contentManager('UNIVERSITY', 'MIDDLE-FULL-BANNERS')
                <ul class="slider-cont-full">
                    @foreach ($items = @contentItems('UNIVERSITY', 'MIDDLE-FULL-BANNERS')->get() as $item)
                        <li>
                            @contentItem(['item' => $item])
                            @endcontentItem
                        </li>
                    @endforeach
                </ul>
            </div>

            <!-- 후기 -->
            <article class="sm-review-full" data-tab="tab-wrap">
                <div class="sm-cont-title">
                    <h2>{{ $type->name }}후기</h2>
                    <p class="add-text">솔직한 유학이야기가 궁금하다면? <br class="mo-br"> 유학 전 확인 필수!</p>
                    <a href="{{ route('review.university.index') }}" class="more-txt">더보기</a>
                </div>
                @include('main.reviews')
            </article>

            <!-- 유학로그 -->
            {{-- @include('main.uhak-log') --}}

            <!-- edm유튜브 -->
            {{-- @include('main.youtube') --}}

            <!-- 게시판 등 -->
            <div class="sm-extra">
                <!-- 게시판 미리보기 -->
                @include('main.qna-notice')

                <!-- 이벤트 -->
                <div class="event-wrap flex-wrap">
                    <div class="col2">
                        @contentManager('UNIVERSITY', 'BOTTOM-LEFT-IMAGES')
                        @php
                            $query = contentItems('UNIVERSITY', 'BOTTOM-LEFT-IMAGES');
                            $query->getQuery()->orders = null;
                        @endphp
                        @if ($item = $query->inRandomOrder()->first())
                            @contentItem(['item' => $item])
                            @endcontentItem
                            {{--<div class="author">
                                <p>{!! nl2br($item->description) !!}</p>
                            </div>--}}
                        @endif
                    </div>
                    <div class="col2">
                        @contentManager('UNIVERSITY', 'BOTTOM-RIGHT-IMAGES')
                        @php
                            $query = contentItems('UNIVERSITY', 'BOTTOM-RIGHT-IMAGES');
                            $query->getQuery()->orders = null;
                        @endphp
                        @if ($item = $query->inRandomOrder()->first())
                            @contentItem(['item' => $item])
                            @endcontentItem
                            {{--<div class="author">
                                <p>{!! nl2br($item->description) !!}</p>
                            </div>--}}
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <!-- 지사안내 -->
        @include('main.branches')
    </div>
    <script>
        $(document).ready(function(){
            /* 해외대학 : 실시간 합격현황*/
            $('.passs-list-slider').bxSlider({
                mode: 'vertical',   // 세로 방향 슬라이드
                speed: 100,         // 이동 속도를 설정
                auto: true,         // 자동 실행 여부
                pager: false,       // 현재 위치 페이징 표시 여부 설정
                controls: false,    // 이전 다음 버튼 노출 여부
                infiniteLoop: true, // 슬라이드 반복 여부
                moveSlides: 2,      // 슬라이드 이동시 개수
                minSlides: 6,       // 최소 노출 개수
                maxSlides: 20,       // 최대 노출 개수
                autoHover: false    // 마우스 호버시 정지 여부
            });
        });
    </script>

@endsection