@extends('layouts.default')

@section('content')

    <article class="container brand-branches domestic busan">
        <!-- 페이지타이틀 : full-bg -->
        <div class="area-pages-top parallax-bg">
            <h1 class="page-title">부산지사</h1>
        </div>

        <!-- 지사안내 -->
        <article class="area-edm-branches" data-tab="tab-wrap">
            <div class="sm-branches-content">
                <section class="sm-bh-tabs-con">
                    <div class="img-wrap">
                        <div class="slider">
                            <ul>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan1.jpg" alt="">
                                        <figcaption>내부전경1</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan2.jpg" alt="">
                                        <figcaption>내부전경2</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan3.jpg" alt="">
                                        <figcaption>고객대기공간</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan4.jpg" alt="">
                                        <figcaption>회의실</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan5.jpg" alt="">
                                        <figcaption>세미나룸</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan6.jpg" alt="">
                                        <figcaption>외부전경</figcaption>
                                    </figure>
                                </li>
                            </ul>
                            <div class="paging-number"></div>
                        </div>
                        <div class="pager">
                            <!-- [D]: slider의 ul 내용과 동일합니다. -->
                            <ul>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan1.jpg" alt="">
                                        <figcaption>내부전경1</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan2.jpg" alt="">
                                        <figcaption>내부전경2</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan3.jpg" alt="">
                                        <figcaption>고객대기공간</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan4.jpg" alt="">
                                        <figcaption>회의실</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan5.jpg" alt="">
                                        <figcaption>세미나룸</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan6.jpg" alt="">
                                        <figcaption>외부전경</figcaption>
                                    </figure>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <article class="info-wrap">
                        <h3 class="bransches-name">부산지사</h3>
                        <div class="bransches-info">
                            <div class="list-wrap">
                                <dl>
                                    <dt>전화</dt>
                                    <dd>전화: 051-804-5091</dd>
                                    <dd>팩스: 051-804-5092</dd>
                                </dl>
                                <dl>
                                    <dt>근무시간</dt>
                                    <dd>
                                        <p class="bullet">주중: 10:00~19:00</p>
                                        <p class="bullet">토요일: 10:00~14:00</p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>주소</dt>
                                    <dd>
                                        도로명: 부산 부산진구 중앙대로 704 동보프라자 5층
                                    </dd>
                                    <dd>
                                        지번: 부산 부산진구 부전동 165-2 5층
                                    </dd>
                                    <dd>
                                        우편번호: 47291
                                    </dd>
                                </dl>
                            </div>
                            <div class="button-wrap">
                                <a href="#" class="button dark half">무료전화상담</a>
                                <a href="#" class="button color half">무료간편상담</a>
                            </div>
                            <div class="exp-box">
                                <p class="exp-txt">* 조기유학 상담은 강남2, 부산, 대구, 대전지사에서 가능합니다.</p>
                            </div>
                        </div>
                    </article>
                </section>
            </div>
        </article>

        <div class="area-brand-content">
            <!-- 앵커영역 -->
            <div class="area-branches-anchor">
                <a href="#" data-type="scroll-btn">지사소개</a>
                <a href="#">찾아오시는길</a>
                <a href="#" class="pc-menu">지사전경</a>
                <a href="#">감사해요edm<i class="ui-kit-new"></i> </a>
            </div>

            <!-- 지사소개 -->
            <section class="branches-greeting" id="branches-greeting">
                <div class="flex-wrap">
                    <div class="branches-title-wrap">
                        <h2 class="branches-title">지사소개</h2>
                    </div>
                    <div class="context">
                        <p>
                            <em>
                                안녕하세요. edm유학센터 부산지사입니다.<br>
                                부산지사는 어학연수, 워킹홀리데이 및 해외대학 졸업자 등 최고의 전문가들로 구성되어 있습니다. 출국 후 끝이 아닌, 지속적인 케어와 함께 여러분의 성공적인 유학이 되도록 서포트 하겠습니다.
                            </em>
                        </p>
                        <p>
                            유학에 있어 중요한 것은 본인에게 맞는 유학은 무엇인가, 최종 목표와 방향은 어떻게 세울 것인가 하는 부분입니다.<br class="pc-br">
                            항상 고객의 입장에서 꿈을 함께 찾고, 꿈을 이루는 길에 안내자가 될 수 있도록 세심하게 컨설팅해 드리겠습니다.<br class="pc-br">
                            부산지사는 서울 본사 직영으로 운영되고 있으며, edm 전 지사와 동일한 컨설팅 서비스를 받으실 수 있습니다.<br class="pc-br">
                            언제나 편안하게 부산지사로 연락주시면 세심히 도움드리겠습니다.
                        </p>
                    </div>
                </div>
            </section>

            <!-- 풀 배너 영역 -->
            <div class="area-banner-slide">
                <div class="fix-wrap">
                    <ul class="slider-cont-full">
                        <li>
                            배너1
                        </li>
                        <li>
                            배너2
                        </li>
                        <li>
                            배너3
                        </li>
                    </ul>
                </div>
            </div>

            <!-- 찾아오시는길 -->
            <section class="branches-location" id="branches-location">
                <div class="flex-wrap">
                    <div class="branches-title-wrap">
                        <h2 class="branches-title">찾아오시는길</h2>
                        <p class="add-func">
                            <button class="btn-print">인쇄하기</button>
                            <button class="btn-en">IN ENGLISH</button>
                            <button class="btn-share">주소공유</button>
                            <button class="btn-large">크게보기</button>
                        </p>
                    </div>
                    <div class="column">
                        <div class="col2 map-wrap">
                            <div class="map-data">
                                <div class="map" id="map">맵 데이터 영역</div>
                            </div>
                            <div class="map-info">
                                <p class="address">부산 부산진구 중앙대로 704 동보프라자 5층</p>
                                <p class="tel">051-804-5091</p>
                            </div>
                        </div>
                        <div class="col2">
                            <div class="howto-come">
                                <div class="by-subway">
                                    <h3 class="tit">지하철 이용시</h3>
                                    <p>
                                        <i class="line1"></i><i class="line2"></i>
                                        서면역 1, 2호선 2번 출구 (동보프라자 5층)
                                    </p>
                                </div>
                                <div class="by-bus">
                                    <h3 class="tit">버스 이용시</h3>
                                    <p>[주변 버스 정류장]</p>
                                    <p>
                                        서면역.서면지하상가 / 쥬디스태화 / 서면역 / 서면1번가 /<br>
                                        서면시장 / 롯데호텔백화점(서면역) / 부전도서관
                                    </p>
                                    <a href="#" class="btn-detail">자세히보기</a>
                                </div>
                                <div class="by-drive">
                                    <h3 class="tit">자가용 이용시</h3>
                                    <p>쥬디스 태화 백화점 신관 지하주차장 이용</p>
                                    <p class="exp">
                                        * 주차장 주소: 부산광역시 부산진구 부전2동 183-1<br>
                                        * 주차 공간이 협소하므로 가급적 대중교통을 이용해 주시기 바랍니다.
                                    </p>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- 지사전경 -->
            <section class="branches-photo" id="branches-photo">
                <div class="flex-wrap area-edm-branches">
                    <div class="branches-title-wrap">
                        <h2 class="branches-title">지사전경</h2>
                    </div>
                    <!-- 국내는 지사안내의 슬라이드와 동일 -->
                    <div class="img-wrap">
                        <div class="slider">
                            <ul>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan1.jpg" alt="">
                                        <figcaption>내부전경1</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan2.jpg" alt="">
                                        <figcaption>내부전경2</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan3.jpg" alt="">
                                        <figcaption>고객대기실</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan4.jpg" alt="">
                                        <figcaption>회의실</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan5.jpg" alt="">
                                        <figcaption>세미나룸</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan6.jpg" alt="">
                                        <figcaption>외부전경</figcaption>
                                    </figure>
                                </li>
                            </ul>
                            <div class="paging-number"></div>
                        </div>
                        <div class="pager">
                            <!-- [D]: slider의 ul 내용과 동일합니다. -->
                            <ul>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan1.jpg" alt="">
                                        <figcaption>내부전경1</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan2.jpg" alt="">
                                        <figcaption>내부전경2</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan3.jpg" alt="">
                                        <figcaption>고객대기실</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan4.jpg" alt="">
                                        <figcaption>회의실</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan5.jpg" alt="">
                                        <figcaption>세미나룸</figcaption>
                                    </figure>
                                </li>
                                <li>
                                    <figure>
                                        <img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/pages/branches/domestic/busan/busan6.jpg" alt="">
                                        <figcaption>외부전경</figcaption>
                                    </figure>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>

            <!-- 감사해요edm -->
            <section class="branches-review" id="branches-review">
                <div class="flex-wrap">
                    <div class="branches-title-wrap">
                        <h2 class="branches-title">감사해요edm</h2>
                        <p class="add-text">전체 <span class="color">###</span>건의 후기</p>
                    </div>
                    <div class="review-slider-wrap">
                        <div class="slider-item">
                            <p class="comment">
                                <span class="ellipsis-2line">
                                    제가 결정을 번복한적도 있었고, eTA도 늦게 신청했는데, 잘 이해해주셔서 감사했습니다 :) 또 친절하게 상담해주셔서 감사합니다. edm은
                                    체계가 잘 잡혀있어서 만족합니다!제가 결정을 번복한적도 있었고, eTA도 늦게 신청했는데, 잘 이해해주셔서 감사했습니다 :) 또 친절하게 상담해주셔서 감사합니다. edm은
                                    체계가 잘 잡혀있어서 만족합니다!
                                </span>
                            </p>
                            <p class="info">
                                <span class="name">고객 <em>김*현</em></span>
                                <span class="ec">담당컨설턴트 <em>정혜진</em></span>
                                <span class="date">2019.12.17</span>
                            </p>
                        </div>
                        <div class="slider-item">
                            <p class="comment">
                                <span class="ellipsis-2line">
                                    제가 결정을 번복한적도 있었고, eTA도 늦게 신청했는데, 잘 이해해주셔서 감사했습니다 :) 또 친절하게 상담해주셔서 감사합니다. edm은
                                    체계가 잘 잡혀있어서 만족합니다!
                                </span>
                            </p>
                            <p class="info">
                                <span class="name">고객 <em>김*현</em></span>
                                <span class="ec">담당컨설턴트 <em>정혜진</em></span>
                                <span class="date">2019.12.17</span>
                            </p>
                        </div>
                        <div class="slider-item">
                            <p class="comment">
                                <span class="ellipsis-2line">
                                    제가 결정을 번복한적도 있었고, eTA도 늦게 신청했는데, 잘 이해해주셔서 감사했습니다 :) 또 친절하게 상담해주셔서 감사합니다. edm은
                                    체계가 잘 잡혀있어서 만족합니다!
                                </span>
                            </p>
                            <p class="info">
                                <span class="name">고객 <em>김*현</em></span>
                                <span class="ec">담당컨설턴트 <em>정혜진</em></span>
                                <span class="date">2019.12.17</span>
                            </p>
                        </div>
                        <div class="slider-item">
                            <p class="comment">
                                <span class="ellipsis-2line">
                                    제가 결정을 번복한적도 있었고, eTA도 늦게 신청했는데, 잘 이해해주셔서 감사했습니다 :) 또 친절하게 상담해주셔서 감사합니다. edm은
                                    체계가 잘 잡혀있어서 만족합니다!
                                </span>
                            </p>
                            <p class="info">
                                <span class="name">고객 <em>김*현</em></span>
                                <span class="ec">담당컨설턴트 <em>정혜진</em></span>
                                <span class="date">2019.12.17</span>
                            </p>
                        </div>
                    </div>
                </div>

            </section>
        </div>
    </article>

@endsection