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">© 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;">×</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.