/* ==========================================================================
   글로벌버전 «메인» 반응형 보완                        2026-09-01 강호식 신규

   왜 필요한가 :
     메인은 /css/commonTotal.css 의  body{min-width:1200px !important}  와
     common.css 의  html body{min-width:1300px}  를 그대로 탄다.
     공용 해제 파일(shop_legacy_responsive.css)이 이미 있지만,
     769~1439px 구간 규칙이 전부  html:has(.rr-header-wrap)  으로 묶여 있다
     — 그건 rroys 헤더 전용이고, 글로벌 메인 헤더는 .mp-hd-pc 라 안 걸린다.
     실측(2026-09-01) : 화면 1024px 에서 문서 1360 · body 1300 으로 가로스크롤.
     (≤768px 구간은 그 파일이 이미 풀어 주므로 여기서 다시 손대지 않는다.)

   무엇을 하나 :
     1439px 이하에서 문서 골격의 고정폭만 푼다. 1440px 이상(PC 기본)은
     한 줄도 건드리지 않으므로 지금 PC 화면은 그대로다.

   되돌리기 : default.asp 의 이 파일 link 한 줄만 지우면 즉시 예전 상태다.
   ========================================================================== */

@media (max-width: 1439px) {

	/* ── 문서 전체 고정폭 해제 ─────────────────────────────────────── */
	html,
	html body {
		min-width: 0 !important;
		width: auto !important;
		overflow-x: hidden !important;
	}

	/* 레이아웃 래퍼 */
	body .wrap_body,
	body .bodyTopFrame,
	body .top_iframe {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* topmenu.asp 가 찍는 «빈 폭맞춤 표»(width=1300) — 내용이 없어 폭만 잡는다 */
	#basisBody { display: none !important; }

	/* 메인 블록들의 안쪽 컨테이너 — 화면보다 넓어지지 않게만 막는다.
	   (디자인 값은 그대로 두고 상한만 100% 로 건다) */
	body .eeb-tdb-in,
	body .eeb-pbw,
	body .eeb-best,
	body .eeb-mdw,
	body .eeb-prw,
	body .eeb-bdw,
	body .eeb-nbw,
	body .eeb-lcw,
	body .eeb-csb,
	body .ee-wrap,
	body .mp-hd-in,
	body .mp-ft-in {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

	/* 이미지가 칸을 넘지 않도록 */
	body .eeb-grid img,
	body .eeb-bd img,
	body .eeb-nb img { max-width: 100%; height: auto; }
}