cleanUrl: /info
title: "유어앰프의 배송 규정과 요금을 확인해보세요." # 공유 시에 활용되는 제목 텍스트
description: "지금 바로 배송 신청! 유어앰프" # 공유 시에 활용되는 설명 텍스트
hideCollectionSearch: true # 데이터베이스에 있는 검색창을 숨김
hideCollectionViewList: true # 데이터베이스의 뷰 목록을 숨김
pageMaxWidth: 1100 # 페이지 최대 너비를 설정 (노션 기본값 900)
imageBorderRadius: 0 # 이미지 라운드
calloutBorderRadius: 12 # 콜아웃 라운드
galleryBorderRadius: 12 # 갤러리 라운드

<style>
	iframe {
		background-color: #ffffff !important!;
	}
  *[style*="width: 46px"] {
    width: 12px !important;
  }
  
  .css-ts4t04{
	  width: calc((100% - 12px)* 0.5);
  }
  
	.css-11gm33a {
	  grid-template-columns: 1fr 1fr 1fr !important;
	}
	
	.css-1x5f8m8{
		display: none !important;
	}	
	
	.css-11nuyc2{
		border-radius: 12px !important;
	}
	
  .css-11nuyc2.is-first  { display: none !important; }
  .css-11nuyc2.is-second { display: block !important; }
	
	
	@media (max-width: 480px) {
	
    .css-hvx0rj {
        font-size: 22px !important;
    }
    
    .css-11vqqno{
        font-size: 1.25em !important;    
    }
	
	  .css-s9cmhr {
			  top: 0px !important;
	  }
	
		.page-icon {
				display: none !important;
		}
		
    :root {
        --page-cover-height: 200px;
        --page-header-font-size: 22px;
        --page-content-padding-bottom: 0;
    }
	
		:root .padding {
        padding-left: calc(16px + env(safe-area-inset-left)) !important;
        padding-right: calc(16px + env(safe-area-inset-right)) !important;
    }
    
    .css-1ji3bjx {
		    bottom: 0px !important;
		    width: 100% !important;
		    border-radius : 0px !important;
    }
    
    .css-ts4t04 {
        width: 100% !important;
        padding: 0px !important;
    }
    
	  .css-ts4t04::before,
	  [placeholder]:empty::before {
	    content: none !important;
	    display: none !important;
	  }
    
    .css-11nuyc2.is-first  { display: block !important; }
    .css-11nuyc2.is-second { display: none !important; }
}

</style>

<script>

(function () {
  const NEW_PH = '배송 희망 지역을 검색해 보세요 (예: 마포구)';

  // 특정 셀렉터 요소가 나타날 때까지 기다리는 헬퍼
  function waitFor(selector, { root = document, timeout = 5000 } = {}) {
    return new Promise((resolve, reject) => {
      const el = root.querySelector(selector);
      if (el) return resolve(el);

      const timer = setTimeout(() => {
        observer.disconnect();
        reject(new Error('waitFor timeout: ' + selector));
      }, timeout);

      const observer = new MutationObserver(() => {
        const node = root.querySelector(selector);
        if (node) {
          clearTimeout(timer);
          observer.disconnect();
          resolve(node);
        }
      });

      observer.observe(root === document ? document.documentElement : root, {
        childList: true,
        subtree: true
      });
    });
  }

  async function changePlaceholderOnDemand() {
    try {
      // input이 늦게 생겨도 기다렸다가 잡음
      const input = await waitFor('input.css-6y4gbz', { timeout: 7000 });
      input.placeholder = NEW_PH;
      input.setAttribute('placeholder', NEW_PH);

      // placeholder 오버레이(span 등)도 함께 변경
      const root =
        input.closest('label, .search, .search-field, .css-11nuyc2, .css-ts4t04') ||
        input.parentElement;
      const overlay =
        root?.querySelector('span[data-token-index]') ||
        root?.querySelector('[data-placeholder]') ||
        root?.querySelector('.placeholder');

      if (overlay) overlay.textContent = NEW_PH;
    } catch (e) {
      // 필요하면 콘솔 확인용
      console.warn(e.message);
    }
  }

  // 버튼이 먼저/나중에 떠도 동작하도록 "이벤트 위임"
  document.addEventListener('click', (e) => {
    const btn = e.target.closest('.search-button.css-nkjb6j');
    if (btn) changePlaceholderOnDemand();
  });
})();
  
  (function () {
    var els = document.querySelectorAll('.css-11nuyc2');
    if (els.length >= 2) {
      els[0].classList.add('is-first');
      els[1].classList.add('is-second');
    }
  })();
  
 
	var searchImageAnchor = document.querySelector("[data-block-id='18e92ea2-03f4-41e2-a5e8-76839f555acd']");
	if (searchImageAnchor) {
	    searchImageAnchor.href = "#";
	    searchImageAnchor.setAttribute("onclick", "clickSearch();return false;");
	    searchImageAnchor.setAttribute("id", "custom-search-image"); // ID 추가
	}
</script>

배송비 인상_mobile2.png