@extends('programs.show')

@push('head')
    <link rel="stylesheet" type="text/css" href="/css/programs/language-mbti.css?ver=220926"/>
    <link rel="stylesheet" type="text/css" href="/css/programs/fonts.css"/>
@endpush

@section('details')
    <article class="program language-mbti">

        <!-- MBTI 유형별 -->
        <section class="mbti-section01">
            <div class="mbti-width">
                <div class="mbti-section01-titleImg">
                    <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-section01-img-220510.png" alt="MBTI 과몰입러를 위한 MBTI유형별 추천 어학연수">
                    <img class="mbti-section01-titleImg-img1" src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-section01-img03-220510.png" alt="디자인 이미지 - 말풍선 이미지">
                    <img class="mbti-section01-titleImg-img2" src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-section01-img04-220510.png" alt="디자인 이미지 - 전구 이미지">
                </div>
                <div class="mbti-section01-imgBox">
                    <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-section01-img02-220510.png" alt="디자인 이미지 - 돋보기 이미지">
                </div>
                <div class="mbti-section01-title">
                    <strong>edm유학센터 단독 혜택!!!</strong> <br>
                    <span>어학연수 출국 전 국내에서<br><strong>영어 회화 수업 4주 무료!</strong></span>
                </div>
            </div>
        </section>
        <!-- //MBTI 유형별 -->

        <!-- 여러분은 어떤 유형인가요? -->
        <section class="mbti-section02">
            <div class="mbti-width">
                <h1>
                    <span class="mbti-sub-title2">여러분은 어떤 유형인가요?</span> <br>
                    <span class="mbti-textBox2">미국 &#183; 영국 &#183; 캐나다 &#183; 호주 &#183; 몰타 어학연수 <br>MBTI 유형별 추천 어학연수를 확인해보세요!</span>
                </h1>
                <div class="mbti-section02-con"><iframe width="100%" height="100%" src="https://www.youtube.com/embed/zybhVEFQ8V4" title="YouTube video player"  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
            </div>
        </section>
        <!-- //여러분은 어떤 유형인가요? -->

        <!-- 유형별 추천 도시 -->
        <nav class="mbti-nav">
            <a href="#nav1" class="mbti-EandI"><strong><strong>E</strong> vs <strong>I</strong></strong><br class="mo-br"> <span>어학연수 추천 도시</span></a>
            <a href="#nav2" class="mbti-PandJ"><strong><strong>P</strong> vs <strong>J</strong></strong><br class="mo-br"> <span>어학연수 추천 과정</span></a>
        </nav>
        <!-- //유형별 추천 도시 -->

        <!-- 어학연수 추천 도시 -->
        <section class="mbti-section03" id="nav1">
            <div class="mbti-width">
                <h2 class="mbti-title">어학연수 추천 도시</h2>
                <p class="mbti-text">나에게 잘 맞는 어학연수 도시는 어디일까?</p>
                <div class="mbti-select">

                    <div class="mbti-select-col">
                        <h3 class="mbti-select-title">E (외향형)</h3>
                        <p class="mbti-select-text">사람들과 있을 때 에너지를 얻는다</p>
                        <div class="mbti-select-category">
                            <span>정열적, 활동적</span>
                            <span>외부 활동</span>
                            <span>사교성 좋음</span>
                            <span>잦은 교류와 경험 중시</span>
                            <span>폭넓은 대인관계</span>
                        </div>
                        <div class="mbti-select-imgBox"></div>
                        <div class="mbti-select-link">
                            <a href="#mbtiTypeE">E 추천도시 확인하기</a>
                        </div>
                    </div>
                    <!-- //E 외향형 -->

                    <div class="mbti-select-col">
                        <h3 class="mbti-select-title">I (내향형)</h3>
                        <p class="mbti-select-text">혼자 있을 때 에너지가 충전된다</p>
                        <div class="mbti-select-category">
                            <span>조용함, 신중함</span>
                            <span>내부 활동</span>
                            <span>자기공간 중요</span>
                            <span>깊이 있는 상호작용 선호</span>
                            <span>깊이 있는 대인관계</span>
                        </div>
                        <div class="mbti-select-imgBox"></div>
                        <div class="mbti-select-link">
                            <a href="#mbtiTypeI">I 추천도시 확인하기</a>
                        </div>
                    </div>
                    <!-- //I 내향형 -->

                </div>
            </div>
        </section>
        <!-- 어학연수 추천 도시 -->

        <!-- 에너지 넘치고 호기심 많은 E -->
        <section class="mbti-section04" id="mbtiTypeE">
            <div class="mbti-width">
                <h2 class="mbti-title mbti-title-type-E">에너지 넘치고 <br class="mo-br">호기심 많은 <span>E</span></h2>
                <p class="mbti-text"><strong>다양한 볼거리와 즐길 거리가 공존</strong>하는 어학연수 도시를 추천해요! <br> <br> 많은 사람들에게 오랫동안 사랑받는<br>세계적인 도시에서 여행과 어학연수를 함께 즐겨보세요!</p>

                <div class="mbti-slider">
                    <h3 class="mbti-slider-title">미국 - 뉴욕 어학연수</h3>
                    <h4 class="mbti-slider-sub-title">세계의 예술, 문화, 경제의 중심 뉴욕</h4>
                    <p class="mbti-slider-text">미국이 전 세계의 중심이라면, 미국의 중심은 뉴욕 이라고 할 수 있어요. 다양한 국적의 사람들이 모여 있고, 트렌드를 선도하는 도시 답게 여러가지 문화를 경험할 수 있기 때문에 지루할 틈이 없어요.</p>
                    <div class="mbti-slider-con">
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img01-220510.jpg" alt="뉴욕 관광지">
                            </span>
                        </div>
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img02-220510.jpg" alt="뉴욕 관광지">
                            </span>
                        </div>
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img03-220510.jpg" alt="뉴욕 관광지">
                            </span>
                        </div>
                    </div>
                    <div class="mbti-slider-institution">
                        <h4 class="mbti-slider-institution-title">뉴욕 어학연수 추천 기관</h4>
                        <div>
                            <span>
                                <img class="mbti-slider-institution-img" src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-logo01-220510.png" alt="EC">
                            </span>
                            <dl>
                                <dt><a href="/school/language-abroad/1810-uid" target="_blank">EC English Language Centres, New York</a></dt>
                                <dd>
                                    <ul>
                                        <li>등록부터 시작되는 최상의 학생 관리 시스템, 장기 학생 관리 시스템 보유</li>
                                        <li>스피킹과 커뮤니케이션 능력 향상에 집중되어 있는 최상의 커리큘럼</li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                        <div>
                            <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-logo02-220510.png" alt="Kaplan"></span>
                            <dl>
                                <dt><a href="/school/language-abroad/4674-uid" target="_blank">Kaplan International Languages, New York Central Park</a></dt>
                                <dd>
                                    <ul>
                                        <li>체계적이고 우수한 커리큘럼과 첨단 시설, 탁월한 학생관리 노하우 자랑</li>
                                        <li>센트럴파크, 타임스퀘어, 록펠러센터 등 주요 명소와 인접한 최적의 위치</li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>

                <div class="mbti-slider">
                    <h3 class="mbti-slider-title">미국 - LA 어학연수</h3>
                    <h4 class="mbti-slider-sub-title">미국 영화 산업과 문화를 대표하는 LA</h4>
                    <p class="mbti-slider-text">천사의 도시로 불리기도 하는 LA에는 유니버셜 스튜디오, 헐리우드, 디즈니랜드, 산타모니카 해변 등 즐길거리가 가득하고, 주변에 고급 주택과 부촌이 있어서 다양한 문화시설과 편의시설들을 이용할 수 있어요.</p>
                    <div class="mbti-slider-con">
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img04-220510.jpg" alt="LA 관광지">
                            </span>
                        </div>
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img05-220510.jpg" alt="LA 관광지">
                            </span>
                        </div>
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img06-220510.jpg" alt="LA 관광지">
                            </span>
                        </div>
                    </div>
                    <div class="mbti-slider-institution">
                        <h4 class="mbti-slider-institution-title">LA 어학연수 추천 기관</h4>
                        <div>
                            <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-logo03-220510.png" alt="Kings"></span>
                            <dl>
                                <dt><a href="/school/language-abroad/1849-uid" target="_blank">Kings, Los Angeles</a></dt>
                                <dd>
                                    <ul>
                                        <li>English Plus Film 수업 제공으로 영상에 관심있는 학생들에게 추천</li>
                                        <li>뛰어난 학생 케어와 적절한 과제로 기간 내 목적 달성 용이</li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                        <div>
                            <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-logo02-220510.png" alt="Kaplan"></span>
                            <dl>
                                <dt><a href="/school/language-abroad/630-uid" target="_blank">Kaplan International Languages, LA Westwood</a></dt>
                                <dd>
                                    <ul>
                                        <li>세계적으로 인정받은 탄탄한 영어학습 커리큘럼이 장점인 국제그룹 학교</li>
                                        <li>헐리우드, 비버리힐즈, 디즈니랜드, 유명 해변 접근 용이성</li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>

                <div class="mbti-slider">
                    <h3 class="mbti-slider-title">영국 - 런던 어학연수</h3>
                    <h4 class="mbti-slider-sub-title">귀족적 고풍과 현대적 활기가 공존하는 런던</h4>
                    <p class="mbti-slider-text">런던은 유럽 최고의 도시답게 버킹엄 궁점, 타워브리지, 대영박물관 등 볼거리가 정말 많은데요, 요즘은 축구 직관도 빼놓을 수 없겠죠! 또한 런던은 유럽 교통의 요지로 비교적 쉽게 유럽여행도 가능합니다.</p>
                    <div class="mbti-slider-con">
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img07-220510.jpg" alt="런던 관광지">
                            </span>
                        </div>
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img08-220510.jpg" alt="런던 관광지">
                            </span>
                        </div>
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img09-220510.jpg" alt="런던 관광지">
                            </span>
                        </div>
                    </div>
                    <div class="mbti-slider-institution">
                        <h4 class="mbti-slider-institution-title">런던 어학연수 추천 기관</h4>
                        <div>
                            <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-logo02-220510.png" alt="Kaplan"></span>
                            <dl>
                                <dt><a href="/school/language-abroad/9-uid" target="_blank">Kaplan International Languages, London</a></dt>
                                <dd>
                                    <ul>
                                        <li>체계적이고 우수한 커리큘럼, 첨단시설, 탁월한 학생 관리 노하우 </li>
                                        <li>집중 영어, 비즈니스 영어, 시험 준비 과정 등 다양한 영어 과정 수강 가능</li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                        <div>
                            <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-logo04-220510.png" alt="St"></span>
                            <dl>
                                <dt><a href="/school/language-abroad/80-uid" target="_blank">St. Giles International, London Central</a></dt>
                                <dd>
                                    <ul>
                                        <li>런던 시내 센트럴에 위치하여 주요 관광지, 문화시설, 쇼핑센터 이용 편리 </li>
                                        <li>학교 건물 내에 기숙사가 있으며, 다양한 소셜 프로그램 제공</li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>

                <div class="mbti-slider">
                    <h3 class="mbti-slider-title">캐나다 - 토론토 어학연수</h3>
                    <h4 class="mbti-slider-sub-title">캐나다 경제, 교육, 문화의 중심지 토론토</h4>
                    <p class="mbti-slider-text">토론토에는 정말 다양한 인종과 문화가 있어 다채로움을 느낄 수 있고, 어학연수 및 여행하기 좋은 안전한 도시예요. 미국 국경과 가까워 미국 여행이 쉽고, 세계적인 명소 나이아가라 폭포도 관람할 수 있어요.</p>
                    <div class="mbti-slider-con">
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img10-220510.jpg" alt="토론토 관광지">
                            </span>
                        </div>
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img11-220510.jpg" alt="토론토 관광지">
                            </span>
                        </div>
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img12-220510.jpg" alt="토론토 관광지">
                            </span>
                        </div>
                    </div>
                    <div class="mbti-slider-institution">
                        <h4 class="mbti-slider-institution-title">토론토 어학연수 추천 기관</h4>
                        <div>
                            <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-logo02-220510.png" alt="Kaplan"></span>
                            <dl>
                                <dt><a href="/school/language-abroad/657-uid" target="_blank">Kaplan International Languages, Toronto</a></dt>
                                <dd>
                                    <ul>
                                        <li>체계적이고 우수한 커리큘럼, 첨단시설, 탁월한 학생 관리 노하우 </li>
                                        <li>집중 영어, 비즈니스 영어, 시험 준비 과정 등 다양한 영어 과정 수강 가능</li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                        <div>
                            <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-logo05-220510.png" alt="ILSC"></span>
                            <dl>
                                <dt><a href="/school/language-abroad/1068-uid" target="_blank">International Language Schools Canada(ILSC), Toronto</a></dt>
                                <dd>
                                    <ul>
                                        <li>캐나다의 가장 큰 어학원으로 대학 수준의 60개 이상 다양한 과목 제공 </li>
                                        <li>방과 후 및 주말에 전문 코디네이터에 의해 구성된 다양한 액티비티 제공</li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>

            </div>
        </section>
        <!-- //에너지 넘치고 호기심 많은 E -->

        <!-- 혼자만의 시간이 중요한 I -->
        <section class="mbti-section05" id="mbtiTypeI">
            <div class="mbti-width">
                <h2 class="mbti-title mbti-title-type-I">혼자만의<br class="mo-br"> 시간이 중요한 <span>I</span></h2>
                <p class="mbti-text"><strong>복잡한 도심에서 벗어난 한적한 어학연수 도시를 추천해요!</strong> <br><br> 숨겨진 보석 같은 아름답고 조용한 도시에서
                    <br>살아보듯 힐링하며 어학연수를 즐겨보세요!</p>

                <div class="mbti-slider">
                    <h3 class="mbti-slider-title">영국 - 브라이튼 어학연수</h3>
                    <h4 class="mbti-slider-sub-title">평화롭고 아름다운 해변도시, 브라이튼</h4>
                    <p class="mbti-slider-text">브라이튼은 런던과 가까워서 영국인들이 부담 없이 방문하는 휴양 도시예요. 런던에 비해 날씨가 좋고, 물가가 저렴하다는 장점이 있고, 언제든지 바닷가에서 일몰을 바라보며 휴식을 취할 수 있어요.</p>
                    <div class="mbti-slider-con">
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img13-220510.jpg" alt="브라이튼 관광지">
                            </span>
                        </div>
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img14-220510.jpg" alt="브라이튼 관광지">
                            </span>
                        </div>
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img15-220510.jpg" alt="브라이튼 관광지">
                            </span>
                        </div>
                    </div>
                    <div class="mbti-slider-institution">
                        <h4 class="mbti-slider-institution-title">브라이튼 어학연수 추천 기관</h4>
                        <div>
                            <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-logo04-220510.png" alt="St"></span>
                            <dl>
                                <dt><a href="/school/language-abroad/139-uid" target="_blank">St. Giles International, Brighton</a></dt>
                                <dd>
                                    <ul>
                                        <li>브라이튼 시내 중심에 위치하여 편의시설 이용 가능 </li>
                                        <li>소셜 프로그램이 활발하게 운영되며 만족도 높음</li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                        <div>
                            <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-logo03-220510.png" alt="Kings"></span>
                            <dl>
                                <dt><a href="/school/language-abroad/3230-uid" target="_blank">Kings, Brighton</a></dt>
                                <dd>
                                    <ul>
                                        <li>우수한 교사진과 전문적인 학생관리로 학습 결과 보장 제도 운영 </li>
                                        <li>다양한 액티비티와 클럽 활동을 통해 경험과 실용 영어 습득 가능</li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>

                <div class="mbti-slider">
                    <h3 class="mbti-slider-title">아일랜드 - 더블린 어학연수</h3>
                    <h4 class="mbti-slider-sub-title">고즈넉하고 여유로운 유럽 분위기, 더블린</h4>
                    <p class="mbti-slider-text">아일랜드의 수도 더블린은 영화 원스, 싱 스트리트의 촬영지로도 유명하고 명문 예술가들이 많이 배출된 문화 예술의 도시예요. 문화, 예술에 관심 있는 분들이라면 더블린은 더욱 잘 맞을 거예요.</p>
                    <div class="mbti-slider-con">
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img16-220510.jpg" alt="더블린 관광지">
                            </span>
                        </div>
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img17-220510.jpg" alt="더블린 관광지">
                            </span>
                        </div>
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img18-220510.jpg" alt="더블린 관광지">
                            </span>
                        </div>
                    </div>
                    <div class="mbti-slider-institution">
                        <h4 class="mbti-slider-institution-title">더블린 어학연수 추천 기관</h4>
                        <div>
                            <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-logo06-220510.png" alt="CES"></span>
                            <dl>
                                <dt><a href="/school/language-abroad/231-uid" target="_blank">Centre of English Studies (CES), Dublin</a></dt>
                                <dd>
                                    <ul>
                                        <li>더블린 중심가에 위치하여 교통이 편리하고 문화생활을 즐기기에 좋음 </li>
                                        <li>유연한 커리큘럼으로 원하는 과정과 캠퍼스로 변경 가능</li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                        <div>
                            <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-logo07-220510.png" alt="Atlas"></span>
                            <dl>
                                <dt><a href="/school/language-abroad/2424-uid" target="_blank">Atlas Language School</a></dt>
                                <dd>
                                    <ul>
                                        <li>편안하고 다이나믹한 학습 환경의 전문성 높은 영어 교육 제공 </li>
                                        <li>역사탐방, 스포츠, 게임, 스쿨트립 등 다양한 소셜 프로그램 제공</li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>

                <div class="mbti-slider">
                    <h3 class="mbti-slider-title">몰타 어학연수</h3>
                    <h4 class="mbti-slider-sub-title">지중해의 낭만적인 섬나라, 몰타</h4>
                    <p class="mbti-slider-text">제주도 1/6 크기의 작은 섬나라인 몰타는 휴양과 함께 어학연수를 즐기기에 최적의 국가예요. 다른 국가에 비해 유럽인 비율이 높고, 프랑스, 이탈리아, 스페인 등 무비자로 유럽여행도 가능해요.</p>
                    <div class="mbti-slider-con">
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img19-220510.jpg" alt="몰타 관광지">
                            </span>
                        </div>
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img20-220510.jpg" alt="몰타 관광지">
                            </span>
                        </div>
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img21-220510.jpg" alt="몰타 관광지">
                            </span>
                        </div>
                    </div>
                    <div class="mbti-slider-institution">
                        <h4 class="mbti-slider-institution-title">몰타 어학연수 추천 기관</h4>
                        <div>
                            <span><img class="mbti-slider-institution-img" src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-logo01-220510.png" alt="EC"></span>
                            <dl>
                                <dt><a href="/school/language-abroad/437-uid" target="_blank">EC English Language Centres, Malta</a></dt>
                                <dd>
                                    <ul>
                                        <li>평균 재학생 600명 수준의 대규모 학교로 최신 시설 구비 </li>
                                        <li>한국인 직원이 상주하여 원활한 상담과 피드백 가능</li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                        <div>
                            <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-logo08-220510.png" alt="IELS Malta"></span>
                            <dl>
                                <dt><a href="/school/language-abroad/443-uid"target="_blank">IELS, Malta</a></dt>
                                <dd>
                                    <ul>
                                        <li>몰타에서 35년 전통을 가진 가장 오래된 어학원 중 하나 </li>
                                        <li>학비+기숙사 패키지 형태로 가성비가 좋고, 우수한 티칭 퀄리티</li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>

                <div class="mbti-slider">
                    <h3 class="mbti-slider-title">호주 - 브리즈번 어학연수</h3>
                    <h4 class="mbti-slider-sub-title">일년 내내 온화한 날씨, 브리즈번</h4>
                    <p class="mbti-slider-text">브리즈번은 한국의 여름보다 덜 덥고 겨울보다는 더 따뜻한 연 평균 20℃의 온화한 날씨랍니다. 시티 내에는 멋진 공원 산책로와 인공 해변 사우스뱅크가 조성되어 있어 맑은 날씨와 여유를 즐기기 좋아요.</p>
                    <div class="mbti-slider-con">
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img22-220510.jpg" alt="브리즈번 관광지">
                            </span>
                        </div>
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img23-220510.jpg" alt="브리즈번 관광지">
                            </span>
                        </div>
                        <div>
                            <span class="mbti-slider-img">
                                <img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-img24-220510.jpg" alt="브리즈번 관광지">
                            </span>
                        </div>
                    </div>
                    <div class="mbti-slider-institution">
                        <h4 class="mbti-slider-institution-title">브리즈번 어학연수 추천 기관</h4>
                        <div>
                            <span><img src="{{ env('UHAKIMG_S3') }}/uhak/r/v1/programs/language-mbti/mbti-slider-logo05-220510.png" alt="ILSC"></span>
                            <dl>
                                <dt><a href="/school/language-abroad/2034-uid" target="_blank">International Language Schools Canada(ILSC), Brisbane</a></dt>
                                <dd>
                                    <ul>
                                        <li>엄격한 English Only Policy로 캠퍼스 내에서 영어만 사용하는 환경 제공 </li>
                                        <li>인턴쉽 및 워킹홀리데이 비자 학생들을 위한 다양한 수업 제공</li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </div>

            </div>
        </section>
        <!-- //혼자만의 시간이 중요한 I -->

        <!-- 어학연수 추천 과정 -->
        <section class="mbti-section06" id="nav2">
            <div class="mbti-width">
                <h2 class="mbti-title">어학연수 추천 과정</h2>
                <p class="mbti-text">나에게 잘 맞는 어학연수 과정은 무엇일까?</p>
                <div class="mbti-select">

                    <div class="mbti-select-col">
                        <h3 class="mbti-select-title">P (인식형)</h3>
                        <p class="mbti-select-text">목적과 방향은 언제든 변할 수 있다</p>
                        <div class="mbti-select-category">
                            <span>변화 열망</span>
                            <span>매사 호기심</span>
                            <span>유연한 대처</span>
                            <span>모험적</span>
                            <span>포용적 행동</span>
                        </div>
                        <div class="mbti-select-imgBox"></div>
                        <div class="mbti-select-link">
                            <a href="#mbtiTypeP">P 추천과정 확인하기</a>
                        </div>
                    </div>
                    <!-- //P 인식형 -->

                    <div class="mbti-select-col">
                        <h3 class="mbti-select-title">J (판단형)</h3>
                        <p class="mbti-select-text">분명한 목적을 가지고 실행한다</p>
                        <div class="mbti-select-category">
                            <span>합리적임</span>
                            <span>옳은 결정 중시</span>
                            <span>뚜렷한 목적의식</span>
                            <span>조직적</span>
                            <span>체계적 행동</span>
                        </div>
                        <div class="mbti-select-imgBox"></div>
                        <div class="mbti-select-link">
                            <a href="#mbtiTypeJ">J 추천과정 확인하기</a>
                        </div>
                    </div>
                    <!-- //J 판단형 -->

                </div>
            </div>
        </section>
        <!-- //어학연수 추천 과정 -->

        <!-- 즉흥적이며 자유로운 P -->
        <section class="mbti-section07" id="mbtiTypeP">
            <div class="mbti-width">
                <h2 class="mbti-title mbti-title-type-P">즉흥적이며<br class="mo-br"> 자유로운 <span>P</span></h2>

                <dl class="mbti-textBox-row">
                    <dt>일반영어 <br><strong>(General English)</strong></dt>
                    <dd>공부와 여가생활을 즐기며 말하기, 듣기, 쓰기 등 모든 분야에서 영어 실력을 향상시킬 수 있는 가장 일반적인 어학연수 과정</dd>
                </dl>
                <dl class="mbti-textBox-row">
                    <dt>영어플러스<br><strong>(English Plus)</strong></dt>
                    <dd>일반영어 수업과 함께 본인이 관심있어 하는 스포츠, 요리, 예술, 패션, 비즈니스 등의 전문 과정을 수강</dd>
                </dl>
                <dl class="mbti-textBox-row">
                    <dt>연계연수</dt>
                    <dd>필리핀, 몰타 등 합리적인 학비를 제공하는 국가에서 기본적인 영어실력을 쌓고, 미국, 영국, 캐나다 등으로 이동해서 집중적으로 공부
                        <ul>
                            <li>필리핀(3개월) + 영국, 미국, 캐나다, 호주, 아일랜드</li>
                            <li>몰타(3개월) + 영국</li>
                            <li>아일랜드(3개월) + 영국</li>
                        </ul>
                    </dd>
                </dl>
            </div>
        </section>
        <!-- //즉흥적이며 자유로운 P -->

        <!-- 조직적이고 체계적인 J -->
        <section class="mbti-section08" id="mbtiTypeJ">
            <div class="mbti-width">
                <h2 class="mbti-title mbti-title-type-J">조직적이고<br class="mo-br"> 체계적인 <span>J</span></h2>

                <dl class="mbti-textBox-row">
                    <dt>일반영어<br><strong>(General English)</strong></dt>
                    <dd>공부와 여가생활을 즐기며 말하기, 듣기, 쓰기 등 모든 분야에서 영어 실력을 향상시킬 수 있는 가장 일반적인 어학연수 과정</dd>
                </dl>
                <dl class="mbti-textBox-row">
                    <dt>영어집중<br><strong>(Intensive English)</strong></dt>
                    <dd>일반영어+특별선택수업을 추가하여 오후 강의를 받을 수 있으며 하루 4~5시간 가량의 수업 진행</dd>
                </dl>
                <dl class="mbti-textBox-row">
                    <dt>시험준비<br><strong>(Test of English)</strong></dt>
                    <dd>Cambridge ESOL, TOEFL, IELTS 및 TOEIC 등 전 세계 대학 및 기업, 정부 기관에서 인정하고 있는 시험을 대비하는 과정</dd>
                </dl>

                <div class="mbti-section08-textBox">
                    <span></span>
                    <dl>
                        <dt>과몰입 주의!</dt>
                        <dd>어학연수는 MBTI 유형보다 개인의 목적과 기간, 예산에 맞춘 꼼꼼한 설계가 필요합니다. <br><strong>어학연수 전문 컨설턴트와의 상담을 통해 정말 나에게 맞는 어학연수 도시와 과정을 추천 받아보세요!</strong></dd>
                    </dl>
                </div>
            </div>
        </section>
        <!-- //조직적이고 체계적인 J -->

        <!-- 선착순 마감 -->
        @include('include.deadline')
        <!-- //선착순 마감 -->

        <!-- 1위 유학 채널 -->
        <section class="mbti-section09">
            <div class="max-width">
                <div class="mbti-section09-text">1위 유학 채널</div>
                <h2 class="sub-title">유학티비 생생 리얼 어학연수 후기</h2>
                <div class="mbti-section09-con mbti-section09-con2">
                    <div class="youtube-wrap" id="youtube-con">
                        <iframe src="https://www.youtube.com/embed/P-V-8jHD4Q8"  frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                    </div>
                    <ul>
                        <li data-youtubeid="P-V-8jHD4Q8"><img src="https://i.ytimg.com/vi/P-V-8jHD4Q8/mqdefault.jpg" draggable="false"></li>
                        <li data-youtubeid="f76p0bxrQ7Q"><img src="https://i.ytimg.com/vi/f76p0bxrQ7Q/mqdefault.jpg" draggable="false"></li>
                        <li data-youtubeid="ztwpyfYmNx8"><img src="https://i.ytimg.com/vi/ztwpyfYmNx8/mqdefault.jpg" draggable="false"></li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- //1위 유학 채널 -->

        <!-- 쏟아지는 edm유학센터 고객 후기! (type2 : maxWidth : 1080px ) -->
        @include('include.real-review', ['key' => 'type2'])

        <!-- 압도적 어학연수 혜택 (type2 : maxWidth : 1080px ) -->
        @include('programs.details.language-abroad-benefit', ['key' => 'type2'])

        <!-- 유학티비 (type2 : maxWidth : 1080px ) -->
        @include('programs.details.uhak-tv', ['key' => 'type2'])

        <!-- edm조기유학 선택 이유 (type2 : maxWidth : 1080px ) -->
        @include('programs.details.why-edm-default', ['key' => 'type2'])

        <!-- 2024 대한민국 퍼스트브랜드 대상 수상 (type2 : maxWidth : 1080px ) -->
        @include('include.korea-first-brand', ['key' => 'type2'])

    </article>
    <script>
        $('.mbti-slider-con').slick({
            centerMode: true,
            centerPadding: ' 8rem 4rem',
            autoplaySpeed : 10000,
            slidesToScroll : 1,
            infinite : true,
            slidesToShow: 1,
            autoplay : true,
            prevArrow : "<button type='button' class='slider-prev'>Previous</button>",		// 이전 화살표 모양 설정
            nextArrow : "<button type='button' class='slider-next'>Next</button>",		// 다음 화살표 모양 설정
            responsive: [
                {
                    breakpoint: 768,
                    settings: {
                        centerPadding: '0',
                    }
                }
            ]
        });

        window.addEventListener('scroll', () => {
            let nav1 = document.querySelector('.mbti-nav')
            let nav2 = document.getElementById('nav2')
            let EandI = document.querySelector('.mbti-EandI')
            let PandJ = document.querySelector('.mbti-PandJ')
            if( nav1.getBoundingClientRect().top <= 0 ) {
                EandI.classList.add('active')
            }else {
                EandI.classList.remove('active')
            }if( nav2.getBoundingClientRect().top <= 20 ) {
                PandJ.classList.add('active')
                EandI.classList.remove('active')
            }else {
                PandJ.classList.remove('active')
            }if (nav1.getBoundingClientRect().top > 0) {
                EandI.classList.remove('active')
                PandJ.classList.remove('active')
            }
        });

        // 동영상 클릭시 변경
        let languageTrainingGuideSection8ConNav = document.querySelectorAll('.mbti-section09-con ul li');
        let youtubeCon = document.getElementById('youtube-con');
        for (let i = 0; i < languageTrainingGuideSection8ConNav.length; i++) {
            languageTrainingGuideSection8ConNav[i].addEventListener('click', () => {
                let data = languageTrainingGuideSection8ConNav[i].getAttribute("data-youtubeId");
                let src = 'https://www.youtube.com/embed/' + data + '?autoplay=1&mute=1'
                youtubeCon.querySelector('iframe').setAttribute('src', src)
            })
        }
    </script>


@endsection