@charset "utf-8";
/* ═══════════════════════════════════════════════════════════════════════════
   goshop_band.css — 푸터 위 '매장찾기' 띠 (.go_shop_wrap) · v1.0.0 (2026-09-03)

   대상 = WEB-INF/jsp/frame/footer.jsp 의 .go_shop_wrap (PC 레이아웃 전용 푸터.
          모바일은 frame/mobile_footer.jsp 라 이 띠 자체가 없다 → 모바일 무영향).
   링크 = footer.jsp 가 이 파일을 직접 건다(commScripts.jsp 무접촉).

   ── 왜 새 파일인가 ────────────────────────────────────────────────────────
   원본 규칙은 style.css / style_v2.css 에 있는데 style_v2 는 운영 분기파일이라
   손대면 전 사이트 위험이 커진다. 그래서 **덮어쓰기 전용 파일을 뒤에 로드**한다
   (같은 특정도 0,2,0 + 문서상 나중 → 승리). 원본 규칙은 한 줄도 지우지 않는다.

   ── 09-03 확정 톤 ────────────────────────────────────────────────────────
   구: 연녹 색면(#eaf1e8) 전폭 띠 + 2줄 텍스트 + 주황 매장 아이콘 이미지 버튼(64px)
   신: 흰 바탕 + 상하 1px #e9e4d8 헤어라인 + **한 줄**
       (핀 아이콘 + "우리동네 가까운 매장을 찾아보세요" + 회색 보조문구 + 아웃라인 버튼 44px)
   아이콘은 CSS 데이터URI SVG — 이미지 파일 요청 0건.
   ★ 인라인 스타일 금지. 색·형태 전부 이 파일에서만.
   ═══════════════════════════════════════════════════════════════════════════ */

.footer_wrap .go_shop_wrap{
	background:#fff;
	background-color:#fff;
	padding:0;
	border-top:1px solid #e9e4d8;
	border-bottom:1px solid #e9e4d8;
}

/* 한 줄 배치 — float(구 규칙)은 flex 컨테이너 안에서 무효화된다. */
.footer_wrap .go_shop_wrap .inner{
	width:1160px;
	max-width:calc(100% - 40px);
	box-sizing:border-box;
	display:flex;
	align-items:center;
	gap:16px 20px;
	min-height:76px;
	padding:14px 0;
}
.footer_wrap .go_shop_wrap .inner:after{ display:none; }

.footer_wrap .go_shop_wrap .txt_box{
	float:none;
	padding-left:0;
	display:flex;
	align-items:baseline;
	flex-wrap:wrap;
	gap:2px 12px;
	flex:1 1 auto;
	min-width:0;
}
/* 매장 핀 아이콘(딥그린 라인) — 이미지 파일 없이 CSS 로만 */
.footer_wrap .go_shop_wrap .txt_box:before{
	content:"";
	flex:none;
	align-self:center;
	width:22px; height:22px; margin-right:2px;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233d6041' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21c4.4-4.2 6.6-7.5 6.6-10.2A6.6 6.6 0 0 0 5.4 10.8C5.4 13.5 7.6 16.8 12 21Z'/%3E%3Ccircle cx='12' cy='10.5' r='2.4'/%3E%3C/svg%3E") no-repeat center / 22px 22px;
}
.footer_wrap .go_shop_wrap .b_txt{
	font-size:17px; font-weight:700; color:#2f4b33;
	letter-spacing:-.02em; line-height:1.5;
}
.footer_wrap .go_shop_wrap .s_txt{
	margin-top:0;
	font-size:13.5px; font-weight:400; color:#7b8079;
	letter-spacing:-.02em; line-height:1.5;
}

/* 아웃라인 버튼 44px — 3개 캠페인 밴드 CTA와 같은 규격 */
.footer_wrap .go_shop_wrap a{
	float:none;
	padding:0 20px;
	box-sizing:border-box;
	display:inline-flex; align-items:center; justify-content:center; gap:6px;
	flex:none;
	min-height:44px;
	border:1px solid #3d6041; border-radius:10px;
	color:#3d6041; font-size:14.5px; font-weight:600; letter-spacing:-.02em;
	text-decoration:none; white-space:nowrap;
	transition:background .2s, color .2s;
}
.footer_wrap .go_shop_wrap a:hover,
.footer_wrap .go_shop_wrap a:focus{ background:#3d6041; color:#fff; }
.footer_wrap .go_shop_wrap a:focus-visible{ outline:3px solid #3d6041; outline-offset:3px; }
/* 구 주황 매장 아이콘 이미지는 쓰지 않는다(마크업에 남아 있어도 접는다). */
.footer_wrap .go_shop_wrap a img{ display:none; }

/* 좁은 PC 창 — 문구가 길어지면 두 줄로 접히되 버튼은 오른쪽 유지 */
@media screen and (max-width:1023px){
	.footer_wrap .go_shop_wrap .inner{ gap:12px 14px; padding:16px 0; }
	.footer_wrap .go_shop_wrap .b_txt{ font-size:16px; }
}

@media (prefers-reduced-motion:reduce){
	.footer_wrap .go_shop_wrap a{ transition:none; }
}