@extends('layouts.default')

@section('content')

    <article class="container brand-branches domestic gangnam2">
        <!-- 페이지타이틀 : full-bg -->
        <div class="area-pages-top parallax-bg">
            <h1 class="page-title">강남2지사</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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-6.jpg" alt="">
                                        <figcaption>외부전경</figcaption>
                                    </figure>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <article class="info-wrap">
                        <h3 class="bransches-name">edm강남2지사</h3>
                        <div class="bransches-info">
                            <div class="list-wrap">
                                <dl>
                                    <dt>전화</dt>
                                    <dd>전화: 02-595-5092</dd>
                                    <dd>팩스: 02-595-5092</dd>
                                </dl>
                                <dl>
                                    <dt>근무시간</dt>
                                    <dd>
                                        <p class="bullet">주중 : 오전 09시 ~ 오후 06시</p>
                                        <p class="bullet">
                                            토요일 : 강남 1지사에서만 가능(예약문의 : 02-562-1278)<br>
                                            <span class="exp-txt">*평일 야간상담 사전 예약 시 가능</span>
                                        </p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>주소</dt>
                                    <dd>
                                        도로명: 서울시 서초구 서초대로 77길 55 에이프로스퀘어 11층
                                    </dd>
                                    <dd>
                                        지번: 서울시 서초구 서초동 1309-10 에이프로스퀘어 11층
                                    </dd>
                                    <dd>
                                        우편번호:06611
                                    </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>
                                <p class="exp-txt">* 미술유학 상담은 edm아트유학 강남지사(02-599-1388)에서 가능합니다.</p>                                </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유학센터 강남2지사입니다.<br>
                                종각역과 을지로입구역 가까이에 위치한 종로지사는..<br>
                                엄마처럼 세심하고, 선생님처럼 전문적인 서포터가 되겠습니다.
                            </em>
                        </p>
                        <p>
                            영국 유학에 있어서 가장 중요한 것은 유학을 가고자 하는 정확한 목적을 가지고 있는 것입니다.<br class="pc-br">
                            더불어 영국 유학에서 가장 필요한 것은 언제든지 케어를 받을 수 있는 현지지사입니다.<br>
                            그래서 ed:m은 런던의 중심지인 Margaret Street에 전문 컨설턴트인<br class="pc-br">
                            EC(Education Consultant)들의 케어를 받을 수 있는 런던지사가 있습니다.<br class="pc-br">
                            보다 가깝고 보다 전문적인 ed:m런던지사는 언제나 고객님 곁에서 즐겁고 안전한 유학이 되도록
                            아낌없이 지원해 드리고 있습니다.
                        </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="line2">
                                        강남역 10번 출구 ( 도보 약 8분 )
                                    </p>
                                    <p class="line9">
                                        신논현역 8번 출구 ( 도보 약 2분 )
                                    </p>
                                    <p class="line-new">
                                        신논현역 7번 출구 ( 도보 약 1분 )
                                    </p>
                                    <p>(SONY/ 탐앤탐스 건물 11층)</p>
                                </div>
                                <div class="by-bus">
                                    <h3 class="tit">버스 이용시</h3>
                                    <p>[인근 버스 정류장]</p>
                                    <p>
                                        신논현역.영신빌딩 / 신논현역.씨티은행 / 신논현역.인터파크 /<br>
                                        신논현역.구교보타워사거리 / 신논현역.우신빌딩 / 신논현역.유화빌딩 / 교보타워앞 /<br>
                                        신논현역.주류성빌딩 / 지하철2호선강남역
                                    </p>
                                    <a href="#" class="btn-detail">자세히보기</a>
                                </div>
                                <div class="by-drive">
                                    <h3 class="tit">자가용 이용시</h3>
                                    <p>주차안내</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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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/gangnam2/gangnam2-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