1<!doctype html> 2<html class="js" lang="ko"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width,initial-scale=1"> 7 <meta name="theme-color" content=""> 8 <link rel="canonical" href="https://minipetmall.co.kr/blogs/minipet-news"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title> 9 MINIPET NEWS 10 – Minipet_KR</title> 11 12 13 14 15 16<meta property="og:site_name" content="Minipet_KR"> 17<meta property="og:url" content="https://minipetmall.co.kr/blogs/minipet-news"> 18<meta property="og:title" content="MINIPET NEWS"> 19<meta property="og:type" content="website"> 20<meta property="og:description" content="미ëí« | 믿ì ì ìë ê°ìì§ë¶ì, ê³ ìì´ë¶ì. 20ë ì íµ"><meta property="og:image" content="http://minipetmall.co.kr/cdn/shop/files/Unknown-6_e7800dd1-ed38-4332-9a0c-3a75d74bf3a1.jpg?v=1784239301"> 21 <meta property="og:image:secure_url" content="https://minipetmall.co.kr/cdn/shop/files/Unknown-6_e7800dd1-ed38-4332-9a0c-3a75d74bf3a1.jpg?v=1784239301"> 22 <meta property="og:image:width" content="1024"> 23 <meta property="og:image:height" content="1024"><meta name="twitter:card" content="summary_large_image"> 24<meta name="twitter:title" content="MINIPET NEWS"> 25<meta name="twitter:description" content="미ëí« | 믿ì ì ìë ê°ìì§ë¶ì, ê³ ìì´ë¶ì. 20ë ì íµ"> 26 27 28 <meta name="robots" content="index, follow"> 29 <meta name="naver-site-verification" content="941040b31583bd5dc0311a40ff614691e03a19a0" /> 30 31
31<script src="//minipetmall.co.kr/cdn/shop/t/2/assets/constants.js?v=132983761750457495441783600622" defer="defer"></script>
31 32
32<script src="//minipetmall.co.kr/cdn/shop/t/2/assets/pubsub.js?v=25310214064522200911783600622" defer="defer"></script>
32 33
33<script src="//minipetmall.co.kr/cdn/shop/t/2/assets/global.js?v=7301445359237545521783600622" defer="defer"></script>
33 34
34<script src="//minipetmall.co.kr/cdn/shop/t/2/assets/details-disclosure.js?v=13653116266235556501783600622" defer="defer"></script>
34 35
35<script src="//minipetmall.co.kr/cdn/shop/t/2/assets/details-modal.js?v=25581673532751508451783600622" defer="defer"></script>
35 36
36<script src="//minipetmall.co.kr/cdn/shop/t/2/assets/search-form.js?v=133129549252120666541783600622" defer="defer"></script>
36<script src="//minipetmall.co.kr/cdn/shop/t/2/assets/animations.js?v=88693664871331136111783600622" defer="defer"></script>
36<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
36<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/99666395499/digital_wallets/dialog"> 37<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/blogs/minipet-news.atom" /> 38<link rel="alternate" hreflang="x-default" href="https://minipet-kr.myshopify.com/blogs/minipet-news"> 39<link rel="alternate" hreflang="ko" href="https://minipet-kr.myshopify.com/blogs/minipet-news"> 40<link rel="alternate" hreflang="ko-KR" href="https://minipetmall.co.kr/blogs/minipet-news">
41<script async="async" src="/checkouts/internal/preloads.js?locale=ko-KR"></script>
vendor: 1 bytes, line 41
41
42<script id="shopify-features" type="application/json">{"accessToken":"5b88c76d8fe7ef02f03e3f45b911d6d5","betas":["rich-media-storefront-analytics"],"domain":"minipetmall.co.kr","predictiveSearch":false,"shopId":99666395499,"locale":"ko"}</script>
vendor: 1 bytes, line 42
42
43<script>var Shopify = Shopify || {}; 44Shopify.shop = "minipet-kr.myshopify.com"; 45Shopify.locale = "ko"; 46Shopify.currency = {"active":"KRW","rate":"1.0"}; 47Shopify.country = "KR"; 48Shopify.theme = {"name":"Mini-pet-KR_B\u0026on universe","id":189887283563,"schema_name":"Dawn","schema_version":"15.4.1","theme_store_id":null,"role":"main"}; 49Shopify.theme.handle = "null"; 50Shopify.theme.style = {"id":null,"handle":null}; 51Shopify.cdnHost = "minipetmall.co.kr/cdn"; 52Shopify.routes = Shopify.routes || {}; 53Shopify.routes.root = "/"; 54Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 55Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 56Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 57Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 57
57
58<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 58
58
59<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 59
59
60<script> 61 window.Shopify = window.Shopify || {}; 62 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 63 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 64 window.Shopify.SignInWithShop.eligible = true; 65</script>
vendor: 1 bytes, line 65
65
66<script id="shop-js-analytics" type="application/json">{"pageType":"blog"}</script>
vendor: 1 bytes, line 66
66
67<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.ko.esm.js"></script>
vendor: 1 bytes, line 67
67
68<script type="module"> 69 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.ko.esm.js"); 70 71 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 72 73</script>
vendor: 1 bytes, line 73
73
74<script> 75 window.Shopify = window.Shopify || {}; 76 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 77 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.ko.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.ko.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.ko.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.ko.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.ko.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.ko.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.ko.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.ko.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.ko.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.ko.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.ko.esm.js"],"listener":["modules/v2/loader.listener.ko.esm.js"],"pay-button":["modules/v2/loader.pay-button.ko.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.ko.esm.js"],"shop-button":["modules/v2/loader.shop-button.ko.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.ko.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.ko.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.ko.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.ko.esm.js"],"shop-login":["modules/v2/loader.shop-login.ko.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.ko.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.ko.esm.js"]}; 78</script>
vendor: 1 bytes, line 78
78
79<script id="__st">var __st={"a":99666395499,"offset":-14400,"reqid":"4712feb2-8a62-4bbf-a4fd-11e0d864d043-1791295441","pageurl":"minipetmall.co.kr\/blogs\/minipet-news","s":"blogs-124191932779","u":"4afc8d50e207","p":"blog","rtyp":"blog","rid":124191932779};</script>
vendor: 1 bytes, line 79
79
80<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 80
80
81<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'hCaptchaì ìí´ ë³´í¸ë¨',privacyText:'ê°ì¸ì ë³´ ë³´í¸',termsText:'ì½ê´'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 81
81
82<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//minipetmall.co.kr/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 82
82
83<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//minipetmall.co.kr/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
83<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 83
83
84<script> 85 window.Shopify = window.Shopify || {}; 86 window.Shopify.MCP = window.Shopify.MCP || {}; 87 window.Shopify.MCP.enabled = true; 88 window.Shopify.MCP.shop = "minipet-kr.myshopify.com"; 89 window.Shopify.MCP.mcpEndpoint = "https:\/\/minipetmall.co.kr\/api\/mcp"; 90 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question â e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}]; 91</script>
vendor: 1 bytes, line 91
91
92<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/minipetmall.co.kr\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 93</script>
vendor: 1 bytes, line 93
93
94<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://minipetmall.co.kr/cdn/shopifycloud/portable-wallets/latest/portable-wallets.ko.js",t.type="module",document.head.appendChild(t)}}; 95</script>
vendor: 1 bytes, line 95
95
96<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 97 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 98</script>
vendor: 1 bytes, line 98
98
99<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 100</script>
vendor: 1 bytes, line 100
100
101<script id="sections-script" data-sections="header" defer="defer" src="//minipetmall.co.kr/cdn/shop/t/2/compiled_assets/scripts.js?v=4882271764708974351787119263"></script>
vendor: 1 bytes, line 101
101
102<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
102 103 104 105 <style data-shopify> 106 @font-face { 107 font-family: Assistant; 108 font-weight: 400; 109 font-style: normal; 110 font-display: swap; 111 src: url("//minipetmall.co.kr/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"), 112 url("//minipetmall.co.kr/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff"); 113} 114 115 @font-face { 116 font-family: Assistant; 117 font-weight: 700; 118 font-style: normal; 119 font-display: swap; 120 src: url("//minipetmall.co.kr/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2") format("woff2"), 121 url("//minipetmall.co.kr/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff") format("woff"); 122} 123 124 125 126 @font-face { 127 font-family: Assistant; 128 font-weight: 400; 129 font-style: normal; 130 font-display: swap; 131 src: url("//minipetmall.co.kr/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"), 132 url("//minipetmall.co.kr/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff"); 133} 134 135 136 137 :root, 138 .color-scheme-1 { 139 --color-background: 255,255,255; 140 141 --gradient-background: #ffffff; 142 143 144 145 146 --color-foreground: 18,18,18; 147 --color-background-contrast: 191,191,191; 148 --color-shadow: 18,18,18; 149 --color-button: 18,18,18; 150 --color-button-text: 255,255,255; 151 --color-secondary-button: 255,255,255; 152 --color-secondary-button-text: 18,18,18; 153 --color-link: 18,18,18; 154 --color-badge-foreground: 18,18,18; 155 --color-badge-background: 255,255,255; 156 --color-badge-border: 18,18,18; 157 --payment-terms-background-color: rgb(255 255 255); 158 } 159 160 161 .color-scheme-2 { 162 --color-background: 243,243,243; 163 164 --gradient-background: #f3f3f3; 165 166 167 168 169 --color-foreground: 18,18,18; 170 --color-background-contrast: 179,179,179; 171 --color-shadow: 18,18,18; 172 --color-button: 18,18,18; 173 --color-button-text: 243,243,243; 174 --color-secondary-button: 243,243,243; 175 --color-secondary-button-text: 18,18,18; 176 --color-link: 18,18,18; 177 --color-badge-foreground: 18,18,18; 178 --color-badge-background: 243,243,243; 179 --color-badge-border: 18,18,18; 180 --payment-terms-background-color: rgb(243 243 243); 181 } 182 183 184 .color-scheme-3 { 185 --color-background: 36,40,51; 186 187 --gradient-background: #242833; 188 189 190 191 192 --color-foreground: 255,255,255; 193 --color-background-contrast: 47,52,66; 194 --color-shadow: 18,18,18; 195 --color-button: 255,255,255; 196 --color-button-text: 0,0,0; 197 --color-secondary-button: 36,40,51; 198 --color-secondary-button-text: 255,255,255; 199 --color-link: 255,255,255; 200 --color-badge-foreground: 255,255,255; 201 --color-badge-background: 36,40,51; 202 --color-badge-border: 255,255,255; 203 --payment-terms-background-color: rgb(36 40 51); 204 } 205 206 207 .color-scheme-4 { 208 --color-background: 18,18,18; 209 210 --gradient-background: #121212; 211 212 213 214 215 --color-foreground: 255,255,255; 216 --color-background-contrast: 146,146,146; 217 --color-shadow: 18,18,18; 218 --color-button: 255,255,255; 219 --color-button-text: 18,18,18; 220 --color-secondary-button: 18,18,18; 221 --color-secondary-button-text: 255,255,255; 222 --color-link: 255,255,255; 223 --color-badge-foreground: 255,255,255; 224 --color-badge-background: 18,18,18; 225 --color-badge-border: 255,255,255; 226 --payment-terms-background-color: rgb(18 18 18); 227 } 228 229 230 .color-scheme-5 { 231 --color-background: 51,79,180; 232 233 --gradient-background: #334fb4; 234 235 236 237 238 --color-foreground: 255,255,255; 239 --color-background-contrast: 23,35,81; 240 --color-shadow: 18,18,18; 241 --color-button: 255,255,255; 242 --color-button-text: 51,79,180; 243 --color-secondary-button: 51,79,180; 244 --color-secondary-button-text: 255,255,255; 245 --color-link: 255,255,255; 246 --color-badge-foreground: 255,255,255; 247 --color-badge-background: 51,79,180; 248 --color-badge-border: 255,255,255; 249 --payment-terms-background-color: rgb(51 79 180); 250 } 251 252 253 .color-scheme-d579b33a-5e87-402a-a011-0bcb95f48852 { 254 --color-background: 255,255,255; 255 256 --gradient-background: #ffffff; 257 258 259 260 261 --color-foreground: 255,255,255; 262 --color-background-contrast: 191,191,191; 263 --color-shadow: 18,18,18; 264 --color-button: 18,18,18; 265 --color-button-text: 255,255,255; 266 --color-secondary-button: 255,255,255; 267 --color-secondary-button-text: 18,18,18; 268 --color-link: 18,18,18; 269 --color-badge-foreground: 255,255,255; 270 --color-badge-background: 255,255,255; 271 --color-badge-border: 255,255,255; 272 --payment-terms-background-color: rgb(255 255 255); 273 } 274 275 276 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-d579b33a-5e87-402a-a011-0bcb95f48852 { 277 color: rgba(var(--color-foreground), 0.75); 278 background-color: rgb(var(--color-background)); 279 } 280 281 :root { 282 --font-body-family: Assistant, sans-serif; 283 --font-body-style: normal; 284 --font-body-weight: 400; 285 --font-body-weight-bold: 700; 286 287 --font-heading-family: Assistant, sans-serif; 288 --font-heading-style: normal; 289 --font-heading-weight: 400; 290 291 --font-body-scale: 1.0; 292 --font-heading-scale: 1.0; 293 294 --media-padding: px; 295 --media-border-opacity: 0.05; 296 --media-border-width: 1px; 297 --media-radius: 0px;
298 --media-shadow-opacity: 0.0; 299 --media-shadow-horizontal-offset: 0px; 300 --media-shadow-vertical-offset: 4px; 301 --media-shadow-blur-radius: 5px; 302 --media-shadow-visible: 0; 303 304 --page-width: 140rem; 305 --page-width-margin: 0rem; 306 307 --product-card-image-padding: 0.0rem; 308 --product-card-corner-radius: 0.0rem; 309 --product-card-text-alignment: left; 310 --product-card-border-width: 0.0rem; 311 --product-card-border-opacity: 0.1; 312 --product-card-shadow-opacity: 0.0; 313 --product-card-shadow-visible: 0; 314 --product-card-shadow-horizontal-offset: 0.0rem; 315 --product-card-shadow-vertical-offset: 0.4rem; 316 --product-card-shadow-blur-radius: 0.5rem; 317 318 --collection-card-image-padding: 0.0rem; 319 --collection-card-corner-radius: 0.0rem; 320 --collection-card-text-alignment: left; 321 --collection-card-border-width: 0.0rem; 322 --collection-card-border-opacity: 0.1; 323 --collection-card-shadow-opacity: 0.0; 324 --collection-card-shadow-visible: 0; 325 --collection-card-shadow-horizontal-offset: 0.0rem; 326 --collection-card-shadow-vertical-offset: 0.4rem; 327 --collection-card-shadow-blur-radius: 0.5rem; 328 329 --blog-card-image-padding: 0.0rem; 330 --blog-card-corner-radius: 0.0rem; 331 --blog-card-text-alignment: left; 332 --blog-card-border-width: 0.0rem; 333 --blog-card-border-opacity: 0.1; 334 --blog-card-shadow-opacity: 0.0; 335 --blog-card-shadow-visible: 0; 336 --blog-card-shadow-horizontal-offset: 0.0rem; 337 --blog-card-shadow-vertical-offset: 0.4rem; 338 --blog-card-shadow-blur-radius: 0.5rem; 339 340 --badge-corner-radius: 4.0rem; 341 342 --popup-border-width: 1px; 343 --popup-border-opacity: 0.1; 344 --popup-corner-radius: 0px; 345 --popup-shadow-opacity: 0.05; 346 --popup-shadow-horizontal-offset: 0px; 347 --popup-shadow-vertical-offset: 4px; 348 --popup-shadow-blur-radius: 5px; 349 350 --drawer-border-width: 1px; 351 --drawer-border-opacity: 0.1; 352 --drawer-shadow-opacity: 0.0; 353 --drawer-shadow-horizontal-offset: 0px; 354 --drawer-shadow-vertical-offset: 4px; 355 --drawer-shadow-blur-radius: 5px; 356 357 --spacing-sections-desktop: 0px; 358 --spacing-sections-mobile: 0px; 359 360 --grid-desktop-vertical-spacing: 8px; 361 --grid-desktop-horizontal-spacing: 8px; 362 --grid-mobile-vertical-spacing: 4px; 363 --grid-mobile-horizontal-spacing: 4px; 364 365 --text-boxes-border-opacity: 0.1; 366 --text-boxes-border-width: 0px; 367 --text-boxes-radius: 0px; 368 --text-boxes-shadow-opacity: 0.0; 369 --text-boxes-shadow-visible: 0; 370 --text-boxes-shadow-horizontal-offset: 0px; 371 --text-boxes-shadow-vertical-offset: 4px; 372 --text-boxes-shadow-blur-radius: 5px; 373 374 --buttons-radius: 0px; 375 --buttons-radius-outset: 0px; 376 --buttons-border-width: 1px; 377 --buttons-border-opacity: 1.0; 378 --buttons-shadow-opacity: 0.0; 379 --buttons-shadow-visible: 0; 380 --buttons-shadow-horizontal-offset: 0px; 381 --buttons-shadow-vertical-offset: 4px; 382 --buttons-shadow-blur-radius: 5px; 383 --buttons-border-offset: 0px; 384 385 --inputs-radius: 0px; 386 --inputs-border-width: 1px; 387 --inputs-border-opacity: 0.55; 388 --inputs-shadow-opacity: 0.0; 389 --inputs-shadow-horizontal-offset: 0px; 390 --inputs-margin-offset: 0px; 391 --inputs-shadow-vertical-offset: 4px; 392 --inputs-shadow-blur-radius: 5px; 393 --inputs-radius-outset: 0px; 394 395 --variant-pills-radius: 40px; 396 --variant-pills-border-width: 1px; 397 --variant-pills-border-opacity: 0.55; 398 --variant-pills-shadow-opacity: 0.0; 399 --variant-pills-shadow-horizontal-offset: 0px; 400 --variant-pills-shadow-vertical-offset: 4px; 401 --variant-pills-shadow-blur-radius: 5px; 402 } 403 404 *, 405 *::before, 406 *::after { 407 box-sizing: inherit; 408 } 409 410 html { 411 box-sizing: border-box; 412 font-size: calc(var(--font-body-scale) * 62.5%); 413 height: 100%; 414 } 415 416 body { 417 display: grid; 418 grid-template-rows: auto auto 1fr auto; 419 grid-template-columns: 100%; 420 min-height: 100%; 421 margin: 0; 422 font-size: 1.5rem; 423 letter-spacing: 0.06rem; 424 line-height: calc(1 + 0.8 / var(--font-body-scale)); 425 font-family: var(--font-body-family); 426 font-style: var(--font-body-style); 427 font-weight: var(--font-body-weight); 428 } 429 430 @media screen and (min-width: 750px) { 431 body { 432 font-size: 1.6rem; 433 } 434 } 435 </style> 436 437 <link href="//minipetmall.co.kr/cdn/shop/t/2/assets/base.css?v=38765282643303946041787119245" rel="stylesheet" type="text/css" media="all" /> 438 <link rel="stylesheet" href="//minipetmall.co.kr/cdn/shop/t/2/assets/component-cart-items.css?v=13033300910818915211783600622" media="print" onload="this.media='all'"><link href="//minipetmall.co.kr/cdn/shop/t/2/assets/component-cart-drawer.css?v=39223250576183958541783600622" rel="stylesheet" type="text/css" media="all" /> 439 <link href="//minipetmall.co.kr/cdn/shop/t/2/assets/component-cart.css?v=164708765130180853531783600622" rel="stylesheet" type="text/css" media="all" /> 440 <link href="//minipetmall.co.kr/cdn/shop/t/2/assets/component-totals.css?v=15906652033866631521783600622" rel="stylesheet" type="text/css" media="all" /> 441 <link href="//minipetmall.co.kr/cdn/shop/t/2/assets/component-price.css?v=47596247576480123001783600622" rel="stylesheet" type="text/css" media="all" /> 442 <link href="//minipetmall.co.kr/cdn/shop/t/2/assets/component-discounts.css?v=152760482443307489271783600622" rel="stylesheet" type="text/css" media="all" /> 443 444 <link rel="preload" as="font" href="//minipetmall.co.kr/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin> 445 446 447 <link rel="preload" as="font" href="//minipetmall.co.kr/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin> 448
449<script> 450 if (Shopify.designMode) { 451 document.documentElement.classList.add('shopify-design-mode'); 452 } 453 </script>
453 454 <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
455<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 99666395499,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "blog"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 455
455
456<script> 457 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 458</script>
vendor: 1 bytes, line 458
458
459<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
459).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 99666395499,storefrontBaseUrl: "https://minipetmall.co.kr",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://minipetmall.co.kr/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Minipet_KR","paymentSettings":{"currencyCode":"KRW"}
459,"myshopifyDomain":"minipet-kr.myshopify.com","countryCode":"KR","storefrontUrl":"https:\/\/minipetmall.co.kr"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://minipetmall.co.kr/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"189887283563","themePublished":"true","eventMetadataId":"bc26853c-19d3-4959-add9-3415477a09a8","pageType":"blog","resourceId":"124191932779","shopId":"99666395499","storefrontBaseUrl":"https:\/\/minipetmall.co.kr","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
459<script> 460 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 461 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 462 window.ShopifyAnalytics.meta.currency = 'KRW'; 463 var meta = {"page":{"pageType":"blog","resourceType":"blog","resourceId":124191932779,"requestId":"4712feb2-8a62-4bbf-a4fd-11e0d864d043-1791295441"}}; 464 for (var attr in meta) { 465 window.ShopifyAnalytics.meta[attr] = meta[attr]; 466 } 467</script>
vendor: 1 bytes, line 467
467
468<script class="analytics"> 469 (function () { 470 var customDocumentWrite = function(content) { 471 var jquery = null; 472 473 if (window.jQuery) { 474 jquery = window.jQuery; 475 } else if (window.Checkout && window.Checkout.$) { 476 jquery = window.Checkout.$; 477 } 478 479 if (jquery) { 480 jquery('body').append(content); 481 } 482 }; 483 484 var hasLoggedConversion = function(token) { 485 if (token) { 486 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 487 } 488 return false; 489 } 490 491 var setCookieIfConversion = function(token) { 492 if (token) { 493 var twoMonthsFromNow = new Date(Date.now()); 494 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 495 496 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 497 } 498 } 499 500 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 501 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 502 if (trekkie.integrations) { 503 return; 504 } 505 trekkie.methods = [ 506 'identify', 507 'page', 508 'ready', 509 'track', 510 'trackForm', 511 'trackLink' 512 ]; 513 trekkie.factory = function(method) { 514 return function() { 515 var args = Array.prototype.slice.call(arguments); 516 args.unshift(method); 517 trekkie.push(args); 518 if (method == 'track' || method == 'page') { 519 var pageUrl; 520 try { 521 pageUrl = window.location.href; 522 } catch (e) {} 523 var pageReferrer; 524 try { 525 pageReferrer = document.referrer; 526 } catch (e) {} 527 try { 528 if (window.__TREKKIE_SHIM_QUEUE == null) { 529 window.__TREKKIE_SHIM_QUEUE = []; 530 } 531 window.__TREKKIE_SHIM_QUEUE.push({ 532 from: 'trekkie-stub', 533 method: method, 534 args: args.slice(1), 535 pageContext: { 536 url: pageUrl, 537 referrer: pageReferrer 538 } 539 }); 540 } catch (e) { 541 // no-op 542 } 543 } 544 return trekkie; 545 }; 546 }; 547 for (var i = 0; i < trekkie.methods.length; i++) { 548 var key = trekkie.methods[i]; 549 trekkie[key] = trekkie.factory(key); 550 } 551 trekkie.load = function(config) { 552 trekkie.config = config || {}; 553 trekkie.config.initialDocumentCookie = document.cookie; 554 var first = document.getElementsByTagName('script')[0]; 555var script = document.createElement('script'); 556script.type = 'text/javascript'; 557script.onerror = function(e) { 558 var scriptFallback = document.createElement('script'); 559 scriptFallback.type = 'text/javascript'; 560 scriptFallback.onerror = function(error) { 561 var Monorail = { 562 produce: function produce(monorailDomain, schemaId, payload) { 563 var currentMs = new Date().getTime(); 564 var event = { 565 schema_id: schemaId, 566 payload: payload, 567 metadata: { 568 event_created_at_ms: currentMs, 569 event_sent_at_ms: currentMs 570 } 571 }; 572 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 573 }, 574 sendRequest: function sendRequest(endpointUrl, payload) { 575 // Try the sendBeacon API 576 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 577 var blobData = new window.Blob([payload], { 578 type: 'text/plain' 579 }); 580 581 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 582 return true; 583 } // sendBeacon was not successful 584 585 } // XHR beacon 586 587 var xhr = new XMLHttpRequest(); 588 589 try { 590 xhr.open('POST', endpointUrl); 591 xhr.setRequestHeader('Content-Type', 'text/plain'); 592 xhr.send(payload); 593 } catch (e) { 594 console.log(e); 595 } 596 597 return false; 598 }, 599 isIos12: function isIos12() { 600 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 601 } 602 }; 603 Monorail.produce('monorail-edge.shopifysvc.com', 604 'trekkie_storefront_load_errors/1.1', 605 {shop_id: 99666395499, 606 theme_id: 189887283563, 607 app_name: "storefront", 608 context_url: window.location.href, 609 source_url: "//minipetmall.co.kr/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 610 611 }; 612 scriptFallback.async = true; 613 scriptFallback.src = '//minipetmall.co.kr/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 614 first.parentNode.insertBefore(scriptFallback, first); 615}; 616script.async = true; 617script.src = '//minipetmall.co.kr/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 618first.parentNode.insertBefore(script, first); 619 620 }; 621 trekkie.load( 622 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":99666395499,"isMerchantRequest":null,"themeId":189887283563,"themeCityHash":"3800299922958971296","contentLanguage":"ko","currency":"KRW","eventMetadataId":"bc26853c-19d3-4959-add9-3415477a09a8"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 623 ); 624 625 var loaded = false;
626 trekkie.ready(function() { 627 if (loaded) return; 628 loaded = true; 629 630 window.ShopifyAnalytics.lib = window.trekkie; 631 632 var originalDocumentWrite = document.write; 633 document.write = customDocumentWrite; 634 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 635 document.write = originalDocumentWrite; 636 637 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 638 var token = match? match[1]: undefined; 639 if (!hasLoggedConversion(token)) { 640 setCookieIfConversion(token); 641 642 } 643 }); 644 645 window.ShopifyAnalytics.lib.page(null,{"pageType":"blog","resourceType":"blog","resourceId":124191932779,"requestId":"4712feb2-8a62-4bbf-a4fd-11e0d864d043-1791295441","shopifyEmitted":true}); 646 647 var eventsListenerScript = document.createElement('script'); 648 eventsListenerScript.async = true; 649 eventsListenerScript.src = "//minipetmall.co.kr/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 650 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 651})();</script>
vendor: 1 bytes, line 651
651
652<script 653 defer 654 src="https://minipetmall.co.kr/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.5.min.js" 655 data-application="storefront-renderer" 656 data-shop-id="99666395499" 657 data-render-region="gcp-europe-west1" 658 data-page-type="blog" 659 data-theme-instance-id="189887283563" 660 data-theme-name="Dawn" 661 data-theme-version="15.4.1" 662 data-monorail-region="shop_domain" 663 data-resource-timing-sampling-rate="10" 664 data-shs="true" 665 data-shs-beacon="true" 666 data-shs-export-with-fetch="true" 667 data-shs-logs-sample-rate="1" 668 data-shs-beacon-endpoint="https://minipetmall.co.kr/api/collect" 669></script>
669 670<meta name="shopify-y" content="4c421eff-10a3-4daa-ba27-bc5de0d21bcc" data-expiration="1822853041000"><meta name="shopify-s" content="2ba2f448-dc8c-43fc-8d7c-5848d93880b9" data-expiration="1791297241000"><meta name="new-cookie-storage-activated" content="t"> 671</head> 672 673 <body class="gradient"> 674 <a class="skip-to-content-link button visually-hidden" href="#MainContent"> 675 ì½í ì¸ ë¡ ê±´ëë°ê¸° 676 </a> 677 678<link href="//minipetmall.co.kr/cdn/shop/t/2/assets/quantity-popover.css?v=160630540099520878331783600622" rel="stylesheet" type="text/css" media="all" /> 679<link href="//minipetmall.co.kr/cdn/shop/t/2/assets/component-card.css?v=120341546515895839841783600622" rel="stylesheet" type="text/css" media="all" /> 680
681<script src="//minipetmall.co.kr/cdn/shop/t/2/assets/cart.js?v=168995049558366113891783600622" defer="defer"></script>
vendor: 1 bytes, line 681
681
682<script src="//minipetmall.co.kr/cdn/shop/t/2/assets/quantity-popover.js?v=987015268078116491783600622" defer="defer"></script>
682 683 684<style> 685 .drawer { 686 visibility: hidden; 687 } 688</style> 689 690<cart-drawer class="drawer is-empty"> 691 <div id="CartDrawer" class="cart-drawer"> 692 <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div> 693 <div 694 class="drawer__inner gradient color-scheme-1" 695 role="dialog" 696 aria-modal="true" 697 aria-label="ì¹´í¸" 698 tabindex="-1" 699 ><div class="drawer__inner-empty"> 700 <div class="cart-drawer__warnings center"> 701 <div class="cart-drawer__empty-content"> 702 <h2 class="cart__empty-text">ì¹´í¸ê° ë¹ì´ ììµëë¤</h2> 703 <button 704 class="drawer__close" 705 type="button" 706 onclick="this.closest('cart-drawer').close()" 707 aria-label="ë«ê¸°" 708 > 709 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 710</span> 711 </button> 712 <a href="/collections/all" class="button"> 713 ì¼í ê³ìí기 714 </a><p class="cart__login-title h3">ê³ì ì´ ììµëê¹?</p> 715 <p class="cart__login-paragraph"> 716 ë ë¹ ë¥´ê² ê²°ì íë ¤ë©´ <a href="https://minipetmall.co.kr/customer_authentication/redirect?locale=ko®ion_country=KR" class="link underlined-link">ë¡ê·¸ì¸</a>íììì¤. 717 </p></div> 718 </div></div><div class="drawer__header"> 719 <h2 class="drawer__heading">ì¹´í¸</h2> 720 <button 721 class="drawer__close" 722 type="button" 723 onclick="this.closest('cart-drawer').close()" 724 aria-label="ë«ê¸°" 725 > 726 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 727</span> 728 </button> 729 </div> 730 <cart-drawer-items 731 732 class=" is-empty" 733 734 > 735 <form 736 action="/cart" 737 id="CartDrawer-Form" 738 class="cart__contents cart-drawer__form" 739 method="post" 740 > 741 <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p> 742 <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status"> 743 ë¡ëíë ì¤... 744 </p> 745 </div> 746 <div id="CartDrawer-CartErrors" role="alert"></div> 747 </form> 748 </cart-drawer-items> 749 <div class="drawer__footer"><!-- Start blocks --> 750 <!-- Subtotals --> 751 752 <div class="cart-drawer__footer" > 753 <div></div> 754 755 <div class="totals" role="status"> 756 <h2 class="totals__total">ìì ì´ì¡</h2> 757 <p class="totals__total-value">â©0 KRW</p> 758 </div> 759 760 <small class="tax-note caption-large rte">ì¸ê¸ì´ í¬í¨ë ê°ê²©ì ëë¤. ê²°ì ì í ì¸ ë° <a href="/policies/shipping-policy">ë°°ì¡ë£</a>ê° ê³ì°ë©ëë¤. 761</small> 762 </div> 763 764 <!-- CTAs --> 765 766 <div class="cart__ctas" > 767 <button 768 type="submit" 769 id="CartDrawer-Checkout" 770 class="cart__checkout-button button" 771 name="checkout" 772 form="CartDrawer-Form" 773 774 disabled 775 776 > 777 ê²°ì 778 </button> 779 </div> 780 </div> 781 </div> 782 </div> 783</cart-drawer> 784<!-- BEGIN sections: header-group --> 785<div id="shopify-section-sections--27946631364971__announcement-bar" class="shopify-section shopify-section-group-header-group announcement-bar-section"> 786 <link href="//minipetmall.co.kr/cdn/shop/t/2/assets/component-list-social.css?v=35792976012981934991783600622" rel="stylesheet" type="text/css" media="all" /> 787 788 789<div 790 id="announcement-bar-sections--27946631364971__announcement-bar" 791 class=" 792 ugx-announcement-bar 793 ugx-announcement-bar--fullscreen-desktop 794 ugx-announcement-bar--border 795 796 797 " 798 data-ugx-announcement-bar="sections--27946631364971__announcement-bar" 799 data-auto-rotate="true" 800 data-speed-ms="5000" 801 data-loop="true" 802 data-pause-hover="true" 803 data-motion-safe-mode="false" 804 style=" 805 --ugx-ab-section-bg: #ffffff; 806 --ugx-ab-border-color: #eeeeee; 807 --ugx-ab-max-width: 1400px; 808 --ugx-ab-side-padding-d: 0px; 809 --ugx-ab-full-side-padding-d: 0px; 810 --ugx-ab-side-padding-m: 0px; 811 --ugx-ab-padding-top-d: 0px; 812 --ugx-ab-padding-bottom-d: 0px; 813 --ugx-ab-padding-top-m: 0px; 814 --ugx-ab-padding-bottom-m: 0px; 815 --ugx-ab-height-d: 38px; 816 --ugx-ab-height-m: 30px; 817 --ugx-ab-radius: 0px; 818 --ugx-ab-transition-ms: 800ms; 819 --ugx-ab-arrow-color: #ffffff; 820 --ugx-ab-arrow-bg: #000000; 821 --ugx-ab-z-index: 90; 822 " 823> 824 <div class="ugx-announcement-bar__inner"><div class="ugx-announcement-bar__main"><div 825 class="ugx-announcement-bar__viewport" 826 role="region" 827 aria-roledescription="carousel" 828 aria-label="Announcement bar" 829 data-ugx-ab-viewport 830 > 831 <div class="ugx-announcement-bar__slides" data-ugx-ab-slides><div 832 class="ugx-announcement-bar__slide is-active" 833 id="AnnouncementSlide-sections--27946631364971__announcement-bar-1" 834 data-ugx-ab-slide 835 data-index="0" 836 role="group" 837 aria-roledescription="announcement" 838 aria-label="1 of 3" 839 aria-hidden="false" 840 841 style=" 842 --ugx-ab-item-bg-d: #000000; 843 --ugx-ab-item-bg-m: #111111; 844 --ugx-ab-item-bg-opacity-d: 1.0; 845 --ugx-ab-item-bg-opacity-m: 1.0; 846 --ugx-ab-text-color-d: #E3ACE6; 847 --ugx-ab-text-color-m: #ffffff; 848 --ugx-ab-font-size-d: 14px; 849 --ugx-ab-font-size-m: 13px;
850 --ugx-ab-font-weight-d: 600; 851 --ugx-ab-font-weight-m: 600; 852 --ugx-ab-line-height-d: 1.4; 853 --ugx-ab-line-height-m: 1.4; 854 --ugx-ab-letter-spacing-d: 0px; 855 --ugx-ab-letter-spacing-m: 0px; 856 --ugx-ab-text-align-d: center; 857 --ugx-ab-text-align-m: center; 858 --ugx-ab-justify-d: center; 859 --ugx-ab-justify-m: center; 860 --ugx-ab-text-padding-x-d: 44px; 861 --ugx-ab-text-padding-x-m: 28px; 862 --ugx-ab-icon-size-d: 16px; 863 --ugx-ab-icon-size-m: 14px; 864 --ugx-ab-icon-gap-d: 6px; 865 --ugx-ab-icon-gap-m: 5px; 866 --ugx-ab-icon-y-d: 0px; 867 --ugx-ab-icon-y-m: 0px; 868 --ugx-ab-marquee-duration-d: 28s; 869 --ugx-ab-marquee-duration-m: 22s; 870 --ugx-ab-marquee-gap-d: 80px; 871 --ugx-ab-marquee-gap-m: 56px; 872 " 873 ><a 874 href="https://minipet.channel.io" 875 class="ugx-announcement-bar__click-area" 876 draggable="false" 877 878 target="_blank" 879 rel="noopener noreferrer" 880 881 ><div class="ugx-announcement-bar__content"><div class="ugx-announcement-bar__text ugx-announcement-bar__text--desktop"> 882 <div class="ugx-announcement-bar__message-line"><div class="ugx-announcement-bar__message-text rte"> 883 <p>ì 문ê°ìì 1:1 ìë´, ëì± í¸ë¦¬íê² ì´ì©í´ë³´ì¸ì.</p> 884 </div> 885 </div> 886 </div> 887 888 <div class="ugx-announcement-bar__text ugx-announcement-bar__text--mobile"> 889 <div class="ugx-announcement-bar__message-line"><div class="ugx-announcement-bar__message-text rte"> 890 <p>ì 문ê°ìì 1:1 ìë´, ëì± í¸ë¦¬íê² ì´ì©í´ë³´ì¸ì.</p> 891 </div> 892 </div> 893 </div></div></a></div><div 894 class="ugx-announcement-bar__slide" 895 id="AnnouncementSlide-sections--27946631364971__announcement-bar-2" 896 data-ugx-ab-slide 897 data-index="1" 898 role="group" 899 aria-roledescription="announcement" 900 aria-label="2 of 3" 901 aria-hidden="true" 902 903 style=" 904 --ugx-ab-item-bg-d: #dfd5d5; 905 --ugx-ab-item-bg-m: #dfd5d5; 906 --ugx-ab-item-bg-opacity-d: 1.0; 907 --ugx-ab-item-bg-opacity-m: 1.0; 908 --ugx-ab-text-color-d: #ffffff; 909 --ugx-ab-text-color-m: #ffffff; 910 --ugx-ab-font-size-d: 14px; 911 --ugx-ab-font-size-m: 13px; 912 --ugx-ab-font-weight-d: 600; 913 --ugx-ab-font-weight-m: 600; 914 --ugx-ab-line-height-d: 1.4; 915 --ugx-ab-line-height-m: 1.4; 916 --ugx-ab-letter-spacing-d: 0px; 917 --ugx-ab-letter-spacing-m: 0px; 918 --ugx-ab-text-align-d: center; 919 --ugx-ab-text-align-m: center; 920 --ugx-ab-justify-d: center; 921 --ugx-ab-justify-m: center; 922 --ugx-ab-text-padding-x-d: 44px; 923 --ugx-ab-text-padding-x-m: 28px; 924 --ugx-ab-icon-size-d: 16px; 925 --ugx-ab-icon-size-m: 14px; 926 --ugx-ab-icon-gap-d: 6px; 927 --ugx-ab-icon-gap-m: 5px; 928 --ugx-ab-icon-y-d: 0px; 929 --ugx-ab-icon-y-m: 0px; 930 --ugx-ab-marquee-duration-d: 28s; 931 --ugx-ab-marquee-duration-m: 22s; 932 --ugx-ab-marquee-gap-d: 80px; 933 --ugx-ab-marquee-gap-m: 56px; 934 " 935 ><a 936 href="https://open.kakao.com/o/s5TBSvB" 937 class="ugx-announcement-bar__click-area" 938 draggable="false" 939 940 ><div class="ugx-announcement-bar__content"><div class="ugx-announcement-bar__text ugx-announcement-bar__text--desktop"> 941 <div class="ugx-announcement-bar__message-line"><img 942 class="ugx-announcement-bar__icon" 943 src="https://cdn.shopify.com/s/files/1/0691/4732/8625/files/1.svg?v=1782115532" 944 alt="" 945 loading="lazy" 946 decoding="async" 947 draggable="false" 948 ><div class="ugx-announcement-bar__message-text rte"> 949 <p>24-hour expert consultation. Real-time care.</p> 950 </div> 951 </div> 952 </div> 953 954 <div class="ugx-announcement-bar__text ugx-announcement-bar__text--mobile"> 955 <div class="ugx-announcement-bar__message-line"><img 956 class="ugx-announcement-bar__icon" 957 src="https://cdn.shopify.com/s/files/1/0691/4732/8625/files/1.svg?v=1782115532" 958 alt="" 959 loading="lazy" 960 decoding="async" 961 draggable="false" 962 ><div class="ugx-announcement-bar__message-text rte"> 963 <p>Real-time expert care.</p> 964 </div> 965 </div> 966 </div></div></a></div><div 967 class="ugx-announcement-bar__slide ugx-announcement-bar__slide--marquee" 968 id="AnnouncementSlide-sections--27946631364971__announcement-bar-3" 969 data-ugx-ab-slide 970 data-index="2" 971 role="group" 972 aria-roledescription="announcement" 973 aria-label="3 of 3" 974 aria-hidden="true" 975 976 style=" 977 --ugx-ab-item-bg-d: #111111; 978 --ugx-ab-item-bg-m: #111111; 979 --ugx-ab-item-bg-opacity-d: 1.0; 980 --ugx-ab-item-bg-opacity-m: 1.0; 981 --ugx-ab-text-color-d: #ffffff; 982 --ugx-ab-text-color-m: #ffffff; 983 --ugx-ab-font-size-d: 14px; 984 --ugx-ab-font-size-m: 13px;
985 --ugx-ab-font-weight-d: 600; 986 --ugx-ab-font-weight-m: 600; 987 --ugx-ab-line-height-d: 1.4; 988 --ugx-ab-line-height-m: 1.4; 989 --ugx-ab-letter-spacing-d: 0px; 990 --ugx-ab-letter-spacing-m: 0px; 991 --ugx-ab-text-align-d: center; 992 --ugx-ab-text-align-m: center; 993 --ugx-ab-justify-d: center; 994 --ugx-ab-justify-m: center; 995 --ugx-ab-text-padding-x-d: 44px; 996 --ugx-ab-text-padding-x-m: 28px; 997 --ugx-ab-icon-size-d: 16px; 998 --ugx-ab-icon-size-m: 14px; 999 --ugx-ab-icon-gap-d: 6px; 1000 --ugx-ab-icon-gap-m: 5px; 1001 --ugx-ab-icon-y-d: 0px; 1002 --ugx-ab-icon-y-m: 0px; 1003 --ugx-ab-marquee-duration-d: 60s; 1004 --ugx-ab-marquee-duration-m: 60s; 1005 --ugx-ab-marquee-gap-d: 100px; 1006 --ugx-ab-marquee-gap-m: 100px; 1007 " 1008 ><a 1009 href="https://channel.works/minipet/user-chats/6a5080e332d44ddd42af" 1010 class="ugx-announcement-bar__click-area" 1011 draggable="false" 1012 1013 ><div class="ugx-announcement-bar__content"><span class="ugx-announcement-bar__sr-text">- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</span> 1014 1015 <div class="ugx-announcement-bar__marquee ugx-announcement-bar__marquee--desktop" aria-hidden="true"> 1016 <div class="ugx-announcement-bar__marquee-track"> 1017 <div class="ugx-announcement-bar__marquee-group"><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1018 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1019 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1020 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1021 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1022 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1023 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1024 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1025 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1026 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1027 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1028 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1029 </div></div> 1030 1031 <div class="ugx-announcement-bar__marquee-group" aria-hidden="true"><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1032 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1033 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1034 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1035 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1036 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1037 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1038 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1039 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1040 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1041 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1042 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- ì¤ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1043 </div></div> 1044 </div> 1045 </div> 1046 1047 <div class="ugx-announcement-bar__marquee ugx-announcement-bar__marquee--mobile" aria-hidden="true"> 1048 <div class="ugx-announcement-bar__marquee-track"> 1049 <div class="ugx-announcement-bar__marquee-group"><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1050 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1051 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1052 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1053 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1054 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1055 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1056 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1057 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1058 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1059 </div></div> 1060 1061 <div class="ugx-announcement-bar__marquee-group" aria-hidden="true"><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1062 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1063 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1064 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1065 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1066 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1067 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1068 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1069 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1070 </div><div class="ugx-announcement-bar__marquee-item"><div class="ugx-announcement-bar__marquee-text rte"><p>- 1ìê° 1:1 ìë´ ì±ëí¡ì¼ë¡ ë§ëë³´ì¸ì -</p></div> 1071 </div></div> 1072 </div> 1073 </div></div></a></div></div></div></div></div> 1074</div> 1075 1076<style> 1077 .ugx-announcement-bar { 1078 position: relative; 1079 z-index: var(--ugx-ab-z-index); 1080 background: var(--ugx-ab-section-bg); 1081 padding-top: var(--ugx-ab-padding-top-d); 1082 padding-bottom: var(--ugx-ab-padding-bottom-d); 1083 box-sizing: border-box; 1084 -webkit-user-select: none; 1085 user-select: none; 1086 -webkit-tap-highlight-color: transparent; 1087 } 1088 1089 .ugx-announcement-bar *, 1090 .ugx-announcement-bar *::before, 1091 .ugx-announcement-bar *::after { 1092 box-sizing: border-box; 1093 } 1094 1095 .ugx-announcement-bar img, 1096 .ugx-announcement-bar a,
1097 .ugx-announcement-bar button { 1098 -webkit-user-drag: none; 1099 user-drag: none; 1100 } 1101 1102 .ugx-announcement-bar--border { 1103 border-bottom: 1px solid var(--ugx-ab-border-color); 1104 } 1105 1106 .ugx-announcement-bar__inner { 1107 width: 100%; 1108 max-width: var(--ugx-ab-max-width); 1109 margin: 0 auto; 1110 padding-left: var(--ugx-ab-side-padding-d); 1111 padding-right: var(--ugx-ab-side-padding-d); 1112 } 1113 1114 .ugx-announcement-bar--fullscreen-desktop .ugx-announcement-bar__inner { 1115 max-width: none; 1116 padding-left: var(--ugx-ab-full-side-padding-d); 1117 padding-right: var(--ugx-ab-full-side-padding-d); 1118 } 1119 1120 .ugx-announcement-bar__inner--with-utilities { 1121 display: grid; 1122 grid-template-columns: minmax(120px, 1fr) minmax(0, 3fr) minmax(120px, 1fr); 1123 align-items: center; 1124 gap: 16px; 1125 } 1126 1127 .ugx-announcement-bar__utility { 1128 min-width: 0; 1129 display: flex; 1130 align-items: center; 1131 } 1132 1133 .ugx-announcement-bar__utility--left { 1134 justify-content: flex-start; 1135 } 1136 1137 .ugx-announcement-bar__utility--right { 1138 justify-content: flex-end; 1139 } 1140 1141 .ugx-announcement-bar__main { 1142 min-width: 0; 1143 } 1144 1145 .ugx-announcement-bar__localization { 1146 display: flex; 1147 align-items: center; 1148 justify-content: flex-end; 1149 gap: 10px; 1150 min-width: 0; 1151 } 1152 1153 .ugx-announcement-bar__viewport { 1154 position: relative; 1155 width: 100%; 1156 height: var(--ugx-ab-height-d); 1157 overflow: hidden; 1158 border-radius: var(--ugx-ab-radius); 1159 background: var(--ugx-ab-section-bg); 1160 touch-action: pan-y; 1161 } 1162 1163 .ugx-announcement-bar__slides { 1164 position: relative; 1165 width: 100%; 1166 height: 100%; 1167 } 1168 1169 .ugx-announcement-bar__slide { 1170 position: absolute; 1171 inset: 0; 1172 width: 100%; 1173 height: 100%; 1174 color: var(--ugx-ab-text-color-d); 1175 opacity: 0; 1176 visibility: hidden; 1177 pointer-events: none; 1178 z-index: 0; 1179 transition: 1180 opacity var(--ugx-ab-transition-ms) ease, 1181 visibility var(--ugx-ab-transition-ms) ease; 1182 } 1183 1184 .ugx-announcement-bar__slide::before { 1185 content: ""; 1186 position: absolute; 1187 inset: 0; 1188 background: var(--ugx-ab-item-bg-d); 1189 opacity: var(--ugx-ab-item-bg-opacity-d); 1190 z-index: 0; 1191 pointer-events: none; 1192 } 1193 1194 .ugx-announcement-bar__slide.is-active { 1195 opacity: 1; 1196 visibility: visible; 1197 pointer-events: auto; 1198 z-index: 1; 1199 } 1200 1201 .ugx-announcement-bar__click-area { 1202 position: relative; 1203 z-index: 1; 1204 display: block; 1205 width: 100%; 1206 height: 100%; 1207 color: inherit; 1208 text-decoration: none; 1209 } 1210 1211 .ugx-announcement-bar__content { 1212 width: 100%; 1213 height: 100%; 1214 padding-left: var(--ugx-ab-text-padding-x-d); 1215 padding-right: var(--ugx-ab-text-padding-x-d); 1216 display: flex; 1217 align-items: center; 1218 justify-content: var(--ugx-ab-justify-d); 1219 overflow: hidden; 1220 text-align: var(--ugx-ab-text-align-d); 1221 font-size: var(--ugx-ab-font-size-d); 1222 font-weight: var(--ugx-ab-font-weight-d); 1223 line-height: var(--ugx-ab-line-height-d); 1224 letter-spacing: var(--ugx-ab-letter-spacing-d); 1225 color: inherit; 1226 } 1227 1228 .ugx-announcement-bar .rte { 1229 margin: 0; 1230 color: inherit; 1231 font: inherit; 1232 line-height: inherit; 1233 letter-spacing: inherit; 1234 } 1235 1236 .ugx-announcement-bar .rte * { 1237 font-size: inherit !important; 1238 line-height: inherit; 1239 letter-spacing: inherit; 1240 color: inherit; 1241 } 1242 1243 .ugx-announcement-bar .rte p, 1244 .ugx-announcement-bar .rte h1, 1245 .ugx-announcement-bar .rte h2, 1246 .ugx-announcement-bar .rte h3, 1247 .ugx-announcement-bar .rte h4, 1248 .ugx-announcement-bar .rte h5, 1249 .ugx-announcement-bar .rte h6, 1250 .ugx-announcement-bar .rte ul, 1251 .ugx-announcement-bar .rte ol { 1252 margin-top: 0; 1253 margin-bottom: 0; 1254 } 1255 1256 .ugx-announcement-bar .rte p { 1257 display: inline; 1258 } 1259 1260 .ugx-announcement-bar h2 p { 1261 margin: 0; 1262 } 1263 1264 .ugx-announcement-bar__text { 1265 width: 100%; 1266 display: flex; 1267 justify-content: var(--ugx-ab-justify-d); 1268 text-align: var(--ugx-ab-text-align-d); 1269 } 1270 1271 .ugx-announcement-bar__message-line { 1272 display: inline-flex; 1273 align-items: center; 1274 justify-content: center; 1275 gap: var(--ugx-ab-icon-gap-d); 1276 max-width: 100%; 1277 min-width: 0; 1278 } 1279 1280 .ugx-announcement-bar__message-text { 1281 min-width: 0; 1282 } 1283 1284 .ugx-announcement-bar__icon { 1285 flex: 0 0 auto; 1286 display: block; 1287 width: var(--ugx-ab-icon-size-d); 1288 height: var(--ugx-ab-icon-size-d); 1289 object-fit: contain; 1290 transform: translateY(var(--ugx-ab-icon-y-d)); 1291 pointer-events: none; 1292 } 1293 1294 .ugx-announcement-bar__text--mobile, 1295 .ugx-announcement-bar__marquee--mobile { 1296 display: none; 1297 } 1298 1299 .ugx-announcement-bar__marquee { 1300 width: 100%; 1301 overflow: hidden; 1302 white-space: nowrap; 1303 } 1304 1305 .ugx-announcement-bar__marquee-track { 1306 display: flex; 1307 align-items: center; 1308 width: max-content; 1309 min-width: 200%; 1310 animation-name: ugxAnnouncementMarquee; 1311 animation-duration: var(--ugx-ab-marquee-duration-d); 1312 animation-timing-function: linear; 1313 animation-iteration-count: infinite; 1314 will-change: transform; 1315 } 1316 1317 .ugx-announcement-bar__marquee-group { 1318 display: flex; 1319 align-items: center; 1320 flex: 0 0 auto; 1321 min-width: max-content; 1322 } 1323 1324 .ugx-announcement-bar__marquee-item { 1325 flex: 0 0 auto; 1326 display: inline-flex; 1327 align-items: center; 1328 gap: var(--ugx-ab-icon-gap-d); 1329 padding-right: var(--ugx-ab-marquee-gap-d); 1330 white-space: nowrap; 1331 } 1332 1333 .ugx-announcement-bar__marquee-text { 1334 display: inline-flex; 1335 align-items: center; 1336 white-space: nowrap; 1337 } 1338 1339 .ugx-announcement-bar__arrow { 1340 position: absolute; 1341 top: 50%; 1342 z-index: 20; 1343 width: 24px; 1344 height: 24px; 1345 border: 0; 1346 border-radius: 999px; 1347 padding: 0; 1348 transform: translateY(-50%); 1349 background: var(--ugx-ab-arrow-bg); 1350 color: var(--ugx-ab-arrow-color); 1351 display: flex; 1352 align-items: center; 1353 justify-content: center; 1354 cursor: pointer; 1355 pointer-events: auto; 1356 transition: opacity 180ms ease, transform 180ms ease; 1357 } 1358 1359 .ugx-announcement-bar__arrow svg { 1360 width: 16px; 1361 height: 16px; 1362 display: block; 1363 pointer-events: none; 1364 } 1365 1366 .ugx-announcement-bar__arrow--prev { 1367 left: 10px; 1368 } 1369 1370 .ugx-announcement-bar__arrow--next { 1371 right: 10px; 1372 } 1373 1374 .ugx-announcement-bar__arrow:hover { 1375 opacity: 0.82; 1376 } 1377 1378 .ugx-announcement-bar__arrow:focus-visible { 1379 outline: 2px solid currentColor; 1380 outline-offset: 3px; 1381 } 1382 1383 .ugx-announcement-bar__empty { 1384 min-height: var(--ugx-ab-height-d); 1385 display: flex; 1386 align-items: center; 1387 justify-content: center; 1388 background: #f5f5f5; 1389 color: #222222; 1390 font-size: 14px; 1391 line-height: 1.4; 1392 } 1393 1394 .ugx-announcement-bar__sr-text { 1395 position: absolute !important; 1396 width: 1px !important; 1397 height: 1px !important; 1398 padding: 0 !important; 1399 margin: -1px !important; 1400 overflow: hidden !important; 1401 clip: rect(0, 0, 0, 0) !important; 1402 white-space: nowrap !important; 1403 border: 0 !important; 1404 } 1405 1406 .ugx-announcement-bar--hide-desktop { 1407 display: none; 1408 } 1409 1410 @keyframes ugxAnnouncementMarquee { 1411 from { 1412 transform: translate3d(0, 0, 0); 1413 } 1414 to { 1415 transform: translate3d(-50%, 0, 0); 1416 } 1417 } 1418 1419 @media screen and (max-width: 749px) { 1420 .ugx-announcement-bar { 1421 padding-top: var(--ugx-ab-padding-top-m); 1422 padding-bottom: var(--ugx-ab-padding-bottom-m); 1423 } 1424 1425 .ugx-announcement-bar--hide-desktop { 1426 display: block; 1427 } 1428 1429 .ugx-announcement-bar--hide-mobile { 1430 display: none; 1431 } 1432 1433 .ugx-announcement-bar__inner, 1434 .ugx-announcement-bar--fullscreen-desktop .ugx-announcement-bar__inner { 1435 max-width: none; 1436 padding-left: var(--ugx-ab-side-padding-m); 1437 padding-right: var(--ugx-ab-side-padding-m); 1438 } 1439 1440 .ugx-announcement-bar__inner--with-utilities { 1441 display: block; 1442 } 1443 1444 .ugx-announcement-bar__utility { 1445 display: none; 1446 } 1447 1448 .ugx-announcement-bar__viewport { 1449 height: var(--ugx-ab-height-m); 1450 } 1451 1452 .ugx-announcement-bar__slide { 1453 color: var(--ugx-ab-text-color-m); 1454 } 1455 1456 .ugx-announcement-bar__slide::before { 1457 background: var(--ugx-ab-item-bg-m); 1458 opacity: var(--ugx-ab-item-bg-opacity-m); 1459 } 1460 1461 .ugx-announcement-bar__content { 1462 padding-left: var(--ugx-ab-text-padding-x-m); 1463 padding-right: var(--ugx-ab-text-padding-x-m); 1464 justify-content: var(--ugx-ab-justify-m); 1465 text-align: var(--ugx-ab-text-align-m); 1466 font-size: var(--ugx-ab-font-size-m);
1467 font-weight: var(--ugx-ab-font-weight-m); 1468 line-height: var(--ugx-ab-line-height-m); 1469 letter-spacing: var(--ugx-ab-letter-spacing-m); 1470 } 1471 1472 .ugx-announcement-bar__text { 1473 justify-content: var(--ugx-ab-justify-m); 1474 text-align: var(--ugx-ab-text-align-m); 1475 } 1476 1477 .ugx-announcement-bar__message-line { 1478 gap: var(--ugx-ab-icon-gap-m); 1479 } 1480 1481 .ugx-announcement-bar__icon { 1482 width: var(--ugx-ab-icon-size-m); 1483 height: var(--ugx-ab-icon-size-m); 1484 transform: translateY(var(--ugx-ab-icon-y-m)); 1485 } 1486 1487 .ugx-announcement-bar__text--desktop, 1488 .ugx-announcement-bar__marquee--desktop { 1489 display: none; 1490 } 1491 1492 .ugx-announcement-bar__text--mobile, 1493 .ugx-announcement-bar__marquee--mobile { 1494 display: block; 1495 } 1496 1497 .ugx-announcement-bar__marquee-track { 1498 animation-duration: var(--ugx-ab-marquee-duration-m); 1499 } 1500 1501 .ugx-announcement-bar__marquee-item { 1502 gap: var(--ugx-ab-icon-gap-m); 1503 padding-right: var(--ugx-ab-marquee-gap-m); 1504 } 1505 1506 .ugx-announcement-bar__arrow { 1507 width: 22px; 1508 height: 22px; 1509 } 1510 1511 .ugx-announcement-bar__arrow--prev { 1512 left: 7px; 1513 } 1514 1515 .ugx-announcement-bar__arrow--next { 1516 right: 7px; 1517 } 1518 1519 .ugx-announcement-bar__control--hide-mobile { 1520 display: none; 1521 } 1522 1523 .ugx-announcement-bar__empty { 1524 min-height: var(--ugx-ab-height-m); 1525 } 1526 } 1527 1528 @media (prefers-reduced-motion: reduce) { 1529 .ugx-announcement-bar[data-motion-safe-mode='true'] .ugx-announcement-bar__slide, 1530 .ugx-announcement-bar[data-motion-safe-mode='true'] .ugx-announcement-bar__arrow { 1531 transition: none !important; 1532 } 1533 1534 .ugx-announcement-bar[data-motion-safe-mode='true'] .ugx-announcement-bar__marquee-track { 1535 animation: none !important; 1536 transform: translate3d(0, 0, 0) !important; 1537 } 1538 } 1539</style> 1540
1541<script> 1542 (() => { 1543 const ROOT_SELECTOR = '[data-ugx-announcement-bar]'; 1544 1545 const toBool = (value) => String(value) === 'true'; 1546 1547 const getReducedMotionQuery = () => { 1548 if (!window.matchMedia) return null; 1549 return window.matchMedia('(prefers-reduced-motion: reduce)'); 1550 }; 1551 1552 class UGXAnnouncementBar { 1553 constructor(root) { 1554 this.root = root; 1555 this.viewport = root.querySelector('[data-ugx-ab-viewport]'); 1556 this.slides = Array.from(root.querySelectorAll('[data-ugx-ab-slide]')); 1557 1558 this.index = 0; 1559 this.timer = null; 1560 this.editorPaused = false; 1561 this.clickGuardUntil = 0; 1562 1563 this.autoRotate = toBool(root.dataset.autoRotate); 1564 this.loop = toBool(root.dataset.loop); 1565 this.pauseHover = toBool(root.dataset.pauseHover); 1566 this.motionSafeMode = toBool(root.dataset.motionSafeMode); 1567 1568 this.speedMs = parseInt(root.dataset.speedMs || '5000', 10); 1569 if (!Number.isFinite(this.speedMs) || this.speedMs < 1000) { 1570 this.speedMs = 5000; 1571 } 1572 1573 this.motionQuery = getReducedMotionQuery(); 1574 1575 this.drag = { 1576 active: false, 1577 startX: 0, 1578 startY: 0, 1579 movedX: 0, 1580 movedY: 0, 1581 pointerId: null 1582 }; 1583 1584 this.onRootClick = this.onRootClick.bind(this); 1585 this.pause = this.pause.bind(this); 1586 this.resume = this.resume.bind(this); 1587 this.onPointerDown = this.onPointerDown.bind(this); 1588 this.onPointerMove = this.onPointerMove.bind(this); 1589 this.onPointerUp = this.onPointerUp.bind(this); 1590 this.onClickCapture = this.onClickCapture.bind(this); 1591 this.onMotionChange = this.onMotionChange.bind(this); 1592 this.onDragStart = this.onDragStart.bind(this); 1593 1594 this.init(); 1595 } 1596 1597 init() { 1598 if (!this.root || !this.viewport || this.slides.length === 0) return; 1599 1600 this.goTo(0); 1601 1602 this.root.addEventListener('click', this.onRootClick); 1603 this.root.addEventListener('dragstart', this.onDragStart); 1604 1605 if (this.pauseHover) { 1606 this.root.addEventListener('mouseenter', this.pause); 1607 this.root.addEventListener('mouseleave', this.resume); 1608 this.root.addEventListener('focusin', this.pause); 1609 this.root.addEventListener('focusout', this.resume); 1610 } 1611 1612 this.viewport.addEventListener('pointerdown', this.onPointerDown, { passive: true }); 1613 this.viewport.addEventListener('pointermove', this.onPointerMove, { passive: false }); 1614 this.viewport.addEventListener('pointerup', this.onPointerUp, { passive: true }); 1615 this.viewport.addEventListener('pointercancel', this.onPointerUp, { passive: true }); 1616 this.viewport.addEventListener('click', this.onClickCapture, true); 1617 1618 if (this.motionQuery) { 1619 if (this.motionQuery.addEventListener) { 1620 this.motionQuery.addEventListener('change', this.onMotionChange); 1621 } else if (this.motionQuery.addListener) { 1622 this.motionQuery.addListener(this.onMotionChange); 1623 } 1624 } 1625 1626 this.start(); 1627 } 1628 1629 isReducedMotion() { 1630 return Boolean(this.motionQuery && this.motionQuery.matches); 1631 } 1632 1633 canAutoRotate() { 1634 if (!this.autoRotate) return false; 1635 if (this.slides.length <= 1) return false; 1636 if (this.editorPaused) return false; 1637 if (this.motionSafeMode && this.isReducedMotion()) return false; 1638 return true; 1639 } 1640 1641 start() { 1642 this.stop(); 1643 1644 if (!this.canAutoRotate()) return; 1645 1646 this.timer = window.setInterval(() => { 1647 this.goNext(false); 1648 }, this.speedMs); 1649 } 1650 1651 stop() { 1652 if (this.timer) { 1653 window.clearInterval(this.timer); 1654 this.timer = null; 1655 } 1656 } 1657 1658 restart() { 1659 this.stop(); 1660 this.start(); 1661 } 1662 1663 pause() { 1664 this.stop(); 1665 } 1666 1667 resume() { 1668 this.start(); 1669 } 1670 1671 onMotionChange() { 1672 this.restart(); 1673 } 1674 1675 onRootClick(event) { 1676 const prevButton = event.target.closest('[data-ugx-ab-prev]'); 1677 const nextButton = event.target.closest('[data-ugx-ab-next]'); 1678 1679 if (prevButton && this.root.contains(prevButton)) { 1680 event.preventDefault(); 1681 event.stopPropagation(); 1682 this.goPrev(); 1683 return; 1684 } 1685 1686 if (nextButton && this.root.contains(nextButton)) { 1687 event.preventDefault(); 1688 event.stopPropagation(); 1689 this.goNext(true); 1690 } 1691 } 1692 1693 goPrev() { 1694 const nextIndex = this.index - 1; 1695 1696 if (nextIndex < 0) { 1697 if (!this.loop) return; 1698 this.goTo(this.slides.length - 1); 1699 } else { 1700 this.goTo(nextIndex); 1701 } 1702 1703 this.restart(); 1704 } 1705 1706 goNext(shouldRestart = true) { 1707 const nextIndex = this.index + 1; 1708 1709 if (nextIndex >= this.slides.length) { 1710 if (!this.loop) { 1711 this.stop(); 1712 return; 1713 } 1714 1715 this.goTo(0); 1716 } else { 1717 this.goTo(nextIndex); 1718 } 1719 1720 if (shouldRestart) this.restart(); 1721 } 1722 1723 goTo(index) { 1724 if (!Number.isFinite(index)) return; 1725 1726 const safeIndex = Math.max(0, Math.min(index, this.slides.length - 1)); 1727 this.index = safeIndex; 1728
1729 this.slides.forEach((slide, slideIndex) => { 1730 const isActive = slideIndex === safeIndex; 1731 1732 slide.classList.toggle('is-active', isActive); 1733 slide.setAttribute('aria-hidden', isActive ? 'false' : 'true'); 1734 1735 if (isActive) { 1736 slide.removeAttribute('tabindex'); 1737 } else { 1738 slide.setAttribute('tabindex', '-1'); 1739 } 1740 }); 1741 } 1742 1743 onPointerDown(event) { 1744 if (this.slides.length <= 1) return; 1745 if (event.pointerType === 'mouse' && event.button !== 0) return; 1746 1747 const isButton = event.target.closest('button'); 1748 if (isButton) return; 1749 1750 this.drag.active = true; 1751 this.drag.startX = event.clientX; 1752 this.drag.startY = event.clientY; 1753 this.drag.movedX = 0; 1754 this.drag.movedY = 0; 1755 this.drag.pointerId = event.pointerId; 1756 1757 try { 1758 this.viewport.setPointerCapture(event.pointerId); 1759 } catch (_) {} 1760 } 1761 1762 onPointerMove(event) { 1763 if (!this.drag.active) return; 1764 if (this.drag.pointerId !== event.pointerId) return; 1765 1766 const dx = event.clientX - this.drag.startX; 1767 const dy = event.clientY - this.drag.startY; 1768 1769 this.drag.movedX = dx; 1770 this.drag.movedY = dy; 1771 1772 const absX = Math.abs(dx); 1773 const absY = Math.abs(dy); 1774 1775 if (absY > absX && absY > 10) { 1776 this.releasePointer(event); 1777 return; 1778 } 1779 1780 if (absX > 8 && event.cancelable) { 1781 event.preventDefault(); 1782 } 1783 } 1784 1785 onPointerUp(event) { 1786 if (!this.drag.active) return; 1787 if (this.drag.pointerId !== event.pointerId) return; 1788 1789 const dx = this.drag.movedX; 1790 const dy = this.drag.movedY; 1791 const absX = Math.abs(dx); 1792 const absY = Math.abs(dy); 1793 1794 this.releasePointer(event); 1795 1796 if (absX > 34 && absX > absY) { 1797 this.clickGuardUntil = Date.now() + 260; 1798 1799 if (dx < 0) { 1800 this.goNext(true); 1801 } else { 1802 this.goPrev(); 1803 } 1804 } 1805 } 1806 1807 releasePointer(event) { 1808 this.drag.active = false; 1809 1810 try { 1811 this.viewport.releasePointerCapture(event.pointerId); 1812 } catch (_) {} 1813 } 1814 1815 onClickCapture(event) { 1816 if (event.target.closest('[data-ugx-ab-prev], [data-ugx-ab-next]')) return; 1817 1818 if (Date.now() < this.clickGuardUntil) { 1819 event.preventDefault(); 1820 event.stopPropagation(); 1821 } 1822 } 1823 1824 onDragStart(event) { 1825 event.preventDefault(); 1826 } 1827 1828 showBlock(blockElement) { 1829 const slide = blockElement && blockElement.closest('[data-ugx-ab-slide]'); 1830 if (!slide) return; 1831 1832 const index = parseInt(slide.dataset.index || '0', 10); 1833 1834 this.editorPaused = true; 1835 this.stop(); 1836 this.goTo(index); 1837 } 1838 1839 releaseEditorPause() { 1840 this.editorPaused = false; 1841 this.start(); 1842 } 1843 1844 destroy() { 1845 this.stop(); 1846 1847 this.root.removeEventListener('click', this.onRootClick); 1848 this.root.removeEventListener('dragstart', this.onDragStart); 1849 1850 if (this.pauseHover) { 1851 this.root.removeEventListener('mouseenter', this.pause); 1852 this.root.removeEventListener('mouseleave', this.resume); 1853 this.root.removeEventListener('focusin', this.pause); 1854 this.root.removeEventListener('focusout', this.resume); 1855 } 1856 1857 if (this.viewport) { 1858 this.viewport.removeEventListener('pointerdown', this.onPointerDown); 1859 this.viewport.removeEventListener('pointermove', this.onPointerMove); 1860 this.viewport.removeEventListener('pointerup', this.onPointerUp); 1861 this.viewport.removeEventListener('pointercancel', this.onPointerUp); 1862 this.viewport.removeEventListener('click', this.onClickCapture, true); 1863 } 1864 1865 if (this.motionQuery) { 1866 if (this.motionQuery.removeEventListener) { 1867 this.motionQuery.removeEventListener('change', this.onMotionChange); 1868 } else if (this.motionQuery.removeListener) { 1869 this.motionQuery.removeListener(this.onMotionChange); 1870 } 1871 } 1872 1873 this.root.ugxAnnouncementBarV3 = null; 1874 this.root.removeAttribute('data-ugx-mounted-v3'); 1875 } 1876 } 1877 1878 const mount = (scope = document) => { 1879 const roots = Array.from(scope.querySelectorAll(ROOT_SELECTOR)); 1880
1881 roots.forEach((root) => { 1882 if (root.ugxAnnouncementBar && typeof root.ugxAnnouncementBar.destroy === 'function') { 1883 root.ugxAnnouncementBar.destroy(); 1884 root.ugxAnnouncementBar = null; 1885 } 1886 1887 if (root.dataset.ugxMountedV3 === 'true') return; 1888 1889 root.dataset.ugxMountedV3 = 'true'; 1890 root.ugxAnnouncementBarV3 = new UGXAnnouncementBar(root); 1891 }); 1892 }; 1893 1894 const unmount = (scope = document) => { 1895 const roots = Array.from(scope.querySelectorAll(ROOT_SELECTOR)); 1896 1897 roots.forEach((root) => { 1898 if (root.ugxAnnouncementBarV3 && typeof root.ugxAnnouncementBarV3.destroy === 'function') { 1899 root.ugxAnnouncementBarV3.destroy(); 1900 } 1901 }); 1902 }; 1903 1904 mount(document); 1905 1906 if (!window.UGXAnnouncementBarEventsBoundV3) { 1907 window.UGXAnnouncementBarEventsBoundV3 = true; 1908 1909 document.addEventListener('shopify:section:load', (event) => { 1910 if (!event || !event.target) return; 1911 mount(event.target); 1912 }); 1913 1914 document.addEventListener('shopify:section:unload', (event) => { 1915 if (!event || !event.target) return; 1916 unmount(event.target); 1917 }); 1918 1919 document.addEventListener('shopify:block:select', (event) => { 1920 if (!event || !event.target) return; 1921 1922 const root = event.target.closest(ROOT_SELECTOR); 1923 if (!root || !root.ugxAnnouncementBarV3) return; 1924 1925 root.ugxAnnouncementBarV3.showBlock(event.target); 1926 }); 1927 1928 document.addEventListener('shopify:block:deselect', (event) => { 1929 if (!event || !event.target) return; 1930 1931 const root = event.target.closest(ROOT_SELECTOR); 1932 if (!root || !root.ugxAnnouncementBarV3) return; 1933 1934 root.ugxAnnouncementBarV3.releaseEditorPause(); 1935 }); 1936 } 1937 })(); 1938</script>
1938 1939 1940</div><div id="shopify-section-sections--27946631364971__header" class="shopify-section shopify-section-group-header-group section-header"><link rel="stylesheet" href="//minipetmall.co.kr/cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991783600622" media="print" onload="this.media='all'"> 1941<link rel="stylesheet" href="//minipetmall.co.kr/cdn/shop/t/2/assets/component-search.css?v=165164710990765432851783600622" media="print" onload="this.media='all'"> 1942<link rel="stylesheet" href="//minipetmall.co.kr/cdn/shop/t/2/assets/component-menu-drawer.css?v=147478906057189667651783600622" media="print" onload="this.media='all'"> 1943<link 1944 rel="stylesheet" 1945 href="//minipetmall.co.kr/cdn/shop/t/2/assets/component-cart-notification.css?v=54116361853792938221783600622" 1946 media="print" 1947 onload="this.media='all'" 1948><style> 1949 header-drawer { 1950 justify-self: start; 1951 margin-left: -1.2rem; 1952 }.scrolled-past-header .header__heading-logo-wrapper { 1953 width: 75%; 1954 }@media screen and (min-width: 990px) { 1955 header-drawer { 1956 display: none; 1957 } 1958 }.menu-drawer-container { 1959 display: flex; 1960 } 1961 1962 .list-menu { 1963 list-style: none; 1964 padding: 0; 1965 margin: 0; 1966 } 1967 1968 .list-menu--inline { 1969 display: inline-flex; 1970 flex-wrap: wrap; 1971 } 1972 1973 summary.list-menu__item { 1974 padding-right: 2.7rem; 1975 } 1976 1977 .list-menu__item { 1978 display: flex; 1979 align-items: center; 1980 line-height: calc(1 + 0.3 / var(--font-body-scale)); 1981 } 1982 1983 .list-menu__item--link { 1984 text-decoration: none; 1985 padding-bottom: 1rem; 1986 padding-top: 1rem; 1987 line-height: calc(1 + 0.8 / var(--font-body-scale)); 1988 } 1989 1990 @media screen and (min-width: 750px) { 1991 .list-menu__item--link { 1992 padding-bottom: 0.5rem; 1993 padding-top: 0.5rem; 1994 } 1995 } 1996 1997 @media screen and (min-width: 990px) { 1998 .custom-desktop-header__icons { 1999 display: flex; 2000 align-items: center; 2001 } 2002 2003 .custom-desktop-header__icons .desktop-localization-wrapper { 2004 display: flex; 2005 align-items: center; 2006 flex-shrink: 0; 2007 margin-right: 0.4rem; 2008 } 2009 2010 .custom-desktop-header__icons .localization-form { 2011 padding: 0; 2012 } 2013 } 2014 2015 /* ========================================================= 2016 Search modal stability 2017 - One shared Dawn search instance for desktop/mobile 2018 - Preserves icon order and all custom header UI 2019 - Restores Dawn's full-width search layer positioning 2020 ========================================================= */ 2021 2022 .header-wrapper { 2023 --custom-search-layer-height: 6rem; 2024 } 2025 2026 .section-header.custom-search-open, 2027 .header-wrapper.is-custom-search-open { 2028 z-index: 1000 !important; 2029 } 2030 2031 .custom-desktop-header { 2032 position: static !important; 2033 } 2034 2035 .custom-desktop-header .header__search, 2036 .custom-desktop-header .header__search > details { 2037 position: static !important; 2038 } 2039 2040 .custom-desktop-header .search-modal { 2041 position: absolute !important; 2042 top: 0 !important; 2043 right: 0 !important; 2044 bottom: auto !important; 2045 left: 0 !important; 2046 width: 100% !important; 2047 min-width: 100% !important; 2048 height: var(--custom-search-layer-height) !important; 2049 min-height: var(--custom-search-layer-height) !important; 2050 transform: none !important; 2051 z-index: 500 !important; 2052 } 2053 2054 .custom-desktop-header .search-modal__content { 2055 width: 100% !important; 2056 height: 100% !important; 2057 max-width: none !important; 2058 margin: 0 !important; 2059 } 2060 2061 .header-wrapper.is-custom-search-open .custom-desktop-header__menu-row, 2062 .header-wrapper.is-custom-search-open .custom-mobile-header__menu-row { 2063 display: none !important; 2064 } 2065 2066 .header-wrapper.is-custom-search-open .custom-desktop-nav__dropdown, 2067 .header-wrapper.is-custom-search-open .custom-desktop-menu__panel, 2068 .header-wrapper.is-custom-search-open .custom-mobile-nav__dropdown { 2069 display: none !important; 2070 } 2071 2072 @media screen and (min-width: 990px) { 2073 .custom-desktop-header 2074 .header__icons.mobile-default-header__icons.custom-desktop-header__icons { 2075 display: flex !important; 2076 } 2077 2078 .custom-desktop-header__icons { 2079 position: static !important; 2080 } 2081 2082 .custom-desktop-header__icons .desktop-localization-wrapper, 2083 .custom-desktop-header__icons localization-form, 2084 .custom-desktop-header__icons .localization-form, 2085 .custom-desktop-header__icons .disclosure { 2086 position: relative !important; 2087 z-index: 101 !important; 2088 } 2089 2090 .custom-desktop-header__icons .shopify-app-block { 2091 display: none !important; 2092 } 2093 } 2094 2095 @media screen and (max-width: 989px) { 2096 .custom-desktop-header 2097 .header__icons.mobile-default-header__icons.custom-desktop-header__icons { 2098 display: flex !important; 2099 transform: none !important; 2100 margin-right: calc(-1 * var(--mobile-icons-shift-x)) !important; 2101 } 2102 2103 .mobile-default-header__icons .header__search summary .header__icon-close { 2104 display: none !important; 2105 } 2106 2107 .mobile-default-header__icons .header__search details[open] summary .header__icon-close { 2108 display: inline-flex !important; 2109 } 2110 } 2111 2112</style><style data-shopify>.header { 2113 padding: 10px 3rem 10px 3rem; 2114 } 2115 2116 .section-header { 2117 position: sticky; 2118 margin-bottom: 0px; 2119 } 2120 2121 @media screen and (min-width: 750px) { 2122 .section-header { 2123 margin-bottom: 0px; 2124 } 2125 } 2126 2127 @media screen and (min-width: 990px) { 2128 .header { 2129 padding-top: 20px; 2130 padding-bottom: 20px; 2131 } 2132 }</style>
2132<script src="//minipetmall.co.kr/cdn/shop/t/2/assets/cart-notification.js?v=133508293167896966491783600622" defer="defer"></script>
2132 2133 2134<sticky-header 2135 2136 data-sticky-type="reduce-logo-size" 2137 2138 class="header-wrapper color-scheme-1 gradient" 2139><header class="header custom-desktop-header header--top-center header--mobile-center page-width header--has-menu header--has-social header--has-account"> 2140<header-drawer 2141 data-breakpoint="tablet" 2142> 2143 <details 2144 id="Details-menu-drawer-container" 2145 class="menu-drawer-container" 2146 > 2147 <summary 2148 class="header__icon header__icon--menu header__icon--summary link focus-inset" 2149 aria-label="ë©ë´" 2150 > 2151 <span><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-hamburger" viewBox="0 0 18 16"><path fill="currentColor" d="M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5"/></svg> 2152<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 2153</span> 2154 </summary> 2155 2156 <div 2157 id="menu-drawer" 2158 class="gradient menu-drawer motion-reduce color-scheme-1" 2159 > 2160 <div class="menu-drawer__inner-container"> 2161 <div class="menu-drawer__navigation-container"> 2162 <nav class="menu-drawer__navigation"> 2163 <ul 2164 class="menu-drawer__menu has-submenu list-menu" 2165 role="list" 2166 ><li><details id="Details-menu-drawer-menu-item-1"> 2167 <summary 2168 id="HeaderDrawer-about-minipet" 2169 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 2170 > 2171 ABOUT MINIPET 2172 2173 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
2173ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 2174</span> 2175 2176 <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 2177</span> 2178 </summary> 2179 2180 <div 2181 id="link-about-minipet" 2182 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2183 tabindex="-1" 2184 > 2185 <div class="menu-drawer__inner-submenu"> 2186 <button 2187 type="button" 2188 class="menu-drawer__close-button link link--text focus-inset" 2189 aria-expanded="true" 2190 > 2191 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
2191ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 2192</span> 2193 2194 ABOUT MINIPET 2195 </button> 2196 2197 <ul 2198 class="menu-drawer__menu list-menu" 2199 role="list" 2200 tabindex="-1" 2201 ><li><a 2202 id="HeaderDrawer-about-minipet-ceo-message" 2203 href="/pages/ceo-message" 2204 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 2205 2206 > 2207 CEO Message 2208 </a></li><li><a 2209 id="HeaderDrawer-about-minipet-about-us" 2210 href="/pages/about-us" 2211 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 2212 2213 > 2214 About Us 2215 </a></li><li><a 2216 id="HeaderDrawer-about-minipet-our-team" 2217 href="/pages/our-team" 2218 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 2219 2220 > 2221 Our Team 2222 </a></li></ul> 2223 </div> 2224 </div> 2225 </details></li><li><details id="Details-menu-drawer-menu-item-2"> 2226 <summary 2227 id="HeaderDrawer-ë¶ììì¤í " 2228 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 2229 > 2230 ë¶ììì¤í 2231 2232 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
2232ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 2233</span> 2234 2235 <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 2236</span> 2237 </summary> 2238 2239 <div 2240 id="link-ë¶ììì¤í " 2241 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2242 tabindex="-1" 2243 > 2244 <div class="menu-drawer__inner-submenu"> 2245 <button 2246 type="button" 2247 class="menu-drawer__close-button link link--text focus-inset" 2248 aria-expanded="true" 2249 > 2250 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
2250ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 2251</span> 2252 2253 ë¶ììì¤í 2254 </button> 2255 2256 <ul 2257 class="menu-drawer__menu list-menu" 2258 role="list" 2259 tabindex="-1" 2260 ><li><a 2261 id="HeaderDrawer-ë¶ììì¤í -ì¬íê´ë¦¬" 2262 href="/pages/aftercare" 2263 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 2264 2265 > 2266 ì¬íê´ë¦¬ 2267 </a></li><li><a 2268 id="HeaderDrawer-ë¶ììì¤í -ë¶ììì¤í " 2269 href="/pages/adoption-process" 2270 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 2271 2272 > 2273 ë¶ììì¤í 2274 </a></li><li><a 2275 id="HeaderDrawer-ë¶ììì¤í -ìì¬ë°°ì¡" 2276 href="/pages/safe-delivery" 2277 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 2278 2279 > 2280 ìì¬ë°°ì¡ 2281 </a></li></ul> 2282 </div> 2283 </div> 2284 </details></li><li><details id="Details-menu-drawer-menu-item-3"> 2285 <summary 2286 id="HeaderDrawer-minipet-ð¶" 2287 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 2288 > 2289 MINIPET ð¶ 2290 2291 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
2291ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 2292</span> 2293 2294 <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 2295</span> 2296 </summary> 2297 2298 <div 2299 id="link-minipet-ð¶" 2300 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2301 tabindex="-1" 2302 > 2303 <div class="menu-drawer__inner-submenu"> 2304 <button 2305 type="button" 2306 class="menu-drawer__close-button link link--text focus-inset" 2307 aria-expanded="true" 2308 > 2309 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
2309ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 2310</span> 2311 2312 MINIPET ð¶ 2313 </button> 2314 2315 <ul 2316 class="menu-drawer__menu list-menu" 2317 role="list" 2318 tabindex="-1" 2319 ><li><a 2320 id="HeaderDrawer-minipet-ð¶-ì 체보기-minipet" 2321 href="/collections/view-all-mini-pet" 2322 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 2323 2324 > 2325 ì 체보기 (minipet) 2326 </a></li><li><a 2327 id="HeaderDrawer-minipet-ð¶-í리미ì-minipet" 2328 href="/collections/premium-mini-pet" 2329 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 2330 2331 > 2332 í리미ì (minipet) 2333 </a></li></ul> 2334 </div> 2335 </div> 2336 </details></li><li><details id="Details-menu-drawer-menu-item-4"> 2337 <summary 2338 id="HeaderDrawer-minicat-ð±" 2339 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 2340 > 2341 MINICAT ð± 2342 2343 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
2343ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 2344</span> 2345 2346 <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 2347</span> 2348 </summary> 2349 2350 <div 2351 id="link-minicat-ð±" 2352 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2353 tabindex="-1" 2354 > 2355 <div class="menu-drawer__inner-submenu"> 2356 <button 2357 type="button" 2358 class="menu-drawer__close-button link link--text focus-inset" 2359 aria-expanded="true" 2360 > 2361 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
2361ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 2362</span> 2363 2364 MINICAT ð± 2365 </button> 2366 2367 <ul 2368 class="menu-drawer__menu list-menu" 2369 role="list" 2370 tabindex="-1" 2371 ><li><a 2372 id="HeaderDrawer-minicat-ð±-ì 체보기-minicat" 2373 href="/collections/view-all-mini-cat" 2374 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 2375 2376 > 2377 ì 체보기 (minicat) 2378 </a></li><li><a 2379 id="HeaderDrawer-minicat-ð±-í리미ì-mini-cat" 2380 href="/collections/premium-mini-cat" 2381 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 2382 2383 > 2384 í리미ì (mini cat) 2385 </a></li></ul> 2386 </div> 2387 </div> 2388 </details></li><li><a 2389 id="HeaderDrawer-overseas-adoption" 2390 href="/pages/overseas-adoption" 2391 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 2392 2393 > 2394 OVERSEAS ADOPTION 2395 </a></li><li><details id="Details-menu-drawer-menu-item-6"> 2396 <summary 2397 id="HeaderDrawer-ì§ì -ìë´" 2398 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 2399 > 2400 ì§ì ìë´ 2401 2402 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
2402ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 2403</span> 2404 2405 <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 2406</span> 2407 </summary> 2408 2409 <div 2410 id="link-ì§ì -ìë´" 2411 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2412 tabindex="-1" 2413 > 2414 <div class="menu-drawer__inner-submenu"> 2415 <button 2416 type="button" 2417 class="menu-drawer__close-button link link--text focus-inset" 2418 aria-expanded="true" 2419 > 2420 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
2420ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 2421</span> 2422 2423 ì§ì ìë´ 2424 </button> 2425 2426 <ul 2427 class="menu-drawer__menu list-menu" 2428 role="list" 2429 tabindex="-1" 2430 ><li><a 2431 id="HeaderDrawer-ì§ì -ìë´-ê°ë¨-ì§ìì " 2432 href="/pages/gangnam-store" 2433 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 2434 2435 > 2436 ê°ë¨ ì§ìì 2437 </a></li><li><a 2438 id="HeaderDrawer-ì§ì -ìë´-ì±ì-본ì " 2439 href="/pages/seongsu-main-store" 2440 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 2441 2442 > 2443 ì±ì 본ì 2444 </a></li><li><a 2445 id="HeaderDrawer-ì§ì -ìë´-ë¶ì²-ì§ìì " 2446 href="/pages/bucheon-store" 2447 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 2448 2449 > 2450 ë¶ì² ì§ìì 2451 </a></li><li><a 2452 id="HeaderDrawer-ì§ì -ìë´-ìì-ì§ìì " 2453 href="/pages/suwon-store" 2454 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 2455 2456 > 2457 ìì ì§ìì 2458 </a></li></ul> 2459 </div> 2460 </div> 2461 </details></li><li><details id="Details-menu-drawer-menu-item-7"> 2462 <summary 2463 id="HeaderDrawer-ì ìí기" 2464 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 2465 > 2466 ì ìí기 2467 2468 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
2468ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 2469</span> 2470 2471 <span class="svg-wrapper"><svg class="icon icon-caret" viewBox="0 0 10 6"><path fill="currentColor" fill-rule="evenodd" d="M9.354.646a.5.5 0 0 0-.708 0L5 4.293 1.354.646a.5.5 0 0 0-.708.708l4 4a.5.5 0 0 0 .708 0l4-4a.5.5 0 0 0 0-.708" clip-rule="evenodd"/></svg> 2472</span> 2473 </summary> 2474 2475 <div 2476 id="link-ì ìí기" 2477 class="menu-drawer__submenu has-submenu gradient motion-reduce" 2478 tabindex="-1" 2479 > 2480 <div class="menu-drawer__inner-submenu"> 2481 <button 2482 type="button" 2483 class="menu-drawer__close-button link link--text focus-inset" 2484 aria-expanded="true" 2485 > 2486 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewB
2486ox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 2487</span> 2488 2489 ì ìí기 2490 </button> 2491 2492 <ul 2493 class="menu-drawer__menu list-menu" 2494 role="list" 2495 tabindex="-1" 2496 ><li><a 2497 id="HeaderDrawer-ì ìí기-celebrity" 2498 href="/blogs/celebrity" 2499 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 2500 2501 > 2502 Celebrity 2503 </a></li><li><a 2504 id="HeaderDrawer-ì ìí기-customer" 2505 href="/blogs/customer" 2506 class="menu-drawer__menu-item link link--text list-menu__item focus-inset" 2507 2508 > 2509 Customer 2510 </a></li></ul> 2511 </div> 2512 </div> 2513 </details></li><li><a 2514 id="HeaderDrawer-faqs" 2515 href="/pages/faqs" 2516 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 2517 2518 > 2519 FAQs 2520 </a></li><li><a 2521 id="HeaderDrawer-미ëí«ì¼ì" 2522 href="/blogs/minipet-news" 2523 class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active" 2524 2525 aria-current="page" 2526 2527 > 2528 미ëí«ì¼ì 2529 </a></li><li><a 2530 id="HeaderDrawer-ë°ë ¤ì§ì백과" 2531 href="/blogs/pet-care-encyclopedia" 2532 class="menu-drawer__menu-item list-menu__item link link--text focus-inset" 2533 2534 > 2535 ë°ë ¤ì§ì백과 2536 </a></li></ul> 2537 </nav> 2538 2539 <div class="menu-drawer__utility-links"><a 2540 href="https://minipetmall.co.kr/customer_authentication/redirect?locale=ko®ion_country=KR" 2541 class="menu-drawer__account link focus-inset h5 medium-hide large-up-hide" 2542 rel="nofollow" 2543 ><account-icon><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg> 2544</span></account-icon>ë¡ê·¸ì¸</a><ul 2545 class="list list-social list-unstyled" 2546 role="list" 2547 ><li class="list-social__item"> 2548 <a 2549 href="https://www.instagram.com/koreateacuppuppies/" 2550 class="list-social__link link" 2551 > 2552 <span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg> 2553</span> 2554
2555 <span class="visually-hidden">Instagram</span> 2556 </a> 2557 </li><li class="list-social__item"> 2558 <a 2559 href="https://www.youtube.com/@koreateacuppuppies9358" 2560 class="list-social__link link" 2561 > 2562 <span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg> 2563</span> 2564 2565 <span class="visually-hidden">YouTube</span> 2566 </a> 2567 </li></ul> 2568 </div> 2569 </div> 2570 </div> 2571 </div> 2572 </details> 2573</header-drawer><a href="/" class="header__heading-link link link--text focus-inset"><div class="header__heading-logo-wrapper"> 2574 2575 <img src="//minipetmall.co.kr/cdn/shop/files/imgi_4_a7dd5492b2b45e08afd26607f81898ea.png?v=1783601436&width=600" alt="Minipet_KR" srcset="//minipetmall.co.kr/cdn/shop/files/imgi_4_a7dd5492b2b45e08afd26607f81898ea.png?v=1783601436&width=140 140w, //minipetmall.co.kr/cdn/shop/files/imgi_4_a7dd5492b2b45e08afd26607f81898ea.png?v=1783601436&width=210 210w, //minipetmall.co.kr/cdn/shop/files/imgi_4_a7dd5492b2b45e08afd26607f81898ea.png?v=1783601436&width=280 280w" width="140" height="54.44444444444444" loading="eager" class="header__heading-logo motion-reduce" sizes="(min-width: 750px) 140px, 50vw"> 2576 </div></a><div class="header__icons mobile-default-header__icons custom-desktop-header__icons"> 2577 <div class="desktop-localization-wrapper"></div> 2578 2579 <a 2580 href="/cart" 2581 class="header__icon header__icon--cart link focus-inset custom-header-icon custom-header-icon--cart" 2582 id="cart-icon-bubble" 2583 > 2584 2585 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-cart-empty" viewBox="0 0 40 40"><path fill="currentColor" fill-rule="evenodd" d="M15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33L28.4 11.8zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1-9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z"/></svg> 2586</span> 2587 2588 2589 <span class="visually-hidden">ì¹´í¸</span></a><a 2590 href="https://minipetmall.co.kr/customer_authentication/redirect?locale=ko®ion_country=KR" 2591 class="header__icon header__icon--account link focus-inset custom-header-icon custom-header-icon--account" 2592 rel="nofollow" 2593 ><account-icon><span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-account" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M6 4.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-4a4 4 0 1 0 0 8 4 4 0 0 0 0-8m5.58 12.15c1.12.82 1.83 2.24 1.91 4.85H1.51c.08-2.6.79-4.03 1.9-4.85C4.66 11.75 6.5 11.5 9 11.5s4.35.26 5.58 1.15M9 10.5c-2.5 0-4.65.24-6.17 1.35C1.27 12.98.5 14.93.5 18v.5h17V18c0-3.07-.77-5.02-2.33-6.15-1.52-1.1-3.67-1.35-6.17-1.35" clip-rule="evenodd"/></svg> 2594</span></account-icon><span class="visually-hidden">ë¡ê·¸ì¸</span> 2595 </a> 2596 2597<details-modal class="header__search"> 2598 <details> 2599 <summary 2600 class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" 2601 aria-haspopup="dialog" 2602 aria-label="ê²ì" 2603 > 2604 <span> 2605 <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg> 2606</span> 2607 <span class="svg-wrapper header__icon-close"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17">
2607<path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 2608</span> 2609 </span> 2610 </summary> 2611 <div 2612 class="search-modal modal__content gradient" 2613 role="dialog" 2614 aria-modal="true" 2615 aria-label="ê²ì" 2616 > 2617 <div class="modal-overlay"></div> 2618 <div 2619 class="search-modal__content search-modal__content-bottom" 2620 tabindex="-1" 2621 ><search-form class="search-modal__form"><form action="/search" method="get" role="search" class="search search-modal__form"> 2622 <div class="field"> 2623 <input 2624 class="search__input field__input" 2625 id="Search-In-Modal" 2626 type="search" 2627 name="q" 2628 value="" 2629 placeholder="ê²ì"> 2630 <label class="field__label" for="Search-In-Modal">ê²ì</label> 2631 <input type="hidden" name="options[prefix]" value="last"> 2632 <button 2633 type="reset" 2634 class="reset__button field__button hidden" 2635 aria-label="ê²ìì´ ì§ì°ê¸°" 2636 > 2637 <span class="svg-wrapper"><svg fill="none" stroke="currentColor" class="icon icon-close" viewBox="0 0 18 18"><circle cx="9" cy="9" r="8.5" stroke-opacity=".2"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.83 11.83 6.172 6.17M6.229 11.885l5.544-5.77"/></svg> 2638</span> 2639 </button> 2640 <button class="search__button field__button" aria-label="ê²ì"> 2641 <span class="svg-wrapper"><svg fill="none" class="icon icon-search" viewBox="0 0 18 19"><path fill="currentColor" fill-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 1 1 2.85 3.5a5.784 5.784 0 0 1 8.18 8.18m.26 1.12a6.78 6.78 0 1 1 .72-.7l5.4 5.4a.5.5 0 1 1-.71.7z" clip-rule="evenodd"/></svg> 2642</span> 2643 </button> 2644 </div></form></search-form><button 2645 type="button" 2646 class="search-modal__close-button modal__close-button link link--text focus-inset" 2647 aria-label="ë«ê¸°" 2648 > 2649 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-close" viewBox="0 0 18 17"><path fill="currentColor" d="M.865 15.978a.5.5 0 0 0 .707.707l7.433-7.431 7.579 7.282a.501.501 0 0 0 .846-.37.5.5 0 0 0-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 1 0-.707-.708L8.991 7.853 1.413.573a.5.5 0 1 0-.693.72l7.563 7.268z"/></svg> 2650</span> 2651 </button> 2652 </div> 2653 </div> 2654 </details> 2655</details-modal> 2656 2657 </div><mobile-menu-nav class="custom-mobile-header__menu-row"> 2658 <nav class="custom-mobile-nav__viewport" aria-label="Mobile main menu"> 2659 <ul class="custom-mobile-nav__list list-unstyled" role="list"><li class="custom-mobile-nav__item custom-mobile-nav__item--has-dropdown"><button 2660 type="button" 2661 class="custom-mobile-nav__link custom-mobile-nav__button link link--text focus-inset" 2662 aria-expanded="false" 2663 aria-controls="MobileMenuPanel-sections--27946631364971__header-1" 2664 data-mobile-menu-trigger 2665 >ABOUT MINIPET</button> 2666 2667 <div 2668 id="MobileMenuPanel-sections--27946631364971__header-1" 2669 class="custom-mobile-nav__dropdown color-scheme-1 gradient" 2670 data-mobile-menu-panel 2671 > 2672 <ul class="custom-mobile-nav__dropdown-list list-unstyled" role="list"><li class="custom-mobile-nav__dropdown-item"> 2673 <a 2674 href="/pages/ceo-message" 2675 draggable="false" 2676 class="custom-mobile-nav__dropdown-link link link--text" 2677 2678 > 2679 CEO Message 2680 </a></li><li class="custom-mobile-nav__dropdown-item"> 2681 <a 2682 href="/pages/about-us" 2683 draggable="false" 2684 class="custom-mobile-nav__dropdown-link link link--text" 2685 2686 > 2687 About Us 2688 </a></li><li class="custom-mobile-nav__dropdown-item"> 2689 <a 2690 href="/pages/our-team" 2691 draggable="false" 2692 class="custom-mobile-nav__dropdown-link link link--text" 2693 2694 > 2695 Our Team 2696 </a></li></ul> 2697 </div></li><li class="custom-mobile-nav__item custom-mobile-nav__item--has-dropdown"><button 2698 type="button" 2699 class="custom-mobile-nav__link custom-mobile-nav__button link link--text focus-inset" 2700 aria-expanded="false" 2701 aria-controls="MobileMenuPanel-sections--27946631364971__header-2" 2702 data-mobile-menu-trigger 2703 >ë¶ììì¤í </button> 2704 2705 <div 2706 id="MobileMenuPanel-sections--27946631364971__header-2" 2707 class="custom-mobile-nav__dropdown color-scheme-1 gradient" 2708 data-mobile-menu-panel 2709 > 2710 <ul class="custom-mobile-nav__dropdown-list list-unstyled" role="list"><li class="custom-mobile-nav__dropdown-item"> 2711 <a 2712 href="/pages/aftercare" 2713 draggable="false" 2714 class="custom-mobile-nav__dropdown-link link link--text" 2715 2716 > 2717 ì¬íê´ë¦¬ 2718 </a></li><li class="custom-mobile-nav__dropdown-item"> 2719 <a 2720 href="/pages/adoption-process" 2721 draggable="false" 2722 class="custom-mobile-nav__dropdown-link link link--text" 2723 2724 > 2725 ë¶ììì¤í 2726 </a></li><li class="custom-mobile-nav__dropdown-item"> 2727 <a 2728 href="/pages/safe-delivery" 2729 draggable="false" 2730 class="custom-mobile-nav__dropdown-link link link--text" 2731 2732 > 2733 ìì¬ë°°ì¡ 2734 </a></li></ul> 2735 </div></li><li class="custom-mobile-nav__item custom-mobile-nav__item--has-dropdown"><button 2736 type="button" 2737 class="custom-mobile-nav__link custom-mobile-nav__button link link--text focus-inset" 2738 aria-expanded="false" 2739 aria-controls="MobileMenuPanel-sections--27946631364971__header-3" 2740 data-mobile-menu-trigger 2741 >MINIPET ð¶</button> 2742 2743 <div 2744 id="MobileMenuPanel-sections--27946631364971__header-3" 2745 class="custom-mobile-nav__dropdown color-scheme-1 gradient" 2746 data-mobile-menu-panel 2747 > 2748 <ul class="custom-mobile-nav__dropdown-list list-unstyled" role="list"><li class="custom-mobile-nav__dropdown-item"> 2749 <a 2750 href="/collections/view-all-mini-pet" 2751 draggable="false" 2752 class="custom-mobile-nav__dropdown-link link link--text" 2753 2754 > 2755 ì 체보기 (minipet) 2756 </a></li><li class="custom-mobile-nav__dropdown-item"> 2757 <a 2758 href="/collections/premium-mini-pet" 2759 draggable="false" 2760 class="custom-mobile-nav__dropdown-link link link--text" 2761 2762 > 2763 í리미ì (minipet) 2764 </a></li></ul> 2765 </div></li><li class="custom-mobile-nav__item custom-mobile-nav__item--has-dropdown"><button 2766 type="button" 2767 class="custom-mobile-nav__link custom-mobile-nav__button link link--text focus-inset" 2768 aria-expanded="false" 2769 aria-controls="MobileMenuPanel-sections--27946631364971__header-4" 2770 data-mobile-menu-trigger 2771 >MINICAT ð±</button> 2772 2773 <div 2774 id="MobileMenuPanel-sections--27946631364971__header-4" 2775 class="custom-mobile-nav__dropdown color-scheme-1 gradient" 2776 data-mobile-menu-panel 2777 > 2778 <ul class="custom-mobile-nav__dropdown-list list-unstyled" role="list"><li class="custom-mobile-nav__dropdown-item"> 2779 <a 2780 href="/collections/view-all-mini-cat" 2781 draggable="false" 2782 class="custom-mobile-nav__dropdown-link link link--text" 2783 2784 > 2785 ì 체보기 (minicat) 2786 </a></li><li class="custom-mobile-nav__dropdown-item"> 2787 <a 2788 href="/collections/premium-mini-cat" 2789 draggable="false" 2790 class="custom-mobile-nav__dropdown-link link link--text" 2791 2792 > 2793 í리미ì (mini cat) 2794 </a></li></ul> 2795 </div></li><li class="custom-mobile-nav__item"><a 2796 href="/pages/overseas-adoption" 2797 draggable="false" 2798 class="custom-mobile-nav__link link link--text focus-inset" 2799 2800 >OVERSEAS ADOPTION</a></li><li class="custom-mobile-nav__item custom-mobile-nav__item--has-dropdown"><button 2801 type="button" 2802 class="custom-mobile-nav__link custom-mobile-nav__button link link--text focus-inset" 2803 aria-expanded="false" 2804 aria-controls="MobileMenuPanel-sections--27946631364971__header-6" 2805 data-mobile-menu-trigger 2806 >ì§ì ìë´</button> 2807 2808 <div 2809 id="MobileMenuPanel-sections--27946631364971__header-6" 2810 class="custom-mobile-nav__dropdown color-scheme-1 gradient" 2811 data-mobile-menu-panel 2812 > 2813 <ul class="custom-mobile-nav__dropdown-list list-unstyled" role="list"><li class="custom-mobile-nav__dropdown-item"> 2814 <a 2815 href="/pages/gangnam-store" 2816 draggable="false" 2817 class="custom-mobile-nav__dropdown-link link link--text" 2818 2819 > 2820 ê°ë¨ ì§ìì 2821 </a></li><li class="custom-mobile-nav__dropdown-item"> 2822 <a 2823 href="/pages/seongsu-main-store" 2824 draggable="false" 2825 class="custom-mobile-nav__dropdown-link link link--text" 2826 2827 >
2828 ì±ì 본ì 2829 </a></li><li class="custom-mobile-nav__dropdown-item"> 2830 <a 2831 href="/pages/bucheon-store" 2832 draggable="false" 2833 class="custom-mobile-nav__dropdown-link link link--text" 2834 2835 > 2836 ë¶ì² ì§ìì 2837 </a></li><li class="custom-mobile-nav__dropdown-item"> 2838 <a 2839 href="/pages/suwon-store" 2840 draggable="false" 2841 class="custom-mobile-nav__dropdown-link link link--text" 2842 2843 > 2844 ìì ì§ìì 2845 </a></li></ul> 2846 </div></li><li class="custom-mobile-nav__item custom-mobile-nav__item--has-dropdown"><button 2847 type="button" 2848 class="custom-mobile-nav__link custom-mobile-nav__button link link--text focus-inset" 2849 aria-expanded="false" 2850 aria-controls="MobileMenuPanel-sections--27946631364971__header-7" 2851 data-mobile-menu-trigger 2852 >ì ìí기</button> 2853 2854 <div 2855 id="MobileMenuPanel-sections--27946631364971__header-7" 2856 class="custom-mobile-nav__dropdown color-scheme-1 gradient" 2857 data-mobile-menu-panel 2858 > 2859 <ul class="custom-mobile-nav__dropdown-list list-unstyled" role="list"><li class="custom-mobile-nav__dropdown-item"> 2860 <a 2861 href="/blogs/celebrity" 2862 draggable="false" 2863 class="custom-mobile-nav__dropdown-link link link--text" 2864 2865 > 2866 Celebrity 2867 </a></li><li class="custom-mobile-nav__dropdown-item"> 2868 <a 2869 href="/blogs/customer" 2870 draggable="false" 2871 class="custom-mobile-nav__dropdown-link link link--text" 2872 2873 > 2874 Customer 2875 </a></li></ul> 2876 </div></li><li class="custom-mobile-nav__item"><a 2877 href="/pages/faqs" 2878 draggable="false" 2879 class="custom-mobile-nav__link link link--text focus-inset" 2880 2881 >FAQs</a></li><li class="custom-mobile-nav__item"><a 2882 href="/blogs/minipet-news" 2883 draggable="false" 2884 class="custom-mobile-nav__link link link--text focus-inset custom-mobile-nav__link--active" 2885 2886 aria-current="page" 2887 2888 >미ëí«ì¼ì</a></li><li class="custom-mobile-nav__item"><a 2889 href="/blogs/pet-care-encyclopedia" 2890 draggable="false" 2891 class="custom-mobile-nav__link link link--text focus-inset" 2892 2893 >ë°ë ¤ì§ì백과</a></li></ul> 2894 </nav> 2895 </mobile-menu-nav><div class="custom-desktop-header__menu-row"> 2896 <div class="custom-desktop-header__menu-group"> 2897 <desktop-header-menu class="custom-desktop-menu"> 2898 <details class="custom-desktop-menu__details"> 2899 <summary 2900 class="custom-desktop-menu__summary header__icon header__icon--menu link focus-inset" 2901 aria-label="Open menu" 2902 aria-expanded="false" 2903 > 2904 <span class="svg-wrapper custom-desktop-menu__icon custom-desktop-menu__icon--open"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-hamburger" viewBox="0 0 18 16"><path fill="currentColor" d="M1 .5a.5.5 0 1 0 0 1h15.71a.5.5 0 0 0 0-1zM.5 8a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1A.5.5 0 0 1 .5 8m0 7a.5.5 0 0 1 .5-.5h15.71a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5"/></svg> 2905</span> 2906
2907 <span 2908 class="custom-desktop-menu__icon custom-desktop-menu__icon--close" 2909 aria-hidden="true" 2910 ></span> 2911 </summary> 2912 2913 <div 2914 class="custom-desktop-menu__panel color-scheme-1 gradient" 2915 tabindex="-1" 2916 > 2917 <div class="custom-desktop-menu__inner"> 2918 <ul class="custom-desktop-menu__list list-unstyled" role="list"><li class="custom-desktop-menu__column"> 2919 <a 2920 href="/pages/ceo-message" 2921 draggable="false" 2922 class="custom-desktop-menu__heading link link--text" 2923 2924 > 2925 ABOUT MINIPET 2926 </a><ul class="custom-desktop-menu__children list-unstyled" role="list"><li class="custom-desktop-menu__child-item"> 2927 <a 2928 href="/pages/ceo-message" 2929 draggable="false" 2930 class="custom-desktop-menu__child-link link link--text" 2931 2932 > 2933 CEO Message 2934 </a></li><li class="custom-desktop-menu__child-item"> 2935 <a 2936 href="/pages/about-us" 2937 draggable="false" 2938 class="custom-desktop-menu__child-link link link--text" 2939 2940 > 2941 About Us 2942 </a></li><li class="custom-desktop-menu__child-item"> 2943 <a 2944 href="/pages/our-team" 2945 draggable="false" 2946 class="custom-desktop-menu__child-link link link--text" 2947 2948 > 2949 Our Team 2950 </a></li></ul></li><li class="custom-desktop-menu__column"> 2951 <a 2952 href="/pages/aftercare" 2953 draggable="false" 2954 class="custom-desktop-menu__heading link link--text" 2955 2956 > 2957 ë¶ììì¤í 2958 </a><ul class="custom-desktop-menu__children list-unstyled" role="list"><li class="custom-desktop-menu__child-item"> 2959 <a 2960 href="/pages/aftercare" 2961 draggable="false" 2962 class="custom-desktop-menu__child-link link link--text" 2963 2964 > 2965 ì¬íê´ë¦¬ 2966 </a></li><li class="custom-desktop-menu__child-item"> 2967 <a 2968 href="/pages/adoption-process" 2969 draggable="false" 2970 class="custom-desktop-menu__child-link link link--text" 2971 2972 > 2973 ë¶ììì¤í 2974 </a></li><li class="custom-desktop-menu__child-item"> 2975 <a 2976 href="/pages/safe-delivery" 2977 draggable="false" 2978 class="custom-desktop-menu__child-link link link--text" 2979 2980 > 2981 ìì¬ë°°ì¡ 2982 </a></li></ul></li><li class="custom-desktop-menu__column"> 2983 <a 2984 href="#" 2985 draggable="false" 2986 class="custom-desktop-menu__heading link link--text" 2987 2988 > 2989 MINIPET ð¶ 2990 </a><ul class="custom-desktop-menu__children list-unstyled" role="list"><li class="custom-desktop-menu__child-item"> 2991 <a 2992 href="/collections/view-all-mini-pet" 2993 draggable="false" 2994 class="custom-desktop-menu__child-link link link--text" 2995 2996 > 2997 ì 체보기 (minipet) 2998 </a></li><li class="custom-desktop-menu__child-item"> 2999 <a 3000 href="/collections/premium-mini-pet" 3001 draggable="false" 3002 class="custom-desktop-menu__child-link link link--text" 3003 3004 > 3005 í리미ì (minipet) 3006 </a></li></ul></li><li class="custom-desktop-menu__column"> 3007 <a 3008 href="#" 3009 draggable="false" 3010 class="custom-desktop-menu__heading link link--text" 3011 3012 > 3013 MINICAT ð± 3014 </a><ul class="custom-desktop-menu__children list-unstyled" role="list"><li class="custom-desktop-menu__child-item"> 3015 <a 3016 href="/collections/view-all-mini-cat" 3017 draggable="false" 3018 class="custom-desktop-menu__child-link link link--text" 3019 3020 > 3021 ì 체보기 (minicat) 3022 </a></li><li class="custom-desktop-menu__child-item"> 3023 <a 3024 href="/collections/premium-mini-cat" 3025 draggable="false" 3026 class="custom-desktop-menu__child-link link link--text" 3027 3028 > 3029 í리미ì (mini cat) 3030 </a></li></ul></li><li class="custom-desktop-menu__column"> 3031 <a 3032 href="/pages/overseas-adoption" 3033 draggable="false" 3034 class="custom-desktop-menu__heading link link--text" 3035 3036 > 3037 OVERSEAS ADOPTION 3038 </a></li><li class="custom-desktop-menu__column"> 3039 <a 3040 href="/pages/gangnam-store" 3041 draggable="false" 3042 class="custom-desktop-menu__heading link link--text" 3043 3044 > 3045 ì§ì ìë´ 3046 </a><ul class="custom-desktop-menu__children list-unstyled" role="list"><li class="custom-desktop-menu__child-item"> 3047 <a 3048 href="/pages/gangnam-store" 3049 draggable="false" 3050 class="custom-desktop-menu__child-link link link--text" 3051 3052 > 3053 ê°ë¨ ì§ìì 3054 </a></li><li class="custom-desktop-menu__child-item"> 3055 <a 3056 href="/pages/seongsu-main-store" 3057 draggable="false" 3058 class="custom-desktop-menu__child-link link link--text" 3059 3060 >
3061 ì±ì 본ì 3062 </a></li><li class="custom-desktop-menu__child-item"> 3063 <a 3064 href="/pages/bucheon-store" 3065 draggable="false" 3066 class="custom-desktop-menu__child-link link link--text" 3067 3068 > 3069 ë¶ì² ì§ìì 3070 </a></li><li class="custom-desktop-menu__child-item"> 3071 <a 3072 href="/pages/suwon-store" 3073 draggable="false" 3074 class="custom-desktop-menu__child-link link link--text" 3075 3076 > 3077 ìì ì§ìì 3078 </a></li></ul></li><li class="custom-desktop-menu__column"> 3079 <a 3080 href="/blogs/celebrity" 3081 draggable="false" 3082 class="custom-desktop-menu__heading link link--text" 3083 3084 > 3085 ì ìí기 3086 </a><ul class="custom-desktop-menu__children list-unstyled" role="list"><li class="custom-desktop-menu__child-item"> 3087 <a 3088 href="/blogs/celebrity" 3089 draggable="false" 3090 class="custom-desktop-menu__child-link link link--text" 3091 3092 > 3093 Celebrity 3094 </a></li><li class="custom-desktop-menu__child-item"> 3095 <a 3096 href="/blogs/customer" 3097 draggable="false" 3098 class="custom-desktop-menu__child-link link link--text" 3099 3100 > 3101 Customer 3102 </a></li></ul></li><li class="custom-desktop-menu__column"> 3103 <a 3104 href="/pages/faqs" 3105 draggable="false" 3106 class="custom-desktop-menu__heading link link--text" 3107 3108 > 3109 FAQs 3110 </a></li><li class="custom-desktop-menu__column"> 3111 <a 3112 href="/blogs/minipet-news" 3113 draggable="false" 3114 class="custom-desktop-menu__heading link link--text custom-desktop-menu__heading--active" 3115 3116 aria-current="page" 3117 3118 > 3119 미ëí«ì¼ì 3120 </a></li><li class="custom-desktop-menu__column"> 3121 <a 3122 href="/blogs/pet-care-encyclopedia" 3123 draggable="false" 3124 class="custom-desktop-menu__heading link link--text" 3125 3126 > 3127 ë°ë ¤ì§ì백과 3128 </a></li></ul> 3129 </div> 3130 </div> 3131 </details> 3132 </desktop-header-menu> 3133 3134 <desktop-scroll-nav class="custom-desktop-nav"> 3135 <nav class="custom-desktop-nav__viewport" aria-label="Main menu"> 3136 <ul class="custom-desktop-nav__list list-unstyled" role="list"><li class="custom-desktop-nav__item custom-desktop-nav__item--has-dropdown"> 3137 <a 3138 href="/pages/ceo-message" 3139 draggable="false" 3140 class="custom-desktop-nav__link link link--text focus-inset" 3141 3142 >
3142ABOUT MINIPET</a><div class="custom-desktop-nav__dropdown color-scheme-1 gradient"><ul class="custom-desktop-nav__dropdown-list list-unstyled" role="list"><li class="custom-desktop-nav__dropdown-item"> 3143 <a 3144 href="/pages/ceo-message" 3145 draggable="false" 3146 class="custom-desktop-nav__dropdown-link link link--text" 3147 3148 > 3149 CEO Message 3150 </a></li><li class="custom-desktop-nav__dropdown-item"> 3151 <a 3152 href="/pages/about-us" 3153 draggable="false" 3154 class="custom-desktop-nav__dropdown-link link link--text" 3155 3156 > 3157 About Us 3158 </a></li><li class="custom-desktop-nav__dropdown-item"> 3159 <a 3160 href="/pages/our-team" 3161 draggable="false" 3162 class="custom-desktop-nav__dropdown-link link link--text" 3163 3164 > 3165 Our Team 3166 </a></li></ul><div class="custom-desktop-nav__dropdown-image-wrapper"><div class="custom-desktop-nav__dropdown-image-link"> 3167 <img src="//minipetmall.co.kr/cdn/shop/files/49082705-fa8d-4778-91c0-a3eb89f30ae3.jpg?v=1783988885&width=700" alt="ABOUT MINIPET" srcset="//minipetmall.co.kr/cdn/shop/files/49082705-fa8d-4778-91c0-a3eb89f30ae3.jpg?v=1783988885&width=240 240w, //minipetmall.co.kr/cdn/shop/files/49082705-fa8d-4778-91c0-a3eb89f30ae3.jpg?v=1783988885&width=360 360w, //minipetmall.co.kr/cdn/shop/files/49082705-fa8d-4778-91c0-a3eb89f30ae3.jpg?v=1783988885&width=480 480w, //minipetmall.co.kr/cdn/shop/files/49082705-fa8d-4778-91c0-a3eb89f30ae3.jpg?v=1783988885&width=600 600w, //minipetmall.co.kr/cdn/shop/files/49082705-fa8d-4778-91c0-a3eb89f30ae3.jpg?v=1783988885&width=700 700w" width="700" height="364" loading="lazy" class="custom-desktop-nav__dropdown-image" sizes="220px"> 3168 </div></div></div></li><li class="custom-desktop-nav__item custom-desktop-nav__item--has-dropdown"> 3169 <a 3170 href="/pages/aftercare" 3171 draggable="false" 3172 class="custom-desktop-nav__link link link--text focus-inset" 3173 3174 >ë¶ììì¤í </a><div class="custom-desktop-nav__dropdown color-scheme-1 gradient"><ul class="custom-desktop-nav__dropdown-list list-unstyled" role="list"><li class="custom-desktop-nav__dropdown-item"> 3175 <a 3176 href="/pages/aftercare" 3177 draggable="false" 3178 class="custom-desktop-nav__dropdown-link link link--text" 3179 3180 > 3181 ì¬íê´ë¦¬ 3182 </a></li><li class="custom-desktop-nav__dropdown-item"> 3183 <a 3184 href="/pages/adoption-process" 3185 draggable="false" 3186 class="custom-desktop-nav__dropdown-link link link--text" 3187 3188 > 3189 ë¶ììì¤í 3190 </a></li><li class="custom-desktop-nav__dropdown-item"> 3191 <a 3192 href="/pages/safe-delivery" 3193 draggable="false" 3194 class="custom-desktop-nav__dropdown-link link link--text" 3195 3196 > 3197 ìì¬ë°°ì¡ 3198 </a></li></ul></div></li><li class="custom-desktop-nav__item custom-desktop-nav__item--has-dropdown"> 3199 <a 3200 href="#" 3201 draggable="false" 3202 class="custom-desktop-nav__link link link--text focus-inset" 3203 3204 >MINIPET ð¶</a><div class="custom-desktop-nav__dropdown color-scheme-1 gradient"><ul class="custom-desktop-nav__dropdown-list list-unstyled" role="list"><li class="custom-desktop-nav__dropdown-item"> 3205 <a 3206 href="/collections/view-all-mini-pet" 3207 draggable="false" 3208 class="custom-desktop-nav__dropdown-link link link--text" 3209 3210 > 3211 ì 체보기 (minipet) 3212 </a></li><li class="custom-desktop-nav__dropdown-item"> 3213 <a 3214 href="/collections/premium-mini-pet" 3215 draggable="false" 3216 class="custom-desktop-nav__dropdown-link link link--text" 3217 3218 > 3219 í리미ì (minipet) 3220 </a></li></ul></div></li><li class="custom-desktop-nav__item custom-desktop-nav__item--has-dropdown"> 3221 <a 3222 href="#" 3223 draggable="false" 3224 class="custom-desktop-nav__link link link--text focus-inset" 3225 3226 >MINICAT ð±</a><div class="custom-desktop-nav__dropdown color-scheme-1 gradient"><ul class="custom-desktop-nav__dropdown-list list-unstyled" role="list"><li class="custom-desktop-nav__dropdown-item"> 3227 <a 3228 href="/collections/view-all-mini-cat" 3229 draggable="false" 3230 class="custom-desktop-nav__dropdown-link link link--text" 3231 3232 > 3233 ì 체보기 (minicat) 3234 </a></li><li class="custom-desktop-nav__dropdown-item"> 3235 <a 3236 href="/collections/premium-mini-cat" 3237 draggable="false" 3238 class="custom-desktop-nav__dropdown-link link link--text" 3239 3240 > 3241 í리미ì (mini cat) 3242 </a></li></ul></div></li><li class="custom-desktop-nav__item"> 3243 <a 3244 href="/pages/overseas-adoption" 3245 draggable="false" 3246 class="custom-desktop-nav__link link link--text focus-inset" 3247 3248 >OVERSEAS ADOPTION</a></li><li class="custom-desktop-nav__item custom-desktop-nav__item--has-dropdown"> 3249 <a 3250 href="/pages/gangnam-store" 3251 draggable="false" 3252 class="custom-desktop-nav__link link link--text focus-inset" 3253 3254 >ì§ì ìë´</a><div class="custom-desktop-nav__dropdown color-scheme-1 gradient"><ul class="custom-desktop-nav__dropdown-list list-unstyled" role="list"><li class="custom-desktop-nav__dropdown-item"> 3255 <a 3256 href="/pages/gangnam-store" 3257 draggable="false" 3258 class="custom-desktop-nav__dropdown-link link link--text" 3259 3260 > 3261 ê°ë¨ ì§ìì 3262 </a></li><li class="custom-desktop-nav__dropdown-item"> 3263 <a 3264 href="/pages/seongsu-main-store" 3265 draggable="false" 3266 class="custom-desktop-nav__dropdown-link link link--text" 3267 3268 >
3269 ì±ì 본ì 3270 </a></li><li class="custom-desktop-nav__dropdown-item"> 3271 <a 3272 href="/pages/bucheon-store" 3273 draggable="false" 3274 class="custom-desktop-nav__dropdown-link link link--text" 3275 3276 > 3277 ë¶ì² ì§ìì 3278 </a></li><li class="custom-desktop-nav__dropdown-item"> 3279 <a 3280 href="/pages/suwon-store" 3281 draggable="false" 3282 class="custom-desktop-nav__dropdown-link link link--text" 3283 3284 > 3285 ìì ì§ìì 3286 </a></li></ul><div class="custom-desktop-nav__dropdown-image-wrapper"><div class="custom-desktop-nav__dropdown-image-link"> 3287 <img src="//minipetmall.co.kr/cdn/shop/files/ChatGPT_Image_2026_7_13_04_26_40.png?v=1784000399&width=700" alt="ì§ì ìë´" srcset="//minipetmall.co.kr/cdn/shop/files/ChatGPT_Image_2026_7_13_04_26_40.png?v=1784000399&width=240 240w, //minipetmall.co.kr/cdn/shop/files/ChatGPT_Image_2026_7_13_04_26_40.png?v=1784000399&width=360 360w, //minipetmall.co.kr/cdn/shop/files/ChatGPT_Image_2026_7_13_04_26_40.png?v=1784000399&width=480 480w, //minipetmall.co.kr/cdn/shop/files/ChatGPT_Image_2026_7_13_04_26_40.png?v=1784000399&width=600 600w, //minipetmall.co.kr/cdn/shop/files/ChatGPT_Image_2026_7_13_04_26_40.png?v=1784000399&width=700 700w" width="700" height="700" loading="lazy" class="custom-desktop-nav__dropdown-image" sizes="220px"> 3288 </div></div></div></li><li class="custom-desktop-nav__item custom-desktop-nav__item--has-dropdown"> 3289 <a 3290 href="/blogs/celebrity" 3291 draggable="false" 3292 class="custom-desktop-nav__link link link--text focus-inset" 3293 3294 >ì ìí기</a><div class="custom-desktop-nav__dropdown color-scheme-1 gradient"><ul class="custom-desktop-nav__dropdown-list list-unstyled" role="list"><li class="custom-desktop-nav__dropdown-item"> 3295 <a 3296 href="/blogs/celebrity" 3297 draggable="false" 3298 class="custom-desktop-nav__dropdown-link link link--text" 3299 3300 > 3301 Celebrity 3302 </a></li><li class="custom-desktop-nav__dropdown-item"> 3303 <a 3304 href="/blogs/customer" 3305 draggable="false" 3306 class="custom-desktop-nav__dropdown-link link link--text" 3307 3308 > 3309 Customer 3310 </a></li></ul></div></li><li class="custom-desktop-nav__item"> 3311 <a 3312 href="/pages/faqs" 3313 draggable="false" 3314 class="custom-desktop-nav__link link link--text focus-inset" 3315 3316 >FAQs</a></li><li class="custom-desktop-nav__item"> 3317 <a 3318 href="/blogs/minipet-news" 3319 draggable="false" 3320 class="custom-desktop-nav__link link link--text focus-inset custom-desktop-nav__link--active" 3321 3322 aria-current="page" 3323 3324 >미ëí«ì¼ì</a></li><li class="custom-desktop-nav__item"> 3325 <a
3326 href="/blogs/pet-care-encyclopedia" 3327 draggable="false" 3328 class="custom-desktop-nav__link link link--text focus-inset" 3329 3330 >ë°ë ¤ì§ì백과</a></li></ul> 3331 </nav> 3332 </desktop-scroll-nav> 3333 </div> 3334 </div></header> 3335</sticky-header> 3336
3337<script> 3338 (() => { 3339 const mountSearchLayer = (scope = document) => { 3340 const wrappers = Array.from( 3341 scope.querySelectorAll 3342 ? scope.querySelectorAll('.header-wrapper') 3343 : [] 3344 ).filter((wrapper) => wrapper.querySelector('.custom-desktop-header')); 3345 3346 wrappers.forEach((wrapper) => { 3347 if (wrapper.dataset.customSearchLayerReady === 'true') return; 3348 3349 const header = wrapper.querySelector('.custom-desktop-header'); 3350 const searchDetails = Array.from(wrapper.querySelectorAll('.header__search details')); 3351 const sectionHeader = wrapper.closest('.section-header'); 3352 3353 if (!header || searchDetails.length === 0) return; 3354 3355 wrapper.dataset.customSearchLayerReady = 'true'; 3356 3357 const desktopMedia = window.matchMedia('(min-width: 990px)'); 3358 let resizeFrame = null; 3359 3360 const isRendered = (element) => { 3361 if (!element) return false; 3362 3363 const style = window.getComputedStyle(element); 3364 3365 return ( 3366 style.display !== 'none' 3367 && style.visibility !== 'hidden' 3368 && element.getClientRects().length > 0 3369 ); 3370 }; 3371 3372 const getCurrentMenuRow = () => { 3373 return desktopMedia.matches 3374 ? header.querySelector('.custom-desktop-header__menu-row') 3375 : header.querySelector('.custom-mobile-header__menu-row'); 3376 }; 3377 3378 const measureSearchLayerHeight = () => { 3379 const headerRect = header.getBoundingClientRect(); 3380 const menuRow = getCurrentMenuRow(); 3381 let searchLayerHeight = headerRect.height; 3382 3383 if (menuRow && isRendered(menuRow)) { 3384 const menuRect = menuRow.getBoundingClientRect(); 3385 const firstRowHeight = menuRect.top - headerRect.top; 3386 3387 if (firstRowHeight > 0) { 3388 searchLayerHeight = firstRowHeight; 3389 } 3390 } 3391 3392 searchLayerHeight = Math.max(44, Math.ceil(searchLayerHeight)); 3393 wrapper.style.setProperty('--custom-search-layer-height', `${searchLayerHeight}px`); 3394 }; 3395 3396 const updateHeaderHeight = () => { 3397 if (!sectionHeader) return; 3398 3399 document.documentElement.style.setProperty( 3400 '--header-height', 3401 `${sectionHeader.offsetHeight}px` 3402 ); 3403 }; 3404 3405 const closeCustomMenus = () => { 3406 header 3407 .querySelectorAll('.custom-desktop-menu__details[open]') 3408 .forEach((details) => details.removeAttribute('open')); 3409 3410 header 3411 .querySelectorAll('mobile-menu-nav') 3412 .forEach((menu) => { 3413 if (typeof menu.closeAll === 'function') { 3414 menu.closeAll(); 3415 } 3416 }); 3417 }; 3418 3419 const syncSearchState = (sourceDetails = null) => { 3420 if (sourceDetails && sourceDetails.open) { 3421 searchDetails.forEach((details) => { 3422 if (details !== sourceDetails && details.open) { 3423 details.removeAttribute('open'); 3424 } 3425 }); 3426 } 3427 3428 const activeDetails = searchDetails.find((details) => { 3429 const searchRoot = details.closest('.header__search'); 3430 3431 return details.open && isRendered(searchRoot); 3432 }); 3433 3434 if (activeDetails) { 3435 measureSearchLayerHeight(); 3436 closeCustomMenus(); 3437 } 3438 3439 wrapper.classList.toggle('is-custom-search-open', Boolean(activeDetails)); 3440 3441 if (sectionHeader) { 3442 sectionHeader.classList.toggle('custom-search-open', Boolean(activeDetails)); 3443 } 3444 3445 window.requestAnimationFrame(() => { 3446 if (!activeDetails) { 3447 measureSearchLayerHeight(); 3448 } 3449 3450 updateHeaderHeight(); 3451 }); 3452 }; 3453 3454 searchDetails.forEach((details) => { 3455 details.addEventListener('toggle', () => syncSearchState(details)); 3456 }); 3457 3458 const handleResize = () => { 3459 if (resizeFrame) { 3460 window.cancelAnimationFrame(resizeFrame); 3461 } 3462 3463 resizeFrame = window.requestAnimationFrame(() => { 3464 resizeFrame = null; 3465 3466 if (!wrapper.classList.contains('is-custom-search-open')) { 3467 measureSearchLayerHeight(); 3468 } 3469 3470 updateHeaderHeight(); 3471 }); 3472 }; 3473 3474 const handleBreakpointChange = () => {
3475 searchDetails.forEach((details) => { 3476 details.removeAttribute('open'); 3477 }); 3478 3479 syncSearchState(); 3480 3481 window.requestAnimationFrame(() => { 3482 measureSearchLayerHeight(); 3483 updateHeaderHeight(); 3484 }); 3485 }; 3486 3487 window.addEventListener('resize', handleResize, { passive: true }); 3488 desktopMedia.addEventListener('change', handleBreakpointChange); 3489 3490 measureSearchLayerHeight(); 3491 syncSearchState(); 3492 3493 window.requestAnimationFrame(measureSearchLayerHeight); 3494 window.setTimeout(measureSearchLayerHeight, 100); 3495 window.setTimeout(measureSearchLayerHeight, 500); 3496 3497 if (document.fonts && document.fonts.ready) { 3498 document.fonts.ready.then(() => { 3499 measureSearchLayerHeight(); 3500 updateHeaderHeight(); 3501 }); 3502 } 3503 }); 3504 }; 3505 3506 if (!window.customHeaderSearchLayerMounted) { 3507 window.customHeaderSearchLayerMounted = true; 3508 3509 document.addEventListener('shopify:section:load', (event) => { 3510 if (!event || !event.target) return; 3511 3512 mountSearchLayer(event.target); 3513 }); 3514 3515 document.addEventListener('DOMContentLoaded', () => { 3516 mountSearchLayer(document); 3517 }); 3518 } 3519 3520 mountSearchLayer(document); 3521 })(); 3522</script>
3522 3523
3524<script type="application/ld+json"> 3525 { 3526 "@context": "http://schema.org", 3527 "@type": "Organization", 3528 "name": "Minipet_KR", 3529 3530 "logo": "https:\/\/minipetmall.co.kr\/cdn\/shop\/files\/imgi_4_a7dd5492b2b45e08afd26607f81898ea.png?v=1783601436\u0026width=500", 3531 3532 "sameAs": [ 3533 "", 3534 "", 3535 "", 3536 "https:\/\/www.instagram.com\/koreateacuppuppies\/", 3537 "", 3538 "", 3539 "", 3540 "https:\/\/www.youtube.com\/@koreateacuppuppies9358", 3541 "" 3542 ], 3543 "url": "https:\/\/minipetmall.co.kr" 3544 } 3545</script>
3545</div> 3546<!-- END sections: header-group --> 3547 3548 <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> 3549 <section id="shopify-section-template--27946630349163__main" class="shopify-section section"><style data-shopify>#ugx-blog-template--27946630349163__main, 3550 #ugx-blog-template--27946630349163__main * { 3551 box-sizing: border-box; 3552 } 3553 3554 #ugx-blog-template--27946630349163__main { 3555 --ugx-blog-bg: #ffffff; 3556 --ugx-blog-card-bg: #ffffff; 3557 3558 --ugx-blog-page-max: 1400px; 3559 --ugx-blog-pad-x-d: 50px; 3560 --ugx-blog-pad-x-m: 20px; 3561 3562 --ugx-blog-pt-d: 58px; 3563 --ugx-blog-pb-d: 60px; 3564 --ugx-blog-pt-m: 32px; 3565 --ugx-blog-pb-m: 40px; 3566 3567 --ugx-blog-cols-d: 3; 3568 --ugx-blog-cols-m: 1; 3569 3570 --ugx-blog-col-gap-d: 30px; 3571 --ugx-blog-row-gap-d: 36px; 3572 --ugx-blog-col-gap-m: 16px; 3573 --ugx-blog-row-gap-m: 28px; 3574 3575 --ugx-blog-heading-size-d: 28px; 3576 --ugx-blog-heading-size-m: 24px; 3577 --ugx-blog-heading-weight-d: 700; 3578 --ugx-blog-heading-weight-m: 700; 3579 --ugx-blog-heading-color: #111111; 3580 --ugx-blog-heading-gap-d: 90px; 3581 --ugx-blog-heading-gap-m: 40px; 3582 3583 --ugx-blog-title-size-d: 18px; 3584 --ugx-blog-title-size-m: 16px; 3585 --ugx-blog-title-weight-d: 700; 3586 --ugx-blog-title-weight-m: 700; 3587 --ugx-blog-title-color: #000000; 3588 --ugx-blog-title-gap-d: 22px; 3589 --ugx-blog-title-gap-m: 16px; 3590 3591 --ugx-blog-meta-size-d: 13px; 3592 --ugx-blog-meta-size-m: 12px; 3593 --ugx-blog-meta-weight-d: 400; 3594 --ugx-blog-meta-weight-m: 400; 3595 --ugx-blog-meta-color: #666666; 3596 --ugx-blog-meta-gap-d: 8px; 3597 --ugx-blog-meta-gap-m: 6px; 3598 3599 --ugx-blog-image-radius: 7px; 3600 --ugx-blog-hover-scale: 1.06; 3601 --ugx-blog-hover-ms: 620ms; 3602 3603 background: var(--ugx-blog-bg); 3604 padding-top: var(--ugx-blog-pt-m); 3605 padding-bottom: var(--ugx-blog-pb-m); 3606 color: #111111; 3607 } 3608 3609 #ugx-blog-template--27946630349163__main .ugx-blog__page { 3610 width: 100%; 3611 max-width: var(--ugx-blog-page-max); 3612 margin: 0 auto; 3613 padding-left: var(--ugx-blog-pad-x-m); 3614 padding-right: var(--ugx-blog-pad-x-m); 3615 } 3616 3617 #ugx-blog-template--27946630349163__main .ugx-blog__heading { 3618 margin: 0 0 var(--ugx-blog-heading-gap-m); 3619 color: var(--ugx-blog-heading-color); 3620 font-size: var(--ugx-blog-heading-size-m); 3621 font-weight: var(--ugx-blog-heading-weight-m); 3622 line-height: 1.25; 3623 text-align: center; 3624 } 3625 3626 #ugx-blog-template--27946630349163__main .ugx-blog__list { 3627 display: grid; 3628 grid-template-columns: repeat(var(--ugx-blog-cols-m), minmax(0, 1fr)); 3629 gap: var(--ugx-blog-row-gap-m) var(--ugx-blog-col-gap-m); 3630 list-style: none; 3631 margin: 0; 3632 padding: 0; 3633 } 3634 3635 #ugx-blog-template--27946630349163__main .ugx-blog__item { 3636 min-width: 0; 3637 } 3638 3639 #ugx-blog-template--27946630349163__main .ugx-blog-card { 3640 height: 100%; 3641 background: var(--ugx-blog-card-bg); 3642 } 3643 3644 #ugx-blog-template--27946630349163__main .ugx-blog-card__image-link { 3645 display: block; 3646 overflow: hidden; 3647 border-radius: var(--ugx-blog-image-radius); 3648 background: #f3f3f3; 3649 text-decoration: none; 3650 } 3651 3652 #ugx-blog-template--27946630349163__main .ugx-blog-card__image-media { 3653 position: relative; 3654 width: 100%; 3655 overflow: hidden; 3656 border-radius: inherit; 3657 }#ugx-blog-template--27946630349163__main .ugx-blog-card__image-media { 3658 aspect-ratio: 4 / 3; 3659 } 3660 3661 #ugx-blog-template--27946630349163__main .ugx-blog-card__image, 3662 #ugx-blog-template--27946630349163__main .ugx-blog-card__placeholder svg { 3663 position: absolute; 3664 inset: 0; 3665 width: 100% !important; 3666 height: 100% !important; 3667 display: block; 3668 object-fit: cover; 3669 object-position: center; 3670 }#ugx-blog-template--27946630349163__main .ugx-blog-card__image { 3671 transform: scale(1); 3672 transform-origin: center center; 3673 transition: transform var(--ugx-blog-hover-ms) cubic-bezier(0.22, 1, 0.36, 1); 3674 will-change: transform; 3675 } 3676 3677 #ugx-blog-template--27946630349163__main .ugx-blog-card__image-link:hover .ugx-blog-card__image { 3678 transform: scale(var(--ugx-blog-hover-scale)); 3679 } 3680 3681 #ugx-blog-template--27946630349163__main .ugx-blog-card__content { 3682 padding: 0; 3683 } 3684 3685 #ugx-blog-template--27946630349163__main .ugx-blog-card__title { 3686 margin: var(--ugx-blog-title-gap-m) 0 0; 3687 color: var(--ugx-blog-title-color); 3688 font-size: var(--ugx-blog-title-size-m); 3689 font-weight: var(--ugx-blog-title-weight-m); 3690 line-height: 1.35; 3691 letter-spacing: -0.02em; 3692 } 3693 3694 #ugx-blog-template--27946630349163__main .ugx-blog-card__title-link { 3695 color: inherit; 3696 text-decoration: none !important; 3697 } 3698 3699 #ugx-blog-template--27946630349163__main .ugx-blog-card__title-link:hover { 3700 color: inherit; 3701 text-decoration: none !important; 3702 } 3703 3704 #ugx-blog-template--27946630349163__main .ugx-blog-card__meta { 3705 display: flex; 3706 flex-wrap: wrap; 3707 align-items: center; 3708 gap: 6px 10px; 3709 margin-top: var(--ugx-blog-meta-gap-m); 3710 color: var(--ugx-blog-meta-color); 3711 font-size: var(--ugx-blog-meta-size-m); 3712 font-weight: var(--ugx-blog-meta-weight-m); 3713 line-height: 1.45; 3714 } 3715 3716 #ugx-blog-template--27946630349163__main .ugx-blog__empty { 3717 margin: 40px 0 0; 3718 text-align: center; 3719 color: #777777; 3720 font-size: 14px; 3721 } 3722 3723 #ugx-blog-template--27946630349163__main .ugx-blog__tools { 3724 display: flex; 3725 justify-content: center; 3726 width: 100%; 3727 margin-top: 50px; 3728 } 3729 3730 #ugx-blog-template--27946630349163__main .ugx-blog-search { 3731 display: flex; 3732 align-items: center; 3733 justify-content: center; 3734 gap: 10px; 3735 width: fit-content; 3736 max-width: 100%; 3737 margin: 0 auto; 3738 } 3739 3740 #ugx-blog-template--27946630349163__main .ugx-blog-search__select, 3741 #ugx-blog-template--27946630349163__main .ugx-blog-search__input, 3742 #ugx-blog-template--27946630349163__main .ugx-blog-search__button { 3743 height: 40px; 3744 border: 1px solid #dddddd; 3745 border-radius: 0; 3746 background-color: #ffffff; 3747 color: #111111; 3748 font-size: 13px; 3749 line-height: 1; 3750 } 3751 3752 #ugx-blog-template--27946630349163__main .ugx-blog-search__select { 3753 min-width: 100px; 3754 padding: 0 44px 0 14px; 3755 appearance: none; 3756 -webkit-appearance: none; 3757 background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L
37575 5L9 1' stroke='%23111111' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); 3758 background-repeat: no-repeat; 3759 background-size: 10px 6px; 3760 background-position: right 16px center; 3761 } 3762 3763 #ugx-blog-template--27946630349163__main .ugx-blog-search__input { 3764 width: 180px; 3765 padding: 0 12px; 3766 } 3767 3768 #ugx-blog-template--27946630349163__main .ugx-blog-search__button { 3769 min-width: 94px; 3770 padding: 0 22px; 3771 cursor: pointer; 3772 transition: background-color 220ms ease, color 220ms ease, border-color 220ms ease; 3773 } 3774 3775 #ugx-blog-template--27946630349163__main .ugx-blog-search__button:hover { 3776 border-color: #111111; 3777 background: #111111; 3778 color: #ffffff; 3779 } 3780 3781 #ugx-blog-template--27946630349163__main .ugx-blog-pagination { 3782 display: flex; 3783 justify-content: center; 3784 width: 100%; 3785 margin-top: 42px; 3786 } 3787 3788 #ugx-blog-template--27946630349163__main .ugx-blog-pagination__list { 3789 display: flex; 3790 align-items: center; 3791 justify-content: center; 3792 gap: 20px; 3793 list-style: none; 3794 margin: 0 auto; 3795 padding: 0; 3796 } 3797 3798 #ugx-blog-template--27946630349163__main .ugx-blog-pagination__item { 3799 display: flex; 3800 align-items: center; 3801 justify-content: center; 3802 } 3803 3804 #ugx-blog-template--27946630349163__main .ugx-blog-pagination__link, 3805 #ugx-blog-template--27946630349163__main .ugx-blog-pagination__current, 3806 #ugx-blog-template--27946630349163__main .ugx-blog-pagination__disabled, 3807 #ugx-blog-template--27946630349163__main .ugx-blog-pagination__button, 3808 #ugx-blog-template--27946630349163__main .ugx-blog-pagination__ellipsis { 3809 display: inline-flex; 3810 align-items: center; 3811 justify-content: center; 3812 min-width: 16px; 3813 height: 24px; 3814 border: 0; 3815 padding: 0; 3816 background: transparent; 3817 color: #888888; 3818 font-size: 14px; 3819 font-weight: 400; 3820 line-height: 1; 3821 text-decoration: none !important; 3822 } 3823 3824 #ugx-blog-template--27946630349163__main .ugx-blog-pagination__button { 3825 cursor: pointer; 3826 } 3827 3828 #ugx-blog-template--27946630349163__main .ugx-blog-pagination__current, 3829 #ugx-blog-template--27946630349163__main .ugx-blog-pagination__button.is-active { 3830 color: #000000; 3831 font-weight: 600; 3832 } 3833 3834 #ugx-blog-template--27946630349163__main .ugx-blog-pagination__disabled, 3835 #ugx-blog-template--27946630349163__main .ugx-blog-pagination__button:disabled { 3836 color: #c8c8c8; 3837 cursor: default; 3838 } 3839 3840 #ugx-blog-template--27946630349163__main .ugx-blog-pagination__link:hover, 3841 #ugx-blog-template--27946630349163__main .ugx-blog-pagination__button:hover:not(:disabled) { 3842 color: #000000; 3843 } 3844 3845 #ugx-blog-template--27946630349163__main .ugx-blog__sr-only { 3846 position: absolute; 3847 width: 1px; 3848 height: 1px; 3849 padding: 0; 3850 overflow: hidden; 3851 clip: rect(0, 0, 0, 0); 3852 white-space: nowrap; 3853 border: 0; 3854 } 3855 3856 @media screen and (max-width: 749px) { 3857 #ugx-blog-template--27946630349163__main .ugx-blog__list--slider { 3858 display: flex; 3859 overflow-x: auto; 3860 gap: var(--ugx-blog-col-gap-m); 3861 scroll-snap-type: x mandatory; 3862 -webkit-overflow-scrolling: touch; 3863 scrollbar-width: none; 3864 padding-bottom: 8px; 3865 } 3866 3867 #ugx-blog-template--27946630349163__main .ugx-blog__list--slider::-webkit-scrollbar {
3868 display: none; 3869 } 3870 3871 #ugx-blog-template--27946630349163__main .ugx-blog__list--slider .ugx-blog__item { 3872 flex: 0 0 calc((100% - (var(--ugx-blog-col-gap-m) * (var(--ugx-blog-cols-m) - 1))) / var(--ugx-blog-cols-m)); 3873 scroll-snap-align: start; 3874 } 3875 3876 #ugx-blog-template--27946630349163__main.is-search-active .ugx-blog__list--slider { 3877 display: grid; 3878 overflow: visible; 3879 scroll-snap-type: none; 3880 padding-bottom: 0; 3881 } 3882 3883 #ugx-blog-template--27946630349163__main.is-search-active .ugx-blog__list--slider .ugx-blog__item { 3884 flex: initial; 3885 scroll-snap-align: unset; 3886 } 3887 3888 #ugx-blog-template--27946630349163__main .ugx-blog-search { 3889 display: grid; 3890 grid-template-columns: 1fr 1fr; 3891 gap: 8px; 3892 width: 100%; 3893 max-width: 520px; 3894 margin: 0 auto; 3895 } 3896 3897 #ugx-blog-template--27946630349163__main .ugx-blog-search__input { 3898 grid-column: 1 / -1; 3899 width: 100%; 3900 } 3901 3902 #ugx-blog-template--27946630349163__main .ugx-blog-search__button { 3903 grid-column: 1 / -1; 3904 width: 100%; 3905 } 3906 3907 #ugx-blog-template--27946630349163__main .ugx-blog-pagination__list { 3908 gap: 16px; 3909 } 3910 } 3911 3912 @media screen and (min-width: 750px) { 3913 #ugx-blog-template--27946630349163__main { 3914 padding-top: var(--ugx-blog-pt-d); 3915 padding-bottom: var(--ugx-blog-pb-d); 3916 } 3917 3918 #ugx-blog-template--27946630349163__main .ugx-blog__page { 3919 padding-left: var(--ugx-blog-pad-x-d); 3920 padding-right: var(--ugx-blog-pad-x-d); 3921 } 3922 3923 #ugx-blog-template--27946630349163__main .ugx-blog__heading { 3924 margin-bottom: var(--ugx-blog-heading-gap-d); 3925 font-size: var(--ugx-blog-heading-size-d); 3926 font-weight: var(--ugx-blog-heading-weight-d); 3927 } 3928 3929 #ugx-blog-template--27946630349163__main .ugx-blog__list { 3930 grid-template-columns: repeat(var(--ugx-blog-cols-d), minmax(0, 1fr)); 3931 gap: var(--ugx-blog-row-gap-d) var(--ugx-blog-col-gap-d); 3932 } 3933 3934 #ugx-blog-template--27946630349163__main .ugx-blog-card__title { 3935 margin-top: var(--ugx-blog-title-gap-d); 3936 font-size: var(--ugx-blog-title-size-d); 3937 font-weight: var(--ugx-blog-title-weight-d); 3938 } 3939 3940 #ugx-blog-template--27946630349163__main .ugx-blog-card__meta { 3941 margin-top: var(--ugx-blog-meta-gap-d); 3942 font-size: var(--ugx-blog-meta-size-d); 3943 font-weight: var(--ugx-blog-meta-weight-d); 3944 } 3945 } 3946 3947 @media (prefers-reduced-motion: reduce) { 3948 #ugx-blog-template--27946630349163__main .ugx-blog-card__image { 3949 transition: transform var(--ugx-blog-hover-ms) cubic-bezier(0.22, 1, 0.36, 1) !important; 3950 } 3951 3952 #ugx-blog-template--27946630349163__main .ugx-blog-search__button { 3953 transition: background-color 220ms ease, color 220ms ease, border-color 220ms ease !important; 3954 } 3955 }</style><section 3956 id="ugx-blog-template--27946630349163__main" 3957 class="ugx-blog" 3958 data-section-id="template--27946630349163__main" 3959 data-root-id="ugx-blog-template--27946630349163__main" 3960 data-total-pages="1" 3961 data-per-page="6" 3962 > 3963 <div class="ugx-blog__page"> 3964 <h1 class="ugx-blog__heading scroll-trigger animate--slide-in"> 3965 MINIPET NEWS 3966 </h1> 3967 3968 <ul 3969 class="ugx-blog__list scroll-trigger animate--slide-in" 3970 data-ugx-blog-list 3971 role="list" 3972 data-cascade 3973 ><li 3974 class="ugx-blog__item scroll-trigger animate--slide-in" 3975 data-ugx-blog-card 3976 data-title="미ëí«ì ê±´ê°ê²ì§ A-Z" 3977 data-author="HwangJongman" 3978 data-published-ts="1784774695" 3979 data-url="/blogs/minipet-news/%EB%AF%B8%EB%8B%88%ED%8E%AB%EC%9D%98-%EA%B1%B4%EA%B0%95%EA%B2%80%EC%A7%84-a-z" 3980 3981 data-cascade 3982 style="--animation-order: 1;" 3983 3984 > 3985 <article class="ugx-blog-card"><a class="ugx-blog-card__image-link" href="/blogs/minipet-news/%EB%AF%B8%EB%8B%88%ED%8E%AB%EC%9D%98-%EA%B1%B4%EA%B0%95%EA%B2%80%EC%A7%84-a-z" aria-label="미ëí«ì ê±´ê°ê²ì§ A-Z"> 3986 <div class="ugx-blog-card__image-media"><img src="//minipetmall.co.kr/cdn/shop/articles/imgi_74_442022110118085.jpg?v=1784774697&width=1400" alt="미ëí«ì ê±´ê°ê²ì§ A-Z" srcset="//minipetmall.co.kr/cdn/shop/articles/imgi_74_442022110118085.jpg?v=1784774697&width=320 320w, //minipetmall.co.kr/cdn/shop/articles/imgi_74_442022110118085.jpg?v=1784774697&width=480 480w, //minipetmall.co.kr/cdn/shop/articles/imgi_74_442022110118085.jpg?v=1784774697&width=640 640w, //minipetmall.co.kr/cdn/shop/articles/imgi_74_442022110118085.jpg?v=1784774697&width=800 800w, //minipetmall.co.kr/cdn/shop/articles/imgi_74_442022110118085.jpg?v=1784774697&width=960 960w, //minipetmall.co.kr/cdn/shop/articles/imgi_74_442022110118085.jpg?v=1784774697&width=1200 1200w, //minipetmall.co.kr/cdn/shop/articles/imgi_74_442022110118085.jpg?v=1784774697&width=1400 1400w" width="1400" height="1050" loading="lazy" sizes="(min-width: 990px) calc(100vw / 3), calc(100vw / 1)" class="ugx-blog-card__image" decoding="async"> 3987</div> 3988 </a><div class="ugx-blog-card__content"> 3989 <h2 class="ugx-blog-card__title"> 3990 <a class="ugx-blog-card__title-link" href="/blogs/minipet-news/%EB%AF%B8%EB%8B%88%ED%8E%AB%EC%9D%98-%EA%B1%B4%EA%B0%95%EA%B2%80%EC%A7%84-a-z"> 3991 미ëí«ì ê±´ê°ê²ì§ A-Z 3992 </a> 3993 </h2><div class="ugx-blog-card__meta"><span class="ugx-blog-card__author">HwangJongman</span><span class="ugx-blog-card__date">2026-07-22</span></div></div> 3994 </article> 3995 </li><li
3996 class="ugx-blog__item scroll-trigger animate--slide-in" 3997 data-ugx-blog-card 3998 data-title="KKF DOGSHOW WITH MINIPET" 3999 data-author="HwangJongman" 4000 data-published-ts="1784576015" 4001 data-url="/blogs/minipet-news/kkf-dogshow-with-minipet" 4002 4003 data-cascade 4004 style="--animation-order: 2;" 4005 4006 > 4007 <article class="ugx-blog-card"><a class="ugx-blog-card__image-link" href="/blogs/minipet-news/kkf-dogshow-with-minipet" aria-label="KKF DOGSHOW WITH MINIPET"> 4008 <div class="ugx-blog-card__image-media"><img src="//minipetmall.co.kr/cdn/shop/articles/9d18b86b9ea1465cde670c32dd7ca52e.jpg?v=1784576105&width=1400" alt="KKF DOGSHOW WITH MINIPET" srcset="//minipetmall.co.kr/cdn/shop/articles/9d18b86b9ea1465cde670c32dd7ca52e.jpg?v=1784576105&width=320 320w, //minipetmall.co.kr/cdn/shop/articles/9d18b86b9ea1465cde670c32dd7ca52e.jpg?v=1784576105&width=480 480w, //minipetmall.co.kr/cdn/shop/articles/9d18b86b9ea1465cde670c32dd7ca52e.jpg?v=1784576105&width=640 640w, //minipetmall.co.kr/cdn/shop/articles/9d18b86b9ea1465cde670c32dd7ca52e.jpg?v=1784576105&width=800 800w, //minipetmall.co.kr/cdn/shop/articles/9d18b86b9ea1465cde670c32dd7ca52e.jpg?v=1784576105&width=960 960w, //minipetmall.co.kr/cdn/shop/articles/9d18b86b9ea1465cde670c32dd7ca52e.jpg?v=1784576105&width=1200 1200w, //minipetmall.co.kr/cdn/shop/articles/9d18b86b9ea1465cde670c32dd7ca52e.jpg?v=1784576105&width=1400 1400w" width="1400" height="1050" loading="lazy" sizes="(min-width: 990px) calc(100vw / 3), calc(100vw / 1)" class="ugx-blog-card__image" decoding="async"> 4009</div> 4010 </a><div class="ugx-blog-card__content"> 4011 <h2 class="ugx-blog-card__title"> 4012 <a class="ugx-blog-card__title-link" href="/blogs/minipet-news/kkf-dogshow-with-minipet"> 4013 KKF DOGSHOW WITH MINIPET 4014 </a> 4015 </h2><div class="ugx-blog-card__meta"><span class="ugx-blog-card__author">HwangJongman</span><span class="ugx-blog-card__date">2026-07-20</span></div></div> 4016 </article> 4017 </li></ul> 4018 4019<p class="ugx-blog__empty" data-ugx-blog-empty hidden> 4020 No search results found. 4021</p><div class="ugx-blog__tools"> 4022 <form class="ugx-blog-search" data-ugx-blog-search-form> 4023 <label class="ugx-blog__sr-only" for="BlogPeriod-template--27946630349163__main">Period</label> 4024 <select id="BlogPeriod-template--27946630349163__main" class="ugx-blog-search__select" data-ugx-blog-period> 4025 <option value="7" selected>Last 7 days</option> 4026 <option value="30">Last 1 month</option> 4027 <option value="90">Last 3 months</option> 4028 <option value="180">Last 6 months</option> 4029 <option value="365">Last 1 year</option> 4030 <option value="all">All time</option> 4031 </select> 4032 4033 <label class="ugx-blog__sr-only" for="BlogField-template--27946630349163__main">Search by</label> 4034 <select id="BlogField-template--27946630349163__main" class="ugx-blog-search__select" data-ugx-blog-field> 4035 <option value="title" selected>Title</option> 4036 <option value="author">Author</option> 4037 <option value="all">All fields</option> 4038 </select> 4039 4040 <label class="ugx-blog__sr-only" for="BlogQuery-template--27946630349163__main">ê²ìì´</label> 4041 <input 4042 id="BlogQuery-template--27946630349163__main" 4043 class="ugx-blog-search__input" 4044 type="search" 4045 data-ugx-blog-query 4046 placeholder="" 4047 autocomplete="off" 4048 > 4049 4050 <button class="ugx-blog-search__button" type="submit"> 4051 찾기 4052 </button> 4053 </form> 4054 </div><div data-ugx-blog-pagination></div> 4055 </div> 4056 </section> 4057 4058
4058<script> 4059 (() => { 4060 const rootId = "ugx-blog-template--27946630349163__main"; 4061 const root = document.getElementById(rootId); 4062 4063 if (!root || root.dataset.ugxBlogInit === 'true') return; 4064 root.dataset.ugxBlogInit = 'true'; 4065 4066 const list = root.querySelector('[data-ugx-blog-list]'); 4067 const form = root.querySelector('[data-ugx-blog-search-form]'); 4068 const paginationWrap = root.querySelector('[data-ugx-blog-pagination]'); 4069 const emptyMessage = root.querySelector('[data-ugx-blog-empty]'); 4070 4071 if (!list || !paginationWrap) return; 4072 4073 const sectionId = root.getAttribute('data-section-id'); 4074 const totalPages = Math.max(parseInt(root.getAttribute('data-total-pages') || '1', 10), 1); 4075 const perPage = Math.max(parseInt(root.getAttribute('data-per-page') || '6', 10), 1); 4076 const parser = new DOMParser(); 4077 4078 let allCardsCache = null; 4079 let lastResults = []; 4080 let currentSearchPage = 1; 4081 4082 const cleanupCardNode = (node) => { 4083 if (!node) return node; 4084 4085 node.removeAttribute('id'); 4086 node.removeAttribute('style'); 4087 node.removeAttribute('data-cascade'); 4088 node.classList.remove('scroll-trigger', 'animate--slide-in', 'animate--fade-in'); 4089 4090 node.querySelectorAll('.scroll-trigger, .animate--slide-in, .animate--fade-in').forEach((child) => { 4091 child.classList.remove('scroll-trigger', 'animate--slide-in', 'animate--fade-in'); 4092 child.removeAttribute('data-cascade'); 4093 child.removeAttribute('style'); 4094 }); 4095 4096 return node; 4097 }; 4098 4099 const normalize = (value) => String(value || '').trim().toLowerCase(); 4100 4101 const collectCards = (scope) => { 4102 return Array.from(scope.querySelectorAll('[data-ugx-blog-card]')).map((node) => { 4103 const clone = cleanupCardNode(node.cloneNode(true)); 4104 4105 return { 4106 html: clone.outerHTML, 4107 title: node.getAttribute('data-title') || '', 4108 author: node.getAttribute('data-author') || '', 4109 publishedTs: parseInt(node.getAttribute('data-published-ts') || '0', 10), 4110 url: node.getAttribute('data-url') || '' 4111 }; 4112 }); 4113 }; 4114 4115 const initialCards = collectCards(root); 4116 4117 const fetchBlogPageCards = async (page) => { 4118 const url = new URL(window.location.pathname, window.location.origin); 4119 url.searchParams.set('page', String(page)); 4120 url.searchParams.set('section_id', sectionId); 4121 4122 const response = await fetch(url.toString(), { 4123 credentials: 'same-origin', 4124 headers: { 4125 'X-Requested-With': 'XMLHttpRequest' 4126 } 4127 }); 4128 4129 if (!response.ok) { 4130 throw new Error('Failed to fetch blog page'); 4131 } 4132 4133 const html = await response.text(); 4134 const doc = parser.parseFromString(html, 'text/html'); 4135 const fetchedRoot = doc.getElementById(rootId) || doc; 4136 4137 return collectCards(fetchedRoot); 4138 }; 4139 4140 const getAllBlogCards = async () => { 4141 if (allCardsCache) return allCardsCache; 4142 4143 if (totalPages <= 1) { 4144 allCardsCache = initialCards; 4145 return allCardsCache; 4146 } 4147 4148 try { 4149 const requests = []; 4150 4151 for (let page = 1; page <= totalPages; page += 1) { 4152 requests.push(fetchBlogPageCards(page)); 4153 } 4154 4155 const pageGroups = await Promise.all(requests); 4156 const map = new Map(); 4157 4158 pageGroups.flat().forEach((item) => { 4159 const key = item.url || `${item.title}-${item.publishedTs}`; 4160 if (!map.has(key)) { 4161 map.set(key, item); 4162 } 4163 }); 4164 4165 allCardsCache = Array.from(map.values()); 4166 return allCardsCache; 4167 } catch (error) { 4168 allCardsCache = initialCards; 4169 return allCardsCache; 4170 } 4171 }; 4172 4173 const createNodeFromHTML = (html) => { 4174 const template = document.createElement('template'); 4175 template.innerHTML = html.trim(); 4176 return template.content.firstElementChild; 4177 }; 4178 4179 const makePageNumbers = (total, current) => { 4180 if (total <= 7) { 4181 return Array.from({ length: total }, (_, index) => index + 1); 4182 } 4183 4184 const pages = new Set([1, total, current, current - 1, current + 1]); 4185 4186 if (current <= 3) { 4187 pages.add(2); 4188 pages.add(3); 4189 pages.add(4); 4190 } 4191 4192 if (current >= total - 2) { 4193 pages.add(total - 1); 4194 pages.add(total - 2); 4195 pages.add(total - 3); 4196 } 4197 4198 const sorted = Array.from(pages) 4199 .filter((page) => page >= 1 && page <= total) 4200 .sort((a, b) => a - b); 4201 4202 const output = []; 4203 4204 sorted.forEach((page, index) => { 4205 if (index > 0 && page - sorted[index - 1] > 1) { 4206 output.push('...'); 4207 } 4208 output.push(page); 4209 }); 4210 4211 return output; 4212 }; 4213 4214 const renderSearchPagination = (total, current) => { 4215 if (total <= 1) { 4216 paginationWrap.innerHTML = ''; 4217 return; 4218 } 4219 4220 const pages = makePageNumbers(total, current); 4221 4222 let html = ` 4223 <nav class="ugx-blog-pagination" role="navigation" aria-label="Search pagination"> 4224 <ul class="ugx-blog-pagination__list" role="list"> 4225 <li class="ugx-blog-pagination__item"> 4226 <button class="ugx-blog-pagination__button" type="button" data-search-page="${current - 1}" ${current <= 1 ? 'disabled' : ''} aria-label="Previous page">â¹</button> 4227 </li> 4228 `; 4229
4230 pages.forEach((page) => { 4231 if (page === '...') { 4232 html += `<li class="ugx-blog-pagination__item"><span class="ugx-blog-pagination__ellipsis">...</span></li>`; 4233 } else { 4234 html += ` 4235 <li class="ugx-blog-pagination__item"> 4236 <button 4237 class="ugx-blog-pagination__button${page === current ? ' is-active' : ''}" 4238 type="button" 4239 data-search-page="${page}" 4240 ${page === current ? 'aria-current="page"' : ''} 4241 >${page}</button> 4242 </li> 4243 `; 4244 } 4245 }); 4246 4247 html += ` 4248 <li class="ugx-blog-pagination__item"> 4249 <button class="ugx-blog-pagination__button" type="button" data-search-page="${current + 1}" ${current >= total ? 'disabled' : ''} aria-label="Next page">âº</button> 4250 </li> 4251 </ul> 4252 </nav> 4253 `; 4254 4255 paginationWrap.innerHTML = html; 4256 }; 4257 4258 const renderSearchResults = (items, page = 1) => { 4259 const totalResultPages = Math.max(Math.ceil(items.length / perPage), 1); 4260 currentSearchPage = Math.max(1, Math.min(page, totalResultPages)); 4261 4262 const start = (currentSearchPage - 1) * perPage; 4263 const currentItems = items.slice(start, start + perPage); 4264 4265 list.innerHTML = ''; 4266 4267 currentItems.forEach((item) => { 4268 const node = createNodeFromHTML(item.html); 4269 if (node) list.appendChild(node); 4270 }); 4271 4272 if (emptyMessage) { 4273 emptyMessage.hidden = items.length > 0; 4274 } 4275 4276 root.classList.add('is-search-active'); 4277 renderSearchPagination(items.length > 0 ? totalResultPages : 0, currentSearchPage); 4278 }; 4279 4280 const runSearch = async () => { 4281 if (!form) return; 4282 4283 const period = form.querySelector('[data-ugx-blog-period]')?.value || 'all'; 4284 const field = form.querySelector('[data-ugx-blog-field]')?.value || 'title'; 4285 const query = normalize(form.querySelector('[data-ugx-blog-query]')?.value || ''); 4286 4287 const cards = await getAllBlogCards(); 4288 const now = Date.now(); 4289 const dayMs = 24 * 60 * 60 * 1000; 4290 4291 const filtered = cards.filter((item) => { 4292 let periodMatched = true; 4293 4294 if (period !== 'all') { 4295 const days = parseInt(period, 10); 4296 const publishedMs = item.publishedTs * 1000; 4297 4298 if (Number.isFinite(days) && publishedMs > 0) { 4299 periodMatched = publishedMs >= now - days * dayMs; 4300 } 4301 } 4302 4303 if (!periodMatched) return false; 4304 if (!query) return true; 4305 4306 const title = normalize(item.title); 4307 const author = normalize(item.author); 4308 4309 if (field === 'title') return title.includes(query); 4310 if (field === 'author') return author.includes(query); 4311 4312 return `${title} ${author}`.includes(query); 4313 }); 4314 4315 lastResults = filtered; 4316 renderSearchResults(lastResults, 1); 4317 }; 4318 4319 if (form) { 4320 form.addEventListener('submit', (event) => { 4321 event.preventDefault(); 4322 runSearch(); 4323 }); 4324 } 4325 4326 paginationWrap.addEventListener('click', (event) => { 4327 const button = event.target.closest('[data-search-page]'); 4328 if (!button) return; 4329 4330 event.preventDefault(); 4331 4332 if (!lastResults.length) return; 4333 4334 const page = parseInt(button.getAttribute('data-search-page') || '1', 10); 4335 renderSearchResults(lastResults, page); 4336 }); 4337 })(); 4338 </script>
4338</section> 4339 </main> 4340 4341 <!-- BEGIN sections: footer-group --> 4342<section id="shopify-section-sections--27946631332203__ugx_image_cta_grid_r8eUiM" class="shopify-section shopify-section-group-footer-group section-ugx-image-cta-grid">�<section 4343 id="ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM" 4344 class="ugx-qlg scroll-trigger animate--slide-in" 4345 data-ugx-quick-link-grid="sections--27946631332203__ugx_image_cta_grid_r8eUiM" 4346 style=" 4347 --ugx-bg: #ffffff; 4348 --ugx-card-bg: #eeeeee; 4349 --ugx-max-width: 1400px; 4350 --ugx-side-d: 50px; 4351 --ugx-side-m: 8px; 4352 --ugx-pt-d: 40px; 4353 --ugx-pb-d: 40px; 4354 --ugx-pt-m: 20px; 4355 --ugx-pb-m: 20px; 4356 --ugx-gap-d: 12px; 4357 --ugx-gap-m: 6px; 4358 --ugx-radius: 0px; 4359 --ugx-overlay-color: #000000; 4360 --ugx-overlay-opacity: 0.45; 4361 --ugx-img-gray: 100%; 4362 --ugx-img-brightness: 75%; 4363 --ugx-content-gap-d: 28px; 4364 --ugx-content-gap-m: 10px; 4365 --ugx-content-px-d: 18px; 4366 --ugx-content-py-d: 18px; 4367 --ugx-content-px-m: 6px; 4368 --ugx-content-py-m: 6px; 4369 --ugx-title-color: #ffffff; 4370 --ugx-title-size-d: 22px; 4371 --ugx-title-size-m: 12px; 4372 --ugx-title-weight-d: 700; 4373 --ugx-title-weight-m: 700; 4374 --ugx-title-lh-d: 120%; 4375 --ugx-title-lh-m: 120%; 4376 --ugx-title-shadow: 0 2px 10px rgba(0, 0, 0, 0.55); 4377 --ugx-btn-size-d: 14px; 4378 --ugx-btn-size-m: 9px; 4379 --ugx-btn-weight-d: 700; 4380 --ugx-btn-weight-m: 700; 4381 --ugx-btn-radius: 0px; 4382 --ugx-btn-px-d: 26px; 4383 --ugx-btn-py-d: 16px; 4384 --ugx-btn-px-m: 13px; 4385 --ugx-btn-py-m: 9px; 4386 --ugx-btn-bg: #119323; 4387 --ugx-btn-text: #ffffff; 4388 --ugx-btn-border: #119323; 4389 --ugx-btn-hover-bg: #0b751a; 4390 --ugx-btn-hover-text: #ffffff; 4391 --ugx-btn-hover-border: #0b751a; 4392 " 4393> 4394 <div class="ugx-qlg__page"> 4395 <div class="ugx-qlg__grid"><div 4396 class="ugx-qlg__item scroll-trigger animate--slide-in" 4397 4398 data-cascade 4399 style="--animation-order: 1;" 4400 4401 4402 > 4403 <div class="ugx-qlg__card"> 4404 <div class="ugx-qlg__media" aria-hidden="true"><picture><source 4405 media="(max-width: 749px)" 4406 srcset=" 4407 //minipetmall.co.kr/cdn/shop/files/01_d6ad507c-7e21-4406-b5d6-82e154056125.jpg?v=1783971563&width=320 320w, 4408 //minipetmall.co.kr/cdn/shop/files/01_d6ad507c-7e21-4406-b5d6-82e154056125.jpg?v=1783971563&width=480 480w, 4409 //minipetmall.co.kr/cdn/shop/files/01_d6ad507c-7e21-4406-b5d6-82e154056125.jpg?v=1783971563&width=640 640w, 4410 //minipetmall.co.kr/cdn/shop/files/01_d6ad507c-7e21-4406-b5d6-82e154056125.jpg?v=1783971563&width=800 800w 4411 " 4412 ><img 4413 src="//minipetmall.co.kr/cdn/shop/files/01_d6ad507c-7e21-4406-b5d6-82e154056125.jpg?v=1783971563&width=800" 4414 srcset=" 4415 //minipetmall.co.kr/cdn/shop/files/01_d6ad507c-7e21-4406-b5d6-82e154056125.jpg?v=1783971563&width=360 360w, 4416 //minipetmall.co.kr/cdn/shop/files/01_d6ad507c-7e21-4406-b5d6-82e154056125.jpg?v=1783971563&width=540 540w, 4417 //minipetmall.co.kr/cdn/shop/files/01_d6ad507c-7e21-4406-b5d6-82e154056125.jpg?v=1783971563&width=720 720w, 4418 //minipetmall.co.kr/cdn/shop/files/01_d6ad507c-7e21-4406-b5d6-82e154056125.jpg?v=1783971563&width=900 900w, 4419 //minipetmall.co.kr/cdn/shop/files/01_d6ad507c-7e21-4406-b5d6-82e154056125.jpg?v=1783971563&width=1200 1200w 4420 " 4421 sizes="(max-width: 749px) 50vw, 25vw" 4422 alt="ìì¬ ë°°ì¡ ë¶ì" 4423 width="1408" 4424 height="768" 4425 loading="lazy" 4426 decoding="async" 4427 > 4428 </picture></div> 4429 4430 <div class="ugx-qlg__overlay"></div> 4431 4432 <div class="ugx-qlg__content"> 4433 <h3 class="ugx-qlg__title ugx-qlg__title--desktop rte"> 4434 <p>ìì¬ ë°°ì¡ ë¶ì</p> 4435 </h3> 4436 4437 <h3 class="ugx-qlg__title ugx-qlg__title--mobile rte"> 4438 <p>ìì¬ ë°°ì¡ ë¶ì</p> 4439 </h3><a 4440 class="ugx-qlg__button ugx-qlg__button--solid" 4441 href="https://minipetmall.co.kr/pages/safe-delivery" 4442 4443 aria-label="ìíë ìê°, ìíë ì¥ììì" 4444 >
4445 <span class="ugx-qlg__button-text ugx-qlg__button-text--desktop">ìíë ìê°, ìíë ì¥ììì</span> 4446 <span class="ugx-qlg__button-text ugx-qlg__button-text--mobile">ìíë ìê°, ìíë ì¥ììì</span> 4447 </a></div> 4448 </div> 4449 </div><div 4450 class="ugx-qlg__item scroll-trigger animate--slide-in" 4451 4452 data-cascade 4453 style="--animation-order: 2;" 4454 4455 4456 > 4457 <div class="ugx-qlg__card"> 4458 <div class="ugx-qlg__media" aria-hidden="true"><picture><source 4459 media="(max-width: 749px)" 4460 srcset=" 4461 //minipetmall.co.kr/cdn/shop/files/2_a828f7e5-5d2c-439a-8f3e-8803bcaed67d.jpg?v=1783971646&width=320 320w, 4462 //minipetmall.co.kr/cdn/shop/files/2_a828f7e5-5d2c-439a-8f3e-8803bcaed67d.jpg?v=1783971646&width=480 480w, 4463 //minipetmall.co.kr/cdn/shop/files/2_a828f7e5-5d2c-439a-8f3e-8803bcaed67d.jpg?v=1783971646&width=640 640w, 4464 //minipetmall.co.kr/cdn/shop/files/2_a828f7e5-5d2c-439a-8f3e-8803bcaed67d.jpg?v=1783971646&width=800 800w 4465 " 4466 ><img 4467 src="//minipetmall.co.kr/cdn/shop/files/2_a828f7e5-5d2c-439a-8f3e-8803bcaed67d.jpg?v=1783971646&width=800" 4468 srcset=" 4469 //minipetmall.co.kr/cdn/shop/files/2_a828f7e5-5d2c-439a-8f3e-8803bcaed67d.jpg?v=1783971646&width=360 360w, 4470 //minipetmall.co.kr/cdn/shop/files/2_a828f7e5-5d2c-439a-8f3e-8803bcaed67d.jpg?v=1783971646&width=540 540w, 4471 //minipetmall.co.kr/cdn/shop/files/2_a828f7e5-5d2c-439a-8f3e-8803bcaed67d.jpg?v=1783971646&width=720 720w, 4472 //minipetmall.co.kr/cdn/shop/files/2_a828f7e5-5d2c-439a-8f3e-8803bcaed67d.jpg?v=1783971646&width=900 900w, 4473 //minipetmall.co.kr/cdn/shop/files/2_a828f7e5-5d2c-439a-8f3e-8803bcaed67d.jpg?v=1783971646&width=1200 1200w 4474 " 4475 sizes="(max-width: 749px) 50vw, 25vw" 4476 alt="ë¤ì´ë² ìì½" 4477 width="1408" 4478 height="768" 4479 loading="lazy" 4480 decoding="async" 4481 > 4482 </picture></div> 4483 4484 <div class="ugx-qlg__overlay"></div> 4485 4486 <div class="ugx-qlg__content"> 4487 <h3 class="ugx-qlg__title ugx-qlg__title--desktop rte"> 4488 <p>ë¤ì´ë² ìì½</p> 4489 </h3> 4490 4491 <h3 class="ugx-qlg__title ugx-qlg__title--mobile rte"> 4492 <p>ë¤ì´ë² ìì½</p> 4493 </h3><a 4494 class="ugx-qlg__button ugx-qlg__button--solid" 4495 href="https://map.naver.com/p/search/%EB%AF%B8%EB%8B%88%ED%8E%AB/place/36266733?placePath=%2Fticket%3Fbk_query%3D%EB%AF%B8%EB%8B%88%ED%8E%AB%26entry%3Dpll%26from%3Dmap%26fromNxList%3Dtrue%26fromPanelNum%3D2%26timestamp%3D202607301453%26locale%3Dko%26svcName%3Dmap_pcv5%26searchText%3D%EB%AF%B8%EB%8B%88%ED%8E%AB&entry=pll&from=nx&fromNxList=true&searchType=place" 4496 4497 aria-label="ìì½ ë°©ë¬¸ ì í ì¸ íí" 4498 > 4499 <span class="ugx-qlg__button-text ugx-qlg__button-text--desktop">ìì½ ë°©ë¬¸ ì í ì¸ íí</span> 4500 <span class="ugx-qlg__button-text ugx-qlg__button-text--mobile">ìì½ ë°©ë¬¸ ì í ì¸ íí</span> 4501 </a></div> 4502 </div> 4503 </div><div 4504 class="ugx-qlg__item scroll-trigger animate--slide-in" 4505 4506 data-cascade 4507 style="--animation-order: 3;" 4508 4509 4510 > 4511 <div class="ugx-qlg__card"> 4512 <div class="ugx-qlg__media" aria-hidden="true"><picture><source 4513 media="(max-width: 749px)" 4514 srcset=" 4515 //minipetmall.co.kr/cdn/shop/files/8.jpg?v=1783971605&width=320 320w, 4516 //minipetmall.co.kr/cdn/shop/files/8.jpg?v=1783971605&width=480 480w, 4517 //minipetmall.co.kr/cdn/shop/files/8.jpg?v=1783971605&width=640 640w, 4518 //minipetmall.co.kr/cdn/shop/files/8.jpg?v=1783971605&width=800 800w 4519 " 4520 ><img 4521 src="//minipetmall.co.kr/cdn/shop/files/8.jpg?v=1783971605&width=800" 4522 srcset=" 4523 //minipetmall.co.kr/cdn/shop/files/8.jpg?v=1783971605&width=360 360w, 4524 //minipetmall.co.kr/cdn/shop/files/8.jpg?v=1783971605&width=540 540w, 4525 //minipetmall.co.kr/cdn/shop/files/8.jpg?v=1783971605&width=720 720w, 4526 //minipetmall.co.kr/cdn/shop/files/8.jpg?v=1783971605&width=900 900w, 4527 //minipetmall.co.kr/cdn/shop/files/8.jpg?v=1783971605&width=1200 1200w 4528 " 4529 sizes="(max-width: 749px) 50vw, 25vw" 4530 alt="ì 문 íëë ìë´" 4531 width="1408" 4532 height="768" 4533 loading="lazy" 4534 decoding="async" 4535 > 4536 </picture></div> 4537 4538 <div class="ugx-qlg__overlay"></div> 4539 4540 <div class="ugx-qlg__content"> 4541 <h3 class="ugx-qlg__title ugx-qlg__title--desktop rte"> 4542 <p>ì 문 íëë ìë´</p> 4543 </h3> 4544 4545 <h3 class="ugx-qlg__title ugx-qlg__title--mobile rte"> 4546 <p>ì 문 íëë ìë´</p> 4547 </h3><a 4548 class="ugx-qlg__button ugx-qlg__button--solid" 4549 href="https://open.kakao.com/o/s5TBSvB" 4550 4551 aria-label="무ìì´ë 물ì´ë³´ì¸ì" 4552 >
4553 <span class="ugx-qlg__button-text ugx-qlg__button-text--desktop">무ìì´ë 물ì´ë³´ì¸ì</span> 4554 <span class="ugx-qlg__button-text ugx-qlg__button-text--mobile">무ìì´ë 물ì´ë³´ì¸ì</span> 4555 </a></div> 4556 </div> 4557 </div><div 4558 class="ugx-qlg__item scroll-trigger animate--slide-in" 4559 4560 data-cascade 4561 style="--animation-order: 4;" 4562 4563 4564 > 4565 <div class="ugx-qlg__card"> 4566 <div class="ugx-qlg__media" aria-hidden="true"><picture><source 4567 media="(max-width: 749px)" 4568 srcset=" 4569 //minipetmall.co.kr/cdn/shop/files/Gemini_Generated_Image_3y0ubc3y0ubc3y0u.jpg?v=1783971687&width=320 320w, 4570 //minipetmall.co.kr/cdn/shop/files/Gemini_Generated_Image_3y0ubc3y0ubc3y0u.jpg?v=1783971687&width=480 480w, 4571 //minipetmall.co.kr/cdn/shop/files/Gemini_Generated_Image_3y0ubc3y0ubc3y0u.jpg?v=1783971687&width=640 640w, 4572 //minipetmall.co.kr/cdn/shop/files/Gemini_Generated_Image_3y0ubc3y0ubc3y0u.jpg?v=1783971687&width=800 800w 4573 " 4574 ><img 4575 src="//minipetmall.co.kr/cdn/shop/files/Gemini_Generated_Image_3y0ubc3y0ubc3y0u.jpg?v=1783971687&width=800" 4576 srcset=" 4577 //minipetmall.co.kr/cdn/shop/files/Gemini_Generated_Image_3y0ubc3y0ubc3y0u.jpg?v=1783971687&width=360 360w, 4578 //minipetmall.co.kr/cdn/shop/files/Gemini_Generated_Image_3y0ubc3y0ubc3y0u.jpg?v=1783971687&width=540 540w, 4579 //minipetmall.co.kr/cdn/shop/files/Gemini_Generated_Image_3y0ubc3y0ubc3y0u.jpg?v=1783971687&width=720 720w, 4580 //minipetmall.co.kr/cdn/shop/files/Gemini_Generated_Image_3y0ubc3y0ubc3y0u.jpg?v=1783971687&width=900 900w, 4581 //minipetmall.co.kr/cdn/shop/files/Gemini_Generated_Image_3y0ubc3y0ubc3y0u.jpg?v=1783971687&width=1200 1200w 4582 " 4583 sizes="(max-width: 749px) 50vw, 25vw" 4584 alt="ê³µì ì¸ì¤íê·¸ë¨" 4585 width="1408" 4586 height="768" 4587 loading="lazy" 4588 decoding="async" 4589 > 4590 </picture></div> 4591 4592 <div class="ugx-qlg__overlay"></div> 4593 4594 <div class="ugx-qlg__content"> 4595 <h3 class="ugx-qlg__title ugx-qlg__title--desktop rte"> 4596 <p>ê³µì ì¸ì¤íê·¸ë¨</p> 4597 </h3> 4598 4599 <h3 class="ugx-qlg__title ugx-qlg__title--mobile rte"> 4600 <p>ê³µì ì¸ì¤íê·¸ë¨</p> 4601 </h3><a 4602 class="ugx-qlg__button ugx-qlg__button--solid" 4603 href="https://www.instagram.com/koreateacuppuppies/" 4604 4605 aria-label="ê°ì¥ ë¹ ë¥¸ 미ëí« ìì" 4606 > 4607 <span class="ugx-qlg__button-text ugx-qlg__button-text--desktop">ê°ì¥ ë¹ ë¥¸ 미ëí« ìì</span> 4608 <span class="ugx-qlg__button-text ugx-qlg__button-text--mobile">ê°ì¥ ë¹ ë¥¸ 미ëí« ìì</span> 4609 </a></div> 4610 </div> 4611 </div></div> 4612 </div> 4613</section> 4614 4615<style> 4616 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM { 4617 background: var(--ugx-bg); 4618 padding-top: var(--ugx-pt-m); 4619 padding-bottom: var(--ugx-pb-m); 4620 overflow: hidden; 4621 } 4622 4623 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM *, 4624 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM *::before, 4625 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM *::after { 4626 box-sizing: border-box; 4627 } 4628 4629 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__page { 4630 width: 100%; 4631 max-width: var(--ugx-max-width); 4632 margin: 0 auto; 4633 padding-left: var(--ugx-side-m); 4634 padding-right: var(--ugx-side-m); 4635 } 4636 4637 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__grid { 4638 display: grid; 4639 grid-template-columns: repeat(2, minmax(0, 1fr)); 4640 gap: var(--ugx-gap-m); 4641 width: 100%; 4642 } 4643 4644 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__item { 4645 min-width: 0; 4646 } 4647 4648 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__card { 4649 position: relative; 4650 width: 100%; 4651 aspect-ratio: 16 / 9; 4652 overflow: hidden; 4653 border-radius: var(--ugx-radius); 4654 background: var(--ugx-card-bg); 4655 isolation: isolate; 4656 } 4657 4658 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__media, 4659 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__media picture, 4660 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__media img, 4661 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__placeholder { 4662 position: absolute; 4663 inset: 0; 4664 width: 100%; 4665 height: 100%; 4666 } 4667 4668 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__media img { 4669 display: block; 4670 object-fit: cover; 4671 object-position: center; 4672 filter: grayscale(var(--ugx-img-gray)) brightness(var(--ugx-img-brightness)); 4673 transform: scale(1.01); 4674 } 4675 4676 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__placeholder { 4677 display: block; 4678 background: #eeeeee; 4679 object-fit: cover; 4680 } 4681 4682 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__overlay { 4683 position: absolute; 4684 inset: 0; 4685 z-index: 1; 4686 background: var(--ugx-overlay-color); 4687 opacity: var(--ugx-overlay-opacity); 4688 pointer-events: none; 4689 } 4690 4691 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__content { 4692 position: relative; 4693 z-index: 2; 4694 width: 100%; 4695 height: 100%; 4696 padding: var(--ugx-content-py-m) var(--ugx-content-px-m); 4697 display: flex; 4698 flex-direction: column; 4699 justify-content: center;
4700 align-items: center; 4701 gap: var(--ugx-content-gap-m); 4702 text-align: center; 4703 } 4704 4705 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__title { 4706 margin: 0; 4707 color: var(--ugx-title-color); 4708 font-size: var(--ugx-title-size-m); 4709 line-height: var(--ugx-title-lh-m); 4710 font-weight: var(--ugx-title-weight-m); 4711 letter-spacing: -0.02em; 4712 text-shadow: var(--ugx-title-shadow); 4713 word-break: keep-all; 4714 } 4715 4716 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__title p, 4717 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM h2 p, 4718 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM h3 p { 4719 margin: 0; 4720 } 4721 4722 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .rte * { 4723 font-size: inherit !important; 4724 line-height: inherit; 4725 } 4726 4727 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__title--desktop { 4728 display: none; 4729 } 4730 4731 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__title--mobile { 4732 display: block; 4733 } 4734 4735 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__button { 4736 display: inline-flex;
4737 align-items: center; 4738 justify-content: center; 4739 max-width: 100%; 4740 min-width: 0; 4741 padding: var(--ugx-btn-py-m) var(--ugx-btn-px-m); 4742 border-radius: var(--ugx-btn-radius); 4743 font-size: var(--ugx-btn-size-m); 4744 line-height: 120%; 4745 font-weight: var(--ugx-btn-weight-m); 4746 text-decoration: none; 4747 word-break: keep-all; 4748 white-space: nowrap; 4749 cursor: pointer; 4750 transition: 4751 background-color 220ms ease, 4752 color 220ms ease, 4753 border-color 220ms ease, 4754 transform 220ms ease, 4755 opacity 220ms ease; 4756 } 4757 4758 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__button-text--desktop { 4759 display: none; 4760 } 4761 4762 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__button-text--mobile { 4763 display: inline; 4764 } 4765 4766 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__button--solid { 4767 background: var(--ugx-btn-bg); 4768 color: var(--ugx-btn-text); 4769 border: 1px solid var(--ugx-btn-bg); 4770 } 4771 4772 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__button--solid:hover { 4773 background: var(--ugx-btn-hover-bg); 4774 color: var(--ugx-btn-hover-text); 4775 border-color: var(--ugx-btn-hover-border); 4776 transform: translateY(-1px); 4777 } 4778 4779 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__button--outline { 4780 background: transparent; 4781 color: var(--ugx-btn-text); 4782 border: 1px solid var(--ugx-btn-border); 4783 } 4784 4785 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__button--outline:hover { 4786 background: var(--ugx-btn-hover-bg); 4787 color: var(--ugx-btn-hover-text); 4788 border-color: var(--ugx-btn-hover-border); 4789 transform: translateY(-1px); 4790 } 4791 4792 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__button--line { 4793 position: relative; 4794 gap: 6px; 4795 padding-left: 0; 4796 padding-right: 0; 4797 padding-bottom: 3px; 4798 border-radius: 0; 4799 background: transparent; 4800 color: var(--ugx-btn-text); 4801 border: 0; 4802 border-bottom: 1px solid currentColor; 4803 } 4804 4805 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__button--line::after { 4806 content: "â"; 4807 display: inline-block; 4808 transform: translateX(0); 4809 transition: transform 220ms ease; 4810 } 4811 4812 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__button--line:hover { 4813 color: var(--ugx-btn-hover-text); 4814 transform: none; 4815 } 4816 4817 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__button--line:hover::after { 4818 transform: translateX(4px); 4819 } 4820 4821 @media (min-width: 750px) { 4822 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM { 4823 padding-top: var(--ugx-pt-d); 4824 padding-bottom: var(--ugx-pb-d); 4825 } 4826 4827 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__page { 4828 padding-left: var(--ugx-side-d); 4829 padding-right: var(--ugx-side-d); 4830 } 4831 4832 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__page--full { 4833 max-width: none; 4834 } 4835 4836 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__grid { 4837 grid-template-columns: repeat(4, minmax(0, 1fr)); 4838 gap: var(--ugx-gap-d); 4839 } 4840 4841 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__content { 4842 padding: var(--ugx-content-py-d) var(--ugx-content-px-d); 4843 gap: var(--ugx-content-gap-d); 4844 } 4845 4846 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__title { 4847 font-size: var(--ugx-title-size-d); 4848 line-height: var(--ugx-title-lh-d); 4849 font-weight: var(--ugx-title-weight-d); 4850 } 4851 4852 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__title--desktop { 4853 display: block; 4854 } 4855 4856 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__title--mobile { 4857 display: none; 4858 } 4859 4860 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__button { 4861 padding: var(--ugx-btn-py-d) var(--ugx-btn-px-d); 4862 font-size: var(--ugx-btn-size-d); 4863 font-weight: var(--ugx-btn-weight-d); 4864 } 4865 4866 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__button-text--desktop { 4867 display: inline; 4868 } 4869 4870 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__button-text--mobile { 4871 display: none; 4872 } 4873 } 4874 4875 @media (prefers-reduced-motion: reduce) { 4876 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__button, 4877 #ugx-qlg-sections--27946631332203__ugx_image_cta_grid_r8eUiM .ugx-qlg__button::after { 4878 transition-duration: 1ms !important; 4879 } 4880 } 4881</style> 4882
4883<script> 4884 (() => { 4885 const sectionId = "sections--27946631332203__ugx_image_cta_grid_r8eUiM"; 4886 const selector = `[data-ugx-quick-link-grid="${sectionId}"]`; 4887 4888 const init = (scope = document) => { 4889 const root = scope.querySelector ? scope.querySelector(selector) : null; 4890 if (!root) return; 4891 root.classList.add('ugx-qlg--ready'); 4892 }; 4893 4894 if (document.readyState === 'loading') { 4895 document.addEventListener('DOMContentLoaded', () => init(document), { once: true }); 4896 } else { 4897 init(document); 4898 } 4899 4900 document.addEventListener('shopify:section:load', (event) => { 4901 if (!event || !event.target) return; 4902 init(event.target); 4903 }); 4904 })(); 4905</script>
4905 4906 4907</section><section id="shopify-section-sections--27946631332203__floating_contact_widget_NtrcVa" class="shopify-section shopify-section-group-footer-group section-floating-contact-widget"> 4908 4909<section 4910 id="fcw-sections--27946631332203__floating_contact_widget_NtrcVa" 4911 class="fcw-section fcw-section-sections--27946631332203__floating_contact_widget_NtrcVa" 4912 data-fcw-section="sections--27946631332203__floating_contact_widget_NtrcVa" 4913> 4914 <div 4915 class="fcw fcw-sections--27946631332203__floating_contact_widget_NtrcVa" 4916 data-fcw-root="sections--27946631332203__floating_contact_widget_NtrcVa" 4917 data-scroll-duration="560" 4918 style=" 4919 --fcw-z-index: 90; 4920 --fcw-size-d: 56px; 4921 --fcw-size-m: 52px; 4922 --fcw-inner-d: 100%; 4923 --fcw-inner-m: 100%; 4924 --fcw-scroll-size-d: 54px; 4925 --fcw-scroll-size-m: 50px; 4926 --fcw-gap-d: 10px; 4927 --fcw-gap-m: 9px; 4928 --fcw-pt-d: 0px; 4929 --fcw-pb-d: 0px; 4930 --fcw-pt-m: 0px; 4931 --fcw-pb-m: 0px; 4932 --fcw-radius: 80px; 4933 --fcw-stack-radius: 0px; 4934 --fcw-bg: rgba(0, 0, 0, 0); 4935 --fcw-border-color: #e5e5e5; 4936 --fcw-border-width: 0px; 4937 --fcw-shadow: 0 6px 18px rgba(0, 0, 0, 0.16); 4938 --fcw-icon-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 4939 --fcw-scroll-bg: #ffffff; 4940 --fcw-scroll-color: #555555; 4941 --fcw-scroll-hover-bg: #f3f3f3; 4942 --fcw-scroll-hover-color: #111111; 4943 --fcw-transition-ms: 320ms; 4944 " 4945 4946 > 4947 <div class="fcw__stack scroll-trigger animate--slide-in"> 4948 4949 4950 4951 <div 4952 class="fcw__node fcw__node--block" 4953 4954 4955 data-cascade 4956 style="--animation-order: 1;" 4957 4958 > 4959 4960 <a 4961 class="fcw__item" 4962 href="tel:15221316" 4963 aria-label="Contact link" 4964 4965 style=" 4966 --fcw-item-bg: #ffffff; 4967 --fcw-item-hover-bg: #f5f5f5; 4968 --fcw-icon-color: #111111; 4969 " 4970 > 4971 4972 4973 4974 <picture class="fcw__picture"> 4975 4976 <source 4977 media="(max-width: 749px)" 4978 srcset=" 4979 //minipetmall.co.kr/cdn/shop/files/free-icon-whatsapp-889154.png?v=1783600898&width=48 48w, 4980 //minipetmall.co.kr/cdn/shop/files/free-icon-whatsapp-889154.png?v=1783600898&width=64 64w, 4981 //minipetmall.co.kr/cdn/shop/files/free-icon-whatsapp-889154.png?v=1783600898&width=96 96w, 4982 //minipetmall.co.kr/cdn/shop/files/free-icon-whatsapp-889154.png?v=1783600898&width=128 128w, 4983 //minipetmall.co.kr/cdn/shop/files/free-icon-whatsapp-889154.png?v=1783600898&width=160 160w 4984 " 4985 sizes="52px" 4986 > 4987 4988 4989 <img 4990 class="fcw__img" 4991 src="//minipetmall.co.kr/cdn/shop/files/free-icon-whatsapp-889154.png?v=1783600898&width=128" 4992 srcset=" 4993 //minipetmall.co.kr/cdn/shop/files/free-icon-whatsapp-889154.png?v=1783600898&width=48 48w, 4994 //minipetmall.co.kr/cdn/shop/files/free-icon-whatsapp-889154.png?v=1783600898&width=64 64w, 4995 //minipetmall.co.kr/cdn/shop/files/free-icon-whatsapp-889154.png?v=1783600898&width=96 96w, 4996 //minipetmall.co.kr/cdn/shop/files/free-icon-whatsapp-889154.png?v=1783600898&width=128 128w, 4997 //minipetmall.co.kr/cdn/shop/files/free-icon-whatsapp-889154.png?v=1783600898&width=160 160w, 4998 //minipetmall.co.kr/cdn/shop/files/free-icon-whatsapp-889154.png?v=1783600898&width=192 192w 4999 " 5000 sizes="(max-width: 749px) 52px, 56px" 5001 alt="Contact icon" 5002 width="512" 5003 height="512" 5004 loading="lazy" 5005 decoding="async" 5006 > 5007 </picture> 5008 5009 5010 5011 </a> 5012 5013 </div> 5014 5015 5016 5017 <div 5018 class="fcw__node fcw__node--block" 5019 5020 5021 data-cascade 5022 style="--animation-order: 2;" 5023 5024 > 5025 5026 <a 5027 class="fcw__item" 5028 href="https://open.kakao.com/o/s5TBSvB" 5029 aria-label="Kakao Talk" 5030 5031 target="_blank" 5032 rel="noopener noreferrer" 5033 5034 style=" 5035 --fcw-item-bg: #fee500; 5036 --fcw-item-hover-bg: #f8da00; 5037 --fcw-icon-color: #111111; 5038 " 5039 > 5040 5041 5042 5043 <picture class="fcw__picture"> 5044 5045 <source 5046 media="(max-width: 749px)" 5047 srcset=" 5048 //minipetmall.co.kr/cdn/shop/files/imgi_25_ed4edbb09a733ace9828aa58292ddf5c.png?v=1783601979&width=48 48w, 5049 //minipetmall.co.kr/cdn/shop/files/imgi_25_ed4edbb09a733ace9828aa58292ddf5c.png?v=1783601979&width=64 64w, 5050 //minipetmall.co.kr/cdn/shop/files/imgi_25_ed4edbb09a733ace9828aa58292ddf5c.png?v=1783601979&width=96 96w, 5051 //minipetmall.co.kr/cdn/shop/files/imgi_25_ed4edbb09a733ace9828aa58292ddf5c.png?v=1783601979&width=128 128w, 5052 //minipetmall.co.kr/cdn/shop/files/imgi_25_ed4edbb09a733ace9828aa58292ddf5c.png?v=1783601979&width=160 160w 5053 " 5054 sizes="52px" 5055 > 5056 5057 5058 <img 5059 class="fcw__img" 5060 src="//minipetmall.co.kr/cdn/shop/files/imgi_25_ed4edbb09a733ace9828aa58292ddf5c.png?v=1783601979&width=128" 5061 srcset=" 5062 //minipetmall.co.kr/cdn/shop/files/imgi_25_ed4edbb09a733ace9828aa58292ddf5c.png?v=1783601979&width=48 48w, 5063 //minipetmall.co.kr/cdn/shop/files/imgi_25_ed4edbb09a733ace9828aa58292ddf5c.png?v=1783601979&width=64 64w, 5064 //minipetmall.co.kr/cdn/shop/files/imgi_25_ed4edbb09a733ace9828aa58292ddf5c.png?v=1783601979&width=96 96w, 5065 //minipetmall.co.kr/cdn/shop/files/imgi_25_ed4edbb09a733ace9828aa58292ddf5c.png?v=1783601979&width=128 128w, 5066 //minipetmall.co.kr/cdn/shop/files/imgi_25_ed4edbb09a733ace9828aa58292ddf5c.png?v=1783601979&width=160 160w, 5067 //minipetmall.co.kr/cdn/shop/files/imgi_25_ed4edbb09a733ace9828aa58292ddf5c.png?v=1783601979&width=192 192w 5068 " 5069 sizes="(max-width: 749px) 52px, 56px" 5070 alt="Contact icon" 5071 width="100" 5072 height="100" 5073 loading="lazy" 5074 decoding="async" 5075 > 5076 </picture> 5077 5078 5079 5080 </a> 5081 5082 </div> 5083 5084 5085 5086 <div 5087 class="fcw__node fcw__node--block" 5088 5089 5090 data-cascade 5091 style="--animation-order: 3;" 5092 5093 > 5094 5095 <a 5096 class="fcw__item" 5097 href="http://talk.naver.com/WCH1WS" 5098 aria-label="Naver TalkTalk" 5099 5100 target="_blank" 5101 rel="noopener noreferrer" 5102 5103 style=" 5104 --fcw-item-bg: #03c75a; 5105 --fcw-item-hover-bg: #02b351; 5106 --fcw-icon-color: #ffffff; 5107 " 5108 > 5109 5110 5111 5112 <picture class="fcw__picture"> 5113 5114 <source 5115 media="(max-width: 749px)" 5116 srcset=" 5117 //minipetmall.co.kr/cdn/shop/files/imgi_26_513e5a02fa8fff4b7164ed70bc35cee1.png?v=1783601982&width=48 48w, 5118 //minipetmall.co.kr/cdn/shop/files/imgi_26_513e5a02fa8fff4b7164ed70bc35cee1.png?v=1783601982&width=64 64w, 5119 //minipetmall.co.kr/cdn/shop/files/imgi_26_513e5a02fa8fff4b7164ed70bc35cee1.png?v=1783601982&width=96 96w, 5120 //minipetmall.co.kr/cdn/shop/files/imgi_26_513e5a02fa8fff4b7164ed70bc35cee1.png?v=1783601982&width=128 128w, 5121 //minipetmall.co.kr/cdn/shop/files/imgi_26_513e5a02fa8fff4b7164ed70bc35cee1.png?v=1783601982&width=160 160w 5122 " 5123 sizes="52px" 5124 > 5125 5126 5127 <img 5128 class="fcw__img" 5129 src="//minipetmall.co.kr/cdn/shop/files/imgi_26_513e5a02fa8fff4b7164ed70bc35cee1.png?v=1783601982&width=128" 5130 srcset=" 5131 //minipetmall.co.kr/cdn/shop/files/imgi_26_513e5a02fa8fff4b7164ed70bc35cee1.png?v=1783601982&width=48 48w, 5132 //minipetmall.co.kr/cdn/shop/files/imgi_26_513e5a02fa8fff4b7164ed70bc35cee1.png?v=1783601982&width=64 64w, 5133 //minipetmall.co.kr/cdn/shop/files/imgi_26_513e5a02fa8fff4b7164ed70bc35cee1.png?v=1783601982&width=96 96w, 5134 //minipetmall.co.kr/cdn/shop/files/imgi_26_513e5a02fa8fff4b7164ed70bc35cee1.png?v=1783601982&width=128 128w, 5135 //minipetmall.co.kr/cdn/shop/files/imgi_26_513e5a02fa8fff4b7164ed70bc35cee1.png?v=1783601982&width=160 160w, 5136 //minipetmall.co.kr/cdn/shop/files/imgi_26_513e5a02fa8fff4b7164ed70bc35cee1.png?v=1783601982&width=192 192w 5137 " 5138 sizes="(max-width: 749px) 52px, 56px" 5139 alt="Contact icon" 5140 width="100" 5141 height="100" 5142 loading="lazy" 5143 decoding="async" 5144 > 5145 </picture> 5146 5147 5148 5149 </a> 5150 5151 </div> 5152 5153 5154 5155 <div 5156 class="fcw__node fcw__node--scroll fcw__node--top is-fcw-hidden" 5157 data-fcw-top-node 5158 > 5159 <button 5160 type="button" 5161 class="fcw__scroll-btn fcw__scroll-btn--top" 5162 data-fcw-scroll-button="top" 5163 aria-label="ìë¡ ì´ë" 5164 aria-hidden="true" 5165 tabindex="-1" 5166 > 5167 <svg viewBox="0 0 24 24" focusable="false" aria-hidden="true"> 5168 <path 5169 d="M12 7.15 4.7 14.45l1.42 1.4L12 9.98l5.88 5.87 1.42-1.4L12 7.15Z" 5170 fill="currentColor" 5171 /> 5172 </svg> 5173 </button> 5174 </div> 5175 5176 <div 5177 class="fcw__node fcw__node--scroll fcw__node--bottom" 5178 data-fcw-bottom-node 5179 > 5180 <button 5181 type="button" 5182 class="fcw__scroll-btn fcw__scroll-btn--bottom" 5183 data-fcw-scroll-button="bottom" 5184 aria-label="ìëë¡ ì´ë" 5185 > 5186 <svg viewBox="0 0 24 24" focusable="false" aria-hidden="true"> 5187 <path 5188 d="m12 16.85 7.3-7.3-1.42-1.4L12 14.02 6.12 8.15 4.7 9.55l7.3 7.3Z" 5189 fill="currentColor" 5190 /> 5191 </svg> 5192 </button> 5193 </div> 5194 5195 </div> 5196 </div> 5197</section> 5198 5199<style> 5200 #shopify-section-sections--27946631332203__floating_contact_widget_NtrcVa { 5201 pointer-events: none; 5202 } 5203 5204 .fcw-section-sections--27946631332203__floating_contact_widget_NtrcVa { 5205 pointer-events: none; 5206 } 5207 5208 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa { 5209 position: fixed; 5210 right: 14px; 5211 bottom: 18px; 5212 z-index: var(--fcw-z-index); 5213 pointer-events: none; 5214 max-width: calc(100vw - 20px); 5215 } 5216 5217 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__stack { 5218 display: flex; 5219 flex-direction: column;
5220 align-items: center; 5221 padding-top: var(--fcw-pt-m); 5222 padding-bottom: var(--fcw-pb-m); 5223 padding-left: 0; 5224 padding-right: 0; 5225 background: var(--fcw-bg); 5226 border-radius: var(--fcw-stack-radius); 5227 pointer-events: auto; 5228 } 5229 5230 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__node { 5231 width: var(--fcw-size-m); 5232 max-height: calc(var(--fcw-size-m) + 8px); 5233 opacity: 1; 5234 transform: translateY(0) scale(1); 5235 visibility: visible; 5236 overflow: visible; 5237 transition: 5238 opacity var(--fcw-transition-ms) cubic-bezier(0.22, 1, 0.36, 1), 5239 transform var(--fcw-transition-ms) cubic-bezier(0.22, 1, 0.36, 1), 5240 max-height var(--fcw-transition-ms) cubic-bezier(0.22, 1, 0.36, 1), 5241 margin-top var(--fcw-transition-ms) cubic-bezier(0.22, 1, 0.36, 1), 5242 visibility 0s linear 0s; 5243 } 5244 5245 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__node + .fcw__node { 5246 margin-top: var(--fcw-gap-m); 5247 } 5248 5249 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__node--scroll { 5250 width: var(--fcw-scroll-size-m); 5251 max-height: calc(var(--fcw-scroll-size-m) + 8px); 5252 } 5253 5254 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__node--scroll.is-fcw-hidden { 5255 opacity: 0; 5256 transform: translateY(8px) scale(0.88); 5257 max-height: 0; 5258 margin-top: 0 !important; 5259 visibility: hidden; 5260 pointer-events: none; 5261 overflow: hidden; 5262 transition: 5263 opacity var(--fcw-transition-ms) cubic-bezier(0.22, 1, 0.36, 1), 5264 transform var(--fcw-transition-ms) cubic-bezier(0.22, 1, 0.36, 1), 5265 max-height var(--fcw-transition-ms) cubic-bezier(0.22, 1, 0.36, 1), 5266 margin-top var(--fcw-transition-ms) cubic-bezier(0.22, 1, 0.36, 1), 5267 visibility 0s linear var(--fcw-transition-ms); 5268 } 5269 5270 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__item, 5271 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__scroll-btn { 5272 display: flex;
5273 align-items: center; 5274 justify-content: center; 5275 border-radius: var(--fcw-radius); 5276 border: var(--fcw-border-width) solid var(--fcw-border-color); 5277 box-shadow: var(--fcw-shadow); 5278 text-decoration: none; 5279 -webkit-tap-highlight-color: transparent; 5280 } 5281 5282 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__item { 5283 width: var(--fcw-size-m); 5284 height: var(--fcw-size-m); 5285 background: var(--fcw-item-bg); 5286 color: var(--fcw-icon-color); 5287 overflow: hidden; 5288 box-shadow: var(--fcw-icon-shadow); 5289 transition: 5290 background-color 220ms ease, 5291 transform 220ms ease, 5292 box-shadow 220ms ease; 5293 } 5294 5295 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__item:hover { 5296 background: var(--fcw-item-hover-bg); 5297 transform: translateY(-2px); 5298 } 5299 5300 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__item:focus-visible, 5301 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__scroll-btn:focus-visible { 5302 outline: 2px solid currentColor; 5303 outline-offset: 4px; 5304 } 5305 5306 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__picture, 5307 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__svg, 5308 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__fallback-icon { 5309 display: flex;
5310 align-items: center; 5311 justify-content: center; 5312 width: var(--fcw-inner-m); 5313 height: var(--fcw-inner-m); 5314 color: var(--fcw-icon-color); 5315 } 5316 5317 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__picture { 5318 overflow: hidden; 5319 border-radius: inherit; 5320 } 5321 5322 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__img { 5323 display: block; 5324 width: 100%; 5325 height: 100%; 5326 object-fit: contain; 5327 object-position: center center; 5328 border-radius: inherit; 5329 } 5330 5331 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__svg svg, 5332 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__fallback-icon svg { 5333 display: block; 5334 width: 100%; 5335 height: 100%; 5336 } 5337 5338 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__scroll-btn { 5339 width: var(--fcw-scroll-size-m); 5340 height: var(--fcw-scroll-size-m); 5341 padding: 0; 5342 appearance: none; 5343 border: var(--fcw-border-width) solid var(--fcw-border-color); 5344 background: var(--fcw-scroll-bg); 5345 color: var(--fcw-scroll-color); 5346 cursor: pointer; 5347 transition: 5348 background-color 220ms ease, 5349 color 220ms ease, 5350 transform 220ms ease, 5351 box-shadow 220ms ease; 5352 } 5353 5354 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__scroll-btn svg { 5355 width: 58%; 5356 height: 58%; 5357 } 5358 5359 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__scroll-btn:hover { 5360 background: var(--fcw-scroll-hover-bg); 5361 color: var(--fcw-scroll-hover-color); 5362 transform: translateY(-2px); 5363 } 5364 5365 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__scroll-btn--bottom:hover { 5366 transform: translateY(2px); 5367 } 5368 5369 @media (min-width: 750px) { 5370 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa { 5371 5372 right: 24px; 5373 5374 5375 bottom: 28px; 5376 } 5377 5378 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__stack { 5379 padding-top: var(--fcw-pt-d); 5380 padding-bottom: var(--fcw-pb-d); 5381 } 5382 5383 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__node { 5384 width: var(--fcw-size-d); 5385 max-height: calc(var(--fcw-size-d) + 8px); 5386 } 5387 5388 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__node + .fcw__node { 5389 margin-top: var(--fcw-gap-d); 5390 } 5391 5392 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__node--scroll { 5393 width: var(--fcw-scroll-size-d); 5394 max-height: calc(var(--fcw-scroll-size-d) + 8px); 5395 } 5396 5397 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__item { 5398 width: var(--fcw-size-d); 5399 height: var(--fcw-size-d); 5400 } 5401 5402 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__picture, 5403 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__svg, 5404 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__fallback-icon { 5405 width: var(--fcw-inner-d); 5406 height: var(--fcw-inner-d); 5407 } 5408 5409 .fcw-sections--27946631332203__floating_contact_widget_NtrcVa .fcw__scroll-btn { 5410 width: var(--fcw-scroll-size-d); 5411 height: var(--fcw-scroll-size-d); 5412 } 5413 } 5414</style> 5415
5416<script> 5417 (() => { 5418 const sectionId = "sections--27946631332203__floating_contact_widget_NtrcVa"; 5419 const root = document.querySelector( 5420 '[data-fcw-root="' + sectionId + '"]' 5421 ); 5422 5423 if (!root || root.dataset.fcwBound === "true") return; 5424 5425 root.dataset.fcwBound = "true"; 5426 5427 const topNode = root.querySelector("[data-fcw-top-node]"); 5428 const bottomNode = root.querySelector("[data-fcw-bottom-node]"); 5429 const topButton = root.querySelector( 5430 '[data-fcw-scroll-button="top"]' 5431 ); 5432 const bottomButton = root.querySelector( 5433 '[data-fcw-scroll-button="bottom"]' 5434 ); 5435 5436 const duration = Math.max( 5437 100, 5438 parseInt( 5439 root.getAttribute("data-scroll-duration") || "520", 5440 10 5441 ) 5442 ); 5443 5444 const getScrollElement = () => { 5445 return document.scrollingElement || document.documentElement; 5446 }; 5447 5448 const clamp = (value, min, max) => { 5449 return Math.max(min, Math.min(max, value)); 5450 }; 5451 5452 const getMaxScroll = () => { 5453 const el = getScrollElement(); 5454 5455 return Math.max( 5456 0, 5457 el.scrollHeight - window.innerHeight 5458 ); 5459 }; 5460 5461 const setHidden = (node, button, hidden) => { 5462 if (!node) return; 5463 5464 node.classList.toggle("is-fcw-hidden", hidden); 5465 5466 if (button) { 5467 if (hidden) { 5468 button.setAttribute("aria-hidden", "true"); 5469 button.setAttribute("tabindex", "-1"); 5470 } else { 5471 button.removeAttribute("aria-hidden"); 5472 button.removeAttribute("tabindex"); 5473 } 5474 } 5475 }; 5476 5477 let ticking = false; 5478 5479 const updateButtons = () => { 5480 ticking = false; 5481 5482 const el = getScrollElement(); 5483 const y = el.scrollTop || window.pageYOffset || 0; 5484 const max = getMaxScroll(); 5485 const threshold = 4; 5486 5487 if (max <= threshold) { 5488 setHidden(topNode, topButton, true); 5489 setHidden(bottomNode, bottomButton, true); 5490 return; 5491 } 5492 5493 setHidden( 5494 topNode, 5495 topButton, 5496 y <= threshold 5497 ); 5498 5499 setHidden( 5500 bottomNode, 5501 bottomButton, 5502 max - y <= threshold 5503 ); 5504 }; 5505 5506 const requestUpdate = () => { 5507 if (ticking) return; 5508 5509 ticking = true; 5510 requestAnimationFrame(updateButtons); 5511 }; 5512 5513 let activeScrollAnimation = null; 5514 5515 const easeInOutCubic = (t) => { 5516 return t < 0.5 5517 ? 4 * t * t * t 5518 : 1 - Math.pow(-2 * t + 2, 3) / 2; 5519 }; 5520 5521 const animateScrollTo = (targetY) => { 5522 const el = getScrollElement(); 5523 const startY = el.scrollTop || window.pageYOffset || 0; 5524 const maxY = getMaxScroll(); 5525 const destination = clamp(targetY, 0, maxY); 5526 const distance = destination - startY; 5527 5528 if (Math.abs(distance) < 2) { 5529 window.scrollTo(0, destination); 5530 requestUpdate(); 5531 return; 5532 } 5533 5534 if (activeScrollAnimation) { 5535 cancelAnimationFrame(activeScrollAnimation); 5536 } 5537 5538 const startTime = performance.now(); 5539 5540 const step = (now) => { 5541 const progress = clamp( 5542 (now - startTime) / duration, 5543 0, 5544 1 5545 ); 5546 5547 const eased = easeInOutCubic(progress); 5548 5549 window.scrollTo( 5550 0, 5551 startY + distance * eased 5552 ); 5553 5554 if (progress < 1) { 5555 activeScrollAnimation = requestAnimationFrame(step); 5556 } else { 5557 activeScrollAnimation = null; 5558 requestUpdate(); 5559 } 5560 }; 5561 5562 activeScrollAnimation = requestAnimationFrame(step); 5563 }; 5564 5565 const onTopClick = () => { 5566 animateScrollTo(0); 5567 }; 5568 5569 const onBottomClick = () => { 5570 animateScrollTo(getMaxScroll()); 5571 }; 5572 5573 if (topButton) { 5574 topButton.addEventListener("click", onTopClick); 5575 } 5576 5577 if (bottomButton) { 5578 bottomButton.addEventListener("click", onBottomClick); 5579 } 5580 5581 window.addEventListener( 5582 "scroll", 5583 requestUpdate, 5584 { passive: true } 5585 ); 5586 5587 window.addEventListener( 5588 "resize", 5589 requestUpdate, 5590 { passive: true } 5591 ); 5592 5593 window.addEventListener( 5594 "load", 5595 requestUpdate, 5596 { passive: true } 5597 ); 5598 5599 requestUpdate(); 5600 setTimeout(requestUpdate, 120); 5601 setTimeout(requestUpdate, 600); 5602 5603 document.addEventListener( 5604 "shopify:section:load", 5605 (event) => { 5606 if ( 5607 !event || 5608 !event.detail || 5609 event.detail.sectionId !== sectionId 5610 ) { 5611 return; 5612 } 5613 5614 requestUpdate(); 5615 } 5616 ); 5617 5618 document.addEventListener( 5619 "shopify:section:unload", 5620 (event) => { 5621 if ( 5622 !event || 5623 !event.detail || 5624 event.detail.sectionId !== sectionId 5625 ) { 5626 return; 5627 } 5628 5629 window.removeEventListener( 5630 "scroll", 5631 requestUpdate 5632 ); 5633 5634 window.removeEventListener( 5635 "resize", 5636 requestUpdate 5637 ); 5638 5639 window.removeEventListener( 5640 "load", 5641 requestUpdate 5642 ); 5643 5644 if (topButton) { 5645 topButton.removeEventListener( 5646 "click", 5647 onTopClick 5648 ); 5649 } 5650 5651 if (bottomButton) { 5652 bottomButton.removeEventListener( 5653 "click", 5654 onBottomClick 5655 ); 5656 } 5657 5658 if (activeScrollAnimation) { 5659 cancelAnimationFrame(activeScrollAnimation); 5660 } 5661 } 5662 ); 5663 })();
5664</script>
5664 5665 5666</section><div id="shopify-section-sections--27946631332203__footer" class="shopify-section shopify-section-group-footer-group"> 5667<link href="//minipetmall.co.kr/cdn/shop/t/2/assets/section-footer.css?v=60318643098753476351783600622" rel="stylesheet" type="text/css" media="all" /> 5668<link href="//minipetmall.co.kr/cdn/shop/t/2/assets/component-newsletter.css?v=4727253280200485261783600622" rel="stylesheet" type="text/css" media="all" /> 5669<link href="//minipetmall.co.kr/cdn/shop/t/2/assets/component-list-menu.css?v=151968516119678728991783600622" rel="stylesheet" type="text/css" media="all" /> 5670<link href="//minipetmall.co.kr/cdn/shop/t/2/assets/component-list-payment.css?v=69253961410771838501783600622" rel="stylesheet" type="text/css" media="all" /> 5671<link href="//minipetmall.co.kr/cdn/shop/t/2/assets/component-list-social.css?v=35792976012981934991783600622" rel="stylesheet" type="text/css" media="all" /> 5672<style data-shopify>.footer { 5673 margin-top: 0px; 5674 } 5675 5676 .section-sections--27946631332203__footer-padding { 5677 padding-top: 27px; 5678 padding-bottom: 27px; 5679 } 5680 5681 @media screen and (min-width: 750px) { 5682 .footer { 5683 margin-top: 0px; 5684 } 5685 5686 .section-sections--27946631332203__footer-padding { 5687 padding-top: 36px; 5688 padding-bottom: 36px; 5689 } 5690 } 5691 5692 .footer .footer-block--menu > .footer-block__heading, 5693 .footer-menu-mobile__title { 5694 display: block; 5695 margin: 0; 5696 line-height: 1.3; 5697 font: inherit; 5698 letter-spacing: 0; 5699 text-transform: none; 5700 } 5701 5702 .footer .footer-block--menu > .footer-block__heading { 5703 margin-bottom: 1.2rem; 5704 } 5705 5706 .footer-menu-mobile { 5707 display: none; 5708 } 5709 5710 @media screen and (max-width: 749px) { 5711 .footer .footer-block--menu > .footer-block__heading, 5712 .footer .footer-block--menu > .footer-block__details-content.list-unstyled { 5713 display: none; 5714 } 5715 5716 .footer-menu-mobile { 5717 display: block; 5718 border-bottom: 1px solid rgba(0, 0, 0, 0.12); 5719 padding-bottom: 1.4rem; 5720 margin-bottom: 1.4rem; 5721 } 5722 5723 .footer .footer-block--menu:last-child .footer-menu-mobile { 5724 margin-bottom: 0; 5725 } 5726 5727 .footer-menu-mobile__trigger { 5728 width: 100%; 5729 appearance: none; 5730 background: transparent; 5731 border: 0; 5732 padding: 0; 5733 margin: 0; 5734 display: flex; 5735 align-items: center; 5736 justify-content: space-between; 5737 gap: 1.2rem; 5738 text-align: left; 5739 cursor: pointer; 5740 } 5741 5742 .footer-menu-mobile__title { 5743 display: block; 5744 margin: 0; 5745 line-height: 1.3; 5746 font: inherit; 5747 letter-spacing: 0; 5748 text-transform: none; 5749 } 5750 5751 .footer-menu-mobile__icon { 5752 width: 1.8rem; 5753 height: 1.8rem; 5754 flex: 0 0 auto; 5755 display: inline-flex; 5756 align-items: center; 5757 justify-content: center; 5758 color: currentColor; 5759 transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1); 5760 transform-origin: center; 5761 } 5762 5763 .footer-menu-mobile.is-open .footer-menu-mobile__icon { 5764 transform: rotate(180deg); 5765 } 5766 5767 .footer-menu-mobile__panel { 5768 overflow: hidden; 5769 height: 0; 5770 opacity: 0; 5771 transition: 5772 height 280ms cubic-bezier(0.22, 1, 0.36, 1), 5773 opacity 180ms ease; 5774 } 5775 5776 .footer-menu-mobile.is-open .footer-menu-mobile__panel { 5777 opacity: 1; 5778 } 5779 5780 .footer-menu-mobile__inner { 5781 padding-top: 1.2rem; 5782 } 5783 5784 .footer-menu-mobile__list { 5785 margin: 0; 5786 padding: 0; 5787 list-style: none; 5788 display: grid; 5789 gap: 0.95rem; 5790 } 5791 5792 .footer-menu-mobile__list .list-menu__item--link { 5793 display: inline-block; 5794 text-decoration: none; 5795 } 5796 } 5797 5798 @media screen and (min-width: 750px) { 5799 .footer-menu-mobile { 5800 display: none !important; 5801 } 5802 } 5803 5804 @media (prefers-reduced-motion: reduce) { 5805 .footer-menu-mobile__icon, 5806 .footer-menu-mobile__panel { 5807 transition: none !important; 5808 } 5809 } 5810 5811 /* footer block layout fix */ 5812 .footer .footer__blocks-wrapper { 5813 align-items: start; 5814 } 5815 5816 .footer .footer__blocks-wrapper > .grid__item, 5817 .footer .footer__blocks-wrapper > .footer-block { 5818 min-width: 0; 5819 width: 100%; 5820 max-width: 100%; 5821 } 5822 5823 .footer .footer-block--newsletter-custom { 5824 min-width: 0; 5825 max-width: 100%; 5826 align-self: start; 5827 } 5828 5829 .footer .footer-block--newsletter-custom .footer-block__newsletter-stack { 5830 display: grid; 5831 grid-template-columns: 1fr; 5832 row-gap: 1.2rem; 5833 width: 100%; 5834 max-width: 100%; 5835 } 5836 5837 .footer .footer-block--newsletter-custom .footer-block__heading { 5838 display: block; 5839 margin: 0; 5840 line-height: 1.3; 5841 letter-spacing: 0; 5842 text-transform: none; 5843 } 5844 5845 .footer .footer-block--newsletter-custom .footer-block__newsletter, 5846 .footer .footer-block--newsletter-custom .footer__newsletter, 5847 .footer .footer-block--newsletter-custom .newsletter-form, 5848 .footer .footer-block--newsletter-custom .newsletter-form__field-wrapper { 5849 width: 100%; 5850 max-width: 100%; 5851 margin: 0; 5852 } 5853 5854 .footer .footer-block--newsletter-custom .newsletter-form__field-wrapper { 5855 display: block; 5856 } 5857 5858 .footer .footer-block--newsletter-custom .field { 5859 width: 100%; 5860 max-width: 100%; 5861 min-width: 0; 5862 margin: 0; 5863 } 5864 5865 .footer .footer-block--newsletter-custom .field__input { 5866 width: 100%; 5867 max-width: 100%; 5868 min-width: 0; 5869 box-sizing: border-box; 5870 padding-right: 4.8rem; 5871 } 5872 5873 .footer .footer-block--newsletter-custom .field__button { 5874 right: 0; 5875 } 5876 5877 .footer .footer-block--newsletter-custom .newsletter-form__message { 5878 margin-top: 1rem; 5879 } 5880 5881 @media screen and (min-width: 750px) { 5882 .footer .footer-block--newsletter-custom .footer-block__newsletter-stack { 5883 row-gap: 1.4rem; 5884 } 5885 } 5886 5887 @media screen and (max-width: 749px) { 5888 .footer .footer-block--newsletter-custom .footer-block__newsletter-stack { 5889 row-gap: 1rem; 5890 } 5891 } 5892 5893 /* desktop: force all footer blocks into one row up to 4 columns */ 5894 @media screen and (min-width: 990px) {
5895 .footer .footer__content-top .footer__blocks-wrapper { 5896 display: grid !important; 5897 grid-template-columns: repeat(4, minmax(0, 1fr)) !important; 5898 column-gap: 4rem; 5899 row-gap: 0; 5900 align-items: start; 5901 } 5902 5903 .footer .footer__content-top .footer__blocks-wrapper > .footer-block { 5904 width: auto !important; 5905 max-width: none !important; 5906 flex: none !important; 5907 grid-column: auto !important; 5908 } 5909 5910 .footer .footer__content-top .footer__blocks-wrapper > .footer-block--newsletter-custom { 5911 width: auto !important; 5912 max-width: none !important; 5913 grid-column: auto !important; 5914 } 5915 5916 .footer .footer__content-top .footer__blocks-wrapper > .footer-block--newsletter-custom .footer-block__newsletter, 5917 .footer .footer__content-top .footer__blocks-wrapper > .footer-block--newsletter-custom .footer__newsletter, 5918 .footer .footer__content-top .footer__blocks-wrapper > .footer-block--newsletter-custom .newsletter-form, 5919 .footer .footer__content-top .footer__blocks-wrapper > .footer-block--newsletter-custom .newsletter-form__field-wrapper, 5920 .footer .footer__content-top .footer__blocks-wrapper > .footer-block--newsletter-custom .field { 5921 width: 100% !important; 5922 max-width: 100% !important; 5923 } 5924 } 5925 5926 @media screen and (min-width: 750px) { 5927 .footer-block__details-content .list-menu__item--link { 5928 text-decoration: none !important; 5929 box-shadow: none !important; 5930 background-image: none !important; 5931 border-bottom: 0 !important; 5932 } 5933} 5934 5935@media screen and (max-width: 749px) { 5936 .footer-block__details-content .list-menu__item--link { 5937 text-decoration: none !important; 5938 box-shadow: none !important; 5939 background-image: none !important; 5940 border-bottom: 0 !important; 5941 } 5942} 5943 5944 .footer .footer-block--text-custom { 5945 min-width: 0; 5946 max-width: 100%; 5947 align-self: start; 5948 } 5949 5950 .footer .footer-block--text-custom .footer-block__custom-contact { 5951 display: flex; 5952 flex-direction: column; 5953 gap: 0; 5954 width: 100%; 5955 max-width: 100%; 5956 } 5957 5958 .footer .footer-block--text-custom .footer-block__logo { 5959 width: 100%; 5960 } 5961 5962 .footer .footer-block--text-custom .footer-block__logo:not(:empty) { 5963 margin-bottom: 1.2rem; 5964 } 5965 5966 .footer .footer-block--text-custom .footer-block__logo img { 5967 display: block; 5968 max-width: 100%; 5969 width: auto; 5970 height: auto; 5971 } 5972 5973 .footer .footer-block--text-custom .footer-block__heading { 5974 margin: 0; 5975 line-height: 1.3; 5976 letter-spacing: 0; 5977 text-transform: none; 5978 } 5979 5980 .footer .footer-block--text-custom .footer-block__heading:not(:last-child) { 5981 margin-bottom: 1rem; 5982 } 5983 5984 .footer .footer-block--text-custom .footer-block__details-content { 5985 margin: 0; 5986 } 5987 5988 .footer .footer-block--text-custom .footer-block__details-content:not(:last-child) { 5989 margin-bottom: 1rem; 5990 } 5991 5992 .footer .footer-block--text-custom .footer-block__contact { 5993 display: grid; 5994 gap: 0; 5995 width: 100%; 5996 } 5997 5998 .footer .footer-block--text-custom .footer-block__item { 5999 margin: 0; 6000 line-height: 1.5; 6001 } 6002 6003 .footer .footer-block--text-custom .footer-block__item + .footer-block__item { 6004 margin-top: 0.4rem; 6005 } 6006 6007 @media screen and (min-width: 750px) { 6008 .footer .footer-block--text-custom .footer-block__item { 6009 font-size: var(--footer-text-font-desktop, 14px); 6010 } 6011 } 6012 6013 @media screen and (max-width: 749px) { 6014 .footer .footer-block--text-custom .footer-block__item { 6015 font-size: var(--footer-text-font-mobile, 13px); 6016 } 6017 } 6018 6019 .footer .footer-block--text-custom .footer-block__logo img { 6020 max-width: 50% !important; 6021 width: auto !important; 6022 height: auto !important; 6023} 6024 6025@media screen and (max-width: 749px) { 6026 .footer .footer-block--text-custom, 6027 .footer .footer-block--text-custom .footer-block__custom-contact, 6028 .footer .footer-block--text-custom .footer-block__logo, 6029 .footer .footer-block--text-custom .footer-block__heading, 6030 .footer .footer-block--text-custom .footer-block__details-content, 6031 .footer .footer-block--text-custom .footer-block__contact, 6032 .footer .footer-block--text-custom .footer-block__item { 6033 text-align: center !important; 6034 justify-content: center !important;
6035 align-items: center !important; 6036 } 6037 6038 .footer .footer-block--text-custom .footer-block__logo img { 6039 margin-left: auto !important; 6040 margin-right: auto !important; 6041 } 6042} 6043 6044.footer .footer-block--text-custom .footer-block__social { 6045 width: 100%; 6046 margin-top: 1.2rem; 6047} 6048 6049.footer .footer-block--text-custom .footer-block__social .footer__list-social { 6050 display: flex; 6051 flex-wrap: wrap; 6052 gap: 1rem; 6053} 6054 6055@media screen and (min-width: 750px) { 6056 .footer .footer-block--text-custom .footer-block__social .footer__list-social { 6057 justify-content: flex-start; 6058 } 6059} 6060 6061@media screen and (max-width: 749px) { 6062 .footer .footer-block--text-custom .footer-block__social .footer__list-social { 6063 justify-content: center; 6064 } 6065} 6066 6067@media screen and (min-width: 750px) { 6068 .list-social__item:first-child .link--text, 6069 .list-social__item:first-child .link, 6070 .list-social__item:first-child a { 6071 padding-left: 0 !important; 6072 } 6073}</style><footer class="footer color-scheme-1 gradient section-sections--27946631332203__footer-padding"><div class="footer__content-top page-width"><div 6074 class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet scroll-tr
6074igger animate--slide-in" 6075 6076 data-cascade 6077 6078 ><div 6079 class="footer-block grid__item footer-block--text-custom scroll-trigger animate--slide-in" 6080 6081 6082 data-cascade 6083 style="--animation-order: 1;" 6084 6085 ><div 6086 class="footer-block__custom-contact" 6087 style=" 6088 --footer-text-font-desktop: 14px; 6089 --footer-text-font-mobile: 13px; 6090 " 6091 ><div class="footer-block__logo"> 6092 <img src="//minipetmall.co.kr/cdn/shop/files/imgi_4_a7dd5492b2b45e08afd26607f81898ea.png?v=1783601436&width=500" srcset="//minipetmall.co.kr/cdn/shop/files/imgi_4_a7dd5492b2b45e08afd26607f81898ea.png?v=1783601436&width=120 120w, //minipetmall.co.kr/cdn/shop/files/imgi_4_a7dd5492b2b45e08afd26607f81898ea.png?v=1783601436&width=180 180w, //minipetmall.co.kr/cdn/shop/files/imgi_4_a7dd5492b2b45e08afd26607f81898ea.png?v=1783601436&width=240 240w, //minipetmall.co.kr/cdn/shop/files/imgi_4_a7dd5492b2b45e08afd26607f81898ea.png?v=1783601436&width=320 320w, //minipetmall.co.kr/cdn/shop/files/imgi_4_a7dd5492b2b45e08afd26607f81898ea.png?v=1783601436&width=400 400w, //minipetmall.co.kr/cdn/shop/files/imgi_4_a7dd5492b2b45e08afd26607f81898ea.png?v=1783601436&width=500 500w" width="500" height="194" loading="lazy"> 6093 </div><div class="footer-block__details-content rte"> 6094 <p>ë물í매ì ë±ë¡ë²í¸<br/>3030000â37-2-14-0005í¸</p> 6095 </div><div class="footer-block__social"> 6096 6097<ul class="list-unstyled list-social footer__list-social" role="list"><li class="list-social__item"> 6098 <a href="https://www.instagram.com/koreateacuppuppies/" class="link list-social__link"> 6099 <span class="svg-wrapper"><svg class="icon icon-instagram" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.4 2.4 0 0 0-.912.593 2.5 2.5 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23s.01 2.39.046 3.229c.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046s2.39-.01 3.23-.046c.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23s-.01-2.39-.055-3.229c-.027-.784-.164-1.204-.274-1.495a2.4 2.4 0 0 0-.593-.913 2.6 2.6 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045a63 63 0 0 1 3.302.045c.664.014 1.321.14 1.943.374a4 4 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.9 3.9 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.15 4.15 0 0 1-1.414-.922 4.1 4.1 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.4 4.4 0 0 1 .92-1.414 4.2 4.2 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805m1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93m5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355" clip-rule="evenodd"/></svg> 6100</span> 6101 <span class="visually-hidden">Instagram</span> 6102 </a> 6103 </li><li class="list-social__item"> 6104 <a href="https://www.youtube.com/@koreateacuppuppies9358" class="link list-social__link"> 6105 <span class="svg-wrapper"><svg class="icon icon-youtube" viewBox="0 0 20 20"><path fill="currentColor" d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.13 2.13 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.13 2.13 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.17 2.17 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.17 2.17 0 0 1 1.53 1.53M8.3 12.5l4.42-2.55L8.3 7.4z"/></svg> 6106</span>
6107 <span class="visually-hidden">YouTube</span> 6108 </a> 6109 </li></ul> 6110</div></div></div><div 6111 class="footer-block grid__item footer-block--menu scroll-trigger animate--slide-in" 6112 6113 6114 data-cascade 6115 style="--animation-order: 2;" 6116 6117 ><h2 class="footer-block__heading inline-richtext"><strong>Quick Menu</strong></h2><ul class="footer-block__details-content list-unstyled"><li> 6118 <a 6119 href="/pages/ceo-message" 6120 class="link link--text list-menu__item list-menu__item--link" 6121 > 6122 ABOUT MINIPET 6123 </a> 6124 </li><li> 6125 <a 6126 href="/pages/aftercare" 6127 class="link link--text list-menu__item list-menu__item--link" 6128 > 6129 ë¶ììì¤í 6130 </a> 6131 </li><li> 6132 <a 6133 href="/pages/overseas-adoption" 6134 class="link link--text list-menu__item list-menu__item--link" 6135 > 6136 OVERSEAS ADOPTION 6137 </a> 6138 </li><li> 6139 <a 6140 href="/pages/gangnam-store" 6141 class="link link--text list-menu__item list-menu__item--link" 6142 > 6143 ì§ì ìë´ 6144 </a> 6145 </li><li> 6146 <a 6147 href="/blogs/customer" 6148 class="link link--text list-menu__item list-menu__item--link" 6149 > 6150 ì ìí기 6151 </a> 6152 </li><li> 6153 <a 6154 href="/pages/faqs" 6155 class="link link--text list-menu__item list-menu__item--link" 6156 > 6157 FAQs 6158 </a> 6159 </li></ul> 6160 6161 <div 6162 class="footer-menu-mobile" 6163 data-footer-menu-mobile 6164 data-default-open="false" 6165 > 6166 <button 6167 type="button" 6168 class="footer-menu-mobile__trigger" 6169 aria-expanded="false" 6170 > 6171 <span class="footer-menu-mobile__title inline-richtext"><strong>Quick Menu</strong> 6172</span> 6173 6174 <span class="footer-menu-mobile__icon" aria-hidden="true"> 6175 <svg viewBox="0 0 20 20" width="18" height="18" fill="none" focusable="false"> 6176 <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6177 </svg> 6178 </span> 6179 </button> 6180 6181 <div class="footer-menu-mobile__panel"> 6182 <div class="footer-menu-mobile__inner"> 6183 <ul class="footer-menu-mobile__list"><li> 6184 <a 6185 href="/pages/ceo-message" 6186 class="link link--text list-menu__item list-menu__item--link" 6187 > 6188 ABOUT MINIPET 6189 </a> 6190 </li><li> 6191 <a 6192 href="/pages/aftercare" 6193 class="link link--text list-menu__item list-menu__item--link" 6194 > 6195 ë¶ììì¤í 6196 </a> 6197 </li><li> 6198 <a 6199 href="/pages/overseas-adoption" 6200 class="link link--text list-menu__item list-menu__item--link" 6201 > 6202 OVERSEAS ADOPTION 6203 </a> 6204 </li><li> 6205 <a 6206 href="/pages/gangnam-store" 6207 class="link link--text list-menu__item list-menu__item--link" 6208 > 6209 ì§ì ìë´ 6210 </a> 6211 </li><li> 6212 <a 6213 href="/blogs/customer" 6214 class="link link--text list-menu__item list-menu__item--link" 6215 > 6216 ì ìí기 6217 </a> 6218 </li><li> 6219 <a 6220 href="/pages/faqs" 6221 class="link link--text list-menu__item list-menu__item--link" 6222 > 6223 FAQs 6224 </a> 6225 </li></ul> 6226 </div> 6227 </div> 6228 </div></div><div 6229 class="footer-block grid__item footer-block--menu scroll-tr
6229igger animate--slide-in" 6230 6231 6232 data-cascade 6233 style="--animation-order: 3;" 6234 6235 ><h2 class="footer-block__heading inline-richtext"><strong>SHOP</strong></h2><ul class="footer-block__details-content list-unstyled"><li> 6236 <a 6237 href="/collections/view-all-mini-pet" 6238 class="link link--text list-menu__item list-menu__item--link" 6239 > 6240 MINIPET ð¶ 6241 </a> 6242 </li><li> 6243 <a 6244 href="/collections/view-all-mini-cat" 6245 class="link link--text list-menu__item list-menu__item--link" 6246 > 6247 MINICAT ð± 6248 </a> 6249 </li></ul> 6250 6251 <div 6252 class="footer-menu-mobile" 6253 data-footer-menu-mobile 6254 data-default-open="false" 6255 > 6256 <button 6257 type="button" 6258 class="footer-menu-mobile__trigger" 6259 aria-expanded="false" 6260 > 6261 <span class="footer-menu-mobile__title inline-richtext"><strong>SHOP</strong> 6262</span> 6263 6264 <span class="footer-menu-mobile__icon" aria-hidden="true"> 6265 <svg viewBox="0 0 20 20" width="18" height="18" fill="none" focusable="false"> 6266 <path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 6267 </svg> 6268 </span> 6269 </button> 6270 6271 <div class="footer-menu-mobile__panel"> 6272 <div class="footer-menu-mobile__inner"> 6273 <ul class="footer-menu-mobile__list"><li> 6274 <a 6275 href="/collections/view-all-mini-pet" 6276 class="link link--text list-menu__item list-menu__item--link" 6277 > 6278 MINIPET ð¶ 6279 </a> 6280 </li><li> 6281 <a 6282 href="/collections/view-all-mini-cat" 6283 class="link link--text list-menu__item list-menu__item--link" 6284 > 6285 MINICAT ð± 6286 </a> 6287 </li></ul> 6288 </div> 6289 </div> 6290 </div></div><div 6291 class="footer-block grid__item footer-block--newsletter-custom scroll-trigger animate--slide-in" 6292 6293 6294 data-cascade 6295 style="--animation-order: 4;" 6296 6297 ><div class="footer-block__newsletter-stack"><h2 class="footer-block__heading inline-richtext">Subscribe to our emails</h2><div class="footer-block__newsletter"><form method="post" action="/contact#ContactFooter-newsletter_wWiAHm" id="ContactFooter-newsletter_wWiAHm" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /><input type="hidden" name="contact[tags]" value="newsletter"> 6298 <div class="newsletter-form__field-wrapper"> 6299 <div class="field"> 6300 <input 6301 id="NewsletterForm--sections--27946631332203__footer-newsletter_wWiAHm" 6302 type="email" 6303 name="contact[email]" 6304 class="field__input" 6305 value="" 6306 aria-required="true" 6307 autocorrect="off" 6308 autocapitalize="off" 6309 autocomplete="email" 6310 6311 placeholder="ì´ë©ì¼" 6312 required 6313 > 6314 <label class="field__label" for="NewsletterForm--sections--27946631332203__footer-newsletter_wWiAHm"> 6315 ì´ë©ì¼ 6316 </label> 6317 <button 6318 type="submit" 6319 class="newsletter-form__button field__button" 6320 name="commit" 6321 id="Subscribe-newsletter_wWiAHm" 6322 aria-label="ê°ì í기" 6323 >
6324 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" fill="none" class="icon icon-arrow" viewBox="0 0 14 10"><path fill="currentColor" fill-rule="evenodd" d="M8.537.808a.5.5 0 0 1 .817-.162l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 1 1-.708-.708L11.793 5.5H1a.5.5 0 0 1 0-1h10.793L8.646 1.354a.5.5 0 0 1-.109-.546" clip-rule="evenodd"/></svg> 6325</span> 6326 </button> 6327 </div></div></form></div> 6328 </div></div></div></div><div 6329 class="footer__content-bottom scroll-trigger animate--slide-in" 6330 6331 data-cascade 6332 6333 > 6334 <div class="footer__content-bottom-wrapper page-width"> 6335 <div class="footer__column footer__localization isolate"></div> 6336 6337 <div class="footer__column footer__column--info"><div class="footer__payment"> 6338 <span class="visually-hidden">ê²°ì ë°©ë²</span> 6339 <ul class="list list-payment" role="list"></ul> 6340 </div></div> 6341 </div> 6342 6343 <div class="footer__content-bottom-wrapper page-width footer__content-bottom-wrapper--center"> 6344 <div class="footer__copyright caption"> 6345 <small class="copyright__content"> 6346 © 2026, <a href="/">Minipet_KR</a>. All rights reserved. 6347 </small><ul class="policies list-unstyled"><li> 6348 <small class="copyright__content"> 6349 <a href="/policies/privacy-policy">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a> 6350 </small> 6351 </li><li> 6352 <small class="copyright__content"> 6353 <a href="/policies/refund-policy">íë¶ ì ì± </a> 6354 </small> 6355 </li><li> 6356 <small class="copyright__content"> 6357 <a href="/policies/shipping-policy">ë°°ì¡ ì ì± </a> 6358 </small> 6359 </li><li> 6360 <small class="copyright__content"> 6361 <a href="/policies/terms-of-service">ìë¹ì¤ ì½ê´</a> 6362 </small> 6363 </li></ul></div> 6364 </div> 6365 </div> 6366 6367
6367<script> 6368 (() => { 6369 const sectionRoot = 6370 document.getElementById('shopify-section-sections--27946631332203__footer') || 6371 document.currentScript.closest('.shopify-section') || 6372 document; 6373 6374 const accordions = Array.from(sectionRoot.querySelectorAll('[data-footer-menu-mobile]')); 6375 if (!accordions.length) return; 6376 6377 const isMobile = () => window.matchMedia('(max-width: 749px)').matches; 6378 6379 const openAccordion = (acc, immediate = false) => { 6380 const button = acc.querySelector('.footer-menu-mobile__trigger'); 6381 const panel = acc.querySelector('.footer-menu-mobile__panel'); 6382 if (!button || !panel) return; 6383 6384 acc.classList.add('is-open'); 6385 button.setAttribute('aria-expanded', 'true'); 6386 6387 if (!isMobile()) { 6388 panel.style.height = ''; 6389 panel.style.opacity = ''; 6390 return; 6391 } 6392 6393 if (immediate) { 6394 panel.style.height = 'auto'; 6395 panel.style.opacity = '1'; 6396 return; 6397 } 6398 6399 panel.style.height = panel.offsetHeight + 'px'; 6400 panel.style.opacity = '1'; 6401 6402 requestAnimationFrame(() => { 6403 panel.style.height = panel.scrollHeight + 'px'; 6404 }); 6405 6406 const done = (e) => { 6407 if (e.propertyName !== 'height') return; 6408 panel.style.height = 'auto'; 6409 panel.removeEventListener('transitionend', done); 6410 }; 6411 panel.addEventListener('transitionend', done); 6412 }; 6413 6414 const closeAccordion = (acc, immediate = false) => { 6415 const button = acc.querySelector('.footer-menu-mobile__trigger'); 6416 const panel = acc.querySelector('.footer-menu-mobile__panel'); 6417 if (!button || !panel) return; 6418 6419 acc.classList.remove('is-open'); 6420 button.setAttribute('aria-expanded', 'false'); 6421 6422 if (!isMobile()) { 6423 panel.style.height = ''; 6424 panel.style.opacity = ''; 6425 return; 6426 } 6427 6428 if (immediate) { 6429 panel.style.height = '0px'; 6430 panel.style.opacity = '0'; 6431 return; 6432 } 6433 6434 panel.style.height = panel.scrollHeight + 'px'; 6435 panel.style.opacity = '1'; 6436 6437 requestAnimationFrame(() => { 6438 panel.style.height = '0px'; 6439 panel.style.opacity = '0'; 6440 }); 6441 }; 6442 6443 const syncState = (immediate = true) => { 6444 accordions.forEach((acc) => { 6445 const defaultOpen = acc.dataset.defaultOpen === 'true'; 6446 6447 if (!isMobile()) { 6448 const panel = acc.querySelector('.footer-menu-mobile__panel'); 6449 const button = acc.querySelector('.footer-menu-mobile__trigger'); 6450 acc.classList.remove('is-open'); 6451 if (panel) { 6452 panel.style.height = ''; 6453 panel.style.opacity = ''; 6454 } 6455 if (button) button.setAttribute('aria-expanded', 'false'); 6456 return; 6457 } 6458 6459 if (defaultOpen) { 6460 openAccordion(acc, immediate); 6461 } else { 6462 closeAccordion(acc, immediate); 6463 } 6464 }); 6465 }; 6466 6467 accordions.forEach((acc) => { 6468 const button = acc.querySelector('.footer-menu-mobile__trigger'); 6469 if (!button) return; 6470 6471 button.addEventListener('click', () => { 6472 if (!isMobile()) return; 6473 6474 if (acc.classList.contains('is-open')) { 6475 closeAccordion(acc, false); 6476 } else { 6477 openAccordion(acc, false); 6478 } 6479 }); 6480 }); 6481 6482 syncState(true); 6483 6484 let resizeTimer = null; 6485 window.addEventListener('resize', () => { 6486 clearTimeout(resizeTimer); 6487 resizeTimer = setTimeout(() => syncState(true), 120); 6488 }); 6489 6490 document.addEventListener('shopify:block:select', (event) => { 6491 const block = event.target.closest('.footer-block--menu'); 6492 if (!block || !isMobile()) return; 6493 const acc = block.querySelector('[data-footer-menu-mobile]'); 6494 if (!acc) return; 6495 openAccordion(acc, false); 6496 }); 6497 })(); 6498 </script>
6498 6499</footer> 6500 6501</div> 6502<!-- END sections: footer-group --> 6503 6504 <ul hidden> 6505 <li id="a11y-refresh-page-message">ì íì ë르면 ì ì²´ íì´ì§ê° ìë¡ ê³ ì³ì§ëë¤.</li> 6506 <li id="a11y-new-window-message">ì ì°½ìì ì´ë¦½ëë¤.</li> 6507 </ul> 6508 6509
6509<script> 6510 window.shopUrl = 'https://minipetmall.co.kr'; 6511 window.routes = { 6512 cart_add_url: '/cart/add', 6513 cart_change_url: '/cart/change', 6514 cart_update_url: '/cart/update', 6515 cart_url: '/cart', 6516 predictive_search_url: '/search/suggest', 6517 }; 6518 6519 window.cartStrings = { 6520 error: `ì¹´í¸ë¥¼ ì ë°ì´í¸íë ì¤ ì¤ë¥ê° ë°ìíìµëë¤. ë¤ì ìëíììì¤.`, 6521 quantityError: `ì¹´í¸ìë ì´ í목ì [quantity]ê°ë§ ì¶ê°í ì ììµëë¤.`, 6522 }; 6523 6524 window.variantStrings = { 6525 addToCart: `ì¹´í¸ì ì¶ê°`, 6526 soldOut: `íì `, 6527 unavailable: `ì¬ì©í ì ìì`, 6528 unavailable_with_option: `[value] - ì¬ì©í ì ìì`, 6529 }; 6530 6531 window.quickOrderListStrings = { 6532 itemsAdded: `[quantity]ê° í목 ì¶ê°ë¨`, 6533 itemAdded: `[quantity]ê° í목 ì¶ê°ë¨`, 6534 itemsRemoved: `[quantity]ê° í목 ì ê±°ë¨`, 6535 itemRemoved: `[quantity]ê° í목 ì ê±°ë¨`, 6536 viewCart: `ì¹´í¸ ë³´ê¸°`, 6537 each: `ê°ë¹ [money]`, 6538 min_error: `ì´ í목ì ìµì ê°ìë [min]ê°ì ëë¤.`, 6539 max_error: `ì´ í목ì ìµë ê°ìë [max]ê°ì ëë¤.`, 6540 step_error: `ì´ í목ì [step]ê° ë¨ìë¡ë§ ì¶ê°í ì ììµëë¤.`, 6541 }; 6542 6543 window.accessibilityStrings = { 6544 imageAvailable: `ì´ì ê°¤ë¬ë¦¬ ë·°ìì ì´ë¯¸ì§ [index] ì¬ì© ê°ë¥`, 6545 shareSuccess: `ë§í¬ê° í´ë¦½ë³´ëì ë³µì¬ë¨`, 6546 pauseSlideshow: `ì¬ë¼ì´ë ì¼ ë©ì¶¤`, 6547 playSlideshow: `ì¬ë¼ì´ë ì¼ ì¬ì`, 6548 recipientFormExpanded: `기íí¸ ì¹´ë ìì ì ìì í¼ì¹ê¸°`, 6549 recipientFormCollapsed: `기íí¸ ì¹´ë ìì ì ìì ì 기`, 6550 countrySelectorSearchCount: `[count]ê°ì êµê°/ì§ì ì°¾ì`, 6551 }; 6552 </script>
6552<script src="//minipetmall.co.kr/cdn/shop/t/2/assets/cart-drawer.js?v=169981311261118214701783600622" defer="defer"></script>
6552<!-- Smartlog -->
6553<script> 6554 var hpt_info = { 6555 '_account': 'UHPT-70061', 6556 '_server': 'a70' 6557 }; 6558</script>
6558 6559
6560<script 6561 src="https://cdn.smlog.co.kr/core/smart.js" 6562 charset="utf-8"> 6563</script>
6563 6564 6565<noscript> 6566 <img 6567 src="https://a70.smlog.co.kr/smart_bda.php?_account=70061" 6568 alt="" 6569 width="0" 6570 height="0" 6571 style="display:none;" 6572 > 6573</noscript> 6574<!-- // Smartlog --> 6575 6576
6577<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
vendor: 1 bytes, line 6577
6577
6578<script type="text/javascript"> 6579if (window.wcs) { 6580 if (!wcs_add) var wcs_add = {}; 6581 wcs_add["wa"] = "s_31434517d728"; 6582 wcs.inflow("minipetmall.co.kr"); 6583 wcs_do(); 6584 6585 document.addEventListener("click", function (e) { 6586 var link = e.target.closest && e.target.closest("a[href]"); 6587 if (!link) return; 6588 6589 var href = link.getAttribute("href") || ""; 6590 var text = (link.textContent || "").replace(/\s+/g, " ").trim(); 6591 var host = ""; 6592 6593 try { 6594 host = new URL(link.href).hostname; 6595 } catch (error) {} 6596 6597 var urlMatch = 6598 href.toLowerCase().indexOf("tel:") === 0 || 6599 ["open.kakao.com", "map.naver.com", "nid.naver.com"].some(function (domain) { 6600 return host === domain || host.slice(-(domain.length + 1)) === "." + domain; 6601 }); 6602 6603 var textMatch = 6604 text.indexOf("ì¸ì¤í DM 문ìí기") !== -1 || 6605 text.indexOf("ë¤ì´ë² í¡í¡ 문ìí기") !== -1; 6606 6607 if (urlMatch || textMatch) { 6608 wcs.trans({ type: "lead" }); 6609 } 6610 }, true); 6611} 6612</script>
6612 6613
6614<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
6614 6615</body> 6616</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.