/* ------------------ 버튼 ------------------  */


button.sans-btn {
	text-align: center;
	font-style: normal;
	font-family: var(--font-sans);
	font-weight: var(--font-weight);
	font-size: var(--font-size);
}

button.inline-btn {
	display: inline-block;
	width: auto;
}

button.aria-btn {
	outline: none;
	border: none;
	background-color: inherit;
	box-shadow: none;
}

button.small-btn {
	outline: none;
	border: none;
	background-color: inherit;
	padding: 0;
	margin: 0;
	width: auto;
	display: inline-block;
	box-shadow: none;
	transition: 0.2s all;
	color: var(--colorGrey300);
}


tbody tr td button.table-btn {
	display: inline-block;
	background-color: var(--colorGrey100);
	border: none;
	box-shadow: none;
	padding: 2px 6px;
	margin: 0;
	text-align: left;
	width: auto;
	border-radius: 4px;
	font-style: normal;
	font-family: var(--font-sans);
	font-weight: var(--font-weight);
	font-size: var(--font-s);
}


/* ------------------ 테이블 관련 ------------------  */

table tbody tr td {
	padding-right: 40px;
	min-width: 150px;
} 

table tbody tr td:last-child {
	min-width: 60px;
	padding-right: 20px;
} 

table thead tr th {
	font-weight: var(--font-bold);
}

table thead tr th.min-150 {
	min-width: 150px;
}

table thead tr th.min-200 {
	min-width: 200px;
}

table thead tr th.min-250 {
	min-width: 250px;
}

table tbody tr.no-item td {
	padding-right: 40px;
	min-width: 150px;
} 

figure {
    overflow-x: scroll;
}


/* ------------------ text area ------------------  */

.long-text-area {
	width: 100%;
	padding: 20px;
	border-radius: 8px;
	border: 1px solid var(--colorGrey100);
}