@charset "UTF-8";
/* 상품상세 본문 HTML 반응형 맞춤 — 발행 gdtl · ERP 첨부이미지 · 관리자 에디터 작성 HTML 공통
 * 2026-07-24. style_v2.css 무접촉(별도 파일). goodsViewCommV2.jsp 에서 로드(PC/MO 공통 include).
 * 대상 컨테이너:
 *   .gdtl          — 발행 상세 HTML(SP/goodsDtl/{goodsNo}/detail.html)   [PC/MO 공통]
 *   .prod_detail   — PC ERP 첨부이미지·영상 나열 영역
 *   .detail_view   — MO ERP 첨부이미지·영상 나열 영역
 *   .notify_wrap   — PC 두레알림 에디터 HTML(gnContents)
 *   .inform_wrap   — MO 두레알림 에디터 HTML(gnContents)
 * 목적: 관리자가 에디터에서 넣은 고정폭 img(예: width="819")·표·인라인 style 폭지정이
 *       모바일(390px)에서 화면을 넘치던 문제를 컨테이너 스코프로 강제 맞춤.
 *       컨테이너 내부에만 적용 → PC 상세영역의 본래 중앙 고정폭 레이아웃은 그대로 유지.
 */

/* 이미지: 원본 폭/고정폭 무시하고 컨테이너 폭에 맞춤(비율 유지) */
.gdtl img,
.prod_detail img,
.detail_view img,
.notify_wrap img,
.inform_wrap img {
	max-width: 100% !important;
	height: auto !important;
}

/* 표: 컨테이너 폭 초과 방지 + 열 균등분할(고정px 표도 화면 안으로) */
.gdtl table,
.prod_detail table,
.detail_view table,
.notify_wrap table,
.inform_wrap table {
	max-width: 100% !important;
	table-layout: fixed;
	word-break: break-word;
}

/* 영상/임베드: 컨테이너 폭에 맞춤 */
.gdtl iframe, .gdtl video, .gdtl embed, .gdtl object,
.prod_detail iframe, .prod_detail video, .prod_detail embed, .prod_detail object,
.detail_view iframe, .detail_view video, .detail_view embed, .detail_view object,
.notify_wrap iframe, .notify_wrap video, .notify_wrap embed, .notify_wrap object,
.inform_wrap iframe, .inform_wrap video, .inform_wrap embed, .inform_wrap object {
	max-width: 100% !important;
}

/* 내부 전 요소: 인라인 style 고정폭(width:###px)이 있어도 컨테이너를 못 넘게.
 * (컨테이너 내부 한정 — 절대배치 뱃지 등이 없는 발행/ERP/에디터 자유편집 영역이라 안전) */
.gdtl *,
.prod_detail *,
.detail_view *,
.notify_wrap *,
.inform_wrap * {
	max-width: 100% !important;
	box-sizing: border-box;
}

/* 컨테이너 자체: 가로 넘침 차단 + 긴 URL/문자열 줄바꿈 */
.gdtl,
.prod_detail,
.detail_view,
.notify_wrap,
.inform_wrap {
	overflow-x: hidden;
	word-break: break-word;
}