74:I[868422,["/_next/static/chunks/1dlft7ht-6kzk.js","/_next/static/chunks/0arjeq20s-3qj.js","/_next/static/chunks/1xt6zdl-o7wg3.js","/_next/static/chunks/27v2vx76cztdw.js","/_next/static/chunks/0-dqqj6hfkr_n.js","/_next/static/chunks/2matreab0rub0.js"],"SiteProvider"] :HL["/styles/static.css","style"] :HL["/styles/notion.css","style"] :HL["/styles/super.css","style"] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","font",{"crossOrigin":"anonymous","type":"font/woff2"}] :HL["https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/style_googlesansflex_260828-1.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/default_bg_white_260821.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/main_banner.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/callout_text_260813.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/inlinecode_260630-3.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/table_260724.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/default_filter_260702.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/cta_260828-2.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/text_link_st_260810.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/divider_260828-1.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/interactive_btn_260813.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/toggle_260816.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/gallery_base_v2_260722.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/gallery_green_v2_260804.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/gallery_blue_260722-1.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/gallery_orange_updatemanner_260826.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/museum_card_v2-1_260702.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/museum_listview_260617.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/landing_hero_banner_260701.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/sub_hero_260703.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/detail_hero_text_gray_260823.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/sticky_swiss_260816-2.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/sticky_btn_260826-3.css","style"] :HL["https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/detail_hero_img-title_260810.css","style"] 11:[["$","link","/styles/static.css",{"rel":"stylesheet","href":"/styles/static.css","precedence":"default"}],["$","link","/styles/notion.css",{"rel":"stylesheet","href":"/styles/notion.css","precedence":"default"}],["$","link","/styles/super.css",{"rel":"stylesheet","href":"/styles/super.css","precedence":"default"}]] 12:["$","link","font-preload-Inter-regular",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 13:["$","link","font-preload-Inter-500",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-500.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 14:["$","link","font-preload-Inter-600",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-600.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 15:["$","link","font-preload-Inter-700",{"rel":"preload","href":"https://assets-v2.super.so/global/fonts/Inter/inter-v12-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2","crossOrigin":"anonymous","as":"font","type":"font/woff2"}] 16:["$","link",null,{"rel":"preload","href":"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap","as":"style"}] 17:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/style_googlesansflex_260828-1.css","as":"style"}] 18:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/default_bg_white_260821.css","as":"style"}] 19:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/main_banner.css","as":"style"}] 1a:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/callout_text_260813.css","as":"style"}] 1b:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/inlinecode_260630-3.css","as":"style"}] 1c:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/table_260724.css","as":"style"}] 1d:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/default_filter_260702.css","as":"style"}] 1e:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/cta_260828-2.css","as":"style"}] 1f:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/text_link_st_260810.css","as":"style"}] 20:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/divider_260828-1.css","as":"style"}] 21:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/interactive_btn_260813.css","as":"style"}] 22:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/toggle_260816.css","as":"style"}] 23:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/gallery_base_v2_260722.css","as":"style"}] 24:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/gallery_green_v2_260804.css","as":"style"}] 25:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/gallery_blue_260722-1.css","as":"style"}] 26:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/gallery_orange_updatemanner_260826.css","as":"style"}] 27:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/museum_card_v2-1_260702.css","as":"style"}] 28:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/museum_listview_260617.css","as":"style"}] 29:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/landing_hero_banner_260701.css","as":"style"}] 2a:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/sub_hero_260703.css","as":"style"}] 2b:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/detail_hero_text_gray_260823.css","as":"style"}] 2c:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/sticky_swiss_260816-2.css","as":"style"}] 2d:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/sticky_btn_260826-3.css","as":"style"}] 2e:["$","link",null,{"rel":"preload","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/detail_hero_img-title_260810.css","as":"style"}] 2f:["$","script","2",{"nowprocket":"","data-noptimize":"1","data-cfasync":"false","data-wpfc-render":"false","seraph-accel-crit":"1","data-no-defer":"1","dangerouslySetInnerHTML":{"__html":"\n (function () {\n var script = document.createElement(\"script\");\n script.async = 1;\n script.src = 'https://emrld.ltd/NTI4Nzcw.js?t=528770';\n document.head.appendChild(script);\n })();\n"},"children":null}] 30:["$","link","link-https://fonts.googleapis.com",{"rel":"preconnect","href":"https://fonts.googleapis.com"}] 31:["$","link","link-https://fonts.gstatic.com",{"rel":"preconnect","href":"https://fonts.gstatic.com","crossorigin":""}] 32:["$","link","link-https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap",{"href":"https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap","rel":"stylesheet"}] 33:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/style_googlesansflex_260828-1.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/style_googlesansflex_260828-1.css"}] 34:["$","script","16",{"src":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/script.js","defer":true,"children":null}] 35:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/default_bg_white_260821.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/default_bg_white_260821.css"}] 36:["$","script","24",{"src":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/main_banner_250524.js","defer":true,"children":null}] 37:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/main_banner.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/main_banner.css"}] 38:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/callout_text_260813.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/callout_text_260813.css"}] 39:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/inlinecode_260630-3.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/inlinecode_260630-3.css"}] 3a:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/table_260724.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/table_260724.css"}] 3b:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/default_filter_260702.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/default_filter_260702.css"}] 3c:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/cta_260828-2.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/cta_260828-2.css"}] 3d:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/text_link_st_260810.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/text_link_st_260810.css"}] 3e:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/divider_260828-1.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/divider_260828-1.css"}] 3f:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/interactive_btn_260813.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/interactive_btn_260813.css"}] 40:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/toggle_260816.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/toggle_260816.css"}] 41:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/gallery_base_v2_260722.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/gallery_base_v2_260722.css"}] 42:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/gallery_green_v2_260804.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/gallery_green_v2_260804.css"}] 43:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/gallery_blue_260722-1.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/gallery_blue_260722-1.css"}] 44:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/gallery_orange_updatemanner_260826.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/gallery_orange_updatemanner_260826.css"}] 45:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/museum_card_v2-1_260702.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/museum_card_v2-1_260702.css"}] 46:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/museum_listview_260617.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/museum_listview_260617.css"}] 47:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/landing_hero_banner_260701.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/landing_hero_banner_260701.css"}] 48:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/sub_hero_260703.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/sub_hero_260703.css"}] 49:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/detail_hero_text_gray_260823.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/detail_hero_text_gray_260823.css"}] 4a:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/sticky_swiss_260816-2.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/sticky_swiss_260816-2.css"}] 4b:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/sticky_btn_260826-3.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/sticky_btn_260826-3.css"}] 4c:["$","link","link-https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/detail_hero_img-title_260810.css",{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/gh/lotxlotxm/thearthere_code@main/detail_hero_img-title_260810.css"}] 4d:["$","script","124",{"async":true,"src":"https://www.googletagmanager.com/gtag/js?id=G-NM0WS8X97W","children":null}] 4e:["$","script","126",{"dangerouslySetInnerHTML":{"__html":"\n window.dataLayer = window.dataLayer || [];\n function gtag(){dataLayer.push(arguments);}\n gtag('js', new Date());\n gtag('config', 'G-NM0WS8X97W');\n"},"children":null}] 4f:["$","meta","128",{"name":"google-site-verification","content":"Ig69abLR2wVt7UxxPilh7mt1x2KTqLMvFEZLum6p1bw","children":null}] 50:["$","meta","130",{"name":"google-adsense-account","content":"ca-pub-4765834277515336","children":null}] 51:["$","script","132",{"async":true,"src":"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4765834277515336","crossOrigin":"anonymous","children":null}] 67:T6a6, function forceReplaceInArticle() { // .notion-text 뿐만 아니라 더 넓은 범위의 블록을 탐색 const allText = document.querySelectorAll('.notion-text, .notion-block, .notion-callout'); allText.forEach(el => { // 텍스트가 정확히 [AD]일 때만 실행 if (el.innerText.trim() === '[AD]' && !el.getAttribute('data-replaced')) { el.setAttribute('data-replaced', 'true'); // 1. 광고를 담을 고유 ID 생성 (안정성 확보) const adId = 'ad-' + Math.random().toString(36).substr(2, 9); // 2. HTML 구조 변경: 1100px 고정 대신 반응형(auto) 권장 // 만약 1100px를 꼭 고수해야 한다면 아래 스타일 유지 el.innerHTML = ` `; // 3. 아주 짧은 지연 시간을 주어 DOM이 안정된 후 광고 호출 (no_div 해결 핵심) setTimeout(() => { try { (adsbygoogle = window.adsbygoogle || []).push({}); } catch (e) { console.error("AdSense push error:", e); } }, 100); } }); } // 0.5초 간격 유지는 하되, 페이지 로드 직후에도 실행 setInterval(forceReplaceInArticle, 1000); window.addEventListener('load', forceReplaceInArticle); 52:["$","script","136",{"dangerouslySetInnerHTML":{"__html":"$67"},"children":null}] 68:T63d, function forceReplaceDisplay() { // .notion-text 뿐만 아니라 더 넓은 범위의 블록을 탐색 const allText = document.querySelectorAll('.notion-text, .notion-block, .notion-callout'); allText.forEach(el => { // 텍스트가 정확히 [AD-DISPLAY]일 때만 실행 if (el.innerText.trim() === '[AD-DISPLAY]' && !el.getAttribute('data-replaced')) { el.setAttribute('data-replaced', 'true'); // 1. 광고를 담을 고유 ID 생성 (안정성 확보) const adId = 'ad-' + Math.random().toString(36).substr(2, 9); // 2. HTML 구조 변경: style 중복 및 누락 수정, 반응형 max-width 적용 el.innerHTML = ` `; // 3. 아주 짧은 지연 시간을 주어 DOM이 안정된 후 광고 호출 setTimeout(() => { try { (adsbygoogle = window.adsbygoogle || []).push({}); } catch (e) { console.error("AdSense push error:", e); } }, 100); } }); } // 1초 간격 유지 및 로드 직후 실행 setInterval(forceReplaceDisplay, 1000); window.addEventListener('load', forceReplaceDisplay); 53:["$","script","138",{"dangerouslySetInnerHTML":{"__html":"$68"},"children":null}] 69:T156a, (function() { let searchTimer; // GA4 전송을 위한 타이머 변수 function startSearchSystem() { // 검색창 타입별 설정 const searchConfigs = { "여기에검색바": "Search for cities or art museums...", "아티스트검색바": "Search by artist, artwork, or art museum...", "컬렉션검색바": "Search by artist, artwork..." }; const inject = () => { const allElements = document.querySelectorAll('.notion-text, .notion-callout__content, span, div'); allElements.forEach(el => { if (el.innerText && !el.querySelector('.my-specific-search')) { const text = el.innerText.trim(); if (searchConfigs[text]) { const placeholderText = searchConfigs[text]; el.innerHTML = `

