.tab-content{
	display:none;
}

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

/* =====================
   상단 비주얼 리뉴얼
===================== */
.sub-visual{
	background:linear-gradient(180deg, #b8d3ea 0%, #f2f7fc 100%);
	text-align:center;
	padding:80px 20px 100px;
}

.sub-visual h2{
	color:#2c6fa3;
	font-size:46px;
	margin-bottom:12px;
	letter-spacing:-1px;
}

.sub-visual p{
	color:#444;
	font-size:19px;
	line-height:1.6;
}

/* =====================
   요약 카드 (핵심) background:#fff;
===================== */
.info-wrap{
	display:flex;
	justify-content:center;
	gap:30px;
	margin-top:40px;

	
	border-radius:8px;
	padding:25px 40px;

	max-width:700px;
	margin-left:auto;
	margin-right:auto;

	/*box-shadow:0 10px 30px rgba(0,0,0,0.08);*/
}

.info-box{
	text-align:center;
	flex:1;
}

.info-box strong{
	font-size:28px;
	margin-top:15px;
	display:block;
}

.badge{
	background:#eef3f7;
	color:#2c6fa3;
	padding:6px 14px;
	border-radius:20px;
	font-size:18px;
	font-weight:bold;
}

.divider{
	width:1px;
	background:#eee;
}

/* =====================
   탭 (버튼형)
===================== */
.tab-wrap{
	display:flex;
	gap:10px;
	justify-content:center;
	margin:-40px auto 40px;
}

/* =====================
   탭 (완전 리뉴얼)
===================== */
.tab-wrap{
	display:flex;
	max-width:700px;
	margin:-50px auto 50px;
	background:#fff;
	border-radius:50px;
	padding:6px;
	box-shadow:0 6px 20px rgba(0,0,0,0.08);
}

/* 버튼 */
.tab{
	flex:1;
	padding:18px 0;           
	font-size:16px;          
	font-weight:600;

	border:none;
	background:transparent;
	color:#7a8fa3;

	cursor:pointer;
	border-radius:40px;

	transition:all 0.25s ease;
}

/* 활성 */
.tab.active{
	background:linear-gradient(135deg, #2c6fa3, #245c88);
	color:#fff;
	box-shadow:0 4px 12px rgba(44,111,163,0.3);
}

/* hover */
.tab:hover{
	color:#2c6fa3;
}

.tab.active{
	background:linear-gradient(135deg, #2c6fa3, #245c88);
	color:#fff;
}

.tab.active:hover{
	color:#fff;
}
/* =====================
   상세 영역 카드화
===================== */
.detail-table{
	max-width:1000px;
	margin:0 auto;
	padding:0 20px;
}


.detail-table table{
	width:100%;
	border-collapse:separate;
	border-spacing:0 12px;  /* 🔥 핵심: 카드 간격 */
}

.detail-table tr{
	background:#fff;
	box-shadow:0 4px 12px rgba(0,0,0,0.05);
	border-radius:0;
	overflow:hidden;
}

.detail-table th{
	width:auto;
	background:#f7f9fb;
	padding:18px;
	font-weight:bold;
	color:#333;
}

.detail-table td{
	padding:18px;
	color:#444;
	line-height:1.6;
}


.detail-table th,
.detail-table td{
	width:auto;
	max-width:100%;
	box-sizing:border-box;
}

/* =====================
   안내문
===================== */
.notice{
	margin-top:20px;
	padding:20px;

	background:linear-gradient(135deg, #f4f8fb, #eef3f7); /* 🔥 핵심 */
	border-radius:8px;

	font-size:13px;
	color:#5f6f7f;
	line-height:1.6;

	margin-bottom:40px;

	box-shadow:0 4px 12px rgba(0,0,0,0.05); /* 🔥 카드 느낌 */
	border:1px solid #e3ebf3; /* 🔥 경계 살짝 */
}



/* =====================
   상단 배너 애니메이션
===================== */
.sub-visual .ani{
	opacity:0;
	transform:translateY(25px);
	transition:all 0.6s ease;
}

.sub-visual .ani.show{
	opacity:1;
	transform:translateY(0);
}

/* 딜레이 */
.sub-visual .delay1{ transition-delay:0.2s; }
.sub-visual .delay2{ transition-delay:0.4s; }
.sub-visual .delay3{ transition-delay:0.6s; }

@media(max-width:768px){
	
	.sub-visual h2{
		font-size:38px;     /* 기존 42 → 축소 */
		line-height:1.3;    /* 줄바꿈 대비 */
		word-break:keep-all; /* 한글 줄 깨짐 방지 */
	}

	.detail-table table{
		border-spacing:0;
			width:100%;
		table-layout:fixed;
	}


	.detail-table tr{
		display:block;
		margin-bottom:15px;
	}

	.detail-table th,
	.detail-table td{
		display:block;
		width:100%;
	}

	.detail-table th{
		background:linear-gradient(135deg, #eef3f7, #e6edf4); 
		color:#5f7f99; 

		border-left:3px solid #9fbad0; 

		padding:10px 12px;
		font-size:13px;
		font-weight:600;
		border-radius:0;
		margin-bottom:6px;

	}

	.detail-table td{
		padding:5px 15px 15px;
		font-size:14px;
		border-bottom:1px solid #eee;



		word-break:keep-all;
		overflow-wrap:break-word;
		line-height:1.8;
	}

	.info-box strong{
		font-size:18px;
		margin-top:20px;
		white-space:nowrap; 
	}

	/* =====================
	   상단 배너 애니메이션
	===================== */
	.sub-visual .ani{
		opacity:0;
		transform:translateY(25px);
		transition:all 0.6s ease;
	}

	.sub-visual .ani.show{
		opacity:1;
		transform:translateY(0);
	}

	/* 딜레이 */
	.sub-visual .delay1{ transition-delay:0.2s; }
	.sub-visual .delay2{ transition-delay:0.4s; }
	.sub-visual .delay3{ transition-delay:0.6s; }

	.tab-content.active{
		display:block;
		width:100%;
	}

	.detail-table table{
		display:block;
		width:100%;
	}

	.detail-table tbody{
		display:block;
		width:100%;
	}
	
}