@extends('layouts.default')

@section('content')

    <article class="container brand-branches domestic daejeon">
        <!-- 페이지타이틀 : 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/daejeon/daejeon1.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/daejeon/daejeon2.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/daejeon/daejeon3.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/daejeon/daejeon4.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/daejeon/daejeon5.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/daejeon/daejeon6.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/daejeon/daejeon1.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/daejeon/daejeon2.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/daejeon/daejeon3.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/daejeon/daejeon4.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/daejeon/daejeon5.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/daejeon/daejeon6.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>전화: 042-825-5058</dd>
                                    <dd>팩스: 042-825-5057</dd>
                                </dl>
                                <dl>
                                    <dt>근무시간</dt>
                                    <dd>
                                        <p class="bullet">주중: 10:00~18:00</p>
                                        <p class="bullet">토요일: 사전예약제</p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt>주소</dt>
                                    <dd>
                                        도로명: 대전 유성구 대학로 86 포커스타운 2층
                                    </dd>
                                    <dd>
                                        지번: 대전 유성구 궁동 482-4
                                    </dd>
                                    <dd>
                                        우편번호: 34183
                                    </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유학센터 대전지사가 여러분들의 꿈이 이루어질 수 있도록 곁에서 도와 드리겠습니다.
                        </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">대전 유성구 대학로 86 포커스타운 2층</p>
                                <p class="tel">042-825-5058</p>
                            </div>
                        </div>
                        <div class="col2">
                            <div class="howto-come">
                                <div class="by-subway">
                                    <h3 class="tit">지하철 이용시</h3>
                                    <p class="busan1">
                                        지하철 1호선 유성온천역 하차 후, 7번 출구에서 충남대 방향으로 도보 10분
                                    </p>
                                </div>
                                <div class="by-bus">
                                    <h3 class="tit">버스 이용시</h3>
                                    <p>[인근 버스 정류장]</p>
                                    <p>
                                        유성온천역 / 충남대학교 / 충남대학교입구 / 다솔아파트 / 온천교 / 충남대산학역
                                    </p>
                                    <a href="#" class="btn-detail">자세히보기</a>
                                </div>
                                <div class="by-drive">
                                    <h3 class="tit">자가용 이용시</h3>
                                    <p>대전지사 건물 지하주차장 이용 가능</p>
                                    <p class="exp">
                                        * 주차장 주소: 대전광역시 유성구 대학로 86
                                        * 주차 공간이 협소하므로 가급적 대중교통을 이용해 주시기 바랍니다.
                                    </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/daejeon/daejeon1.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/daejeon/daejeon2.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/daejeon/daejeon3.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/daejeon/daejeon4.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/daejeon/daejeon5.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/daejeon/daejeon6.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/daejeon/daejeon1.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/daejeon/daejeon2.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/daejeon/daejeon3.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/daejeon/daejeon4.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/daejeon/daejeon5.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/daejeon/daejeon6.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