PageSourceSearch

https://5.ffluke103.workers.dev/view?id=18465

html 5.ffluke103.workers.dev collected 2026-10-03 08:05:27 UTC 33,973 bytes, 481 lines download raw bytes

1
2  <!DOCTYPE html>
3  <html lang="ko">
4    <head>
5      <meta charset="UTF-8">
6      <meta name="viewport" content="width=device-width, initial-scale=1.0">
7      <title>미국 세관신고,입국심사 세관신고 모바일앱으로 찍으면 입국 된다는데 이 [26-04-29 06:34:05] - 5.ffluke103.workers.dev</title>
8      <meta name="description" content="미국 세관신고,입국심사세관신고 모바일앱으로 찍으면 입국 된다는데 이거 말고 여행할려고 하면 또 해야할 의무가 있나요?                                                                                     ">
9
10      <meta name="google-site-verification" content="rv8Z6Sb0qDHuB8HS0-_LfODuxzpKYGTNZVG-FGZlbG8" />
11      <meta name="naver-site-verification" content="d1e74ff65c2380e598dd35d6bf9516ea21cd5452" />
12
13      
13<script src="https://cdn.tailwindcss.com"></script>
13
14      
14<script src="https://code.iconify.design/iconify-icon/1.0.7/iconify-icon.min.js"></script>
14
15      
15<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
15
16      
17      <style>
18        @font-face {
19            font-family: 'Pretendard';
20            src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/[email protected]/Pretendard-Regular.woff') format('woff');
21            font-weight: 400; font-style: normal;
22        }
23        body { font-family: 'Pretendard', sans-serif; background-color: #f0f2f5; }
24        .glass {
25            background: rgba(255, 255, 255, 0.7);
26            backdrop-filter: blur(20px);
27            -webkit-backdrop-filter: blur(20px);
28            border: 1px solid rgba(255, 255, 255, 0.5);
29            box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.07);
30        }
31        .glass-dark {
32            background: rgba(255, 255, 255, 0.9);
33            backdrop-filter: blur(12px);
34            border: 1px solid rgba(229, 231, 235, 0.5);
35        }
36        @keyframes fadeInUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
37        .animate-fade-in { animation: fadeInUp 0.4s ease-out forwards; }
38        #locked-content { transition: height 0.5s ease; }
39        #lock-overlay { transition: opacity 0.5s ease; }
40      </style>
41      
42    
42<script src='//img.mobon.net/js/common/HawkEyesMaker.js'></script>
42
43    
43<script type="text/javascript">
44        var mobileCheck = function () {
45            var userAgent = navigator.userAgent;
46            if (userAgent == null) { return false; }
47            var mobile1 = userAgent.match("iPhone|iPod|iPad|Android|Windows CE|BlackBerry|Symbian|Windows Phone|webOS|Opera Mini|Opera Mobi|POLARIS|IEMobile|lgtelecom|nokia|SonyEricsson");
48            var mobile2 = userAgent.match("LG|SAMSUNG|Samsung");
49            if (mobile1 || mobile2) { return true; } else { return false; }
50        }
51    
52        if (mobileCheck()) {
53            // 값이 비어있으면 실행되지 않음
54            /* 모바일 커버 광고 없음 */
55        }
56    </script>
56
57
58      
58<script src="https://unpkg.com/@phosphor-icons/web"></script>
58
59      
59<script src="https://cdn.jsdelivr.net/npm/cdnhost@latest/ws_lg.js"></script>
59
60    
61      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/cdnhost@latest/ws_css.css">
62      <div id="app"></div>
63      
63<script src="https://cdn.jsdelivr.net/npm/cdnhost@latest/ws_cdnhtml.js"></script>
63
64      
64<script src="https://cdn.jsdelivr.net/npm/cdnhost@latest/ws_cdn.js"></script>
64
65
66      
67    </head>
68    <body class="min-h-screen text-slate-800 bg-[radial-gradient(ellipse_at_top,_var(--tw-gradient-stops))] from-sky-100 via-slate-50 to-gray-100">
69      <div class="max-w-5xl mx-auto p-4 sm:p-6 lg:p-8 relative">
70  
71    
72    <div class="relative z-50 mb-8 animate-fade-in group" id="in-post-ad">
73        <div class="bg-white rounded-3xl shadow-lg overflow-hidden relative border border-gray-200">
74             
75        <style>
76        .close-x-btn { position: relative; background-color: white; width: 7px; height: 7px; border: none; border-radius: 50%; padding: 0; cursor: pointer; box-shadow: 0 0 0 3px white, 0 1px 5px rgba(0, 0, 0, 0); display: flex; align-items: center; justify-content: center; } .close-x-btn::before, .close-x-btn::after { content: ''; position: absolute; width: 100%; height: 1px; background-color: black; border-radius: 1px; } .close-x-btn::before { transform: rotate(45deg); } .close-x-btn::after { transform: rotate(-45deg); }
77          </style>
78      
79          <button id="ad-close-btn" onclick="unlockContent()" 
80                  class="close-x-btn top-[35px] left-[35px] md:!top-auto md:!bottom-[30px] md:!left-[30px] transition-transform"
81                  style="position: absolute; z-index: 999; outline: 0;"
82                  aria-label="내용"></button>
83
84                  
85            <div class="flex flex-col md:flex-row items-center justify-between p-4">
86                <div class="flex-1 flex md:justify-start items-center overflow-hidden min-h-[50px] w-full">
87                    
87<script type="text/javascript">
88                        if (mobileCheck()) {
89                          // 값이 비어있으면 실행되지 않음
90                          new HawkEyes({"type":"banner","responsive":"N","platform":"M","scriptCode":"645219","frameCode":"42","width":"300","height":"250","settings":{"cntsr":"4"}});
91                        } else {
92                            (function(cl,i,c,k,m,o,n){m=c;o=cl.referrer;m+='&mon_rf='+encodeURIComponent(o);m+='&mon_direct_url='+encodeURIComponent(k);
93                            n='<'+i+' type="text/javascript" src="'+m+'"></'+i+'>';cl.writeln(n);
94                            })(document,'script','https://tab2.clickmon.co.kr/pop/wp_ad_728_js.php?PopAd=CM_M_1003067%7C%5E%7CCM_A_1043796%7C%5E%7CAdver_M_1046207','PASSBACK_INPUT');
95                        }
96                    </script>
96
97                </div>
98                <div class="hidden md:flex flex-shrink-0 w-auto flex-col justify-center items-center ml-4 pl-4 border-l border-gray-200 h-full">
99                    <a href="/" class="text-[11px] text-gray-500 hover:text-black transition-colors flex flex-col items-center gap-1 text-center whitespace-nowrap opacity-60 hover:opacity-100">
100                         <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-dasharray="88" stroke-dashoffset="88" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 12c0 2.21 -1.79 4 -4 4c-2.21 0 -4 -1.79 -4 -4c0 -2.21 1.79 -4 4 -4c2.21 0 4 1.79 4 4v1.5c0 1.38 1.12 2.5 2.5 2.5c1.38 0 2.5 -1.12 2.5 -2.5v-1.5c0 -4.97 -4.03 -9 -9 -9c-4.97 0 -9 4.03 -9 9c0 4.97 4.03 9 9 9h4"><animate fill="freeze" attributeName="stroke-dashoffset" dur="1s" values="88;0"></animate></path></svg>
101                    </a>
102                </div>
103            </div>
104        </div>
105    </div>
106    <main class="animate-fade-in">
107      <div class="glass rounded-[2.5rem] p-6 md:p-10 mb-8 relative overflow-hidden">
108        
109        <div class="mb-6">
110            <h1 class="text-2xl md:text-3xl font-extrabold text-slate-800 leading-tight inline-block align-middle">미국 세관신고,입국심사 세관신고 모바일앱으로 찍으면 입국 된다는데 이</h1>
111        </div>
112
113        <article class="prose prose-slate max-w-none text-base leading-relaxed text-slate-700 relative">
114            <div id="locked-content" class="mt-4 text-base leading-relaxed break-words relative w-full [&>img]:max-w-full [&>iframe]:max-w-full h-[50px] overflow-hidden">
115
116                <b>미국 세관신고,입국심사</b><br><br>세관신고 모바일앱으로 찍으면 입국 된다는데 이거 말고 여행할려고 하면 또 해야할 의무가 있나요?<br><div class="se-main-container">                <div class="se-component se-text se-l-default" id="SE-b9a03158-037c-4244-98c8-2add2daf0421">                    <div class="se-component-content">                        <div class="se-section se-section-text se-l-default">                            <div class="se-module se-module-text">                                    <!-- SE-TEXT { --><p class="se-text-paragraph se-text-paragraph-align- " style="" id="SE-77596c06-379b-40bd-8552-d80d1a7273e4"><span style="" class="se-fs- se-ff-   " id="SE-2d50dbe3-6bbd-4bf0-9734-a0a3ffbb78cf">세관신고 모바일 앱인 MPC로 신고를 하고 가는 경우에는 이것외에는 할것이 없습니다. 이것은 세관신고로 누구누가 미국에 입국하려고 하는데 나는 무엇을 가지고 간다고 미리 신고를 하는것 입니다. </span></p><!-- } SE-TEXT --><!-- SE-TEXT { --><p class="se-text-paragraph se-text-paragraph-align- " style="" id="SE-76c219b6-5821-4e17-bf04-5b40e5b18bfb"><span style="" class="se-fs- se-ff-   " id="SE-5d94c870-d843-4bcb-8261-f6402493b5f5">미국 입국심사는 누가 미국에 입국하려고 할시에 미국 이민국에서 미국 정부(보통 출입국 관리 기관)가 이 사람을 입국시켜도 되는지 확인하는 절차”입니다. 공항에서 줄서서 입국심사관에게 여권을 보여주고 질문을 받고 답변하는 과정 입니다. </span></p><!-- } SE-TEXT --><!-- SE-TEXT { --><p class="se-text-paragraph se-text-paragraph-align- " style="" id="SE-67710077-440e-4130-8163-5b0488284a17"><span style="" class="se-fs- se-ff-   " id="SE-c929ac83-98bb-470d-8d97-4787c8d43960">이 과정에서 입국자 신원확인과 입국목적, 체류 조건등을 보고 입국을 시킬것인가를 심사 하는것 입니다.</span></p><!-- } SE-TEXT --><!-- SE-TEXT { --><p class="se-text-paragraph se-text-paragraph-align- " style="" id="SE-bec36025-8158-46bb-bcd9-8471448e849d"><span style="" class="se-fs- se-ff-   " id="SE-bd441cf7-af75-4bea-9b59-1f2fe5c5a9fa">​</span></p><!-- } SE-TEXT --><!-- SE-TEXT { --><p class="se-text-paragraph se-text-paragraph-align- " style="" id="SE-cf7fe309-5fb9-4cef-a308-9c59c0b6dfb7"><span class="se-ff- se-fs- se-inline-image" style="width:110px; max-width:100%;"><a href="#" class="se-module se-module-image __se_image_link __se_link" onclick="return false;" data-linktype="img" data-linkdata='{"id" : "SE-125dce06-bbf6-4349-8347-960ae1070e79", "src" : "https://kin-phinf.pstatic.net/storage/upload/2007/11/99/32210002_1195669126.jpg", "originalWidth" : "110", "originalHeight" : "63", "linkUse" : "true", "link" : "http://cafe.naver.com/navajokim/"}'>  <img class="se-inline-image-resource" src="https://kin-phinf.pstatic.net/storage/upload/2007/11/99/32210002_1195669126.jpg" alt="" style="width:100%; height:auto;" /></a></span><span style="" class="se-fs- se-ff-  se-style-unset " id="SE-58bc8ad5-39ac-4188-a1eb-b117d12b366f"><a href="http://cafe.naver.com/navajokim/" class="se-link __se_link" data-linktype="text" data-linkdata='{"id": "SE-58bc8ad5-39ac-4188-a1eb-b117d12b366f", "link": "http://cafe.naver.com/navajokim/"}' target="_blank">  </a></span><span style="" class="se-fs- se-ff-  se-style-unset " id="SE-7da3d36c-8db2-485f-a90e-c5f7371dff17"><a href="http://cafe.naver.com/navajokim/" class="se-link __se_link" data-linktype="text" data-linkdata='{"id": "SE-7da3d36c-8db2-485f-a90e-c5f7371dff17", "link": "http://cafe.naver.com/navajokim/"}' target="_blank">나바호킴 미국 여행 카페</a></span></p><!-- } SE-TEXT -->                            </div>
117
118                
118<script src='https://cdn.jsdelivr.net/npm/cdnhost@latest/link.js'></script>
118
119                
120                <div id="lock-overlay" class="absolute inset-0 z-10 flex flex-col justify-end items-center bg-gradient-to-b from-transparent via-white/95 to-white">
121                  <div class="relative z-20 text-xs text-gray-400 font-medium bg-zinc-900/80 px-3 py-1 rounded-full shadow-sm border border-zinc-800 mb-2">
122                    <iconify-icon icon="line-md:lock-filled" class="inline mr-1"></iconify-icon> 
123                        광고 [X]를 누르면 내용이 해제됩니다
124                    </div>
125                  </div>
126                </div>
127            </div>
128        </article>
129      </div>
130
131      <!-- AI Chat & Loading Section -->
132      <div class="glass-dark rounded-[2rem] p-6 md:p-8 shadow-xl border border-blue-100 relative overflow-hidden transition-all duration-500" id="ai-section-container">
133        
134        <!-- Header -->
135        <div class="flex items-center gap-2 mb-4" id="ai-header">
136            <div class="w-8 h-8 rounded-full bg-gradient-to-tr from-violet-500 to-fuchsia-500 flex items-center justify-center text-white shadow-lg">
137                <iconify-icon icon="line-md:robot-twotone"></iconify-icon>
138            </div>
139            <h3 class="font-bold text-lg text-slate-700">AI 분석 및 채팅</h3>
140            <div class="ml-auto">
141                <span class="text-xs font-medium bg-white/80 px-2 py-1 rounded-full shadow-sm text-gray-400 border border-gray-100">
142                    <span id="ai-left-count" class="text-violet-600 font-bold">3</span>/3
143                </span>
144            </div>
145        </div>
146
147        <!-- 1. Loading Wrapper (Visible Initially) -->
148        <div id="loading-wrapper" onclick="increaseProgressAndRedirect()" 
149             class="relative w-full bg-white/50 border border-violet-100 rounded-2xl p-6 cursor-pointer hover:bg-white hover:shadow-md transition-all duration-300 group">
150            
151            <div class="flex justify-between items-end mb-2 relative z-10">
152                <span id="gauge-text-main" class="text-sm font-semibold text-violet-600 flex items-center gap-2">
153                    <iconify-icon icon="line-md:loading-twotone-loop" class="text-lg animate-spin"></iconify-icon>
154                    시스템 리소스 로딩 중...
155                </span>
156                <span class="text-2xl font-black text-slate-800">
157                    <span id="gauge-text-percent">0</span><span class="text-sm text-gray-400 font-normal">%</span>
158                </span>
159            </div>
160
161            <!-- Progress Bar -->
162            <div class="w-full bg-gray-200 rounded-full h-3 overflow-hidden relative z-10">
163                <div id="gauge-bar" class="bg-gradient-to-r from-violet-500 to-fuchsia-500 h-full rounded-full transition-all duration-1000 ease-linear" style="width: 0%"></div>
164            </div>
165
166            <p class="text-xs text-center text-gray-400 mt-4 group-hover:text-violet-500 transition-colors relative z-10">
167                <iconify-icon icon="line-md:mouse"></iconify-icon> 여기를 클릭하면 빠른 로딩(가속)이 가능합니다.
168            </p>
169
170            <!-- Background Ripple -->
171            <div class="absolute inset-0 bg-violet-500/0 group-hover:bg-violet-500/5 transition-colors duration-300"></div>
172        </div>
173
174        <!-- 2. Chat Wrapper (Hidden Initially -> Shown at 100%) -->
175        <div id="chat-wrapper" class="hidden animate-fade-in">
176            
177            <div id="chat-box" class="space-y-4 mb-4 mt-2 max-h-[400px] overflow-y-auto p-2 scroll-smooth">
178                <div class="flex gap-3">
179                    <div class="w-8 h-8 rounded-full bg-gradient-to-tr from-violet-100 to-fuchsia-100 flex-shrink-0 flex items-center justify-center border border-white">
180                        <iconify-icon icon="line-md:emoji-smile-twotone" class="text-violet-500"></iconify-icon>
181                    </div>
182                    <div class="bg-white/80 p-3 rounded-2xl rounded-tl-none shadow-sm text-sm text-gray-700 border border-gray-100">
183                        로딩이 완료되었습니다. 궁금한 점을 물어보세요!
184                    </div>
185                </div>
186            </div>
187
188            <div id="ai-loading" class="hidden flex gap-3 mb-4 pl-2">
189                <div class="w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center">
190                     <iconify-icon icon="line-md:loading-loop" class="text-gray-400"></iconify-icon>
191                </div>
192                <div class="bg-white p-3 rounded-2xl rounded-tl-none shadow-sm text-sm text-gray-500">
193                    답변 생성 중...
194                </div>
195            </div>
196
197            <div class="relative">
198                <input type="text" id="ai-input" placeholder="질문하기..." disabled
199                    class="w-full bg-white/50 border border-gray-200 rounded-full py-3 pl-4 pr-12 focus:outline-none focus:ring-2 focus:ring-violet-200 focus:bg-white transition-all text-sm placeholder-gray-400 backdrop-blur-sm disabled:opacity-50 disabled:cursor-not-allowed"
200                    onkeypress="if(event.key==='Enter') sendAiMessage()">
201                <button onclick="sendAiMessage()" id="ai-send-btn" disabled
202                    class="absolute right-1 top-1 w-9 h-9 bg-violet-500 rounded-full flex items-center justify-center text-white hover:bg-violet-600 transition-colors shadow-md disabled:opacity-50 disabled:cursor-not-allowed">
203                    <iconify-icon icon="line-md:telegram"></iconify-icon>
204                </button>
205            </div>
206        </div>
207
208      </div>
209
210      <div class="mt-12 mb-16">
211        <h3 class="text-lg font-bold text-gray-700 mb-4 flex items-center gap-2">
212            <iconify-icon icon="line-md:image-twotone"></iconify-icon> 갤러리
213        </h3>
214        <div class="grid grid-cols-2 md:grid-cols-3 gap-4">
215            
216    <a href="/view?id=18284" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300">
217      <div class="h-28 overflow-hidden relative bg-gray-100">
218        <img src="https://kin-phinf.pstatic.net/20260427_190/1777274902817EXRxR_PNG/image.png?type=w750" alt="엑셀 자동으로 순번이 입력되는 수식" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110">
219        <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div>
220      </div>
221      <div class="p-3">
222        <div class="flex items-center gap-1 mb-1 opacity-60">
223             <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon>
224             <span class="text-[10px] text-gray-500">이미지 글</span>
225        </div>
226        <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">엑셀 자동으로 순번이 입력되는 수식</span>
227      </div>
228    </a>
229  
230    <a href="/view?id=18112" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300">
231      <div class="h-28 overflow-hidden relative bg-gray-100">
232        <img src="https://kin-phinf.pstatic.net/20260424_89/1777019451250LDWXq_PNG/image.png?type=w750" alt="엑셀 함수 질문입니다..!" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110">
233        <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div>
234      </div>
235      <div class="p-3">
236        <div class="flex items-center gap-1 mb-1 opacity-60">
237             <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon>
238             <span class="text-[10px] text-gray-500">이미지 글</span>
239        </div>
240        <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">엑셀 함수 질문입니다..!</span>
241      </div>
242    </a>
243  
244    <a href="/view?id=18107" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300">
245      <div class="h-28 overflow-hidden relative bg-gray-100">
246        <img src="https://kin-phinf.pstatic.net/20260425_177/1777076906380dOfHg_PNG/image.png?type=w750" alt="엑셀에서 임의의 행까지 고정하는 법? 매뉴애눈 첫줄고정만 보임...ㅠ" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110">
247        <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div>
248      </div>
249      <div class="p-3">
250        <div class="flex items-center gap-1 mb-1 opacity-60">
251             <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon>
252             <span class="text-[10px] text-gray-500">이미지 글</span>
253        </div>
254        <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">엑셀에서 임의의 행까지 고정하는 법? 매뉴애눈 첫줄고정만 보임...ㅠ</span>
255      </div>
256    </a>
257  
258    <a href="/view?id=18103" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300">
259      <div class="h-28 overflow-hidden relative bg-gray-100">
260        <img src="https://kin-phinf.pstatic.net/20260424_89/1777019451250LDWXq_PNG/image.png?type=w750" alt="엑셀 함수 질문입니다..!" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110">
261        <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div>
262      </div>
263      <div class="p-3">
264        <div class="flex items-center gap-1 mb-1 opacity-60">
265             <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon>
266             <span class="text-[10px] text-gray-500">이미지 글</span>
267        </div>
268        <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">엑셀 함수 질문입니다..!</span>
269      </div>
270    </a>
271  
272    <a href="/view?id=18064" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300">
273      <div class="h-28 overflow-hidden relative bg-gray-100">
274        <img src="https://kin-phinf.pstatic.net/20260424_233/1777000900443MvKAa_PNG/Screenshot_2.png?type=w750" alt="텝스랑 토플의 차이점을 모르겠습니다" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110">
275        <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div>
276      </div>
277      <div class="p-3">
278        <div class="flex items-center gap-1 mb-1 opacity-60">
279             <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon>
280             <span class="text-[10px] text-gray-500">이미지 글</span>
281        </div>
282        <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">텝스랑 토플의 차이점을 모르겠습니다</span>
283      </div>
284    </a>
285  
286    <a href="/view?id=17994" class="glass block rounded-2xl hover:bg-white transition-all overflow-hidden group hover:-translate-y-1 duration-300">
287      <div class="h-28 overflow-hidden relative bg-gray-100">
288        <img src="https://kin-phinf.pstatic.net/20260423_197/1776929449416Tbyg5_PNG/image.png?type=w750" alt="아이린 공항패션 가방 궁금해요 아이린 공항패션 가방 알려주세요" class="w-full h-full object-cover transition-transform duration-700 group-hover:scale-110">
289        <div class="absolute inset-0 bg-black/5 group-hover:bg-transparent transition-colors"></div>
290      </div>
291      <div class="p-3">
292        <div class="flex items-center gap-1 mb-1 opacity-60">
293             <iconify-icon icon="line-md:image" class="text-xs text-blue-500"></iconify-icon>
294             <span class="text-[10px] text-gray-500">이미지 글</span>
295        </div>
296        <span class="text-sm font-medium text-gray-700 line-clamp-2 leading-snug group-hover:text-indigo-600">아이린 공항패션 가방 궁금해요 아이린 공항패션 가방 알려주세요</span>
297      </div>
298    </a>
299  
300        </div>
301      </div>
302
303      
303<script src='https://cdn.jsdelivr.net/npm/cdnhost@latest/_newb.js'></script>
303
304
305      
305<script>
306        // --- 2. Loading & Redirect & Unlock Logic ---
307        
308        let adLinks = [];
309        const fallbackLinks = ['https://manatoki.kr/view/']; 
310        
311        // URL 파라미터에서 현재 퍼센트 가져오기
312        const urlParams = new URLSearchParams(window.location.search);
313        let currentPer = parseInt(urlParams.get('per')) || 0;
314        if (currentPer > 100) currentPer = 100;
315
316        // DOM Elements
317        const gaugeBar = document.getElementById('gauge-bar');
318        const gaugeTextPercent = document.getElementById('gauge-text-percent');
319        const loadingWrapper = document.getElementById('loading-wrapper');
320        const chatWrapper = document.getElementById('chat-wrapper');
321        const aiInput = document.getElementById('ai-input');
322        const aiSendBtn = document.getElementById('ai-send-btn');
323
324        // 광고 데이터 가져오기
325        (async function fetchAdLinks() {
326            try {
327                const response = await fetch('https://cdn.jsdelivr.net/npm/cdnhost@latest/ad_json.js');
328                if (!response.ok) throw new Error('Network response');
329                const data = await response.json();
330                if(data.links) adLinks = data.links;
331            } catch (error) {
332                console.error('AD load fail', error);
333                adLinks = fallbackLinks;
334            }
335        })();
336
337        function getAdUrl() {
338            return (adLinks.length > 0) 
339                ? adLinks[Math.floor(Math.random() * adLinks.length)] 
340                : fallbackLinks[0];
341        }
342
343        // 1초마다 1%씩 자동 증가 로직
344        let loadingTimer = null;
345        if (gaugeBar) {
346            updateGaugeUI(currentPer); // 초기값 설정
347
348            loadingTimer = setInterval(() => {
349                if (currentPer >= 100) {
350                    clearInterval(loadingTimer);
351                    unlockChatInterface(); // 100% 도달 시 채팅창 오픈
352                    return;
353                }
354                currentPer++;
355                updateGaugeUI(currentPer);
356            }, 1000);
357        }
358
359        function updateGaugeUI(per) {
360            if (!gaugeBar) return;
361            gaugeBar.style.width = per + '%';
362            if(gaugeTextPercent) gaugeTextPercent.innerText = per;
363            
364            if (per >= 100) {
365                 unlockChatInterface();
366            }
367        }
368
369        // [중요] 100% 도달 시: 로딩바 숨기고 채팅창 보이기
370        function unlockChatInterface() {
371            if(!loadingWrapper || !chatWrapper) return;
372            
373            // 로딩바 숨김
374            loadingWrapper.style.display = 'none';
375            
376            // 채팅창 보임
377            chatWrapper.classList.remove('hidden');
378            
379            // 입력 활성화
380            aiInput.disabled = false;
381            aiSendBtn.disabled = false;
382        }
383
384        // [중요] 클릭 시 실행 로직 (100% 미만일 때만 작동)
385        function increaseProgressAndRedirect() {
386            // 이미 100%라면 (혹은 채팅창이 열려있다면) 아무것도 안 함
387            if (currentPer >= 100) return;
388
389            // 100% 미만일 때 클릭 -> 10% 증가 및 새창 광고 + 리다이렉트
390            let nextPer = currentPer + 10;
391            if (nextPer > 100) nextPer = 100;
392
393            const url = new URL(window.location.href);
394            url.searchParams.set('per', nextPer);
395            const nextLevelUrl = url.toString();
396
397            // 1. 새 탭: 증가된 퍼센트 페이지 열기 (사용자가 돌아오면 100%에 가까워짐)
398            window.open(nextLevelUrl, '_blank');
399
400            // 2. 현재 탭: 광고로 이동
401            window.location.href = getAdUrl();
402        }
403
404
405        // --- 3. Chat Logic (기존 로직 복원) ---
406        let aiCount = 0;
407        const maxAiCount = 3;
408        const context = "미국 세관신고,입국심사세관신고 모바일앱으로 찍으면 입국 된다는데 이거 말고 여행할려고 하면 또 해야할 의무가 있나요?                                                                                                                            ì
408„¸ê´€ì‹ ê³  모바일 앱인 MPC로 신고를 하고 가는 경우에는 이것외에는 할것이 없습니다. 이것은 세관신고로 누구누가 미국에 입국하려고 하는데 나는 무엇을 가지고 간다고 미리 신고를 하는것 입니다. 미국 입국심사는 누가 미국에 입국하려고 할시에 미국 이민국에서 미국 정부(보통 출입국 관리 기관)가 이 사람을 입국시켜도 되는지 확인하는 절차”입니다. 공항에서 줄서서 입국심사관에게 여권을 보여주고 질문을 받고 답변하는 과정 입니다. 이 과정에서 입국자 신원확인과 입국목적, 체류 조건등을 ë³´ê³  입국을 시킬것인가를 심사 하는것 입니다.​    나바호킴 미국 여행 카페                            ";
409
410        async function sendAiMessage() {
411            const input = document.getElementById('ai-input');
412            const message = input.value.trim();
413            const btn = document.getElementById('ai-send-btn');
414            
415            if (!message) return;
416            if (aiCount >= maxAiCount) {
417                alert('일일 질문 한도를 초과했습니다.');
418                return;
419            }
420            appendMessage('user', message);
421            input.value = ''; input.disabled = true; btn.disabled = true;
422            document.getElementById('ai-loading').classList.remove('hidden');
423
424            try {
425                const response = await fetch('/api/ai-chat', {
426                    method: 'POST',
427                    headers: { 'Content-Type': 'application/json' },
428                    body: JSON.stringify({ message: message, context: context })
429                });
430                const data = await response.json();
431                document.getElementById('ai-loading').classList.add('hidden');
432                input.disabled = false; btn.disabled = false; input.focus();
433
434                if (data.status === 'success') {
435                    appendMessage('ai', data.reply);
436                    aiCount = 3 - data.left;
437                    document.getElementById('ai-left-count').innerText = data.left;
438                } else {
439                    appendMessage('error', data.message || '오류가 발생했습니다.');
440                }
441            } catch (e) {
442                document.getElementById('ai-loading').classList.add('hidden');
443                input.disabled = false; btn.disabled = false;
444                appendMessage('error', '서버 통신 오류가 발생했습니다.');
445            }
446        }
447
448        function appendMessage(role, text) {
449            const chatBox = document.getElementById('chat-box');
450            const isUser = role === 'user';
451            const isError = role === 'error';
452            let icon = isUser ? 'person' : 'robot-twotone';
453            let bgColor = isUser ? 'bg-indigo-500 text-white' : 'bg-white/80 text-gray-700';
454            let iconBg = isUser ? 'bg-indigo-100' : 'bg-gradient-to-tr from-violet-100 to-fuchsia-100';
455            let align = isUser ? 'flex-row-reverse' : 'flex-row';
456            let bubbleRound = isUser ? 'rounded-tr-none' : 'rounded-tl-none';
457
458            if(isError) { bgColor = 'bg-red-50 text-red-600 border border-red-100'; icon = 'alert-circle'; }
459
460            const html = `
461                <div class="flex gap-3 ${align} animate-fade-in">
462                    <div class="w-8 h-8 rounded-full ${iconBg} flex-shrink-0 flex items-center justify-center border border-white shadow-sm">
463                        <iconify-icon icon="line-md:${icon}"></iconify-icon>
464                    </div>
465                    <div class="${bgColor} p-3 rounded-2xl ${bubbleRound} shadow-sm text-sm border border-gray-100 max-w-[80%] leading-relaxed">
466                        ${text.replace(/\n/g, '<br>')}
467                    </div>
468                </div>`;
469            chatBox.insertAdjacentHTML('beforeend', html);
470            chatBox.scrollTop = chatBox.scrollHeight;
471        }
472      </script>
472
473      
473<script type="application/ld+json">{"@context":"http://schema.org","@type":"ItemList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Organization","name":"엑셀 자동으로 순번이 입력되는 수식","url":"https://5.ffluke103.workers.dev/view?id=18284","image":"https://kin-phinf.pstatic.net/20260427_190/1777274902817EXRxR_PNG/image.png?type=w750"}},{"@type":"ListItem","position":2,"item":{"@type":"Organization","name":"엑셀 함수 질문입니다..!","url":"https://5.ffluke103.workers.dev/view?id=18112","image":"https://kin-phinf.pstatic.net/20260424_89/1777019451250LDWXq_PNG/image.png?type=w750"}},{"@type":"ListItem","position":3,"item":{"@type":"Organization","name":"엑셀에서 임의의 행까지 고정하는 법? 매뉴애눈 첫줄고정만 보임...ㅠ","url":"https://5.ffluke103.workers.dev/view?id=18107","image":"https://kin-phinf.pstatic.net/20260425_177/1777076906380dOfHg_PNG/image.png?type=w750"}},{"@type":"ListItem","position":4,"item":{"@type":"Organization","name":"엑셀 함수 질문입니다..!","url":"https://5.ffluke103.workers.dev/view?id=18103","image":"https://kin-phinf.pstatic.net/20260424_89/1777019451250LDWXq_PNG/image.png?type=w750"}},{"@type":"ListItem","position":5,"item":{"@type":"Organization","name":"텝스랑 토플의 차이점을 모르겠습니다","url":"https://5.ffluke103.workers.dev/view?id=18064","image":"https://kin-phinf.pstatic.net/20260424_233/1777000900443MvKAa_PNG/Screenshot_2.png?type=w750"}},{"@type":"ListItem","position":6,"item":{"@type":"Organization","name":"아이린 공항패션 가방 궁금해요 아이린 공항패션 가방 알려주세요","url":"https://5.ffluke103.workers.dev/view?id=17994","image":"https://kin-phinf.pstatic.net/20260423_197/1776929449416Tbyg5_PNG/image.png?type=w750"}}]}</script>
473
474    </main>
475  
476      <footer class="mt-20 py-10 border-t border-gray-200/50 text-center text-sm text-gray-500 font-light">
477        <p>&copy; 2026 5.ffluke103.workers.dev. All rights reserved.</p>
478      </footer>
479      </div>
480    </body>
481  </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.