PageSourceSearch

https://printingbox.kr/

html printingbox.kr collected 2026-10-09 23:07:38 UTC 67,073 bytes, 1,101 lines download raw bytes

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.