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 » Feed" href="https://heypop.kr/feed/" /> 48<link rel="alternate" type="application/rss+xml" title="heyPOP » 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&display=auto&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&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.