<style>
/* ===== 페이지 타이틀 ===== */
.sub-title {position:relative;font-size:36px;margin:10px 0 50px}
.sub-title small {display:block;margin-top:10px;font-size:.9375rem;border-top:1px solid #757575;padding-top:10px}

/* ===== 섹션 ===== */
.wt-wrap {margin:0 0 40px}

/* 🔴 섹션 카드 전체 5R */
.wt-row{
	display:flex;
	align-items:stretch;
	color:#fff;
	border-radius:5px;
	overflow:hidden;
}

/* ===== 35 : 65 정확 비율 ===== */
.wt-left{
	flex:0 0 35%;
	max-width:35%;
	min-width:260px;
	padding:40px 30px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
.wt-right{
	flex:0 0 65%;
	max-width:65%;
	padding:40px 40px;
}

/* ===== 왼쪽 타이틀 패널 ===== */
.wt-left-box{
	border:2px solid rgba(255,255,255,.95);
	padding:40px 20px;
	text-align:center;

	/* 떠 있는 느낌 */
	box-shadow:
		0 14px 32px rgba(0,0,0,.18),
		0 4px 10px rgba(0,0,0,.10);

	backdrop-filter: blur(2px);
}

/* 큰 타이틀 */
.wt-left-big{
	font-weight:800;
	line-height:1.05;
	font-size:60px;
	letter-spacing:14px;
	text-align:center;
}
.wt-left-big .line{
	display:block;
	transform:translateX(7px);
}

/* 동아리 전용 */
.wt-left-big .line.small{
	font-size:52px;
	letter-spacing:2px;
	transform:translateX(6px);
}

.wt-left-mid{
	margin-top:18px;
	font-weight:700;
	font-size:24px;
	letter-spacing:.08em;
}

.wt-left-verse{
	margin-top:22px;
	font-size:12px;
	font-weight:600;
	line-height:1.6;
	text-align:left;
}

/* ===== 오른쪽 리스트 (변경 없음) ===== */
.wt-item{padding:12px 0}
.wt-item + .wt-item{
	border-top:1px solid rgba(255,255,255,.16);
	margin-top:6px;
	padding-top:14px;
}

.wt-item-title{
	font-size:30px;
	font-weight:800;
	line-height:1.2;
}
.wt-pill{
	font-size:18px;
	font-weight:300;
	margin-left:8px;
}
.wt-item-meta{
	margin-top:6px;
	font-size:20px;
	font-weight:500;
	line-height:1.55;
}
.wt-time{
	font-size:24px;
	font-weight:800;
}

/* ===== 섹션 컬러 ===== */
.wt-green{background:#009688;color:#fff}
.wt-gray{background:#e5e5e5;color:#111}
.wt-yellow{background:#ffffcc;color:#111}
.wt-pink{background:#fdddf5;color:#111}

/* ===== 좌측 패널 — 섹션보다 약 20% 진한 색 ===== */
.wt-green .wt-left-box{background:#00796B}
.wt-gray  .wt-left-box{background:#cfcfcf}
.wt-yellow .wt-left-box{background:#f1f1a6}
.wt-pink .wt-left-box{background:#f2bfe8}

/* 밝은 배경 보정 */
.wt-gray .wt-left-box,
.wt-yellow .wt-left-box,
.wt-pink .wt-left-box{border-color:rgba(0,0,0,.75)}

.wt-gray .wt-item + .wt-item,
.wt-yellow .wt-item + .wt-item,
.wt-pink .wt-item + .wt-item{border-top-color:rgba(0,0,0,.10)}

/* ===== 모바일 ===== */
@media (max-width:767px){
	.wt-row{flex-direction:column}
	.wt-left,.wt-right{flex:1 1 auto;max-width:none}

	.wt-left{padding:24px 18px}
	.wt-right{padding:24px 18px}

	.wt-left-box{padding:22px 14px}

	/* 20% 축소 */
	.wt-left-big{font-size:48px; letter-spacing:11px}
	.wt-left-big .line{transform:translateX(5.5px)}
	.wt-left-big .line.small{font-size:42px; letter-spacing:2px; transform:translateX(5px)}

	.wt-left-mid{font-size:19px}
	.wt-left-verse{font-size:10px; line-height:1.35}

	.wt-item-title{font-size:24px}
	.wt-item-meta{font-size:16px; line-height:1.35}
	.wt-pill{font-size:14px}
	.wt-time{font-size:19px}

	.wt-item{padding:10px 0}
	.wt-item + .wt-item{margin-top:4px; padding-top:12px}
}
</style>