/*sub21~sub21_5까지 상단 text_tab(산소가스,질소가스,알곤가스,헬륨가스,아세틸렌,혼합가스*/

.text_tab .tabb {
	display: flex;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.text_tab .tabb li {
	flex: 1;
	box-sizing: border-box;
	border: 0.5px solid #ddd;
	border-bottom: none; /* 아래 테두리는 a 태그에 위임 */
}

.text_tab .tabb li:first-child {
	border-left: 0.5px solid #ddd;
}

.text_tab .tabb li:last-child {
	border-right: 0.5px solid #ddd;
}

.text_tab .tabb li a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	font-size: 14px;
	color: #777;
	background-color: #f5f5f5;
	text-decoration: none;
	border-top: 3px solid transparent; /* on 상태 대비 공간 확보 */
	border-bottom: 1px solid #ddd; /* 기본 아래 테두리 */
	box-sizing: border-box;
	transition: all 0.2s ease-in-out;
}

.text_tab .tabb li a.on {
	color: #6A91CC;
	background-color: #fff;
	border-top: 3px solid #6A91CC; /* 위쪽 파란 언더바 */
	border-bottom: none !important; /* 아래 테두리 제거 */
	font-weight: bold;
}

/* ?? 눌린 상태(li 내부)에서 아래 테두리도 제거 */
.text_tab .tabb li a.on + * {
	border-bottom: none !important;
}
.text_tab .tabb li:has(> a.on) {
	border-bottom: none;
}

.text_tab{ padding-top:20px; }
