/* PC 레이아웃 고정 */

/* 표 구조 복원 */
@media only screen and (max-width: 767.98px) {
	.ui.table:not(.stackable):not(.unstackable) { display: table !important; width: 100% !important; padding: 0 !important; }
	.ui.table:not(.stackable):not(.unstackable) > thead { display: table-header-group !important; }
	.ui.table:not(.stackable):not(.unstackable) > tbody { display: table-row-group !important; }
	.ui.table:not(.stackable):not(.unstackable) > tfoot { display: table-footer-group !important; }
	.ui.table:not(.stackable):not(.unstackable) > thead > tr,
	.ui.table:not(.stackable):not(.unstackable) > tbody > tr,
	.ui.table:not(.stackable):not(.unstackable) > tfoot > tr { display: table-row !important; }
	.ui.table:not(.stackable):not(.unstackable) > thead > tr > th,
	.ui.table:not(.stackable):not(.unstackable) > tbody > tr > td,
	.ui.table:not(.stackable):not(.unstackable) > tbody > tr > th,
	.ui.table:not(.stackable):not(.unstackable) > tfoot > tr > td,
	.ui.table:not(.stackable):not(.unstackable) > tfoot > tr > th {
		display: table-cell !important;
		width: auto !important;
		box-shadow: none !important;
	}

	/* 그리드 칸 유지 */
	.ui.grid:not(.stackable) > .row > [class*="wide"].column,
	.ui.grid:not(.stackable) > [class*="wide"].column { display: block !important; }
	.ui.grid:not(.stackable) > .row,
	.ui.grid:not(.stackable) > .column:not(.row) { flex-wrap: nowrap !important; }

	/* 메뉴 가로 유지 */
	.ui.menu:not(.stackable) { flex-direction: row !important; }
	.ui.menu:not(.stackable) > .item { width: auto !important; }
}

/* 페이지 최소 폭: 본문(1200)이 들어가는 1280. 좌우 날개(120씩)까지 담는 1480 으로 두면 1280~1440 노트북에서 가로 스크롤이 생긴다. */
html body { min-width: 1280px; position: relative; }
/* 날개가 화면에 다 들어가지 않는 폭에서는 날개를 접는다(절반만 걸치면 가로 스크롤만 남는다). */
@media only screen and (max-width: 1479.98px) {
	#side-left, #side-right { display: none !important; }
}
/* 공급사 브랜드형 상단 메뉴: 메뉴 줄이 줄지 않아 분류가 많으면 1280 에서 화면을 넘는다. 두 줄로 접으면 아래 배너를 덮으므로 간격만 줄인다. */
@media only screen and (max-width: 1365.98px) {
	.seller-header.brand .seller-nav-list > li > a { padding-left: 9px; padding-right: 9px; }
}

/* 로고 이미지가 없을 때 나오는 글자 로고. 헤더 로고 영역은 이미지 기준이라 line-height 가 0 인 테마가 있어 그대로 두면 글자가 눌린다.
   그 규칙이 테마별 셀렉터라 특이도로 이기므로 줄높이만 강제한다. */
.logo-text {display:inline-block; line-height:1.2 !important; font-size:1.5rem; font-weight:700; color:inherit; text-decoration:none; white-space:nowrap;}
.header-bg.dark .logo-text {color:#fff;}
