<? include($_SERVER['DOCUMENT_ROOT']."/design/aapstaff/inc/header.php") ?>
<main class="pb123">
	<section>

    <!-- 개발 먼저 진행해주세요 디자인 추후 입힐 예정입니다. -->
		<div class="main--header--contents">
      <div class="d-flex align-items-center justify-content-center">
        <div>
          <div>입찰대기</div>
          <div>13,900</div>
        </div>
        <div>
          <div>입찰중</div>
          <div>800</div>
        </div>
        <div>
          <div>거래중</div>
          <div>5,300</div>
        </div>
        <div>
          <div>유찰</div>
          <div>201</div>
        </div>
        <div>
          <div>판매완료</div>
          <div>13</div>
        </div>
      </div>
		</div>
	</section>

	<section>
		<div class="car--list--wrap">
			<div class="title--wrapper">
				<h2>입찰 대기중 차량</h2>
				<button class="more--btn">more+</button>
			</div>
			<ul>
				<li class="">
					<div class="car--box--wrap ">
						<h2 class="car--name">GLA-Class 200d 4M</h2>
						<div class="thumb--wrap">
              <img src="/design/staff/assets/img/samp.png" />
            </div>
						<div class="car--info">
							<dl>
								<dt>주행거리 : </dt>
								<dd>28,980km</dd>
							</dl>
							<dl>
								<dt>최초 등록일 : </dt>
								<dd>11 / 2017</dd>
							</dl>
							<dl>
								<dt>사고유무 : </dt>
								<dd>무</dd>
							</dl>
							<dl>
								<dt>판매지역 : </dt>
								<dd>서울</dd>
							</dl>
						</div>
						<div class="status--wrap">
							<span>반려</span>
						</div>
					</div>
				</li>

				<li>
					<div class="car--box--wrap on">
            <h2 class="car--name">GLA-Class 200d 4M</h2>
            <div class="thumb--wrap">
              <img src="/design/staff/assets/img/samp.png" />
            </div>
            <div class="car--info">
              <dl>
                <dt>주행거리 : </dt>
                <dd>28,980km</dd>
              </dl>
              <dl>
                <dt>최초 등록일 : </dt>
                <dd>11 / 2017</dd>
              </dl>
              <dl>
                <dt>사고유무 : </dt>
                <dd>무</dd>
              </dl>
              <dl>
                <dt>판매지역 : </dt>
                <dd>서울</dd>
              </dl>
            </div>
            <div class="btn--wrapper">
              <button type="button">자동차 보러가기<i class="arrow--ic"></i></button>
            </div>
					</div>
				</li>

        <li>
          <div class="car--box--wrap">
            <h2 class="car--name">GLA-Class 200d 4M</h2>
            <div class="thumb--wrap">
              <img src="/design/staff/assets/img/samp.png" />
            </div>
            <div class="car--info">
              <dl>
                <dt>주행거리 : </dt>
                <dd>28,980km</dd>
              </dl>
              <dl>
                <dt>최초 등록일 : </dt>
                <dd>11 / 2017</dd>
              </dl>
              <dl>
                <dt>사고유무 : </dt>
                <dd>무</dd>
              </dl>
              <dl>
                <dt>판매지역 : </dt>
                <dd>서울</dd>
              </dl>
            </div>
            <div class="status--wrap">
              <span class="ready">대기중</span>
            </div>
          </div>
        </li>

        <li>
          <div class="car--box--wrap">
            <h2 class="car--name">GLA-Class 200d 4M</h2>
            <div class="thumb--wrap">
              <img src="/design/staff/assets/img/samp.png" />
            </div>
            <div class="car--info">
              <dl>
                <dt>주행거리 : </dt>
                <dd>28,980km</dd>
              </dl>
              <dl>
                <dt>최초 등록일 : </dt>
                <dd>11 / 2017</dd>
              </dl>
              <dl>
                <dt>사고유무 : </dt>
                <dd>무</dd>
              </dl>
              <dl>
                <dt>판매지역 : </dt>
                <dd>서울</dd>
              </dl>
            </div>
            <div class="status--wrap">
              <span class="ready">대기중</span>
            </div>
          </div>
        </li>

			</ul>
		</div>
	</section>

  <section>
    <div class="car--list--wrap vertical--type">
      <div class="title--wrapper">
        <h2>입찰중 차량</h2>
        <button class="more--btn">more+</button>
      </div>
      <ul>
        <li class="">
          <div class="car--box--wrap ">
            <div class="thumb--wrap">
              <img src="/design/staff/assets/img/samp.png" />
            </div>
            <div>
              <div class="car--info">
                <h2 class="car--name">GLA-Class 200d 4M</h2>
                <dl>
                  <dt>주행거리 : </dt>
                  <dd>28,980km</dd>
                </dl>
                <dl>
                  <dt>최초 등록일 : </dt>
                  <dd>11 / 2017</dd>
                </dl>
                <dl>
                  <dt>사고유무 : </dt>
                  <dd>무</dd>
                </dl>
                <dl>
                  <dt>판매지역 : </dt>
                  <dd>서울</dd>
                </dl>
              </div>
              <div class="status--wrap">
                <span>반려</span>
              </div>
            </div>

          </div>
        </li>

        <li class="">
          <div class="car--box--wrap ">
            <div class="thumb--wrap">
              <img src="/design/staff/assets/img/samp.png" />
            </div>
            <div>
              <div class="car--info">
                <h2 class="car--name">GLA-Class 200d 4M</h2>
                <dl>
                  <dt>주행거리 : </dt>
                  <dd>28,980km</dd>
                </dl>
                <dl>
                  <dt>최초 등록일 : </dt>
                  <dd>11 / 2017</dd>
                </dl>
                <dl>
                  <dt>사고유무 : </dt>
                  <dd>무</dd>
                </dl>
                <dl>
                  <dt>판매지역 : </dt>
                  <dd>서울</dd>
                </dl>
              </div>
              <div class="status--wrap">
                <span>반려</span>
              </div>
            </div>

          </div>
        </li>

        <li class="">
          <div class="car--box--wrap ">
            <div class="thumb--wrap">
              <img src="/design/staff/assets/img/samp.png" />
            </div>
            <div>
              <div class="car--info">
                <h2 class="car--name">GLA-Class 200d 4M</h2>
                <dl>
                  <dt>주행거리 : </dt>
                  <dd>28,980km</dd>
                </dl>
                <dl>
                  <dt>최초 등록일 : </dt>
                  <dd>11 / 2017</dd>
                </dl>
                <dl>
                  <dt>사고유무 : </dt>
                  <dd>무</dd>
                </dl>
                <dl>
                  <dt>판매지역 : </dt>
                  <dd>서울</dd>
                </dl>
              </div>
              <div class="status--wrap">
                <span>반려</span>
              </div>
            </div>

          </div>
        </li>

        <li class="">
          <div class="car--box--wrap ">
            <div class="thumb--wrap">
              <img src="/design/staff/assets/img/samp.png" />
            </div>
            <div>
              <div class="car--info">
                <h2 class="car--name">GLA-Class 200d 4M</h2>
                <dl>
                  <dt>주행거리 : </dt>
                  <dd>28,980km</dd>
                </dl>
                <dl>
                  <dt>최초 등록일 : </dt>
                  <dd>11 / 2017</dd>
                </dl>
                <dl>
                  <dt>사고유무 : </dt>
                  <dd>무</dd>
                </dl>
                <dl>
                  <dt>판매지역 : </dt>
                  <dd>서울</dd>
                </dl>
              </div>
              <div class="status--wrap">
                <span>반려</span>
              </div>
            </div>

          </div>
        </li>



      </ul>
    </div>
  </section>
</main>
<? include($_SERVER['DOCUMENT_ROOT']."/design/aapstaff/inc/footer.php") ?>
