@charset "euc-kr";
/* rcb_longdesc_fit_m.css - 2026-08-31 : 모바일 상품설명 전용
 *
 * 상품설명에 붙여넣은 부트스트랩 격자는 붙여넣을 때 데스크톱 화면에서 계산된 값이
 * 인라인 style 로 굳어 있다 (col-md-6 -> flex:0 0 50%; max-width:50%).
 * 그래서 폰에서도 화면을 절반으로 쪼개고, 그 안 이미지가 155px 로 쪼그라든다.
 * 부트스트랩 본래 규격대로 sm/md/lg/xl 칸은 폰에서 한 줄을 다 쓰게 되돌린다.
 * (칸 나눔이 폰에서도 의도된 col-6 / col-xs-* 는 건드리지 않는다.)
 */
.gd-longdesc [class*="col-sm-"],
.gd-longdesc [class*="col-md-"],
.gd-longdesc [class*="col-lg-"],
.gd-longdesc [class*="col-xl-"] {
	-webkit-box-flex: 0 !important;
	-ms-flex: 0 0 100% !important;
	flex: 0 0 100% !important;
	max-width: 100% !important;
	width: auto !important;
}

/* .row 의 좌우 -15px 은 부트스트랩 컨테이너의 15px 안여백과 짝인데,
 * 붙여넣을 때 컨테이너가 빠져서 설명 블록 밖으로 삐져나온다. */
.gd-longdesc .row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* 2026-08-31 : 끊기지 않는 긴 문자열(URL·영문)이 화면을 밀어내는 것.
 * word-break 가 아니라 overflow-wrap 이어야 한다 - word-break 는 최소폭 계산까지 바꿔서
 * 101729 처럼 썸네일이 96px -> 44px 로 쪼그라든다(실측). */
.gd-longdesc {
	overflow-wrap: break-word;
}
