PageSourceSearch

https://papabu.co.kr/service

html papabu.co.kr collected 2026-10-02 01:59:06 UTC 76,200 bytes, 1,394 lines download raw bytes

1
2<!DOCTYPE html>
3<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
4<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
5<!--[if !IE]><!--> <html> <!--<![endif]-->
6<head>
7    <!-- seo -->
8    <meta name="title" content="서비스 소개 - 파파부 대리운전">
9    <meta name="category" content="대리운전 서비스">
10    <meta name="keywords" content="대리운전, 앱, 어플리케이션, 가성비, 최저가, 싼, 저렴한, 법인, 후불, 월정산, 기업, 골프장, 수행기사, 스마트, 탁송">
11    <meta name="description" content="결제방법, 주소 등록은 처음 한 번만! 터치 한 번으로 호출부터 결제까지 평생 자동으로! 웹, 앱에서 이용내역 조회로 편리한 관리!">
12<!--    <meta property="og:image" content="--><?//=$og_img;?><!--" />-->
13    <meta property="og:title" content="서비스 소개 - 파파부 대리운전" />
14    <meta property="og:type" content="website" />
15    <meta property="og:image:type" content="image/jpeg" />
16    <meta property="og:url" content="https://papabu.co.kr/service">
17    <meta property="og:description" content="결제방법, 주소 등록은 처음 한 번만! 터치 한 번으로 호출부터 결제까지 평생 자동으로! 웹, 앱에서 이용내역 조회로 편리한 관리!" />
18    <meta property="og:site_name" content="파파부 대리운전 '파파를 부탁해'" />
19    <title>
20        서비스 소개 - 파파부 대리운전    </title>
21    <link rel="canonical" href="https://papabu.co.kr/service">
22
23    <!-- Required Meta Tags Always Come First -->
24    <meta charset="utf-8">
25    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
26    <meta http-equiv="x-ua-compatible" content="IE=edge">
27
28    <!-- Favicon -->
29    <link rel="shortcut icon" href="/assets/img/favicon.ico">
30
31    <!-- CSS Global Compulsory -->
32    <link rel="stylesheet" href="/assets/vendor/bootstrap/bootstrap.min.css">
33
34    <!-- CSS Implementing Plugins -->
35    <link rel="stylesheet" href="/assets/vendor/icon-awesome/css/font-awesome.min.css">
36    <link rel="stylesheet" href="/assets/vendor/icon-line/css/simple-line-icons.css">
37    <link rel="stylesheet" href="/assets/vendor/icon-line-pro/style.css">
38    <link rel="stylesheet" href="/assets/vendor/icon-hs/style.css">
39    <link rel="stylesheet" href="/assets/vendor/hamburgers/hamburgers.min.css">
40    <link rel="stylesheet" href="/assets/vendor/animate.css">
41    <link rel="stylesheet" href="/assets/vendor/dzsparallaxer/dzsparallaxer.css">
42    <link rel="stylesheet" href="/assets/vendor/dzsparallaxer/dzsscroller/scroller.css">
43    <link rel="stylesheet" href="/assets/vendor/dzsparallaxer/advancedscroller/plugin.css">
44    <link rel="stylesheet" href="/assets/vendor/fancybox/jquery.fancybox.css">
45    <link rel="stylesheet" href="/assets/vendor/cubeportfolio-full/cubeportfolio/css/cubeportfolio.min.css">
46    <link rel="stylesheet" href="/assets/vendor/slick-carousel/slick/slick.css">
47
48    <!-- CSS Template -->
49    <link rel="stylesheet" href="assets/css/papabu-style.css">
50
51    <!-- CSS Customization -->
52    <link rel="stylesheet" href="/assets/css/custom.css">
53
54    <!-- JS Global Compulsory -->
55    
55<script src="/assets/vendor/jquery/jquery.min.js"></script>
55
56    
56<script src="/assets/vendor/jquery-migrate/jquery-migrate.min.js"></script>
56
57    
57<script src="/assets/vendor/jquery.easing/js/jquery.easing.js"></script>
57
58    
58<script src="/assets/vendor/popper.min.js"></script>
58
59    
59<script src="/assets/vendor/bootstrap/bootstrap.min.js"></script>
59
60
61    <!-- JS Implementing Plugins -->
62    
62<script src="/assets/vendor/appear.js"></script>
62
63    
63<script src="/assets/vendor/dzsparallaxer/dzsparallaxer.js"></script>
63
64    
64<script src="/assets/vendor/dzsparallaxer/dzsscroller/scroller.js"></script>
64
65    
65<script src="/assets/vendor/dzsparallaxer/advancedscroller/plugin.js"></script>
65
66    
66<script src="/assets/vendor/fancybox/jquery.fancybox.js"></script>
66
67    
67<script src="/assets/vendor/cubeportfolio-full/cubeportfolio/js/jquery.cubeportfolio.min.js"></script>
67
68    
68<script src="/assets/vendor/slick-carousel/slick/slick.js"></script>
68
69
70    <!-- JS Unify -->
71    
71<script src="/assets/js/hs.core.js"></script>
71
72    
72<script src="/assets/js/components/hs.header.js"></script>
72
73    
73<script src="/assets/js/helpers/hs.hamburgers.js"></script>
73
74    
74<script src="/assets/js/components/hs.scroll-nav.js"></script>
74
75    
75<script src="/assets/js/components/hs.onscroll-animation.js"></script>
75
76    
76<script src="/assets/js/components/hs.tabs.js"></script>
76
77    
77<script src="/assets/js/components/hs.cubeportfolio.js"></script>
77
78    
78<script src="/assets/js/components/hs.popup.js"></script>
78
79    
79<script src="/assets/js/components/hs.carousel.js"></script>
79
80    
80<script src="/assets/js/components/hs.go-to.js"></script>
80
81
82    <!-- jQuery UI Core -->
83    
83<script src="/assets/js/jquery-ui.min.js"></script>
83
84
85
86    <!-- JS Customization -->
87    
87<script src="/assets/js/custom.js"></script>
87
88    <style>
89        .has-scrollbar {
90            width: calc(100vw + 20px);
91        }
92
93        @supports (color: var(--scroll-bar)) {
94            .has-scrollbar {
95                width: calc(100vw + var(--scroll-bar));
96            }
97        }
98    </style>
99</head>
100
101<body>
102<!-- Header v1 -->
103<header id="js-header" class="u-header u-header--sticky-top u-header--show-hide u-header--toggle-section"
104        data-header-fix-moment="100"
105        data-header-fix-effect="slide">
106    <div class="u-header__section u-shadow-v27 g-bg-white g-transition-0_3 g-py-12 g-py-20--md">
107        <nav class="navbar navbar-expand-lg py-0 g-px-15">
108            <div class="container g-pos-rel">
109                <!-- Logo -->
110                <a href="/" class="navbar-brand u-header__logo">
111                    <img class="u-header__logo-img u-header__logo-img--main g-width-50" src="assets/img/logo.png" alt="Image description">
112                </a>
113                <!-- End Logo --><head>
114                    <!-- Title -->
115                    <title>파파부 대리운전 '파파를 부탁해'</title>
116
117                    <!-- Required Meta Tags Always Come First -->
118                    <meta charset="utf-8">
119                    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
120                    <meta http-equiv="x-ua-compatible" content="IE=edge">
121
122                    <!-- Favicon -->
123                    <link rel="shortcut icon" href="/assets/img/favicon.ico">
124
125                    <!-- CSS Global Compulsory -->
126                    <link rel="stylesheet" href="/assets/vendor/bootstrap/bootstrap.min.css">
127
128                    <!-- CSS Implementing Plugins -->
129                    <link rel="stylesheet" href="/assets/vendor/icon-awesome/css/font-awesome.min.css">
130                    <link rel="stylesheet" href="/assets/vendor/icon-line/css/simple-line-icons.css">
131                    <link rel="stylesheet" href="/assets/vendor/icon-line-pro/style.css">
132                    <link rel="stylesheet" href="/assets/vendor/icon-hs/style.css">
133                    <link rel="stylesheet" href="/assets/vendor/hamburgers/hamburgers.min.css">
134                    <link rel="stylesheet" href="/assets/vendor/animate.css">
135                    <link rel="stylesheet" href="/assets/vendor/dzsparallaxer/dzsparallaxer.css">
136                    <link rel="stylesheet" href="/assets/vendor/dzsparallaxer/dzsscroller/scroller.css">
137                    <link rel="stylesheet" href="/assets/vendor/dzsparallaxer/advancedscroller/plugin.css">
138                    <link rel="stylesheet" href="/assets/vendor/fancybox/jquery.fancybox.css">
139                    <link rel="stylesheet" href="/assets/vendor/cubeportfolio-full/cubeportfolio/css/cubeportfolio.min.css">
140                    <link rel="stylesheet" href="/assets/vendor/slick-carousel/slick/slick.css">
141
142                    <!-- CSS Template -->
143                    <link rel="stylesheet" href="assets/css/papabu-style.css">
144
145                    <!-- CSS Customization -->
146                    <link rel="stylesheet" href="/assets/css/custom.css">
147                </head>
148
149                <div id="navBar" class="collapse navbar-collapse text-center">
150                    <!-- Navigation -->
151                    <div class="navbar-collapse align-items-center flex-sm-row">
152                        <ul id="js-scroll-nav" class="navbar-nav g-flex-right--xs text-uppercase w-100 g-font-weight-400 g-font-size-16 g-pt-20 g-pt-0--lg text-center">
153                            <li class="nav-item g-mx-20--lg g-my-10 g-mb-0--lg">
154                                <a href="/service" class="nav-link p-0">서비스 소개</a>
155                            </li>
156                            <li class="nav-item g-mx-20--lg g-my-10 g-mb-0--lg">
157                                <a href="/business_service" class="nav-link p-0">법인 서비스</a>
158                            </li>
159                            <li class="nav-item g-mx-20--lg g-my-10 g-mb-0--lg">
160                                <a target="_blank" href="http://papabu.co.kr/corp" class="nav-link p-0">기업고객</a>
161                            </li>
162                            <li class="nav-item g-mx-20--lg g-my-10 g-mb-0--lg">
163                                <a target="_blank" href="http://papabu.co.kr/receipt" class="nav-link p-0">영수증조회</a>
164                            </li>
165                        </ul>
166                    </div>
167                    <!-- End Navigation -->
168
169                    <a class="btn btn-lg u-btn-primary g-font-we
169ight-400 g-font-size-16 g-px-30 g-py-10 g-ml-25--lg g-my-10 g-mb-0--lg contactBtn" href="#!">문의하기</a>
170                </div>
171
172                <!-- Responsive Toggle Button -->
173                <button class="navbar-toggler btn g-line-height-1 g-brd-none g-pa-0 g-pos-abs g-top-15 g-right-0" type="button"
174                        aria-label="Toggle navigation"
175                        aria-expanded="false"
176                        aria-controls="navBar"
177                        data-toggle="collapse"
178                        data-target="#navBar">
179                <span class="hamburger hamburger--slider g-py-10">
180                  <span class="hamburger-box">
181                    <span class="hamburger-inner"></span>
182                  </span>
183                </span>
184                </button>
185                <!-- End Responsive Toggle Button -->
186            </div>
187        </nav>
188    </div>
189</header>
190<!-- End Header v1 -->
191<!-- Promo Block -->
192<div class="dzsparallaxer auto-init height-is-based-on-content use-loading mode-scroll loaded dzsprx-readyall g-min-height-75vh g-bg-cover g-bg-black-opacity-0_3--after" data-options='{direction: "reverse", settings_mode_oneelement_max_offset: "150"}'>
193    <div class="divimage dzsparallaxer--target w-100" style="height: 115%; background-image: url(assets/img/guide_hero.jpg);"></div>
194
195    <div class="g-absolute-centered--y g-bg-cover__inner w-100">
196        <div class="container g-pos-rel g-z-index-1 g-mt-70--md">
197            <div class="row align-items-center">
198                <div class="col-sm-10 col-lg-8">
199                    <p class="mb-2 g-color-white">서비스 소개</p>
200                    <h2 class="g-line-height-1_3 g-font-size-36 g-color-white g-mb-20 g-mb-50--lg g-font-weight-200"><strong>터치 한번이면 도착할때까지 편안하게</strong>
201                        <br>가장 스마트한 대리운전 APP을 만나보세요.</h2>
202                </div>
203            </div>
204        </div>
205    </div>
206</div>
207</div>
208</div>
209<!-- End Promo Block -->
210
211
212
213<!-- Section Content -->
214<section id="features" class="g-py-180">
215    <div class="container">
216        <div class="row">
217            <div class="col-md-5 text-center g-overflow-hidden g-mb-50 g-mb-0--md">
218                <img class="img-fluid" src="assets/img/service_mobile.png" alt="Image description"
219                     data-animation="slideInLeft">
220            </div>
221
222            <div class="col-md-7 d-flex text-center text-md-left">
223                <div class="align-self-center container">
224                    <div class="text-uppercase g-mb-60">
225                        <h2 class="g-color-gray-light-v1 g-font-size-14 g-letter-spacing-1 mb-2">주요 특징</h2>
226                        <h2 class="text-uppercase u-heading-v2__title g-font-weight-300 g-font-size-36 g-letter-spacing-1">편리한 사용과 편안한 이동</h2>
227                    </div>
228
229                    <div id="processesTabs" class="tab-content container g-width-630 g-pb-50 g-pb-100--md">
230                        <div class="tab-pane fade show active" id="discuss" role="tabpanel">
231
232                            <div class="js-carousel g-pb-40"
233                                 data-infinite="true"
234                                 data-autoplay="true"
235                                 data-speed="5000"
236                                 data-pause-hover="true"
237                                 data-pagi-classes="u-carousel-indicators-v1 g-absolute-centered--x g-bottom-0 text-center">
238
239                                <div class="js-slide">
240                                    <div class="media d-block d-md-flex text-center text-md-left g-mb-30">
241                                        <div class="d-md-flex align-self-center g-mb-30 g-mb-0--md g-mr-30--md">
242                                            <span class="u-icon-v2 u-icon-size--lg g-font-size-24 g-brd-cyan g-color-primary g-rounded-50x"><i class="icon-communication-141 u-line-icon-pro"></i></span>
243                                        </div>
244
245                                        <div class="media-body align-self-center">
246                                            <h5 class="mb-1 g-font-we
246ight-400">원터치로 호출부터 결제까지</h5>
247                                            <p class="g-font-size-13 mb-0">실내/실외 위치파악은 물론 미리 설정된 주소로 대리호출, 운행확인 후 자동결제까지 터치 한 번에 해결합니다.</p>
248                                        </div>
249                                    </div>
250
251                                    <div class="media d-block d-md-flex text-center text-md-left g-mb-30">
252                                        <div class="d-md-flex align-self-center g-mb-30 g-mb-0--md g-mr-30--md">
253                                            <span class="u-icon-v2 u-icon-size--lg g-font-size-24 g-brd-cyan g-color-primary g-rounded-50x"><i class="icon-transport-047 u-line-icon-pro"></i></span>
254                                        </div>
255
256                                        <div class="media-body align-self-center">
257                                            <h5 class="mb-1 g-font-weight-400">니즈 맞춤 서비스</h5>
258                                            <p class="g-font-size-13 mb-0">다른 사람 불러주기, 여러 기사 호출, 카쉐어링, 렌터카 사업자를 위한 탁송 모두 손쉽게 가능합니다.</p>
259                                        </div>
260                                    </div>
261
262                                    <div class="media d-block d-md-flex text-center text-md-left g-mb-30">
263                                        <div class="d-md-flex align-self-center g-mb-30 g-mb-0--md g-mr-30--md">
264                                            <span class="u-icon-v2 u-icon-size--lg g-font-size-24 g-brd-cyan g-color-primary g-rounded-50x"><i class="icon-finance-138 u-line-icon-pro"></i></span>
265                                        </div>
266
267                                        <div class="media-body align-self-center">
268                                            <h5 class="mb-1 g-font-weight-400">높은 마일리지 혜택</h5>
269                                            <p class="g-font-size-13 mb-0">적립금은 현금처럼 대리운전비로 사용하거나 계좌로 이체할 수 있습니다.</p>
270                                        </div>
271                                    </div>
272                                </div>
273
274                                <div class="js-slide">
275                                    <div class="media d-block d-md-flex text-center text-md-left g-mb-30">
276                                        <div class="d-md-flex align-self-center g-mb-30 g-mb-0--md g-mr-30--md">
277                                            <span class="u-icon-v2 u-icon-size--lg g-font-size-24 g-brd-cyan g-color-primary g-rounded-50x"><i class="icon-real-estate-061 u-line-icon-pro"></i></span>
278                                        </div>
279
280                                        <div class="media-body align-self-center">
281                                            <h5 class="mb-1 g-font-weight-400">안심번호로 개인정보 보호</h5>
282                                            <p class="g-font-size-13 mb-0">운행중 고객번호 대신 KT안심번호를 사용하고 LG U플러스 제휴로 카드정보를 안전하게 보호합니다. 지겨운 스팸문자도 차단합니다.</p>
283                                        </div>
284                                    </div>
285
286                                    <div class="media d-block d-md-flex text-center text-md-left g-mb-30">
287                                        <div class="d-md-flex align-self-center g-mb-30 g-mb-0--md g-mr-30--md">
288                                            <span class="u-icon-v2 u-icon-size--lg g-font-size-24 g-brd-cyan g-color-primary g-rounded-50x"><i class="icon-education-031 u-line-icon-pro"></i></span>
289                                        </div>
290
291                                        <div class="media-body align-self-center">
292                                            <h5 class="mb-1 g-font-weight-400">안심기사 시스템</h5>
293                                            <p class="g-font-size-13 mb-0">체계적인 기사평가제도와 자체 교육 및 검수 시스템을 바탕으로 가장 친절하고 뛰어난 100% 보험 기사님을 보내드립니다.</p>
294                                        </div>
295                                    </div>
296
297                                    <div class="media d-block d-md-flex text-center text-md-left g-mb-30">
298                                        <div class="d-md-flex align-self-center g-mb-30 g-mb-0--md g-mr-30--md">
299                                            <span class="u-icon-v2 u-icon-size--lg g-font-size-24 g-brd-cyan g-color-primary g-rounded-50x"><i class="icon-communication-164 u-line-icon-pro"></i></span>
300                                        </div>
301
302                                        <div class="media-body align-self-center">
303                                            <h5 class="mb-1 g-font-weight-400">기업 전용 솔루션 제공</h5>
304                                            <p class="g-font-size-13 mb-0">법인 전용 앱/웹 기능, 스마트한 정산시스템을 서비스를 제공합니다. 우리금융그룹, 이노션 등 많은 기업들이 이용하고 있습니다.</p>
305                                        </div>
306                                    </div>
307                                </div>
308
309                            </div>
310
311                        </div>
312                    </div>
313
314                </div>
315            </div>
316        </div>
317    </div>
318</section>
319<!-- End Section Content -->
320
321
322
323<!-- Section Content -->
324<section class="g-py-180 g-bg-primary">
325    <div class="container text-center g-max-width-750 g-mb-60">
326        <h2 class="g-color-gray-light-v1 g-font-size-14 g-letter-spacing-1 mb-2">어플리케이션</h2>
327        <h2 class="text-uppercase u-heading-v2__title g-font-weight-300 g-font-size-36 g-letter-spacing-1 g-color-white">개인서비스 이용방법</h2>
328    </div>
329
330    <div class="container">
331        <!-- Carousel -->
332        <div class="js-carousel"
333             data-infinite="true"
334             data-arrows-classes="u-arrow-v1 g-pos-abs g-top-40x g-width-20 g-height-20 g-color-primary g-font-size-18 g-rounded-50x g-transition-0_2 g-transition--ease-in"
335             data-arrow-left-classes="fa fa-chevron-left g-left-0 g-color-gray-light-v1"
336             data-arrow-right-classes="fa fa-chevron-right g-right-0 g-color-gray-light-v1">
337
338            <!-- slide -->
339            <div class="js-slide">
340                <div class="row justify-content-center align-items-center no-gutters">
341
342                    <div class="col-lg-6 text-center"
343                         data-animation="fadeIn"
344                         data-animation-delay="50"
345                         data-animation-duration="1500">
346                        <img class="img-fluid d-inline-block" src="assets/img/guide_app001.png" alt="Image description">
347                    </div>
348
349                    <div class="col-lg-6"
350                         data-animation="fadeIn"
351                         data-animation-delay="100"
352                         data-animation-duration="1500">
353                        <div class="g-px-30 g-pr-50--lg g-pl-0--lg g-pt-40">
354                            <h5 class="g-font-weight-400 g-mb-10 g-color-white"><span class="g-mr-8 g-color-gray-light-v2 g-font-weight-200">01</span>앱 설치</h5>
355                            <p class="g-font-size-default g-mb-20 g-color-white">Google Play 또는 App Store에서 무료 Papabu 앱을 받으세요.</p>
356                            <a target="_blank" href="https://itunes.apple.com/kr/app/papabu-daeliunjeon-papaleul/id914211080?l=en&mt=8" class="btn btn-md u-btn-white-line g-font-weight-500 g-letter-spacing-0_5 text-uppercase text-left g-rounded-50 g-py-10 g-px-15 g-mb-15 g-mb-15--lg g-mr-10--md g-min-width-120">
357                                <i class="fa fa-apple float-left g-font-size-20 g-mx-8 g-py-5"></i>
358                                <span class="float-left g-font-size-12 g-py-6 g-letter-spacing-1">
359                    App Store
360                  </span>
361                            </a>
362                            <a target="_blank" href="https://play.google.com/store/apps/details?id=com.delta.ddcustomer" class="btn btn-md u-btn-white-line g-font-weight-500 g-letter-spacing-0_5 text-uppercase text-left g-rounded-50 g-py-10 g-px-15 g-mb-10 g-mb-0--lg g-min-width-120 g-mb-15--lg">
363                                <i class="fa fa-android float-left g-font-size-20 g-mx-8 g-py-5"></i>
364                                <span class="float-left g-font-size-12 g-py-6 g-letter-spacing-1">
365                    Google Play
366                  </span>
367                            </a>
368                        </div>
369                    </div>
370
371                </div>
372            </div>
373            <!-- End slide -->
374
375            <!-- slide -->
376            <div class="js-slide">
377                <div class="row justify-content-center align-items-center no-gutters">
378                    <div class="col-lg-6 text-center">
379                        <img class="img-fluid d-inline-block" src="assets/img/guide_app002.png">
380                    </div>
381                    <div class="col-lg-6">
382                        <div class="g-px-30 g-pr-50--lg g-pl-0--lg g-pt-40">
383                            <h5 class="g-font-weight-400 g-mb-10 g-color-white"><span class="g-mr-8 g-color-gray-light-v2 g-font-weight-200">02</span>회원가입</h5>
384                            <p class="g-font-size-default g-mb-20 g-color-white">앱 '개인 가입'에서 카카오/페이스북/이메일 중 하나를 선택하고, '동의'하면 가입이 완료됩니다.</p>
385                        </div>
386                    </div>
387                </div>
388            </div>
389            <!-- End slide -->
390
391            <!-- slide -->
392            <div class="js-slide">
393                <div class="row justify-content-center align-items-center no-gutters">
394                    <div class="col-lg-6 text-center">
395                        <img class="img-fluid d-inline-block" src="assets/img/guide_app003.png">
396                    </div>
397                    <div class="col-lg-6">
398                        <div class="g-px-30 g-pr-50--lg g-pl-0--lg g-pt-40">
399                            <h5 class="g-font-weight-400 g-mb-10 g-color-white"><span class="g-mr-8 g-color-gray-light-v2 g-font-weight-200">03</span>사용방법</h5>
400                            <p class="g-font-size-default g-mb-20 g-color-white"><strong>집에 갈 때</strong></br>파파부 첫 화면에서 ‘즉시호출’을 누르면 모든 과정이 끝납니다.</br><strong>호출설정화면</strong></br>다른 목적지 설정, 경유지 추가, 다른 사람 불러주기 등을 이용할 수 있습니다.</br><strong>결제정보 수정</strong></br>요금을 변경하거나 법인결제에서 개인용도로 변경 할 수 있는 화면입니다. <span class="g-font-size-13 g-color-gray-light-v2">(호출설정화면에서 금액을 누르거나 옆으로 슬라이드)</span></p>
401                        </div>
402                    </div>
403                </div>
404            </div>
405            <!-- End slide -->
406
407        </div>
408        <!-- End Carousel -->
409    </div>
410</section>
411<!-- End Section Content -->
412
413
414
415<!-- Section Content -->
416<section class="g-py-180 g-bg-secondary">
417    <div class="container">
418        <div class="row">
419            <div class="col-lg-12 g-mb-30 g-mb-0--lg">
420                <div class="align-self-center">
421                    <div class="g-mb-60 text-center">
422                        <h2 class="g-color-gray-light-v1 g-font-size-14 g-letter-spacing-1 mb-2">기업고객 페이지</h2>
423                        <h2 class="text-uppercase u-heading-v2__title g-font-weight-300 g-font-size-36 g-letter-spacing-1">기업서비스 이용방법</h2>
424                    </div>
425
426                    <div id="whyOurAppAccordion" class="u-accordion" role="tablist" aria-multiselectable="true">
427                        <!-- Card 01 -->
428                        <div class="card rounded-3 g-bg-white g-color-primary g-brd-gray-light-v3"
429                             data-animation="fadeIn"
430                             data-animation-delay="50"
431                             data-animation-duration="1500">
432                            <div id="manual1" class="u-accordion__header g-pa-20" role="tab">
433                                <h4 class="mb-0 text-uppercase g-font-weight-400">
434                                    <a class="g-text-underline--none--hover" href="#manual1Body"
435                                       data-toggle="collapse"
436                                       data-parent="#whyOurAppAccordion"
437                                       aria-expanded="true"
438                                       aria-controls="manual1Body">
439                        <span class="u-accordion__control-icon g-mb-50 g-mr-10">
440                          <i class="fa fa-plus g-font-size-14 g-color-gray-light-v2"></i>
441                          <i class="fa fa-minus g-font-size-14 g-color-gray-light-v2"></i>
442                        </span>
443                                        <span class="g-mr-8 g-color-primary g-font-weight-200">01</span>회원가입
444                                    </a>
445                                </h4>
446                            </div>
447
448                            <div id="manual1Body" class="collapse show" role="tabpanel" aria-labelledby="awesomeFeatures">
449                                <div class="u-accordion__body g-font-size-default g-pa-0-20-20"><p class="mb-0 g-color-primaryblack">파파부 기업고객 페이지(http://www.papabu.co.kr/corp)의 ‘기업등록하기’에서 기업정보를 등록 후 가입완료하면 아이디가 생성됩니다.</p></div>
450                            </div>
451                        </div>
452                        <!-- End Card 01 -->
453
454                        <!-- Card 02 -->
455                        <div class="card rounded-3 g-bg-white g-color-primary g-brd-gray-light-v3"
456                             data-animation="fadeIn"
457                             data-animation-delay="100"
458                             data-animation-duration="1500">
459                            <div id="manual2" class="u-accordion__header g-pa-20" role="tab">
460                                <h4 class="mb-0 text-uppercase g-font-we
460ight-400">
461                                    <a class="collapsed g-text-underline--none--hover" aria-expanded="false" aria-controls="manual2Body"
462                                       href="#manual2Body"
463                                       data-toggle="collapse"
464                                       data-parent="#whyOurAppAccordion">
465                        <span class="u-accordion__control-icon g-mr-10">
466                          <i class="fa fa-plus g-font-size-14 g-color-gray-light-v2"></i>
467                          <i class="fa fa-minus g-font-size-14 g-color-gray-light-v2"></i>
468                        </span>
469                                        <span class="g-mr-8 g-color-primary g-font-weight-200">02</span>기업정보 및 정산방식 확인
470                                    </a>
471                                </h4>
472                            </div>
473
474                            <div id="manual2Body" class="collapse" role="tabpanel" aria-labelledby="modernAndCreativeDesign">
475                                <div class="u-accordion__body g-font-size-default g-pa-0-20-20"><p class="mb-0 g-color-primaryblack"><strong>기업정보 확인 및 작성</strong></br>로그인 후 ‘가입정보’에서 작성 정보 확인 후 누락된 정보는 입력 후 ‘수정하기’ 버튼으로 저장합니다</br><strong>정산정보(계약정보) 확인</strong></br>가입시 정산방식은 ‘세금계산서 후불’입니다. 카드 정산을 원하실 경우 ‘사용임직원 관리’에서 임직원별로 카드를 등록하거나 ‘법인공통카드’를 등록할 수 있습니다.</p></div>
476                            </div>
477                        </div>
478                        <!-- End Card 02 -->
479
480                        <!-- Card 03 -->
481                        <div class="card rounded-3 g-bg-white g-color-primary g-brd-gray-light-v3"
482                             data-animation="fadeIn"
483                             data-animation-delay="150"
484                             data-animation-duration="1500">
485                            <div id="manual3" class="u-accordion__header g-pa-20" role="tab">
486                                <h4 class="mb-0 text-uppercase g-font-weight-400">
487                                    <a class="collapsed g-text-underline--none--hover" href="#manual3Body" aria-expanded="false" aria-controls="manual3Body"
488                                       data-toggle="collapse"
489                                       data-parent="#whyOurAppAccordion">
490                        <span class="u-accordion__control-icon g-mr-10">
491                          <i class="fa fa-plus g-font-size-14 g-color-gray-light-v2"></i>
492                          <i class="fa fa-minus g-font-size-14 g-color-gray-light-v2"></i>
493                        </span>
494                                        <span class="g-mr-8 g-color-primary g-font-weight-200">03</span>사용임직원 선등록
495                                    </a>
496                                </h4>
497                            </div>
498
499                            <div id="manual3Body" class="collapse" role="tabpanel" aria-labelledby="regularUpdates">
500                                <div class="u-accordion__body g-font-size-default g-pa-0-20-20"><p class="mb-0 g-color-primaryblack"><strong>사용임직원등록</strong></br>‘사용임직원관리’에서 기업정산으로 대리운전 이용 임직원을 추가해주세요. ‘사용자임직원등록’에서 이름+직급/이메일/핸드폰번호/자택주소를 입력해주세요. 직접 등록하거나 파파부 담당자에게 엑셀파 일을 보내주셔도 됩니다.(대신 입력 요청시에는 기업 아이디와 패스워드를 알려주셔야 합니다.)</br><strong>법인공통카드</strong></br>모든 직원의 결제를 하나의 법인 카드로 정산하고자 할 때만 ‘법인공통카드’를 입력해주세요. 등록 후 정산방식은 ‘법인공통카드’로 변경됩니다.</br><strong>등록임직원 관리</strong></br>등록된 임직원은 회사 필요에 따라 삭제, 휴면처리할 수 있습니다.</br><strong>개별카드</strong></br>임직원 한 명 한 명당 지급된 법인카드로 결제 할 때 등록하는 기능입니다. 임직원 본인 이름이 기재된 법인카드의 경우에 앱에서도 본인이 등록할 수 있습니다.</p></div>
501                            </div>
502                        </div>
503                        <!-- End Card 03 -->
504
505                        <!-- Card 04 -->
506                        <div class="card rounded-3 g-bg-white g-color-primary g-brd-gray-light-v3"
507                             data-animation="fadeIn"
508                             data-animation-delay="200"
509                             data-animation-duration="1500">
510                            <div id="manual4" class="u-accordion__header g-pa-20" role="tab">
511                                <h4 class="mb-0 text-uppercase g-font-we
511ight-400">
512                                    <a class="collapsed g-text-underline--none--hover" href="#manual4Body" aria-expanded="false" aria-controls="manual4Body"
513                                       data-toggle="collapse"
514                                       data-parent="#whyOurAppAccordion">
515                          <span class="u-accordion__control-icon g-mr-10">
516                            <i class="fa fa-plus g-font-size-14 g-color-gray-light-v2"></i>
517                            <i class="fa fa-minus g-font-size-14 g-color-gray-light-v2"></i>
518                          </span>
519                                        <span class="g-mr-8 g-color-primary g-font-weight-200">04</span>임직원 앱등록
520                                    </a>
521                                </h4>
522                            </div>
523
524                            <div id="manual4Body" class="collapse" role="tabpanel" aria-labelledby="professionalSupport24x7">
525                                <div class="u-accordion__body g-font-size-default g-pa-0-20-20"><p class="mb-0 g-color-primaryblack"><strong>법인가입 클릭 <i class="fa fa-angle-right g-color-gray-light-v0"></i> 휴대폰번호 인증 <i class="fa fa-angle-right g-color-gray-light-v0"></i> 임직원 집주소 확인</strong></br>기업고객 페이지에서 미리 입력된 집주소가 표기됩니다. 집주소가 다른 경우 ‘아니오’ 버튼으로 변경이 가능합니다.</br><strong>후불 정산인 경우</strong></br>후불정산임을 확인하는 화면입니다. '확인'을 누르면 가입이 완료됩니다.</br><strong>카드 정산인 경우</strong></br>‘넘어가기’하면 회사에서 등록된 1개의 법인카드로 결제되며 앱에서 개별 카드를 등록하면 등록된 카드로 결제됩니다.</p></div>
526                            </div>
527                        </div>
528                        <!-- End Card 04 -->
529
530                        <!-- Card 05 -->
531                        <div class="card rounded-3 g-bg-white g-color-primary g-brd-gray-light-v3"
532                             data-animation="fadeIn"
533                             data-animation-delay="250"
534                             data-animation-duration="1500">
535                            <div id="manual5" class="u-accordion__header g-pa-20" role="tab">
536                                <h4 class="mb-0 text-uppercase g-font-weight-400">
537                                    <a class="collapsed g-text-underline--none--hover" href="#manual5Body" aria-expanded="false" aria-controls="manual5Body"
538                                       data-toggle="collapse"
539                                       data-parent="#whyOurAppAccordion">
540                          <span class="u-accordion__control-icon g-mr-10">
541                            <i class="fa fa-plus g-font-size-14 g-color-gray-light-v2"></i>
542                            <i class="fa fa-minus g-font-size-14 g-color-gray-light-v2"></i>
543                          </span>
544                                        <span class="g-mr-8 g-color-primary g-font-weight-200">05</span>앱 이용방법
545                                    </a>
546                                </h4>
547                            </div>
548
549                            <div id="manual5Body" class="collapse" role="tabpanel" aria-labelledby="professionalSupp
549ort24x7">
550                                <div class="u-accordion__body g-font-size-default g-pa-0-20-20"><p class="mb-0 g-color-primaryblack"><strong>집에 갈 때</strong></br>파파부 첫 화면에서 ‘즉시호출’을 누르면 모든 과정이 끝납니다.</br><strong>호출설정화면</strong></br>다른 곳으로 가거나 경유지 추가, 다른 사람 불러주기 등을 설정 할 수 있습니다.</br><strong>결제정보 수정</strong></br>요금을 변경하거나 법인결제에서 개인용도로 변경할 수 있는 화면입니다. (호출설정화면에서 금액을 누르거나 옆으로 슬라이드)</p></div>
551                            </div>
552                        </div>
553                        <!-- End Card 05 -->
554
555                        <!-- Card 06 -->
556                        <div class="card rounded-3 g-bg-white g-color-primary g-brd-gray-light-v3"
557                             data-animation="fadeIn"
558                             data-animation-delay="300"
559                             data-animation-duration="1500">
560                            <div id="manual6" class="u-accordion__header g-pa-20" role="tab">
561                                <h4 class="mb-0 text-uppercase g-font-weight-400">
562                                    <a class="collapsed g-text-underline--none--hover" href="#manual6Body" aria-expanded="false" aria-controls="manual6Body"
563                                       data-toggle="collapse"
564                                       data-parent="#whyOurAppAccordion">
565                          <span class="u-accordion__control-icon g-mr-10">
566                            <i class="fa fa-plus g-font-size-14 g-color-gray-light-v2"></i>
567                            <i class="fa fa-minus g-font-size-14 g-color-gray-light-v2"></i>
568                          </span>
569                                        <span class="g-mr-8 g-color-primary g-font-weight-200">06</span>이용내역 조회 및 정산방법
570                                    </a>
571                                </h4>
572                            </div>
573
574                            <div id="manual6Body" class="collapse" role="tabpanel" aria-labelledby="professionalSupp
574ort24x7">
575                                <div class="u-accordion__body g-font-size-default g-pa-0-20-20"><p class="mb-0 g-color-primaryblack"><strong>이용내역 조회</strong></br>기업고객 페이지의 ‘이용내역 조회’ 탭에서 실시간으로 조회할 수 있습니다.</br><strong>세금계산서 후불정산</strong></br>전월 1일부터 말일까지 이용내역 중 호출결과가 ‘완료’인 콜을 기준으로 세금계산서가 발급됩니다.</br><strong>카드정산방식</strong></br>대리운전이 완료될 때마다 등록된 개별카드나 공통카드로 자동결제됩니다.</br><strong>개별카드, 공통카드 우선순위</strong></br>웹이나 앱에서 개별카드를 등록한 경우에 개별카드가 우선하며 개별카드가 없는 경우는 공통카드, 공통카드가 없는 경우는 후불정산으로 처리됩니다.</p></div>
576                            </div>
577                        </div>
578                        <!-- End Card 06 -->
579
580                    </div>
581                </div>
582            </div>
583
584        </div>
585    </div>
586</section>
587<!-- End Section Content -->
588
589
590<!-- News Block -->
591<section class="g-py-180 g-bg-primary">
592    <div class="container">
593        <div class="text-center g-mb-60">
594            <h2 class="g-color-gray-light-v1 g-font-size-14 g-letter-spacing-1 mb-2">뉴스 및 수상내역</h2>
595            <h2 class="text-uppercase u-heading-v2__title g-font-weight-300 g-color-white g-font-size-36 g-letter-spacing-1">파파부 소식</h2>
596            </h2>
597        </div>
598
599        <div class="row">
600            <div class="col-lg-3 g-mb-30"
601                 data-animation="fadeIn"
602                 data-animation-delay="50"
603                 data-animation-duration="1500">
604                <!-- Article -->
605                <article class="g-brd-around g-brd-gray-light-v4 rounded g-bg-white u-shadow-v22 u-block-hover--shadow-dark u-block-hover--service">
606                    <div class="g-pa-30">
607                        <a target="_blank" class="u-link-v5" href="https://news.sbs.co.kr/news/endPage.do?news_id=N1003357785">
608                            <h5 class="g-font-weight-300 g-mb-15 text-overflow">앱만 깔면 결제까지 'OK'…간편결제의 진화</h5>
609                            <p class="text-overflow g-font-size-14 g-mb-0">지갑 대신 스마트폰으로 결제하는 '모바일 간편 결제' 이용하는 분들 많으시죠. 그런데 이제는 스마트폰을 아예 꺼내지 않아도 결제할 수 있는 앱들이 속속 선보이고 있습니다.</p>
610                        </a>
611                    </div>
612
613                    <div class="media g-font-size-12 g-brd-top g-brd-gray-light-v4 g-pa-15-30">
614                        <div class="media-body align-self-center">
615                            <p class="u-link-v5 g-color-primary g-mb-0">SBS 8시뉴스</p>
616                        </div>
617                    </div>
618                </article>
619                <!-- End Article -->
620            </div>
621
622            <div class="col-lg-3 g-mb-30"
623                 data-animation="fadeIn"
624                 data-animation-delay="100"
625                 data-animation-duration="1500">
626                <!-- Article -->
627                <article class="g-brd-around g-brd-gray-light-v4 rounded g-bg-white u-shadow-v22 u-block-hover--shadow-dark u-block-hover--service">
628                    <div class="g-pa-30">
629                        <a target="_blank" class="u-link-v5" href="http://news.mk.co.kr/newsRead.php?no=1161224&year=2015">
630                            <h5 class="g-font-weight-300 g-mb-15 text-overflow">신동화 트리플렛 대표…대리운전 직접 뛰며 시장 파악</h5>
631                            <p class="text-overflow g-font-size-14 g-mb-0">"사람들이 자주 이용하는 시장에서 틈새를 노린 앱(APP)을 개발하면 자연스럽게 이용 횟수가 많아져 성공할 줄 알았어요. 하지만 그게 아니었습니다."</p>
632                        </a>
633                    </div>
634
635                    <div class="media g-font-size-12 g-brd-top g-brd-gray-light-v4 g
635-pa-15-30">
636                        <div class="media-body align-self-center">
637                            <p class="u-link-v5 g-color-primary g-mb-0">매일경제</p>
638                        </div>
639                    </div>
640                </article>
641                <!-- End Article -->
642            </div>
643
644            <div class="col-lg-3 g-mb-30"
645                 data-animation="fadeIn"
646                 data-animation-delay="150"
647                 data-animation-duration="1500">
648                <!-- Article -->
649                <article class="g-brd-around g-brd-gray-light-v4 rounded g-bg-white u-shadow-v22 u-block-hover--shadow-dark u-block-hover--service">
650                    <div class="g-pa-30">
651                        <a target="_blank" class="u-link-v5" href="http://platum.kr/archives/55162">
652                            <h5 class="g-font-weight-300 g-mb-15 text-overflow">O2O 시장 확대를 위한 스타트업 4사 도원결의</h5>
653                            <p class="text-overflow g-font-size-14 g-mb-0">모바일 맛집 서비스, 대리운전, 디지털사이너지, 스마트 주차 솔루션 등 각 분야 O2O 기업 4개사가 모여 시장 확대를 위한 MOU를 체결했다고 18일 밝혔다.</p>
654                        </a>
655                    </div>
656
657                    <div class="media g-font-size-12 g-brd-top g-brd-gray-light-v4 g-pa-15-30">
658                        <div class="media-body align-self-center">
659                            <p class="u-link-v5 g-color-primary g-mb-0">플래텀</p>
660                        </div>
661                    </div>
662                </article>
663                <!-- End Article -->
664            </div>
665
666            <div class="col-lg-3 g-mb-30"
667                 data-animation="fadeIn"
668                 data-animation-delay="200"
669                 data-animation-duration="1500">
670                <!-- Article -->
671                <article class="g-brd-around g-brd-gray-light-v4 rounded g-bg-white u-shadow-v22 u-block-hover--shadow-dark u-block-hover--service">
672                    <div class="g-pa-30">
673                        <a target="_blank" class="u-link-v5" href="http://biz.chosun.com/site/data/html_dir/2015/07/16/2015071602789.html">
674                            <h5 class="g-font-weight-300 g-mb-15 text-overflow">요일·날씨에 따라 대리요금 흥정 가능…</h5>
675                            <p class="text-overflow g-font-size-14 g-mb-0">술자리에서 취한 직장동료나 친구들 대신 대리운전을 부르는 일이 적지 않다. 시세를 잘 모를 땐 보통 업체에서 부르는 대로 내겠다고 하는 편인데, 가끔 다음날 술이 깬 친구에게 '왜 그렇게 비싼 걸 불렀냐'는 타박을 듣기도 한다.</p>
676                        </a>
677                    </div>
678
679                    <div class="media g-font-size-12 g-brd-top g-brd-gray-light-v4 g-pa-15-30">
680                        <div class="media-body align-self-center">
681                            <p class="u-link-v5 g-color-primary g-mb-0">조선비즈</p>
682                        </div>
683                    </div>
684                </article>
685                <!-- End Article -->
686            </div>
687
688        </div>
689    </div>
690</section>
691<!-- End News Block 03 -->
692
693
694    <!-- JS Plugins Init. -->
695    
695<script>
696      $(document).on('ready', function () {
697        // initialization of carousel
698        $.HSCore.components.HSCarousel.init('.js-carousel');
699
700        $('#carouselCus1').slick('setOption', 'responsive', [{
701          breakpoint: 1200,
702          settings: {
703            slidesToShow: 3,
704            slidesToScroll: 3
705          }
706        }, {
707          breakpoint: 992,
708          settings: {
709            slidesToShow: 2,
710            slidesToScroll: 2
711          }
712        }, {
713          breakpoint: 576,
714          settings: {
715            slidesToShow: 1,
716            slidesToScroll: 1
717          }
718        }], true);
719
720        // initialization of header
721        $.HSCore.components.HSHeader.init($('#js-header'));
722        $.HSCore.helpers.HSHamburgers.init('.hamburger');
723
724        // initialization of tabs
725        $.HSCore.components.HSTabs.init('[role="tablist"]');
726
727        // initialization of scroll animation
728        $.HSCore.components.HSOnScrollAnimation.init('[data-animation]');
729
730        // initialization of go to section
731        $.HSCore.components.HSGoTo.init('.js-go-to');
732
733        // initialization of popups
734        $.HSCore.components.HSPopup.init('.js-fancybox-media', {
735          helpers: {
736            media: {},
737            overlay: {
738              css: {
739                'background': 'rgba(255, 255, 255, .8)'
740              }
741            }
742          }
743        });
744      });
745
746      $(window).on('load', function() {
747        // initialization of HSScrollNav
748        $.HSCore.components.HSScrollNav.init($('#js-scroll-nav'), {
749          duration: 700,
750          easing: 'easeOutExpo'
751        });
752
753        // initialization of cubeportfolio
754        $.HSCore.components.HSCubeportfolio.init('.cbp');
755      });
756
757      $(window).on('resize', function () {
758        setTimeout(function () {
759          $.HSCore.components.HSTabs.init('[role="tablist"]');
760        }, 200);
761      });
762    </script>
762
763<style>
764    .contact-container{
765        position: fixed;
766        height: 100vh;
767        top: 0;
768        left: 0;
769        width: 100vw;
770        z-index: 200;
771        display: none;
772    }
773
774    .contact-blind-container{
775        height: 100vh;
776        width: 100vw;
777        top: 0;
778        left: 0;
779        position: absolute;
780        z-index: 201;
781        display: none;
782    }
783
784    .contact-modal-container{
785        height: 100vh;
786        top: 0;
787        right: -15px;
788        position: absolute;
789        background-color: #ffffff;
790        z-index: 202;
791        display: none;
792        overflow: scroll;
793        -ms-overflow-style: scroll;
794    }
795
796    .swal-title {
797        word-wrap: break-word !important;
798        word-break: keep-all !important;
799    }
800
801    .swal-button {
802        background-color: #FF3A3A !important;
803    }
804
805    .modal-dialog.full-screen {
806        position: fixed;
807        margin: auto;
808        left: 0px;
809        right: 0px;
810        top: 0px;
811        bottom: 0px;
812    }
813
814    .modal-dialog.full-screen .modal-content {
815        position: absolute;
816        left: 10px;
817        right: 10px;
818        top: 10px;
819        bottom: 10px;
820    }
821
822    .modal-dialog.full-screen .modal-content .modal-header {
823        height: 55px;
824    }
825
826    .modal-dialog.full-screen .modal-content .modal-body {
827        overflow-y: auto;
828        position: absolute;
829        top: 0;
830        bottom: 0;
831        left: 0;
832        right: 0;
833        margin-top: 55px;
834        margin-bottom: 10px;
835    }
836
837    .modal-dialog.full-screen .modal-content .modal-footer {
838        height: 80px;
839        position: absolute;
840        bottom: 0;
841        left: 0;
842        right: 0;
843    }
844
845    .modal-dialog {
846        min-width: 90%;
847    }
848
849    .modal-backdrop{
850        background-color: rgba(52,68,82,0.8) !important;
851    }
852</style>
853<!-- Footer -->
854<footer id="contact-section" class="g-bg-primary-dark">
855    <div class="container g-pt-180">
856        <div class="row">
857
858            <div class="col-sm-6 col-lg-4 g-mb-30 g-px-20">
859                <img class="g-height-30 mb-3" src="assets/img/triplet_white.png" alt="Image description">
860                <p class="g-font-size-13 g-word-break g-color-gray-light-v5 g-py-4">트리플렛은 AI와 IoT를 기반으로 하는 다양한 서비스와 기술을 제공하는 기술회사입니다. 적정요금 AI 알고리즘이 탑재된 파파부는 물론 다양한 서비스를 진행중입니다.</p>
861                <a class="btn btn-lg u-btn-white-line g-font-weight-400 g-font-size-14 g-px-30 g-py-10 g-mt-10" target="_blank" href="http://www.triplllet.com/ko/">트리플렛 방문하기</a>
862            </div>
863
864            <div class="col-sm-6 col-lg-4 g-mb-30 g-px-20">
865                <h3 class="g-font-weight-400 g-color-white g-font-size-18 mb-3">Contact</h3>
866
867                <!-- Links -->
868                <ul class="list-unstyled">
869                    <li class="g-py-4"><a class="u-link-v5 g-font-size-14 g-color-gray-light-v5" href="#"><strong class="mr-1 g-color-main">P</strong> +82 70 4354 8894</a></li>
870                    <li class="g-py-4"><a class="u-link-v5 g-font-size-14 g-color-gray-light-v5" href="#"><strong class="mr-1 g-color-main">M</strong> [email protected]</a></li>
871                    <li class="g-py-4"><a class="u-link-v5 g-font-size-14 g-color-gray-light-v5" href="#"><strong class="mr-1 g-color-main">A</strong> 서울특별시 영등포구 영등포로53길26, DRB Pioneer Base 2층</a></li>
872                </ul>
873                <!-- End Links -->
874            </div>
875
876            <div class="col-sm-6 col-lg-4 g-mb-30 g-px-20">
877                <h3 class="g-font-weight-400 g-color-white g-font-size-18 mb-3">Download</h3>
878
879                <a target="_blank" href="https://itunes.apple.com/kr/app/papabu-daeliunjeon-papaleul/id914211080?l=en&mt=8" class="btn btn-md u-btn-white-line g-font-weight-500 g-letter-spacing-0_5 text-uppercase text-left g-rounded-50 g-py-10 g-px-20  g-mr-10--md g-min-width-180 g-mb-10 g-mr-10">
880                    <i class="fa fa-apple float-left g-font-size-20 g-mx-8 g-py-5"></i>
881                    <span class="float-left g-font-size-12 g-py-6 g-letter-spacing-2">
882                    App Store
883                  </span>
884                </a>
885                <a target="_blank" href="https://play.google.com/store/apps/details?id=com.delta.ddcustomer" class="btn btn-md u-btn-white-line g-font-we
885ight-500 g-letter-spacing-0_5 text-uppercase text-left g-rounded-50 g-py-10 g-px-20 g-min-width-180">
886                    <i class="fa fa-android float-left g-font-size-20 g-mx-8 g-py-5"></i>
887                    <span class="float-left g-font-size-12 g-py-6 g-letter-spacing-2">
888                    Google Play
889                  </span>
890                </a>
891
892            </div>
893        </div>
894
895        <hr class="g-brd-gray-dark-v5 my-0">
896
897        <!-- Copyright -->
898        <div class="row align-items-center g-py-40">
899            <div class="col-6">
900                <p class="g-font-size-13 mb-0 g-color-gray-light-v5">&#169; 2025 Triplet All Rights Reserved</p>
901            </div>
902            <div class="col-6 text-right">
903                <a class="g-text-underline--none--hover g-font-size-13 g-color-gray-light-v5" href="#!" data-toggle="modal" data-target="#privacy">개인정보 취급방침</a>
904            </div>
905        </div>
906    </div>
907    <!-- End Copyright -->
908</footer>
909<!-- End Footer -->
910
911<!-- Modal -->
912<section class="row g-bg-primary-opacity-0_8 contact-container">
913    <div class="contact-blind-container"></div>
914    <div class="col-md-6 float-right">
915    </div>
916
917    <div class="col-md-6 g-bg-white float-right g-py-90 g-px-60 contact-modal-container">
918        <div class="g-mb-30">
919            <h2 class="g-letter-spacing-1 mb-3">문의하기</h2>
920            <p class="u-heading-v2__title g-font-weight-300 g-font-size-18 g-mb-0">아래 양식에 따라 내용을 입력해주시면</br><strong>담당자가 확인 후 연락드리겠습니다.</strong></p>
921        </div>
922        <form>
923            <div class="row">
924                <p class="mb-2 col-md-12 g-font-size-12"> * 필수입력</p>
925                <div class="form-group g-mb-20 col-md-12">
926                    <input id="email" class="form-control g-font-size-default g-placeholder-inherit g-bg-transparent g-bg-transparent--focus g-brd-gray g-px-15 g-py-10 g-width-400" type="email" placeholder="이메일 *">
927                </div>
928
929                <div class="form-group g-mb-20 col-md-12">
930                    <input id="company" class="form-control g-font-size-default g-placeholder-inherit g-bg-transparent g-bg-transparent--focus g-brd-gray g-px-15 g-py-10 g-width-400" type="text" placeholder="기업명 (or 이름)">
931                </div>
932
933                <div class="form-group g-mb-20 col-md-12">
934                    <input id="phone" class="form-control g-font-size-default g-placeholder-inherit g-bg-transparent g-bg-transparent--focus g-brd-gray g-px-15 g-py-10 g-width-400" type="text" placeholder="전화번호">
935                </div>
936
937                <div class="form-group g-mb-20 col-md-12">
938                    <textarea id="content" class="form-control g-resize-none g-font-size-default g-placeholder-inherit g-bg-transparent g-bg-transparent--focus g-brd-gray g-px-15 g-py-10 g-width-400" rows="5" placeholder="문의하실 내용 *"></textarea>
939                </div>
940
941                <div class="col-md-12 g-mt-10">
942                    <a id="inquiry" class="w-100 btn btn-lg u-btn-primary g-font-weight-400 g-font-size-14 g-px-30 g-py-16 mb-0 g-width-400 g-letter-spacing-2" href="#!">보내기</a>
943                </div>
944            </div>
945        </form>
946    </div>
947</section>
948<!-- End Modal -->
949
950<!-- Demo modal window -->
951<div id="privacy" class="modal">
952    <div class="modal-dialog full-screen" role="document">
953        <div class="modal-content">
954            <div class="modal-header">
955                <h5 class="modal-title" style="width: 100%;">개인정보 취급방침</h5>
956                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
957                    <span aria-hidden="true" style="font-size:15px !important;">&times;</span>
958                </button>
959            </div>
960            <div class="modal-body">
961                <p>
962                    ‘(주)트리플렛’(이하 '트리플렛')은 개인정보보호법에 따라 이용자의 개인정보 보호 및 권익을 보호하고 개인정보와 관련한 이용자의 고충을 원활하게 처리할 수 있도록 다음과 같은 취급방침을 두고 있습니다. 트리플렛은 개인정보취급방침을 개정하는 경우 웹사이트 공지사항(또는 개별공지)을 통하여 공지할 것입니다.
963<br><br>
964본 방침은 2018년 6월 11일부터 시행됩니다.
965<br><br>
9661. 수집하는 개인정보의 항목 및 수집방법
967<br>
968트리플렛은 다음의 개인정보 항목을 수집하고 있습니다.
969<br>
970① 문의하기
971<br>
972- 필수항목: 이메일, 이름, 소속
973<br>
974- 선택항목: 문의내용
975<br> 
976② 서비스 이용에 대한 통계
977<br>
978- 필수항목: 서비스 이용 기록, 접속 로그, 쿠키, 접속 IP 정보
979<br><br>
980트리플렛은 개인정보를 다음과 같이 수집하고 있습니다.
981<br>
982① 문의하기
983<br>
984문의하기 서비스 이용 시 개인정보가 수집됩니다.
985<br>
986② 서비스 이용에 대한 통계
987<br>
988웹사이트를 방문하는 동안 이용자가 웹사이트를 이용할 시 개인정보가 수집됩니다.
989<br><br>
9902. 개인정보의 수집 목적
991<br>  
992트리플렛은 개인정보를 다음의 목적을 위해 수집합니다. 수집한 개인정보는 다음의 목적 이외의 용도로는 사용되지 않으며 이용 목적이 변경될 시에는 사전동의를 구할 예정입니다.
993<br>
994① 문의하기 처리
995<br>
996문의자의 신원 확인, 문의사항 확인, 답변을 위한 연락·통지, 처리결과 통보 등을 목적으로 개인정보를 수집합니다.
997<br>
998② 마케팅 및 광고에의 활용
999<br>
1000신규 서비스(제품) 개발 및 맞춤 서비스 제공, 이벤트 및 광고성 정보 제공 및 참여기회 제공, 인구통계학적 특성에 따른 서비스 제공 및 광고 게재, 서비스의 유효성 확인, 접속빈도 파악 또는 회원의 서비스 이용에 대한 통계 등을 목적으로 개인정보를 수집합니다.
1001<br><br>
10023. 개인정보 파일 현황
1003<br>
1004① 개인정보 파일 현황
1005<br>
1006- 개인정보 파일명: 문의_개인정보
1007<br>
1008- 개인정보 항목: 이메일, 이름, 회사명, 서비스 이용 기록, 접속 로그, 쿠키, 접속 IP 정보
1009<br>
1010- 수집방법: 홈페이지
1011<br>
1012- 보유근거: 문의사항 응대를 위해 보유
1013<br>
1014- 보유기간: 1년
1015<br>
1016- 관련법령: 신용정보의 수집/처리 및 이용 등에 관한 기록(3년), 소비자의 불만 또는 분쟁처리에 관한 기록(3년), 표시/광고에 관한 기록(6개월)
1017<br><br>
10184. 개인정보의 수집 및 보유 기간
1019<br>
1020트리플렛은 법령에 따른 개인정보 보유·이용기간 또는 정보주체로부터 개인정보를 수집시에 동의 받은 개인정보 보유,이용기간 내에서 개인정보를 수집,보유합니다. 각각의 개인정보 수집 및 보유 기간은 다음과 같습니다.
1021<br>
1022① 마케팅 및 광고에의 활용
1023<br>
1024마케팅 및 광고에의 활용과 관련한 개인정보는 수집, 보유에 관한 동의일로부터 1년까지 위 이용 목적을 위하여 수집, 보유됩니다.
1025<br>
1026- 보유근거: 추후 새로운 솔루션 상품 마케팅 시 활용을 위해 보유
1027<br>
1028- 관련법령: 신용정보의 수집/처리 및 이용 등에 관한 기록(3년), 소비자의 불만 또는 분쟁처리에 관한 기록(3년), 표시/광고에 관한 기록(6개월)
1029<br>
1030- 예외사유: 없음
1031<br><br>
10325. 정보주체와 법정대리인의 권리·의무 및 그 행사방법
1033<br>
1034이용자는 개인정보의 주체로서 다음과 같은 권리를 행사할 수 있습니다.
1035<br>
1036① 정보주체는 트리플렛에 대해 언제든지 개인정보 열람,정정,삭제,수집정지 요구 등의 권리를 행사할 수 있습니다.
1037<br>
1038② 제1항에 따른 권리 행사는 트리플렛에 대해 개인정보 보호법 시행령 제41조제1항에 따라 서면, 전자우편, 모사전송(FAX) 등을 통하여 하실 수 있으며 트리플렛은 이에 대해 지체 없이 조치하겠습니다.
1039<br>
1040③ 제1항에 따른 권리 행사는 정보주체의 법정대리인이나 위임을 받은 자 등 대리인을 통하여 하실 수 있습니다. 이 경우 개인정보 보호법 시행규칙 별지 제11호 서식에 따른 위임장을 제출하셔야 합니다.
1041<br>
1042④ 개인정보 열람 및 수집정지 요구는 개인정보보호법 제35조 제5항, 제37조 제2항에 의하여 정보주체의 권리가 제한 될 수 있습니다.
1043<br>
1044⑤ 개인정보의 정정 및 삭제 요구는 다른 법령에서 그 개인정보가 수집 대상으로 명시되어 있는 경우에는 그 삭제를 요구할 수 없습니다.
1045<br>
1046⑥ 트리플렛은 정보주체 권리에 따른 열람의 요구, 정정·삭제의 요구, 수집정지의 요구 시 열람 등 요구를 한 자가 본인이거나 정당한 대리인인지를 확인합니다.
1047<br><br>
10486. 개인정보 파기의 절차, 기한 및 방법
1049<br>
1050개인정보의 파기 트리플렛은 원칙적으로 개인정보 수집목적이 달성된 경우에는 지체없이 해당 개인정보를 파기합니다. 파기의 절차, 기한 및 방법은 다음과 같습니다.
1051<br>
1052① 파기절차
1053<br>
1054이용자가 입력한 정보는 목적 달성 후 별도의 DB에 옮겨져(종이의 경우 별도의 서류) 내부 방침 및 기타 관련 법령에 따라 일정기간 저장된 후 혹은 즉시 파기됩니다. 이 때, DB로 옮겨진 개인정보는 법률에 의한 경우가 아니고서는 다른 목적으로 이용되지 않습니다.
1055<br>
1056② 파기기한
1057<br>
1058이용자의 개인정보는 개인정보의 보유기간이 경과된 경우에는 보유기간의 종료일로부터 5일 이내에, 개인정보의 수집 목적 달성, 해당 서비스의 폐지, 사업의 종료 등 그 개인정보가 불필요하게 되었을 때에는 개인정보의 수집이 불필요한 것으로 인정되는 날로부터 5일 이내에 그 개인정보를 파기합니다.
1059<br>
1060③ 파기방법
1061<br>
1062전자적 파일 형태의 정보는 기록을 재생할 수 없는 기술적 방법을 사용합니다.
1063<br>
1064종이에 출력된 개인정보는 분쇄기로 분쇄하거나 소각을 통하여 파기합니다.
1065<br><br>
10667. 개인정보 자동 수집 장치의 설치•운영 및 거부에 관한 사항
1067<br>
1068트리플렛은 개별적인 맞춤서비스를 제공하기 위해 이용정보를 저장하고 수시로 불러오는 ‘쿠키(cookie)’를 사용합니다. 쿠키는 웹사이트를 운영하는데 이용되는 서버(http)가 이용자의 컴퓨터 브라우저에게 보내는 소량의 정보이며 이용자들의 PC 컴퓨터내의 하드디스크에 저장되기도 합니다. 
1069<br>
1070① 쿠키의 사용 목적
1071<br>
1072이용자가 방문한 각 서비스와 웹 사이트들에 대한 방문 및 이용형태, 인기 검색어, 보안접속 여부 등을 파악하여 이용자에게 최적화된 정보 제공을 위해 사용됩니다. 
1073<br>
1074② 쿠키의 설치⋅운영 및 거부
1075<br>
1076웹브라우저 상단의 도구>인터넷 옵션>개인정보 메뉴의 옵션 설정을 통해 쿠키 저장을 거부 할 수 있습니다. 
1077<br>
1078③ 쿠키 저장을 거부할 경우 맞춤형 서비스 이용에 어려움이 발생할 수 있습니다.
1079<br><br>
10808. 개인정보 보호책임자 작성
1081<br>
1082트리플렛은 개인정보 수집에 관한 업무를 총괄해서 책임지고, 개인정보 수집과 관련한 정보주체의 불만처리 및 피해구제 등을 위하여 아래와 같이 개인정보 보호책임자를 지정하고 있습니다. 정보주체께서는 트리플렛의 웹사이트를 이용하시면서 발생한 모든 개인정보 보호 관련 문의, 불만처리, 피해구제 등에 관한 사항을 개인정보 보호책임자 및 담당부서로 문의하실 수 있습니다. 트리플렛은 정보주체의 문의에 대해 지체 없이 답변 및 처리해드릴 것입니다.
1083<br>
1084① 개인정보 보호책임자
1085<br> 
1086성명: 현재혁
1087<br>
1088직책: 기술이사
1089<br>
1090직급: 이사
1091<br>
1092전화: 070-4354-8894
1093<br>
1094이메일: [email protected]
1095<br>
1096FAX: 02-6919-1357
1097<br>
1098② 개인정보 보호 담당부서
1099<br>
1100부서명: TANK
1101<br>
1102담당자: 현재혁
1103<br>
1104전화: 070-4354-8894
1105<br>
1106이메일: [email protected]
1107<br>
1108FAX: 02-6919-1357
1109<br><br>
11109. 개인정보 취급방침 변경
1111<br>
1112이 개인정보취급방침은 시행일로부터 적용되며, 법령 및 방침에 따른 변경내용의 추가, 삭제 및 정정이 있는 경우에는 변경사항의 시행 7일 전부터 공지사항을 통하여 고지할 것입니다.
1113<br><br>
111410. 개인정보의 안전성 확보 조치
1115<br>
1116트리플렛은 개인정보보호법 제29조에 따라 다음과 같이 안전성 확보에 필요한 기술적/관리적 및 물리적 조치를 하고 있습니다.
1117<br>
1118① 정기적인 자체 감사 실시
1119<br>
1120개인정보 취급 관련 안정성 확보를 위해 정기적(연 1회)으로 자체 감사를 실시하고 있습니다.
1121<br>
1122② 개인정보 취급 직원의 최소화 및 교육
1123<br>
1124개인정보를 취급하는 직원을 지정하고 담당자에 한정시켜 최소화 하여 개인정보를 관리하는 대책을 시행하고 있습니다.
1125<br>
1126③ 내부관리계획의 수립 및 시행
1127<br>
1128개인정보의 안전한 처리를 위하여 내부관리계획을 수립하고 시행하고 있습니다.
1129<br>
1130④해킹 등에 대비한 기술적 대책
1131<br>
1132트리플렛은 해킹이나 컴퓨터 바이러스 등에 의한 개인정보 유출 및 훼손을 막기 위하여 보안프로그램을 설치하고 주기적인 갱신·점검을 하며 외부로부터 접근이 통제된 구역에 시스템을 설치하고 기술적/물리적으로 감시 및 차단하고 있습니다.
1133<br>
1134⑤ 개인정보의 암호화
1135<br>
1136이용자의 개인정보는 비밀번호는 암호화 되어 저장 및 관리되고 있어, 본인만이 알 수 있으며 중요한 데이터는 파일 및 전송 데이터를 암호화 하거나 파일 잠금 기능을 사용하는 등의 별도 보안기능을 사용하고 있습니다.
1137<br>
1138⑥ 접속기록의 보관 및 위변조 방지
1139<br>
1140개인정보취급시스템에 접속한 기록을 최소 6개월 이상 보관, 관리하고 있으며, 접속 기록이 위변조 및 도난, 분실되지 않도록 보안기능 사용하고 있습니다.
1141<br>
1142⑦ 개인정보에 대한 접근 제한
1143<br>
1144개인정보를 처리하는 데이터베이스시스템에 대한 접근권한의 부여,변경,말소를 통하여 개인정보에 대한 접근통제를 위하여 필요한 조치를 하고 있으며 침입차단시스템을 이용하여 외부로부터의 무단 접근을 통제하고 있습니다.
1145<br>
1146⑧ 문서보안을 위한 잠금장치 사용
1147<br>
1148개인정보가 포함된 서류, 보조저장매체 등을 잠금장치가 있는 안전한 장소에 보관하고 있습니다.
1149<br>
1150⑨ 비인가자에 대한 출입 통제
1151<br>
1152개인정보를 보관하고 있는 물리적 보관 장소를 별도로 두고 이에 대해 출입통제 절차를 수립, 운영하고 있습니다.
1153<br>                </p>
1154            </div>
1155        </div>
1156    </div>
1157</div>
1158<!-- End Demo modal window -->
1159
1160<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
vendor: 1 bytes, line 1160
1160
1161<script>
1162    var modalEnd = false,
1163        modalEventSpeed = 500;
1164    var contactModalEvent = {
1165        closeModal: function () {
1166            if (modalEnd == false) {
1167                return;
1168            }
1169            $("body").css("overflow", "");
1170            $("body").css("-ms-overflow-style", "");
1171            $('body').css('position', '');
1172            $(".contact-modal-container").toggle("slide", {
1173                direction: 'right',
1174                easing: 'linear'
1175            }, modalEventSpeed, function () {
1176                $(".contact-blind-container").toggle(0, function () {
1177                    $(".contact-container").toggle(0);
1178                    $("body").css("overflow", "");
1179                    $("body").css("-ms-overflow-style", "");
1180                    $('body').css('position', '');
1181                    $(".contact-blind-container").unbind('touchmove');
1182                    $(".contact-modal-container").unbind('touchmove');
1183                })
1184            });
1185            modalEnd = false;
1186            $('input').val('');
1187            $('#content').val('')
1188        },
1189        init: function (a) {
1190            a.on('click', function () {
1191                if (modalEnd == true) {
1192                    return;
1193                }
1194                console.log($(this).data('manual'));
1195                if($(this).data('manual') == 'manual'){
1196                    console.log('aaaaa');
1197                    $('#content').val('파파부 법인대리 소개자료를 위 이메일로 보내주시기 바랍니다.');
1198                }
1199                // $("body").css("overflow", "hidden");
1200                $("body").css("-ms-overflow-style", "none");
1201                $('body').css('position', 'fixed');
1202                $(".contact-modal-container").css("overflow", "scroll");
1203                $(".contact-modal-container").css("-ms-overflow-style", "scroll");
1204                $(".contact-container").toggle(0, function () {
1205                    $(".contact-blind-container").toggle(0, function () {
1206                        $(".contact-modal-container").toggle("slide", {
1207                            direction: 'right',
1208                            easing: 'linear'
1209                        }, modalEventSpeed);
1210                    });
1211                });
1212                modalEnd = true;
1213            });
1214            $(".contact-blind-container").on("click", function () {
1215                contactModalEvent.closeModal();
1216            });
1217            $(".contact-close-btn").on("click", function () {
1218                contactModalEvent.closeModal();
1219            });
1220        }
1221    };
1222
1223    $(function () {
1224        contactModalEvent.init($(".contactBtn"));
1225
1226
1227        $('#inquiry').click(function () {
1228            if ($('#email').val() == '') {
1229                if (get_version_of_IE() > 0 && get_version_of_IE() < 11) {
1230                    alert('이메일을 입력해주세요');
1231                } else {
1232                    swal({
1233                        title: '이메일을 입력해주세요',
1234                        icon: "error"
1235                    });
1236                }
1237                return;
1238            }
1239            if (!verifyEmail($('#email').val())) {
1240                if (get_version_of_IE() > 0 && get_version_of_IE() < 11) {
1241                    alert('유효하지 않은 이메일 주소입니다.');
1242                } else {
1243                    swal({
1244                        title: '유효하지 않은 이메일 주소입니다.',
1245                        icon: "error"
1246                    });
1247                }
1248                return;
1249            }
1250            if ($('#content').val() == '') {
1251                if (get_version_of_IE() > 0 && get_version_of_IE() < 11) {
1252                    alert('문의내용을 입력해주세요');
1253                } else {
1254                    swal({
1255                        title: '문의내용을 입력해주세요',
1256                        icon: "error"
1257                    });
1258                }
1259                return;
1260            }
1261            $.ajax({
1262                type: 'POST',
1263                url: '/main/inquiry',
1264                dataType: 'json',
1265                data: {
1266                    phone: $('#phone').val(),
1267                    company: $('#company').val(),
1268                    email: $('#email').val(),
1269                    content: $('#content').val()
1270                },
1271                success: function (res) {
1272                    if (get_version_of_IE() > 0 && get_version_of_IE() < 11) {
1273                        alert('문의를 성공적으로 보냈습니다. 담당자 확인 후 빠른 시일 내에 연락드리겠습니다');
1274                    } else {
1275                        swal({
1276                            title: '문의를 성공적으로 보냈습니다. 담당자 확인 후 빠른 시일 내에 연락드리겠습니다',
1277                            icon: "success"
1278                        }).then(function () {
1279                            contactModalEvent.closeModal();
1280                        });
1281                    }
1282                },
1283                error: function (err) {
1284                    console.log(err);
1285                    contactModalEvent.closeModal();
1286                }
1287            });
1288        });
1289
1290        $('#privacy').on('shown.bs.modal',function () {
1291            console.log('show');
1292            $("body").css("overflow", "hidden");
1293            $("body").css("-ms-overflow-style", "none");
1294            $('body').css('position', 'fixed');
1295        });
1296
1297        $('#privacy').on('hidden.bs.modal',function () {
1298            console.log('hidden');
1299            $("body").css("overflow", "");
1300            $("body").css("-ms-overflow-style", "");
1301            $('body').css('position', '');
1302        });
1303    });
1304
1305    function get_version_of_IE() {
1306
1307        var word;
1308
1309        var agent = navigator.userAgent.toLowerCase();
1310
1311        // IE old version ( IE 10 or Lower )
1312        if (navigator.appName == "Microsoft Internet Explorer") word = "msie ";
1313
1314        // IE 11
1315        else if (agent.search("trident") > -1) word = "trident/.*rv:";
1316
1317        // Microsoft Edge
1318        else if (agent.search("edge/") > -1) word = "edge/";
1319
1320        // 그외, IE가 아니라면 ( If it's not IE or Edge )
1321        else return -1;
1322
1323        var reg = new RegExp(word + "([0-9]{1,})(\\.{0,}[0-9]{0,1})");
1324
1325        if (reg.exec(agent) != null) return parseFloat(RegExp.$1 + RegExp.$2);
1326
1327        return -1;
1328    }
1329
1330    function verifyEmail(val) {
1331        var regExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
1332        // 검증에 사용할 정규식 변수 regExp에 저장
1333
1334        if (val.match(regExp) != null) {
1335            return true;
1336        } else {
1337            return false;
1338        }
1339    }
1340</script>
1340
1341
1342<a class="js-go-to u-go-to-v3" href="#"
1343   data-type="fixed"
1344   data-position='{
1345           "bottom": 15,
1346           "right": 15
1347         }'
1348   data-offset-top="400"
1349   data-compensation="#js-header"
1350   data-show-effect="zoomIn">
1351    <i class="hs-icon hs-icon-arrow-top"></i>
1352</a>
1353
1354</body>
1355<!--
1355<script>-->
1356<!--    var rtime;-->
1357<!--    var timeout = false;-->
1358<!--    var delta = 200;-->
1359<!---->
1360<!--    $(document).ready(function () {-->
1361<!--        window.addEventListener("resize", function () {-->
1362<!--            rtime = new Date();-->
1363<!--            if (timeout === false) {-->
1364<!--                timeout = true;-->
1365<!--                setTimeout(resizeend(), delta);-->
1366<!--            }-->
1367<!--        });-->
1368<!--        //window resize()-->
1369<!--    })-->
1370<!--    //document ready()-->
1371<!--    handleWindow();-->
1372<!---->
1373<!--    function resizeend() {-->
1374<!--        if (new Date() - rtime < delta) {-->
1375<!--            setTimeout(resizeend, delta);-->
1376<!--        } else {-->
1377<!--            timeout = false;-->
1378<!--            handleWindow();-->
1379<!--        }-->
1380<!--    }-->
1381<!---->
1382<!--    function handleWindow() {-->
1383<!--        var body = document.querySelector('body');-->
1384<!--        $("body").removeClass('has-scrollbar')-->
1385<!---->
1386<!--        if (window.innerWidth > body.clientWidth + 5) {-->
1387<!--            $("body").removeClass('has-scrollbar').addClass('has-scrollbar');-->
1388<!--            body.setAttribute('style', '--scroll-bar: ' + 30 + 'px');-->
1389<!--        } else {-->
1390<!--            $("body").removeClass('has-scrollbar');-->
1391<!--        }-->
1392<!--    }-->
1393<!--</script>
1393-->
1394</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.