PageSourceSearch

https://heypop.kr/

html heypop.kr collected 2026-09-24 12:26:17 UTC 111,535 bytes, 2,016 lines download raw bytes

1<!doctype html>
2<html lang="en-US" prefix="og: https://ogp.me/ns#">
3
4<head>
5  <meta name="naver-site-verification" content="9b71c076125df7170bbbbea3dc8cef1301bc37cf" />
6  <meta charset="UTF-8">
7  <link href="https://storage.heypop.kr/assets/2021/11/25131543/apple-icon-76x76-1.png" rel="apple-touch-icon" />
8  <link href="https://storage.heypop.kr/assets/2021/11/25131543/apple-icon-76x76-1.png" rel="apple-touch-icon" sizes="76x76" />
9  <link href="https://storage.heypop.kr/assets/2021/11/25131543/apple-icon-120x120-1.png" rel="apple-touch-icon" sizes="120x120" />
10  <link href="https://storage.heypop.kr/assets/2021/11/25131544/apple-icon-152x152-1.png" rel="apple-touch-icon" sizes="152x152" />
11  <link href="https://storage.heypop.kr/assets/2021/11/25131544/apple-icon-180x180-1.png" rel="apple-touch-icon" sizes="180x180" />
12  <meta name="apple-mobile-web-app-title" content="heyPOP">
13  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
14  <link rel="profile" href="https://gmpg.org/xfn/11">
15  	<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
16	
17<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ -->
18<title>heyPOP l 헤이팝</title>
19<meta name="description" content="요즘 팝업과 공간이 궁금할 때, 헤이팝"/>
20<meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/>
21<link rel="canonical" href="https://heypop.kr/" />
22<meta property="og:locale" content="en_US" />
23<meta property="og:type" content="website" />
24<meta property="og:title" content="heyPOP l 헤이팝" />
25<meta property="og:description" content="요즘 팝업과 공간이 궁금할 때, 헤이팝" />
26<meta property="og:url" content="https://heypop.kr/" />
27<meta property="og:site_name" content="heyPOP" />
28<meta property="og:updated_time" content="2024-03-14T15:42:00+09:00" />
29<meta property="og:image" content="https://storage.heypop.kr/assets/2021/11/30172533/seo-1.png" />
30<meta property="og:image:secure_url" content="https://storage.heypop.kr/assets/2021/11/30172533/seo-1.png" />
31<meta property="og:image:width" content="1200" />
32<meta property="og:image:height" content="630" />
33<meta property="og:image:alt" content="home" />
34<meta property="og:image:type" content="image/png" />
35<meta name="twitter:card" content="summary_large_image" />
36<meta name="twitter:title" content="heyPOP l 헤이팝" />
37<meta name="twitter:description" content="요즘 팝업과 공간이 궁금할 때, 헤이팝" />
38<meta name="twitter:image" content="https://storage.heypop.kr/assets/2021/11/30172533/seo-1.png" />
39<meta name="twitter:label1" content="Written by" />
40<meta name="twitter:data1" content="admin" />
41<meta name="twitter:label2" content="Time to read" />
42<meta name="twitter:data2" content="Less than a minute" />
43<!-- /Rank Math WordPress SEO plugin -->
44
45<link rel='dns-prefetch' href='//developers.kakao.com' />
46<link rel='dns-prefetch' href='//heypop.kr' />
47<link rel="alternate" type="application/rss+xml" title="heyPOP &raquo; Feed" href="https://heypop.kr/feed/" />
48<link rel="alternate" type="application/rss+xml" title="heyPOP &raquo; Comments Feed" href="https://heypop.kr/comments/feed/" />
49<script type="text/javascript">
50/* <![CDATA[ */
51window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.1.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/heypop.kr\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.8.1"}};
52/*! This file is auto-generated */
53!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\ud83d\udd25","\ud83d\udc26\u200b\ud83d\udd25")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
54/* ]]> */
55</script>
55
56<link rel='stylesheet' id='koreasns_pro_css-css' href='https://heypop.kr/wp-content/plugins/korea-sns-pro/css/style.css?ver=1.0.1' type='text/css' media='all' />
57<style id='wp-emoji-styles-inline-css' type='text/css'>
58
59	img.wp-smiley, img.emoji {
60		display: inline !important;
61		border: none !important;
62		box-shadow: none !important;
63		height: 1em !important;
64		width: 1em !important;
65		margin: 0 0.07em !important;
66		vertical-align: -0.1em !important;
67		background: none !important;
68		padding: 0 !important;
69	}
70</style>
71<style id='classic-theme-styles-inline-css' type='text/css'>
72/*! This file is auto-generated */
73.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
74</style>
75<style id='global-styles-inline-css' type='text/css'>
76:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
76--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
76.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
77:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
78:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
79:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
80</style>
81<link rel='stylesheet' id='backstage-css' href='https://heypop.kr/wp-content/plugins/studiobaton-backstage/public/css/backstage-public.css?ver=1.0.0' type='text/css' media='all' />
82<link rel='stylesheet' id='wsl-widget-css' href='https://heypop.kr/wp-content/plugins/wordpress-social-login/assets/css/style.css?ver=6.8.1' type='text/css' media='all' />
83<link rel='stylesheet' id='baton-style-css' href='https://heypop.kr/wp-content/themes/baton/style.css?ver=6.8.1' type='text/css' media='all' />
84<link rel='stylesheet' id='bootstrap-reboot-css' href='https://heypop.kr/wp-content/themes/baton/css/bootstrap-reboot.css?ver=1.0' type='text/css' media='all' />
85<link rel='stylesheet' id='bootstrap-grid-css' href='https://heypop.kr/wp-content/themes/baton/css/bootstrap-grid.css?ver=1.0' type='text/css' media='all' />
86<link rel='stylesheet' id='swiper-css-css' href='https://heypop.kr/wp-content/themes/baton/js/slider/css/swiper.css?ver=1.0' type='text/css' media='all' />
87<link rel='stylesheet' id='elementor-icons-css' href='https://heypop.kr/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.32.0' type='text/css' media='all' />
88<link rel='stylesheet' id='elementor-frontend-css' href='https://heypop.kr/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.25.6' type='text/css' media='all' />
89<link rel='stylesheet' id='swiper-css' href='https://heypop.kr/wp-content/plugins/elementor/assets/lib/swiper/v8/css/swiper.min.css?ver=8.4.5' type='text/css' media='all' />
90<link rel='stylesheet' id='e-swiper-css' href='https://heypop.kr/wp-content/plugins/elementor/assets/css/conditionals/e-swiper.min.css?ver=3.25.6' type='text/css' media='all' />
91<link rel='stylesheet' id='elementor-post-10-css' href='https://heypop.kr/wp-content/uploads/elementor/css/post-10.css?ver=1750084427' type='text/css' media='all' />
92<link rel='stylesheet' id='um_modal-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/css/um-modal.min.css?ver=2.10.4' type='text/css' media='all' />
93<link rel='stylesheet' id='um_ui-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/jquery-ui/jquery-ui.min.css?ver=1.13.2' type='text/css' media='all' />
94<link rel='stylesheet' id='um_tipsy-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/tipsy/tipsy.min.css?ver=1.0.0a' type='text/css' media='all' />
95<link rel='stylesheet' id='um_raty-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/raty/um-raty.min.css?ver=2.6.0' type='text/css' media='all' />
96<link rel='stylesheet' id='select2-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/select2/select2.min.css?ver=4.0.13' type='text/css' media='all' />
97<link rel='stylesheet' id='um_fileupload-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/css/um-fileupload.min.css?ver=2.10.4' type='text/css' media='all' />
98<link rel='stylesheet' id='um_confirm-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/um-confirm/um-confirm.min.css?ver=1.0' type='text/css' media='all' />
99<link rel='stylesheet' id='um_datetime-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/pickadate/default.min.css?ver=3.6.2' type='text/css' media='all' />
100<link rel='stylesheet' id='um_datetime_date-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/pickadate/default.date.min.css?ver=3.6.2' type='text/css' media='all' />
101<link rel='stylesheet' id='um_datetime_time-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/pickadate/default.time.min.css?ver=3.6.2' type='text/css' media='all' />
102<link rel='stylesheet' id='um_fonticons_ii-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/legacy/fonticons/fonticons-ii.min.css?ver=2.10.4' type='text/css' media='all' />
103<link rel='stylesheet' id='um_fonticons_fa-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/legacy/fonticons/fonticons-fa.min.css?ver=2.10.4' type='text/css' media='all' />
104<link rel='stylesheet' id='um_fontawesome-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/css/um-fontawesome.min.css?ver=6.5.2' type='text/css' media='all' />
105<link rel='stylesheet' id='um_common-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/css/common.min.css?ver=2.10.4' type='text/css' media='all' />
106<link rel='stylesheet' id='um_responsive-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/css/um-responsive.min.css?ver=2.10.4' type='text/css' media='all' />
107<link rel='stylesheet' id='um_styles-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/css/um-styles.min.css?ver=2.10.4' type='text/css' media='all' />
108<link rel='stylesheet' id='um_crop-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/cropper/cropper.min.css?ver=1.6.1' type='text/css' media='all' />
109<link rel='stylesheet' id='um_profile-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/css/um-profile.min.css?ver=2.10.4' type='text/css' media='all' />
110<link rel='stylesheet' id='um_account-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/css/um-account.min.css?ver=2.10.4' type='text/css' media='all' />
111<link rel='stylesheet' id='um_misc-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/css/um-misc.min.css?ver=2.10.4' type='text/css' media='all' />
112<link rel='stylesheet' id='um_default_css-css' href='https://heypop.kr/wp-content/plugins/ultimate-member/assets/css/um-old-default.min.css?ver=2.10.4' type='text/css' media='all' />
113<link rel='stylesheet' id='google-fonts-1-css' href='https://fonts.googleapis.com/css?family=Roboto%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CRoboto+Condensed%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CNoto+Sans+KR%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&#038;display=auto&#038;ver=6.8.1' type='text/css' media='all' />
114<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
114<script type="text/javascript" src="https://heypop.kr/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
vendor: 1 bytes, line 114
114
115<script type="text/javascript" src="https://heypop.kr/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
vendor: 1 bytes, line 115
115
116<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/studiobaton-backstage/public/js/backstage-public.js?ver=1.0.0" id="backstage-js"></script>
vendor: 1 bytes, line 116
116
117<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/wordpress-social-login/assets/js/widget.js?ver=6.8.1" id="wsl-widget-js"></script>
vendor: 1 bytes, line 117
117
118<script type="text/javascript" src="https://heypop.kr/wp-content/themes/baton/js/w/jquery.waypoints.min.js?ver=2.1.2" id="waypoint-js-js"></script>
vendor: 1 bytes, line 118
118
119<script type="text/javascript" src="https://heypop.kr/wp-content/themes/baton/js/w/shortcuts/sticky.min.js?ver=2.1.2" id="waypoint-shortcut-js-js"></script>
vendor: 1 bytes, line 119
119
120<script type="text/javascript" src="https://heypop.kr/wp-content/themes/baton/js/mobile-detect.min.js?ver=1" id="mobile-detect-js"></script>
vendor: 1 bytes, line 120
120
121<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/js/um-gdpr.min.js?ver=2.10.4" id="um-gdpr-js"></script>
121
122<link rel="https://api.w.org/" href="https://heypop.kr/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://heypop.kr/wp-json/wp/v2/pages/23" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://heypop.kr/xmlrpc.php?rsd" />
123<meta name="generator" content="WordPress 6.8.1" />
124<link rel='shortlink' href='https://heypop.kr/' />
125<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://heypop.kr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fheypop.kr%2F" />
126<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://heypop.kr/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fheypop.kr%2F&#038;format=xml" />
127<meta name="generator" content="Elementor 3.25.6; features: additional_custom_breakpoints, e_optimized_control_loading; settings: css_print_method-external, google_font-enabled, font_display-auto">
128			<style>
129				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
130				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
131					background-image: none !important;
132				}
133				@media screen and (max-height: 1024px) {
134					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
135					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
136						background-image: none !important;
137					}
138				}
139				@media screen and (max-height: 640px) {
140					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
141					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
142						background-image: none !important;
143					}
144				}
145			</style>
146			<link rel="icon" href="https://storage.heypop.kr/assets/2021/11/25131913/cropped-apple-icon-180x180-1-32x32.png" sizes="32x32" />
147<link rel="icon" href="https://storage.heypop.kr/assets/2021/11/25131913/cropped-apple-icon-180x180-1-192x192.png" sizes="192x192" />
148<link rel="apple-touch-icon" href="https://storage.heypop.kr/assets/2021/11/25131913/cropped-apple-icon-180x180-1-180x180.png" />
149<meta name="msapplication-TileImage" content="https://storage.heypop.kr/assets/2021/11/25131913/cropped-apple-icon-180x180-1-270x270.png" />
150  
150<script src="https://kit.fontawesome.com/faca797cc3.js" crossorigin="anonymous"></script>
150
151  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&display=fallback" rel="stylesheet">
152  <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap" rel="stylesheet">
153  
153<script src="https://heypop.kr/wp-content/themes/baton/js/js.cookie.min.js"></script>
153
154  <meta name="naver-site-verification" content="60ce0be6030b1be95b347eff70bf61ed3ff3c049" />
155  <link rel="stylesheet" href="https://heypop.kr/wp-content/themes/baton/css/app.css?r=1790252776">
156  
156<script type="text/javascript" src="/wp-content/themes/baton/js/slider/js/swiper.min.js"></script>
156
157  <!-- 
157<script type="text/javascript" src="/wp-content/themes/baton/js/slider/js/swiper.js?v3"></script>
157 -->
158  
158<script type="text/javascript" src="/wp-content/themes/baton/js/jquery.simplePagination.js"></script>
158
159  
159<script type="text/javascript" src="/wp-content/themes/baton/js/autolink.min.js"></script>
159
160  
160<script type="text/javascript" src="/wp-content/themes/baton/js/mobile-detect.min.js"></script>
160
161  
161<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
161
162  <link rel="stylesheet" href="https://heypop.kr/wp-content/themes/baton/css/hotfix.css?r=1790252776">
163  
163<script type="text/javascript">
164    if (!wcs_add) var wcs_add = {};
165    wcs_add["wa"] = "3a0b6e93b00fac";
166    if (window.wcs) {
167      wcs_do();
168    }
169  </script>
169
170  <!-- AceCounter Log Gathering Script V.8.0.AMZ2019080601 -->
171  
171<script language='javascript'>
172    var _AceGID = (function() {
173      var Inf = ['gtp18.acecounter.com', '8080', 'AH2A45070386497', 'AW', '0', 'NaPm,Ncisy', 'ALL', '0'];
174      var _CI = (!_AceGID) ? [] : _AceGID.val;
175      var _N = 0;
176      var _T = new Image(0, 0);
177      if (_CI.join('.').indexOf(Inf[3]) < 0) {
178        _T.src = "https://" + Inf[0] + '/?cookie';
179        _CI.push(Inf);
180        _N = _CI.length;
181      }
182      return {
183        o: _N,
184        val: _CI
185      };
186    })();
187    var _AceCounter = (function() {
188      var G = _AceGID;
189      var _sc = document.createElement('script');
190      var _sm = document.getElementsByTagName('script')[0];
191      if (G.o != 0) {
192        var _A = G.val[G.o - 1];
193        var _G = (_A[0]).substr(0, _A[0].indexOf('.'));
194        var _C = (_A[7] != '0') ? (_A[2]) : _A[3];
195        var _U = (_A[5]).replace(/\,/g, '_');
196        _sc.src = 'https:' + '//cr.acecounter.com/Web/AceCounter_' + _C + '.js?gc=' + _A[2] + '&py=' + _A[4] + '&gd=' + _G + '&gp=' + _A[1] + '&up=' + _U + '&rd=' + (new Date().getTime());
197        _sm.parentNode.insertBefore(_sc, _sm);
198        return _sc.src;
199      }
200    })();
201  </script>
201
202  <!-- AceCounter Log Gathering Script End -->
203
204  <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 204-205
204
205  <script async src="https://www.googletagmanager.com/gtag/js?id=
205G-QXEE2912LZ
vendor: 14 bytes, lines 205-206
205"></script>
206  
206<script>
207    
vendor: 154 bytes, lines 207-214
207window.dataLayer = window.dataLayer || [];
208
209    function gtag() {
210      dataLayer.push(arguments);
211    }
212    gtag('js', new Date());
213
214    gtag('config', '
214G-QXEE2912LZ
vendor: 6 bytes, lines 214-215
214');
215  
215</script>
215
216
217  <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, lines 217-218
217
218  <script async src="https://www.googletagmanager.com/gtag/js?id=
218G-X2SNBHKFBQ
vendor: 14 bytes, lines 218-219
218"></script>
219  
219<script>
220    
vendor: 154 bytes, lines 220-227
220window.dataLayer = window.dataLayer || [];
221
222    function gtag() {
223      dataLayer.push(arguments);
224    }
225    gtag('js', new Date());
226
227    gtag('config', '
227G-X2SNBHKFBQ
vendor: 6 bytes, lines 227-228
227');
228  
228</script>
228
229  
229<script>
230    /*		if (document.location.protocol == 'http:') {
231        document.location.href = document.location.href.replace('http:', 'https:');
232		}*/
233  </script>
233
234</head>
235
236<body class="home wp-singular page-template-default page page-id-23 wp-theme-baton elementor-default elementor-kit-10 elementor-page elementor-page-23">
237  <div id="page" class="main-wrapper ">
238    
239<!-- <div class="event-top-banner" onclick="window.open('https://bit.ly/event_heypop')">
240	<p class="event-text pc">헤이팝이 선별한 취향저격 브랜드의 다섯 가지 선물이 궁금하다면!</p>
241	<p class="event-text mo">헤이팝의 취향이 가득 담긴 선물 5가지 <br>
242	<span>자세히 보기<img src="https://storage.heypop.kr/assets/2021/12/21155206/arrow.png" alt="" class="arrow"></span></p>
243</div> -->
244
245<div class="header">
246	<!-- 띠 배너 추가 // 2024-08-07 @yjwoobaton -->
247						<a class="line-banner" href="https://heypop.kr/newsletter/" data-id="135627" data-end-date="2026-12-30" target="_blank">
248				<div class="line-banner-wrap container-fluid m1180 d-flex justify-content-center justify-content-md-between">
249					<p>요즘 팝업과 공간이 궁금할 때, 헤이팝 뉴스레터 구독하기</p>
250					<img src="https://heypop.kr/wp-content/themes/baton/assets/icon/icon_arrow_forward.svg" alt="요즘 팝업과 공간이 궁금할 때, 헤이팝 뉴스레터 구독하기">
251				</div>
252			</a>
253				<div class="">
254		<div class="navi-top-wrapper d-flex">
255			<div class="container-fluid m1180">
256				<div class="d-flex align-items-center h-100">
257					<div class="logo">
258						<a class="d-block" href="/"><img src="https://heypop.kr/wp-content/themes/baton/assets/logo/logo_renew.svg" alt="heypop" class="max"></a>
259					</div>
260					<ul class="top-main-navi pc-only" data-type="/">
261						<li class='item cabinet '>Project-Cabinet</li><div class='sub-menu mo-only'><div class='navi-wrap'><div class='container-fluid m1180'><ul class='sub-navi mo-only'><li class='item'><a href='/cabinet?cate=work' class=''>work</a></li><li class='item'><a href='/cabinet?cate=people' class=''>people</a></li></ul></div></div></div><li class='item '><a href='/trend'>Trend</a></li><li class='item '><a href='/place'>Place</a> <span class='navi-label label-apply'>신청 접수중</span></li><li class='item line'></li><li class='item '><a href='/visit'>Visit</a></li><li class='item '><a href='/now'>Now</a></li><li class='map item'><a href='https://map.heypop.kr/' target='_blank'>Map<sup>App</sup></a></li><li class='item'><a href='https://heypop.kr/designspot/'>Design Spot</a></li>					</ul>
262					<button type="button" class="search-btn modal-btn" data-modal="search">
263						<img src="https://heypop.kr/wp-content/themes/baton/assets/icon/icon_search_white.png" alt="검색" class="max">
264					</button>
265					<button type="button" class="menu-btn modal-btn" data-modal="menu">
266						<img src="https://heypop.kr/wp-content/themes/baton/assets/icon/icon_menu.svg" alt="메뉴" class="max">
267					</button>
268				</div>
269			</div>
270		</div>
271		<!-- 캐비넷 하위 메뉴 -->
272		<div class="sub-menu">
273			<div class="navi-wrap">
274				<div class="container-fluid m1180">
275					<ul class="sub-navi pl-s0 pl-md-s56">
276						<!-- url 파라미터에 work가 있으면 클래스에 active 추가 -->
277						<li class='item'><a href='/cabinet?cate=work' class="">Work</a></li>
278						<li class='item'><a href='/cabinet?cate=people' class="">People</a></li>
279					</ul>
280				</div>
281			</div>
282		</div>
283		<div class="popup-menu modal-wrap" id="popup-menu" data-modal="menu">
284			<!-- <div class="bg"></div> -->
285			<div class="navi-wrap">
286				<div class="container-fluid m1180">
287					<ul class="top-main-navi mo-only">
288						<li class='item cabinet '>Project-Cabinet</li><div class='sub-menu mo-only'><div class='navi-wrap'><div class='container-fluid m1180'><ul class='sub-navi mo-only'><li class='item'><a href='/cabinet?cate=work' class=''>work</a></li><li class='item'><a href='/cabinet?cate=people' class=''>people</a></li></ul></div></div></div><li class='item '><a href='/trend'>Trend</a></li><li class='item '><a href='/place'>Place</a> <span class='navi-label label-apply'>신청 접수중</span></li><li class='item line'></li><li class='item '><a href='/visit'>Visit</a></li><li class='item '><a href='/now'>Now</a></li><li class='map item'><a href='https://map.heypop.kr/' target='_blank'>Map<sup>App</sup></a></li><li class='item'><a href='https://heypop.kr/designspot/'>Design Spot</a></li>					</ul>
289					<ul class="lnb-list">
290						<li class="my d-flex">
291															<!-- 비회원  -->
292								<div class="item"><a href="/login">로그인</a></div>
293														<!--
294							<li class="item"><a href="/logout">로그아웃</a></li>
295							<li class="item"><a href="/register">회원가입</a></li>
296							-->
297							<div class="item bookmark">
298								<a href="/bookmark"><img src="https://heypop.kr/wp-content/themes/baton/assets/icon/icon_bookmark.svg" alt="">북마크</a>
299							</div>
300						</li>
301
302						<li class="item"><a href="/proposal"><img src="https://heypop.kr/wp-content/themes/baton/assets/icon/icon_ad.svg" alt="">광고・협업 문의</a></li>
303						<li class="item"><a href="/report"><img src="https://heypop.kr/wp-content/themes/baton/assets/icon/icon_content.svg" alt="">콘텐츠 제보</a></li>
304						<li class="item"><a href="https://forms.gle/mjdEhkTBrRjaNZpD7" target="_blank"><img src="https://heypop.kr/wp-content/themes/baton/assets/icon/icon_place.svg" alt="">공간 등록 신청</a></li>
305						<li class="item"><a href="/newsletter"><img src="https://heypop.kr/wp-content/themes/baton/assets/icon/icon_newsletter.svg" alt="">뉴스레터 구독하기</a></li>
306					</ul>
307				</div>
308			</div>
309		</div>
310	</div>
311	
312<div class="popup-search modal-wrap" data-modal="search">
313	<div class="container-fluid m1180">
314		<div class="search-header">
315			<div class="flex-grow-1">
316				
317<form action="/search" method="get" class="search-form">
318	<label for="k" class="search-input">
319		<input placeholder="Search Keyword" type="search" name="k" id="search" value="" />
320	</label>
321	<button type="button" class="remove-btn">
322		<img src="https://heypop.kr/wp-content/themes/baton/assets/icon/icon_search_remove.svg" alt="검색어 삭제" class="max"> 
323	</button>
324	<button type="submit" class="submit-btn">
325		<img src="https://heypop.kr/wp-content/themes/baton/assets/icon/icon_search_white.png" alt="검색" class="max"> 
326	</button>
327</form>
328
329<script>
330	(function($){
331		$('.remove-btn').on('click', function(){
332			$('#search').val('');
333		});
334	})(jQuery)
335</script>
335			</div>
336			<div class="btn-wrap d-flex flex-wrap">
337				<button type="button" class="close-btn modal-btn" data-modal="search">
338					<img src="https://heypop.kr/wp-content/themes/baton/assets/icon/icon_close.svg" alt="검색 모달 닫기" class="max"> 
339				</button>
340				<button type="button" class="menu-btn modal-btn" data-modal="menu">
341					<img src="https://heypop.kr/wp-content/themes/baton/assets/icon/icon_menu.svg" alt="메뉴" class="max">
342				</button> 
343			</div>
344		</div>
345		<div class="recommand-keyword">
346							<a href="/n/?c=POP-UP" class="tag grey">POP-UP</a>
347							<a href="/n/?c=Exhibition" class="tag grey">Exhibition</a>
348							<a href="/n/?c=Design" class="tag grey">Design</a>
349							<a href="/n/?c=Art" class="tag grey">Art</a>
350							<a href="/n/?c=Living" class="tag grey">Living</a>
351							<a href="/n/?c=Style" class="tag grey">Style</a>
352							<a href="/n/?c=Gourmet" class="tag grey">Gourmet</a>
353							<a href="/n/?c=Culture" class="tag grey">Culture</a>
354							<a href="/n/?c=Tech" class="tag grey">Tech</a>
355							<a href="/n/?c=News" class="tag grey">News</a>
356					</div>
357		<div class="row recommand-post">
358		
359<div class="content-item col-6 col-md-6 col-lg-3" data-close="" data-open="">
360    <div class="pb-s4 d-flex on-wrap">
361                    <div class="tag blank"></div>
362            </div>
363    <a href="/n/141824"><img src="https://storage.heypop.kr/assets/2026/08/25013616/20260824_163615-rjscnr2.jpg?w=800&h=400&f=jpg&q=100" alt="" class="image max"></a>
364    <div class="d-flex">
365        <div class="text-wrap">
366                        <a href="/visit/" class="category">Visit</a>
367                        <a href="/n/141824" class="title">2026년 ‘서울시 건축상’ 수상작 10곳은?</a>
368            <p class="simple-desc">공원과 이어진 공공 미술관부터 자연광이 드는 방사선 치료실까지</p>
369        </div>
370        <div class="icon icon-bookmark not-yet">
371                        <!-- 비로그인 -->
372                <button type="button" data-mode="LOGIN" class="bookmark bookmark-btn"></button>
373                    </div>
374    </div>
375     
376    <div class="tag-wrap">
377                            <a href="/n/?c=News" class="tag">News</a>
378                                    <a href="/n/?c=Living" class="tag">Living</a>
379                                    <a href="/n/?c=Design" class="tag">Design</a>
380                    </div>
381    
382</div>
383<div class="content-item col-6 col-md-6 col-lg-3" data-close="" data-open="">
384    <div class="pb-s4 d-flex on-wrap">
385                    <div class="tag blank"></div>
386            </div>
387    <a href="/n/142101"><img src="https://storage.heypop.kr/assets/2026/08/27014050/20260826_164049-collage_%EA%B0%80%EB%A1%9C%ED%98%95.png?w=800&h=400&f=jpg&q=100" alt="" class="image max"></a>
388    <div class="d-flex">
389        <div class="text-wrap">
390                        <a href="/visit/" class="category">Visit</a>
391                        <a href="/n/142101" class="title">가을을 풍성하게 채울 2026 가을 축제 4선</a>
392            <p class="simple-desc">도심 속 연꽃 산책부터 가을밤을 밝히는 유등까지 </p>
393        </div>
394        <div class="icon icon-bookmark not-yet">
395                        <!-- 비로그인 -->
396                <button type="button" data-mode="LOGIN" class="bookmark bookmark-btn"></button>
397                    </div>
398    </div>
399     
400    <div class="tag-wrap">
401                            <a href="/n/?c=Culture" class="tag">Culture</a>
402                    </div>
403    
404</div>
405<div class="content-item col-6 col-md-6 col-lg-3" data-close="" data-open="">
406    <div class="pb-s4 d-flex on-wrap">
407                    <div class="tag blank"></div>
408            </div>
409    <a href="/n/142886"><img src="https://storage.heypop.kr/assets/2026/09/10025345/20260909_175339-burgermian-scaled.jpg?w=800&h=400&f=jpg&q=100" alt="" class="image max"></a>
410    <div class="d-flex">
411        <div class="text-wrap">
412                        <a href="/visit/" class="category">Visit</a>
413                        <a href="/n/142886" class="title">버거킹 세계 첫 플래그십에서 찾은 특이점 5</a>
414            <p class="simple-desc">한정 버거 3종부터 8만 9천 원 와퍼 코스까지</p>
415        </div>
416        <div class="icon icon-bookmark not-yet">
417                        <!-- 비로그인 -->
418                <button type="button" data-mode="LOGIN" class="bookmark bookmark-btn"></button>
419                    </div>
420    </div>
421     
422    <div class="tag-wrap">
423                            <a href="/n/?c=Culture" class="tag">Culture</a>
424                                    <a href="/n/?c=Gourmet" class="tag">Gourmet</a>
425                    </div>
426    
427</div>
428<div class="content-item col-6 col-md-6 col-lg-3" data-close="" data-open="">
429    <div class="pb-s4 d-flex on-wrap">
430                    <div class="tag blank"></div>
431            </div>
432    <a href="/cabinet/142800"><img src="https://storage.heypop.kr/assets/2026/09/10015007/20260909_165005-2%ED%8E%B8_%EA%B0%80%EB%A1%9C%ED%98%95.png?w=800&h=400&f=jpg&q=100" alt="" class="image max"></a>
433    <div class="d-flex">
434        <div class="text-wrap">
435                        <a href="/cabinet/" class="category">Project Cabinet</a>
436                        <a href="/cabinet/142800" class="title">완성까지 7년, 군산에 재즈 클럽 만든 이유</a>
437            <p class="simple-desc">민간 최초 공간문화대상 대통령상 받은 '프로젝트 리터닝 군산'</p>
438        </div>
439        <div class="icon icon-bookmark not-yet">
440                        <!-- 비로그인 -->
441                <button type="button" data-mode="LOGIN" class="bookmark bookmark-btn"></button>
442                    </div>
443    </div>
444     
445    <div class="tag-wrap">
446                            <a href="/n/?c=People" class="tag">People</a>
447                    </div>
448    
449</div>		</div>
450	</div>
451</div>
452
453</div>
454
455
456<!-- <div class="modal-bg"></div> -->
457
458
459<script src="/wp-content/themes/baton/js/scroll-lock.js"></script>
vendor: 1 bytes, line 459
459
460<script src="https://heypop.kr/wp-content/themes/baton/js/w/jquery.waypoints.min.js"></script>
vendor: 1 bytes, line 460
460
461<script src="https://heypop.kr/wp-content/themes/baton/js/w/shortcuts/sticky.min.js"></script>
vendor: 1 bytes, line 461
461
462<script>
463	(function($) {
464		var is_mobile = $(window).outerWidth() <= 767 ? true : false;
465
466		$('#login-btn').on('click', function() {
467			if (window.location.pathname != '/login') {
468				Cookies.set('rdx-url', window.location.pathname);
469			}
470			location.href = $(this).data('href');
471		})
472
473		// modal
474		$(document).on('click', '.modal-btn', function() {
475			var vw = $(window).outerWidth();
476			var is_mobile_header = vw < 1440 ? true : false;
477			// if($('body').css('top') == 'auto'){
478			// 	var scrollPosition = window.pageYOffset;
479			// }else{
480			// 	var scrollPosition =  parseInt($('body').css('top')) * -1;
481			// }
482
483			var type = $(this).data('modal');
484			var active_modal = $('.modal-wrap.active').data('modal');
485
486			try {
487				if (is_mobile) {
488					if ($('.modal-wrap[data-modal="' + type + '"]').hasClass('active')) {
489						scrollUnLock();
490					} else {
491						scrollLock();
492					}
493				}
494
495				if ($('.modal-wrap.active').data('modal') != type && $('.modal-wrap.active').length > 0) {
496					if (is_mobile_header) {
497						if (active_modal == undefined || active_modal == type) {
498							$('.modal-wrap.active').slideUp(300);
499						} else {
500							if (type == 'search') searchModalHeight('close');
501							$('.modal-wrap.active').css('display', 'none');
502						}
503					} else {
504						$('.modal-wrap.active').slideUp(300);
505					}
506					$('.modal-wrap.active').removeClass('active');
507				} else {
508					$('.modal-bg').fadeToggle();
509				}
510
511				if (is_mobile_header) {
512					// 검색창인 경우 높이 조절
513					if (type == 'search') {
514						if ($('.modal-wrap[data-modal="' + type + '"]').hasClass('active')) {
515							searchModalHeight('close');
516						} else {
517							searchModalHeight('open');
518						}
519					}
520
521					if (active_modal == undefined || active_modal == type) {
522						$('.modal-wrap[data-modal="' + type + '"]').slideToggle(300);
523					} else {
524						$('.modal-wrap[data-modal="' + type + '"]').css('display', 'block');
525					}
526				} else {
527					$('.modal-wrap[data-modal="' + type + '"]').slideToggle(300);
528				}
529				$('.modal-wrap[data-modal="' + type + '"]').toggleClass('active');
530
531			} catch (e) {
532				console.log(e);
533			}
534		})
535
536		function searchModalHeight(status) {
537			var vw = $(window).outerWidth();
538			if (vw < 1440 && vw > 767) {
539				if (status == 'open') {
540					var header_h = $('.header').outerHeight();
541					var menu_h = $('.modal-wrap[data-modal="menu"]').outerHeight();
542					$('.modal-wrap[data-modal="search"]').css('height', header_h + menu_h);
543				} else if (status == 'close') {
544					$('.modal-wrap[data-modal="search"]').css('height', '');
545				}
546			}
547		}
548
549
550		$('.modal-bg').on('click', function() {
551			$('.modal-wrap.active').slideUp(300);
552			$('.modal-wrap.active').removeClass('active');
553			$('.modal-bg').fadeOut();
554		})
555
556
557		// swiper full size banner 작동 (카테고리 페이지, 홈화면)
558		$(document).on('ready', function() {
559			if ($('.swiper-banner').length > 0) {
560				console.log('swiper');
561				$('.swiper-banner').each(function() {
562					if ($(this).find('.swiper-slide').length > 1) {
563						new Swiper($(this), {
564							slidesPerView: 1,
565							pagination: {
566								el: ".swiper-pagination",
567								type: "progressbar",
568							},
569							autoplay: {
570								delay: 3000,
571								disableOnInteraction: false,
572							},
573							loop: true,
574							navigation: {
575								nextEl: ".swiper-button-next",
576								prevEl: ".swiper-button-prev",
577							},
578						})
579					} else {
580						$(this).find('.swiper-pagination').hide();
581						$(this).find('.swiper-button-next').hide();
582						$(this).find('.swiper-button-prev').hide();
583					}
584				})
585			}
586
587		})
588
589		// 목록 아이템 태그 ... 클릭
590		$(document).on('click', '.content-item .tag-more-btn', function() {
591			var slide_index = $(this).closest('.swiper-slide').data('swiper-slide-index');
592
593			// 스와이퍼에 있는 content-item인가?
594			if ($.isNumeric(slide_index)) {
595				var swiper_wrap = $(this).closest('.swiper-wrapper');
596				swiper_wrap.children('.swiper-slide[data-swiper-slide-index="' + slide_index + '"]').addClass('active');
597			} else {
598				$(this).closest('.content-item').addClass('active');
599			}
600		})
601
602		// 100vh 문제 해결
603		function setScreenSize() {
604			let vh = window.innerHeight * 0.01;
605			document.documentElement.style.setProperty('--vh', `${vh}px`);
606		}
607		window.addEventListener('resize', setScreenSize);
608		window.addEventListener('scroll', setScreenSize);
609		setScreenSize();
610
611		// 띠배너 클릭시 띠배너 클릭 횟수 저장
612		$(document).ready(function() {
613			$(document).on('click', '.line-banner', function() {
614				const line_banner_id = $(this).data('id'); // 클릭한 배너의 ID
615				const end_date = $(this).data('end-date'); // 클릭한 배너의 만료 날짜
616				const line_banner_click = Cookies.get('line_banner_click');
617				const is_duplicate = line_banner_click !== undefined; // 중복 여부 판단
618				// console.log(end_date);
619				// console.log(is_duplicate);
620
621				$.post('/api-banner', {
622					banner_id: line_banner_id,
623					is_duplicate: is_duplicate // 중복 여부 전달
624				}, function(response) {
625					console.log(response);
626
627					if (!is_duplicate) {
628						// 중복이 아닌 경우만 쿠키 설정
629						const expiresDate = new Date(end_date); // Date 객체로 변환
630						Cookies.set('line_banner_click', 'true', {
631							expires: expiresDate
632						});
633					}
634				});
635			})
636		})
637	})(jQuery)
638</script>
638
639<div class="page page-common page-home">
640	<!-- 모바일 배너 -->
641	<div class="container-fluid mobile-swiper-container">
642		<div class="home-banner-swiper d-lg-none mobile">
643							<div class="index"><span class="active-index mo">1</span> <span> / </span> <span>4</span></div>
644						<div class="swiper-wrapper">
645														<a class="swiper-slide" href="https://heypop.kr/n/143289">
646						<h3 class="home-banner-title">9월 넷째 주, 주목할 만한 팝업</h3>
647						<img src="https://storage.heypop.kr/assets/2026/09/21204641/20260921_114640-cptmapdls.jpg" alt="">
648					</a>
649														<a class="swiper-slide" href="https://heypop.kr/n/143237">
650						<h3 class="home-banner-title">미감까지 챙긴 추석 먹거리 선물 7</h3>
651						<img src="https://storage.heypop.kr/assets/2026/09/17040431/20260916_190430-dkfmaekdnjfk.jpg" alt="">
652					</a>
653														<a class="swiper-slide" href="https://heypop.kr/n/142968">
654						<h3 class="home-banner-title">100년 된 조명은 왜 지금도 사랑받을까? 루이스폴센 서울스토어 오픈</h3>
655						<img src="https://storage.heypop.kr/assets/2026/09/15015759/20260914_165758-%EA%B0%80%EB%A1%9C%ED%98%95.png" alt="">
656					</a>
657														<a class="swiper-slide" href="https://heypop.kr/n/143047">
658						<h3 class="home-banner-title">올가을 광주를 여행하는 법</h3>
659						<img src="https://storage.heypop.kr/assets/2026/09/16205211/20260916_115210-collage_%EA%B0%80%EB%A1%9C%ED%98%95.png" alt="">
660					</a>
661							</div>
662		</div>
663	</div>
664
665	<div class="container-fluid m1180 mt-s0 mt-md-s40">
666		<div class="content-section mb-s0">
667			<div class="row">
668				<!-- PC 배너 -->
669				<div class="home-banner-swiper d-none d-lg-block pc">
670											<div class="index"><span class="active-index">1</span> <span> / </span> <span>4</span></div>
671										<div class="swiper-wrapper">
672																				<a class="swiper-slide" href="https://heypop.kr/n/143289">
673								<h3 class="home-banner-title">9월 넷째 주, 주목할 만한 팝업</h3>
674								<img src="https://storage.heypop.kr/assets/2026/09/21204641/20260921_114640-cptmapdls.jpg" alt="">
675							</a>
676																				<a class="swiper-slide" href="https://heypop.kr/n/143237">
677								<h3 class="home-banner-title">미감까지 챙긴 추석 먹거리 선물 7</h3>
678								<img src="https://storage.heypop.kr/assets/2026/09/17040431/20260916_190430-dkfmaekdnjfk.jpg" alt="">
679							</a>
680																				<a class="swiper-slide" href="https://heypop.kr/n/142968">
681								<h3 class="home-banner-title">100년 된 조명은 왜 지금도 사랑받을까? 루이스폴센 서울스토어 오픈</h3>
682								<img src="https://storage.heypop.kr/assets/2026/09/15015759/20260914_165758-%EA%B0%80%EB%A1%9C%ED%98%95.png" alt="">
683							</a>
684																				<a class="swiper-slide" href="https://heypop.kr/n/143047">
685								<h3 class="home-banner-title">올가을 광주를 여행하는 법</h3>
686								<img src="https://storage.heypop.kr/assets/2026/09/16205211/20260916_115210-collage_%EA%B0%80%EB%A1%9C%ED%98%95.png" alt="">
687							</a>
688											</div>
689				</div>
690
691				
692				<!-- 단신 카드 섹션 top -->
693									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
694        <a href="https://heypop.kr/n/143377/">
695        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
696                            <img src="https://storage.heypop.kr/assets/2026/09/24002536/20260923_152535-%EC%A0%95%EB%B0%A9%ED%98%95_%EC%BB%A4%ED%94%BC%ED%95%9C%EC%95%BD%EB%B0%A9.jpg" alt="">
697            </a>
698    <a href="https://heypop.kr/n/143377/" class="title d-block mt-s8">커피한약방은 왜 청량리 옛 여인숙에 문을 열었을까?</a>
699    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">경동시장에 새로 터를 잡은 커피한약방 강윤석 대표 인터뷰 </p>
700</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
701        <a href="https://heypop.kr/n/143307/">
702        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
703                            <img src="https://storage.heypop.kr/assets/2026/09/22203307/20260922_113256-%EC%A0%95%EB%B0%A9%ED%98%95-scaled.jpg" alt="">
704            </a>
705    <a href="https://heypop.kr/n/143307/" class="title d-block mt-s8">2년 만에 문을 연 운경고택에서 만나는〈다시 도착한 집〉</a>
706    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">사직단 인근에 자리한 1930년대 서울식 한옥의 모습은?</p>
707</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
708        <a href="https://heypop.kr/n/143059/">
709        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
710                            <img src="https://storage.heypop.kr/assets/2026/09/16204643/20260916_114639-cnscjsapdls-scaled.jpg" alt="">
711            </a>
712    <a href="https://heypop.kr/n/143059/" class="title d-block mt-s8">‘프로-스펙스’가 다시 달리기 시작한 장소는?</a>
713    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">45년의 헤리티지를 바탕으로 완성한 새로운 거점</p>
714</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
715        <a href="https://heypop.kr/n/143164/">
716        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
717                            <img src="https://storage.heypop.kr/assets/2026/09/16230857/20260916_140845-%EB%B8%8C%EB%9E%98%EB%93%9C-%EC%9B%94%EC%8A%A4-%EC%82%AC%EC%A7%84%EC%A0%84_KV-%ED%8F%AC%EC%8A%A4%ED%84%B0%EC%A0%95%EB%B0%A9%ED%98%95-scaled.jpg" alt="">
718            </a>
719    <a href="https://heypop.kr/n/143164/" class="title d-block mt-s8">새롭게 문을 연 그라운드시소 용산에서 만나는 브랜드 월스 사진전</a>
720    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">원밀리언 댄스 스튜디오 협업 신작부터 라이브 발레 공연까지</p>
721</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
722        <a href="https://heypop.kr/n/142940/">
723        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
724                            <img src="https://storage.heypop.kr/assets/2026/09/14224456/20260914_134456-dlwndmlvkqdjq2.jpg" alt="">
725            </a>
726    <a href="https://heypop.kr/n/142940/" class="title d-block mt-s8">9월 셋째 주, 갈 만한 팝업</a>
727    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">매거진〈C〉9호 출간전부터 오끼뜨 방앗간까지</p>
728</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
729        <a href="https://heypop.kr/n/142886/">
730        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
731                            <img src="https://storage.heypop.kr/assets/2026/09/10025346/20260909_175346-buger10.jpg" alt="">
732            </a>
733    <a href="https://heypop.kr/n/142886/" class="title d-block mt-s8">버거킹 세계 첫 플래그십에서 찾은 특이점 5</a>
734    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">한정 버거 3종부터 8만 9천 원 와퍼 코스까지</p>
735</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
736        <a href="https://heypop.kr/cabinet/142800/">
737        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
738                            <img src="https://storage.heypop.kr/assets/2026/09/10015027/20260909_165017-%EC%A0%95%EB%B0%A9%ED%98%9522-scaled.jpg" alt="">
739            </a>
740    <a href="https://heypop.kr/cabinet/142800/" class="title d-block mt-s8">완성까지 7년, 군산에 재즈 클럽 만든 이유</a>
741    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">민간 최초 공간문화대상 대통령상 받은 '프로젝트 리터닝 군산'</p>
742</div>							</div>
743		</div>
744	</div>
745
746	<!-- 광고 배너 -->
747	
748	
749	<!-- 프로젝트 캐비넷 배너 -->
750	<div class="content-section">
751							<div class="cabinet-item" data-post_id="139507">
752    <div class="container-fluid m1180 ">
753        <div class="row content-item">
754            <!-- 타이틀, 리스트 -->
755            <div class="col-12 col-md-8 d-flex flex-column justify-content-between">
756                <div class="top-content d-block d-md-flex justify-content-md-between d-lg-block">
757                    <div class="title">
758                        <h1 class="fw-700 lh-160 mb-s8 mb-md-s12">도시의 빈칸을 채우는 법, 무신사 서울숲 프로젝트</h1>
759                        <!-- 홈 화면에서는 숨김 처리 -->
760                                            </div>
761                    <div class="image-wrapper">
762                                                <img class="thumb-mobile d-md-none" src="https://storage.heypop.kr/assets/2026/07/02044558/20260701_194557-ektjtnv.jpg" alt="">
763                    </div>
764                </div>
765                                <div class="series-list" id="6ab516e96970c">
766                                            <a href="/cabinet/139269" class="series-item d-flex justify-content-between" data-post_id="139269">
767                            <div class="series-title">
768                                <p class="fw-700 en c-bg-orange">file no.1</p>
769                                <p class="fw-700 lh-160 pr-s16 pr-md-s0">어쩌면 ‘무신사’만이 할 수 있는 일</p>
770                            </div>
771                            <img src="https://heypop.kr/wp-content/themes/baton/assets/icon/icon_arrow_forward.svg" alt="">
772                        </a>
773                                            <a href="/cabinet/139273" class="series-item d-flex justify-content-between" data-post_id="139273">
774                            <div class="series-title">
775                                <p class="fw-700 en c-bg-orange">file no.2</p>
776                                <p class="fw-700 lh-160 pr-s16 pr-md-s0">다시 찾고 싶은 거리는 어떻게 만들어지나</p>
777                            </div>
778                            <img src="https://heypop.kr/wp-content/themes/baton/assets/icon/icon_arrow_forward.svg" alt="">
779                        </a>
780                                            <a href="/cabinet/139265" class="series-item d-flex justify-content-between" data-post_id="139265">
781                            <div class="series-title">
782                                <p class="fw-700 en c-bg-orange">file no.3</p>
783                                <p class="fw-700 lh-160 pr-s16 pr-md-s0">서울숲 아뜰리에길 걸어보기</p>
784                            </div>
785                            <img src="https://heypop.kr/wp-content/themes/baton/assets/icon/icon_arrow_forward.svg" alt="">
786                        </a>
787                                    </div>
788            </div>
789            <!-- 썸네일 -->
790            <div class="col-12 col-md-4 thumb-wrap" data-list_id="6
790ab516e96970c">
791                                <img class="thumb d-none d-md-block visible" src="https://storage.heypop.kr/assets/2026/07/02044558/20260701_194557-ektjtnv.jpg?w=800&h=800&f=jpg&q=100" alt="">
792                                                        <img class="hover" data-post_id="139269" src="https://storage.heypop.kr/assets/2026/07/02044558/20260701_194557-ektjtnv.jpg" alt="">
793                                                        <img class="hover" data-post_id="139273" src="https://storage.heypop.kr/assets/2026/07/02035506/20260701_185505-999.jpg" alt="">
794                                                        <img class="hover" data-post_id="139265" src="https://storage.heypop.kr/assets/2026/07/02025045/20260701_175044-musinsa2.jpg" alt="">
795                            </div>
796        </div>
797    </div>
798</div>			</div>
799
800	<!-- 단신 카드 섹션 middle -->
801	
802	<!-- 단신 강조 배너 2 (MO) -->
803		<a href="https://content.map.heypop.kr/popup/d9bf7908-ab27-47a5-8163-96b223331ebb" class="home-banner d-md-none d-block">
804		<div class="home-banner-image">
805			<img src="https://storage.heypop.kr/assets/2024/08/17191958/20260917_101957-779624552_17951545374219675_6848597396098041153_n.jpg" alt="">
806		</div>
807		<h3 class="home-banner-title"> 남화연 개인전〈낮잠〉</h3>
808	</a>
809
810	<div class="content-section mb-s0">
811		<div class="container-fluid banner m1180">
812			<div class="row">
813				<!-- 단신 강조 배너 2 (PC) -->
814								<a href="https://content.map.heypop.kr/popup/d9bf7908-ab27-47a5-8163-96b223331ebb" class="home-banner d-none d-md-block">
815					<div class="home-banner-image">
816						<img src="https://storage.heypop.kr/assets/2024/08/17191958/20260917_101957-779624552_17951545374219675_6848597396098041153_n.jpg" alt="">
817					</div>
818					<h3 class="home-banner-title"> 남화연 개인전〈낮잠〉</h3>
819				</a>
820				<!-- 홈 수동관리 콘텐츠 -->
821													<div class="card-item second">
822						<a href="https://content.map.heypop.kr/popup/bb459c86-270c-4479-b7a1-d2b7b46994a9">
823							<img src="https://storage.heypop.kr/assets/2024/08/17192557/20260917_102556-bonjour.jpg" alt="">
824						</a>
825						<p class="title mt-s8">〈봉주르, 장자크 상페: 세상을 그린 시선〉</p>
826						<p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">2026. 9. 10. ~ 2027. 1. 3.</p>
827					</div>
828									<div class="card-item second">
829						<a href="https://content.map.heypop.kr/popup/40bdd051-12d2-4c0f-a07b-68a8a028a391">
830							<img src="https://storage.heypop.kr/assets/2026/09/21204715/20260921_114705-cptmzmffjq-scaled.jpg" alt="">
831						</a>
832						<p class="title mt-s8">서울체스클럽 추석 에디션〈체스 & 윷놀이〉</p>
833						<p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">2026. 9. 24. ~ 2026. 9. 24.</p>
834					</div>
835							</div>
836		</div>
837	</div>
838
839	<!-- 헤이맵 조회수 높은 팝업 목록 1위 ~ 6위 -->
840			<div class="content-section popup">
841			<div class="container-fluid m1180">
842				<div class="row popup-list">
843																		<div class="popup-item col-12 col-md-6 col-lg-4">
844								<div class="row align-items-center">
845									<a href="https://go.heypop.kr/rr8c" class="thumb col-4" target="_blank">
846										<div class="thumb-inner">
847											<h1>1</h1>
848											<img src="https://static.heypop.kr/popups/3c64e3de-7b73-4698-b998-c1f92e5895cc.png?w=400&q=80" alt="〈큐비스트: 시각의 혁신가들〉">
849										</div>
850									</a>
851									<div class="info col-8">
852										<p class="logo">heyMAP</p>
853										<p class="title ellipsis-2">〈큐비스트: 시각의 혁신가들〉</p>
854									</div>
855								</div>
856							</div>
857																								<div class="popup-item col-12 col-md-6 col-lg-4">
858								<div class="row align-items-center">
859									<a href="https://go.heypop.kr/ftjw" class="thumb col-4" target="_blank">
860										<div class="thumb-inner">
861											<h1>2</h1>
862											<img src="https://static.heypop.kr/popups/7861fb5c-e8db-44b3-adb2-ff7ccde58c12.jpg?w=400&q=80" alt="국립중앙박물관 특별전 〈우리들의 밥상〉">
863										</div>
864									</a>
865									<div class="info col-8">
866										<p class="logo">heyMAP</p>
867										<p class="title ellipsis-2">국립중앙박물관 특별전 〈우리들의 밥상〉</p>
868									</div>
869								</div>
870							</div>
871																								<div class="popup-item col-12 col-md-6 col-lg-4">
872								<div class="row align-items-center">
873									<a href="https://go.heypop.kr/725s" class="thumb col-4" target="_blank">
874										<div class="thumb-inner">
875											<h1>3</h1>
876											<img src="https://static.heypop.kr/popups/8623eb66-023c-47de-974e-1c763643cf3e.jpg?w=400&q=80" alt="오므오트">
877										</div>
878									</a>
879									<div class="info col-8">
880										<p class="logo">heyMAP</p>
881										<p class="title ellipsis-2">오므오트</p>
882									</div>
883								</div>
884							</div>
885																								<div class="popup-item col-12 col-md-6 col-lg-4">
886								<div class="row align-items-center">
887									<a href="https://go.heypop.kr/ax5i" class="thumb col-4" target="_blank">
888										<div class="thumb-inner">
889											<h1>4</h1>
890											<img src="https://static.heypop.kr/popups/d5fc017c-4f90-40bf-8915-442c47ec4832.jpg?w=400&q=80" alt="티퍼런스">
891										</div>
892									</a>
893									<div class="info col-8">
894										<p class="logo">heyMAP</p>
895										<p class="title ellipsis-2">티퍼런스</p>
896									</div>
897								</div>
898							</div>
899																								<div class="popup-item col-12 col-md-6 col-lg-4">
900								<div class="row align-items-center">
901									<a href="https://go.heypop.kr/litf" class="thumb col-4" target="_blank">
902										<div class="thumb-inner">
903											<h1>5</h1>
904											<img src="https://static.heypop.kr/popups/c0de38b9-14d6-4a7c-a61e-e179ba0c3627.jpg?w=400&q=80" alt="〈울트라백화점 부산: 텍스트 쇼핑 클럽〉">
905										</div>
906									</a>
907									<div class="info col-8">
908										<p class="logo">heyMAP</p>
909										<p class="title ellipsis-2">〈울트라백화점 부산: 텍스트 쇼핑 클럽〉</p>
910									</div>
911								</div>
912							</div>
913																								<div class="popup-item col-12 col-md-6 col-lg-4">
914								<div class="row align-items-center">
915									<a href="https://go.heypop.kr/a741" class="thumb col-4" target="_blank">
916										<div class="thumb-inner">
917											<h1>6</h1>
918											<img src="https://static.heypop.kr/popups/d3236d3c-0e4c-4dfb-b85c-e29aa2190d4d.jpg?w=400&q=80" alt="LG전자 헤리티지 전시 〈THE FIRST : Origins〉">
919										</div>
920									</a>
921									<div class="info col-8">
922										<p class="logo">heyMAP</p>
923										<p class="title ellipsis-2">LG전자 헤리티지 전시 〈THE FIRST : Origins〉</p>
924									</div>
925								</div>
926							</div>
927															</div>
928			</div>
929		</div>
930	
931
932	<!-- 단신 강조 배너 3 (MO) -->
933		<a href="https://heypop.kr/n/142619" class="home-banner d-md-none mb-s0 mb-md-s32">
934		<div class="home-banner-image">
935			<img src="https://storage.heypop.kr/assets/2026/09/08204219/20260908_114218-collage_%EA%B0%80%EB%A1%9C.png" alt="">
936		</div>
937		<h3 class="home-banner-title">위로가 필요한 날엔 경희궁길 산책 코스</h3>
938	</a>
939
940	<div class="content-section mb-s0">
941		<div class="container-fluid banner m1180">
942			<div class="row">
943				<!-- 단신 강조 배너 3 (PC) -->
944								<a href="https://heypop.kr/n/142619" class="home-banner d-none d-md-block mb-s0 mb-md-s32">
945					<div class="home-banner-image">
946						<img src="https://storage.heypop.kr/assets/2026/09/08204219/20260908_114218-collage_%EA%B0%80%EB%A1%9C.png" alt="">
947					</div>
948					<h3 class="home-banner-title">위로가 필요한 날엔 경희궁길 산책 코스</h3>
949				</a>
950
951				<!-- 단신 카드 섹션 bottom -->
952									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
953        <a href="https://heypop.kr/n/142727/">
954        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
955                            <img src="https://storage.heypop.kr/assets/2026/09/09015407/20260908_165346-%EC%A0%95%EB%B0%A9%ED%98%95-scaled.jpg" alt="">
956            </a>
957    <a href="https://heypop.kr/n/142727/" class="title d-block mt-s8">프로젝트 리터닝 군산에서 보내는 하루</a>
958    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">호텔 인그리드부터 재즈클럽 머디까지</p>
959</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
960        <a href="https://heypop.kr/n/142679/">
961        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
962                            <img src="https://storage.heypop.kr/assets/2026/09/08235123/20260908_145123-fest.jpg" alt="">
963            </a>
964    <a href="https://heypop.kr/n/142679/" class="title d-block mt-s8">세계 맥주 축제 옥토버페스트 서울, 어떻게 즐길까?</
964a>
965    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">독일 맥주와 밴드, 전통 의상까지 만나는 〈옥토버페스트 서울 2026〉 </p>
966</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
967        <a href="https://heypop.kr/n/142577/">
968        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
969                            <img src="https://storage.heypop.kr/assets/2026/09/08012939/20260907_162938-795471401_18627046129020850_4772960037251977396_n.jpg" alt="">
970            </a>
971    <a href="https://heypop.kr/n/142577/" class="title d-block mt-s8">9월 둘째 주, 눈여겨 볼 팝업</a>
972    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">하겐다즈 크루즈 팝업부터 롱블랙 5주년 카페까지</p>
973</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
974        <a href="https://heypop.kr/n/142537/">
975        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
976                            <img src="https://storage.heypop.kr/assets/2026/09/04194847/20260904_104847-hyerwer.jpg" alt="">
977            </a>
978    <a href="https://heypop.kr/n/142537/" class="title d-block mt-s8">2026 마곡리빙마켓, 이 부스는 꼭 보세요!</a>
979    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">가구부터 오브제, 먹거리와 추석 선물까지 한자리에서 만나요</p>
980</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
981            <div class="ad-tag">AD</div>
982        <a href="https://heypop.kr/n/142372/">
983        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
984                            <img src="https://storage.heypop.kr/assets/2026/09/02193327/20260902_103327-allosomain2.jpg" alt="">
985            </a>
986    <a href="https://heypop.kr/n/142372/" class="title d-block mt-s8">예술이 된 소파, 알로소와 여섯 작가가 만났다</a>
987    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">디자인 마이애미 서울에서 만난 알로소의 첫 창작 프로젝트 ‘Alloso DIALOGUES’</p>
988</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
989        <a href="https://heypop.kr/n/142506/">
990        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
991                            <img src="https://storage.heypop.kr/assets/2026/09/03030622/20260902_180621-vmasdflsad.jpg" alt="">
992            </a>
993    <a href="https://heypop.kr/n/142506/" class="title d-block mt-s8">2026 프리즈·키아프, 올해는 어디부터 봐야 할까?</a>
994    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">아트페어와 함께 서울 전역으로 번지는 아트위크까지</p>
995</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
996        <a href="https://heypop.kr/n/142403/">
997        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
998                            <img src="https://storage.heypop.kr/assets/2026/09/03000626/20260902_150625-%EC%A0%95%EB%B0%A9%ED%98%95.jpg" alt="">
999            </a>
1000    <a href="https://heypop.kr/n/142403/" class="title d-block mt-s8">요즘 국중박 제대로 즐기는 법</a>
1001    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">전시〈우리들의 밥상〉과 함께 보면 더 재미있는 뮷즈 </p>
1002</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
1003        <a href="https://heypop.kr/n/142213/">
1004        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
1005                            <img src="https://storage.heypop.kr/assets/2026/09/02010029/20260901_160025-%EC%A0%95%EB%B0%A9%ED%98%95-scaled.jpg" alt="">
1006            </a>
1007    <a href="https://heypop.kr/n/142213/" class="title d-block mt-s8">드래곤볼 VS 귀멸의 칼날, 두 전시는 어떻게 달랐을까</a>
1008    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">성수동에서 만난 일본 소년 애니메이션</p>
1009</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
1010        <a href="https://heypop.kr/n/142199/">
1011        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
1012                            <img src="https://storage.heypop.kr/assets/2026/08/01001748/20260831_151739-%EC%A0%95%EB%B0%A9%ED%98%95-scaled.jpeg" alt="">
1013            </a>
1014    <a href="https://heypop.kr/n/142199/" class="title d-block mt-s8">국립현대미술관 서도호전, 어떻게 보면 좋을까</a>
1015    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">
1015한국을 떠난 뒤 시작된 집에 관한 질문</p>
1016</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
1017        <a href="https://heypop.kr/n/142182/">
1018        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
1019                            <img src="https://storage.heypop.kr/assets/2026/08/31224124/20260831_134123-mususus.jpg" alt="">
1020            </a>
1021    <a href="https://heypop.kr/n/142182/" class="title d-block mt-s8">9월 첫째 주, 놓치지 말아야 할 팝업</a>
1022    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">통영에서 열리는 장어 팝업부터 호텔 치커리 하우스 워밍 데이까지 </p>
1023</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
1024        <a href="https://heypop.kr/n/142055/">
1025        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
1026                            <img src="https://storage.heypop.kr/assets/2026/08/26200700/20260826_110700-%EC%A0%95%EB%B0%A9%ED%98%952.jpg" alt="">
1027            </a>
1028    <a href="https://heypop.kr/n/142055/" class="title d-block mt-s8">케이스티파이 X G-DRAGON, 컬렉션의 모습은?</a>
1029    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">도산 플래그십에서 만나는 ‘MAKE iT YOURS’ 캠페인 </p>
1030</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
1031        <a href="https://heypop.kr/n/142024/">
1032        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
1033                            <img src="https://storage.heypop.kr/assets/2026/08/26084621/20260825_234621-mati6.jpg" alt="">
1034            </a>
1035    <a href="https://heypop.kr/n/142024/" class="title d-block mt-s8">마티 슈프림 팝업, 마침내 서울!</a>
1036    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">오드와 사파리스팟이 제작한 ‘MADE IN KOREA’ 에디션 공개</p>
1037</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
1038        <a href="https://heypop.kr/n/141980/">
1039        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
1040                            <img src="https://storage.heypop.kr/assets/2026/08/08013115/20260907_163115-anwnl.jpg" alt="">
1041            </a>
1042    <a href="https://heypop.kr/n/141980/" class="title d-block mt-s8">이번 무인양품 팝업, 자세히 보면 더 재밌다</a>
1043    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">쇼핑백과 폐목재까지 다시 쓰는 공간 디테일</p>
1044</div>									<div class="card-item col-12 col-lg-4 col-md-6 mb-s40">
1045        <a href="https://heypop.kr/n/141824/">
1046        <!-- 캐비넷 > people 섬네일만 2:1 비율 -->
1047                            <img src="https://storage.heypop.kr/assets/2026/08/25013619/20260824_163617-rjscnr3.jpg" alt="">
1048            </a>
1049    <a href="https://heypop.kr/n/141824/" class="title d-block mt-s8">2026년 ‘서울시 건축상’ 수상작 10곳은?</a>
1050    <p class="fs-12 fs-md-13 fw-400 lh-160 mt-s2">공원과 이어진 공공 미술관부터 자연광이 드는 방사선 치료실까지</p>
1051</div>				
1052				<!-- 단신 강조 배너 4 (PC) -->
1053								<a href="https://heypop.kr/n/142101" class="home-banner d-none d-md-block mb-s0 mb-md-s32">
1054					<div class="home-banner-image">
1055						<img src="https://storage.heypop.kr/assets/2026/08/27014050/20260826_164049-collage_%EA%B0%80%EB%A1%9C%ED%98%95.png" alt="">
1056					</div>
1057					<h3 class="home-banner-title">가을을 풍성하게 채울 2026 가을 축제 4선</h3>
1058				</a>
1059			</div>
1060		</div>
1061	</div>
1062
1063	<!-- 단신 강조 배너 4 (MO) -->
1064		<a href="https://heypop.kr/n/142101" class="home-banner d-md-none mb-s0 mb-md-s32">
1065		<div class="home-banner-image">
1066			<img src="https://storage.heypop.kr/assets/2026/08/27014050/20260826_164049-collage_%EA%B0%80%EB%A1%9C%ED%98%95.png" alt="">
1067		</div>
1068		<h3 class="home-banner-title">가을을 풍성하게 채울 2026 가을 축제 4선</h3>
1069	</a>
1070</div>
1071
1072
1073
1074
1075
1076
1077<script>
1078	(function($) {
1079		const is_mobile = $(window).outerWidth() <= 767 ? true : false;
1080		const mobileViewPort = 767;
1081
1082		function updateBannerImages() {
1083			const bannerImagesMo = {
1084				0: 'https://storage.heypop.kr/assets/2026/09/16205258/20260916_115247-%EC%A0%95%EB%B0%A9%ED%98%952-scaled.jpg',
1085				2: 'https://storage.heypop.kr/assets/2026/09/08204258/20260908_114258-%EC%A0%95%EB%B0%A9%ED%98%95.jpg',
1086				3: 'https://storage.heypop.kr/assets/2026/08/27014101/20260826_164100-%EC%B6%95%EC%A0%9C_%EC%A0%95%EB%B0%A9%ED%98%95.jpg'
1087			};
1088
1089			const bannerImagesPC = {
1090				0: 'https://storage.heypop.kr/assets/2026/09/16205211/20260916_115210-collage_%EA%B0%80%EB%A1%9C%ED%98%95.png',
1091				2: 'https://storage.heypop.kr/assets/2026/09/08204219/20260908_114218-collage_%EA%B0%80%EB%A1%9C.png',
1092				3: 'https://storage.heypop.kr/assets/2026/08/27014050/20260826_164049-collage_%EA%B0%80%EB%A1%9C%ED%98%95.png'
1093			};
1094
1095			const homeBannerImageMo = '';
1096			const homeBannerImagePc = '';
1097
1098			if ($(window).width() <= mobileViewPort) {
1099				$('.home-banner-wrap').each(function(index, item) {
1100					if (bannerImagesMo[index]) {
1101						$(item).css('background-image', `url('${bannerImagesMo[index]}')`);
1102					}
1103				});
1104
1105				$('.ad-banner').css('background-image', `url('${homeBannerImageMo}')`);
1106			} else {
1107				$('.home-banner-wrap').each(function(index, item) {
1108					if (bannerImagesPC[index]) {
1109						$(item).css('background-image', `url('${bannerImagesPC[index]}')`);
1110					}
1111				});
1112
1113				$('.ad-banner').css('background-image', `url('${homeBannerImagePc}')`);
1114			}
1115		}
1116
1117		$(window).on('resize', function() {
1118			updateBannerImages();
1119		}).resize();
1120
1121		// 모바일 Swiper 설정
1122		const homeBanner1PostIds = parseInt('4')
1123		const mobileSwiper = new Swiper('.home-banner-swiper.mobile', {
1124			slidesPerView: 1,
1125			loop: homeBanner1PostIds > 1, // 이미지 2개부터 루프 기능 활성화
1126			autoplay: {
1127				delay: 2000,
1128				disableOnInteraction: false,
1129			},
1130		});
1131
1132		// PC Swiper 설정
1133		const pcSwiper = new Swiper('.home-banner-swiper.pc', {
1134			slidesPerView: 1,
1135			loop: homeBanner1PostIds > 1, // 이미지 2개부터 루프 기능 활성화
1136			spaceBetween: 0,
1137			autoplay: {
1138				delay: 2000,
1139				disableOnInteraction: false,
1140			},
1141			breakpoints: {
1142				1430: {
1143					spaceBetween: 20,
1144				}
1145			},
1146		});
1147
1148		// 스와이퍼 인덱스 값 표시
1149		function updateIndex(swiper, indexSelector) {
1150			const realIndex = swiper.realIndex;
1151			$(indexSelector).text(realIndex + 1);
1152		}
1153
1154		// 모바일 Swiper 인덱스 업데이트
1155		mobileSwiper.on('slideChange', function() {
1156			updateIndex(mobileSwiper, '.active-index.mo');
1157		});
1158
1159		// PC Swiper 인덱스 업데이트
1160		pcSwiper.on('slideChange', function() {
1161			updateIndex(pcSwiper, '.active-index:not(.mo)');
1162		});
1163
1164		// 태블릿 뷰 포스트 개수 변경을 위해 추가했는데, 포스트 개수가 즉각적으로 바뀌지 않아서 일단 보류 @yjwoobaton
1165		// $(document).ready(function() {
1166		// 	var width = $(window).width();
1167		// 	document.cookie = "screenWidth=" + width + "; path=/";
1168		// });
1169		console.log('cvs-2');
1170
1171		// 배너 클릭시 배너 클릭 횟수 저장
1172		$(document).ready(function() {
1173			$(document).on('click', '.ad-banner', function() {
1174				const ad_banner_id = $(this).data('id'); // 클릭한 배너의 ID
1175				const end_date = $(this).data('end-date'); // 클릭한 배너의 만료 날짜
1176				const post_type = $(this).data('post-type'); // 배너의 포스트 타입
1177				const cookie_name = `ad_banner_click_${post_type}_${ad_banner_id}`; // 쿠키 이름 생성
1178				const ad_banner_click = Cookies.get('ad_banner_click');
1179				const is_duplicate = ad_banner_click !== undefined; // 중복 여부 판단
1180
1181				// console.log("Banner ID:", ad_banner_id);
1182				// console.log("Post Type:", post_type);
1183				// console.log("Cookie Name:", cookie_name);
1184				// console.log("Is Duplicate:", is_duplicate);
1185
1186				$.post('/api-banner', {
1187					banner_id: ad_banner_id,
1188					is_duplicate: is_duplicate // 중복 여부 전달
1189				}, function(response) {
1190					console.log(response);
1191
1192					if (!is_duplicate) {
1193						// 중복이 아닌 경우만 쿠키 설정
1194						const expiresDate = new Date(end_date);
1194 // Date 객체로 변환
1195						Cookies.set(cookie_name, 'true', {
1196							expires: expiresDate
1197						});
1198					}
1199				});
1200			})
1201		})
1202	})(jQuery);
1203</script>
1203
1204
1205
1206<!-- <div class="ios-modal" id="ios-modal">
1207	<div class="container-fluid m1180">
1208		<div class="panel">
1209			<div class="content">
1210				<div class="close-x">
1211					<img src="https://oneslist-storage.s3.ap-northeast-2.amazonaws.com/assets/2021/05/26142032/ios_modal_close.png" alt="닫기">
1212				</div>
1213				<div class="app-icon">
1214					<img src="https://oneslist-storage.s3.ap-northeast-2.amazonaws.com/assets/2021/05/26142032/app_icon.png" alt="앱 아이콘">
1215				</div>
1216				<div class="text">
1217					<p>원스리스트를 편리하게 이용하려면 아래에 있는 <img src="https://oneslist-storage.s3.ap-northeast-2.amazonaws.com/assets/2021/05/26142033/ios_share.png" alt="공유" class="share-icon">를 눌러 홈화면에 추가해주세요.</p>
1218				</div>
1219			</div>
1220			<div class="button">
1221				<div class="left noshow-button"><a href="#none">다시보지 않기</a></div>
1222				<div class="right close-button"><a href="#none">닫기</a></div>
1223			</div>
1224		</div>
1225	</div>
1226</div> -->
1227<div id="navi-footer-wrapper">
1228	<!-- <div class="container-fluid m1180">
1229		<div class="row justify-content-end footer-logo">
1230			<div class="col-xl-5 col-lg-5 col-md-8 col-sm-12 about-text-container">
1231				<h3>매일의 새로움, <br>세상의 모든 팝업 <br>
1232					헤이팝
1233				</h3>
1234
1235				<p class="about-text">팝업 큐레이션 플랫폼, 헤이팝은 변화하는 시대에도 문화와 예술을 향한 갈망이 식지 않는 여러분들을 위해 태어났습니다. 헤이팝과 함께 좋아하는 브랜드의 새로운 도전에 기꺼이 참여하고, 사랑하는 아티스트의 작업실에 성큼 발을 들이고 싶은 능동적 취향 탐험가가 되어보세요!</p>
1236
1237				<div class="news-button">
1238					<div class="newsletter-trigger">뉴스레터 구독하기</div>
1239				</div>
1240			</div>
1241		</div>
1242	</div> -->
1243	<div class="container-fluid m1180">
1244		<div class="row justify-content-end footer-list">
1245			<div class="col-md-4 list-item">
1246				<div class="title">AD & BUSINESS</div>
1247				<div class="desc">
1248					<span>광고・협업 문의</span>
1249					크리에이터와 브랜드의 다양한<br />
1250					제안을 환영합니다.
1251				</div>
1252				<a href="/proposal" class="link">문의하기</a>
1253			</div>
1254			<div class="col-md-4 list-item">
1255				<div class="title">NOW</div>
1256				<div class="desc">
1257					<span>콘텐츠 제보</span>
1258					팝업, 전시, 브랜드 보도자료 등<br>
1259					알리고 싶은 소식을 제보해 주세요.
1260				</div>
1261				<a href="/report" class="link">제보하기</a>
1262			</div>
1263			<div class="col-md-4 list-item">
1264				<div class="title">Place</div>
1265				<div class="desc">
1266					<span>공간 등록 신청</span>
1267					브랜드, 디자이너에게 알리고 싶은 공간이 있다면?<br>
1268					헤이팝에 등록하고 더 많이 알리세요.
1269				</div>
1270				<a href="https://forms.gle/mjdEhkTBrRjaNZpD7" class="link" target="_blank">신청하기</a>
1271			</div>
1272		</div>
1273	</div>
1274	<div class="footer-list about qa">
1275		<div class="container-fluid m1180">
1276			<div class="row justify-content-end align-items-center">
1277				<div class="col-md-6 mb-s20 mb-md-s0">
1278					<div class="title">About</div>
1279					<div class="desc">
1280						매일 새로운 팝업 및 공간 트렌드와 디자인 스폿,<br>
1281						브랜드 이슈를 헤이팝에서 만날 수 있습니다.
1282					</div>
1283					<a href="/about" class="link">더보기</a>
1284				</div>
1285				<div class="col-md-6 mt-s16 mt-md-s0">
1286					<div class="title">Newsletter</div>
1287					<div class="desc">
1288						공간, 팝업, 전시 소식부터 디자인 인사이트까지<br>
1289						꼭 알아두면 좋은 트렌드 소식을 엄선해 보내 드릴게요.
1290					</div>
1291					<a href="/newsletter" class="link">더보기</a>
1292				</div>
1293			</div>
1294		</div>
1295	</div>
1296
1297	<div class="container-fluid m1180">
1298		<div class="d-flex justify-content-end info-wrap">
1299			<div class="flex-grow-1">
1300				<ul class="info-list">
1301					<li class="info-item">디자인프레스(주)</li>
1302					<li class="info-item"><span>주소</span>서울시 중구 동호로 272 가동 5층</li>
1303					<li class="info-item"><span>대표</span>이민형</li>
1304					<li class="info-item"><span>사업자번호</span>226-86-00358​</li>
1305					<li class="info-item"><span>이메일</span><a href="mailto:[email protected]" target="_blank">[email protected]</a></li>
1306					<li class="info-item"><a href="/notice">공지사항</a></li>
1307					<li class="info-item"><a href="/terms-conditions">이용약관</a></li>
1308					<li class="info-item"><a href="/privacy-policy">개인정보처리방침</a></li>
1309				</ul>
1310				<div class="info-list">
1311					<p class="info-item"><span class="mr-s4">© HEYPOP</span>헤이팝의 모든 콘텐츠는 저작권법의 보호를 받은 바, 무단 전재, 복사 및 배포 등을 금합니다.</p>
1312				</div>
1313			</div>
1314			<div class="insta"><a href="https://www.instagram.com/heypop_official/" target="_blank"><img src="https://storage.heypop.kr/assets/2021/11/16104745/icon_instagram.png" alt="" class="icon"></a></div>
1315		</div>
1316
1317	</div>
1318
1319</div>
1320
1321<script>
1322	(function($) {
1323		// 검색 모달, 검색 페이지 모두 적용 @sangheedev
1324		$('.search-form').on('submit', function(e) {
1325			if ($('.search-form input').val() == '') {
1326				e.preventDefault();
1327				return alert('검색어를 입력해주세요.');
1328			}
1329		})
1330
1331		// ===============================2024-08 리뉴얼용 함수 추가 @yjwoobaton
1332		let is_mobile_header = $(window).outerWidth() <= 1299 ? true : false;
1333		let clickCount = 0;
1334		let disableScrollEvents = false;
1335		const menuBtn = $('.navi-top-wrapper .menu-btn.modal-btn');
1336		const cabinetBtn = $('.item.cabinet');
1337		const lineBanner = $('.line-banner');
1338		const subMenu = $('.sub-menu');
1339		const initialPaddingTop = parseInt($('.page-common').css('padding-top'));
1340
1341		$('.top-main-navi.mo-only li').on('click', function() {
1342			$(this).addClass('on');
1343		})
1344
1345		$(document).on('scroll', function() {
1346			if (is_mobile_header && disableScrollEvents) {
1347				return;
1348			}
1349
1350			if (lineBanner.length === 0) {
1351				return;
1352			}
1353
1354			// 스크롤 아래로 내리면 띠배너 숨김 처리
1355			if ($(window).scrollTop() > 500) {
1356				$('.line-banner').hide();
1357			}
1358
1359			// 스크롤 위로 올리면 띠배너 표시
1360			if ($(window).scrollTop() < 500) {
1361				// console.log('show');
1362				$('.line-banner').show();
1363			}
1364		})
1365
1366		// pc에서만 cabinet 메뉴 클릭시 하단 메뉴 표시
1367		if (!is_mobile_header) {
1368			$('.top-main-navi .cabinet').on('click', function() {
1369				$('.item.cabinet').toggleClass('on');
1370				$('.sub-menu:not(.mo-only)').slideToggle(300);
1371				subMenu.toggleClass('on');
1372			})
1373		}
1374
1375		// 현재 페이지가 'cabinet'이면 cabinet 메뉴 활성화
1376		if (window.location.pathname.includes('cabinet')) {
1377			$('.top-main-navi .cabinet').addClass('on');
1378
1379			// hover 효과 제거
1380			$('.top-main-navi .cabinet').off('mouseenter mouseleave');
1381
1382			// 온클릭 이벤트에도 on 유지
1383			$('.top-main-navi .cabinet').on('click', function() {
1384				$(this).addClass('on');
1385			})
1386		}
1387
1388		// 하단으로 내려오는 헤더 슬라이드 메뉴(프로젝트 캐비넷, 로그인 메뉴)용 함수 // @yjwoobaton
1389		function slideMenu(targetElement, clickedElement = '.sub-menu') {
1390			// .sub-menu의 높이 측정
1391			const subMenuHeight = subMenu.outerHeight();
1392			const popupMenuHeight = $('.popup-menu').outerHeight();
1393			const floatSection = $('.float-section');
1394			let extraTopHeight = 0;
1395
1396			// 우측 로그인 메뉴 클릭시
1397			if ($(clickedElement).hasClass('on') && clickedElement === '.menu-btn.modal-btn') {
1398				extraTopHeight = popupMenuHeight;
1399			} else if ($(clickedElement).hasClass('on') && clickedElement === '.sub-menu') {
1400				// 프로젝트 캐비넷 메뉴 클릭시
1401				extraTopHeight = subMenuHeight;
1402			}
1403
1404			// 타겟 요소의 marginTop 조정
1405			if ($(clickedElement).hasClass('on')) {
1406				$(targetElement).animate({
1407					marginTop: extraTopHeight + 'px'
1408				}, 300);
1409
1410				// 캐비넷 상세페이지 상단에만 적용하는 경우
1411				if (window.location.pathname.includes('/cabinet') && floatSection.length) {
1412					floatSection.animate({
1413						marginTop: extraTopHeight + 'px'
1414					}, 300);
1415				}
1416			} else {
1417				$(targetElement).animate({
1418					marginTop: '0'
1419				}, 300);
1420
1421				// 캐비넷 상세페이지 상단에만 적용하는 경우
1422				if (window.location.pathname.includes('/cabinet') && floatSection.length) {
1423					floatSection.animate({
1424						marginTop: '0'
1425					}, 300);
1426				}
1427			}
1428		}
1429
1430		if (!is_mobile_header) {
1431			cabinetBtn.on('click', function() {
1432				// menuBtn이 활성화되어 있다면 비활성화
1433				if (menuBtn.hasClass('on')) {
1434					menuBtn.removeClass('on');
1435					$('.popup-menu').slideUp(300).removeClass('on');
1436				}
1437
1438				slideMenu('.page-common');
1439			});
1440
1441			// 검색창의 메뉴버튼 클릭시
1442			$('.popup-search .menu-btn.modal-btn').on('click', function() {
1443				if (cabinetBtn.hasClass('on')) {
1444					cabinetBtn.removeClass('on');
1445					subMenu.slideUp(300).removeClass('on');
1446				}
1447
1448				menuBtn.addClass('on');
1449				slideMenu('.page-common', '.menu-btn.modal-btn');
1450			})
1451
1452			// 검색창의 닫기버튼 클릭시
1453			$('.close-btn.modal-btn').on('click', function() {
1454				menuBtn.removeClass('on');
1455				subMenu.slideUp(300).removeClass('on');
1456				cabinetBtn.removeClass('on');
1457				slideMenu('.page-common', '.menu-btn.modal-btn');
1458			})
1459
1460			menuBtn.on('click', function() {
1461				// cabinetBtn이 활성화되어 있다면 비활성화
1462				if (cabinetBtn && cabinetBtn.hasClass('on')) {
1463					cabinetBtn.removeClass('on');
1464					subMenu.slideUp(300).removeClass('on');
1465				}
1466
1467				$(this).toggleClass('on');
1468				slideMenu('.page-common', '.menu-btn.modal-btn');
1469			});
1470		} else {
1471			menuBtn.on('click', function() {
1472				$(this).toggleClass('on');
1473
1474				// 띠배너 숨김 처리를 위해 스크롤 이벤트 비활성화
1475				clickCount++;
1476				disableScrollEvents = (clickCount % 2 !== 0);
1477			});
1478
1479			// 모바일에서 프로젝트 캐비넷 메뉴 클릭시 'work' 페이지로 이동
1480			cabinetBtn.on('click', function() {
1481				window.location.href = '/cabinet/?cate=work';
1482			});
1483		}
1484
1485		// 띠배너 높이 만큼 상단 패딩 영역 추가
1486		function adjustPaddingTop() {
1487			// 띠배너가 있는 경우
1488			if (lineBanner.length > 0) {
1489				const lineBannerHeight = lineBanner.outerHeight();
1490				const scrollPosition = $(window).scrollTop();
1491				$('.page-common').css('padding-top', initialPaddingTop + lineBannerHeight);
1492			} else {
1493				// 띠배너가 없는 경우
1494				$('.page-common').css('padding-top', initialPaddingTop);
1495			}
1496		}
1497		
1498		$(window).on('scroll', function() {
1499			adjustPaddingTop();
1500		}).scroll();
1501
1502		adjustPaddingTop();
1503
1504		// 페이지가 cabinet, trend, place, visit, now 일 때만 페이지네이션이 없으면 광고 하단 여백 추가
1505		const currentPage = window.location.pathname.split('/')[1];
1506		const subPage = window.location.pathname.split('/')[2]; // 상세 페이지 여부 확인
1507		const pages = ['cabinet', 'trend', 'place', 'visit', 'now'];
1508
1509		// subPage가 undefined(즉, 상세 페이지가 아님)이고, 해당 페이지 리스트에 포함되어 있고, 페이지네이션이 없을 때
1510		if (pages.includes(currentPage) && !subPage && $('.pagination').length === 0) {
1511			$('.page-common').addClass('pb-s32 pb-md-s64');
1512		}
1513	})(jQuery)
1514</script>
1514<div class="modal newsletter-form" id="modal-newsletter">
1515	<div class="modal-contents form-fields" id="newsletter-form-modal">
1516		<div class="close-x">
1517            <button class="btn-close" type="button">
1518                <img src="https://heypop.kr/wp-content/themes/baton/assets/icon/icon_modal_close.svg" alt="창 닫기" class="max">
1519            </button>
1520		</div>
1521		<div class="row">
1522			<div class="col-md-6 title-section">
1523				<h3 class="title">Newsletter</h3>
1524				<p class="desc">
1525					매주 목요일 오전 8시, <br>
1526					헤이팝이 찾아갑니다.
1527				</p>
1528			</div> 
1529			<div class="col-md-6 form-section">
1530                <div class="pt-s20 pt-md-s0 pb-s8 pb-md-s0">
1531                    <div class="input-label">이름</div>
1532                    <input type="text" name="FNAME" placeholder="이름을 입력하세요" class="name-input input-newsletter" required="">
1533                    <div class="input-label">이메일 주소</div>
1534                    <input type="email" name="EMAIL" placeholder="이메일을 입력하세요" class="email-input input-newsletter" required="">
1535                </div>
1536
1537				<div class="policy">
1538					<label class="agree-terms agree-wrap" >
1539						<input name="AGREE_TO_TERMS" type="checkbox" value="1" class="checkbox" required="">
1540						<span class="checkbox-state">
1541							<i class="icon checkbox-input-blank"></i>
1542						</span>
1543						<span class="checkbox-text">
1544							개인정보 수집 및 이용약관에 동의합니다.
1545						</span>
1546					</label>
1547					<label class="agree-age agree-wrap">
1548						<span class="checkbox-state">
1549							<i class="icon checkbox-input-blank"></i>
1550						</span>
1551						<input name="AGREE_AGE" type="checkbox" value="1" required="">
1552						<span class="checkbox-text">만 14세 이상임을 확인하고 동의합니다.</span>
1553					</label>
1554                    <div class="mt-s24">
1555                        <a href="/newsletter-privacy" target="_blank" class="btn-link">약관 보기</a>
1556                    </div>
1557				</div>
1558                <div class="btn-normal size-large newsletter submit-email-btn" id="submit-email">
1559                    <input type="submit" class="submit-email" value="뉴스레터 구독하기">
1560                </div>
1561
1562				<!-- <div class="btn-nosubscribe"><a href="#none">하루동안 보지 않기</a></div> -->
1563			</div>
1564		</div>
1565	</div>
1566	<div class="bg"></div>
1567</div>
1568</div>
1569
1570<!-- #page -->
1571<!-- <div id="top-btn">
1572<i class="fas fa-chevron-up"></i>
1573</div>   -->
1574
1575
1576<div id="um_upload_single" style="display:none;"></div>
1577
1578<div id="um_view_photo" style="display:none;">
1579	<a href="javascript:void(0);" data-action="um_remove_modal" class="um-modal-close" aria-label="Close view photo modal">
1580		<i class="um-faicon-times"></i>
1581	</a>
1582
1583	<div class="um-modal-body photo">
1584		<div class="um-modal-photo"></div>
1585	</div>
1586</div>
1587<script type="speculationrules">
1588{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/baton\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
1589</script>
1589
1590			
1590<script type='text/javascript'>
1591				const lazyloadRunObserver = () => {
1592					const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
1593					const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
1594						entries.forEach( ( entry ) => {
1595							if ( entry.isIntersecting ) {
1596								let lazyloadBackground = entry.target;
1597								if( lazyloadBackground ) {
1598									lazyloadBackground.classList.add( 'e-lazyloaded' );
1599								}
1600								lazyloadBackgroundObserver.unobserve( entry.target );
1601							}
1602						});
1603					}, { rootMargin: '200px 0px 200px 0px' } );
1604					lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
1605						lazyloadBackgroundObserver.observe( lazyloadBackground );
1606					} );
1607				};
1608				const events = [
1609					'DOMContentLoaded',
1610					'elementor/lazyload/observe',
1611				];
1612				events.forEach( ( event ) => {
1613					document.addEventListener( event, lazyloadRunObserver );
1614				} );
1615			</script>
1615
1616			
1616<script type="text/javascript" src="https://developers.kakao.com/sdk/js/kakao.min.js" id="kakao_sdk-js"></script>
vendor: 1 bytes, line 1616
1616
1617<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/korea-sns-pro/js/kissshare_new.js?ver=1.0.2" id="koreasns_pro_share_js-js"></script>
vendor: 1 bytes, line 1617
1617
1618<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/korea-sns-pro/js/kissanalytics.js?ver=1.0.3" id="koreasns_pro_analytics_js-js"></script>
vendor: 1 bytes, line 1618
1618
1619<script type="text/javascript" src="https://heypop.kr/wp-content/themes/baton/js/navigation.js?ver=20151215" id="baton-navigation-js"></script>
vendor: 1 bytes, line 1619
1619
1620<script type="text/javascript" src="https://heypop.kr/wp-content/themes/baton/js/skip-link-focus-fix.js?ver=20151215" id="baton-skip-link-focus-fix-js"></script>
vendor: 1 bytes, line 1620
1620
1621<script type="text/javascript" src="https://heypop.kr/wp-content/themes/baton/js/slider/js/swiper.min.js?ver=2.1.2" id="swiper-js-js"></script>
vendor: 1 bytes, line 1621
1621
1622<script type="text/javascript" src="https://heypop.kr/wp-content/themes/baton/js/async/async.min.js?ver=2.6.1" id="async-js"></script>
vendor: 1 bytes, line 1622
1622
1623<script type="text/javascript" src="https://heypop.kr/wp-content/themes/baton/app.js?ver=1.0" id="app-js-js"></script>
vendor: 1 bytes, line 1623
1623
1624<script type="text/javascript" src="https://heypop.kr/wp-content/themes/baton/js/pagination.min.js?ver=1.0" id="pagination-js"></script>
vendor: 1 bytes, line 1624
1624
1625<script type="text/javascript" src="https://heypop.kr/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script>
vendor: 1 bytes, line 1625
1625
1626<script type="text/javascript" id="wp-util-js-extra">
1627/* <![CDATA[ */
1628var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}};
1629/* ]]> */
1630</script>
vendor: 1 bytes, line 1630
1630
1631<script type="text/javascript" src="https://heypop.kr/wp-includes/js/wp-util.min.js?ver=6.8.1" id="wp-util-js"></script>
vendor: 1 bytes, line 1631
1631
1632<script type="text/javascript" src="https://heypop.kr/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js"></script>
vendor: 1 bytes, line 1632
1632
1633<script type="text/javascript" src="https://heypop.kr/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script>
vendor: 1 bytes, line 1633
1633
1634<script type="text/javascript" id="wp-i18n-js-after">
1635/* <![CDATA[ */
1636wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
1637/* ]]> */
1638</script>
vendor: 1 bytes, line 1638
1638
1639<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/tipsy/tipsy.min.js?ver=1.0.0a" id="um_tipsy-js"></script>
vendor: 1 bytes, line 1639
1639
1640<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/um-confirm/um-confirm.min.js?ver=1.0" id="um_confirm-js"></script>
vendor: 1 bytes, line 1640
1640
1641<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/pickadate/picker.min.js?ver=3.6.2" id="um_datetime-js"></script>
vendor: 1 bytes, line 1641
1641
1642<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/pickadate/picker.date.min.js?ver=3.6.2" id="um_datetime_date-js"></script>
vendor: 1 bytes, line 1642
1642
1643<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/pickadate/picker.time.min.js?ver=3.6.2" id="um_datetime_time-js"></script>
vendor: 1 bytes, line 1643
1643
1644<script type="text/javascript" id="um_common-js-extra">
1645/* <![CDATA[ */
1646var um_common_variables = {"locale":"en_US"};
1647var um_common_variables = {"locale":"en_US"};
1648/* ]]> */
1649</script>
vendor: 1 bytes, line 1649
1649
1650<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/js/common.min.js?ver=2.10.4" id="um_common-js"></script>
vendor: 1 bytes, line 1650
1650
1651<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/cropper/cropper.min.js?ver=1.6.1" id="um_crop-js"></script>
vendor: 1 bytes, line 1651
1651
1652<script type="text/javascript" id="um_frontend_common-js-extra">
1653/* <![CDATA[ */
1654var um_frontend_common_variables = [];
1655/* ]]> */
1656</script>
vendor: 1 bytes, line 1656
1656
1657<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/js/common-frontend.min.js?ver=2.10.4" id="um_frontend_common-js"></script>
vendor: 1 bytes, line 1657
1657
1658<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/js/um-modal.min.js?ver=2.10.4" id="um_modal-js"></script>
vendor: 1 bytes, line 1658
1658
1659<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/jquery-form/jquery-form.min.js?ver=2.10.4" id="um_jquery_form-js"></script>
vendor: 1 bytes, line 1659
1659
1660<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/fileupload/fileupload.js?ver=2.10.4" id="um_fileupload-js"></script>
vendor: 1 bytes, line 1660
1660
1661<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/js/um-functions.min.js?ver=2.10.4" id="um_functions-js"></script>
vendor: 1 bytes, line 1661
1661
1662<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/js/um-responsive.min.js?ver=2.10.4" id="um_responsive-js"></script>
vendor: 1 bytes, line 1662
1662
1663<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/js/um-conditional.min.js?ver=2.10.4" id="um_conditional-js"></script>
vendor: 1 bytes, line 1663
1663
1664<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/select2/select2.full.min.js?ver=4.0.13" id="select2-js"></script>
vendor: 1 bytes, line 1664
1664
1665<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/select2/i18n/en.js?ver=4.0.13" id="um_select2_locale-js"></script>
vendor: 1 bytes, line 1665
1665
1666<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/libs/raty/um-raty.min.js?ver=2.6.0" id="um_raty-js"></script>
vendor: 1 bytes, line 1666
1666
1667<script type="text/javascript" id="um_scripts-js-extra">
1668/* <![CDATA[ */
1669var um_scripts = {"max_upload_size":"83886080","nonce":"e9f62fa392"};
1670/* ]]> */
1671</script>
vendor: 1 bytes, line 1671
1671
1672<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/js/um-scripts.min.js?ver=2.10.4" id="um_scripts-js"></script>
vendor: 1 bytes, line 1672
1672
1673<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/js/um-profile.min.js?ver=2.10.4" id="um_profile-js"></script>
vendor: 1 bytes, line 1673
1673
1674<script type="text/javascript" src="https://heypop.kr/wp-content/plugins/ultimate-member/assets/js/um-account.min.js?ver=2.10.4" id="um_account-js"></script>
1674
1675
1676<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
1676
1677<!-- 
1677<script src="https://heypop.kr/wp-content/themes/baton/js/clipboard.2.0.11.min.js"></script>
1677 -->
1678
1679<script>
1680	(function($) {
1681		// var sticky = new Waypoint.Sticky({
1682		// 	element: $('#navi-top-wrapper')[0],
1683		// });
1684
1685		// $('.newsletter-trigger').on('click', function() {
1686		// 	$('#modal-newsletter').addClass('active');
1687		// });
1688		// $('#modal-newsletter .close-x').on('click', function() {
1689		// 	$('#modal-newsletter').removeClass('active');
1690		// });
1691
1692
1693		// AOS.init();
1694		// if(md.mobile() == null){
1695		var lastScrollTop = 0;
1696		var scrollPos = 0;
1697		var isup = false;
1698
1699		$('img').each(function() {
1700			$(this).removeAttr('width').removeAttr('height');
1701		})
1702
1703		window.addEventListener('scroll', function(e) {
1704			if ($(document).scrollTop() < 300) {
1705				if ((document.body.getBoundingClientRect()).top > scrollPos) {}
1706				$('#top-btn').removeClass('active');
1707			} else {
1708				$('#top-btn').addClass('active');
1709			}
1710		})
1711
1712		$('#top-btn').on('click', function() {
1713			goTop();
1714		})
1715
1716		$('.share-text-box').on('click', function() {
1717			$('#share-form').addClass('active');
1718		})
1719		$('#share-form .closex').on('click', function() {
1720			$('#share-form').removeClass('active');
1721		})
1722
1723		if ($('#navi-top-banner').hasClass('top-banner')) {
1724			$('body').addClass('has-top-banner');
1725		}
1726
1727
1728		function goTop() {
1729			$('html, body').animate({
1730				scrollTop: 0
1731			})
1732		}
1733
1734		$('#copy-url').val(window.location.href);
1735
1736
1737		/* window.addEventListener('scroll', function(e) {
1738			if ($(document).scrollTop() < 50) {
1739				console.log($(document).scrollTop());
1740				$('#top-btn').removeClass('active');
1741
1742
1743				if ((document.body.getBoundingClientRect()).top > scrollPos) {
1744					$('#header').removeClass('scroll-fixed');
1745				} else {}
1746			}
1747			var st = window.pageYOffset || document.documentElement.scrollTop;
1748			if (st > lastScrollTop) {
1749				if ($('#header').css('margin-top') == '0px') {
1750					isup = false;
1751					if (is_front !== 'front') $('#header').addClass('scroll-fixed');
1752				}
1753			} else {
1754				if (isup == false) {
1755					isup = true;
1756					$('#top-btn').addClass('active');
1757				}
1758			}
1759			lastScrollTop = st <= 0 ? 0 : st;
1760			scrollPos = (document.body.getBoundingClientRect()).top;
1761		}); */
1762		/* }else{
1763			window.addEventListener('scroll', function(e){
1764				if($(document).scrollTop() < 300){
1765					if ((document.body.getBoundingClientRect()).top > scrollPos){
1766					}
1767					$('#header').removeClass('black');        
1768				}else {
1769					$('#header').addClass('black');
1770				}
1771			})
1772		} */
1773
1774		var clipboard = new ClipboardJS('.copy-url-btn');
1775		clipboard.on('success', function(e) {
1776			alert('URL이 클립보드에 복사되었습니다.');
1777			e.clearSelection();
1778		});
1779
1780
1781		$('figure').removeAttr('style');
1782
1783
1784		function resizing() {
1785			$(document).ready(function() {
1786				if ($('#page-common').outerHeight() + $('#navi-footer-wrapper').outerHeight() < $(window).outerHeight()) {
1787					$('#page').addClass('bottom');
1788				} else {
1789					$('#page').removeClass('bottom');
1790				}
1791			})
1792		}
1793		resizing();
1794
1795		$(window).resize(function() {
1796			resizing();
1797		});
1798		// if (window.location.hash) {
1799		// 	setTimeout(function() {
1800		// 		window.scrollTo(0, 0);
1801		// 		$('html, body').animate({
1802		// 			scrollTop: $(window.location.hash).offset().top < 300 ? 0 : $(window.location.hash).offset().top - 110
1803		// 		})
1804		// 	}, 1);
1805		// }
1806
1807		$('img').removeAttr('title');
1808
1809		$('.agree-terms input[type=checkbox]').on('click', function() {
1810			if ($('.agree-terms').hasClass('active')) {
1811				$('.agree-terms').removeClass('active');
1812				$('.agree-terms .icon').removeClass('checkbox-input');
1813				$('.agree-terms .icon').addClass('checkbox-input-blank');
1814			} else {
1815				$('.agree-terms').addClass('active');
1816				$('.agree-terms .icon').addClass('checkbox-input');
1817				$('.agree-terms .icon').removeClass('checkbox-input-blank');
1818			}
1819		})
1820
1821		$('.agree-age input[type=checkbox]').on('click', function() {
1822			if ($('.agree-age').hasClass('active')) {
1823				$('.agree-age').removeClass('active');
1824				$('.agree-age .icon').removeClass('checkbox-input');
1825				$('.agree-age .icon').addClass('checkbox-input-blank');
1826			} else {
1827				$('.agree-age').addClass('active');
1828				$('.agree-age .icon').addClass('checkbox-input');
1829				$('.agree-age .icon').removeClass('checkbox-input-blank');
1830			}
1831		})
1832
1833		// 페이지 5번 방문 시 뉴스레터 팝업
1834		var hide_popup = Cookies.get('hide_newsletter_popup') || false;
1835
1836		function newsletterPopupManager() {
1837			console.log('newsletterPopupManager init');
1838
1839			var bypass_newsletter = "",
1840				alert_count = 5,
1841				user_move_history = Number(Cookies.get('user_move_history')),
1842				init_referrer = document.referrer,
1843				submit_lock = false;
1844
1845			if (isNaN(user_move_history)) {
1846				user_move_history = 0;
1847			} else {
1848				user_move_history = Number(user_move_history);
1849			}
1850
1851			// if (hide_popup == 'true') return;
1852			// if (!user_move_history) {
1853			// 	user_move_history = 0;
1854			// 	//console.log('값이 없어서 리셋');
1855			// 	Cookies.set('user_move_history', 0);
1856			// } else {
1857			// 	//console.log(init_referrer);
1858			// 	if (init_referrer.length == 0 && init_referrer.indexOf('oneslist.com') == -1) {
1859			// 		//console.log('직접 입력한 케이스 : 초기화');
1860			// 		Cookies.set('user_move_history', 0);
1861			// 	}
1862			// }
1863			console.log('user_move_history', user_move_history)
1864			user_move_history++;
1865
1866			Cookies.set('user_move_history', user_move_history);
1867
1868			if (user_move_history >= alert_count) {
1869				$('#modal-newsletter').addClass('active');
1870				scrollLock();
1871				hideNewsletterPopupForPeriod(1);
1872				Cookies.set('user_move_history', 0);
1873			}
1874
1875			$('#newsletter-form-modal .submit-email-btn').on('click', function() {
1876				if (submit_lock === true) return;
1877				//유효성 체크
1878				var email = $('#newsletter-form-modal input.email-input').val();
1879				var name = $('#newsletter-form-modal input.name-input').val();
1880				if (name.length === 0) return alert('이름을 정확히 입력해주세요.');
1881				if (!/^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i.test(email)) return alert('이메일을 정확히 입력해주세요.');
1882				if (!$("#newsletter-form-modal input:checkbox[name=AGREE_TO_TERMS]").is(":checked")) return alert('개인정보 수집 및 이용약관에 동의해주세요.');
1883				if (!$("#newsletter-form-modal input:checkbox[name=AGREE_AGE]").is(":checked")) return alert('만 14세 이상임을 확인해주세요.');
1884				submit_lock = true;
1885				try {
1886					$.post('/apix/newsletter.php', {
1887						email: email,
1888						name: name
1889					}, function(data) {
1890						submit_lock = false;
1891						if (!data) return alert('네트워크 문제로 구독에 실패하였습니다.');
1892						data = JSON.parse(data);
1893						if (data.success == false) return alert(data.message);
1894						$('#modal-newsletter').removeClass('active');
1895						alert(data.message);
1896						hideNewsletterPopupForPeriod(1);
1897					})
1898				} catch (e) {
1899					alert('구독에 실패하였습니다. 문제가 계속되면 [email protected]로 문의 부탁드립니다.');
1900				}
1901			})
1902
1903			$('#modal-newsletter .close-x .btn-close, #modal-newsletter .bg').on('click', function() {
1904				$('#modal-newsletter').removeClass('active');
1905				scrollUnLock();
1906			})
1907
1908			$('#modal-newsletter .btn-nosubscribe a').on('click', function() {
1909				$('#modal-newsletter').removeClass('active');
1910				hideNewsletterPopupForPeriod(1);
1911			})
1912
1913		}
1914
1915		function hideNewsletterPopupForPeriod(day) {
1916			Cookies.set('hide_newsletter_popup', 'true', {
1917				expires: day
1918			});
1919		}
1920
1921		// if(!hide_popup){
1922		// 	newsletterPopupManager();
1923		// }else{
1924		// 	var user_move_history = Number(Cookies.get('user_move_history'));
1925		// 	if(user_move_history > 0){
1926		// 		Cookies.set('user_move_history', 0);
1927		// 	}
1928		// }
1929
1930		// ios modal
1931
1932		//var check_cookie = Cookies.get('hide_ios_modal');
1933
1934		var md = new MobileDetect(window.navigator.userAgent);
1935		var user_agent = window.navigator.userAgent;
1936		//console.log(user_agent);
1937
1938		//$(window).on('scroll', function(){
1939		//	var scroll_value = $(document).scrollTop();
1940		//	// console.log(scroll_value);
1941		//	if(scroll_value > 400){
1942		//		checkSafari();
1943		//		$(window).off('scroll');
1944		//	}
1945		//})
1946		function favoModalManager() {
1947			var bypass_newsletter = "",
1948				hide_popup = Cookies.get('hide_favo_popup') || false,
1949				alert_count = 8,
1950				user_move_history_favo = Number(Cookies.get('user_move_history_favo')),
1951				init_referrer = document.referrer,
1952				submit_lock = false;
1953
1954			if (hide_popup == 'true') return;
1955			if (!user_move_history_favo) {
1956				user_move_history_favo = 0;
1957				//console.log('값이 없어서 리셋');
1958				Cookies.set('user_move_history_favo', 0);
1959			} else {
1960				//console.log(init_referrer);
1961				if (init_referrer.length == 0 && init_referrer.indexOf('oneslist.com') == -1) {
1962					//console.log('직접 입력한 케이스 : 초기화');
1963					Cookies.set('user_move_history_favo', 0);
1964				}
1965			}
1966
1967			user_move_history_favo++;
1968
1969			Cookies.set('user_move_history_favo', user_move_history_favo);
1970			if (user_move_history_favo == alert_count) {
1971				showFavoriteBtnModal();
1972				Cookies.set('user_move_history_favo', 0);
1973			}
1974			if (user_move_history_favo > alert_count) {
1975				Cookies.set('user_move_history_favo', 0);
1976			}
1977
1978
1979		}
1980		favoModalManager();
1981
1982		function showFavoriteBtnModal() {
1983			if (md.mobile() === 'iPhone') {
1984				if (user_agent.indexOf('Safari') > -1 && user_agent.indexOf('CriOS') === -1) {
1985					// ios Safari
1986					$('#ios-modal').addClass('active');
1987				} else {
1988					// ios Chrome
1989					$('#ios-modal').removeClass('active');
1990				}
1991			}
1992		}
1993
1994		$('#ios-modal .noshow-button').on('click', function() {
1995			// console.log('noshow');
1996			$('#ios-modal').removeClass('active');
1997			Cookies.set('hide_favo_popup', 'true', {
1998				expires: 365
1999			});
2000		})
2001
2002		$('#ios-modal .close-x, #ios-modal .close-button').on('click', function() {
2003			//console.log('close');
2004			if ($('#ios-modal').hasClass('active')) {
2005				$('#ios-modal').removeClass('active');
2006			}
2007			Cookies.set('hide_favo_popup', 'true', {
2008				expires: 1
2009			});
2010		})
2011		console.log('%c R20230818r1 %c SITE BY BATON https://ba-ton.kr', 'color:#0bff40', 'color:#0b61ff');
2012	})(jQuery)
2013</script>
2013
2014</body>
2015
2016</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.