mo0647
/
echajoa


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
							<!DOCTYPE html>
<HTML lang="ko">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>UPRO</title>
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" type="text/css" href="/css/swiper.min.css">
<link rel="stylesheet" type="text/css" href="/css/common.css">
<link rel="stylesheet" type="text/css" href="/css/main.css">
<script type="text/javascript" charset="utf-8" src="/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/swiper.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/ui.js"></script>
</head>

<body>

<!-- s : header -->
<? include("include/inc_header.html"); ?>
<!-- // e : header -->

<section id="wrap">
	<section id="visual" class="swiper-container">
		<ul class="swiper-wrapper">
			<li class="swiper-slide"><img src="/img/@main_visual.jpg"></li>
			<li class="swiper-slide"><img src="/img/@main_visual.jpg"></li>
			<li class="swiper-slide"><img src="/img/@main_visual.jpg"></li>
			<li class="swiper-slide"><img src="/img/@main_visual.jpg"></li>
		</ul>
		<div class="swiper-button-next"></div>
		<div class="swiper-button-prev"></div>
		<div class="swiper-pagination"></div>
		<div class="scroll"><span></span><span></span><span></span></div>
	</section>
	<section class="main_con1">
		<div class="bg"></div>
		<ul>
			<li><span></span>1분<br>간편신청</li>
			<li><span></span>최고가<br>경쟁입찰</li>
			<li><span></span>감가없이<br>판매완료</li>
		</ul>
	</section>
	<section class="main_con2">
		<dl class="mobile">
			<dt>스마트폰으로<br>쉽<em>/</em>고<em>/</em>빠<em>/</em>르<em>/</em>게</dt>
			<dd class="txt">중고차 딜러들의 경쟁 입찰로<br>타시던 차를 최고 매입가에 판매하세요</dd>
			<dd class="btn"><a href="#">Google Play</a><a href="#">App Store</a></dd>
		</dl>
	</section>
	<section class="main_con3">
		<h2>자주 묻는 질문</h2>
		<p class="more"><a href="#">+ 더 많은 질문보기</a></p>
		<ul class="faq">
			<li>
				<p>내 차의 가격은 어떻게 산정되나요?</p>
				<div class="a">홈서비스 담당자가 고객님이 원하시는 장소로 무료 방문 후 약 5~10분 정도 차량을 점검한 후 시세 대비 최고가를 산정하여 안내해 드립니다. 홈서비스 담당자가 고객님이 원하시는 장소로 무료 방문 후 약 5~10분 정도 차량을 점검한 후 시세 대비 최고가를 산정하여 안내해 드립니다.</div>
			</li>
			<li>
				<p>접수 후 방문까지 걸리는 시간은 어느 정도 인가요?</p>
				<div class="a">글쎄요</div>
			</li>
			<li>
				<p>전화로 대략적인 견적을 알 수 있을까요??</p>
				<div class="a">글쎄요</div>
			</li>
			<li>
				<p>방문 견적 요청 시 비용이 발생하나요?</p>
				<div class="a">글쎄요</div>
			</li>
			<li>
				<p>공휴일/ 주말에도 방문이 가능한가요?</p>
				<div class="a">글쎄요</div>
			</li>
			<li>
				<p>방문 견적 받은 후 차량 매각은 언제까지 결정해야 하나요?</p>
				<div class="a">글쎄요</div>
			</li>
			<li>
				<p>차량 매각 시 내 명의로 가입된 자동차 보험은 어떻게 해야 하나요?</p>
				<div class="a">글쎄요</div>
			</li>
			<li>
				<p>명의 이전은 내가 직접 해야 하나요?</p>
				<div class="a">글쎄요</div>
			</li>
			<li>
				<p>할부나 리스로 구입한 차량도 매각이 가능한가요?</p>
				<div class="a">글쎄요</div>
			</li>
			<li>
				<p>서비스 이용 제한 지역이 있나요?</p>
				<div class="a">글쎄요</div>
			</li>
		</ul>
	</section>
	<section class="main_con4">
		<div class="inner">
			<h2>실시간 접수 현황</h2>
			<p class="date">2018.10.17</p>
			<ul class="num_estimate">
				<li><em>5,658</em> 오늘의 견적 조회수</li>
				<li><em>23,431,845</em> 누적 견적 조회수</li>
				<li><em>80,659</em> 총 접수량</li>
			</ul>
		</div>
	</section>
</section>

<!-- s : footer -->
<? include("include/inc_footer.html"); ?>
<!-- // e : footer -->

<script>
	var swiper = new Swiper('.swiper-container', {
		speed : 1000,
		autoplay: {
			delay: 4500,
			disableOnInteraction: false,
		},
		loop : true,
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		},
		pagination: {
			el: '.swiper-pagination',
			clickable: true,
		},
	});

	function loopArr(){
		$(".scroll span:nth-child(1)").animate({ 'opacity' : '1'}, 200)
		.animate({ 'opacity' : '0.3'}, 200)
		.animate({ 'opacity' : '0.5'}, 200, loopArr);
	}
	function loopArr2(){
		$(".scroll span:nth-child(2)").animate({ 'opacity' : '0.5'}, 200)
		.animate({ 'opacity' : '1'}, 200)
		.animate({ 'opacity' : '0.3'}, 200, loopArr2);
	}
	function loopArr3(){
		$(".scroll span:nth-child(3)").animate({ 'opacity' : '0.3'}, 200)
		.animate({ 'opacity' : '0.5'}, 200)
		.animate({ 'opacity' : '1'}, 200, loopArr3);
	}
	loopArr();loopArr2();loopArr3();
</script>

</body>
</html>