`; const input = el.querySelector('.my-specific-search'); input.addEventListener('input', handleIndividualSearch); } } }); }; function handleIndividualSearch(e) { const filter = e.target.value.toLowerCase().trim(); const parentBlock = e.target.closest('.notion-text, .notion-callout'); // --- GA4 검색어 전송 로직 (추가된 부분) --- clearTimeout(searchTimer); if (filter.length > 0) { searchTimer = setTimeout(() => { if (typeof gtag === 'function') { gtag('event', 'view_search_results', { search_term: filter }); console.log('GA4 검색어 전송 완료:', filter); // 확인용 로그 (나중에 삭제 가능) } }, 800); // 0.8초간 입력이 없으면 전송 } // ----------------------------- let nextEl = parentBlock ? parentBlock.nextElementSibling : null; while (nextEl && !nextEl.classList.contains('notion-collection')) { nextEl = nextEl.nextElementSibling; } if (nextEl) { const items = nextEl.querySelectorAll('.notion-collection-list__item, .notion-list-item, .notion-collection-item, .notion-collection-card'); items.forEach(item => { const text = item.innerText.toLowerCase(); if (text.includes(filter)) { item.style.setProperty('display', '', 'important'); item.style.setProperty('opacity', '1', 'important'); item.style.setProperty('visibility', 'visible', 'important'); item.style.setProperty('height', 'auto', 'important'); } else { item.style.setProperty('display', 'none', 'important'); item.style.setProperty('opacity', '0', 'important'); item.style.setProperty('visibility', 'hidden', 'important'); item.style.setProperty('height', '0', 'important'); } }); } } const observer = new MutationObserver(inject); observer.observe(document.body, { childList: true, subtree: true }); inject(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', startSearchSystem); } else { startSearchSystem(); } })();54:["$","script","142",{"dangerouslySetInnerHTML":{"__html":"$69"},"children":null}] 55:["$","style","144",{"dangerouslySetInnerHTML":{"__html":"\n @media (max-width: 768px) {\n .filter-search-wrapper {\n width: 100% !important; \n }\n /* 선택자(.my-specific-search)를 추가하여 스타일이 적용되도록 수정 */\n .my-specific-search {\n font-family: 'Roboto Flex', 'Noto Sans KR', sans-serif !important;\n font-size: 15px !important;\n font-weight: 700 !important;\n line-height: 1.4 !important;\n letter-spacing: -0.02em !important;\n color: #37352f !important;\n -webkit-text-fill-color: #37352f !important;\n }\n }\n"},"children":null}] 6a:T1242, (function() { function attachSearchToHero() { const heroContainer = document.querySelector( '.notion-callout[class*="orange"]:has(h1):has([class*="bullet"]) .notion-collection-card' ); const searchBar = document.querySelector('.search-wrapper'); if ( heroContainer && searchBar && searchBar.parentNode !== heroContainer ) { heroContainer.appendChild(searchBar); } } function startLinkSearchSystem() { const LINK_KEYWORD = "이동검색바"; const PLACEHOLDER_TEXT = "Search for cities or art museums..."; const TARGET_URL = "https://thearthere.com/find/art-museums"; const injectLinkSearch = () => { const allElements = document.querySelectorAll( '.notion-text, .notion-callout__content, span, div' ); allElements.forEach(el => { if ( el.innerText && el.innerText.trim() === LINK_KEYWORD && !document.querySelector('.my-link-search') ) { el.innerHTML = `

