@extends('layouts.default')

@section('content')

    <article class="container brand-branches domestic gangnam1">
        <!-- 페이지타이틀 : full-bg -->
        <div class="area-pages-top parallax-bg">
            <h1 class="page-title">강남1지사</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/gangnam1/gangnam1-1.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/gangnam1/gangnam1-2.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/gangnam1/gangnam1-3.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/gangnam1/gangnam1-4.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/gangnam1/gangnam1-5.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/gangnam1/gangnam1-6.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/gangnam1/gangnam1-1.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/gangnam1/gangnam1-2.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/gangnam1/gangnam1-3.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/gangnam1/gangnam1-4.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/gangnam1/gangnam1-5.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/gangnam1/gangnam1-6.jpg" alt="">
                                        <figcaption>외부전경</figcaption>
                                    </figure>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <article class="info-wrap">
                        <h3 class="bransches-name">edm강남1지사</h3>
                        <div class="bransches-info">
                            <div class="list-wrap">
                                <dl>
                                    <dt>전화</dt>
                                    <dd>전화: 02-562-1278</dd>
                                    <dd>팩스: 02-732-2435</dd>
                                </dl>
                                <dl>
                                    <dt>근무시간</dt>
                                    <dd>
                                        <p class="bullet">09:00~19:00</p>
                                        <p class="bullet">
                                            토요일 : 10:00~16:00<br>
                                            <span class="exp-txt">*평일 야간상담 사전 예약 시 가능</span>
                                        </p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>주소</dt>
                                    <dd>
                                        도로명: 서울 서초구 강남대로 415 대동빌딩 13층
                                    </dd>
                                    <dd>
                                        지번: 서울 서초구 서초동 1306-8 13층
                                    </dd>
                                    <dd>
                                        우편번호: 06614
                                    </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">* 조기유학 상담은 강남, 부산, 대구지사에서 가능합니다.</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유학센터 강남1지사입니다.<br>
                                세계로 뻗는 첫 발걸음에 따뜻한 친구가 되어 드리겠습니다.
                            </em>
                        </p>
                        <p>
                            edm유학센터 강남1지사는 고객의 꿈을 찾아드리는 안내자가 되어드린다는 모토로 친절한 컨설팅을 제공해 드리고 있습니다.<br class="pc-br">
                            나만의 꿈, 멋진 직장, 자기계발, 해외 인턴십을 위해 해외에서 학업을 희망하고 계신가요?<br class="pc-br">
                            어느 곳에서나 들을 수 있는 상담이 아닌 '나에게 딱 맞는' 맞춤형 상담을 받고 싶으신가요?<br class="pc-br">
                            누구보다 반짝이는 여러분의 꿈을 향한 여정에 edm유학센터 강남1지사의 프로페셔널한 컨설팅팀이 동반자가 되어 드리겠습니다.<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">서울 서초구 서초대로77길 55 에이프로스퀘어 11층</p>
                                <p class="tel">02-595-5092</p>
                            </div>
                        </div>
                        <div class="col2">
                            <div class="howto-come">
                                <div class="by-subway">
                                    <h3 class="tit">지하철 이용시</h3>
                                    <p class="line9">
                                        신논현역 9호선 6번 출구로 나오신 후 직진(도보 10분 소요)
                                    </p>
                                    <p class="line2">
                                        강남역 2호선 10번 출구로 나오신 후 50m 직진 (도보 1분 소요)
                                    </p>
                                </div>
                                <div class="by-bus">
                                    <h3 class="tit">버스 이용시</h3>
                                    <p>[주변 버스 정류장]</p>
                                    <p>
                                        강남역.서초초교앞 / 강남역.10번출구 / 강남역 / 신논현역.BSX빌딩 /<br>
                                        신논현역.주류성빌딩 / 지하철2호선강남역 / 신논현역 /강남역.강남역사거리 /<br>
                                        신논현역.유화빌딩 / 강남역.9번출구
                                    </p>
                                    <a href="#" class="btn-detail">자세히보기</a>
                                </div>
                                <div class="by-drive">
                                    <h3 class="tit">자가용 이용시</h3>
                                    <p>대동빌딩 지하주차장 이용 (1시간 무료 주차)</p>
                                    <p class="exp">
                                        * 상담 후, 무료주차권을 발급해 드립니다.<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/gangnam1/gangnam1-1.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/gangnam1/gangnam1-2.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/gangnam1/gangnam1-3.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/gangnam1/gangnam1-4.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/gangnam1/gangnam1-5.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/gangnam1/gangnam1-6.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/gangnam1/gangnam1-1.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/gangnam1/gangnam1-2.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/gangnam1/gangnam1-3.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/gangnam1/gangnam1-4.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/gangnam1/gangnam1-5.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/gangnam1/gangnam1-6.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