contact.html

---
layout: default
title: "Contact"
fb-img: "assets/img/fb-img-ridicorp.png"
root_class: "contact page"
---

<header class="intro-header ih-contact">
    <div class="site-heading contact-heading">
        <h1 class="oneline" data-effect="slide-top">
            Get in Touch.
        </h1>
    </div>
    <div class="contact-buttons" data-effect="slide-bottom">
        <a href="" class="view-map">지도 보기 <i class="icon-pin"></i></a>

        <a href="https://drive.google.com/uc?export=download&id=1_-t_XTnmTBKRg66yF1nvcMji0yP0K0J7" class="other-button">
            제휴안내 <i class="icon-direct-right"></i>
        </a>
        
    </div>
</header>

<div class="contact-fader"></div>

<div id="map_canvas"></div>
<div id="map_controls">
    <a href="#" class="close-map"><i class="icon-close"></i></a>
</div>

<div class="how-to-contact">
    <div class="htc-left">
        <h2>주소와 연락처</h2>
        <h3>서울시 강남구 역삼동 702-28 <br>어반벤치빌딩 10층 (테헤란로 325) </h3>
        <h4>10F, URBAN BENCH, 325 Teheran-ro, Gangnam-gu, Seoul, Korea</h4>
        <ul class="contact-point">
            <li>대표번호 : 02-2051-0331</li>
            <li>채용문의 : 02-6196-0305</li>
        </ul>
    </div>
    <div class="htc-right">
        <h2>오시는 길</h2>
        <div class="hr-box">
            <h3>지하철 이용 시</h3>
            <p class="steps">
                <i class="icon-num-1"></i> 선릉역(2호선, 분당선) 5번 출구로 나와서 80m 직진하세요.
            </p>
            <p class="steps">
                <i class="icon-num-2"></i> 오른편 1층에 lalavla(구 왓슨즈)가 보이는 건물의 10층 입니다.
            </p>
        </div>
    </div>
    <div class="clear"></div>
</div>

<!-- Google Maps -->
<script src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="{{ "/assets/js/maps.js" | prepend: site.baseurl }}"></script>
<script>
    $(function(){
        $(".view-map").click(function(){
            $("header, .how-to-contact, nav, .contact-fader").fadeOut();
            $("#map_controls").fadeIn();
            return false;
        });
        $(".close-map").click(function(){
           $("#map_controls").fadeOut();
           $("header, .how-to-contact, nav, .contact-fader").fadeIn();
            return false; 
        });

        initialize();
    });
</script>