/* ============================================
   template-ssak.php 전용 모바일 스타일
   기준: max-width 1024px
   PC 스타일은 style.css / style_new.css 참고
   ============================================ */

@media only screen and (max-width: 1024px) {

	/* ── 올라와 싹 섹션 하단 여백 ── */
	.ssak .fullRow.mainSac.bB.pb100 {
		padding-bottom: 80px;
	}

	/* ── 올라와 싹 (mainSac) ── */
	.ssak ul.olawa li {
		gap: 16px;
		padding: 18px 40px 18px 0;
		align-items: center;
	}
	.ssak ul.olawa li span.h2 {
		flex-shrink: 0;
		min-width: 24px;
		font-size: 16px;
	}
	.ssak ul.olawa li a {
		flex: 1;
		overflow: hidden;
		min-width: 0;
	}
	.ssak ul.olawa li a h3.h2 {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		font-size: 16px;
		line-height: 140%;
	}
	.ssak ul.olawa li a::after {
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		width: 20px;
		height: 20px;
	}

	/* ── 전체보기 아래 버튼 영역 ── */
	.ssak .listQuad.btnCont.mt120 {
		margin-top: 48px !important;
	}
	.ssak .contRow.pb100 {
		padding-bottom: 64px;
	}

	/* ── 베이지 카드 섹션 (expandAni > listQuad.simpleNews) ── */
	.ssak .expandAni .listQuad.simpleNews {
		row-gap: 36px;
		margin-top: 32px !important;
	}
	.ssak .expandAni .listQuad.simpleNews.mb80 {
		margin-bottom: 64px !important;
	}
	.ssak .expandAni .listQuad.simpleNews .imgWrap {
		margin-bottom: 14px;
	}

	/* ── 새로 자라난 싹 섹션 타이틀 ── */
	.ssak .tac.news {
		text-align: left;
	}
	.ssak .tac.news .ssacBtn {
		margin: 0;
	}

}