`; const input = el.querySelector('.my-link-search'); input.addEventListener('click', () => { window.location.href = TARGET_URL; }); el.style.display = 'none'; attachSearchToHero(); } }); }; const observer = new MutationObserver(() => { injectLinkSearch(); attachSearchToHero(); }); observer.observe(document.body, { childList: true, subtree: true }); window.addEventListener('resize', () => { attachSearchToHero(); }); injectLinkSearch(); attachSearchToHero(); } if (document.readyState === 'loading') { document.addEventListener( 'DOMContentLoaded', startLinkSearchSystem ); } else { startLinkSearchSystem(); } })(); 56:["$","script","148",{"dangerouslySetInnerHTML":{"__html":"$6a"},"children":null}] 57:["$","style","150",{"dangerouslySetInnerHTML":{"__html":"\n.notion-callout[class*=\"orange\"]:has(h1):has([class*=\"bullet\"])\n.notion-collection-card{\n position:relative !important;\n}\n@media (max-width: 768px) {\n .search-wrapper {\n /* 핵심: 100vw에서 여백(48px)을 뺀 값을 강제 적용 */\n width: calc(100vw - 48px) !important;\n /* 박스 모델 보장: 패딩과 보더를 너비에 포함시킴 */\n box-sizing: border-box !important;\n /* 위치 정렬 */\n left: 50% !important;\n transform: translateX(-50%) !important;\n /* 밖으로 튀어나오는 것 방지 */\n overflow: hidden !important; \n \n bottom: 120px !important; \n }\n .my-link-search {\n /* 입력창이 부모(search-wrapper)의 폭을 넘지 않게 함 */\n width: 100% !important;\n box-sizing: border-box !important;\n font-size: 16px !important;\n }\n}\n"},"children":null}] 58:["$","script","154",{"dangerouslySetInnerHTML":{"__html":"\n// 1. 클릭 이벤트 통합 제어 (기본 노션 상세페이지 이동 차단 및 주소 분기)\ndocument.addEventListener('click', function(e) {\n const card = e.target.closest('.notion-collection-card');\n if (!card) return;\n\n const cardText = card.innerText;\n\n // 장치 1: '+ View All' 텍스트가 있을 때만 이동 제어\n if (cardText.includes('+ View All')) {\n e.preventDefault();\n e.stopPropagation(); // 노션 자체 상세 팝업 간섭 완전 차단\n window.location.href = '/find/art-museums';\n } \n // 장치 2 로직 제거됨\n}, true);\n\n// 2. 마우스 오버 이벤트 통합 제어 (손가락 커서 변경 호버 로직)\ndocument.addEventListener('mouseover', function(e) {\n const card = e.target.closest('.notion-collection-card');\n if (!card) return;\n const cardText = card.innerText;\n // '+ View All' 텍스트가 포함되어 있을 때만 커서를 포인터로 변경\n if (cardText.includes('+ View All')) {\n card.style.cursor = 'pointer';\n }\n}, true);\n"},"children":null}] 6b:T4aa, #super-custom-controls { position: fixed !important; bottom: 30px !important; right: 30px !important; z-index: 99999999 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; opacity: 1 !important; } .control-btn { width: 45px !important; height: 45px !important; background-color: #ffffff !important; border: 1px solid #c9c9c9 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: transform 0.2s ease !important; box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important; padding: 0 !important; outline: none !important; -webkit-tap-highlight-color: transparent; } .control-btn.top { font-size: 13px !important; font-weight: bold !important; color: #777777 !important; line-height: 1.1 !important; text-decoration: none !important; } .control-btn.share svg { width: 20px !important; height: 20px !important; fill: #777777 !important; } .control-btn:hover { transform: scale(1.1) !important; } 59:["$","style","158",{"dangerouslySetInnerHTML":{"__html":"$6b"},"children":null}] 6c:Tc3f, (function() { function injectButtons() { // 이미 버튼이 존재하면 중복 생성 방지 if (document.getElementById('super-custom-controls')) return; // 자바스크립트로 HTML 구조를 직접 안전하게 동적 생성 const container = document.createElement('div'); container.id = 'super-custom-controls'; container.innerHTML = ` TOP `; // React 가상 DOM의 간섭을 피해 화면 전체가 로드된 후 body 최하단에 안전하게 안착 document.body.appendChild(container); // 기능 바인딩 const topBtn = document.getElementById('top-btn-action'); const shareBtn = document.getElementById('share-btn-action'); if (topBtn) { topBtn.onclick = function(e) { e.preventDefault(); window.scrollTo({ top: 0, behavior: 'smooth' }); }; } if (shareBtn) { shareBtn.onclick = function() { const url = window.location.href; const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent); if (isMobile && navigator.share) { navigator.share({ title: document.title, url: url }).catch((error) => { if (error.name !== 'AbortError') { copyText(url); } }); } else { copyText(url); } }; } } function copyText(text) { if (navigator.clipboard && window.isSecureContext) { navigator.clipboard.writeText(text).then(() => { alert("Link copied to clipboard."); }).catch(() => fallbackCopy(text)); } else { fallbackCopy(text); } } function fallbackCopy(text) { const input = document.createElement('input'); input.value = text; input.style.position = 'fixed'; input.style.opacity = '0'; document.body.appendChild(input); input.focus(); input.select(); try { document.execCommand('copy'); alert("Link copied to clipboard."); } catch (err) {} document.body.removeChild(input); } // Super가 페이지 전환을 끝내고 안정화된 타이밍에 실행되도록 리스너 설정 if (document.readyState === 'complete') { setTimeout(injectButtons, 500); } else { window.addEventListener('load', function() { setTimeout(injectButtons, 500); }); } })(); 5a:["$","script","160",{"dangerouslySetInnerHTML":{"__html":"$6c"},"children":null}] 6d:T7b8, function renderDynamicTicketWidget() { const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false); let node; const nodesToReplace = []; // 1. 노션 생텍스트 타겟팅 while (node = walker.nextNode()) { if (node.textContent.includes('[TICKET_WIDGET:') && !node.parentNode.closest('.widget-container')) { nodesToReplace.push(node); } } nodesToReplace.forEach(textNode => { const parent = textNode.parentNode; if (!parent) return; const rawText = textNode.textContent; const match = rawText.match(/\[TICKET_WIDGET:(.*?)\]/); if (!match) return; // 2. 슬래시(/) 기호를 기준으로 3가지 부품 분리 const params = match[1].split('/'); if (params.length < 3) return; // 데이터 부족 시 구동 방지 const productId = params[0].trim(); // 첫번째: product ID (예: 1089433) const orientation = params[1].trim(); // 두번째: 가로/세로 방향 (horizontal 또는 vertical) const subId = params[2].trim(); // 세번째: 식별용 SUB ID (예: krollermuller_admission) // 3. 위젯 프레임 레이아웃 생성 const container = document.createElement('div'); container.className = "widget-container"; container.style.width = "100%"; container.style.margin = "15px 0"; // 4. 추출한 orientation 변수를 주소창의 orientation=${orientation} 자리에 동적 주입 const script = document.createElement('script'); script.async = true; script.charset = "utf-8"; script.src = `https://tpwgts.com/content?currency=USD&trs=528770&shmarker=728332.${subId}&product=${productId}&language=en&layout=full&orientation=${orientation}&powered_by=false&campaign_id=89&promo_id=3984`; // 5. 치환 및 구동 parent.replaceChild(container, textNode); container.appendChild(script); }); } // SPA 라우팅 방어용 실시간 추적 setInterval(() => { renderDynamicTicketWidget(); }, 500); 5b:["$","script","164",{"dangerouslySetInnerHTML":{"__html":"$6d"},"children":null}] 6e:Tad3, function loadGalleryAds() { const cards = document.querySelectorAll('.notion-collection-card'); let targetHeight = 0; // 기준 높이 계산 cards.forEach(c => { if (!c.innerText.includes('[AD') && c.offsetHeight > targetHeight) { targetHeight = c.offsetHeight; } }); cards.forEach(card => { // [AD-2] 또는 [AD-3] 포함 여부 확인 const isAD2 = card.innerText.includes('[AD-2]'); const isAD3 = card.innerText.includes('[AD-3]'); if ((isAD2 || isAD3) && !card.querySelector('.adsbygoogle')) { // 공통 스타일: 높이 및 기본 레이아웃 card.innerHTML = ''; card.style.cssText = ` padding: 0 !important; margin: 0 !important; height: ${targetHeight}px !important; min-height: ${targetHeight}px !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; border: 1px solid rgba(0,0,0,0.08) !important; box-shadow: none !important; `; // 분기 처리: 배경색 설정 if (isAD3) { // [AD-3]: 투명 배경 card.style.background = 'transparent !important'; card.style.border = 'none !important'; // 필요시 테두리 제거 } else { // [AD-2]: 화이트 배경 card.style.background = '#fff !important'; } // 광고 래퍼 및 슬롯 생성 const adWrapper = document.createElement('div'); adWrapper.style.cssText = "width:100% !important; height:100% !important; display:flex !important; align-items:stretch !important; justify-content:center !important;"; const adIns = document.createElement('ins'); adIns.className = 'adsbygoogle'; adIns.style.cssText = "display:block !important; width:100% !important; height:100% !important;"; adIns.setAttribute('data-ad-client', 'ca-pub-4765834277515336'); adIns.setAttribute('data-ad-slot', '9153010446'); adIns.setAttribute('data-ad-format', 'fluid'); adIns.setAttribute('data-full-width-responsive', 'true'); adWrapper.appendChild(adIns); card.appendChild(adWrapper); try { (adsbygoogle = window.adsbygoogle || []).push({}); } catch (e) { console.error("AdSense Error:", e); } } }); } window.addEventListener('load', () => setTimeout(loadGalleryAds, 1000)); window.addEventListener('resize', loadGalleryAds); 5c:["$","script","168",{"dangerouslySetInnerHTML":{"__html":"$6e"},"children":null}] 5d:["$","script","172",{"dangerouslySetInnerHTML":{"__html":"\n(function setMainRole() {\n // 갤러리 컨테이너 찾기\n const container = document.querySelector('.notion-collection.inline');\n if (container && !container.hasAttribute('role')) {\n container.setAttribute('role', 'main');\n console.log(\"SEO: Main role assigned to gallery container.\");\n } else {\n // 아직 로딩 전이면 500ms 후 재시도\n setTimeout(setMainRole, 500);\n }\n})();\n"},"children":null}] 5e:["$","script","176",{"dangerouslySetInnerHTML":{"__html":"\nwindow.addEventListener('scroll', function() {\n const navbar = document.querySelector('.super-navbar');\n if (window.scrollY > 100) { // 스크롤이 50px 이상 내려가면\n navbar.classList.add('scrolled');\n } else {\n navbar.classList.remove('scrolled');\n }\n});\n"},"children":null}] 5f:["$","script","180",{"dangerouslySetInnerHTML":{"__html":"\nwindow.addEventListener('scroll', function() {\n const navbar = document.querySelector('.super-navbar');\n // 로고 이미지를 명확하게 지정\n const logoImg = document.querySelector('img[alt=\"Logo\"]');\n const originalLogo = \"https://res.cloudinary.com/dwtaoukfu/image/upload/v1782197276/logo_white_x8bjri.png\"; \n const blackLogo = \"https://res.cloudinary.com/dwtaoukfu/image/upload/v1782197276/logo_black_rzz0gf.png\";\n\n if (window.scrollY > 50) {\n navbar.classList.add('scrolled');\n if (logoImg) {\n logoImg.src = blackLogo;\n logoImg.srcset = blackLogo; // srcset까지 업데이트하여 브라우저 강제 갱신\n }\n } else {\n navbar.classList.remove('scrolled');\n if (logoImg) {\n logoImg.src = originalLogo;\n logoImg.srcset = originalLogo;\n }\n }\n});\n"},"children":null}] 6f:T6e2, (function () { const DB_ID = 'block-f69d9708b02b8315ac3c0190b74561de'; let intervalId = null; let hoverBound = false; let currentUrl = location.href; function initAutoTabs() { const dbContainer = document.getElementById(DB_ID); if (!dbContainer) return; const tabs = dbContainer.querySelectorAll('.notion-dropdown__option'); if (tabs.length < 2) return; clearInterval(intervalId); let currentIndex = 0; function nextSlide() { currentIndex = (currentIndex + 1) % tabs.length; tabs[currentIndex].click(); } intervalId = setInterval(nextSlide, 3000); if (!hoverBound) { hoverBound = true; dbContainer.addEventListener('mouseenter', () => { clearInterval(intervalId); }); dbContainer.addEventListener('mouseleave', () => { clearInterval(intervalId); intervalId = setInterval(nextSlide, 3000); }); } } function boot() { clearInterval(intervalId); setTimeout(() => { initAutoTabs(); }, 800); } /* 최초 진입 */ boot(); /* 뒤로가기, bfcache 복귀 */ window.addEventListener('pageshow', boot); /* 탭 복귀 */ document.addEventListener('visibilitychange', () => { if (!document.hidden) { boot(); } }); /* Super.so 내부 페이지 이동 감지 */ setInterval(() => { if (location.href !== currentUrl) { currentUrl = location.href; clearInterval(intervalId); setTimeout(() => { initAutoTabs(); }, 1000); } }, 500); })(); 60:["$","script","184",{"dangerouslySetInnerHTML":{"__html":"$6f"},"children":null}] 70:Tad2, .affiliate-modal-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; height: 100svh; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; z-index: 999999; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; padding: 12px; box-sizing: border-box; } .affiliate-modal-overlay.active { opacity: 1; pointer-events: auto; } /* 중앙 모달 컨테이너 - 너비 여유 확보 */ .affiliate-modal-content { background: #ffffff; width: fit-content; max-width: 340px; max-height: 88vh; max-height: 85vh; border-radius: 16px; padding: 16px; position: relative; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; overflow: hidden; transform: scale(0.95); transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1); box-sizing: border-box; } .affiliate-modal-overlay.active .affiliate-modal-content { transform: scale(1); } /* 고정 헤더 */ /* 고정 헤더 - 타이틀과 서브타이틀 수직 정렬 */ .affiliate-modal-header { display: flex; justify-content: space-between; align-items: flex-start; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f0f0f0; flex-shrink: 0; } .affiliate-modal-header-text { display: flex; flex-direction: column; gap: 2px; } .affiliate-modal-title { font-size: 16px; font-weight: 700; color: #111111; margin: 0; line-height: 1.2; } .affiliate-modal-subtitle { font-size: 11px; font-weight: 400; color: #71717a; margin: 0; line-height: 1.3; } .affiliate-modal-close { width: 28px; height: 28px; background: #f2f2f2; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 18px; cursor: pointer; color: #333333; border: none; line-height: 1; flex-shrink: 0; } /* 내부 위젯 컨테이너 */ #affiliateWidgetContainer { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; width: 100%; padding: 4px; box-sizing: border-box; } /* 위젯 자식 요소 그림자 깔끔하게 제거 */ #affiliateWidgetContainer * { box-shadow: none !important; } /* PC 브라우저 (640px 이상) */ @media (min-width: 640px) { .affiliate-modal-content { max-width: 440px; padding: 20px; border-radius: 20px; } } /* 모바일 화면 (639px 이하) */ @media (max-width: 639px) { #affiliateWidgetContainer > * { zoom: 0.77 !important; margin: 0 auto !important; } } /* 트리거 버튼 스타일 */ .ticket-popup-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; background-color: #18181b; color: #ffffff !important; border: none; border-radius: 6px; font-size: 14px; font-weight: 600; cursor: pointer; margin: 6px 0; transition: background-color 0.2s ease; } .ticket-popup-btn:hover { background-color: #3f3f46; } 61:["$","style","188",{"dangerouslySetInnerHTML":{"__html":"$70"},"children":null}] 62:["$","script","190",{"dangerouslySetInnerHTML":{"__html":"\n// 위젯 높이 변화 감지 및 스크롤 자동 동기화 스크립트\ndocument.addEventListener('DOMContentLoaded', function() {\n const container = document.getElementById('affiliateWidgetContainer');\n if (!container) return;\n\n // 동적 로딩 위젯의 크기 변화를 수시로 감지하는 감시자 생성\n const observer = new ResizeObserver(() => {\n const content = container.firstElementChild;\n if (content) {\n // 자식 위젯의 실제 렌더링 높이가 컨테이너 높이보다 크면 스크롤 활성화\n const isOverflowing = content.getBoundingClientRect().height > container.clientHeight;\n container.style.overflowY = isOverflowing ? 'auto' : 'hidden';\n }\n });\n\n observer.observe(container);\n \n // 위젯 자식 요소가 뒤늦게 생성되거나 변경될 때 대응\n const mutationObserver = new MutationObserver(() => {\n if (container.firstElementChild) {\n observer.observe(container.firstElementChild);\n }\n });\n\n mutationObserver.observe(container, { childList: true, subtree: true });\n});\n"},"children":null}] 71:T1471, (function() { // 1. 모달 레이어 동적 생성 (HTML 주입) function ensureModalExists() { if (document.getElementById('affiliateModal')) return; const modalHtml = ` `; document.body.insertAdjacentHTML('beforeend', modalHtml); setupModalEvents(); } // 2. 모달 닫기 이벤트 function setupModalEvents() { const modal = document.getElementById('affiliateModal'); const closeBtn = document.getElementById('closeAffiliateModal'); if (closeBtn) { closeBtn.onclick = () => modal.classList.remove('active'); } if (modal) { modal.onclick = (e) => { if (e.target === modal) modal.classList.remove('active'); }; } } // 3. 중앙 팝업 열기 및 위젯 로드 function openTicketModal(productId, orientation, subId) { ensureModalExists(); const modal = document.getElementById('affiliateModal'); const container = document.getElementById('affiliateWidgetContainer'); const modalTitle = document.getElementById('affiliateModalTitle'); // if (modalTitle) { // modalTitle.textContent = subId ? subId.replace(/_/g, ' ') : '티켓 일정 확인'; // } if (container) { container.innerHTML = ''; const script = document.createElement('script'); script.async = true; script.charset = "utf-8"; script.src = `https://tpwgts.com/content?currency=USD&trs=528770&shmarker=728332.${subId}&product=${productId}&language=en&layout=full&orientation=${orientation}&powered_by=false&campaign_id=89&promo_id=3984`; container.appendChild(script); } if (modal) { modal.classList.add('active'); } } // 4. 클릭 수신기 (이벤트 위임) document.addEventListener('click', function(e) { const btn = e.target.closest('.ticket-popup-btn'); if (!btn) return; e.preventDefault(); e.stopPropagation(); const productId = btn.getAttribute('data-product'); const orientation = btn.getAttribute('data-orientation'); const subId = btn.getAttribute('data-subid'); openTicketModal(productId, orientation, subId); }, true); // 5. 치환기 (TICKET_WIDGET & TICKET_POPUP) function renderAllTicketWidgets() { const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false); let node; const nodesToReplace = []; while (node = walker.nextNode()) { const text = node.textContent; if ((text.includes('[TICKET_WIDGET:') || text.includes('[TICKET_POPUP:')) && !node.parentNode.closest('.widget-container') && !node.parentNode.closest('.ticket-popup-btn')) { nodesToReplace.push(node); } } nodesToReplace.forEach(textNode => { const parent = textNode.parentNode; if (!parent) return; const rawText = textNode.textContent; if (rawText.includes('[TICKET_POPUP:')) { const match = rawText.match(/\[TICKET_POPUP:(.*?)\]/); if (!match) return; const params = match[1].split('/'); if (params.length < 3) return; const productId = params[0].trim(); const orientation = params[1].trim(); const subId = params[2].trim(); const btn = document.createElement('button'); btn.type = 'button'; btn.className = 'ticket-popup-btn'; btn.setAttribute('data-product', productId); btn.setAttribute('data-orientation', orientation); btn.setAttribute('data-subid', subId); btn.innerHTML = `📅 Book Your Tickets`; parent.replaceChild(btn, textNode); } else if (rawText.includes('[TICKET_WIDGET:')) { const match = rawText.match(/\[TICKET_WIDGET:(.*?)\]/); if (!match) return; const params = match[1].split('/'); if (params.length < 3) return; const productId = params[0].trim(); const orientation = params[1].trim(); const subId = params[2].trim(); const container = document.createElement('div'); container.className = "widget-container"; container.style.width = "100%"; container.style.margin = "15px 0"; const script = document.createElement('script'); script.async = true; script.charset = "utf-8"; script.src = `https://tpwgts.com/content?currency=USD&trs=528770&shmarker=728332.${subId}&product=${productId}&language=en&layout=full&orientation=${orientation}&powered_by=false&campaign_id=89&promo_id=3984`; parent.replaceChild(container, textNode); container.appendChild(script); } }); } document.addEventListener('DOMContentLoaded', ensureModalExists); setInterval(renderAllTicketWidgets, 500); })(); 63:["$","script","192",{"dangerouslySetInnerHTML":{"__html":"$71"},"children":null}] 72:Tdea, /* Roboto Flex Variable Font 로드 */ @import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap'); /* 관람시간 모달 레이어 */ .hours-modal-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; height: 100svh; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 999999; opacity: 0; pointer-events: none; transition: opacity 0.25s ease; padding: 16px; box-sizing: border-box; } .hours-modal-overlay.active { opacity: 1; pointer-events: auto; } .hours-modal-content { background: #ffffff; width: 100%; max-width: 360px; border-radius: 16px; padding: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); transform: scale(0.95); transition: transform 0.2s ease; box-sizing: border-box; color: #37352f; font-family: 'Roboto Flex', -apple-system, BlinkMacSystemFont, sans-serif; } .hours-modal-overlay.active .hours-modal-content { transform: scale(1); } .hours-modal-header { display: flex; justify-content: space-between; align-items: center; padding-bottom: 12px; margin-bottom: 16px; border-bottom: 1px solid #f0f0f0; } .hours-modal-header h3.hours-modal-title { font-size: 24px !important; font-weight: 700 !important; color: #37352f !important; margin: 0 !important; line-height: 1.2 !important; font-family: 'Roboto Flex', -apple-system, BlinkMacSystemFont, sans-serif !important; } .hours-modal-close { width: 28px; height: 28px; background: #f4f4f5; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 16px; cursor: pointer; color: #37352f; border: none; font-family: 'Roboto Flex', -apple-system, BlinkMacSystemFont, sans-serif; } /* 요일별 테이블 스타일 */ .hours-list { display: flex; flex-direction: column; gap: 6px; } .hours-item { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; background-color: #f8f9fa; border-radius: 8px; font-size: 14px; color: #37352f; font-family: 'Roboto Flex', -apple-system, BlinkMacSystemFont, sans-serif; } .hours-item.today { background-color: #F8F9A7; border: 0px solid #C9FF6B; } .hours-day { font-weight: 600; color: #37352f; } .hours-time { color: #37352f; font-weight: 500; } /* 본문용 관람시간 트리거 버튼 */ .hours-trigger-btn { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 4px; cursor: pointer; background: transparent; border: none; padding: 4px 0; font-family: 'Roboto Flex', -apple-system, BlinkMacSystemFont, sans-serif; text-align: left; color: #37352f; } .hours-trigger-main { display: flex; align-items: center; gap: 4px; font-size: 16px; font-weight: 600; color: #37352f; } .hours-trigger-sub { font-size: 16px; display: flex; gap: 4px; align-items: center; } /* Open Today 라벨 스타일 */ .hours-trigger-label { color: #D34A45; font-weight: 700; } /* 치환되는 시간 값 스타일 */ .hours-trigger-value { color: #37352f; font-weight: 400; } /* Closed 강조 스타일 */ .hours-trigger-closed { color: #D34A45; font-weight: 700; } /* Learn More 텍스트 링크 스타일 */ .hours-learn-more-link { margin-top: 2px; font-size: 14px; font-weight: 500; color: #37352f; text-decoration: underline; text-underline-offset: 3px; transition: opacity 0.15s ease; } .hours-learn-more-link:hover { opacity: 0.7; } 64:["$","style","196",{"dangerouslySetInnerHTML":{"__html":"$72"},"children":null}] 73:T17eb, (function() { function ensureHoursModalExists() { if (document.getElementById('hoursModal')) return; const modalHtml = ` `; document.body.insertAdjacentHTML('beforeend', modalHtml); const modal = document.getElementById('hoursModal'); const closeBtn = document.getElementById('closeHoursModal'); if (closeBtn) closeBtn.onclick = () => modal.classList.remove('active'); if (modal) { modal.onclick = (e) => { if (e.target === modal) modal.classList.remove('active'); }; } } const daysShortMap = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']; const fullDayNames = { 'Mon': 'Monday', 'Tue': 'Tuesday', 'Wed': 'Wednesday', 'Thu': 'Thursday', 'Fri': 'Friday', 'Sat': 'Saturday', 'Sun': 'Sunday' }; /* 나라/도시 커스텀 입력을 IANA 표준 타임존으로 자동 변환하는 매핑 테이블 */ function normalizeTimezone(inputTz) { if (!inputTz) return null; const clean = inputTz.trim().toLowerCase(); const tzMap = { // 영국 / 런던 'uk/london': 'Europe/London', 'england/london': 'Europe/London', // 프랑스 / 파리 'france/paris': 'Europe/Paris', // 네덜란드 / 암스테르담 'netherlands/amsterdam': 'Europe/Amsterdam', // 미국 / 주요 도시 'us/new_york': 'America/New_York', 'usa/new_york': 'America/New_York', 'us/chicago': 'America/Chicago', 'us/los_angeles': 'America/Los_Angeles', // 이탈리아 / 로마 'italy/rome': 'Europe/Rome', // 스페인 / 마드리드 'spain/madrid': 'Europe/Madrid', // 한국 / 서울 'korea/seoul': 'Asia/Seoul', // 일본 / 도쿄 'japan/tokyo': 'Asia/Tokyo' }; // 매핑 테이블에 존재하면 변환값 반환, 없을 경우 입력된 기본 값 사용 return tzMap[clean] || inputTz.trim(); } /* 타임존 파싱 및 데이터 분리 */ function parseHoursData(rawString) { const hoursData = {}; let rawTimezone = null; const items = rawString.split('/'); items.forEach(item => { const trimmed = item.trim(); if (trimmed.startsWith('TIMEZONE:')) { rawTimezone = trimmed.replace('TIMEZONE:', '').trim(); } else { const parts = trimmed.split(' '); const day = parts[0]; const time = parts.slice(1).join(' '); if (day && time) { hoursData[day.trim()] = time.trim(); } } }); const timezone = normalizeTimezone(rawTimezone); return { hoursData, timezone }; } /* 현지 타임존 기준 요일 구하기 함수 */ function getTodayInTimezone(timeZone) { const now = new Date(); if (!timeZone) { return daysShortMap[now.getDay()]; } try { const formatter = new Intl.DateTimeFormat('en-US', { timeZone: timeZone, weekday: 'short' }); return formatter.format(now); } catch (e) { return daysShortMap[now.getDay()]; } } function renderHoursWidgets() { ensureHoursModalExists(); const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, null, false); let node; const nodesToReplace = []; while (node = walker.nextNode()) { if (node.textContent.includes('[HOURS:') && !node.parentNode.closest('.hours-trigger-btn')) { nodesToReplace.push(node); } } nodesToReplace.forEach(textNode => { const parent = textNode.parentNode; if (!parent) return; const rawText = textNode.textContent; const match = rawText.match(/\[HOURS:(.*?)\]/); if (!match) return; const { hoursData, timezone } = parseHoursData(match[1]); /* 현지 시간 기준 요일 산출 */ const todayDayStr = getTodayInTimezone(timezone); const todayTime = hoursData[todayDayStr] || 'Closed'; const isClosed = todayTime.toLowerCase() === 'closed'; const btn = document.createElement('button'); btn.type = 'button'; btn.className = 'hours-trigger-btn'; /* 텍스트 링크 형태로 하단 배치 */ btn.innerHTML = ` Opening Hours ∨ ${ isClosed ? `Closed Today` : `Open Today:${todayTime}` } Learn more → `; btn.onclick = (e) => { e.preventDefault(); e.stopPropagation(); const container = document.getElementById('hoursListContainer'); if (!container) return; container.innerHTML = ''; const daysOrder = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']; daysOrder.forEach(dayKey => { if (hoursData[dayKey]) { const row = document.createElement('div'); const isToday = dayKey === todayDayStr; row.className = `hours-item ${isToday ? 'today' : ''}`; row.innerHTML = ` ${fullDayNames[dayKey]} ${isToday ? '(Today)' : ''} ${hoursData[dayKey]} `; container.appendChild(row); } }); document.getElementById('hoursModal').classList.add('active'); }; parent.replaceChild(btn, textNode); }); } document.addEventListener('DOMContentLoaded', renderHoursWidgets); setInterval(renderHoursWidgets, 500); })(); 65:["$","script","198",{"dangerouslySetInnerHTML":{"__html":"$73"},"children":null}] 75:Td200, 76:Tadf2,

Plan your visit

Opening Hours

Austria