<div class="main_page">         
    <div id="newversion">
        <button class="accordion">
            <h2>채용하기</h2>
        </button>
        <div class="panel">
            <dl>
                <dt>지원 이력서의 연락처로 연락 주시면 감사하겠습니다</dt>
                <dd></dd>
            </dl>
        </div>
	</div>
	
	<div id="intro">
		<h1 id="title2">
			<span id="title-line1" class="title-line">일하기 </span>
			<span id="title-line2" class="title-line">딱 좋은</span>
			<span id="title-line3" class="title-line">나이입니다</span>
		</h1>
	</div>
    <div id="title-info">
		<p id="desc">최선을 다하겠습니다.</p>
		<p class="credit">모든 분야 경험</p>
		<p class="credit">신입의 마음가짐으로</p>
		<p class="credit">책임감을 갖고 임하겠습니다</p>
		<p class="credit">
			<a href="" class="twitter-follow-button" data-show-count="false" data-size="large">후회없는 탁월한 선택을 하세요</a>
			
		</p>
	</div>

	<div id="download">
		<p><em>오래된 사이트로 최소한의 기록만이 남아있습니다.</em><br /><a href=""></a></p>
		<p><span class="accent">&#9733;</span> 연락처 <span class="accent">&#9733;</span><br />
			<a class="download" href="">지원 이력서의 연락처를 참고해 주세요</a>
		</p>
	</div>
	<div id="showcase">
		<h1>다양한 경험</h1>
		<p>현재의 사이트는 일부의 기록일뿐, 그 이상의 경험을 갖고 있습니다.</p>
		<div class="gallery clearfix">
			<figure>
				<figcaption>웹디자인</figcaption>
                <small>모든 툴</small>
			</figure>
            <figure>
				<figcaption>퍼블리싱</figcaption>
                <small>다양한 웹 환경</small>
			</figure>
            <figure>
				<figcaption>쇼핑몰</figcaption>
                <small>관련업무</small>
			</figure>
			<!-- <figure>
				<a href="http://lifeisvertical.alpina-since1883.com">
					<img src="gallery/alpina.jpg" alt="Alpina - Life Is Vertical">
				</a>
				<figcaption>Alpina - Life Is Vertical<br />
					<small><a href="http://www.cssdesignawards.com/css-web-design-award-winner.php?id=20048">CSS Design Award Winner</a></small>
				</figcaption>
			</figure> -->
			<figure>
				<figcaption>App</figcaption>
                <small>다양한 개발자와의 협업 경험</small>
			</figure>
            <figure>
				<figcaption>힘쓰는 일</figcaption>
                <small>땀 흘리는것을 즐기는 편</small>
			</figure>
            <figure>
				<figcaption>소통</figcaption>
                <small>업무관련 소통 활발</small>
			</figure>
            <figure>
				<figcaption>다양한 협업툴</figcaption>
                <small>협업 관련 협업툴 적극 사용</small>
			</figure>
            <figure>
				<figcaption>새로운 영역</figcaption>
                <small>배움에 있어서 거부감 없음</small>
			</figure>
		</div>
	</div>
    <div id="examples-parallax">
			<h2 id="parallax-it">변화를 두려워하지 않는 성향</h2>
			<h2 id="parallax-it-left">겸손</h2>
			<h2 id="parallax-it-right">열정</h2>
	</div>
    <div class="hire_wrap">
        <div id="hire">
            <h3>축적된 노하우 </h3>
            <!-- <p>저와 함께하신다면 후회없는 선택이 될 것입니다</p> -->
        </div>
        <div id="hire">
            <h3>다양한 스킬</h3>
            <p><a href="#" class="banner"></a></p>
        </div>
    </div>
	<div id="content-wrapper">
		<div id="examples-1">
            <div class="ex1">
			    <h2 id="fade-it">안정감 + 신뢰감</h2>
                <p>흔들림 없이 편안한 캐릭터</p>
            </div>
            <div class="ex2">
			    <h2 id="fly-it" class="ex1">묵직함<p>믿고 맡길 수 있는 든든함</p></h2>
            </div>
            <div class="ex1">
			    <h2 id="spin-it">즐기는 자</h2>
                <p>능동적이고 효율적으로</p>
            </div>
            <div class="ex1">
			    <h2 id="scale-it">Scale It</h2>
                <p>약속을 중요시 합니다.</p>
            </div>
            <div id="scale-it2" class="scale-it">
			    <h2>Scale It2</h2>
                <p>약속을 중요시 합니다.</p>
            </div>
            <div class="ex1">
			    <h2 id="smush-it">Smush It</h2>
                <p>약속을 중요시 합니다.</p>
            </div>
		</div>
		
		<!-- <div id="examples-pin">
			<div id="pin-frame-pin" class="pin-frame"><h2>Pin It</h2></div>
			<div id="pin-frame-slide" class="pin-frame"><h2>Slide It</h2></div>
			<div id="pin-frame-wipe" class="pin-frame"><h2>Wipe It</h2></div>
			<div id="pin-frame-bounce" class="pin-frame"><h2>Bounce It</h2></div>
			<div id="pin-frame-color" class="pin-frame"><h2>Color It</h2></div>
			<div id="pin-frame-unpin" class="pin-frame"><h2>Unpin It</h2></div>
		</div> -->
		
		<!-- <div id="examples-2">
			<h2 id="fling-it">Fling It</h2>
			<h2 id="move-it">Move It</h2>
		</div> -->
		
		
		
		<h2 id="bring-it">Bring It</h2>
    </div>
</div>