1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/> 6 <meta name="format-detection" content="telephone=no" /> 7 <title>êµë¯¼ ì¶ë ¥ì í린í ë°ì¤</title> 8 9 <link rel="icon" href="https://printingbox.kr/public/assets/images/favicon.ico"> 10 <link rel="shortcut icon" href="https://printingbox.kr/public/assets/images/favicon.ico"> 11 <link rel="canonical" href="https://printingbox.kr/" /> 12 <meta name="title" content="êµë¯¼ ì¶ë ¥ì í린í ë°ì¤" /> 13 <meta name="author" content="(주)í린í ë°ì¤"> 14 <meta name="description" content="ì êµ í¸ìì 1,300ë ì´ì. 문ìë¶í° ì¬ì§ê¹ì§ ê°ê¹ì´ í린í ë°ì¤ìì ê°í¸íê² ì¶ë ¥íì¸ì."> 15 <meta name="keywords" content="íë§í ë°ì¤, ì¬ì§ì¶ë ¥, 문ìì¶ë ¥, ì¦ëª ì¬ì§, ì¬ê¶ì¬ì§, ì ë¶24"> 16 <meta name="og:type" property="og:type" content="website" /> 17 <meta name="og:locale" property="og:locale" content="ko_KR" /> 18 <meta name="og:url" property="og:url" content="https://printingbox.kr/" /> 19 <meta name="og:title" property="og:title" content="êµë¯¼ ì¶ë ¥ì í린í ë°ì¤" /> 20 <meta name="og:image" property="og:image" content="https://printingbox.kr/public/assets/images/share.png" /> 21 <meta name="og:image:type" property="og:image:type" content="image/png" /> 22 <meta name="og:image:width" property="og:image:width" content="1200" /> 23 <meta name="og:description" property="og:description" content="ì êµ í¸ìì 1,300ë ì´ì. 문ìë¶í° ì¬ì§ê¹ì§ ê°ê¹ì´ í린í ë°ì¤ìì ê°í¸íê² ì¶ë ¥íì¸ì." /> 24 <meta name="og:site_name" property="og:site_name" content="í린í ë°ì¤" /> 25 <meta name="twitter:card" property="twitter:card" content="summary_large_image" /> 26 <meta name="twitter:url" property="twitter:url" content="https://printingbox.kr/" /> 27 <meta name="twitter:title" property="twitter:title" content="êµë¯¼ ì¶ë ¥ì í린í ë°ì¤" /> 28 <meta name="twitter:description" property="twitter:description" content="ì êµ í¸ìì 1,300ë ì´ì. 문ìë¶í° ì¬ì§ê¹ì§ ê°ê¹ì´ í린í ë°ì¤ìì ê°í¸íê² ì¶ë ¥íì¸ì." /> 29 <meta name="twitter:image" property="twitter:image" content="https://printingbox.kr/public/assets/images/share.png" /> 30 <meta name="twitter:image:src" property="twitter:image:src" content="https://printingbox.kr/public/assets/images/share.png" /> 31 <meta name="naver-site-verification" content="074ba331c79de231f98b1c9778cb58ffca1a49a9" /> 32
32<script type="application/ld+json"> 33 { 34 "@context": "https://schema.org", 35 "@type": "Organization", 36 "name": "í린í ë°ì¤", 37 "url": "https://printingbox.kr", 38 "sameAs": [ 39 "https://twitter.com/printingboxcode", 40 "https://www.instagram.com/printingbox_/", 41 "https://blog.naver.com/printingbox24", 42 "https://www.youtube.com/@PRINTINGBOX0", 43 "https://tv.naver.com/printingbox", 44 "https://www.facebook.com/printingbox2/?locale=ko_KR", 45 "https://pf.kakao.com/_CYbSC" 46 ] 47 } 48 </script>
48 49
49<script type="text/javascript" crossorigin src="/public/assets/js/jquery-3.7.1.min.js"></script>
49 50
50<script type="text/javascript" crossorigin src="/public/assets/js/common.js?v=1.0.3"></script>
50 51
51<script type="module" crossorigin src="/public/assets/js/chunk-common.js"></script>
51 52
52<script type="module" crossorigin src="/public/assets/js/chunk-ScrollTrigger.js"></script>
52 53 <link rel="stylesheet" crossorigin href="/public/assets/css/font.css?v=1.0.1"> 54 <link rel="stylesheet" crossorigin href="/public/assets/css/common.css?v=1.0.7"> 55
55<script type="module" crossorigin src="/public/assets/js/chunk-main.js?v=1.0.2"></script>
55 56 <link rel="stylesheet" crossorigin href="/public/assets/css/main.css"> 57 <link rel="stylesheet" crossorigin href="/public/assets/css/new_style.css?v=1.0.1"> 58 <!-- Google Tag Manager --> 59
59<script>
vendor: 384 bytes, lines 59-64
59 60 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 61 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 62 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 63 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 64 })(window,document,'script','dataLayer','
64GTM-PJP7CKVC
vendor: 8 bytes, lines 64-65
64'); 65
65</script>
65 66 <!-- End Google Tag Manager --> 67 68 <!-- Enliple Tracker Start --> 69
69<script defer async src="https://cdn.megadata.co.kr/dist/prod/v2/mtm.js?adverId=prtbox&device=B"></script>
69 70 <!-- Enliple Tracker End --> 71 72 <!-- WIDERPLANET HOME SCRIPT START 2023.12.27 --> 73
73<script type="text/javascript" defer src="//cdn-aitg.widerplanet.com/js/wp_astg_2.0_mall.js"></script>
73 74
74<script type="text/javascript"> 75 var wp_conf = 'ti=55155&v=1&device=web'; 76 </script>
76 77 <!-- // WIDERPLANET HOME SCRIPT END 2023.12.27 --> 78 <span itemscope="" itemtype="http://schema.org/Organization"> 79 <link itemprop="url" href="https://printingbox.kr"> 80 <a itemprop="sameAs" href="https://www.facebook.com/myfacebook"></a> 81 <a itemprop="sameAs" href="https://blog.naver.com/printingbox24"></a> 82 <a itemprop="sameAs" href="https://tv.naver.com/printingbox"></a> 83 <a itemprop="sameAs" href="https://www.youtube.com/@PRINTINGBOX0"></a> 84 <a itemprop="sameAs" href="https://www.instagram.com/printingbox_/"></a> 85 <a itemprop="sameAs" href="https://www.facebook.com/printingbox2/?locale=ko_KR"></a> 86 <a itemprop="sameAs" href="https://twitter.com/printingboxcode"></a> 87 <a itemprop="sameAs" href="https://printingbox.tistory.com"></a> 88 </span> 89 90 <!-- Meta Pixel Code --> 91
91<script>
vendor: 495 bytes, lines 91-100
91 92 !function(f,b,e,v,n,t,s) 93 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 94 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 95 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 96 n.queue=[];t=b.createElement(e);t.async=!0; 97 t.src=v;s=b.getElementsByTagName(e)[0]; 98 s.parentNode.insertBefore(t,s)}(window, document,'script', 99 'https://connect.facebook.net/en_US/fbevents.js'); 100 fbq('init', '
100972757817938277
vendor: 42 bytes, lines 100-102
100'); 101 fbq('track', 'PageView'); 102
102</script>
102 103 <!-- End Meta Pixel Code --> 104 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 104-105
104 105 <script async src="https://www.googletagmanager.com/gtag/js?id=
105AW-16976960941
vendor: 16 bytes, lines 105-106
105"></script> 106
106<script> 107
vendor: 152 bytes, lines 107-111
107window.dataLayer = window.dataLayer || []; 108 function gtag(){dataLayer.push(arguments);} 109 gtag('js', new Date()); 110 111 gtag('config', '
111AW-16976960941
vendor: 8 bytes, lines 111-112
111'); 112
112</script>
112 113 <!-- Criteo ë¡ë íì¼ --> 114
114<script type="text/javascript" src="//dynamic.criteo.com/js/ld/ld.js?a=120102" async="true"></script>
114 115 <!-- END Criteo ë¡ë íì¼ --> 116 <!-- Criteo ííì´ì§ íê·¸ --> 117
117<script type="text/javascript"> 118 window.criteo_q = window.criteo_q || []; 119 var deviceType = /iPad/.test(navigator.userAgent) ? "t" : /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Silk/.test(navigator.userAgent) ? "m" : "d"; 120 window.criteo_q.push( 121 { event: "setAccount", account: 120102}, 122 // To Do 1. íì¬ ì ì ì ì´ë©ì¼ 주ì를 SHA256ê³¼ MD5ë¡ í´ìí ìì¼ ë¬¸ìì´ë¡ ì ë¬ 123 { event: "setEmail", email: "##SHA256ë¡ í´ìë ì ì ì ì´ë©ì¼ 주ì##", hash_method: "sha256" }, 124 { event: "setEmail", email: "##MD5 í´ìë ì ì ì ì´ë©ì¼ 주ì##", hash_method: "md5" }, 125 // To Do 2. íì¬ ì ì ì ì ì¥ë ë°°ì¡ì§ ì°í¸ë²í¸. ì ì ì ë°°ì¡ì§ ì°í¸ë²í¸ë¥¼ ìì ìë ìí©ì´ë©´ ë¹ ë¬¸ìì´ë¡ ì ë¬ 126 { event: "setZipcode", zipcode: "" }, 127 { event: "setSiteType", type: deviceType}, 128 { event: "viewHome"}); 129 </script>
129 130 <!-- END Criteo ííì´ì§ íê·¸ --> 131 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 131-132
131 132 <script async src="https://www.googletagmanager.com/gtag/js?id=
132AW-11219198291
vendor: 16 bytes, lines 132-133
132"></script> 133
133<script> 134
vendor: 152 bytes, lines 134-138
134window.dataLayer = window.dataLayer || []; 135 function gtag(){dataLayer.push(arguments);} 136 gtag('js', new Date()); 137 138 gtag('config', '
138AW-11219198291
vendor: 8 bytes, lines 138-139
138'); 139
139</script>
139 140 <!-- Danggeun Market Code --> 141
141<script src="https://karrot-pixel.business.daangn.com/0.4/karrot-pixel.umd.js"></script>
141 142
142<script> 143 window.karrotPixel.init('1744003481301800001'); 144 window.karrotPixel.track('ViewPage'); 145 </script>
145 146 <!-- End Danggeun Market Code --> 147 148 </head> 149<body> 150<div id="google_translate_element" style="display: none;"></div> 151<!-- WIDERPLANET HOME SCRIPT START 2023.12.27 --> 152<div id="wp_tg_cts" style="display:none;"></div> 153<!-- // WIDERPLANET HOME SCRIPT END 2023.12.27 --> 154<!-- Google Tag Manager (noscript)-->
vendor: 68 bytes, lines 154-155
154 155<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
155GTM-PJP7CKVC
vendor: 83 bytes, line 155
155" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
156<!-- Meta Pixel Code --> 157<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=972757817938277&ev=PageView&noscript=1"/></noscript> 158<!-- End Meta Pixel Code --> 159<style> 160 .header-links {align-items: center;} 161 .language_wrap {font-family: Nanum Gothic, sans-serif; position: relative; width: 160px; text-align: center; z-index: 9; padding-left: 16px;} 162 .language_wrap span {position: relative; display: flex; justify-content: flex-start; align-items: center; gap: 15px; z-index: 10;} 163 .language_wrap img {width: 30px;} 164 .language_wrap .dropdown {background-color: #000;} 165 .language_wrap .dropdown .dropdown-link {display: flex; justify-content: flex-start; align-items: center; gap: 10px;} 166 .language_wrap:hover .dropdown {display: block;} 167 @media (max-width: 1400px) { 168 .language_wrap {position: absolute; right: 50px; width: 70px; display: flex; justify-content: center; padding-left: 0;} 169 .language_wrap .dropdown {padding: 66px 16px 25px;} 170 .language_wrap .dropdown .dropdown-link {justify-content: center;} 171 } 172</style>
173<script> 174 $(function(){ 175 $(".header.mo .language_wrap").on("click", function(){ 176 $(".language_wrap .dropdown").show(); 177 }) 178 }); 179 function language(lang){ 180 setCookie("ptb_lang", lang , 7); 181 location.reload(); 182 } 183</script>
183 184<!-- í¼ì¨ì© í¤ë --> 185<header class="header pc"> 186 <div class="header-links"> 187 <div class="language_wrap"> 188 <span> 189 <img src="/public/assets/images/icon_usa.png"/>ENGLISH 190 </span> 191 <div class="dropdown"> 192 <a class="dropdown-link" href="javascript:language('ko');"><img src="/public/assets/images/icon_korea.png"/>íêµì´</a> 193 <a class="dropdown-link" href="javascript:language('en');"><img src="/public/assets/images/icon_usa.png"/>ENGLISH</a> 194 <a class="dropdown-link" href="javascript:language('zh');"><img src="/public/assets/images/icon_china.png"/>䏿(ç®ä½)</a> 195 <a class="dropdown-link" href="javascript:language('ja');"><img src="/public/assets/images/icon_japan.png"/>æ¥æ¬èª</a> 196 </div> 197 </div> 198 <a href="/member/login">Login</a> 199 <a href="/member/join">Sign Up</a> 200 <a href="javascript:modal.open('customer_support');">Customer Center</a> 201 </div> 202 <div class="header-content"> 203 <div class="header-logo"> 204 <a href="/"><img class="logo-img" src="/public/assets/images/logo.svg" alt="printingbox" /></a> 205 </div> 206 <nav class="header-nav"> 207 <div class="nav-item group"> 208 <a class="nav-link" href="/printService/picture">Printing Service</a> 209 <div class="dropdown"> 210 <a class="dropdown-link" href="/printService/picture">Photo Printing</a> 211 <a class="dropdown-link" href="/printService/document">Document Printing</a> 212 <a class="dropdown-link" href="/printService/collaboration">PB Frame</a> 213 <a class="dropdown-link" href="/printService/calendar">Photo Calendar</a> 214 <a class="dropdown-link" href="/printService/info">How to Use</a> 215 </div> 216 </div> 217 <style> 218 .nav-item.new .nav-link{position:relative;} 219 .nav-item.new .nav-link::after{content:"NEW";position:absolute;top:-20px;left:-22px;padding:5px 7px;color:#fff;font-size:12px;font-weight:800;line-height:1;border-radius:5px;background:#ff654d;} 220 </style> 221 <div class="nav-item group new"> 222 223 <a class="nav-link" href="/company/productDescription?section=sec-size">Product & Pricing Guide</a> 224 <div class="dropdown"> 225 <a class="dropdown-link" href="/company/productDescription?section=sec-size">Product & Pricing Guide</a> 226 </div> 227 </div> 228 <div class="nav-item group"> 229 <a class="nav-link" href="/event/luckyCoupon">Event</a> 230 <div class="dropdown"> 231 <a class="dropdown-link" href="/event/luckyCoupon">Daily Coupon</a> 232 <a class="dropdown-link" href="/event">Event</a> 233 <a class="dropdown-link" href="/event/detail?idx=136">Theme Calendar</a> 234 </div> 235 </div> 236 <div class="nav-item group"> 237 <a class="nav-link" href="/event/officialCode">Official PB Code</a> 238 <div class="dropdown"> 239 <a class="dropdown-link" href="/event/officialCode">Official PB Code</a> 240 </div> 241 </div> 242 <div class="nav-item group"> 243 <a class="nav-link" href="/store">Find PB Location</a> 244 <div class="dropdown"> 245 <a class="dropdown-link" href="/store">Find PB Location</a> 246 <a class="dropdown-link" href="/store/lounge">PB Lounge</a> 247 </div> 248 </div> 249 <div class="nav-item group"> 250 <a class="nav-link" href="/support">Customer Support Center</a> 251 <div class="dropdown"> 252 <a class="dropdown-link" href="/support">Notice</a> 253 <a class="dropdown-link" href="/support/faq">FAQ</a> 254 <a class="dropdown-link" href="/support/complain">Complaint Center</a> 255 <a class="dropdown-link" href="javascript:modal.open('refund');">Refund Request</a> 256 </div> 257 </div> 258 <div class="nav-item group"> 259 <a class="nav-link" href="/company">About PB</a> 260 <div class="dropdown"> 261 <a class="dropdown-link" href="/company">Brand Introduction</a> 262 <a class="dropdown-link" href="/company/history">PB History</a> 263 <a class="dropdown-link" href="/company/business">Business Inquiry</a> 264 <a class="dropdown-link" href="/partner" target="_blank">Kiosk/Operator Recruitment</a> 265 </div> 266 </div> 267 </nav> 268 <a class="profile-btn" href="/myBox"><img src="/public/assets/images/profile.svg" alt="" /></a> 269 </div> 270</header> 271<!-- /í¼ì¨ì© í¤ë --> 272 273<!-- 모ë°ì¼ì© í¤ë --> 274<header class="header mo"> 275 <div class="inner"> 276 <button type="button" class="menu"></button> 277 <div class="logo"><a href="/"><img src="/public/assets/images/logo.svg" alt="printingbox" /></a></div> 278 <a class="profile" href="/myBox"><img src="/public/assets/images/profile.svg" alt="profile" /></a> 279 <div class="language_wrap">
280 <span> 281 <img src="/public/assets/images/icon_usa.png"/> 282 </span> 283 <div class="dropdown"> 284 <a class="dropdown-link" href="javascript:language('ko');"><img src="/public/assets/images/icon_korea.png"/></a> 285 <a class="dropdown-link" href="javascript:language('en');"><img src="/public/assets/images/icon_usa.png"/></a> 286 <a class="dropdown-link" href="javascript:language('zh');"><img src="/public/assets/images/icon_china.png"/></a> 287 <a class="dropdown-link" href="javascript:language('ja');"><img src="/public/assets/images/icon_japan.png"/></a> 288 </div> 289 </div> 290 </div> 291</header> 292<!-- /모ë°ì¼ì© í¤ë --> 293 294<!-- 모ë°ì¼ ë©ë´ --> 295<div class="mobile-gnb mo"> 296 <div class="top"> 297 <div class="util"> 298 <span class="logo"><a href="/"><img src="/public/assets/images/logo-green.svg" alt="printingbox"/></a></span> 299 <button type="button" class="close-btn"><img src="/public/assets/images/btn-close.svg" alt="" /></button> 300 </div> 301 <div class="user-menu"> 302 <div class="links"> 303 <a href="/member/join">Sign Up</a> 304 <a href="javascript:modal.open('customer_support');">Customer Center</a> 305 </div> 306 <button type="button" class="logout" onclick="location.href='/member/login'"> 307 <span> 308 <img class="icon" src="/public/assets/images/logout.svg" alt="" /> 309 <img class="txt" src="/public/assets/images/menu_login.png" alt="log in" /> 310 </span> 311 </button> 312 </div> 313 </div> 314 <div class="menu-wrap"> 315 <div class="nav"> 316 <style> 317 .gnb-wrap a.new{position:relative;} 318 .gnb-wrap a.new::after{content:"NEW";position:absolute;top:-16px;left:-20px;padding:3px 5px;color:#fff;font-size:9px;font-weight:800;line-height:1;border-radius:5px;background:#ff654d;} 319 </style> 320 <div class="gnb-wrap"> 321 <a class="on" href="/printService/picture">Printing Service</a> 322 <a class="new" href="javascript:;" onclick="location.href='/company/productDescription?section=sec-size'">Product & Pricing Guide</a> 323 <a href="/event/luckyCoupon">Event</a> 324 <a href="javascript:;" onclick="location.href='/event/officialCode'">Official PB Code</a> 325 <a href="/store">Find PB Location</a> 326 <a href="/support">Customer Support Center</a> 327 <a href="/company">About PB</a> 328 </div> 329 <div class="sub-wrap"> 330 <div class="sub1 on"> 331 <a href="/printService/picture">Photo Printing</a> 332 <a href="/printService/document">Document Printing</a> 333 <a href="/printService/collaboration">PB Frame</a> 334 <a href="/printService/calendar">Photo Calendar</a> 335 <a href="/printService/info">How to Use</a> 336 </div> 337 <div class="sub2"> 338 <a href="/company/productDescription?section=sec-size">Product & Pricing Guide</a> 339 </div> 340 <div class="sub3"> 341 <a href="/event/luckyCoupon">Daily Coupon</a> 342 <a href="/event">Event</a> 343 <a href="/event/detail?idx=136">Theme Calendar</a> 344 </div> 345 <div class="sub4"> 346 <a href="/event/officialCode">Official PB Code</a> 347 </div> 348 <div class="sub5"> 349 <a href="/store">Find PB Location</a> 350 <a href="/store/lounge">PB Lounge</a> 351 </div> 352 <div class="sub6"> 353 <a href="/support">Notice</a> 354 <a href="/support/faq">FAQ</a> 355 <a href="/support/complain">Complaint Center</a> 356 <a href="javascript:modal.open('refund');">Refund Request</a> 357 </div> 358 <div class="sub7"> 359 <a href="/company">Brand Introduction</a> 360 <a href="/company/history">PB History</a> 361 <a href="/company/business">Business Inquiry</a> 362 <a href="/partner" target="_blank">Kiosk/Operator Recruitment</a> 363 </div> 364 </div> 365 </div> 366 </div> 367 <!--<div class="app-links"> 368 <div class="txt">Printingbox App</div> 369 <div class="store"> 370 <a class="app-store" href="https://apps.apple.com/kr/app/printingbox/id6469260130" target="_blank"><img src="/public/assets/images/app-store.png" alt="app store"/></a> 371 <a class="google-play" href="https://play.google.com/store/apps/details?id=com.devnicolas.printingbox" target="_blank"><img src="/public/assets/images/google-play.png" alt="google play"/></a> 372 </div> 373 </div>--> 374 <div class="footer"> 375 <div class="external-links"> 376 <a class="kakao-talk" href="https://pf.kakao.com/_CYbSC/chat?from=qr" target="_blank">
377 <span class="icon"><img src="/public/assets/images/kakao-ch.png" alt="ch" /></span> 378 <span>1:1 Kakao Inquiry</span> 379 </a> 380 <span class="divider"></span> 381 <a class="ars" href="tel:1600-5942"> 382 <span class="icon"><img src="/public/assets/images/phone.svg" alt="phone" /></span> 383 <span>ARS Phone</span> 384 </a> 385 </div> 386 </div> 387</div> 388<!-- /모ë°ì¼ ë©ë´ --><!-- ìë¨ ìì --> 389<style> 390 #section1 .bg1 {opacity: 1;} 391 #section1 .bg2 {opacity: 0;} 392 #banner1 {opacity: 1;transform: translateY(10%);} 393 #banner2 {opacity: 1;transform: translateY(0);} 394 #banner3 {opacity: 1;transform: translateY(10%);} 395 #banner4 {opacity: 1;transform: translateY(0);} 396</style> 397<section id="section1" class="relative"> 398 <div class="aspect-[1920/1080]"> 399 <span class="bg1"> 400 <img class="lg w-full h-full object-cover object-center" src="/public/assets/images/section2-bg1.jpg" alt=""/> 401 <img class="md w-full h-full object-cover object-center" src="/public/assets/images/section2-bg1-md.jpg" alt=""/> 402 </span> 403 <span class="bg2 absolute left-0 right-0 top-0"> 404 <img class="lg w-full h-full object-cover object-center" src="/public/assets/images/section2-bg2.jpg" alt=""/> 405 <img class="md w-full h-full object-cover object-center" src="/public/assets/images/section2-bg2-md.jpg" alt=""/> 406 </span> 407 </div> 408 <div class="banner-outer absolute left-0 top-0 w-full h-full px-[45px]"> 409 <div class="banner-wrap"> 410 <div id="banner1" class="relative translate-y-[145px]"> 411 <div class="absolute left-0 right-0 top-0 aspect-[370/300] z-[1]"> 412 <img class="translate-x-[28px] -translate-y-[56px]" src="/public/assets/images/banner1-avatar.png" alt=""/> 413 </div> 414 <div class="flex flex-col shadow-banner w-[370px] rounded-[25px] overflow-hidden"> 415 <div class="top aspect-[370/300] bg-[#ccffb5] relative"></div> 416 <div class="bottom bg-white px-[25px] py-[55px] aspect-[370/272]"> 417 <h3 class="text-center title">Photo Printing</h3> 418 <p class="des mt-[20px] text-center">High-quality photos in various sizes</p> 419 <a class="mt-[28px] w-full h-[60px] border border-black inline-flex items-center justify-center rounded-full" href="/printService/picture"> 420 <span class="btn_text">Photo Print Service</span> 421 </a> 422 </div> 423 </div> 424 </div> 425 426 <div id="banner2" class="relative -translate-y-[55px]"> 427 <div class="absolute left-0 right-0 top-0 aspect-[370/300] z-[1]"> 428 <img class="translate-x-[28px] -translate-y-[56px]" src="/public/assets/images/banner2-avatar.png" alt=""/> 429 </div> 430 <div class="flex flex-col shadow-banner w-[370px] rounded-[25px] overflow-hidden"> 431 <div class="top aspect-[370/300] bg-[#f6bbff] relative"></div> 432 <div class="bottom bg-white px-[25px] py-[55px] aspect-[370/272]"> 433 <h3 class="text-center title">Document Printing</h3> 434 <p class="des mt-[20px] text-center">From general document files<br/>to public documents from [Gov24] and [Hometax]</p> 435 <a class="mt-[28px] w-full h-[60px] border border-black inline-flex items-center justify-center rounded-full" href="/printService/document"> 436 <span class="btn_text">Printing Service</span> 437 </a> 438 </div> 439 </div> 440 </div> 441 442 <div id="banner3" class="relative translate-y-[145px]"> 443 <div class="absolute left-0 right-0 top-0 aspect-[370/300] z-[1]"> 444 <img class="translate-x-[45px] -translate-y-[56px]" src="/public/assets/images/banner3-avatar.png" alt=""/> 445 </div> 446 <div class="flex flex-col shadow-banner w-[370px] rounded-[25px] overflow-hidden"> 447 <div class="top aspect-[370/300] bg-[#b5ecff] relative"></div> 448 <div class="bottom bg-white px-[25px] py-[55px] aspect-[370/272]"> 449 <h3 class="text-center title">PB Frame Printing</h3> 450 <p class="des mt-[20px] text-center">Various frame designs<br/>enjoyable only at P-Box</p> 451 <a class="mt-[28px] w-full h-[60px] border border-black inline-flex items-center justify-center rounded-full" href="/printService/collaboration">
452 <span class="btn_text">Photo Print Service</span> 453 </a> 454 </div> 455 </div> 456 </div> 457 458 <div id="banner4" class="relative -translate-y-[55px]"> 459 <div class="absolute left-0 right-0 top-0 aspect-[370/300] z-[1]"> 460 <img class="translate-x-[23px] translate-y-[6px]" src="/public/assets/images/banner4-avatar.png" alt=""/> 461 </div> 462 <div class="flex flex-col shadow-banner w-[370px] rounded-[25px] overflow-hidden"> 463 <div class="top aspect-[370/300] bg-[#fbcaa0] relative"></div> 464 <div class="bottom bg-white px-[25px] py-[55px] aspect-[370/272]"> 465 <h3 class="text-center title">Contents Box</h3> 466 <p class="des mt-[20px] text-center">Enjoy works by your favorite creators<br/>and order all your codes online!</p> 467 <a class="mt-[28px] w-full h-[60px] border border-black inline-flex items-center justify-center rounded-full" href="https://contentsbox.store" target="_blank"> 468 <span class="btn_text">Contents Box/Online Order</span> 469 </a> 470 </div> 471 </div> 472 </div> 473 </div> 474 </div> 475</section> 476<!-- //ìë¨ ìì --> 477 478<!-- 컨í ì¸ ìì --> 479<div class="contents-main"> 480 <!-- íµ ë©ë´ --> 481<div class="absolute right-[14px] top-0 h-full z-10 pc"> 482 <div id="sticky" class="sticky top-[200px] flex flex-col items-center gap-[15px]"> 483 <div id="quickMenu" class="flex flex-col shadow-custom bg-[#00ba91]/[0.8] pt-[30px] rounded-[37.5px]"> 484 <div class="w-[75px] font-bold inline-flex flex-col overflow-hidden text-[#fff]"> 485 <a href="/printService/picture" class="pb-[15px] flex flex-col gap-[10px] justify-center items-center"> 486 <div> 487 <img src="/public/assets/images/quickmenu-printer.svg" alt="ì¶ë ¥ìë¹ì¤"/> 488 </div> 489 <div class="text-[14px] tracking-[-0.7px]">Printing Service</div> 490 </a> 491 <a href="/event/officialCode" class="mx-[6px] border-t border-t-[#fff]/[0.5] py-[15px] flex flex-col gap-[10px] justify-center items-center"> 492 <div> 493 <img src="/public/assets/images/quickmenu-barcode.svg" alt="ê³µìíë°ì½ë" /> 494 </div> 495 <div class="text-[14px] tracking-[-0.7px]">Official Code</div> 496 </a> 497 <a href="/store" class="mx-[6px] border-t border-t-[#fff]/[0.5] py-[15px] flex flex-col gap-[10px] justify-center items-center"> 498 <div> 499 <img src="/public/assets/images/quickmenu-position.svg" alt="íë°ìì¹"/> 500 </div> 501 <div class="text-[14px] tracking-[-0.7px]">PB Location</div> 502 </a> 503 <a href="/company/productDescription?section=sec-size" class="mx-[6px] border-t border-t-[#fff]/[0.5] py-[15px] flex flex-col gap-[10px] justify-center items-center"> 504 <div> 505 <img src="/public/assets/images/quickmenu-product.png" alt="" /> 506 </div> 507 <div class="text-[14px] tracking-[-0.7px]">Product & Pricing</div> 508 </a> 509 <a href="/printService/info" class="mx-[6px] mb-[43px] border-t border-t-[#fff]/[0.5] py-[15px] flex flex-col gap-[10px] justify-center items-center" style="margin-bottom: 22px;"> 510 <div> 511 <img src="/public/assets/images/quickmenu-system.svg" alt="ì´ì©ë°©ë²" /> 512 </div> 513 <div class="text-[14px] tracking-[-0.7px]">How to Use</div> 514 </a> 515 </div> 516 <button type="button" id="quickMenuBtn" class="-mt-[43px] p-[15px] inline-flex items-center justify-center rounded-full"> 517 <span class="plus hidden"><img class="w-[45px] h-[45px]" src="/public/assets/images/quickmenu-btn-plus.png" alt="ë©ë´ì´ê¸°"/></span>
518 <span class="minus"><img class="w-[45px] h-[45px]" src="/public/assets/images/quickmenu-btn-minus.png" alt="ë©ë´ë«ê¸°"/></span> 519 </button> 520 </div> 521 <button type="button" id="goTop" class="flex flex-col gap-[10px] items-center justify-center shadow-custom bg-[#00ba91]/[0.8] text-[#fff] w-[55px] h-[55px] rounded-full"> 522 <img src="/public/assets/images/quickmenu-arrow.png" alt="" /> 523 <span class="font-bold text-[20px] leading-[20px]">Top</span> 524 </button> 525 </div> 526</div> 527<!-- //íµ ë©ë´ --> <section> 528 <div class="relative"> 529 <div class="swiper main-swiper"> 530 <div class="swiper-wrapper"> 531 <div class="swiper-slide"> 532 <div class="img-wrapper" style="background-image: url('https://printingbox.kr/data/banner/2887716457_mR5lVqch.png'); background-color: #d6d5d5;"></div> 533 <div class="text-wrapper"> 534 <div class="text-area"> 535 <div class="text"> 536 <div class="title"> 537 <a href="https://printingbox.kr/printService/calendar" > 538 ë² ë¦¬ìº£ & ì¿ í¤ë </a> 539 </div> 540 <p class="des"> 541 <a href="https://printingbox.kr/printService/calendar" > 542 2026 í¬í ë¬ë ¥ ë§ë¤ë¬ ê°ê¸°! </a> 543 </p> 544 </div> 545 </div> 546 </div> 547 </div> 548 <div class="swiper-slide"> 549 <div class="img-wrapper" style="background-image: url('https://printingbox.kr/data/banner/2887722512_rV2FqHxP.png'); background-color: #d8dad4;"></div> 550 <div class="text-wrapper"> 551 <div class="text-area"> 552 <div class="text"> 553 <div class="title"> 554 <a href="https://printingbox.kr/event/detail?idx=125" > 555 2026 í´ì ìºë¦°ë EVENT </a> 556 </div> 557 <p class="des"> 558 <a href="https://printingbox.kr/event/detail?idx=125" > 559 ìºë¦°ë ë½ê³ ì 물 ë°ìê°ì </a> 560 </p> 561 </div> 562 </div> 563 </div> 564 </div> 565 <div class="swiper-slide"> 566 <div class="img-wrapper" style="background-image: url('https://printingbox.kr/data/banner/2887723512_XDTzoyZC.png'); background-color: #ef7c25;"></div> 567 <div class="text-wrapper"> 568 <div class="text-area"> 569 <div class="text"> 570 <div class="title"> 571 <a href="https://printingbox.kr/event/detail?idx=132" > 572 ë² ë¦¬ìº£ & ì¿ í¤ë </a> 573 </div> 574 <p class="des"> 575 <a href="https://printingbox.kr/event/detail?idx=132" > 576 2026 ì ë íë ìì ë§ëë³´ì¸ì </a> 577 </p> 578 </div> 579 </div> 580 </div> 581 </div> 582 <div class="swiper-slide"> 583 <div class="img-wrapper" style="background-image: url('https://printingbox.kr/data/banner/2887722937_tRZezgly.jpg'); background-color: #FFFFFF;"></div> 584 <div class="text-wrapper"> 585 <div class="text-area"> 586 <div class="text"> 587 <div class="title"> 588 <a href="https://printingbox.kr/event/detail?idx=75" > 589 ì§ê²©ì ê±°ì¸ </a> 590 </div> 591 <p class="des"> 592 <a href="https://printingbox.kr/event/detail?idx=75" > 593 ëª ì <ì§ê²©ì ê±°ì¸>ì ê°ëì í¬í 굿ì¦ë¡! </a> 594 </p> 595 </div> 596 </div> 597 </div> 598 </div> 599 </div> 600 601 <div class="panel"> 602 <div class="swiper-util"> 603 <div class="control"> 604 <div class="swiper-pagination"></div> 605 <div class="swiper-button-prev"></div> 606 <div class="swiper-button-next"></div> 607 </div> 608 <div class="swiper-button-play"> 609 <button type="button" id="play"><img src="/public/assets/images/slide-play.svg" /></button> 610 <button type="button" id="pause"><img src="/public/assets/images/slide-pause.svg" /></button> 611 </div> 612 </div> 613 </div> 614 </div> 615 616 <div class="absolute left-0 right-0 bottom-0"> 617 <div class="swiper event-swiper"> 618 <div class="swiper-util">
619 <span class="main_banner_txt"> 620 What's P-Box doing right now? </span> 621 <div class="control"> 622 <div class="swiper-button-prev"></div> 623 <div class="swiper-button-next"></div> 624 </div> 625 </div> 626 <div class="swiper-wrapper"> 627 <div class="swiper-slide"> 628 <a href="javascript:;"> 629 <img src="https://printingbox.kr/data/banner/2887716457_BPlAe9qO.png" alt="" /> 630 <div class="description"> 631 <div class="heading">ë² ë¦¬ìº£ & ì¿ í¤ë </div> 632 <div class="event-name">2026 í¬í ë¬ë ¥ ë§ë¤ë¬ ê°ê¸°!</div> 633 </div> 634 </a> 635 </div> 636 <div class="swiper-slide"> 637 <a href="javascript:;"> 638 <img src="https://printingbox.kr/data/banner/2887722512_lB0i5MIN.png" alt="" /> 639 <div class="description"> 640 <div class="heading">2026 í´ì ìºë¦°ë EVENT</div> 641 <div class="event-name">ìºë¦°ë ë½ê³ ì 물 ë°ìê°ì</div> 642 </div> 643 </a> 644 </div> 645 <div class="swiper-slide"> 646 <a href="javascript:;"> 647 <img src="https://printingbox.kr/data/banner/2887727010_5AxZacY4.png" alt="" /> 648 <div class="description"> 649 <div class="heading">ë² ë¦¬ìº£ & ì¿ í¤ë </div> 650 <div class="event-name">2026 ì ë íë ìì ë§ëë³´ì¸ì</div> 651 </div> 652 </a> 653 </div> 654 <div class="swiper-slide"> 655 <a href="javascript:;"> 656 <img src="https://printingbox.kr/data/banner/2887713608_m8GwizaC.jpg" alt="" /> 657 <div class="description"> 658 <div class="heading">ì§ê²©ì ê±°ì¸</div> 659 <div class="event-name">ëª ì <ì§ê²©ì ê±°ì¸>ì ê°ëì í¬í 굿ì¦ë¡!</div> 660 </div> 661 </a> 662 </div> 663 </div> 664 </div> 665 </div> 666 </div> 667 </section> 668 <section id="section2" class="relative"> 669 <div class="aspect-[1920/1080] w-full object-cover bg-[#E9F7F4]"></div> 670 <div class="objects absolute right-[160px] top-[80px]"> 671 <img src="/public/assets/images/section2-obj1.png" alt="" /> 672 <div class="absolute left-[50%] bottom-[10px] -translate-x-[96%] w-[95.23809524%]"> 673 <img id="pin" src="/public/assets/images/01.png" alt="" /> 674 </div> 675 </div> 676 <div class="text-container absolute left-0 top-0 right-0 bottom-0 px-[45px]"> 677 <div class="h-full flex items-center"> 678 <div class="txt-wrapper px-[40px]"> 679 <div class="txt-box"> 680 <span id="section2Txt1">About 1,300 kiosks nationwide</span> 681 <span id="section2Txt2" class="mt-[42px] -ml-[3px] block">Quickly and easily<br/>anywhere nationwide</span> 682 <span id="section2Txt3" class="mt-[35px] block">P-Box Available</span> 683 </div> 684 <div class="mt-[50px] sm-max:mt-[30px] text-center"> 685 <a id="section2Btn" class="inline-flex items-center border leading-[1] h-[70px] border-black font-bold text-[26px] px-[90px] rounded-full" href="/store">Find a nearby Printing Box</a> 686 </div> 687 </div> 688 </div> 689 </div> 690 </section> 691 <section id="section3" class="relative"> 692 <div class="aspect-[1920/1080] w-full object-cover bg-[#E9F7F4]"></div> 693 <div class="objects absolute left-0 top-0 right-0 bottom-0">
694 <span class="video-wrap"> 695 <video src="https://static.ptbox-kiosk.com/section3.mp4" loop muted autoplay playsinline></video> 696 </span> 697 </div> 698 <div class="absolute left-0 top-0 right-0 bottom-0 px-[45px] sm-max:px-[25px]"> 699 <div class="h-full flex items-center sm-max:items-start justify-end sm-max:justify-center"> 700 <div class="txt-wrapper px-[40px] sm-max:px-[15px] mt-[95px] sm-max:mt-[30.55555556vw]"> 701 <div class="txt-box"> 702 <span id="section3Txt1" class="inline-block">From your own images and document files<br/>to public institution documents and popular IP images!</span> 703 <span id="section3Txt2" class="mt-[45px] block">All documents and images<br/>you own</span> 704 <span id="section3Txt3" class="mt-[20px] block">can be easily printed</span> 705 </div> 706 </div> 707 </div> 708 </div> 709 </section> 710 <section id="section4" class="relative"> 711 <div class="aspect-[1920/1080] w-full object-cover bg-[#00a782] overflow-hidden"> 712 <div id="printingBoxBg" class="printing-box-bg"></div> 713 <div class="avatars"> 714 <div id="avatars"> 715 <span class="avatar1"><img src="/public/assets/images/section4-avatar1.png" alt=""/></span> 716 <span class="avatar2"><img src="/public/assets/images/section4-avatar2.png" alt=""/></span> 717 <span class="avatar3"><img src="/public/assets/images/section4-avatar3.png" alt=""/></span> 718 <span class="avatar4"> 719 <span class="bg"><img src="/public/assets/images/section4-avatar-bg.png" alt="" /></span> 720 <img src="/public/assets/images/section4-avatar4.png" alt="" /> 721 <span class="des"><img src="/public/assets/images/section4-avatar4-txt.png" alt="문ìê° íìí ì§ì¥ì¸" /></span> 722 </span> 723 <span class="avatar5"> 724 <span class="bg"><img src="/public/assets/images/section4-avatar-bg.png" alt="" /></span> 725 <img src="/public/assets/images/section4-avatar5.png" alt="" /> 726 <span class="des"><img src="/public/assets/images/section4-avatar5-txt.png" alt="K-POP ìì´ëí¬" /></span> 727 </span> 728 <span class="avatar6"> 729 <span class="bg"><img src="/public/assets/images/section4-avatar-bg.png" alt="" /></span> 730 <img src="/public/assets/images/section4-avatar6.png" alt="" /> 731 <span class="des"><img src="/public/assets/images/section4-avatar6-txt.png" alt="IP 굿ì¦ë¥¼ ìì¥íê³ ì¶ì í¸" /></span> 732 </span> 733 <span class="avatar7"> 734 <span class="bg"><img src="/public/assets/images/section4-avatar-bg.png" alt="" /></span> 735 <img src="/public/assets/images/section4-avatar7.png" alt="" /> 736 <span class="des"><img src="/public/assets/images/section4-avatar7-txt.png" alt="ì°½ìì ìí ìí°ì¤í¸" /></span></span> 737 <span class="avatar8"> 738 <span class="bg"><img src="/public/assets/images/section4-avatar-bg.png" alt="" /></span> 739 <img src="/public/assets/images/section4-avatar8.png" alt="" /> 740 <span class="des"><img src="/public/assets/images/section4-avatar8-txt.png" alt="ê°ì¡±ì¬ì§ì´ íìí ë¶ëª¨ë" /></span> 741 </span> 742 <span class="avatar9"><img src="/public/assets/images/section4-avatar9.png" alt=""/></span> 743 <span class="avatar10"><img src="/public/assets/images/section4-avatar10.png" alt=""/></span> 744 <span class="avatar11"><img src="/public/assets/images/section4-avatar11.png" alt=""/></span> 745 <span class="avatar12"><img src="/public/assets/images/section4-avatar12.png" alt=""/></span> 746 </div> 747 </div> 748 <div id="companies"> 749 <div class="inner"> 750 <div class="wrapper"> 751 <div class="yellow"> 752 <img src="/public/assets/images/section4-company1.png" alt="ì¸ì ì´ëìë ì½ê³ ë¹ ë¥´ê² íë°ê°ë¥"/> 753 <div class="eye"> 754 <img src="/public/assets/images/eye.png" alt="" /> 755 <div id="eyePoint"> 756 <img src="/public/assets/images/eyepoint.png" alt="" /> 757 </div> 758 </div> 759 </div> 760 <div class="circle"> 761 <img src="/public/assets/images/section4-company2.png" alt="" /> 762 </div> 763 </div> 764 <div class="lists"> 765 <div class="cu"><img src="/public/assets/images/section4-company3.png" alt="cu"/></div> 766 <div class="gs25"><img src="/public/assets/images/section4-company4.png" alt="gs25"/></div> 767 <div class="emart24"><img src="/public/assets/images/section4-company5.png" alt="emart24"/></div> 768 <div class="artbox"><img src="/public/assets/images/section4-company6.png" alt="artbox"/></div> 769 <div class="eleven7"><img src="/public/assets/images/section4-company7.png" alt="eleven7"/></div> 770 <div class="yp"><img src="/public/assets/images/section4-company8.png" alt="ìíë¬¸ê³ "/></div> 771 <div class="cgv"><img src="/public/assets/images/section4-company9.png" alt="cgv"/></div> 772 <div class="homeplus"><img src="/public/assets/images/section4-company10.png" alt="homeplus"/></div> 773 <div class="lottemart"><img src="/public/assets/images/section4-company11.png" alt="롯ë°ë§í¸"/></div> 774 <div class="emart"><img src="/public/assets/images/section4-company12.png" alt="emart"/></div> 775 <div class="lguplus"><img src="/public/assets/images/section4-company13.png" alt="lgu+"/></div> 776 </div> 777 </div> 778 </div> 779 </div> 780 <div class="absolute left-0 top-0 right-0 bottom-0 px-[45px] sm-max:px-[25px]"> 781 <div class="h-full flex items-start"> 782 <div class="txt-wrapper px-[50px] mt-[200px] relative"> 783 <div class="txt-wrap1 txt-box absolute top-0">
784 <span class="txt1 inline-block opacity-0">People of all ages in Korea print their various tastes at P-Box.</span> 785 <span class="txt2 mt-[30px] block opacity-0">Taste Code Print Shop</span> 786 <span class="txt3 mt-[50px] block opacity-0">#Documents #Photos #Goods #Creations</span> 787 </div> 788 <div class="txt-wrap2 txt-box absolute top-0"> 789 <span class="txt1 inline-block opacity-0"><img src="/public/assets/images/section4-txtwrap2-txt1.png" alt="printingbox"/></span> 790 <span class="txt2 block mt-[25px] opacity-0"> 791 'Printing Box' is a <br class='mo'/><span>national printing service</span> loved by 800,000 members. </span> 792 </div> 793 <div class="txt-wrap3 txt-box absolute top-0"> 794 <span class="txt1 inline-block opacity-0"> 795 Through distribution partnerships with famous domestic and international companies,<br>we provide an environment where customers can use it quickly and easily. </span> 796 <span class="txt2 mt-[33px] block opacity-0"> 797 Quickly and easily<br class='mo'/>anytime, anywhere </span> 798 </div> 799 </div> 800 </div> 801 </div> 802 </section> 803 <section id="section5" class="relative"> 804 <div class="aspect-[1920/1080] w-full object-cover"></div> 805 <div class="objects absolute left-0 top-0 w-full"> 806 <div class="avatar"> 807 <video src="https://static.ptbox-kiosk.com/section5.mp4" loop muted autoplay playsinline></video> 808 </div> 809 </div> 810 <div class="absolute left-0 top-0 right-0 bottom-0 px-[45px] sm-max:px-[25px]"> 811 <div class="h-full flex items-center justify-end sm-max:justify-center sm-max:items-start"> 812 <div class="txt-box"> 813 <span id="section5Txt1" class="inline-block">Collaboration Hot Spot</span> 814 <span id="section5Txt2" class="mt-[40px] block">Also, through collaborations with beloved IP companies,<br/>we are creating a shared printing culture that everyone can enjoy.</span> 815 <div id="ipCompines" class="flex flex-wrap gap-[20px] sm-max:gap-[15px] w-[525px] mt-[50px]"> 816 <span class="inline-flex items-center"><img class="sm-max:w-[12.96296296vw]" src="/public/assets/images/section5-company1.png" alt="KODANSHA"/></span> 817 <span class="inline-flex items-center"><img class="sm-max:w-[11.11111111vw]" src="/public/assets/images/section5-company2.png" alt="VLAST"/></span> 818 <span class="inline-flex items-center"><img class="sm-max:w-[12.03703704vw]" src="/public/assets/images/section5-company3.png" alt="FNC ENTERTAINMENT"/></span> 819 <span class="inline-flex items-center"><img class="sm-max:w-[12.40740741vw]" src="/public/assets/images/section5-company4.png" alt="HYBE"/></span> 820 <span class="inline-flex items-center"><img class="sm-max:w-[14.81481481vw]" src="/public/assets/images/section5-company5.png" alt="ëìì¨ìì´"/></span> 821 <span class="inline-flex items-center"><img class="sm-max:w-[8.51851852vw]" src="/public/assets/images/section5-company6.png" alt="MNB"/></span> 822 <span class="inline-flex items-center"><img class="sm-max:w-[10.55555556vw]" src="/public/assets/images/section5-company7.png" alt="CJ ENM"/></span> 823 <span class="inline-flex items-center"><img class="sm-max:w-[14.44444444vw]" src="/public/assets/images/section5-company8.png" alt="StorySoop"/></span> 824 <span class="inline-flex items-center"><img class="sm-max:w-[13.51851852vw]" src="/public/assets/images/section5-company9.png" alt="F&F Entertainment"/></span> 825 </div> 826 </div> 827 </div> 828 </div> 829 </section> 830 <section id="section6" class="relative"> 831 <div class="aspect-[1920/1080] w-full object-cover"></div> 832 <div class="objects absolute left-0 top-0 w-full h-full"> 833 <div class="avatar"> 834 <video src="https://static.ptbox-kiosk.com/section6.mp4" muted autoplay loop playsinline></video> 835 </div> 836 </div> 837 <div class="absolute left-0 top-0 right-0 bottom-0 px-[45px] sm-max:px-[25px]"> 838 <div class="h-full flex items-center sm-max:items-start sm-max:justify-center"> 839 <div class="txt-wrapper px-[50px]"> 840 <div class="txt-box">
841 <span id="section6Txt1" class="inline-block">Convenience of kiosk printing<br/>Joy of shared code printing</span> 842 <span id="section6Txt2" class="mt-[40px] block">Printing Box provides the convenience of unmanned printing and the joy of communication<br/>between fans and artists. Anyone can register<br/>content and spread shared codes.</span> 843 </div> 844 </div> 845 </div> 846 </div> 847 </section> 848 <section id="section7" class="relative" style="padding-bottom: 30px;"> 849 <div class="aspect-[1920/1080] sm-max:aspect-[1/1] w-full object-cover"></div> 850 <div class="objects absolute left-0 top-0 w-full h-full"> 851 <div class="kiosk"> 852 <img src="/public/assets/images/section7-obj1.png" alt="" /> 853 854 </div> 855 </div> 856 <div class="absolute left-0 top-0 right-0 bottom-0 px-[45px] sm-max:px-[25px]"> 857 <div class="h-full flex sm-max:flex-col items-center sm-max:items-start justify-between sm-max:justify-start sm-max:gap-[12.77777778vw] pt-[130px] sm-max:pt-[28.42592593vw]"> 858 <div class="txt-box left translate-x-[33px] sm-max:translate-x-0"> 859 <span class="txt1">Taste Code Print Shop</span> 860 <span class="txt2 mt-[40px] block"><img src="/public/assets/images/section7-txt2.png" alt="LOADINg..."/></span> 861 </div> 862 <div class="dummy"></div> 863 <div class="txt-box right pt-[20px] sm-max:pt-0"> 864 <span class="txt3">Printing <span>tastes</span> for you.</span> 865 <span class="txt4 mt-[30px] block">At the Taste Code Print Shop,<br/>Printing Box,</span> 866 <span class="txt5 mt-[20px] block">enjoy a special printing experience!</span> 867 <div class="btn mt-[50px]"> 868 <a class="inline-flex items-center border leading-[1] h-[70px] border-black font-bold text-[26px] px-[120px] rounded-full" href="/company">Brand Introduction</a> 869 </div> 870 </div> 871 </div> 872 </div> 873 </section> 874</div> 875<!-- //컨í ì¸ ìì --><footer> 876 <div class="footer-top"> 877 <span class="logo"><img src="/public/assets/images/logo-footer.svg" alt="printingbox"/></span> 878 <ul class="footer-menu"> 879 <li> 880 <a href="/company">Company Introduction</a> 881 </li> 882 <li> 883 <a href="/printService/info">How to Use</a> 884 </li> 885 <li> 886 <a href="/support/term">Terms of Use</a> 887 </li> 888 <li> 889 <a href="/support/privacy">Privacy Policy</a> 890 </li> 891 </ul> 892 </div> 893 <div class="footer-bottom pc"> 894 <div class="footer-left"> 895 <div class="company-info"> 896 <p>Printingbox Co., Ltd.</p> 897 <p>CEO: Kim Woosung</p> 898 </div> 899 <div class="company-details"> 900 <p>Address: 5F, Jamae Bldg, 12 Dongjak-daero 13-gil, Dongjak-gu, Seoul, Republic of Korea</p> 901 <p>Business Registration Number: 108-86-12463</p> 902 <p>Privacy Officer: Oh Hyun-jung (<a href='mailto:[email protected]'>[email protected]</a>)</p> 903 <p class="copyright">Copyright â Since 2016 PRINTINGBOX. All right Reserved.</p> 904 </div> 905 </div> 906 <div class="footer-center"> 907 <div class="customer-service">Customer Service Center 1600-5942</div> 908 <div> 909 <p>Operating Hours</p> 910 <p>AM 10:00 ~ PM 10:00</p> 911 <p>Open 365 days a year</p> 912 <p><a href="mailto:[email protected]">[email protected]</a></p> 913 <button type="button" class="inquiry-button" onclick="window.open('https://pf.kakao.com/_CYbSC/chat?from=qr');" style="font-weight: 300;">1:1 Inquiry</button> 914 </div> 915 </div> 916 <div class="footer-right"> 917 <div class="social-links"> 918 <a href="https://www.instagram.com/printingbox_/" target="_blank" title="ì¸ì¤íê·¸ë¨"><img src="/public/assets/images/insta.svg" alt="ì¸ì¤íê·¸ë¨"/></a> 919 <a href="https://twitter.com/printingboxcode" target="_blank" title="X(í¸ìí°)"><img src="/public/assets/images/x.svg" alt="X(í¸ìí°)"/></a> 920 <a href="https://www.facebook.com/printingbox2/?locale=ko_KR" target="_blank" title="íì´ì¤ë¶"><img src="/public/assets/images/facebook.svg" alt="íì´ì¤ë¶"/></a> 921 <a href="https://www.youtube.com/@PRINTINGBOX0" target="_blank" title="ì íë¸"><img src="/public/assets/images/youtube.svg" alt="ì íë¸"/></a> 922 <a href="https://blog.naver.com/printingbox24" target="_blank" title="ë¸ë¡ê·¸"><img src="/public/assets/images/naver.svg" alt="ë¸ë¡ê·¸"/></a> 923 </div> 924 <div class="app-info"> 925 <p>Meet PB on the App.</p> 926 <div class="qr-code"><img src="/public/assets/images/footer_qr.png" alt="" /></div> 927 </div> 928 </div> 929 </div> 930 <div class="footer-bottom mo"> 931 <div class="footer-right">
932 <span class="logo"><img src="/public/assets/images/logo-footer.svg" alt="printingbox"/></span> 933 <div class="social-links"> 934 <a href="https://www.instagram.com/printingbox_/" target="_blank" title="ì¸ì¤íê·¸ë¨"><img src="/public/assets/images/insta.svg" alt="ì¸ì¤íê·¸ë¨"/></a> 935 <a href="https://twitter.com/printingboxcode" target="_blank" title="X(í¸ìí°)"><img src="/public/assets/images/x.svg" alt="X(í¸ìí°)"/></a> 936 <a href="https://www.facebook.com/printingbox2/?locale=ko_KR" target="_blank" title="íì´ì¤ë¶"><img src="/public/assets/images/facebook.svg" alt="íì´ì¤ë¶"/></a> 937 <a href="https://www.youtube.com/@PRINTINGBOX0" target="_blank" title="ì íë¸"><img src="/public/assets/images/youtube.svg" alt="ì íë¸"/></a> 938 <a href="https://blog.naver.com/printingbox24" target="_blank" title="ë¸ë¡ê·¸"><img src="/public/assets/images/naver.svg" alt="ë¸ë¡ê·¸"/></a> 939 </div> 940 </div> 941 <div class="footer-left"> 942 <div class="company-info"> 943 <p>Printingbox Co., Ltd.</p> 944 <p>CEO: Kim Woosung</p> 945 </div> 946 <div class="company-details"> 947 <p>Address: 5F, Jamae Bldg, 12 Dongjak-daero 13-gil, Dongjak-gu, Seoul, Republic of Korea</p> 948 <p>Business Registration Number: 108-86-12463</p> 949 <p>Privacy Officer: Oh Hyun-jung (<a href='mailto:[email protected]'>[email protected]</a>)</p> 950 </div> 951 </div> 952 <div class="footer-center"> 953 <div class="customer-service"> 954 Customer Service Center <a href="tel:1600-5942">1600-5942</a> 955 </div> 956 <div class="customer-info"> 957 <div> 958 <p>Operating Hours </p> 959 <p>AM 10:00 ~ PM 10:00</p> 960 <p>Open 365 days a year </p> 961 <p><a href="mailto:[email protected]">[email protected]</a></p> 962 <p class="copyright">Copyright â Since 2016 PRINTINGBOX. All right Reserved.</p> 963 </div> 964 <button type="button" class="inquiry-button" onclick="window.open('https://pf.kakao.com/_CYbSC/chat?from=qr');"> 965 <img class="inline-block align-text-top" src="/public/assets/images/1on1.svg" alt="1:1 문ì"/> 966 </button> 967 </div> 968 </div> 969 </div> 970</footer> 971 972<!-- 모ë°ì¼ì© íë¨ íµ ë©ë´--> 973<div class="mobile-quick-menu mo" style=""> 974 <div class="wrap on"> 975 <button type="button" class="quick-toggle-btn"> 976 <img src="/public/assets/images/footer-arrow.png" alt="" /> 977 </button> 978 <div class="inner"> 979 <a href="/printService/picture" class="print"> 980 <div class="icon"> 981 <img src="/public/assets/images/quickmenu-printer.svg" alt="ì¶ë ¥ìë¹ì¤" /> 982 </div> 983 <div>Printing Service</div> 984 </a> 985 <a href="/event/officialCode" class="code"> 986 <div class="icon"> 987 <img src="/public/assets/images/quickmenu-barcode.svg" alt="ê³µìíë°ì½ë" /> 988 </div> 989 <div>Official Code</div> 990 </a> 991 <a href="/store" class="position"> 992 <div class="icon"> 993 <img src="/public/assets/images/quickmenu-position.svg" alt="íë°ìì¹" /> 994 </div> 995 <div>PB Location</div> 996 </a> 997 <a href="/company/productDescription?section=sec-size" class="use"> 998 <div class="icon"> 999 <img src="/public/assets/images/quickmenu-product.png" alt="íë°ë¼ì´ì§" /> 1000 </div> 1001 <div>Product & Pricing</div> 1002 </a> 1003 <a href="/printService/info" class="use"> 1004 <div class="icon"> 1005 <img src="/public/assets/images/quickmenu-system.svg" alt="ì´ì©ë°©ë²" /> 1006 </div> 1007 <div>How to Use</div> 1008 </a> 1009 </div> 1010 </div> 1011</div> 1012<!-- /모ë°ì¼ì© íë¨ íµ ë©ë´--> 1013<style> 1014 .modal.nonmember .modal-inner > p > span {color: #00a782;} 1015 .modal.nonmember .modal-inner .button {max-width: unset; margin-top: 10px;} 1016 .loading_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.8); display: block; z-index:9999;} 1017 .loading_wrap.hidden {display: none;} 1018 .loading_wrap .loading_inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} 1019 .loading_wrap .loading_circle {width: 120px; height: 120px; margin: 10px auto; border: 20px solid #e3e3e3; border-bottom: 20px solid #12B560; border-radius: 50%; animation: load 1.5s linear infinite; } 1020 .refund-wrap .button-box.col-1 .button.md {padding-left: 30px; padding-right: 30px;}
1021 @keyframes load { 1022 0% {transform: rotate(0deg);} 1023 100% {transform: rotate(360deg);} 1024 } 1025</style> 1026<div class="loading_wrap hidden"> 1027 <div class="loading_inner"> 1028 <div class="loading_circle"></div> 1029 </div> 1030</div> 1031<div class="modal alert hidden" data-modalid="alert"> 1032 <div class="modal-inner message"> 1033 1034 </div> 1035</div> 1036<div class="modal alert hidden" data-modalid="member"> 1037 <div class="modal-inner"> 1038 <button type="button" class="close" onclick="modal.close('member');"> 1039 <img src="/public/assets/images/btn-close2.png" alt="ë«ê¸°" /> 1040 </button> 1041 <p>This menu is only available to members.</p> 1042 <div class="button-box"><a class="button md" href="/member/login">Login</a></div> 1043 </div> 1044</div> 1045<div class="modal hidden" data-modalid="refund"> 1046 <div class="modal-inner"> 1047 <button type="button" class="close" onclick="modal.close('refund');"> 1048 <img src="/public/assets/images/btn-close2.png" alt="ë«ê¸°" /> 1049 </button> 1050 <div class="refund-wrap"> 1051 <div class="title">Refund Application</div> 1052 <div class="button-box col-1"> 1053 <button type="button" class="button md" onclick="window.open('https://forms.gle/Byi9co3Nrv4WrCLD6');">Card/Point Payment Refund Request</button> 1054 <button type="button" class="button md" onclick="window.open('https://forms.gle/qiQfQbqk7PeW48ge9');">Request Card Receipt</button> 1055 <button type="button" class="button md" onclick="window.open('https://forms.gle/R85B4zjvwL66tkEk9');">P-Box Point Charge Cancellation Request</button> 1056 </div> 1057 </div> 1058 </div> 1059</div> 1060<div class="modal hidden" data-modalid="customer_support"> 1061 <div class="modal-inner"> 1062 <button type="button" class="close" onclick="modal.close('customer_support');"> 1063 <img src="/public/assets/images/btn-close2.png" alt="ë«ê¸°" /> 1064 </button> 1065 <div class="refund-wrap"> 1066 <div class="button-box col-1"> 1067 <button type="button" class="button md" onclick="location.href='/support/complain';">Complaint Center</button> 1068 <button type="button" class="button md" onclick="window.open('https://forms.gle/Byi9co3Nrv4WrCLD6');">Card/Point Payment Refund Request</button> 1069 <button type="button" class="button md" onclick="window.open('https://forms.gle/qiQfQbqk7PeW48ge9');">Request Card Receipt</button> 1070 <button type="button" class="button md" onclick="window.open('https://forms.gle/R85B4zjvwL66tkEk9');">P-Box Point Charge Cancellation Request</button> 1071 </div> 1072 </div> 1073 </div> 1074</div>
1075<script> 1076 function alertMsg(msg, target = ""){ 1077 let html = ''; 1078 html += '<p>' + msg + '</p>'; 1079 html += '<button type="button" class="button md" onclick="alertMsgClose(\'' + target + '\');">Confirm</button>'; 1080 $(".modal.alert .modal-inner.message").html(html); 1081 modal.open("alert"); 1082 } 1083 1084 function reloadMsg(msg){ 1085 let html = ''; 1086 html += '<p>' + msg + '</p>'; 1087 html += '<button type="button" class="button md" onclick="location.reload();">Confirm</button>'; 1088 $(".modal.alert .modal-inner.message").html(html); 1089 modal.open("alert"); 1090 } 1091 1092 function alertMsgClose(target){ 1093 modal.close("alert"); 1094 if( target ){ 1095 $(target).focus(); 1096 } 1097 } 1098 </script>
1098 1099 1100</body> 1101</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.