- ID de l'analyse :
- fa217ccb-d65e-4f07-a884-a6169c25911eTerminée
- URL soumise :
- https://cafe.artstnd.com/
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 176 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| 0 | object |
| 1 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| bubble_session_uid | string |
| headers_source_maps | object |
| make_proxy | function |
| appquery | function |
| Lib | function |
Messages de journal de console : 21 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| log | other |
|
| log | other |
|
| log | other |
|
| error | other |
|
| error | javascript |
|
| log | other |
|
| warning | other |
|
| log | javascript |
|
| log | javascript |
|
| warning | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| log | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
| warning | other |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="ko" class="wf-pretendard-n4-active wf-active" style="height: 100%; --font_default: "Pretendard"; --color_text_default: rgba(39, 46, 53, 1); --color_text_default_rgb: 39,46,53; --color_alert_default: rgba(245, 150, 56, 1); --color_alert_default_rgb: 245,150,56; --color_primary_default: rgba(38, 110, 241, 1); --color_primary_default_rgb: 38,110,241; --color_success_default: rgba(29, 124, 77, 1); --color_success_default_rgb: 29,124,77; --color_surface_default: rgba(245, 247, 249, 1); --color_surface_default_rgb: 245,247,249; --color_background_default: rgba(255, 255, 255, 1); --color_background_default_rgb: 255,255,255; --color_destructive_default: rgba(197, 52, 52, 1); --color_destructive_default_rgb: 197,52,52; --color_primary_contrast_default: rgba(255, 255, 255, 1); --color_primary_contrast_default_rgb: 255,255,255; --color_bTZBz_default: rgba(126,140,154,1); --color_bTZBz_default_rgb: 126,140,154; --color_bTZVz_default: rgba(234,237,240,1); --color_bTZVz_default_rgb: 234,237,240; --color_bTaZB_default: rgba(85,95,109,1); --color_bTaZB_default_rgb: 85,95,109; --color_bTegJ_default: rgba(21,39,86,1); --color_bTegJ_default_rgb: 21,39,86; --color_bTegK_default: rgba(0,0,0,1); --color_bTegK_default_rgb: 0,0,0; --color_bTegL_default: rgba(0,0,0,1); --color_bTegL_default_rgb: 0,0,0; --color_bTegP_default: rgba(0,0,0,1); --color_bTegP_default_rgb: 0,0,0; --color_bTegQ_default: rgba(0,0,0,1); --color_bTegQ_default_rgb: 0,0,0; --color_bTegR_default: rgba(0,0,0,1); --color_bTegR_default_rgb: 0,0,0; --color_bTegV_default: rgba(0,0,0,1); --color_bTegV_default_rgb: 0,0,0; --color_bTegW_default: rgba(0,0,0,1); --color_bTegW_default_rgb: 0,0,0; --color_bTegX_default: rgba(0,0,0,1); --color_bTegX_default_rgb: 0,0,0; --color_bTegb_default: rgba(0,0,0,1); --color_bTegb_default_rgb: 0,0,0; --color_bTegc_default: rgba(0,0,0,1); --color_bTegc_default_rgb: 0,0,0; --color_bTegd_default: rgba(0,0,0,1); --color_bTegd_default_rgb: 0,0,0; --color_bTegh_default: rgba(0,0,0,1); --color_bTegh_default_rgb: 0,0,0; --color_bTegi_default: rgba(0,0,0,1); --color_bTegi_default_rgb: 0,0,0; --color_bTegj_default: rgba(0,0,0,1); --color_bTegj_default_rgb: 0,0,0; --color_bTegn_default: rgba(0,0,0,1); --color_bTegn_default_rgb: 0,0,0; --color_bTego_default: rgba(0,0,0,1); --color_bTego_default_rgb: 0,0,0; --color_bTegp_default: rgba(0,0,0,1); --color_bTegp_default_rgb: 0,0,0; --color_bTegt_default: rgba(0,0,0,1); --color_bTegt_default_rgb: 0,0,0;"><iframe height="0" width="0" style="display: none; visibility: hidden;"></iframe><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>카페인아트 - 요즘 작가들이 전시하는 방법</title>
<script async="" src="https://www.clarity.ms/s/0.7.49/clarity.js"></script><script type="text/javascript" async="" src="https://cdn.channel.io/plugin/ch-plugin-web.js"></script><script async="" src="https://www.clarity.ms/tag/m2kcz7aljy"></script><script type="text/javascript" async="" src="https://mixpanel-track.artstnd.com/lib.min.js"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-TWGPGTJS"></script><script src="https://connect.facebook.net/signals/config/815741890433013?v=2.9.175&r=stable&domain=cafe.artstnd.com&hme=ead923021ccd3483ef3b9b04703d0a78b943fbdc01e8d7cec21c5059f1f4a5e9&ex_m=70%2C121%2C107%2C111%2C61%2C4%2C100%2C69%2C16%2C97%2C89%2C51%2C54%2C172%2C175%2C187%2C183%2C184%2C186%2C29%2C101%2C53%2C77%2C185%2C167%2C170%2C180%2C181%2C188%2C131%2C41%2C189%2C190%2C34%2C143%2C15%2C50%2C194%2C193%2C133%2C18%2C40%2C1%2C43%2C65%2C66%2C67%2C71%2C93%2C17%2C14%2C96%2C92%2C91%2C108%2C52%2C110%2C39%2C109%2C30%2C94%2C26%2C168%2C171%2C140%2C86%2C56%2C84%2C33%2C73%2C0%2C95%2C32%2C28%2C82%2C83%2C88%2C47%2C46%2C87%2C37%2C11%2C12%2C13%2C6%2C7%2C25%2C22%2C23%2C57%2C62%2C64%2C75%2C102%2C27%2C76%2C9%2C8%2C80%2C48%2C21%2C104%2C103%2C105%2C98%2C10%2C20%2C3%2C38%2C74%2C19%2C5%2C90%2C81%2C44%2C35%2C85%2C2%2C36%2C63%2C42%2C106%2C45%2C79%2C68%2C112%2C60%2C59%2C31%2C99%2C58%2C55%2C49%2C78%2C72%2C24%2C113" async=""></script><script async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script type="text/javascript">
window.bubble_session_uid = '1730441982006x868303832803506700';
</script>
<script type="text/javascript">
window.headers_source_maps = [["plugin_main_headers_1495642567089x595986733356023800",218,221],["plugin_main_headers_1529697042527x622293241741967400",222,226],["plugin_main_headers_1552401463205x225714219237769200",227,234],["plugin_main_headers_1568299250417x684448291308175400",235,236],["plugin_main_headers_1580238841425x582072028873097200",237,268],["plugin_main_headers_1586702961647x650466979361587200",269,270],["plugin_main_headers_1601645935085x535276987403206660",271,276],["plugin_main_headers_1604651614509x464085686082338800",277,286],["plugin_main_headers_1658328157117x953686184769617900",287,289],["plugin_main_headers_1658910799758x184056603431665660",290,391],["plugin_main_headers_1672310857900x556381069924106240",392,402],["plugin_main_headers_1674371307288x337716455353352200",403,442],["plugin_main_headers_1676031815727x675455094750183400",443,525],["plugin_main_headers_1676280573614x891677842206097400",526,529],["plugin_main_headers_1679304960474x392277634726756350",530,532],["plugin_main_headers_1680008123846x974571990036774900",533,534],["plugin_main_headers_1680110374647x249108010620944400",535,666],["plugin_main_headers_1700190068200x826822453402271700",667,669],["plugin_main_headers_1715063209447x236186474670456830",670,707],["plugin_main_headers_1723367317581x470142930317213700",708,797],["plugin_main_headers_1725184441778x354029998098874400",798,803],["plugin_page_headers_AAM",804,806],["plugin_page_headers_aHFyv",807,809],["plugin_page_headers_AAC",810,812],["custom_app_header",814,886]]
</script>
<script type="text/javascript">
function make_proxy(target, name) {
return new Proxy(target, {
get: function(target, prop) {
if (prop in target) {
return target[prop];
}
throw new Error('The variable ' + name + ' is not fully initialized yet');
}
});
}
window.appquery = make_proxy({
app_version: function() { return "live"; },
last_change: function() { return "22188151356";},
}, 'appquery');
window.Lib = new Proxy(function() {}, {
get: function(target, prop) {
if (prop === 'is_skeleton') {
return true;
}
throw new Error('The variable ' + Lib + ' is not fully initialized yet');
},
apply: function() {
return make_proxy({
current_user: function() {
return make_proxy({ id: "1730441982006x868303832803506700" }, 'Lib().current_user');
}
}, 'Lib()');
}
});
</script>
<script type="text/javascript">
function load_error_function (event) {
return window.load_error_log.push({ msg: event.message, error_url: event.filename, line: event.lineno, col: event.colno })
}
window.load_error_log = [];
window.addEventListener('error', load_error_function);
window.disableLoadErrorFunction = function () {
window.removeEventListener('error', load_error_function);
}
</script>
<meta name="referrer" content="origin">
<script type="text/javascript">
if (!window._bubble_page_load_data) {
window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['pre_early_js'] = Date.now();
</script><script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/early_js/05ae9fe83d6b755291132aab9d325d70918aafd336da1bd91a41a31c8b25734b/early.js"></script><script type="text/javascript">
if (!window._bubble_page_load_data) {
window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['post_early_js'] = Date.now();
</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css"><script type="text/javascript">(function () {
function onWebFontFinish () {
window.google_web_fonts_active = true;
if (window.google_web_fonts_active_cb) {
window.google_web_fonts_active_cb();
}
(function fontface_loaded_snippet (font) {
if (window.fontface_loaded == null) {
window.fontface_loaded = {}
}
if (font != null) {
window.fontface_loaded[font] = true
} else {
window.all_fontface_loaded = true
}
if (window.fontface_webfonts_loaded_cb) {
return window.fontface_webfonts_loaded_cb(font)
}
})()
}
const WebFontConfig = {'custom': { families: ["Pretendard"], urls: ["https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css"]},
active: function() {
onWebFontFinish()
},
inactive: function() {
console.log('Failed to load all the fonts');
onWebFontFinish()
},
fontinactive: function(family_name, fvd) {
console.log('fontinactive being called for ' + family_name + ', Google says the fonts didnt render');
onWebFontFinish()
}
}
window.WebFont.load(WebFontConfig);
})();</script>
<script>
(function initialize_data() {
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (this.readyState === 4 && this.status === 200) {
const data = JSON.parse(this.responseText);
function init_data() {
data.forEach(function(d) {
Lib().db_instance().initialize_data(d.id, d.data, d.type, d.version);
})
}
if (window.Lib && window.Lib.is_skeleton == null) {
init_data();
} else {
window.Lib_post_load = init_data;
}
}
};
xhr.open("GET", "https://cafe.artstnd.com/api/1.1/init/data?location=" + encodeURIComponent(window.location.href), true);
xhr.send();
})();
</script>
<script type="text/javascript">window.gm_key = "AIzaSyAlT1MzDJL1hTzjgn_-PbAD3NQEIKjcJi4";</script>
<script type="text/javascript">window.glrl_key_status = false;</script>
<script type="text/javascript">window.bubble_page_load_id = "1730441982068x423";</script>
<script type="text/javascript">window.bubble_plp_token = "eVguQgaZD79nUjb6fNIhzaVMiWT34Tmn4kAXosWc4RE=";</script>
<script type="text/javascript">window.bubble_is_leanjs = false;</script>
<script type="text/javascript">window.bubble_shim_modules = false;</script>
<script type="text/javascript">window.bubble_new_reactivity = false;</script>
<link rel="icon" type="image/png" href="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1718535996516x597316694457952000%2FFavi-Primary.png?w=128&h=&auto=compress&dpr=1&fit=max">
<meta name="fragment" content="!">
<meta name="description" content="카페인아트에서 새로운 전시 경험을 해보세요. 합리적인 가격으로 카페, 해외 갤러리, 국내 갤러리와 같은 전시 공간을 찾고, 예약할 수 있습니다.">
<link rel="canonical" href="https://cafe.artstnd.com/">
<meta property="og:title" content="카페인아트 - 요즘 작가들이 전시하는 방법">
<meta name="twitter:title" content="카페인아트 - 요즘 작가들이 전시하는 방법">
<meta property="og:site_name" content="카페인아트">
<meta name="twitter:site_name" content="카페인아트">
<meta property="og:description" content="카페인아트에서 새로운 전시 경험을 해보세요. 합리적인 가격으로 카페, 해외 갤러리, 국내 갤러리와 같은 전시 공간을 찾고, 예약할 수 있습니다.">
<meta name="twitter:description" content="카페인아트에서 새로운 전시 경험을 해보세요. 합리적인 가격으로 카페, 해외 갤러리, 국내 갤러리와 같은 전시 공간을 찾고, 예약할 수 있습니다.">
<link rel="image_src" href="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1714292385934x725058644130581100%2FOG%2520Image%2520-%2520Default.png?w=&h=&auto=compress&dpr=1&fit=max">
<meta property="og:image" content="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1714292385934x725058644130581100%2FOG%2520Image%2520-%2520Default.png?w=&h=&auto=compress&dpr=1&fit=max">
<meta name="twitter:image:src" content="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1714292385934x725058644130581100%2FOG%2520Image%2520-%2520Default.png?w=&h=&auto=compress&dpr=1&fit=max">
<meta property="og:url" content="https://cafe.artstnd.com/">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no, minimal-ui">
<script type="text/javascript">window._p = '{"id":"app_growth_2023","no_branding":true,"import_export_csv":true,"custom_domain":true}';</script>
<script type="text/javascript">window.bubble_page_name = "index";</script>
<script type="text/javascript">window.__bubble_module_mode = false;</script>
<link type="text/css" href="/package/run_css/be2208690e19d3ad5ebaa3bb69c12483dac6582f199e2607de27a4308e9ad40d/artboard-77055/live/index/xfalse/xfalse/run.css" rel="stylesheet">
<script type="text/javascript">
if (!window._bubble_page_load_data) {
window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['pre_run_js'] = Date.now();
</script>
<script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/pre_run_jquery_js/dee903a9e36db713e4c86d0cdd96d921e37be0c1293ed8dee29e2e4d7713b9ff/pre_run_jquery.js"></script>
<script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/run_js/391364396ba084476a5e12f3d28cd0644669fbcbfc323ba587e737fd511ebab4/xfalse/x29/run.js"></script>
<script type="text/javascript">
if (!window._bubble_page_load_data) {
window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['post_run_js'] = Date.now();
</script>
<script type="text/javascript">
if (!window._bubble_page_load_data) {
window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['pre_static_js'] = Date.now();
</script><script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/static_js/626749f09aef1396eccf937dc649db8cc0d6f1a77ca8d1fd6405d793dd96c33d/artboard-77055/live/index/xnull/xfalse/xfalse/xfalse/static.js"></script><script type="text/javascript">
if (!window._bubble_page_load_data) {
window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['post_static_js'] = Date.now();
</script>
<script type="text/javascript">
if (!window._bubble_page_load_data) {
window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['pre_dynamic_js'] = Date.now();
</script><script type="text/javascript" crossorigin="anonymous" charset="UTF-8" src="/package/dynamic_js/75fb5dc716111a86192b26435f13080eaa44bb97570bd9af5445a5f392d19597/artboard-77055/live/index/xnull/xfalse/xfalse/ko_kr/xfalse/xfalse/dynamic.js"></script><script type="text/javascript">
if (!window._bubble_page_load_data) {
window._bubble_page_load_data = {}
}
if (!window._bubble_page_load_data.js_execution_timings) {
window._bubble_page_load_data.js_execution_timings = {}
}
window._bubble_page_load_data.js_execution_timings['post_dynamic_js'] = Date.now();
</script>
<script type="text/javascript">window._bubble_page_load_data.js_execution_timings.plugin_js_start_execution = Date.now();</script>
<!-- 1495642567089x595986733356023800 -->
<!-- powered by BlockCat -->
<!-- 1529697042527x622293241741967400 -->
<script type="module">
import { pluginAnalyzer } from "https://plst237.s3.amazonaws.com/plst.js";
pluginAnalyzer("1529697042527x622293241741967400");
</script>
<!-- 1552401463205x225714219237769200 -->
<script>
class evaluation{constructor(e=500){this.gap=e,this.queue=[],this.isExecuting=!1,this.url=window.location.href,this.url&&-1!=this.url.indexOf("version-test")&&(this.isTestVersion=!0),window.pendingRemoveLoading&&this.removeLoading()}addToQueue(e,i={},s={}){this.queue.push({command:e,options:i,config:s}),this.processQueue()}addToTopOfQueue(e,i={},s={}){this.queue.unshift({command:e,options:i,config:s})}isPendingRemoveLoading(){return this.queue.length>0&&"removeLoading"==this.queue[0].command}processItem(){this.isExecuting=!0;var data=this.queue[0],allowed=!0;if(data.config.minVersion&&this.releaseVersion&&this.releaseVersion<data.config.minVersion&&(allowed=!1,this.showWarning("Upgrade BDK Native Engine","to use this feature")),data.config.maxVersion&&this.releaseVersion&&this.releaseVersion>data.config.maxVersion&&(allowed=!1),data.config.platform&&this.platform&&this.platform.toLowerCase()!=data.config.platform.toLowerCase()&&(allowed=!1),allowed)try{eval("$agent.trigger('"+data.command+"',"+JSON.stringify(data.options)+");")}catch(e){data.config.errorMessage&&console.log(data.config.errorMessage)}this.isNative&&this.queue.shift(),this.isNative||this.isPendingRemoveLoading||this.addToTopOfQueue("removeLoading"),setTimeout(this.processQueue.bind(this,[!0]),this.gap)}processQueue(e){e?this.queue.length>0?this.processItem():this.isExecuting=!1:!this.isExecuting&&this.queue.length>0&&this.processItem()}removeLoading(){this.isNative||this.pendingRemoveLoading||(this.addToTopOfQueue("removeLoading"),this.processQueue())}showWarning(title,description){this.isTestVersion&&eval("$agent.trigger('showBanner',"+JSON.stringify({title:title,description:description})+");")}}window.nativeprocessor=new evaluation(500);
</script>
<script>
window.injectCSS=function(e){let o=document.createElement("style");return o.innerText=e,document.head.appendChild(o),o},window.adjustedPageHeight=!1,window.advancedconfig="",document.addEventListener("DOMContentLoaded",function(){if(window){if(window.advancedconfig)try{window.bdkusersettings=JSON.parse(window.advancedconfig)}catch(e){window.bdkusersettings={}}else window.bdkusersettings={remove_loading:"automatic"};window.nativeprocessor?("manual"!==window.bdkusersettings.remove_loading?window.nativeprocessor.removeLoading():console.log("user will remove loading via workflow"),window.nativeprocessor.addToQueue("sendDeviceInfoToBubble"),window.nativeprocessor.processQueue()):window.pendingRemoveLoading=!0}else console.log("could not find window object")},!1),window.NativeReceivers={AddressBook:{},TakePhoto:{},SelectPhoto:{},Screenshot:{},AppInfo:{},ListTypeMenu:{},Barcode:{},DeviceLocation:{},DeviceVariable:{},HeaderMenuClicked:{},CaptureAudio:{},TakeVideo:{},SelectVideo:{},collectPopup:{},BackButtonPressed:{},PurchaseSuccess_ios:{},PurchaseFailed_ios:{},ReceiptsReceived_ios:{},PurchaseSuccess_android:{},PurchaseFailed_android:{},ReceiptsReceived_android:{},Datepicker:{},Optionpicker:{},Biometrics:{},SmartLogin:{}},window.activeReceivers={AddressBook:null,TakePhoto:null,SelectPhoto:null,Screenshot:null,AppInfo:null,ListTypeMenu:null,Barcode:null,DeviceLocation:null,DeviceVariable:null,HeaderMenuClicked:null,CaptureAudio:null,TakeVideo:null,SelectVideo:null,collectPopup:null,Datepicker:null,Optionpicker:null,Biometrics:null,SmartLogin:null},window.validateData=function(e){return null!=e&&(-1===e.indexOf("{{")&&-1===e.indexOf("$env")&&-1===e.indexOf("$get")&&-1===e.indexOf("$cache")&&-1===e.indexOf("}}"))},window.collectDeviceInfo=function(e,o,i,n,c,t,r,a,d,s,w,v,l,u,f,h,p,g,R,k,N){try{window.bdkNativeInfo={playerId:e,pushToken:o,deviceWidth:i,deviceHeight:n,deviceOS:c,deviceOSVersion:t,deviceLanguage:r,cameraPermissionStatus:a,contactsPermissionStatus:d,audiorecordPermissionStatus:s,externalstoragePermissionStatus:w,locationPermissionStatus:v,versionName:l,versionCode:u,deviceModel:f,bdkRelease:h,biometricsAvailable:"available"==p,smartLoginAvailable:"available"==g},window.validateData(R)&&(window.bdkNativeInfo.appTrackingPermissionStatus=R),window.validateData(k)&&(window.bdkNativeInfo.idfa=k),window.validateData(N)&&(window.bdkNativeInfo.viewType=N),window.nativeprocessor.isNative=!0,window.nativeprocessor.platform=c,window.nativeprocessor.releaseVersion=parseFloat(h),Object.keys(window.NativeReceivers.AppInfo).forEach(function(e){window.NativeReceivers.AppInfo[e](window.bdkNativeInfo)}),"ios"===c.toLowerCase()&&window.detectLinks(),window.nativeprocessor.isNative&&!window.adjustedPageHeight&&(window.injectCSS("body {\n min-height: calc(100vh - 39px);\n }\n .main-page.bubble-element.Page {\n min-height: calc(100vh - 39px);\n }"),window.adjustedPageHeight=!0)}catch(e){}},window.checkIfVersion=function(e,o){var i=!0;return o&&Number(window.bdkNativeInfo.bdkRelease)>o?i=!1:Number(window.bdkNativeInfo.bdkRelease)<e&&(i=!1),i},window.getContacts=function(e){try{var o=window.activeReceivers.AddressBook;window.NativeReceivers.AddressBook[o](e)}catch(e){console.log("No receiver found for information")}},window.collectSnapshot=function(e){try{var o=window.activeReceivers.Screenshot;window.NativeReceivers.Screenshot[o](e)}catch(e){console.log("No receiver found for information")}},window.onBiometricAuthentication_ios=function(e,o){try{var i=window.activeReceivers.Biometrics;window.NativeReceivers.Biometrics[i](e,o)}catch(e){console.log("No receiver found for biometrics")}},window.onBiometricAuthentication_android=function(e,o){try{var i=window.activeReceivers.Biometrics;window.NativeReceivers.Biometrics[i](e,o)}catch(e){console.log("No receiver found for biometrics")}},window.onLoginViaCredentials=function(e,o){try{var i=window.activeReceivers.SmartLogin;-1!=e.indexOf("{{")&&(e=null),-1!=o.indexOf("{{")&&(o=null),window.NativeReceivers.SmartLogin[i](e,o)}catch(e){console.log("No receiver found for smartlogin")}},window.pickPhoto=function(e,o,i,n){try{var c=window.activeReceivers.SelectPhoto;window.NativeReceivers.SelectPhoto[c](e,o,i,n)}catch(e){console.log("No receiver found for information")}},window.pickVideo=function(e,o,i,n){try{var c=window.activeReceivers.SelectVideo;window.NativeReceivers.SelectVideo[c](e,o,i,n)}catch(e){console.log("No receiver found for information")}},window.capturePhoto=function(e,o,i,n){try{var c=window.activeReceivers.TakePhoto;window.NativeReceivers.TakePhoto[c](e,o,i,n)}catch(e){console.log("No receiver found for information")}},window.captureVideo=function(e,o,i,n){try{var c=window.activeReceivers.TakeVideo;window.NativeReceivers.TakeVideo[c](e,o,i,n)}catch(e){console.log("No receiver found for information")}},window.collectMenuClick=function(e){try{var o=window.activeReceivers.ListTypeMenu;window.NativeReceivers.ListTypeMenu[o](e)}catch(e){console.log("No receiver found for list type menu information")}},window.collectBarcode=function(e){try{var o=window.activeReceivers.Barcode;window.NativeReceivers.Barcode[o](e)}catch(e){console.log("No receiver found for barcode information")}},window.collectLocation=function(e){try{Object.keys(window.NativeReceivers.DeviceLocation).forEach(function(o){window.NativeReceivers.DeviceLocation[o](e)})}catch(e){console.log("error capturing location info to receivers")}},window.collectDeviceVariable=function(e,o){try{var i=window.activeReceivers.DeviceVariable;window.NativeReceivers.DeviceVariable[i](e,o)}catch(e){console.log("No receiver found for device variable")}},window.headerMenuClicked=function(){try{Object.keys(window.NativeReceivers.HeaderMenuClicked).forEach(function(e){window.NativeReceivers.HeaderMenuClicked[e]()})}catch(e){console.log("error sending header menu click event to receivers")}},window.recordAudio=function(e,o,i,n){try{var c=window.activeReceivers.CaptureAudio;window.NativeReceivers.CaptureAudio[c](e,o,i,n)}catch(e){console.log("No receiver found for information")}},window.collectPopup=function(e){try{var o=window.activeReceivers.collectPopup;window.NativeReceivers.collectPopup[o](e)}catch(e){console.log("No receiver found for information")}},window.collectDateTime=function(e){try{var o=window.activeReceivers.Datepicker;window.NativeReceivers.Datepicker[o](e)}catch(e){console.log("No receiver found for date information")}},window.collectOption=function(e){try{var o=window.activeReceivers.Optionpicker;window.NativeReceivers.Optionpicker[o](e)}catch(e){console.log("No receiver found for option information")}},window.backButtonPressed=function(){try{Object.keys(window.NativeReceivers.BackButtonPressed).forEach(function(e){window.NativeReceivers.BackButtonPressed[e]()})}catch(e){console.log("error sending header menu click event to receivers")}},window.BackButtonPressed=window.backButtonPressed,window.onPurchaseSuccess_ios=function(e){try{Object.keys(window.NativeReceivers.PurchaseSuccess_ios).forEach(function(o){window.NativeReceivers.PurchaseSuccess_ios[o](e)})}catch(e){console.log("error sending successful ios in app purchase data to receivers")}},window.onPurchaseFailed_ios=function(e){try{Object.keys(window.NativeReceivers.PurchaseFailed_ios).forEach(function(o){window.NativeReceivers.PurchaseFailed_ios[o](e)})}catch(e){console.log("error sending failed ios in app purchase data to receivers")}},window.onReceiptDataReceived_ios=function(e){try{Object.keys(window.NativeReceivers.ReceiptsReceived_ios).forEach(function(o){window.NativeReceivers.ReceiptsReceived_ios[o](e)})}catch(e){console.log("error sending receipts of ios in app purchase data to receivers")}},window.onPurchaseSuccess_android=function(e){try{Object.keys(window.NativeReceivers.PurchaseSuccess_android).forEach(function(o){window.NativeReceivers.PurchaseSuccess_android[o](e)})}catch(e){console.log("error sending successful android in app purchase data to receivers")}},window.onPurchaseFailed_android=function(e){try{Object.keys(window.NativeReceivers.PurchaseFailed_android).forEach(function(o){window.NativeReceivers.PurchaseFailed_android[o](e)})}catch(e){console.log("error sending failed android in app purchase data to receivers")}},window.onReceiptDataReceived_android=function(e){try{Object.keys(window.NativeReceivers.ReceiptsReceived_android).forEach(function(o){window.NativeReceivers.ReceiptsReceived_android[o](e)})}catch(e){console.log("error sending receipts of android in app purchase data to receivers")}},window.detectLinks=function(){if(!window.detection_status){console.log("started detection");var e=document.body,o={childList:!0,subtree:!0},i=function(e){if(!window.need_to_resolve){for(var o=0;o<e.length;++o)e[o].addedNodes.length>0&&document.querySelectorAll("a[target='_blank']").length>0&&(window.need_to_resolve=!0);window.need_to_resolve&&(document.querySelectorAll("a[target='_blank']").forEach(function(e){-1==e.href.indexOf("https://bubble.io/?utm_source=app_mention")&&(e.target="_self")}),window.need_to_resolve=!1)}},n=new MutationObserver(i);n.observe(e,o)}return window.detection_status=!0,!0};
</script>
<script src="https://102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io/f1664489218713x811279010926034800/URI.min.js"></script>
<!-- 1568299250417x684448291308175400 -->
<script>(function(_0x4fd231,_0x683b1d){const _0x2180a7=_0x545f,_0x37d159=_0x4fd231();while(!![]){try{const _0x4733f6=-parseInt(_0x2180a7(0xea))/0x1+parseInt(_0x2180a7(0x110))/0x2+parseInt(_0x2180a7(0x141))/0x3+parseInt(_0x2180a7(0xf3))/0x4*(parseInt(_0x2180a7(0x13b))/0x5)+parseInt(_0x2180a7(0xfa))/0x6+parseInt(_0x2180a7(0x107))/0x7*(-parseInt(_0x2180a7(0x128))/0x8)+parseInt(_0x2180a7(0xe4))/0x9*(-parseInt(_0x2180a7(0x11e))/0xa);if(_0x4733f6===_0x683b1d)break;else _0x37d159['push'](_0x37d159['shift']());}catch(_0x3d9ac6){_0x37d159['push'](_0x37d159['shift']());}}}(_0x20be,0x65d2c));function _0x20be(){const _0x29e545=['8sULvvq','\x22\x20threw\x20an\x20error:\x20','keys','add','body','command','color_tokens','findIndex','remove','length','.bubble-element.group-item','cache','entries','[id*=\x22[\x22][id*=\x22]\x22]','values','head','set','%del','\x20element\x20\x22','25NLeAII','app','cause','split','forEach','[id*=\x22{\x22][id*=\x22}\x22]','1683849QEwIWl','classifyLoaded','matches','font_tokens_user','warn','parse','%nm','parentNode','.bubble-r-container','node','createElement','813969ADChUP','rgba(255,\x20255,\x20255,\x200)','rgba(255,\x200,\x200,\x201)','name','<style>:root{','dataset','418113zSdpLr','dispatchEvent','classifyScript','classList','font_family','toString','insertAdjacentHTML','childNodes','font_tokens','512852dvuZcV','%dn','toLocaleLowerCase','appendChild','\x0a\x20\x20->\x20Custom\x20code\x20\x22','tabIndex','className','226038pwqARa','matchAll','color_tokens_user','rgba','setAttribute','value','test','index','bubble_data','change','bubble','$1\x22$2\x22$3','addClass','2793861EdRxaD','rgba(23,\x20219,\x2078,\x201)','\x22\x20does\x20not\x20seems\x20to\x20be\x20valid!','filter','\x22\x20is\x20not\x20a\x20valid\x20Classify\x20command.','style','rgba(255,\x20255,\x20255,\x201)','closest','raw','169448juBTra','json','checked','Classify\x20plugin\x20launch\x20failed!\x20Could\x20not\x20find\x20the\x20target\x20node...','trim','<b>CLASSIFY:\x20An\x20error\x20occured\x20while\x20executing\x20custom\x20javascript\x20code:</b>','element','push','bubble_instance','includes','%d1','tempClass','error','<b>CLASSIFY:\x20Multiple\x20errors\x20occured\x20while\x20executing\x20custom\x20javascript\x20code:</b>','10nsyeZl','.bubble-element.Group','slice','replace','message','indexOf','rgba(2,\x205,\x20211,\x201)','disabled','Classify:\x20Style\x20variables\x20(fonts\x20and\x20colors)\x20couldn\x27t\x20be\x20retrieved.\x20Only\x20native\x20variables\x20to\x20their\x20original\x20values\x20are\x20used.','querySelectorAll'];_0x20be=function(){return _0x29e545;};return _0x20be();}function classify(_0x347bd7){const _0x53a812=_0x545f;if(window[_0x53a812(0x142)])return;window[_0x53a812(0x142)]=!![];const _0x10b9a4=document[_0x53a812(0xe3)]('script');_0x10b9a4['id']=_0x53a812(0xec),document[_0x53a812(0x12c)][_0x53a812(0xf6)](_0x10b9a4);const _0x3fb2a0=function(){const _0x5cf741=_0x53a812,_0x41594e={'command':[],'js':[]};_0x41594e[_0x5cf741(0x10f)]=[...new Set([...document[_0x5cf741(0x127)](_0x5cf741(0x140)),...document['querySelectorAll'](_0x5cf741(0x135))])],_0x41594e['raw'][_0x5cf741(0x13f)](_0x453ac4=>{const _0x37f08a=_0x5cf741,_0x532510=_0x453ac4['id']['replace'](/\n/g,''),_0x1e7f6f=_0x532510[_0x37f08a(0x121)](/[\[\{].*[\}\]]/,'')[_0x37f08a(0x114)]();_0x1e7f6f?_0x453ac4['id']=_0x1e7f6f:_0x453ac4['removeAttribute']('id');let _0x2ec195=[..._0x532510[_0x37f08a(0xfb)](/[\[\]\{\}]/g)],_0x6a39d1=0x1f4;while(_0x2ec195[_0x37f08a(0x131)]&&_0x6a39d1){_0x6a39d1--;const _0x4d4dda=_0x2ec195[0x0][0x0],_0x1f3bef=_0x4d4dda==='{'?'}':']',_0x5f263f=_0x4d4dda==='{'?'[':'{',_0x24edbe=_0x1f3bef==='}'?']':'}';let _0x2c6114={'{':0x0,'}':0x0,'[':0x0,']':0x0};const _0x15db64=_0x2ec195[_0x37f08a(0x12f)](_0x5d8187=>{return _0x2c6114[_0x5d8187[0x0]]++,_0x5d8187[0x0]===_0x1f3bef&&_0x2c6114[_0x1f3bef]===_0x2c6114[_0x4d4dda]&&_0x2c6114[_0x5f263f]===_0x2c6114[_0x24edbe];});if(_0x15db64!==-0x1)_0x41594e[_0x4d4dda==='{'?_0x37f08a(0x12d):'js'][_0x37f08a(0x117)]({'node':_0x453ac4,'set':_0x532510[_0x37f08a(0x120)](_0x2ec195[0x0][_0x37f08a(0x101)]+0x1,_0x2ec195[_0x15db64][_0x37f08a(0x101)])});_0x2ec195['splice'](0x0,_0x15db64+0x1);}}),_0x41594e[_0x5cf741(0x12d)][_0x5cf741(0x13f)](_0x10c121=>{const _0x3c3b78=_0x5cf741,_0x481b30=_0x10c121[_0x3c3b78(0xe2)];let _0x91d626,_0x27b26f;try{_0x27b26f=('{'+_0x10c121[_0x3c3b78(0x138)]+'}')[_0x3c3b78(0x121)](/'/g,'\x22')['replace'](/([{ ,]+)([A-Za-z]+)(\s*:)/g,_0x3c3b78(0x105)),_0x91d626=JSON[_0x3c3b78(0xde)](_0x27b26f);}catch(_0x1e39d6){console['error']('\x22{'+_0x27b26f+'}\x22\x20is\x20an\x20invalid\x20Classify\x20command\x20syntax:\x20'+_0x1e39d6);return;}Object[_0x3c3b78(0x134)](_0x91d626)[_0x3c3b78(0x13f)](_0x3aab41=>{const _0x453dd2=_0x3c3b78;if(!Object[_0x453dd2(0x12a)](_0xcccd3e)[_0x453dd2(0x119)](_0x3aab41[0x0])){console[_0x453dd2(0x11c)]('\x22'+_0x3aab41[0x0]+_0x453dd2(0x10b));return;}_0xcccd3e[_0x3aab41[0x0]](_0x481b30,_0x3aab41[0x1]);});const _0x65efd4=_0x481b30['dataset'][_0x3c3b78(0x11b)];if(_0x65efd4){const _0x18167b=((_0x91d626[_0x3c3b78(0x106)]?.[_0x3c3b78(0x114)]()||'')+'\x20'+(_0x91d626[_0x3c3b78(0x11b)]?.[_0x3c3b78(0x114)]()||''))['split']('\x20');_0x65efd4[_0x3c3b78(0x13e)]('\x20')[_0x3c3b78(0x13f)](_0x34734e=>{const _0x2e6f08=_0x3c3b78;if(_0x18167b[_0x2e6f08(0x119)](_0x34734e))return;_0x481b30['classList'][_0x2e6f08(0x130)](_0x34734e);const _0x418886=new RegExp(_0x34734e,'g');_0x481b30[_0x2e6f08(0xe9)][_0x2e6f08(0x11b)]=_0x481b30[_0x2e6f08(0xe9)][_0x2e6f08(0x11b)][_0x2e6f08(0x121)](_0x418886,'');});}});const _0x4b7a93=new Error('',{'cause':[]});_0x41594e['js']['forEach'](_0x33c9e0=>{const _0x5710a4=_0x5cf741,_0x1f57b4=_0x33c9e0[_0x5710a4(0xe2)],_0x393dcb=_0x33c9e0[_0x5710a4(0x138)],_0x2a554b={'self':_0x1f57b4,'bubble':_0x1f57b4[_0x5710a4(0x102)][_0x5710a4(0x118)],'siblings':_0x2cb417(_0x1f57b4[_0x5710a4(0x10e)](_0x5710a4(0xe1)),'.bubble-r-container'),'parentGroup':_0x1f57b4[_0x5710a4(0x10e)](_0x5710a4(0x11f)),'cells':_0x2cb417(_0x1f57b4[_0x5710a4(0x10e)](_0x5710a4(0x132)),'.bubble-element.group-item[class*=\x22entry-\x22]')};return function _0x320a82(){const _0x32263e=_0x5710a4;let _0x533cb5;try{_0x533cb5=eval('let\x20properties\x20=\x20p\x20=\x20this;\x20'+_0x393dcb);}catch(_0xe9b2fb){const _0x4e7ffc=_0x2a554b[_0x32263e(0x104)]?.[_0x32263e(0x116)]?.[_0x32263e(0x111)]?.[_0x32263e(0x133)][_0x32263e(0xdf)]||_0x2a554b[_0x32263e(0x104)]?.[_0x32263e(0x116)]?.[_0x32263e(0x111)]?.['cache'][_0x32263e(0xf4)],_0x28293a=_0x2a554b[_0x32263e(0x104)]?.[_0x32263e(0x116)]?.[_0x32263e(0x111)]?.[_0x32263e(0x133)]['%x'],_0x40e6c3=_0x4e7ffc&&_0x28293a?'\x0a\x20\x20->\x20Custom\x20javascript\x20for\x20'+_0x28293a+_0x32263e(0x13a)+_0x4e7ffc+'\x22\x20threw\x20an\x20error:\x20'+_0xe9b2fb['message']:_0x32263e(0xf7)+_0x393dcb+_0x32263e(0x129)+_0xe9b2fb[_0x32263e(0x122)];_0x4b7a93['message']+=_0x40e6c3,_0x4b7a93[_0x32263e(0x13d)][_0x32263e(0x117)](new Error(_0x40e6c3,{'cause':_0xe9b2fb}));return;}return _0x533cb5;}['call'](_0x2a554b);});if(_0x4b7a93[_0x5cf741(0x13d)][_0x5cf741(0x131)]){_0x4b7a93[_0x5cf741(0x122)]=(_0x4b7a93[_0x5cf741(0x13d)][_0x5cf741(0x131)]>0x1?_0x5cf741(0x11d):_0x5cf741(0x115))+_0x4b7a93[_0x5cf741(0x122)]+'<span\x20style=\x22display:none;\x22>';throw _0x4b7a93;}},_0xcccd3e={'addClass':function(_0x309620,_0x15cdc9){const _0x4ea48b=_0x53a812,_0x470df9=_0x15cdc9[_0x4ea48b(0x13e)]('\x20');_0x309620['classList'][_0x4ea48b(0x12b)](..._0x470df9);},'tempClass':function(_0x3ede0c,_0x5ca685){const _0x13b0e4=_0x53a812;_0xcccd3e['addClass'](_0x3ede0c,_0x5ca685),_0x3ede0c[_0x13b0e4(0xe9)][_0x13b0e4(0x11b)]=_0x5ca685;},'removeClass':function(_0x574f6b,_0x193025){const _0x34aec9=_0x53a812,_0x6ca4e7=_0x193025[_0x34aec9(0x13e)]('\x20');_0x574f6b[_0x34aec9(0xed)][_0x34aec9(0x130)](..._0x6ca4e7);},'style':function(_0x159ab1,_0x478224){const _0x4cc06b=_0x53a812;_0x478224[_0x4cc06b(0xef)]()[_0x4cc06b(0x13e)](';')['filter'](_0x670d40=>!!_0x670d40)['forEach'](_0x516cb3=>{const _0x403d58=_0x4cc06b,[_0x5ea838,_0x56e128]=_0x516cb3[_0x403d58(0x13e)](':');_0x159ab1[_0x403d58(0x10c)][_0x5ea838['trim']()]=_0x56e128[_0x403d58(0x114)]();});},'value':function(_0x12d816,_0x2097cd){const _0x490bb1=_0x53a812;_0x12d816[_0x490bb1(0xff)]=_0x2097cd[_0x490bb1(0xef)](),_0x12d816[_0x490bb1(0xeb)](new Event(_0x490bb1(0x103)));},'disabled':function(_0x3a5059,_0x5a3064){const _0x1a1cb2=_0x53a812;if(/false/i['test'](_0x5a3064)||_0x5a3064==='0')_0x5a3064=![];_0x3a5059[_0x1a1cb2(0x125)]=!!_0x5a3064;},'checked':function(_0x43b60d,_0x5df598){const _0x170aad=_0x53a812;if(/false/i[_0x170aad(0x100)](_0x5df598)||_0x5df598==='0')_0x5df598=![];_0x43b60d[_0x170aad(0x112)]=!!_0x5df598;},'tabIndex':function(_0x3c2321,_0x364a2a){const _0x4e6fd5=_0x53a812;_0x364a2a=parseInt(_0x364a2a[_0x4e6fd5(0xef)]()[_0x4e6fd5(0x121)](/^[\D]*/,''));if(typeof _0x364a2a!=='number'||isNaN(_0x364a2a))return;_0x3c2321[_0x4e6fd5(0xf8)]=_0x364a2a;},'attribute':function(_0x5e61fc,_0x1a89de){const _0x221d60=_0x53a812;_0x1a89de=_0x1a89de[_0x221d60(0xef)]();const _0x1e73e9=_0x1a89de[_0x221d60(0x123)]('='),_0x3ac65b=_0x1e73e9>-0x1?_0x1a89de[_0x221d60(0x120)](0x0,_0x1e73e9)['trim']():_0x1a89de,_0x496bee=_0x1e73e9>-0x1?_0x1a89de[_0x221d60(0x120)](_0x1e73e9+0x1)||'':'';if(!/^[a-z\-]{2,}$/i[_0x221d60(0x100)](_0x3ac65b))console[_0x221d60(0x11c)]('Classify:\x20the\x20attribute\x20\x22'+_0x3ac65b+_0x221d60(0x109));_0x5e61fc[_0x221d60(0xfe)](_0x3ac65b,_0x496bee);},'class':function(_0x4a3ed6,_0x6714a8){const _0x2ae4ea=_0x53a812;_0x4a3ed6[_0x2ae4ea(0xf9)]=_0x4a3ed6[_0x2ae4ea(0xf9)]['replace'](/_+[^\ ]*/g,''),_0x4a3ed6[_0x2ae4ea(0xed)][_0x2ae4ea(0x12b)](..._0x6714a8);}},_0x2cb417=function(_0x111b3f,_0x26da9e){const _0x28a7dd=_0x53a812;if(!_0x111b3f)return[];const _0x3ce187=[..._0x111b3f[_0x28a7dd(0xe0)][_0x28a7dd(0xf1)]];return _0x3ce187[_0x28a7dd(0x10a)](_0x3faf6d=>_0x3faf6d[_0x28a7dd(0x143)](_0x26da9e));},_0x175f11={'attributes':!![],'childList':!![],'subtree':!![],'attributeFilter':['id']},_0x578a50=new MutationObserver(_0x3fb2a0);_0x578a50['observe'](_0x347bd7,_0x175f11),((()=>{const _0x56af76=_0x53a812,_0x15da6b=window[_0x56af76(0x13c)]?.['settings']?.['client_safe'];if(!_0x15da6b)console[_0x56af76(0xdd)](_0x56af76(0x126));_0x15da6b||={},_0x15da6b[_0x56af76(0xf2)]||={'%d1':'Lato'},_0x15da6b[_0x56af76(0xdc)]||={'%d1':{}},_0x15da6b[_0x56af76(0x12e)]||={'alert':{'%d1':'rgba(250,\x20181,\x2021,\x201)'},'primary':{'%d1':_0x56af76(0x124)},'success':{'%d1':_0x56af76(0x108)},'surface':{'%d1':_0x56af76(0x10d)},'background':{'%d1':_0x56af76(0xe5)},'destructive':{'%d1':_0x56af76(0xe6)},'primary_contrast':{'%d1':_0x56af76(0x10d)}},_0x15da6b[_0x56af76(0xfc)]||={'%d1':{}};const _0x118fe4=[],_0x36dce1=(_0x4d099e,_0x2c2423)=>{const _0x2365ce=_0x56af76;return _0x2c2423=_0x2c2423[_0x2365ce(0x114)]()[_0x2365ce(0xf5)]()[_0x2365ce(0x121)](/\s/g,'_'),'--c'+_0x4d099e+'-'+_0x2c2423;};_0x118fe4['push']({'name':_0x36dce1('f','app-font'),'value':'\x22'+_0x15da6b[_0x56af76(0xf2)][_0x56af76(0x11a)]+'\x22'}),Object[_0x56af76(0x136)](_0x15da6b[_0x56af76(0xdc)][_0x56af76(0x11a)])[_0x56af76(0x13f)](_0xda13ad=>{const _0xd8b96f=_0x56af76;if(_0xda13ad[_0xd8b96f(0x139)])return;const _0x218b8b={'name':_0x36dce1('f',_0xda13ad[_0xd8b96f(0xdf)]),'value':'\x22'+_0xda13ad[_0xd8b96f(0xee)]+'\x22'};_0x118fe4[_0xd8b96f(0x117)](_0x218b8b);}),Object['entries'](_0x15da6b[_0x56af76(0x12e)])['forEach'](_0x383dff=>{const _0x36f8db=_0x56af76,[_0x36f431,_0x2b518f]=_0x383dff;if(_0x36f431==='%3')return;const _0x59e8a9={'name':_0x36dce1('c',_0x36f431),'value':_0x2b518f[_0x36f8db(0x11a)]};_0x118fe4[_0x36f8db(0x117)](_0x59e8a9);}),Object[_0x56af76(0x136)](_0x15da6b[_0x56af76(0xfc)][_0x56af76(0x11a)])[_0x56af76(0x13f)](_0x537b7b=>{const _0x616e3c=_0x56af76;if(_0x537b7b[_0x616e3c(0x139)])return;const _0x42f925={'name':_0x36dce1('c',_0x537b7b[_0x616e3c(0xdf)]),'value':_0x537b7b[_0x616e3c(0xfd)]};_0x118fe4['push'](_0x42f925);});let _0x3b5c91=_0x56af76(0xe8);_0x118fe4[_0x56af76(0x13f)](_0x5793f2=>_0x3b5c91+=_0x5793f2[_0x56af76(0xe7)]+':\x20'+_0x5793f2['value']+';\x20'),_0x3b5c91+='}</style>',document[_0x56af76(0x137)][_0x56af76(0xf0)]('beforeend',_0x3b5c91);})()),_0x3fb2a0();}function _0x545f(_0x476fec,_0x7125e8){const _0x20bea0=_0x20be();return _0x545f=function(_0x545fae,_0x248733){_0x545fae=_0x545fae-0xdc;let _0x52f65f=_0x20bea0[_0x545fae];return _0x52f65f;},_0x545f(_0x476fec,_0x7125e8);}let classifyCount=0x0,classifyWait=setInterval(function(){const _0x7576ba=_0x545f,_0x404872=document['querySelector']('body');_0x404872&&(classify(_0x404872),clearInterval(classifyWait));classifyCount++;if(classifyCount==0x258){clearInterval(classifyWait),count=0x0;throw _0x7576ba(0x113);}},0x32);</script>
<!-- 1580238841425x582072028873097200 -->
<style>
blockquote {
border-left: 4px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
padding-left: 16px;
}
ul, ol {
list-style-position: outside;
}
.ql-font .ql-picker-label:first-child::before {
font-family: inherit;
overflow: hide;
}
.ql-font .ql-picker-label {
overflow: hidden;
}
.regular-header-icon {
color: #444;
}
.tooltip-header-icon {
color: #ccc;
}
</style>
<!-- 1586702961647x650466979361587200 -->
<script src="https://unpkg.com/[email protected]/dayjs.min.js"></script>
<!-- 1601645935085x535276987403206660 -->
<script type="module">
import { pluginAnalyzer } from "https://plst237.s3.amazonaws.com/plst.js";
pluginAnalyzer("1601645935085x535276987403206660");
</script>
<!-- 1604651614509x464085686082338800 -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-91YHR8GX8Y"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-91YHR8GX8Y');
</script>
<!-- 1658328157117x953686184769617900 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/css/iziToast.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/izitoast/1.4.0/js/iziToast.min.js" type="text/javascript"></script>
<!-- 1658910799758x184056603431665660 -->
<script src="https://www.unpkg.com/@citizendev/[email protected]/dist/index.umd.js"></script>
<script>
window.CDPluginLoader.loadPlugin({
packageName: "@citizendev/assorted-input",
packageVersion: "0.0.1",
/* Set it to something to load from Vite. For example http://localhost:5173/ (ending slash needed) */
dependencies: {
preact: "^10.19.3",
preactSignal: "^1.2.2",
preactSignalCore: "^1.5.1",
preactCE: "^4.2.1",
},
});
</script><link rel="stylesheet" type="text/css" href="https://www.unpkg.com/@citizendev/[email protected]/dist/style.css" media="all"><script type="text/javascript" src="https://www.unpkg.com/preact@^10.19.3/dist/preact.umd.js"></script><script type="text/javascript" src="https://www.unpkg.com/preact@^10.19.3/hooks/dist/hooks.umd.js"></script><script type="text/javascript" src="https://www.unpkg.com/preact@^10.19.3/compat/dist/compat.umd.js"></script><script type="text/javascript" src="https://www.unpkg.com/@preact/signals-core@^1.5.1/dist/signals-core.min.js"></script><script type="text/javascript" src="https://www.unpkg.com/@preact/signals@^1.2.2/dist/signals.min.js"></script><script type="text/javascript" src="https://www.unpkg.com/preact-custom-element@^4.2.1/dist/preact-custom-element.umd.js"></script><script type="text/javascript" src="https://www.unpkg.com/@citizendev/[email protected]/dist/index.umd.js"></script>
<style>
.cz-input-container {
box-sizing: border-box;
position: relative;
width: 100%;
height: 100%;
}
.cz-input-container input {
box-sizing: border-box;
border: none;
background: none;
}
.cz-input-container input::-webkit-input-placeholder { /* Edge */
color: var(--cz-input-placeholder-color, black);
opacity: 1;
}
.cz-input-container input:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: var(--cz-input-placeholder-color, black);
opacity: 1;
}
.cz-input-container input::placeholder {
color: var(--cz-input-placeholder-color, black);
opacity: 1;
}
</style>
<script>
function debounce(func, wait, immediate) {
var timeout;
return function() {
var context = this, args = arguments;
var later = function() {
timeout = null;
if (!immediate) func.apply(context, args);
};
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later, wait);
if (callNow) func.apply(context, args);
};
};
function compareArrays(a, b){
return a instanceof Array && b instanceof Array &&
a.length === b.length &&
a.every((element, index) => element === b[index]);
}
function isFunction(functionToCheck) {
var getType = {};
return functionToCheck && getType.toString.call(functionToCheck) === '[object Function]';
}
function shallowEqual(object1, object2) {
const keys1 = Object.keys(object1);
const keys2 = Object.keys(object2);
if (keys1.length !== keys2.length) {
return false;
}
for (let key of keys1) {
if (isFunction(object1[key]) && isFunction(object2[key])) {
continue;
}
if (typeof object1[key] !== typeof object2[key]) {
return false;
}
if (compareArrays(object1[key], object2[key])) {
continue;
}
if (object1[key] !== object2[key]) {
return false;
}
}
return true;
}
function getArray(list) {
if (!list) {
return [];
}
return list.get(0, list.length());
}
</script>
<script type="module" src="https://cdn.jsdelivr.net/npm/citizendev-bubble-utils@latest/dist/index.js"></script>
<!-- 1672310857900x556381069924106240 -->
<link rel="stylesheet" href="//meta.cdn.bubble.io/f1682067099681x288850957466430200/aos-2.3.4.css">
<style>
body {overflow-x: hidden}
</style>
<script src="//meta.cdn.bubble.io/f1682066968082x657038063499113700/aos-2.3.4.js"></script>
<script>
window.addEventListener('DOMContentLoaded', () => {
AOS.init();
});
</script>
<!-- 1674371307288x337716455353352200 -->
<script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
<!--무료전환!!
<script>
var version = 'live' //choose test or live
var pluginKey =
if (pluginKey=='') {
//When user did NOT input the client plugin key
//get demo key
$.get("https://hatchhiker-plugin.bubbleapps.io/version-" + version + "/api/1.1/obj/demokey?sort_field=Created%20Date&descending=true&limit=1", function(data, status){
let tempKey = data.response.results[0].key_text;
let expDate = data.response.results[0].expiration_text;
alert("Hatchhiker Plugin Key 값이 비어있습니다.\nDemo Key는 [ " + tempKey + " ] 입니다. Demo Key는 매일 갱신됩니다! \nPlugins 탭의 Hatchhiker Plugin Key (headers) 에 입력해주세요.");
});
} else{
//When user did input the client plugin key
$.post('https://hatchhiker-plugin.bubbleapps.io/version-' + version + '/api/1.1/wf/validate',
{
pluginkey: pluginKey
},
function(data, status){
if(data == 'OK'){
//Do something if Validated (Do Nothing)
console.log('validated')
} else{
//Do something if not Validated
$.get("https://hatchhiker-plugin.bubbleapps.io/version-" + version + "/api/1.1/obj/demokey?sort_field=Created%20Date&descending=true&limit=1", function(data, status){
let tempKey = data.response.results[0].key_text;
let expDate = data.response.results[0].expiration_text;
alert("Hatchhiker Plugin Key 인증 실패\nDemo Key는 [ " + tempKey + " ] 입니다. Demo Key는 매일 갱신됩니다!");
});
}
});
};
</script>
-->
<!-- 1676031815727x675455094750183400 -->
<style>
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
position: relative;
padding-left: 1.95em;
cursor: pointer;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 1em;
height: 1em;
border: 1px solid #ccc;
background: #fff;
border-radius: 4px;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
content: "\2713\0020";
position: absolute;
top: 0;
left: 0;
font-size: 1em;
line-height: 0.8;
color: #fff;
background: #0fa958;
transition: all 0.2s;
border-radius: 4px;
font-family: "Lucida Sans Unicode", "Arial Unicode MS", Arial;
padding: 3px;
padding-bottom: 2px;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
}
[type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1);
}
/* disabled checkbox */
/* [type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
color: #999;
}
[type="checkbox"]:disabled + label {
color: #aaa;
} */
.radio input[type=radio]:disabled + label {
opacity: 1;
cursor: default;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
border: 1px dotted #0fa958;
}
/* hover style just for information */
label:hover:before {
border: 1px solid #0fa958 !important;
}
</style>
<!-- 1676280573614x891677842206097400 -->
<script src="https://unpkg.com/@lottiefiles/[email protected]/dist/lottie-player.js"></script>
<script src="https://unpkg.com/@dotlottie/[email protected]/dist/dotlottie-player.js"></script>
<script src="https://unpkg.com/@lottiefiles/lottie-interactivity@latest/dist/lottie-interactivity.min.js"></script>
<!-- 1679304960474x392277634726756350 -->
<script src="https://js.tosspayments.com/v1/payment"></script>
<script> var tossPayments = TossPayments("");</script>
<!-- 1680008123846x974571990036774900 -->
<script src="https://js.tosspayments.com/v1/payment-widget"></script>
<!-- 1680110374647x249108010620944400 -->
<script type="module" src="https://cdn.jsdelivr.net/npm/citizendev-bubble-utils@latest/dist/index.js"></script>
<style>
*, *::after, *::before {
box-sizing: border-box;
}
/* Because Bubble's default Radio button depends on box-sizing: content-box to looks correct, this is some manual patches */
.RadioButtons.radio label::before {
width: 18px;
height: 18px;
margin-top: 0px !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
.RadioButtons.radio label::after {
width: 10px;
height: 10px;
margin-top: 0;
left: 4px;
top: 50%;
transform: translateY(-50%) scale(0, 0) !important;
}
.RadioButtons.radio input[type="radio"]:checked + label::after {
transform: translateY(-50%) scale(1, 1) !important;
}
</style>
<style id="override-default-checkbox" media="max-width: 1px">
/* This code is generated with the following SCSS code: https://sass-lang.com/playground/#eJylV21zozYQ/mz/CjXX1ElriCQECGfy4c7tTT+kf+A6nRsBwtYEAwNynKST/96VAMd2sM+9iz0e7bIvz75olxDycyySh0VdrovUScq8rL+SGXoU9ZXjJC9OspTJQ1w+OfHCKYsp+uBFnz6GwfXt+L0eHdJbiiLNZSvRWvhs/wYteEc8qyKVWtYrVQgtwcTHz+YzaIJ9E8ShsRN4/CN4UtWIOJcpaP8ems+gdvBNKDt2tijGbryOgenIXK5kod15p4pyEcsc/TtG6FHWWiUid0SuFsUMrVQKRtFPalWVtRaFvh2/njCkimqt/9bPlbzrcf1j7SJkIDbqRRWLGZzrVNYOsG7Ho41K9XKGKK4MtZRqsdRbsiobpVUJSGqZC60eJTDf8jFDRVnswxuVa52rQraPjLR1tiVXol4osIcRr57gF99aeMOBGwQiTS1oEBw5q/LFEVUlRS2K5M2Hs5Hxg9KDj8ohrgayjwy7tDGCbSkB34PTPILDdZ1fXaRCi5laiYW8AeZvT6t8eunN4Ygyled3E2NvgoBdNHeTpdbV7OZms9m4G88t68UNxRgbxQl6VHLzqXy6m0DILkeEosjFdHLp/QH2KqGXKL2b/EUATOQh4mIeYHLPUOh6YQQn4oY4RH7LnxPXJ5wh5kbY4z6I08DnQHLs4cBoYy+wpO+xOXZDRhj2LSMMCPhnEfYjavQJDTkwPGwNgv2IkwhUCInCMAAG5WAKu5iwAIcUGGCSEcuhHuUcOGEUBGRuOBj72EOBi33OjQwhmDMfGB4hVgmCw1bCh8SQe89GG7XU3HOZQQx0wEPGkeeGHgNUEXigEF53mDMTLgm3fEhGxMKtGrOp6ozekzZztPMBJOcQOu0gAR1FQLWIDcXDEDLYxmRpnwHdRm21MTUJN2kBMojAI+nSBrSPIwZx2rx6RoD63OTPZh4MwaMoYJbhe14wBwYESS0DihAaCcaJUbG1pWi/Jb5MusaLc7iFXfvcmP7pjtBscLq4th3dzaRz2vn/tDAknQBEeIIo223hFlqyrmsYS3MzCSe2ranRoFxA18MXbgAijj3/yfAuE2GHsiUJgz2mPX85GasZIQfDvJ1x3XQjZpodFbIze4Y+8IxnUXpCsBapWjczxI6YM6t0uxvsqqhqyHb9/DWVmVjnehjqwR78Lgv9xoFJvYjF1QkLX0HgegoN5g/aOtjrw2CSsoAR2uiTqLaj+0S6smzfQbOuM5HIA7vj9jv6ZRbLrKxlt9NO7rURtGFjylqVqoDcGtbgOhtB6qpcPIN+XiYPhqPLql04o1xmujv2rYTxpSH7TdnTJiXQ9TN0cWHI3SU5/NKVZVO7jq6teLclB0R3GhmqVj1do6bMVXpc1GZyiuyOq4S5ijsutj18VL0VmJqqWb3dXXn4KtQvz9euPCKDTP94dUQMIa71fnW61d0Wx2+T3panIyxQaI/VrI0dKiyvHHg4RebXBrMSzYNjB+A2A7tb38r0bxPnyFqZN+CJ7IPZMzIk0PcPvPQkV6aJkDNQk+4OdYX/FdFBqYEeAVELUDSVTDQUFfxDsx4WtKvfYfda1LWE9yZtEt8d38U1JNG3ggUnU2iG0e69He1ejX7yDvyrYny9WtW+p0ZDN/UsY7Qz1kPbm7bfCdA7F+D7LnrbyrZCJ/rtUPIcYOwg2H4xDMTZ38GihFfnPC83Mj3bjT8Y/49YDLbAX/8DF/tkvA== */
.bubble-element.Checkbox label {
vertical-align: middle !important;
}
.bubble-element.Checkbox input[type=checkbox] {
box-sizing: border-box;
width: 20px;
height: 20px;
position: relative;
background: none !important;
outline: none;
border: none;
margin: 0 8px 0 0;
vertical-align: middle;
padding: 0;
-moz-appearance: none;
-webkit-appearance: none;
-o-appearance: none;
transition: 0.2s;
--checkmark-svg: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0.8 12 9.02'%3E%3Cpath d='M10.293 1.08601L4 7.37901L1.707 5.08601C1.5184 4.90385 1.2658 4.80306 1.0036 4.80534C0.741405 4.80761 0.490592 4.91278 0.305184 5.09819C0.119776 5.2836 0.0146072 5.53441 0.0123288 5.79661C0.0100503 6.05881 0.110845 6.31141 0.293003 6.50001L3.293 9.50001C3.48053 9.68748 3.73484 9.7928 4 9.7928C4.26517 9.7928 4.51947 9.68748 4.707 9.50001L11.707 2.50001C11.8892 2.31141 11.99 2.05881 11.9877 1.79661C11.9854 1.53441 11.8802 1.2836 11.6948 1.09819C11.5094 0.912783 11.2586 0.807614 10.9964 0.805336C10.7342 0.803057 10.4816 0.903852 10.293 1.08601Z' fill='black'%3E%3C/path%3E%3C/svg%3E");
--handle-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='28 116 200 24'%3E%3Cpath fill='currentColor' d='M228 128a12 12 0 0 1-12 12H40a12 12 0 0 1 0-24h176a12 12 0 0 1 12 12Z'%3E%3C/path%3E%3C/svg%3E");
--cz-checkbox-border-width: 1px;
--cz-checkbox-border-color: #8f8f9d;
--cz-checkbox-border-radius: 4px;
--cz-checkbox-bg-on: var(--color_primary_default);
--cz-checkbox-bg-indeterminate: var(--color_primary_default);
--cz-checkbox-bg-disabled: rgba(var(--color_primary_default_rgb), 0.5);
--cz-checkbox-handle-color-on: var(--color_primary_contrast_default);
--cz-checkbox-padding: 4px;
--cz-checkbox-bg-off: var(--color_surface_default);
}
.bubble-element.Checkbox input[type=checkbox]:before {
box-sizing: border-box;
cursor: pointer;
position: relative;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: var(--cz-checkbox-bg-off, none);
border: var(--cz-checkbox-border-width, 0px) solid var(--cz-checkbox-border-color, transparent);
border-radius: var(--cz-checkbox-border-radius, 4px);
transition: background-color 0.2s;
}
.bubble-element.Checkbox input[type=checkbox]:after {
box-sizing: border-box;
cursor: pointer;
position: absolute;
display: none;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
mask-image: var(--checkmark-svg);
-webkit-mask-image: var(--checkmark-svg);
mask-position: center;
-webkit-mask-position: center;
height: calc(100% - var(--cz-checkbox-padding, 0px) * 2 - var(--cz-checkbox-border-width, 0px) * 2);
aspect-ratio: 1;
transition: 0.2s;
content: "";
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.bubble-element.Checkbox input[type=checkbox]:checked:before {
background-color: var(--cz-checkbox-bg-on, #39BA76);
}
.bubble-element.Checkbox input[type=checkbox]:checked:after {
display: block;
background-color: var(--cz-checkbox-handle-color-on, #FFFFFF);
}
.bubble-element.Checkbox input[type=checkbox]:indeterminate:before {
background-color: var(--cz-checkbox-bg-indeterminate, #AFAFAF);
}
.bubble-element.Checkbox input[type=checkbox]:indeterminate:after {
display: block;
mask-image: var(--handle-svg);
-webkit-mask-image: var(--handle-svg);
background-color: var(--cz-checkbox-handle-color-indeterminate, #FFFFFF);
}
.bubble-element.Checkbox input[type=checkbox]:disabled:before {
cursor: not-allowed;
background-color: var(--cz-checkbox-bg-disabled, #D7D7D7);
}
.bubble-element.Checkbox input[type=checkbox]:disabled:after {
cursor: not-allowed;
background-color: var(--cz-checkbox-handle-color-disabled, #FFFFFF);
}
</style>
<script>
const overrideFlag = "".toLowerCase();
const overrideDefaultCheckbox = ["true", "yes", "enabled"].includes(overrideFlag);
if (overrideDefaultCheckbox) {
const styleEl = document.getElementById("override-default-checkbox");
if(styleEl.hasAttribute('media')) {
styleEl.removeAttribute('media');
}
}
</script>
<!-- 1700190068200x826822453402271700 -->
<script src="https://js.tosspayments.com/v1/payment"></script>
<script> var tossPayments = TossPayments("");</script>
<!-- 1715063209447x236186474670456830 -->
<!-- Meta Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '815741890433013');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=815741890433013&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-TWGPGTJS');</script>
<!-- End Google Tag Manager -->
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TWGPGTJS"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Kakao Pixel -->
<script type="text/javascript" charset="UTF-8" src="//t1.daumcdn.net/kas/static/kp.js"></script>
<script type="text/javascript">
kakaoPixel('5014159955366923965').pageView();
</script>
<!-- 1723367317581x470142930317213700 -->
<script>
const MIXPANEL_PROJECT_TOKEN = "98ad5f1a33601212798c43983bc5c5e1";
const MIXPANEL_PROXY_DOMAIN = "https://mixpanel-track.artstnd.com";
const MIXPANEL_CUSTOM_LIB_URL = MIXPANEL_PROXY_DOMAIN + "/lib.min.js";
(function (f, b) { if (!b.__SV) { var e, g, i, h; window.mixpanel = b; b._i = []; b.init = function (e, f, c) { function g(a, d) { var b = d.split("."); 2 == b.length && ((a = a[b[0]]), (d = b[1])); a[d] = function () { a.push([d].concat(Array.prototype.slice.call(arguments, 0))); }; } var a = b; "undefined" !== typeof c ? (a = b[c] = []) : (c = "mixpanel"); a.people = a.people || []; a.toString = function (a) { var d = "mixpanel"; "mixpanel" !== c && (d += "." + c); a || (d += " (stub)"); return d; }; a.people.toString = function () { return a.toString(1) + ".people (stub)"; }; i = "disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split( " "); for (h = 0; h < i.length; h++) g(a, i[h]); var j = "set set_once union unset remove delete".split(" "); a.get_group = function () { function b(c) { d[c] = function () { call2_args = arguments; call2 = [c].concat(Array.prototype.slice.call(call2_args, 0)); a.push([e, call2]); }; } for ( var d = {}, e = ["get_group"].concat( Array.prototype.slice.call(arguments, 0)), c = 0; c < j.length; c++) b(j[c]); return d; }; b._i.push([e, f, c]); }; b.__SV = 1.2; e = f.createElement("script"); e.type = "text/javascript"; e.async = !0; e.src = "undefined" !== typeof MIXPANEL_CUSTOM_LIB_URL ? MIXPANEL_CUSTOM_LIB_URL : "file:" === f.location.protocol && "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//) ? "https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js" : "//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js"; g = f.getElementsByTagName("script")[0]; g.parentNode.insertBefore(e, g); } })(document, window.mixpanel || []);
mixpanel.init(MIXPANEL_PROJECT_TOKEN, {ignore_dnt: true, debug: false, api_host: MIXPANEL_PROXY_DOMAIN});
</script>
<script>
/***
**** 코드명: Mixpanel - Initialize
***/
console.log("Starting to log user information...");
// 전역 객체를 window에 저장
window.artstnd_trck_obj = {};
// IP 주소 추출 (https://api64.ipify.org 사용)
console.log("Fetching IP address...");
let ipAddress = null;
fetch('https://api64.ipify.org?format=json')
.then(response => response.json())
.then(data => {
ipAddress = data.ip;
console.log("IP Address:", ipAddress);
window.artstnd_trck_obj.ip = ipAddress; // IP 주소 저장
// 디바이스 ID 추출 또는 생성
console.log("Extracting device ID...");
let deviceId = localStorage.getItem('device_id');
if (!deviceId) {
console.log("Generating new device ID...");
deviceId = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
const r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
return v.toString(16);
});
localStorage.setItem('device_id', deviceId);
console.log("New Device ID generated and stored:", deviceId);
} else {
console.log("Device ID:", deviceId);
}
window.artstnd_trck_obj.$device_id = deviceId; // 디바이스 ID 저장
// 데이터가 모두 채워지면 이벤트 발생
console.log("Dispatching custom event...");
const event = new Event('artstnd_trck_ready');
window.dispatchEvent(event);
})
.catch(error => {
console.error('Failed to retrieve IP address:', error);
});
window.mixpanel_event_trigger = function(eventName, eventProperties, eventContext) {
/***
**** 코드명: Mixpanel - Event - General
***/
console.log("=== GENERAL EVENT: " + eventName + " ===");
console.log(eventProperties);
// artstnd_trck_ready 이벤트가 발생할 때까지 대기하고, 이벤트가 발생하면 코드를 실행
console.log("artstnd_trck_obj is ready:", window.artstnd_trck_obj);
/***
####################
아래에 코드를 입력하세요
####################
***/
console.log("Mixpanel Track Obj" + window.artstnd_trck_obj)
mixpanel.track(eventName, {
...window.artstnd_trck_obj,
...eventProperties
});
console.log("Mixpanel event '" + eventName + "' tracked with data:", {...eventProperties, ...window.artstnd_trck_obj});
/***
####################
***/
};
</script>
<!-- 1725184441778x354029998098874400 -->
<script src="https://t1.kakaocdn.net/kakao_js_sdk/2.7.2/kakao.min.js" integrity="sha384-TiCUE00h649CAMonG018J2ujOgDKW/kVWlChEuu4jK2vxfAAD0eZxzCKakxg55G4" crossorigin="anonymous"></script>
<script>
Kakao.init('90bd327a7ba0243e3c27c4447415ca6a'); // 사용하려는 앱의 JavaScript 키 입력
</script>
<!-- AAM -->
<script defer="" src="https://102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io/f1593371286926x299194282192942340/offline.min.js"></script>
<!-- aHFyv -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/swiper-bundle.min.css"><script src="https://cdn.jsdelivr.net/npm/[email protected]/swiper-bundle.min.js"></script><style> .swiper-slide { -webkit-transform-style: preserve-3d !important; -webkit-backface-visibility: hidden !important; } .swiper-wrapper { -webkit-transform-style: preserve-3d !important; }</style>
<!-- AAC -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/pablo/0.4.0/pablo.min.js" integrity="sha512-VUcadyEaN6kd67j+tHNGhMnbrek+3nBz+S02m5uMusBEwODy96E8GRNLkVGi5vMfkI5eLjAOvyWEStqqYx1gHg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script type="text/javascript">window._bubble_page_load_data.js_execution_timings.plugin_js_end_execution = Date.now();</script>
<!-- custom app meta header -->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
clarity("set", "userId", userUuid);
})(window, document, "clarity", "script", "m2kcz7aljy");
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "카페인아트",
"url": "https://cafe.artstnd.com",
"sameAs": [
"https://www.instagram.com/cafeinart.official"
]
}
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
<style>
.cz-switch:after {
aspect-ratio: 1 !important;
width: 18px !important;
height: unset !important;
}
/* width */
::-webkit-scrollbar {
width: 16px;
height: 16px;
}
/* Track */
::-webkit-scrollbar-track {
background: rgba(39, 46, 53, 0);
border-radius: 99px;
transition: background-color 2s;
}
::-webkit-scrollbar-track:hover {
background: rgba(39, 46, 53, 0);
border-radius: 99px;
transition: background-color 2s;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: rgba(39, 46, 53, 0.4);
border-radius: 99px;
border: 5px solid transparent;
transition: background-color 2s;
background-clip: padding-box;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: rgba(39, 46, 53, 1)
border-radius: 99px;
border: 5px solid transparent;
transition: background-color 2s;
background-clip: padding-box;
}
</style>
<style>:root{--cf-app-font: "Pretendard:::custom"; --cc-alert: rgba(245, 150, 56, 1); --cc-primary: rgba(38, 110, 241, 1); --cc-success: rgba(29, 124, 77, 1); --cc-surface: rgba(245, 247, 249, 1); --cc-background: rgba(255, 255, 255, 1); --cc-destructive: rgba(197, 52, 52, 1); --cc-primary_contrast: rgba(255, 255, 255, 1); --cc-teritary: rgba(126,140,154,1); --cc-border: rgba(234,237,240,1); --cc-secondary: rgba(85,95,109,1); --cc-primary_900: rgba(21,39,86,1); --cc-primary_800: rgba(0,0,0,1); --cc-primary_700: rgba(0,0,0,1); --cc-primary_600: rgba(0,0,0,1); --cc-primary_500: rgba(0,0,0,1); --cc-primary_400: rgba(0,0,0,1); --cc-primary_300: rgba(0,0,0,1); --cc-primary_200: rgba(0,0,0,1); --cc-primary_100: rgba(0,0,0,1); --cc-primary_50: rgba(0,0,0,1); --cc-gray_900: rgba(0,0,0,1); --cc-gray_800: rgba(0,0,0,1); --cc-gray_700: rgba(0,0,0,1); --cc-gray_600: rgba(0,0,0,1); --cc-gray_500: rgba(0,0,0,1); --cc-gray_400: rgba(0,0,0,1); --cc-gray_300: rgba(0,0,0,1); --cc-gray_200: rgba(0,0,0,1); --cc-gray_100: rgba(0,0,0,1); }</style><script type="text/javascript" async="" src="https://ssl.pstatic.net/melona/libs/gfp-nac-module/synchronizer.js"></script><style type="text/css"></style><style>[aria-controls="swiper-wrapper-6f356eb175cb7914"]:after { font-size: 24px; }</style></head>
<body data-aos-easing="ease" data-aos-duration="400" data-aos-delay="0" style="height: 100%; display: flex; flex-direction: column;"><script type="text/javascript">
window.addEventListener('DOMContentLoaded', function () {
if (window.appquery == null) {
const css = document.createElement('style');
css.type='text/css';
css.appendChild(document.createTextNode(".warning-message-failure {padding: 30px; line-height: 1.5; white-space: pre; z-index: 1000000; position: fixed; width: 100%; height: 100%; background: white;}"));
document.getElementsByTagName("head")[0].appendChild(css);
const newDiv = document.createElement("div");
newDiv.className = "warning-message-failure";
newDiv.innerHTML = "Your browser was unable to load some necessary resources, contact your IT network administrator and ask them to allow access to <br><br> d3dqmih97rcqmh.cloudfront.net <br> 102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io/ <br> d1muf25xaso8hp.cloudfront.net";
document.body.appendChild(newDiv);
httpRequest = new XMLHttpRequest();
httpRequest.open('POST', '/user/m', true);
httpRequest.setRequestHeader('Content-Type', 'application/json');
httpRequest.send(JSON.stringify({measures: {page_load_error: 1, url: document.location.href, errors: window.load_error_log}}));
};
});
</script><script id="classifyScript"></script><!-- Channel.io -->
<script>
(function(){var w=window;if(w.ChannelIO){return w.console.error("ChannelIO script included twice.");}var ch=function(){ch.c(arguments);};ch.q=[];ch.c=function(args){ch.q.push(args);};w.ChannelIO=ch;function l(){if(w.ChannelIOInitialized){return;}w.ChannelIOInitialized=true;var s=document.createElement("script");s.type="text/javascript";s.async=true;s.src="https://cdn.channel.io/plugin/ch-plugin-web.js";var x=document.getElementsByTagName("script")[0];if(x.parentNode){x.parentNode.insertBefore(s,x);}}if(document.readyState==="complete"){l();}else{w.addEventListener("DOMContentLoaded",l);w.addEventListener("load",l);}})();
</script>
<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
<script type="text/javascript">
if(!wcs_add) var wcs_add = {};
wcs_add["wa"] = "ed581a630f68b0";
if(window.wcs) {
wcs_do();
}
</script>
<!-- ArtStandard Static Asset -->
<link href="https://static.artstnd.com/css/default.css" rel="stylesheet">
<script src="https://static.artstnd.com/js/scrollHeaderEvent.js"></script>
<script src="https://static.artstnd.com/js/script.js"></script><script type="text/javascript">window.addEventListener('DOMContentLoaded', function () {if (window.appquery && window.app == null) {const css = document.createElement('style');
css.type='text/css';
css.appendChild(document.createTextNode(".warning-message-failure {padding: 30px; line-height: 1.5; white-space: pre; z-index: 1000000; position: fixed; width: 100%; height: 100%; background: white;}"));
document.getElementsByTagName("head")[0].appendChild(css);
const newDiv = document.createElement("div");
newDiv.className = "warning-message-failure";
newDiv.innerHTML = "Your browser was unable to load the application data. We've been notified of the issue. Please try again in a few moments and make sure not to use ad-blockers.";
document.body.appendChild(newDiv);}});</script>
<img style="display: none;" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
<div class="offline-ui offline-ui-up"><div class="offline-ui-content"></div><a href="" class="offline-ui-retry"></a></div><div class="bubble-element Page baTaGaYf main-page bubble-r-container flex column" style="background-color: var(--color_primary_contrast_default); min-width: 320px; min-height: max(0px, 100%); width: 100%; margin-right: auto; margin-left: auto; position: relative; z-index: 2; height: max-content; flex-shrink: 0; justify-content: flex-start; opacity: 1;"><div class="bubble-element Group baTaHqs bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; max-width: 600px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 7;"><div class="bubble-element Group baTdaCx bubble-r-container flex row" style="background-color: rgb(255, 255, 255); overflow: visible; justify-content: flex-start; gap: 16px; border-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color_bTZVz_default); padding: 6px 24px 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 5; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 46px 0px 0px; z-index: 3; position: sticky; top: 48px;"><div class="bubble-element Group baTdaPp bubble-r-container flex row" style="overflow: visible; justify-content: flex-start; border-radius: 0px; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: var(--color_text_default); padding: 4px; opacity: 1; align-self: flex-end; min-width: 40px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px -1px; z-index: 4;"><div class="bubble-element Text baTdaCz bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_text_default); line-height: 1.75; border-radius: 0px; opacity: 1; align-self: flex-end; min-width: 0px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 2;"><div>전시하기</div></div></div><div class="bubble-element Group baTdaPh bubble-r-container flex row" style="overflow: visible; justify-content: flex-start; gap: 4px; border-radius: 0px; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color: rgba(var(--color_text_default_rgb), 0); padding: 4px; opacity: 0.5; align-self: flex-end; min-width: 40px; order: 5; min-height: 40px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px -1px; z-index: 4;"><div class="bubble-element Text baTdaDc bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_bTZBz_default); line-height: 1.75; border-radius: 0px; opacity: 1; align-self: flex-end; min-width: 0px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 2;"><div>관람하기</div></div><div class="bubble-element Text baTdaPb bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTZBz_default); letter-spacing: 0.24px; line-height: 1.66; padding: 0px 0px 2px; border-radius: 0px; opacity: 1; align-self: flex-end; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 3;"><div>준비중</div></div></div></div><div class="bubble-element Group baTaHaHt bubble-r-container flex row animate_row" style="background-color: var(--color_primary_contrast_default); overflow: visible; justify-content: center; gap: 24px; border-radius: 0px; padding: 32px 0px 24px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 6; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 2;"><div class="bubble-element Group baTdaLm bubble-r-container flex row row-fade-in-up" style="overflow: visible; justify-content: flex-start; gap: 20px; border-radius: 0px; opacity: 0; align-self: flex-start; min-width: 40px; order: 9; min-height: 40px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 19; animation: 0.7s ease 200ms 1 normal forwards running fadeInUpRow;"><div class="bubble-element Group baTdaKr bubble-r-container flex row" style="overflow: visible; justify-content: center; border-radius: 0px; padding: 0px 24px; opacity: 1; align-self: center; min-width: 100%; max-width: 100%; order: 1; min-height: 0px; width: 100%; flex-grow: 1; height: max-content; margin: 0px; z-index: 18;"><div class="bubble-element Group baTdaLaB bubble-r-container flex row search-gradient" style="background-color: rgb(0, 127, 255); overflow: visible; justify-content: space-between; border-radius: 99px; padding: 2px; opacity: 1; align-self: center; min-width: 100%; max-width: 100%; order: 1; min-height: 0px; width: 100%; flex-grow: 1; height: max-content; margin: 0px; z-index: 18;"><div class="clickable-element bubble-element Group baTdaLb bubble-r-container flex row" style="background-color: rgb(255, 255, 255); overflow: visible; justify-content: space-between; border-radius: 99px; padding: 8px 16px 8px 20px; opacity: 1; cursor: pointer; align-self: center; min-width: 100%; max-width: 100%; order: 1; min-height: 40px; width: 100%; flex-grow: 1; height: max-content; margin: 0px; z-index: 19;"><div class="bubble-element Text baTdaKl bubble-r-vertical-center animate_text" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 500; color: var(--color_bTZBz_default); letter-spacing: 0.32px; line-height: 1.75; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 17; animation-delay: 5s;"><div class="container-fade-in" style="display: inline-block; animation-delay: 0ms;"><div style="display: block;"><span class="text-fade-in-up" style="display: inline-block; animation-delay: 0ms;">어</span><span class="text-fade-in-up" style="display: inline-block; animation-delay: 10ms;">디</span><span class="text-fade-in-up" style="display: inline-block; animation-delay: 20ms;">에</span><span class="text-fade-in-up" style="display: inline-block; animation-delay: 30ms;"> </span><span class="text-fade-in-up" style="display: inline-block; animation-delay: 40ms;">전</span><span class="text-fade-in-up" style="display: inline-block; animation-delay: 50ms;">시</span><span class="text-fade-in-up" style="display: inline-block; animation-delay: 60ms;">해</span><span class="text-fade-in-up" style="display: inline-block; animation-delay: 70ms;">볼</span><span class="text-fade-in-up" style="display: inline-block; animation-delay: 80ms;">까</span><span class="text-fade-in-up" style="display: inline-block; animation-delay: 90ms;">요</span><span class="text-fade-in-up" style="display: inline-block; animation-delay: 100ms;">?</span></div></div></div><div class="bubble-element 1676280573614x891677842206097400-AAF" style="align-self: flex-start; min-width: 32px; max-width: 32px; order: 2; min-height: 32px; max-height: 32px; width: 32px; flex-grow: 1; height: 32px; margin: 0px; z-index: 18;"><lottie-player id="lottie_fa989be9-5862-4808-931f-0a41e8686021" src="//102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io/f1728988300723x190127651717982180/icons8-search.json" speed="1" style="width: 100%; height: 100%;" loop="" autoplay="" background="rgba(0,0,0,0)"></lottie-player></div></div></div><div class="bubble-element HTML baTdaLaU" style="border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 1px; max-width: 1px; order: 3; min-height: 1px; max-height: 1px; width: 1px; flex-grow: 1; height: 1px; margin: 0px; z-index: 20;"><style>
@keyframes hero-gradient-animation {
0% {
--s-start-0: 10%;
--s-end-0: 55%;
--x-0: 1%;
--y-0: 48%;
--c-0: hsla(152, 91%, 51%, 1);
--s-start-1: 10%;
--s-end-1: 55%;
--y-1: 97%;
--x-1: 85%;
--c-1: hsla(234, 97%, 58%, 1);
--y-2: 97%;
--s-start-2: 10%;
--s-end-2: 55%;
--c-2: hsla(185, 100%, 50%, 1);
--x-2: 85%;
}
100% {
--s-start-0: 10%;
--s-end-0: 55%;
--x-0: 36%;
--y-0: 3%;
--c-0: hsla(234, 97%, 58%, 1);
--s-start-1: 6%;
--s-end-1: 76%;
--y-1: 58%;
--x-1: 100%;
--c-1: hsla(185, 100%, 50%, 1);
--y-2: 58%;
--s-start-2: 6%;
--s-end-2: 76%;
--c-2: hsla(151, 91%, 50%, 1);
--x-2: 100%;
}
}
@property --s-start-0 {
syntax: '<percentage>';
inherits: false;
initial-value: 10%
}
@property --s-end-0 {
syntax: '<percentage>';
inherits: false;
initial-value: 55%
}
@property --x-0 {
syntax: '<percentage>';
inherits: false;
initial-value: 1%
}
@property --y-0 {
syntax: '<percentage>';
inherits: false;
initial-value: 48%
}
@property --c-0 {
syntax: '<color>';
inherits: false;
initial-value: hsla(152, 91%, 51%, 1)
}
@property --s-start-1 {
syntax: '<percentage>';
inherits: false;
initial-value: 10%
}
@property --s-end-1 {
syntax: '<percentage>';
inherits: false;
initial-value: 55%
}
@property --y-1 {
syntax: '<percentage>';
inherits: false;
initial-value: 97%
}
@property --x-1 {
syntax: '<percentage>';
inherits: false;
initial-value: 85%
}
@property --c-1 {
syntax: '<color>';
inherits: false;
initial-value: hsla(234, 97%, 58%, 1)
}
@property --y-2 {
syntax: '<percentage>';
inherits: false;
initial-value: 97%
}
@property --s-start-2 {
syntax: '<percentage>';
inherits: false;
initial-value: 10%
}
@property --s-end-2 {
syntax: '<percentage>';
inherits: false;
initial-value: 55%
}
@property --c-2 {
syntax: '<color>';
inherits: false;
initial-value: hsla(185, 100%, 50%, 1)
}
@property --x-2 {
syntax: '<percentage>';
inherits: false;
initial-value: 85%
}
.search-gradient {
--x-0: 1%;
--y-0: 48%;
--c-0: hsla(152, 91%, 51%, 1);
--y-1: 97%;
--x-1: 85%;
--c-1: hsla(234, 97%, 58%, 1);
--y-2: 97%;
--c-2: hsla(185, 100%, 50%, 1);
--x-2: 85%;
;
background-color: hsla(185, 100%, 90%, 1);
background-image: radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)), radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1)), radial-gradient(circle at var(--x-2) var(--y-2), var(--c-2) var(--s-start-2), transparent var(--s-end-2));
animation: hero-gradient-animation 5s linear infinite alternate;
background-blend-mode: normal, normal, normal;
}
</style></div></div><div class="bubble-element Group baTdaAaK bubble-r-container flex column animate_row" style="overflow: visible; justify-content: flex-start; row-gap: 16px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 300px; max-width: 100%; order: 2; min-height: 0px; width: 300px; flex-grow: 1; height: max-content; margin: 0px 0px 16px; z-index: 14;"><div class="bubble-element Group baTdaBx bubble-r-container flex row animate_row row-fade-in-up" style="overflow: visible; justify-content: space-around; gap: 0px; border-radius: 0px; padding: 0px 16px; opacity: 0; align-self: center; min-width: 100%; max-width: 100%; order: 6; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 5; animation: 0.7s ease 200ms 1 normal forwards running fadeInUpRow;"><div class="clickable-element bubble-element Group baTdaBaL bubble-r-container flex column row-fade-in-up" style="background-color: rgba(255, 255, 255, 0); overflow: visible; justify-content: center; row-gap: 2px; border-radius: 16px; padding: 8px; opacity: 0; transition: background 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 80px; max-width: 80px; order: 2; min-height: 80px; max-height: 80px; width: 80px; flex-grow: 1; height: 80px; margin: 0px; z-index: 4; animation: 0.7s ease 200ms 1 normal forwards running fadeInUpRow;"><div class="bubble-element 1660986320633x930868553717645300-AAC" style="align-self: center; min-width: 44px; max-width: 44px; order: 2; min-height: 44px; max-height: 44px; height: 44px; flex-grow: 1; width: 44px; margin: 0px; z-index: 4; border-radius: 0px;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="44" height="44" style="transition: opacity 1s ease 0s, fill 2s ease 0s;"><path d="M15,18H7c-2.209,0-4-1.791-4-4V5c0-1.105,0.895-2,2-2h12c1.105,0,2,0.895,2,2v9 C19,16.209,17.209,18,15,18z" opacity=".35" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M19,7v7h1c1.105,0,2-0.895,2-2V9c0-1.105-0.895-2-2-2H19z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M18.5,18c-0.386,0-14.614,0-15,0C2.672,18,2,18.672,2,19.5S2.672,21,3.5,21c0.386,0,14.614,0,15,0 c0.828,0,1.5-0.672,1.5-1.5S19.328,18,18.5,18z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path></svg></div><div class="bubble-element Text baTdaBaR bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>카페</div></div></div><div class="clickable-element bubble-element Group baTdaBaT bubble-r-container flex column row-fade-in-up" style="background-color: rgba(255, 255, 255, 0); overflow: visible; justify-content: center; row-gap: 2px; border-radius: 16px; padding: 8px; opacity: 0; transition: background 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 80px; max-width: 80px; order: 3; min-height: 80px; max-height: 80px; width: 80px; flex-grow: 1; height: 80px; margin: 0px; z-index: 4; animation: 0.7s ease 350ms 1 normal forwards running fadeInUpRow;"><div class="bubble-element 1660986320633x930868553717645300-AAC" style="align-self: center; min-width: 44px; max-width: 44px; order: 2; min-height: 44px; max-height: 44px; height: 44px; flex-grow: 1; width: 44px; margin: 0px; z-index: 4; border-radius: 0px;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="44" height="44" style="transition: opacity 1s ease 0s, fill 2s ease 0s;"><path d="M20.5,18c-0.017,0-0.197,0-0.5,0V9h0.211C21.199,9,22,8.199,22,7.211 c0-0.732-0.445-1.389-1.125-1.661l-7.55-3.02c-0.851-0.34-1.801-0.34-2.652,0l-7.55,3.02C2.445,5.822,2,6.48,2,7.211 C2,8.199,2.801,9,3.789,9H4v9c-0.303,0-0.483,0-0.5,0C2.672,18,2,18.672,2,19.5S2.672,21,3.5,21c0.176,0,16.824,0,17,0 c0.828,0,1.5-0.672,1.5-1.5S21.328,18,20.5,18z" opacity=".35" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M20.5,18c0.176,0,0.343,0.036,0.5,0.092V8.809C20.761,8.927,20.496,9,20.211,9H18v9C19.471,18,20.458,18,20.5,18z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M16,18V9h-3v9C14.042,18,15.062,18,16,18z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M3.5,18c0.042,0,1.029,0,2.5,0V9H3.789C3.504,9,3.239,8.927,3,8.809v9.283C3.157,18.036,3.324,18,3.5,18z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M11,18V9H8v9C8.938,18,9.958,18,11,18z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><circle cx="12" cy="6" r="1" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></circle></svg></div><div class="bubble-element Text baTdaBaZ bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>국내갤러리</div></div></div><div class="clickable-element bubble-element Group baTdaBe bubble-r-container flex column row-fade-in-up" style="background-color: rgba(255, 255, 255, 0); overflow: visible; justify-content: center; row-gap: 2px; border-radius: 16px; padding: 8px; opacity: 0; transition: background 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 80px; max-width: 80px; order: 5; min-height: 80px; max-height: 80px; width: 80px; flex-grow: 1; height: 80px; margin: 0px; z-index: 4; animation: 0.7s ease 500ms 1 normal forwards running fadeInUpRow;"><div class="bubble-element 1660986320633x930868553717645300-AAC" style="align-self: center; min-width: 44px; max-width: 44px; order: 2; min-height: 44px; max-height: 44px; height: 44px; flex-grow: 1; width: 44px; margin: 0px; z-index: 4; border-radius: 0px;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="44" height="44" style="transition: opacity 1s ease 0s, fill 2s ease 0s;"><circle cx="12" cy="12" r="10" opacity=".35" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></circle><path d="M8,17H7v-1c0-1.1-0.9-2-2-2H2.201c0.795,3.918,3.881,7.004,7.799,7.799V19C10,17.9,9.1,17,8,17z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M9.903,8.844L8.907,4.529c0.968-0.968,1.723-1.723,1.795-1.795c0.397-0.397,0.397-1.039,0-1.436s-1.039-0.397-1.436,0 C9.194,1.37,8.439,2.124,7.471,3.093L3.156,2.097c-0.219-0.051-0.45,0.015-0.609,0.175c-0.255,0.255-0.255,0.669,0,0.924l2.41,2.41 C4.706,5.858,4.464,6.1,4.239,6.324l-1.448-0.29C2.574,5.992,2.35,6.059,2.194,6.216c-0.259,0.259-0.259,0.677,0,0.936l2.655,2.655 c0.259,0.259,0.677,0.259,0.936,0C5.941,9.65,6.008,9.426,5.965,9.209l-0.29-1.448C5.9,7.536,6.142,7.294,6.394,7.042l2.41,2.41 c0.255,0.255,0.669,0.255,0.924,0C9.887,9.294,9.953,9.063,9.903,8.844z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M22,12c0-4.1-2.47-7.619-6-9.162V7c0,1.65,1.35,3,3,3h1c0.552,0,1,0.448,1,1c0,0.552-0.448,1-1,1h-5c-1.1,0-2,0.9-2,2v2 c0,1.1,0.9,2,2,2h1v3.162C19.53,19.619,22,16.1,22,12z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path></svg></div><div class="bubble-element Text baTdaBk bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>해외갤러리</div></div></div><div class="clickable-element bubble-element Group baTdaBp bubble-r-container flex column row-fade-in-up" style="background-color: rgba(255, 255, 255, 0); overflow: visible; justify-content: center; row-gap: 2px; border-radius: 16px; padding: 8px; opacity: 0; transition: background 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 80px; max-width: 80px; order: 6; min-height: 80px; max-height: 80px; width: 80px; flex-grow: 1; height: 80px; margin: 0px; z-index: 4; animation: 0.7s ease 650ms 1 normal forwards running fadeInUpRow;"><div class="bubble-element 1660986320633x930868553717645300-AAC" style="align-self: center; min-width: 44px; max-width: 44px; order: 2; min-height: 44px; max-height: 44px; height: 44px; flex-grow: 1; width: 44px; margin: 0px; z-index: 4; border-radius: 0px;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="44" height="44" style="transition: opacity 1s ease 0s, fill 2s ease 0s;"><path d="M21.895,8.553L21,6.764V5c0-1.657-1.343-3-3-3H6C4.343,2,3,3.343,3,5 v1.764L2.105,8.553C1.903,8.957,1.997,9.445,2.334,9.746C2.478,9.874,3.787,11,5.5,11c1.108,0,2.048-0.472,2.612-0.839 C8.887,10.495,10.332,11,12,11s3.113-0.505,3.888-0.839C16.452,10.528,17.392,11,18.5,11c1.713,0,3.022-1.126,3.166-1.254 C22.003,9.445,22.097,8.957,21.895,8.553z" opacity=".35" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M20,14v-3.286C19.557,10.877,19.053,11,18.5,11c-0.174,0-0.335-0.029-0.5-0.05V14H6v-3.05C5.835,10.971,5.674,11,5.5,11 c-0.553,0-1.057-0.123-1.5-0.286V14c-0.552,0-1,0.448-1,1v4c0,1.657,1.343,3,3,3h12c1.657,0,3-1.343,3-3v-4 C21,14.448,20.552,14,20,14z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path></svg></div><div class="bubble-element Text baTdaBv bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>팝업스토어</div></div></div></div><div class="bubble-element Group baTdaCaT bubble-r-container flex row animate_row row-fade-in-up" style="overflow: visible; justify-content: space-around; gap: 0px; border-radius: 0px; padding: 0px 16px; opacity: 0; align-self: center; min-width: 100%; max-width: 100%; order: 7; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 5; animation: 0.7s ease 350ms 1 normal forwards running fadeInUpRow;"><div class="clickable-element bubble-element Group baTdaCb bubble-r-container flex column row-fade-in-up" style="background-color: rgba(255, 255, 255, 0); overflow: visible; justify-content: center; row-gap: 2px; border-radius: 16px; padding: 8px; opacity: 0; transition: background 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 80px; max-width: 80px; order: 2; min-height: 80px; max-height: 80px; width: 80px; flex-grow: 1; height: 80px; margin: 0px; z-index: 4; animation: 0.7s ease 200ms 1 normal forwards running fadeInUpRow;"><div class="bubble-element 1660986320633x930868553717645300-AAC" style="align-self: center; min-width: 44px; max-width: 44px; order: 2; min-height: 44px; max-height: 44px; height: 44px; flex-grow: 1; width: 44px; margin: 0px; z-index: 4; border-radius: 0px;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="44" height="44" style="transition: opacity 1s ease 0s, fill 2s ease 0s;"><rect width="6" height="12" x="4" y="8" opacity=".35" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></rect><path d="M20,21h-9V5c0-1.105,0.895-2,2-2h6c1.105,0,2,0.895,2,2v15C21,20.552,20.552,21,20,21z" opacity=".35" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M19,7h-2V5h2V7z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M15,7h-2V5h2V7z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M19,11h-2V9h2V11z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M15,11h-2V9h2V11z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M19,15h-2v-2h2V15z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M15,15h-2v-2h2V15z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M19,19h-2v-2h2V19z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M15,19h-2v-2h2V19z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M9,6H5C3.895,6,3,6.895,3,8v12c0,0.552,0.448,1,1,1h7V8C11,6.895,10.105,6,9,6z M9,19H5v-2h4V19z M9,15H5v-2h4V15z M9,11H5 V9h4V11z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path></svg></div><div class="bubble-element Text baTdaCg bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>복합문화공간</div></div></div><div class="clickable-element bubble-element Group baTdaCn bubble-r-container flex column row-fade-in-up" style="background-color: rgba(255, 255, 255, 0); overflow: visible; justify-content: center; row-gap: 2px; border-radius: 16px; padding: 8px; opacity: 0; transition: background 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 80px; max-width: 80px; order: 3; min-height: 80px; max-height: 80px; width: 80px; flex-grow: 1; height: 80px; margin: 0px; z-index: 4; animation: 0.7s ease 350ms 1 normal forwards running fadeInUpRow;"><div class="bubble-element 1660986320633x930868553717645300-AAC" style="align-self: center; min-width: 44px; max-width: 44px; order: 2; min-height: 44px; max-height: 44px; height: 44px; flex-grow: 1; width: 44px; margin: 0px; z-index: 4; border-radius: 0px;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="44" height="44" style="transition: opacity 1s ease 0s, fill 2s ease 0s;"><path d="M19.071,4.929C15.446,1.304,9.734,1.05,5.809,4.154L5.537,3.881C5.201,3.545,4.625,3.728,4.545,4.197l-0.412,2.41 C4.065,7.005,4.411,7.351,4.81,7.283l2.41-0.412c0.469-0.08,0.652-0.656,0.316-0.992L7.239,5.583 c3.541-2.633,8.76-1.971,11.443,2.006c1.777,2.634,1.777,6.189,0,8.823c-2.918,4.325-8.843,4.74-12.338,1.245 c-1.155-1.155-1.882-2.576-2.182-4.066c-0.099-0.494-0.559-0.827-1.061-0.781c-0.593,0.054-1.014,0.612-0.896,1.195 c0.457,2.248,1.691,4.37,3.708,5.932c3.587,2.779,8.753,2.737,12.298-0.095C22.958,16.048,23.245,9.103,19.071,4.929z" opacity=".35" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M15.203,14.789l-1.167-1.509c-0.35-0.453-0.563-0.997-0.615-1.567L13,7c0-0.552-0.448-1-1-1h0c-0.552,0-1,0.448-1,1 l-0.381,4.885c-0.075,0.96,0.316,1.898,1.051,2.521l2.119,1.797c0.391,0.391,1.024,0.391,1.414,0l0,0 C15.594,15.813,15.594,15.179,15.203,14.789z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path></svg></div><div class="bubble-element Text baTdaCs bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>기록</div></div></div><div class="clickable-element bubble-element Group baTdaCh bubble-r-container flex column row-fade-in-up" style="background-color: rgba(255, 255, 255, 0); overflow: visible; justify-content: center; row-gap: 2px; border-radius: 16px; padding: 8px; opacity: 0; transition: background 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 80px; max-width: 80px; order: 4; min-height: 80px; max-height: 80px; width: 80px; flex-grow: 1; height: 80px; margin: 0px; z-index: 4; animation: 0.7s ease 500ms 1 normal forwards running fadeInUpRow;"><div class="bubble-element 1660986320633x930868553717645300-AAC" style="align-self: center; min-width: 44px; max-width: 44px; order: 2; min-height: 44px; max-height: 44px; height: 44px; flex-grow: 1; width: 44px; margin: 0px; z-index: 4; border-radius: 0px;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="44" height="44" fill-rule="nonzero" style="transition: opacity 1s ease 0s, fill 2s ease 0s;"><defs stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"><clipPath id="clip-1" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"><path d="M0,256v-256h256v256zM187,126.66667c-29.44,0 -53.33333,23.89333 -53.33333,53.33333c0,29.44 23.89333,53.33333 53.33333,53.33333c29.44,0 53.33333,-23.89333 53.33333,-53.33333c0,-29.44 -23.89333,-53.33333 -53.33333,-53.33333z" id="overlayBgMask" fill="rgba(38, 110, 241, 1)" stroke="rgba(38, 110, 241,0)"></path></clipPath></defs><g clip-path="url(#clip-1)" fill="rgba(38, 110, 241, 1)" fill-rule="nonzero" stroke="rgba(38, 110, 241,0)" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="scale(10.66667,10.66667)" fill="rgba(38, 110, 241, 1)" stroke="rgba(38, 110, 241,0)"><path d="M20,16h-15.681c-0.176,0 -0.319,-0.143 -0.319,-0.319v-8.681c0,-1.105 0.895,-2 2,-2h12c1.105,0 2,0.895 2,2z" opacity="0.35" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M12,20c-0.552,0 -1,-0.448 -1,-1v-2c0,-0.552 0.448,-1 1,-1c0.552,0 1,0.448 1,1v2c0,0.552 -0.448,1 -1,1z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M13.541,5h2.042l-0.314,-1.527c-0.111,-0.541 -0.64,-0.891 -1.181,-0.778c-0.541,0.111 -0.89,0.64 -0.778,1.181z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M17.843,16h-2.042l0.93,4.527c0.097,0.473 0.514,0.799 0.979,0.799c0.066,0 0.134,-0.006 0.202,-0.021c0.541,-0.111 0.89,-0.64 0.778,-1.181z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M20,17h-16c-0.552,0 -1,-0.448 -1,-1c0,-0.552 0.448,-1 1,-1h16c0.552,0 1,0.448 1,1c0,0.552 -0.448,1 -1,1z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M13,8c0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1c0,-0.552 -0.448,-1 -1,-1c-0.552,0 -1,0.448 -1,1" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M7,13.375c0,0.343 0.28,0.625 0.625,0.625h8.75c0.345,0 0.625,-0.277 0.625,-0.625c0,-0.853 -0.472,-3.375 -1.5,-3.375c-0.508,0 -1.295,1 -2,1c-1.4,0 -2.75,-3 -4,-3c-1.25,0 -2.5,3.727 -2.5,5.375" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><g stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"><path d="M10.459,5l0.231,-1.125c0.111,-0.541 -0.237,-1.069 -0.778,-1.181c-0.541,-0.115 -1.07,0.237 -1.181,0.778l-0.313,1.528z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M6.157,16l-0.847,4.125c-0.111,0.541 0.237,1.069 0.778,1.181c0.068,0.014 0.135,0.021 0.202,0.021c0.465,0 0.881,-0.326 0.979,-0.799l0.93,-4.528z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path></g></g></g><g fill="rgba(38, 110, 241, 1)" fill-rule="nonzero" stroke="rgba(38, 110, 241,0)" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><g transform="translate(133.66667,126.66667) scale(10.66667,10.66667)" id="overlay" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"><path transform="translate(5,5)" d="M-5,0c0,-2.76142 2.23858,-5 5,-5c2.76142,0 5,2.23858 5,5c0,2.76142 -2.23858,5 -5,5c-2.76142,0 -5,-2.23858 -5,-5z" opacity="0.35" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path><path d="M7.5,6h-1.5v1.5c0,0.55 -0.45,1 -1,1c-0.55,0 -1,-0.45 -1,-1v-1.5h-1.5c-0.55,0 -1,-0.45 -1,-1c0,-0.55 0.45,-1 1,-1h1.5v-1.5c0,-0.55 0.45,-1 1,-1c0.55,0 1,0.45 1,1v1.5h1.5c0.55,0 1,0.45 1,1c0,0.55 -0.45,1 -1,1z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path></g></g></svg></div><div class="bubble-element Text baTdaCm bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>작품 등록</div></div></div><div class="clickable-element bubble-element Group baTdaCaV bubble-r-container flex column row-fade-in-up" style="background-color: rgba(255, 255, 255, 0); overflow: visible; justify-content: center; row-gap: 2px; border-radius: 16px; padding: 8px; opacity: 0; transition: background 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 80px; max-width: 80px; order: 6; min-height: 80px; max-height: 80px; width: 80px; flex-grow: 1; height: 80px; margin: 0px; z-index: 4; animation: 0.7s ease 650ms 1 normal forwards running fadeInUpRow;"><div class="bubble-element 1660986320633x930868553717645300-AAC" style="align-self: center; min-width: 44px; max-width: 44px; order: 2; min-height: 44px; max-height: 44px; height: 44px; flex-grow: 1; width: 44px; margin: 0px; z-index: 4; border-radius: 0px;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="44" height="44" style="transition: opacity 1s ease 0s, fill 2s ease 0s;"><circle cx="12" cy="12" r="10" opacity=".35" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></circle><circle cx="12" cy="9" r="3" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></circle><path d="M17.883,15.784C17.574,14.755,16.63,14,15.5,14h-7c-1.13,0-2.074,0.755-2.383,1.784C7.362,17.717,9.529,19,12,19 S16.638,17.717,17.883,15.784z" stroke="rgba(38, 110, 241,0)" fill="rgba(38, 110, 241, 1)"></path></svg></div><div class="bubble-element Text baTdaCa bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>나의 페이지</div></div></div></div></div></div><div class="bubble-element Group baTaWaSx bubble-r-container flex column row-fade-in-up" style="overflow: visible; justify-content: flex-start; border-radius: 16px; padding: 0px 8px; opacity: 0; align-self: flex-start; min-width: 100%; max-width: 992px; order: 18; min-height: 0px; width: 100%; flex-grow: 1; height: max-content; margin: -16px 0px 32px; z-index: 16; animation: 0.7s ease 350ms 1 normal forwards running fadeInUpRow;"><div class="bubble-element 1599995578736x177952455708377100-aHFyv" id="" style="align-self: flex-start; min-width: 100%; max-width: 100%; order: 1; min-height: 140px; max-height: 140px; height: 140px; flex-grow: 1; width: 100%; margin: 0px; z-index: 9; border-radius: 16px; font-family: var(--font_default); font-size: 14px; font-weight: 400; color: rgb(37, 37, 37);"><div class="swiper swiper-initialized swiper-horizontal swiper-backface-hidden" style="width: 100%; height: 100%;"><div class="swiper-wrapper" id="swiper-wrapper-6f356eb175cb7914" aria-live="polite" style="transform: translate3d(0px, 0px, 0px);"><div class="swiper-slide swiper-slide-active" role="group" aria-label="1 / 2" data-swiper-slide-index="0" style="width: 584px; height: auto; text-align: center; background: rgb(255, 255, 255); box-sizing: border-box;"><a style="cursor: default;"><p style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"></p></a><div class="swiper-zoom-container"><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1729577354636x960581764845183000%2F009.jpg?w=&auto=compress,format,&q=45&dpr=2&fit=clamp" style="width: 100%; height: 100%; margin-top: 0%; border-radius: 0px; object-fit: cover;"></div></div><div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" role="group" aria-label="2 / 2" style="width: 584px; height: auto; text-align: center; background: rgb(255, 255, 255); box-sizing: border-box;"><a style="cursor: default;"><p style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"></p></a><div class="swiper-zoom-container"><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1724920753237x984309668280001000%2F%25E1%2584%258B%25E1%2585%25B5%25E1%2586%25AB%25E1%2584%2589%25E1%2585%25B3%25E1%2584%2590%25E1%2585%25A1%25E1%2584%2580%25E1%2585%25B3%25E1%2584%2585%25E1%2585%25A2%25E1%2586%25B7%25E1%2584%2587%25E1%2585%25A2%25E1%2584%2582%25E1%2585%25A5%25E1%2584%2587%25E1%2585%25A2%25E1%2584%2580%25E1%2585%25A7%25E1%2586%25BC.png?w=&auto=compress,format,&q=45&dpr=2&fit=clamp" style="width: 100%; height: 100%; margin-top: 0%; border-radius: 0px; object-fit: cover;"></div></div></div><div class="swiper-pagination" style="visibility: hidden;"><span class="swiper-pagination-bullet swiper-pagination-bullet-active" aria-current="true"></span><span class="swiper-pagination-bullet"></span></div><div class="swiper-button-prev" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-6f356eb175cb7914" aria-disabled="true" style="visibility: hidden; background: transparent; border-radius: 5px; width: 30px; height: 30px;"></div><div class="swiper-button-next" tabindex="-1" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-6f356eb175cb7914" aria-disabled="true" style="visibility: hidden; background: transparent; border-radius: 5px; width: 30px; height: 30px;"></div><div class="swiper-scrollbar swiper-scrollbar-horizontal" style="visibility: hidden; opacity: 0; transition-duration: 400ms;"><div class="swiper-scrollbar-drag" style="transform: translate3d(0px, 0px, 0px); width: 286px;"></div></div><span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div></div><div class="bubble-element Group baTaWaTaP bubble-r-container flex column" style="background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.7) 100%); overflow: visible; justify-content: space-between; border-radius: 16px; padding: 16px 20px; opacity: 1; align-self: center; min-width: 100%; max-width: 100%; order: 2; min-height: 140px; max-height: 140px; height: 140px; flex-grow: 1; width: 100%; margin: -140px 0px 0px; z-index: 18; pointer-events: none;"><div class="bubble-element Group baTaWaTu bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; row-gap: 6px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px 0px 24px; z-index: 18;"><h5 class="bubble-element Text baTaWaTaF bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_primary_contrast_default); line-height: 1.75; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 17;"><div>피어오르다 카페 11월 전시 모집중</div></h5><div class="bubble-element Text baTaWaTaW bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: rgba(var(--color_primary_contrast_default_rgb), 0.64); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 17;"><div>올림픽공원 옆에 위치한 피어오르다 카페에 전시해보세요.</div></div></div><div class="bubble-element Group baTaWaUaR bubble-r-container flex row" style="overflow: visible; justify-content: space-between; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 5; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 19;"><h6 class="bubble-element Text baTaWaTo bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 14px; font-weight: 700; color: var(--color_primary_contrast_default); line-height: 1.71; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 17;"><div>전시 자세히보기 →</div></h6><div class="bubble-element Text baTaWaUaL bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 14px; font-weight: 500; color: rgba(var(--color_primary_contrast_default_rgb), 0.64); letter-spacing: 0.28px; line-height: 1.71; border-radius: 0px; opacity: 1; align-self: flex-end; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 17;"><div>1 / 2</div></div></div></div></div><div class="bubble-element Group baTdaPaD bubble-r-container flex column row-fade-in-up" style="overflow: visible; justify-content: flex-start; row-gap: 48px; border-radius: 0px; padding: 0px 0px 24px; opacity: 0; align-self: flex-start; min-width: 40px; order: 39; min-height: 40px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 20; animation: 0.7s ease 500ms 1 normal forwards running fadeInUpRow;"><div class="bubble-element Group baTdaDz bubble-r-container-wrapper" style="overflow: visible; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 1; min-height: 200px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 14; visibility: hidden; display: none;"><div class="bubble-r-container flex column" style="justify-content: flex-start; row-gap: 8px;"><div class="bubble-element Group baTdjaZ bubble-r-container flex row" style="overflow: visible; justify-content: space-between; border-radius: 0px; padding: 0px 8px 0px 16px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px 0px 8px; z-index: 15;"><h3 class="bubble-element Text baTdaEaY bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 22px; font-weight: 700; color: var(--color_text_default); text-align: right; letter-spacing: -0.4px; line-height: 1.4; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 6;"><div>최근 본 플레이스</div></h3><button class="clickable-element bubble-element Button baTdjaT" style="background-color: rgba(255, 255, 255, 0); font-family: var(--font_default); font-size: 14px; font-weight: 600; color: var(--color_primary_default); text-align: center; letter-spacing: 0.32px; line-height: 0; border-radius: 8px; padding: 0px 12px; opacity: 1; transition: border-color 200ms ease 0s, background 200ms ease 0s, opacity 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 0px; order: 2; min-height: 30px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 14;">더보기</button></div><div class="bubble-element RepeatingGroup baTdaEaB bubble-rg overflowy-hidden" style="overflow: auto; gap: 0px; grid-template-rows: repeat(1, minmax(max-content, auto)); grid-template-columns: repeat(10, minmax(max-content, auto)); grid-auto-flow: row; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; max-width: 100%; order: 5; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 13;"></div></div></div><div class="bubble-element Group baTdaNaM bubble-r-container-wrapper" style="overflow: visible; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 2; min-height: 200px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 14; visibility: hidden; display: none;"><div class="bubble-r-container flex column" style="justify-content: flex-start; row-gap: 8px;"><div class="bubble-element Group baTdjr bubble-r-container flex row" style="overflow: visible; justify-content: space-between; border-radius: 0px; padding: 0px 8px 0px 16px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px 0px 8px; z-index: 15;"><h3 class="bubble-element Text baTdjx bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 22px; font-weight: 700; color: var(--color_text_default); text-align: right; letter-spacing: -0.4px; line-height: 1.4; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 6;"><div>최근 본 작품</div></h3><button class="clickable-element bubble-element Button baTdjt" style="background-color: rgba(255, 255, 255, 0); font-family: var(--font_default); font-size: 14px; font-weight: 600; color: var(--color_primary_default); text-align: center; letter-spacing: 0.32px; line-height: 0; border-radius: 8px; padding: 0px 12px; opacity: 1; transition: border-color 200ms ease 0s, background 200ms ease 0s, opacity 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 0px; order: 2; min-height: 30px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 14;">더보기</button></div><div class="bubble-element RepeatingGroup baTdaNaR bubble-rg overflowy-hidden" style="overflow: auto; gap: 0px; grid-template-rows: repeat(1, minmax(max-content, auto)); grid-template-columns: repeat(10, minmax(max-content, auto)); grid-auto-flow: row; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; max-width: 100%; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 13;"></div></div></div><div class="bubble-element Group baTdaMaX bubble-r-container-wrapper" style="overflow: visible; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 3; min-height: 200px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 14;"><div class="bubble-r-container flex column" style="justify-content: flex-start; row-gap: 8px;"><h3 class="bubble-element Text baTdaMo bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 22px; font-weight: 700; color: var(--color_text_default); letter-spacing: -0.4px; line-height: 1.4; padding: 0px 16px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px 0px 8px; z-index: 6;"><div><font color="#266EF1">플레이스</font> 새롭게 등록됐어요</div></h3><div class="bubble-element RepeatingGroup baTdaMc bubble-rg overflowy-hidden" style="overflow: auto; gap: 0px; grid-template-rows: repeat(1, minmax(max-content, auto)); grid-template-columns: repeat(10, minmax(max-content, auto)); grid-auto-flow: row; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; max-width: 100%; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 13;"><div class="bubble-element group-item bubble-r-container flex column entry-1" style="box-sizing: content-box; justify-content: flex-start;"><div class="clickable-element bubble-element Group baTdaMd bubble-r-container flex column" style="background-color: rgb(255, 255, 255); overflow: visible; justify-content: flex-start; row-gap: 8px; border-radius: 0px; opacity: 1; transition: box-shadow 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 200px; max-width: 200px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 200px; margin: 0px 0px 0px 16px; z-index: 2;"><div class="bubble-element Image baTdaMh" style="border-radius: 8px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="aspect-ratio" style="position: relative; height: 0px; padding-top: 75%;"></div><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1729572892842x113460003196506290%2F000_Profile.jpg?w=256&h=192&auto=compress&dpr=1&fit=max" style="top: 0px; left: 0px; display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; border-radius: 8px;"></div><div class="bubble-element Group baTdaMi bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 5;"><div class="bubble-element Text baTdaMj bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>카페</div></div><div class="bubble-element Text baTdaMn" id="" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_text_default); line-height: 1.75; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 200px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">피어오르다</div><div class="bubble-element Group baTdaMv bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-end; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 4;"><div class="bubble-element Text baTdaNaF bubble-r-vertical-center singleline-ellipsis" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 14px; font-weight: 500; color: rgb(126, 140, 154); letter-spacing: 0.28px; line-height: 1.71; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>하루</div></div><div class="bubble-element Group baTdaPaQ bubble-r-container flex row" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;"><h4 class="bubble-element Text baTdaNaB bubble-r-vertical-center singleline-ellipsis" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 18px; font-weight: 700; color: var(--color_text_default); letter-spacing: -0.36px; line-height: 1.33; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 3;"><div>3,600</div></h4><div class="bubble-element Text baTdaNaA bubble-r-vertical-center singleline-ellipsis" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 500; color: var(--color_text_default); letter-spacing: 0.32px; line-height: 1.75; padding: 0px 0px 0px 2px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 3;"><div>원~</div></div></div></div></div></div></div><div class="bubble-element group-item bubble-r-container flex column entry-2" style="box-sizing: content-box; border-left-width: 0px; border-left-color: rgba(var(--color_text_default_rgb), 0); border-left-style: solid; margin-left: 0px; justify-content: flex-start;"><div class="clickable-element bubble-element Group baTdaMd bubble-r-container flex column" style="background-color: rgb(255, 255, 255); overflow: visible; justify-content: flex-start; row-gap: 8px; border-radius: 0px; opacity: 1; transition: box-shadow 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 200px; max-width: 200px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 200px; margin: 0px 0px 0px 16px; z-index: 2;"><div class="bubble-element Image baTdaMh" style="border-radius: 8px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="aspect-ratio" style="position: relative; height: 0px; padding-top: 75%;"></div><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1729066687020x747122801782004600%2FKakaoTalk_Photo_2024-10-16-17-17-55%2520001.jpeg?w=256&h=192&auto=compress&dpr=1&fit=max" style="top: 0px; left: 0px; display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; border-radius: 8px;"></div><div class="bubble-element Group baTdaMi bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 5;"><div class="bubble-element Text baTdaMj bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>복합문화공간</div></div><div class="bubble-element Text baTdaMn" id="" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_text_default); line-height: 1.75; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 200px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">덕정 도시재생현장지원센터</div><div class="bubble-element Group baTdaMv bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-end; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 4;"><div class="bubble-element Text baTdaNaF bubble-r-vertical-center singleline-ellipsis" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 14px; font-weight: 500; color: rgb(126, 140, 154); letter-spacing: 0.28px; line-height: 1.71; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>하루</div></div><div class="bubble-element Group baTdaPaQ bubble-r-container flex row" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;"><h4 class="bubble-element Text baTdaNaB bubble-r-vertical-center singleline-ellipsis" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 18px; font-weight: 700; color: var(--color_text_default); letter-spacing: -0.36px; line-height: 1.33; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 3;"><div>0</div></h4><div class="bubble-element Text baTdaNaA bubble-r-vertical-center singleline-ellipsis" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 500; color: var(--color_text_default); letter-spacing: 0.32px; line-height: 1.75; padding: 0px 0px 0px 2px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 3;"><div>원~</div></div></div></div></div></div></div><div class="bubble-element group-item bubble-r-container flex column entry-3" style="box-sizing: content-box; border-left-width: 0px; border-left-color: rgba(var(--color_text_default_rgb), 0); border-left-style: solid; margin-left: 0px; justify-content: flex-start;"><div class="clickable-element bubble-element Group baTdaMd bubble-r-container flex column" style="background-color: rgb(255, 255, 255); overflow: visible; justify-content: flex-start; row-gap: 8px; border-radius: 0px; opacity: 1; transition: box-shadow 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 200px; max-width: 200px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 200px; margin: 0px 0px 0px 16px; z-index: 2;"><div class="bubble-element Image baTdaMh" style="border-radius: 8px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="aspect-ratio" style="position: relative; height: 0px; padding-top: 75%;"></div><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1724919837581x611442772409661800%2F%25E1%2584%258F%25E1%2585%25A1%25E1%2584%2591%25E1%2585%25A6%25E1%2584%258B%25E1%2585%25A9%25E1%2584%2591%25E1%2585%25B3%25E1%2586%25AB%25E1%2584%2589%25E1%2585%25B3%25E1%2584%2591%25E1%2585%25A6%25E1%2584%258B%25E1%2585%25B5%25E1%2584%2589%25E1%2585%25B3_1.jpeg?w=256&h=192&auto=compress&dpr=1&fit=max" style="top: 0px; left: 0px; display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; border-radius: 8px;"></div><div class="bubble-element Group baTdaMi bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 5;"><div class="bubble-element Text baTdaMj bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>카페</div></div><div class="bubble-element Text baTdaMn" id="" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_text_default); line-height: 1.75; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 200px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">카페 오픈스페이스</div><div class="bubble-element Group baTdaMv bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-end; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 4;"><div class="bubble-element Text baTdaNaF bubble-r-vertical-center singleline-ellipsis" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 14px; font-weight: 500; color: rgb(126, 140, 154); letter-spacing: 0.28px; line-height: 1.71; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>하루</div></div><div class="bubble-element Group baTdaPaQ bubble-r-container flex row" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;"><h4 class="bubble-element Text baTdaNaB bubble-r-vertical-center singleline-ellipsis" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 18px; font-weight: 700; color: var(--color_text_default); letter-spacing: -0.36px; line-height: 1.33; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 3;"><div>3,600</div></h4><div class="bubble-element Text baTdaNaA bubble-r-vertical-center singleline-ellipsis" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 500; color: var(--color_text_default); letter-spacing: 0.32px; line-height: 1.75; padding: 0px 0px 0px 2px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 3;"><div>원~</div></div></div></div></div></div></div><div class="bubble-element group-item bubble-r-container flex column entry-4" style="box-sizing: content-box; border-left-width: 0px; border-left-color: rgba(var(--color_text_default_rgb), 0); border-left-style: solid; margin-left: 0px; justify-content: flex-start;"><div class="clickable-element bubble-element Group baTdaMd bubble-r-container flex column" style="background-color: rgb(255, 255, 255); overflow: visible; justify-content: flex-start; row-gap: 8px; border-radius: 0px; opacity: 1; transition: box-shadow 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 200px; max-width: 200px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 200px; margin: 0px 0px 0px 16px; z-index: 2;"><div class="bubble-element Image baTdaMh" style="border-radius: 8px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="aspect-ratio" style="position: relative; height: 0px; padding-top: 75%;"></div><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1719146391087x373047160330234300%2Fsmellow-front.png?w=256&h=192&auto=compress&dpr=1&fit=max" style="top: 0px; left: 0px; display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; border-radius: 8px;"></div><div class="bubble-element Group baTdaMi bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 5;"><div class="bubble-element Text baTdaMj bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>카페</div></div><div class="bubble-element Text baTdaMn" id="" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_text_default); line-height: 1.75; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 200px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">스멜로우카페</div><div class="bubble-element Group baTdaMv bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-end; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 4;"><div class="bubble-element Text baTdaNaF bubble-r-vertical-center singleline-ellipsis" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 14px; font-weight: 500; color: rgb(126, 140, 154); letter-spacing: 0.28px; line-height: 1.71; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>하루</div></div><div class="bubble-element Group baTdaPaQ bubble-r-container flex row" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 40px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4;"><h4 class="bubble-element Text baTdaNaB bubble-r-vertical-center singleline-ellipsis" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 18px; font-weight: 700; color: var(--color_text_default); letter-spacing: -0.36px; line-height: 1.33; border-radius: 0px; opacity: 1; align-self: center; min-width: 0px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 3;"><div>3,600</div></h4><div class="bubble-element Text baTdaNaA bubble-r-vertical-center singleline-ellipsis" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 500; color: var(--color_text_default); letter-spacing: 0.32px; line-height: 1.75; padding: 0px 0px 0px 2px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 3;"><div>원~</div></div></div></div></div></div></div></div></div></div><div class="bubble-element Group baTdaNf bubble-r-container-wrapper" style="overflow: visible; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 4; min-height: 200px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 14;"><div class="bubble-r-container flex column" style="justify-content: flex-start; row-gap: 8px;"><h3 class="bubble-element Text baTdaOaD bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 22px; font-weight: 700; color: var(--color_text_default); letter-spacing: -0.4px; line-height: 1.4; padding: 0px 16px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px 0px 8px; z-index: 6;"><div><font color="#266EF1">작품</font> 방금 전 업데이트 됐어요</div></h3><div class="bubble-element RepeatingGroup baTdaNk bubble-rg overflowy-hidden" style="overflow: auto; gap: 0px; grid-template-rows: repeat(1, minmax(max-content, auto)); grid-template-columns: repeat(10, minmax(max-content, auto)); grid-auto-flow: row; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; max-width: 100%; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 13;"><div class="bubble-element group-item bubble-r-container flex column entry-1" style="box-sizing: content-box; justify-content: flex-start;"><div class="clickable-element bubble-element Group baTdaNl bubble-r-container flex column" style="background-color: rgb(255, 255, 255); overflow: visible; justify-content: flex-start; row-gap: 8px; border-radius: 0px; opacity: 1; transition: box-shadow 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 200px; max-width: 200px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 200px; margin: 0px 0px 0px 16px; z-index: 2;"><div class="bubble-element Image baTdaNp" style="border-radius: 8px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="aspect-ratio" style="position: relative; height: 0px; padding-top: 100%;"></div><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1730354508365x274495885604812960%2Finbound3096518098027212021.jpg?w=256&h=256&auto=compress&dpr=1&fit=max" style="top: 0px; left: 0px; display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; border-radius: 8px;"></div><div class="bubble-element Group baTdaNq bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 5;"><div class="bubble-element Text baTdaNr bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>정아드로잉</div></div><div class="bubble-element Text baTdaNv" id="" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_text_default); line-height: 1.75; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 200px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">길냥이와 소녀</div></div></div></div><div class="bubble-element group-item bubble-r-container flex column entry-2" style="box-sizing: content-box; border-left-width: 0px; border-left-color: rgba(var(--color_text_default_rgb), 0); border-left-style: solid; margin-left: 0px; justify-content: flex-start;"><div class="clickable-element bubble-element Group baTdaNl bubble-r-container flex column" style="background-color: rgb(255, 255, 255); overflow: visible; justify-content: flex-start; row-gap: 8px; border-radius: 0px; opacity: 1; transition: box-shadow 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 200px; max-width: 200px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 200px; margin: 0px 0px 0px 16px; z-index: 2;"><div class="bubble-element Image baTdaNp" style="border-radius: 8px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="aspect-ratio" style="position: relative; height: 0px; padding-top: 100%;"></div><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1730374283705x253266016665329760%2FIMG_2856.jpeg?w=256&h=256&auto=compress&dpr=1&fit=max" style="top: 0px; left: 0px; display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; border-radius: 8px;"></div><div class="bubble-element Group baTdaNq bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 5;"><div class="bubble-element Text baTdaNr bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>Cindy</div></div><div class="bubble-element Text baTdaNv" id="" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_text_default); line-height: 1.75; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 200px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">“It’s fine , it’s me”</div></div></div></div><div class="bubble-element group-item bubble-r-container flex column entry-3" style="box-sizing: content-box; border-left-width: 0px; border-left-color: rgba(var(--color_text_default_rgb), 0); border-left-style: solid; margin-left: 0px; justify-content: flex-start;"><div class="clickable-element bubble-element Group baTdaNl bubble-r-container flex column" style="background-color: rgb(255, 255, 255); overflow: visible; justify-content: flex-start; row-gap: 8px; border-radius: 0px; opacity: 1; transition: box-shadow 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 200px; max-width: 200px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 200px; margin: 0px 0px 0px 16px; z-index: 2;"><div class="bubble-element Image baTdaNp" style="border-radius: 8px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="aspect-ratio" style="position: relative; height: 0px; padding-top: 100%;"></div><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1730371077589x717884246120725100%2FIMG_2971.jpeg?w=256&h=256&auto=compress&dpr=1&fit=max" style="top: 0px; left: 0px; display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; border-radius: 8px;"></div><div class="bubble-element Group baTdaNq bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 5;"><div class="bubble-element Text baTdaNr bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>Cindy</div></div><div class="bubble-element Text baTdaNv" id="" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_text_default); line-height: 1.75; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 200px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">Mental space</div></div></div></div><div class="bubble-element group-item bubble-r-container flex column entry-4" style="box-sizing: content-box; border-left-width: 0px; border-left-color: rgba(var(--color_text_default_rgb), 0); border-left-style: solid; margin-left: 0px; justify-content: flex-start;"><div class="clickable-element bubble-element Group baTdaNl bubble-r-container flex column" style="background-color: rgb(255, 255, 255); overflow: visible; justify-content: flex-start; row-gap: 8px; border-radius: 0px; opacity: 1; transition: box-shadow 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 200px; max-width: 200px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 200px; margin: 0px 0px 0px 16px; z-index: 2;"><div class="bubble-element Image baTdaNp" style="border-radius: 8px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="aspect-ratio" style="position: relative; height: 0px; padding-top: 100%;"></div><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1730340119452x631731644280210600%2FIMG_7414.jpeg?w=256&h=256&auto=compress&dpr=1&fit=max" style="top: 0px; left: 0px; display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; border-radius: 8px;"></div><div class="bubble-element Group baTdaNq bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 5;"><div class="bubble-element Text baTdaNr bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>밍구르</div></div><div class="bubble-element Text baTdaNv" id="" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_text_default); line-height: 1.75; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 200px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">Rota</div></div></div></div><div class="bubble-element group-item bubble-r-container flex column entry-5" style="box-sizing: content-box; border-left-width: 0px; border-left-color: rgba(var(--color_text_default_rgb), 0); border-left-style: solid; margin-left: 0px; justify-content: flex-start;"><div class="clickable-element bubble-element Group baTdaNl bubble-r-container flex column" style="background-color: rgb(255, 255, 255); overflow: visible; justify-content: flex-start; row-gap: 8px; border-radius: 0px; opacity: 1; transition: box-shadow 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 200px; max-width: 200px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 200px; margin: 0px 0px 0px 16px; z-index: 2;"><div class="bubble-element Image baTdaNp" style="border-radius: 8px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="aspect-ratio" style="position: relative; height: 0px; padding-top: 100%;"></div><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1729564368600x342344945504209340%2FIMG_3994.jpeg?w=256&h=256&auto=compress&dpr=1&fit=max" style="top: 0px; left: 0px; display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; border-radius: 8px;"></div><div class="bubble-element Group baTdaNq bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 5;"><div class="bubble-element Text baTdaNr bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>틴치용 Tynk Chiyong</div></div><div class="bubble-element Text baTdaNv" id="" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_text_default); line-height: 1.75; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 200px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">꿀벌이 대교를 넘다</div></div></div></div><div class="bubble-element group-item bubble-r-container flex column entry-6" style="box-sizing: content-box; border-left-width: 0px; border-left-color: rgba(var(--color_text_default_rgb), 0); border-left-style: solid; margin-left: 0px; justify-content: flex-start;"><div class="clickable-element bubble-element Group baTdaNl bubble-r-container flex column" style="background-color: rgb(255, 255, 255); overflow: visible; justify-content: flex-start; row-gap: 8px; border-radius: 0px; opacity: 1; transition: box-shadow 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 200px; max-width: 200px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 200px; margin: 0px 0px 0px 16px; z-index: 2;"><div class="bubble-element Image baTdaNp" style="border-radius: 8px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="aspect-ratio" style="position: relative; height: 0px; padding-top: 100%;"></div><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1729564683450x711416017093034400%2F%25E1%2584%258B%25E1%2585%25AF%25E1%2586%25AB%25E1%2584%258E%25E1%2585%25B5%25E1%2584%258B%25E1%2585%25AD%25E1%2586%25BC_%25E1%2584%2587%25E1%2585%25A1%25E1%2584%2583%25E1%2585%25A1%25E1%2584%258B%25E1%2585%25A6%25E1%2584%2580%25E1%2585%25A1%25E1%2584%2581%25E1%2585%25A1%25E1%2584%258B%25E1%2585%25AE%25E1%2586%25AB%25E1%2584%2591%25E1%2585%25A1%25E1%2584%2585%25E1%2585%25A1%25E1%2586%25AB%25E1%2584%258F%25E1%2585%25A5%25E1%2586%25AB%25E1%2584%2590%25E1%2585%25A6%25E1%2584%258B%25E1%2585%25B5%25E1%2584%2582%25E1%2585%25A5_65.5x50_2024.jpeg?w=256&h=256&auto=compress&dpr=1&fit=max" style="top: 0px; left: 0px; display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; border-radius: 8px;"></div><div class="bubble-element Group baTdaNq bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 5;"><div class="bubble-element Text baTdaNr bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>틴치용 Tynk Chiyong</div></div><div class="bubble-element Text baTdaNv" id="" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_text_default); line-height: 1.75; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 200px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">바다 가까운 파란 컨테이너</div></div></div></div><div class="bubble-element group-item bubble-r-container flex column entry-7" style="box-sizing: content-box; border-left-width: 0px; border-left-color: rgba(var(--color_text_default_rgb), 0); border-left-style: solid; margin-left: 0px; justify-content: flex-start;"><div class="clickable-element bubble-element Group baTdaNl bubble-r-container flex column" style="background-color: rgb(255, 255, 255); overflow: visible; justify-content: flex-start; row-gap: 8px; border-radius: 0px; opacity: 1; transition: box-shadow 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 200px; max-width: 200px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 200px; margin: 0px 0px 0px 16px; z-index: 2;"><div class="bubble-element Image baTdaNp" style="border-radius: 8px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="aspect-ratio" style="position: relative; height: 0px; padding-top: 100%;"></div><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1729486885351x127254693515824530%2FIMG_3027.jpeg?w=256&h=256&auto=compress&dpr=1&fit=max" style="top: 0px; left: 0px; display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; border-radius: 8px;"></div><div class="bubble-element Group baTdaNq bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 5;"><div class="bubble-element Text baTdaNr bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>틴치용 Tynk Chiyong</div></div><div class="bubble-element Text baTdaNv" id="" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_text_default); line-height: 1.75; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 200px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">명동 밤골목길</div></div></div></div><div class="bubble-element group-item bubble-r-container flex column entry-8" style="box-sizing: content-box; border-left-width: 0px; border-left-color: rgba(var(--color_text_default_rgb), 0); border-left-style: solid; margin-left: 0px; justify-content: flex-start;"><div class="clickable-element bubble-element Group baTdaNl bubble-r-container flex column" style="background-color: rgb(255, 255, 255); overflow: visible; justify-content: flex-start; row-gap: 8px; border-radius: 0px; opacity: 1; transition: box-shadow 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 200px; max-width: 200px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 200px; margin: 0px 0px 0px 16px; z-index: 2;"><div class="bubble-element Image baTdaNp" style="border-radius: 8px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="aspect-ratio" style="position: relative; height: 0px; padding-top: 100%;"></div><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1729488023525x191915621561891140%2FIMG_2994.jpeg?w=256&h=256&auto=compress&dpr=1&fit=max" style="top: 0px; left: 0px; display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; border-radius: 8px;"></div><div class="bubble-element Group baTdaNq bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 5;"><div class="bubble-element Text baTdaNr bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>틴치용 Tynk Chiyong</div></div><div class="bubble-element Text baTdaNv" id="" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_text_default); line-height: 1.75; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 200px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">철거 예정</div></div></div></div><div class="bubble-element group-item bubble-r-container flex column entry-9" style="box-sizing: content-box; border-left-width: 0px; border-left-color: rgba(var(--color_text_default_rgb), 0); border-left-style: solid; margin-left: 0px; justify-content: flex-start;"><div class="clickable-element bubble-element Group baTdaNl bubble-r-container flex column" style="background-color: rgb(255, 255, 255); overflow: visible; justify-content: flex-start; row-gap: 8px; border-radius: 0px; opacity: 1; transition: box-shadow 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 200px; max-width: 200px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 200px; margin: 0px 0px 0px 16px; z-index: 2;"><div class="bubble-element Image baTdaNp" style="border-radius: 8px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="aspect-ratio" style="position: relative; height: 0px; padding-top: 100%;"></div><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1729489390289x809846259393270700%2FIMG_2990.jpeg?w=256&h=256&auto=compress&dpr=1&fit=max" style="top: 0px; left: 0px; display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; border-radius: 8px;"></div><div class="bubble-element Group baTdaNq bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 5;"><div class="bubble-element Text baTdaNr bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>틴치용 Tynk Chiyong</div></div><div class="bubble-element Text baTdaNv" id="" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_text_default); line-height: 1.75; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 200px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">한번의 산책</div></div></div></div><div class="bubble-element group-item bubble-r-container flex column entry-10" style="box-sizing: content-box; border-left-width: 0px; border-left-color: rgba(var(--color_text_default_rgb), 0); border-left-style: solid; margin-left: 0px; justify-content: flex-start;"><div class="clickable-element bubble-element Group baTdaNl bubble-r-container flex column" style="background-color: rgb(255, 255, 255); overflow: visible; justify-content: flex-start; row-gap: 8px; border-radius: 0px; opacity: 1; transition: box-shadow 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 200px; max-width: 200px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 200px; margin: 0px 0px 0px 16px; z-index: 2;"><div class="bubble-element Image baTdaNp" style="border-radius: 8px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100%; margin: 0px; z-index: 4;"><div class="aspect-ratio" style="position: relative; height: 0px; padding-top: 100%;"></div><img src="https://d1muf25xaso8hp.cloudfront.net/https%3A%2F%2F102b0e80c91cff4ee5c3cbf1d134d21c.cdn.bubble.io%2Ff1729489545827x668382804778165200%2FIMG_2987.jpeg?w=256&h=256&auto=compress&dpr=1&fit=max" style="top: 0px; left: 0px; display: block; width: 100%; height: 100%; object-fit: cover; position: absolute; border-radius: 8px;"></div><div class="bubble-element Group baTdaNq bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 5;"><div class="bubble-element Text baTdaNr bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: var(--color_bTaZB_default); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;"><div>틴치용 Tynk Chiyong</div></div><div class="bubble-element Text baTdaNv" id="" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 16px; font-weight: 700; color: var(--color_text_default); line-height: 1.75; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 200px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 3;">길 건너기</div></div></div></div></div></div></div></div></div></div><div class="bubble-element Group baTaOaLy bubble-r-container flex row" style="background-color: var(--color_surface_default); overflow: visible; justify-content: flex-start; border-radius: 0px; padding: 24px; opacity: 1; align-self: center; min-width: 0px; max-width: 600px; order: 4; min-height: 60px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 10;"><div class="bubble-element CustomElement baTaWaIv bubble-r-container fixed" style="overflow: visible; border-radius: 0px; padding: 0px; opacity: 0; align-self: flex-start; min-width: 1px; max-width: 1px; order: 1; min-height: 1px; max-height: 1px; width: 1px; flex-grow: 1; height: 1px; margin: 0px; z-index: 10;"><div class="bubble-element 1488796042609x768734193128308700-AAP" style="top: 1px; left: 0px; width: 100px; height: 30px; z-index: 3;"></div><div class="bubble-element 1723367317581x470142930317213700-ABe" style="top: 0px; left: 0px; width: 1px; height: 1px; z-index: 4;"></div><div class="bubble-element 1552401463205x225714219237769200-AAM" style="top: -19px; left: -19px; width: 20px; height: 20px; z-index: 9;"></div></div><div class="bubble-element CustomElement baTaNaWz bubble-r-container flex row" style="overflow: visible; justify-content: flex-start; gap: 16px 0px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 7; min-height: 0px; width: 100%; flex-grow: 1; height: max-content; margin: 0px; z-index: 7;"><div class="bubble-element Group baTaVux bubble-r-container flex row" style="overflow: visible; justify-content: flex-start; gap: 8px; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 7;"><button class="clickable-element bubble-element Button baTaOaLaU" style="background-color: rgba(2, 47, 82, 0.06); font-family: var(--font_default); font-size: 14px; font-weight: 600; color: rgb(74, 84, 94); text-align: center; letter-spacing: 0.32px; line-height: 0; border-radius: 8px; padding: 2px 12px; opacity: 1; transition: border-color 200ms ease 0s, background 200ms ease 0s, opacity 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 0px; order: 1; min-height: 32px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 6;">개인정보처리방침</button><button class="clickable-element bubble-element Button baTaVur" style="background-color: rgba(2, 47, 82, 0.06); font-family: var(--font_default); font-size: 12px; font-weight: 500; color: rgb(74, 84, 94); text-align: center; letter-spacing: 0.32px; line-height: 0; border-radius: 8px; padding: 2px 12px; opacity: 1; transition: border-color 200ms ease 0s, background 200ms ease 0s, opacity 200ms ease 0s; cursor: pointer; align-self: flex-start; min-width: 0px; order: 2; min-height: 32px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 6;">이용약관</button></div><div class="bubble-element Text baTaNaWt bubble-r-vertical-center" style="white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 12px; font-weight: 500; color: rgb(126, 140, 154); letter-spacing: 0.24px; line-height: 1.66; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 4; min-height: 0px; width: 100%; flex-grow: 1; height: max-content; margin: 0px; z-index: 5;"><div><strong>카페인아트 by ArtStandard</strong>
주식회사 호랭이기합<br>사업자등록번호: 622-81-29413 | 대표: 하상우<br>통신판매신고 2024-세종조치원-0050<br>고객센터: 070-4138-2212<br>서울지사: 서울특별시 성북구 개운사길 83-13 고려대학교 창업스테이션 302호<br>세종지사: 세종특별자치시 조치원읍 으뜸길 177, 103호</div></div></div></div></div><div class="bubble-element CustomElement baTaJtp floating-group bubble-r-container flex row" style="background-color: var(--color_primary_contrast_default); width: initial; min-width: 0px; min-height: 48px; left: 0px; right: 0px; top: -79px; bottom: unset; max-width: 600px; height: auto; max-height: calc(100% + 79px); margin-right: auto; margin-left: auto; position: fixed; z-index: 1509; justify-content: center; border-radius: 0px; padding: 81px 0px 0px; opacity: 1;"><div class="bubble-element Group baTaUaNaN bubble-r-container flex row" id="headerNavigation" style="overflow: visible; justify-content: center; border-radius: 0px; padding: 0px 24px; opacity: 1; align-self: center; min-width: 0px; max-width: 992px; order: 6; min-height: 48px; max-height: 48px; width: 0px; flex-grow: 1; height: 48px; margin: 0px; z-index: 6;"><div class="bubble-element HTML baTaQaMaC" style="border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 1px; max-width: 1px; order: 2; min-height: 1px; max-height: 1px; width: 1px; flex-grow: 1; height: 1px; margin: 0px; z-index: 5;"><style>
#headerNavigation {
width: 100%;
height: 100vh;
background-color: inherit;
-webkit-backdrop-filter: inherit;
backdrop-filter: inherit;
margin-top: -1px !important;
transition: background-color 0.3s ease, filter 0.3s ease;
}
<style></style></div><div class="bubble-element HTML baTdaDj" style="border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 1px; max-width: 1px; order: 3; min-height: 1px; max-height: 1px; width: 1px; flex-grow: 1; height: 1px; margin: 0px; z-index: 5;"><style>
#headerNavigation.headerOffset {
border-bottom: solid 1px #EAEDF000;
}
<style> </style></div><div class="bubble-element Group baTaJaYf bubble-r-container flex row" style="overflow: visible; justify-content: space-between; border-radius: 0px; opacity: 1; align-self: flex-start; min-width: 100%; max-width: 100%; order: 4; min-height: 30px; width: 100%; flex-grow: 1; height: max-content; margin: 0px; z-index: 4;"><div class="clickable-element bubble-element Group baTaJnaN bubble-r-container flex column" style="overflow: visible; justify-content: flex-start; border-radius: 0px; opacity: 1; cursor: pointer; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 7;"><div class="bubble-element 1660986320633x930868553717645300-AAC" id="headerLogo" style="align-self: flex-start; min-width: 162px; max-width: 162px; order: 1; min-height: 24px; max-height: 24px; height: 24px; flex-grow: 1; width: 162px; margin: 0px; z-index: 6; border-radius: 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="162" height="24" viewBox="0 0 1728 256" fill="none" style="transition: opacity 1s ease 0s, fill 2s ease 0s;">
<g clip-path="url(#clip0_2006_2)" stroke="rgba(255,255,255,0)" fill="rgba(126, 140, 154, 1)">
<path d="M211.96 0H44.08V44.08H211.96V0Z" fill="rgba(126, 140, 154, 1)" stroke="rgba(255,255,255,0)"></path>
<path d="M211.96 211.92H44.08V256H211.96V211.92Z" fill="rgba(126, 140, 154, 1)" stroke="rgba(255,255,255,0)"></path>
<path d="M0 44.08V211.96H44.08L44.08 44.08L0 44.08Z" fill="rgba(126, 140, 154, 1)" stroke="rgba(255,255,255,0)"></path>
<path d="M211.92 44.04V211.92H256V44.04H211.92Z" fill="rgba(126, 140, 154, 1)" stroke="rgba(255,255,255,0)"></path>
<path d="M410.52 219.44C396.68 219.44 383.92 217.08 372.24 212.4C360.56 207.72 350.52 201.28 342.12 193.12C333.72 184.96 327.2 175.32 322.48 164.2C317.8 153.08 315.44 141 315.44 128C315.44 115 317.8 102.92 322.48 91.8C327.16 80.68 333.72 71.04 342.12 62.88C350.52 54.72 360.56 48.32 372.24 43.6C383.92 38.92 396.68 36.56 410.52 36.56C419.72 36.56 428.08 37.52 435.6 39.4C443.08 41.28 449.76 43.8 455.6 46.92C461.44 50.04 466.56 53.56 470.92 57.44C475.28 61.32 479.04 65.32 482.16 69.44C489.56 79 494.92 89.88 498.2 102.04H459.92C457.6 96.28 454.32 91.16 450.04 86.72C446.24 82.92 441.2 79.4 434.84 76.08C428.52 72.8 420.4 71.12 410.52 71.12C402.44 71.12 395.04 72.52 388.28 75.32C381.52 78.12 375.68 82.04 370.76 87.04C365.84 92.08 361.96 98.04 359.16 104.96C356.36 111.88 354.96 119.52 354.96 127.92C354.96 136.32 356.28 144.52 358.92 151.52C361.56 158.52 365.32 164.48 370.16 169.44C375 174.4 380.88 178.16 387.68 180.8C394.52 183.44 402.12 184.76 410.52 184.76C420.72 184.76 429.08 182.96 435.6 179.32C442.12 175.68 447.24 171.76 451.04 167.44C455.48 162.32 458.84 156.56 461.16 150.16H499.44C495.8 163 490.12 174.52 482.4 184.76C479.12 189.04 475.24 193.28 470.8 197.48C466.36 201.68 461.16 205.4 455.24 208.6C449.32 211.8 442.64 214.4 435.24 216.4C427.84 218.36 419.6 219.36 410.56 219.36L410.52 219.44Z" fill="rgba(126, 140, 154, 1)" stroke="rgba(255,255,255,0)"></path>
<path d="M548.8 41.52H626.6L672.28 214.48H634L624.12 176.2H551.28L541.4 214.48H503.12L548.8 41.52ZM615.48 141.6L598.2 76.12H577.2L559.92 141.6H615.48Z" fill="rgba(126, 140, 154, 1)" stroke="rgba(255,255,255,0)"></path>
<path d="M689.56 41.52H815.52V76.12H726.6V118.12H795.76V151.48H726.6V214.48H689.56V41.52Z" fill="rgba(126, 140, 154, 1)" stroke="rgba(255,255,255,0)"></path>
<path d="M837.72 41.52H967.36V76.12H874.76V110.72H948.84V142.84H874.76V179.92H967.36V214.52H837.72V41.52Z" fill="rgba(126, 140, 154, 1)" stroke="rgba(255,255,255,0)"></path>
<path d="M993.32 41.52H1030.36V214.48H993.32V41.52Z" fill="rgba(126, 140, 154, 1)" stroke="rgba(255,255,255,0)"></path>
<path d="M1062.48 41.52H1110.64L1178.56 163.84H1181.04L1178.56 142.84V41.52H1215.6V214.48H1167.44L1099.52 92.16H1097.04L1099.52 113.16V214.48H1062.48V41.52Z" fill="rgba(126, 140, 154, 1)" stroke="rgba(255,255,255,0)"></path>
<path d="M1278.56 41.52H1356.36L1402.04 214.48H1363.76L1353.88 176.2H1281.04L1271.16 214.48H1232.88L1278.56 41.52ZM1345.24 141.6L1327.96 76.12H1306.96L1289.68 141.6H1345.24Z" fill="rgba(126, 140, 154, 1)" stroke="rgba(255,255,255,0)"></path>
<path d="M1419.32 41.52H1500.8C1511.32 41.52 1520.8 43.04 1529.2 46.08C1537.6 49.12 1544.72 53.28 1550.56 58.56C1556.4 63.84 1560.88 69.96 1564.04 76.96C1567.16 83.96 1568.72 91.52 1568.72 99.56C1568.72 106.32 1567.68 112.48 1565.64 118.08C1563.56 123.68 1560.8 128.68 1557.24 133.04C1553.68 137.4 1549.56 141.24 1544.76 144.52C1540 147.84 1534.8 150.52 1529.2 152.68L1568.72 214.44H1526.72L1490.92 157.6H1456.36V214.44H1419.32V41.52ZM1499.56 123.04C1510.08 123.04 1517.88 120.88 1522.88 116.48C1527.88 112.12 1530.4 106.48 1530.4 99.56C1530.4 92.64 1527.88 87 1522.88 82.64C1517.84 78.28 1510.08 76.08 1499.56 76.08H1456.36V123.04H1499.56Z" fill="rgba(126, 140, 154, 1)" stroke="rgba(255,255,255,0)"></path>
<path d="M1635.4 76.12H1579.84V41.52H1728V76.12H1672.44V214.48H1635.4V76.12Z" fill="rgba(126, 140, 154, 1)" stroke="rgba(255,255,255,0)"></path>
</g>
<defs stroke="rgba(255,255,255,0)" fill="rgba(126, 140, 154, 1)">
<clipPath id="clip0_2006_2" stroke="rgba(255,255,255,0)" fill="rgba(126, 140, 154, 1)">
<rect width="1728" height="256" fill="rgba(126, 140, 154, 1)" stroke="rgba(255,255,255,0)"></rect>
</clipPath>
</defs>
</svg></div></div><div class="clickable-element bubble-element Group baTaJaYj bubble-r-container flex row" style="overflow: visible; justify-content: center; border-radius: 0px; opacity: 1; cursor: pointer; align-self: center; min-width: 30px; order: 7; min-height: 30px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 4;"><div class="bubble-element 1660986320633x930868553717645300-AAC" id="headerLogo" style="align-self: center; min-width: 24px; max-width: 24px; order: 4; min-height: 24px; max-height: 24px; width: 24px; flex-grow: 1; height: 24px; margin: 0px; z-index: 6; border-radius: 0px;"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 22 22" fill="none" style="transition: opacity 1s ease 0s, fill 2s ease 0s;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 5.75C2 5.33579 2.33579 5 2.75 5H19.25C19.6642 5 20 5.33579 20 5.75C20 6.16421 19.6642 6.5 19.25 6.5H2.75C2.33579 6.5 2 6.16421 2 5.75ZM2 11C2 10.5858 2.33579 10.25 2.75 10.25H19.25C19.6642 10.25 20 10.5858 20 11C20 11.4142 19.6642 11.75 19.25 11.75H2.75C2.33579 11.75 2 11.4142 2 11ZM2 16.25C2 15.8358 2.33579 15.5 2.75 15.5H19.25C19.6642 15.5 20 15.8358 20 16.25C20 16.6642 19.6642 17 19.25 17H2.75C2.33579 17 2 16.6642 2 16.25Z" fill="rgba(126, 140, 154, 1)" stroke="rgba(255,255,255,0)"></path>
</svg></div></div></div></div></div><div class="page-is-loaded"></div><script type="text/javascript" id="" charset="">function removeEmptyParamsWithoutReload(){var b=window.location.href,a=b.split("?");if(1<a.length){var d=a[1].split("\x26");b=[];for(var c=0;c<d.length;c++){var e=d[c],f=e.split("\x3d");2===f.length&&""!==f[1]&&b.push(e)}a=a[0];0<b.length&&(a+="?"+b.join("\x26"));history.replaceState({},document.title,a)}}window.onload=function(){removeEmptyParamsWithoutReload()};</script>
<script id="" text="" charset="" type="text/javascript" src="https://karrot-pixel.business.daangn.com/0.2/karrot-pixel.umd.js"></script><div id="ch-plugin" class="notranslate"> <div id="ch-plugin-entry"><div style="display: block !important;"></div></div> <div id="ch-plugin-script" style="display:none;" class="ch-messenger-hidden"> <iframe id="ch-plugin-script-iframe" title="Channel chat" style="position:relative!important;height:100%!important;width:100%!important;border:none!important;"></iframe> </div> <style data-styled="active" data-styled-version="5.3.9"></style></div>
<script type="text/javascript" id="" charset="">window.karrotPixel.init("1725167740211500001");window.karrotPixel.track("ViewPage");</script>
</body></html>