<!DOCTYPE html>
<!-- Last Published: Tue Mar 05 2024 04:59:23 GMT+0000 (Coordinated Universal Time) -->
<html
data-wf-page="65dfe71700fcca02dac125e8"
data-wf-site="62e24a964a47bcd52ce89452"
lang="ko"
>
<head>
<meta charset="utf-8" />
<title>타운카 대여료 계산기</title>
<meta content="타운카 대여료 계산기" property="og:title" />
<meta content="타운카 대여료 계산기" property="twitter:title" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta
content="google-site-verification=Q8-ppRyJKtiKQvwyiO-H9wjkzpnWA-ctFlYLtPnDztM"
name="google-site-verification"
/>
<link href="../css/normalize.css" rel="stylesheet" type="text/css" />
<link href="../css/webflow.css" rel="stylesheet" type="text/css" />
<link
href="../css/townzcorp.webflow.css"
rel="stylesheet"
type="text/css"
/>
<link href="<https://fonts.googleapis.com>" rel="preconnect" />
<link
href="<https://fonts.gstatic.com>"
rel="preconnect"
crossorigin="anonymous"
/>
<script
src="<https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js>"
type="text/javascript"
></script>
<script type="text/javascript">
WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Changa One:400,400italic"] }});
</script>
<script
src="<https://use.typekit.net/abn7pbw.js>"
type="text/javascript"
></script>
<script type="text/javascript">
try{Typekit.load();}catch(e){}
</script>
<script type="text/javascript">
!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);
</script>
<link
href="../images/favicon.png"
rel="shortcut icon"
type="image/x-icon"
/>
<link href="../images/webclip.jpg" rel="apple-touch-icon" />
<link
href="<https://www.towncar.co.kr/partner/towncar-rental-fare-calculator>"
rel="canonical"
/>
<style>
.anti-flicker-hide { opacity: 0 !important}
</style>
<script type="text/javascript">
(function(a,s,y,n,c,h,i,d,e){s.className+=' '+y;h.start=1*new Date;h.end=i=function(){s.className=s.className.replace(RegExp(' ?'+y),'')};(a[n]=a[n]||[]).hide=h;setTimeout(function(){i();h.end=null},c);h.timeout=c;})(window,document.documentElement,'anti-flicker-hide','dataLayer',4000,{'OPT-MX4MQ6C':true});
</script>
<script
async=""
src="<https://www.googletagmanager.com/gtag/js?id=G-0ZLR4PP1K4>"
></script>
<script type="text/javascript">
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-0ZLR4PP1K4', {'anonymize_ip': false, 'optimize_id': 'OPT-MX4MQ6C'});
</script>
<script type="text/javascript">
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.agent='plwebflow';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','<https://connect.facebook.net/en_US/fbevents.js');fbq('init>', '1082818922327094');fbq('track', 'PageView');
</script>
<script src="<https://cdn.jsdelivr.net/npm/@hackler/[email protected]/lib/index.browser.umd.min.js>"></script>
<script>
// YOUR_BROWSER_SDK_KEY로 초기화
window.hackleClient = Hackle.createInstance("8uhuuIOzvHfPWQbMFP6pPhLO9vxRZ5F5");
</script>
<!-- Google Tag Manager -->
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'<https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f)>;
})(window,document,'script','dataLayer','GTM-K22HSDQ');
</script>
<!-- End Google Tag Manager -->
<!-- Google tag (gtag.js) -->
<script
async=""
src="<https://www.googletagmanager.com/gtag/js?id=G-0ZLR4PP1K4>"
></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-0ZLR4PP1K4');
</script>
<meta
name="naver-site-verification"
content="1624073a71091c55e6352801443ef60858424ac0"
/>
<!-- Danggeun Market Code -->
<script src="<https://karrot-pixel.business.daangn.com/0.1/karrot-pixel.umd.js>"></script>
<script>
window.karrotPixel.init('1693547345479200001');
window.karrotPixel.track('ViewPage');
</script>
<!-- End Danggeun Market Code -->
</head>
<body class="body-38">
<section class="section-167">
<div class="w-layout-blockcontainer container-205 w-container">
<div class="div-block-1875">
<h3 class="heading h3">대여료 설정하기</h3>
</div>
<div class="div-block-1874">
<h4 class="heading h4">대여료 설정 안내</h4>
<p>
• 표준대여료 제안을 참고하여 하루 당 대여료를 설정해주세요.<br />•
대여료가 너무 높으면 예약율이 떨어지고, 대여료가 너무 낮으면
차주님의 수익성이 나빠지기 때문에 적절한 대여료를 설정하는 것이
중요합니다.<br />• 타운카는 차주님과 이웃님 모두의 만족도를 고려한
<span class="text-span-336">표준 대여료</span>를 제안 드립니다.<br />•
표준 대여료를 기준으로 +-15% 범위 내에서 대여료를 결정해주세요.
</p>
</div>
<div class="div-block-1874">
<h3 class="heading h4">알아두면 좋아요</h3>
<p>
• <span class="text-span-336">주말과 공휴일</span>에는 대여료가
<span class="text-span-337">20% 할증</span>됩니다.<br />• 단기
대여의 <span class="text-span-336">시간 당 요금</span>은 하루 요금을
시간 단위로 쪼갠 후<br /> <span class="text-span-339"
>약 25% 할증을 적용</span
>합니다.<br />• 대여료는 고객센터를 통해
<span class="text-span-338">한 달에 1번만 변경</span>할 수
있습니다.<br /> 신중하게 결정해주세요.<br />• 지금 타운카 앱에서
다른 차량들의 대여료를 참고해보세요.<br /> <a
href="<https://towncar.onelink.me/vSsy/towncar>"
class="link-48"
>앱 바로가기→</a
>
</p>
</div>
</div>
<div class="div-block-1878">
<div id="Rental-fare-calculator" class="rental-fare-calculator w-form">
<form
id="wf-form-Rental-fare-calculator"
name="wf-form-Rental-fare-calculator"
data-name="Rental-fare-calculator"
method="get"
class="rental-fare-calculator-form"
data-wf-page-id="65dfe71700fcca02dac125e8"
data-wf-element-id="6fbff101-6a29-9541-b8f8-6bb284da811a"
>
<div class="heading h4">표준대여료 계산기</div>
<p class="paragraph-93">
• <span class="text-span-336">차량 구매 금액</span>을
입력해주세요.<br /> (모든 할인/혜택이 적용된
<span class="text-span-341">최종 지불 금액 기준</span>)<br />•
계산된 표준 대여료를 확인합니다.<br />• 차주 등록 7단계 절차로
돌아가서
<span class="text-span-340">희망 대여료를 입력 후 제출</span
>해주세요.
</p>
<div class="div-block-1871">
<label for="purchasePrice" class="field-label-24"
>차량 실구매가</label
><input
class="text-field-22 w-input"
maxlength="256"
name="purchasePrice"
data-name="purchasePrice"
placeholder="차량 실구매가를 입력해주세요."
type="text"
id="purchasePrice"
/>
</div>
<div class="div-block-1871">
<label for="carYear" class="field-label-24"
>차량 연식<br /><span class="text-span-335"
>(최초 출고일 기준)</span
></label
><select
id="carYear"
name="carYear"
data-name="carYear"
class="select-field-5 w-select"
>
<option value="">차량 연식을 선택하세요.</option>
<option value="1">1년 미만</option>
<option value="0.95">1년 ~ 2년</option>
<option value="0.90">2년 ~ 3년</option>
<option value="0.85">3년 ~ 4년</option>
<option value="0.80">4년 ~ 5년</option>
<option value="0.75">5년 초과</option>
</select>
</div>
<div class="div-block-1872">
<div class="div-block-1871 margin">
<label for="standardRental" class="field-label-24 white"
>표준 대여료(1일)</label
>
<div id="standardRental" class="text-block-743">0 원</div>
</div>
</div>
<div class="div-block-1872">
<div class="div-block-1871">
<label for="minRental-2" class="field-label-24 white"
>최소 대여료<br /><br />최대 대여료</label
>
<div id="rangeRental" class="div-block-1873">
<div id="minRental" class="text-block-746">0 원</div>
<div class="text-block-746">~</div>
<div id="maxRental" class="text-block-746">0 원</div>
</div>
</div>
</div>
<div class="html-embed-32 w-embed w-script">
<!DOCTYPE html>
<html lang="ko">
<script>
document.addEventListener('DOMContentLoaded', function () {
// 값을 백원 단위로 반올림하는 함수
function roundToHundred(value) {
return Math.round(value / 100) * 100;
}
// 쉼표를 포함한 문자열로 변환하는 함수
function numberWithCommas(x) {
return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ",");
}
// purchasePrice 입력 필드에 쉼표를 자동으로 추가하는 함수
function addCommasToInput() {
const value = this.value.replace(/\\D/g, ''); // 숫자 이외의 문자 제거
this.value = numberWithCommas(value);
}
function calculateRental() {
const purchasePriceInput = document.getElementById('purchasePrice');
const carYearSelect = document.getElementById('carYear');
// 쉼표가 포함된 문자열을 숫자로 변환하여 계산에 사용
const purchasePrice = parseFloat(purchasePriceInput.value.replace(/,/g, ''));
const carYearFactor = parseFloat(carYearSelect.value);
if (!isNaN(purchasePrice) && !isNaN(carYearFactor)) {
let standardRental = (purchasePrice * 0.001513651) * carYearFactor;
let minRental = standardRental * 0.85;
let maxRental = standardRental * 1.15;
// 백원 단위로 반올림
standardRental = roundToHundred(standardRental);
minRental = roundToHundred(minRental);
maxRental = roundToHundred(maxRental);
// 쉼표를 포함한 문자열로 변환
standardRental = numberWithCommas(standardRental);
minRental = numberWithCommas(minRental);
maxRental = numberWithCommas(maxRental);
document.getElementById("standardRental").textContent = `${standardRental}원`;
document.getElementById("minRental").textContent = `${minRental}원`;
document.getElementById("maxRental").textContent = `${maxRental}원`;
}
}
// purchasePrice 입력 필드에 입력 이벤트 리스너 추가
document.getElementById("purchasePrice").addEventListener('input', addCommasToInput);
// carYear 선택 상자에 변경 이벤트 리스너 추가
document.getElementById("carYear").addEventListener('change', calculateRental);
// 폼에 Enter 키 이벤트 리스너 추가
document.addEventListener("keydown", function(event) {
if (event.key === "Enter") {
event.preventDefault();
return false;
}
});
});
</script>
</html>
</div>
</form>
<div class="w-form-done">
<div>Thank you! Your submission has been received!</div>
</div>
<div class="w-form-fail">
<div>Oops! Something went wrong while submitting the form.</div>
</div>
</div>
</div>
</section>
<script
src="<https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62e24a964a47bcd52ce89452>"
type="text/javascript"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous"
></script>
<script src="../js/webflow.js" type="text/javascript"></script>
<!-- 공통 적용 스크립트 , 모든 페이지에 노출되도록 설치. 단 전환페이지 설정값보다 항상 하단에 위치해야함 -->
<script
type="text/javascript"
src="<https://wcs.naver.net/wcslog.js>"
></script>
<script type="text/javascript">
if (!wcs_add) var wcs_add={};
wcs_add["wa"] = "s_2bce9ead9f8c";
if (!_nasa) var _nasa={};
if(window.wcs){
wcs.inflow();
wcs_do(_nasa);
}
</script>
</body>
</html>