.color-orange {
		color: #ff7901;
	}

	.text-nowrap {
		white-space : nowrap;
	}

	.container-fluid {
		max-width: 1200px;
		padding: 0 3vw;
	}

	.prod-section1 {
		margin: 5vw auto 1.8750vw;
		display: flex;
		flex-direction: column;
	}

	.prod-img, .prod-info {
    flex: 1 1 100%;
  }

	.prod-img {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.prod-img img {
		width: 95%;
		height: auto;
	}

	.prod-info h1 {
		font-size: 2.438rem;
		color: black;
		padding-bottom: 0.7813vw;
		border-bottom: 2px solid #e60012;
		margin: 0 0 20px 0;
	}

	.prod-info h1 span {
		font-family: 'Noto Sans KR', sans-serif;
		font-size: 1.5rem;
		font-weight: 400;
		letter-spacing: 0px;
	}

	.prod-info table {
		margin-left: 0;
	}

	.prod-info table th, .prod-info table td {
		padding: 14px 0;
	}

	.prod-info table th {
		width: 20%;
		font-size: 1.4rem;
		font-weight: bold;
		color: black;
	}

	.vertical-top {
		vertical-align: top;
		padding-top: 20px !important;
	}

	.prod-info table td {
		font-size: 1.3rem;
		color: #555;
		line-height: 1.6;
		word-break: break-all;
		padding-right: 0;
	}

	.buttons {
		text-align: center;
		padding-top: 25px;
	}

	.buttons button {
		border: 1px solid #757575;
		margin-top: 15px;
		padding: 4vw 10vw;
	}

	.buttons button .btn-effect-text {
		font-size: 1.5rem;
		font-weight: 600;
	}

	.buttons button:first-child {
		margin-right: 1vw;
	}

	.buttons button:hover {
		border-color: #ff7901;
	}

	.buttons button:hover .btn-effect-text {
		color: #FFF;
	}

	button:focus {
		outline: none;
	}

	.prod-section2 {
		margin-bottom: 5vw;
	}

	.tab-container {
		display: flex;
		border-bottom: 2px solid #eee;
		justify-content: center;
		margin: 50px 0;
	}

	.tab {
		flex: 1;
		text-align: center;
		padding: 15px 30px;
		font-size: 18px;
		cursor: pointer;
		color: #666;
		font-weight: bold;
		position: relative;
		transition: color 0.3s;
	}

	.tab.active {
		color: #f46023; /* 오렌지색 */
	}

	.tab.active::after {
		content: '';
		position: absolute;
		bottom: -2px;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #f46023;
	}

	#tab1 {
		max-width: 1200px;
	}

	.tab2-box {
    display: flex;
    margin-top: 30px;
    flex-direction: column;
    align-items: center;
		margin-top: 30px;
	}

	.tab2-box .prod-title-text {
		font-size: 2.5rem;
    font-weight: 600;
    color: black;
		text-align: center;
		margin: 4vw 0;
	}

	.tab2-box .prod-title-img {
		width: 64.6vw;
		margin-bottom: 6vw;
	}

	.jalkton-s-title, .jalkton-s-title2 {
		max-width: 410px;
	}

	.jalkton-s-title2 {
		margin: 8vw 0;
		width: 60vw;
	}

	.jalkton-title {
		max-width: 249px;
	}

	.tab2-box .nutri-info-img {
		width: 100%;
		max-width: 893px;
		margin-bottom: 6vw;
	}

	.tab-content {
		display: none;
		width: 100%;
		height: auto;
	}

	.tab-content.active {
		display: block;
	}

	.tab-menu2 {
		width: 100%;
		max-width: 1200px;
		margin: 40px auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		border: 1px solid #ccc; /* Single 1px border around container */
		box-sizing: border-box;
	}

	.tab-menu2 a {
		width: 100%;
		text-align: center;
		padding: 1.2rem 0 1rem;
		text-decoration: none;
		color: #333;
		font-size: 1.4rem;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
	}

	.tab-menu2 a:nth-child(2n) {
		border-right: none; /* No right border on second tab in row */
	}

	.tab-menu2 a:nth-child(1), .tab-menu2 a:nth-child(2) {
		border-bottom: 1px solid #ccc; /* Separator between rows */
	}

	.tab-menu2 a:last-child {
		border-bottom: none; /* No bottom border on last tab */
	}

	.tab-menu2 a.active {
		background-color: #ff7901;
	}

	.tab-menu2 a.active, .tab-menu2 a:hover .btn-effect-text {
		color: #fff;
	}

	.tab-content2 {
		width: 100%;
		max-width: 1200px;
		margin: 9rem auto;
		text-align: center;
	}

	.tab-content2 .tab2 {
		display: none;
	}

	.tab-content2 .tab2.active {
		display: block;
	}

	.tab-content2 h2 {
		font-size: 2.5rem;
		font-weight: bold;
		color: black;
		line-height: 1.5;
	}

	.tab-content2 hr.red-line {
		 border: 2px solid #e84209;
	}

	.tab-content2 table {
		margin: 0 auto;
	}

	.tab-content2 table th, .tab-content2 table td {
		border-bottom: 2px solid #e0e0e0;
	}

	.tab-content2 table td.extra-info {
    font-size: 1.3rem;
		color: black;
		text-align: right;
		padding-right: 0;
		border-bottom: none;
	}

	.tab-content2 table th {
		padding: 3rem 0 3rem 1.5rem;
	}

	.tab-content2 table td {
		padding: 3rem 1.5rem 3rem 0;
	}

	.tab-content2 li {
		text-align: left;
		font-size: 1.5rem;
		line-height: 1.6;
		color: black;
	}

	.tab-content2 .circle {
		width: 11.5rem;
		height: 11.5rem;
		color: #000;              /* 텍스트 색상 */
		font-size: 1.7rem;             /* 텍스트 크기 */
		text-align: center;
		line-height: 2rem;          /* height와 동일하게 설정하면 수직 가운데 정렬 */
		border-radius: 50%;          /* 원 형태 만들기 */
		border: 2px solid #e0e0e0;      /* 테두리 설정 (선택 사항) */
		font-weight: bold;
		display: flex; /* Flexbox로 가운데 정렬 */
		flex-direction: column; /* 텍스트를 세로로 쌓음 */
		justify-content: center; /* 수직 가운데 정렬 */
		align-items: center; /* 수평 가운데 정렬 */
	}

	@media (min-width: 320px) {
		.tab-menu2 a {
			width: 50%;
			border-right: 1px solid #ccc;
			border-bottom: none;
		}
		.tab-menu2 a:nth-child(2n) {
			border-right: none;
		}
		.tab-menu2 a:nth-child(1), .tab-menu2 a:nth-child(2) {
			border-bottom: 1px solid #ccc;
		}
	}

	@media (min-width: 576px) {
	}

	@media (min-width: 768px) {
		.container-fluid {
			padding: 0;
		}

		.prod-section1 {
			flex-direction: row;
		}

		.prod-info h1 {
			padding-bottom: 19px;
			margin: 0 0 20px 38px;
		}

		.prod-img, .prod-info {
			flex: 1 1 50%;
		}

		.prod-info table, .buttons {
			margin-left: 38px;
		}

		.prod-info table td {
			padding-right: 20px;
		}

		.buttons {
			text-align: left;
		}

		.buttons button {
			margin-top: 42px;
			padding: 20px 28px;
		}

		.buttons button .btn-effect-text {
			font-size: 1.2rem;
		}

		.tab-menu2 a {
			width: 25%; /* Four tabs per row */
			border-right: 1px solid #ccc; /* Separator between tabs */
			border-bottom: none;
		}

		.tab-menu2 a:nth-child(2n) {
			border-right: 1px solid #ccc; /* Restore right border for 4-tab layout */
		}

		.tab-menu2 a:nth-child(1), .tab-menu2 a:nth-child(2) {
			border-bottom: none; /* No bottom borders in single row */
		}

		.tab-menu2 a:last-child {
			border-right: none; /* No right border on last tab */
		}

		.tab-content2 table th {
			padding: 2.5rem 1.25rem 2.5rem 2.5rem;
		}

		.tab-content2 table td {
			padding: 2.5rem 2.5rem 2.5rem 1.25rem;
		}

		.jalkton-s-title2 {
			margin: 8vw 0 7vw;
			width: 40vw;
		}
	}

	@media (min-width: 992px) {

	}

	@media (min-width: 1200px) {
		.prod-info table td {
			padding-right: 0;
		}

		.tab2-box .prod-title-text {
			margin: 48px 0;
		}

		.tab2-box .prod-title-img {
			width: 775px;
			margin-bottom: 72px;
		}

		.tab2-box .nutri-info-img {
			margin-bottom: 72px;
		}

		.jalkton-s-title2 {
			margin: 96px 0 84px;
		}
	}

	@media (min-width: 1600px) {
	}

	@media (min-width: 1920px) {
		.prod-section1 {
			margin: 96px auto 36px;
		}

		.prod-info table th, .prod-info table td {
			font-size: 1.2rem;
		}
	}