/* PACE Life 공용 (2026-08-19)
   Magazine 과 Membership 이 함께 쓴다. 원본은
   /data/spini/theme_backup_20260819_header/PACELife/ 에 있다. */

.conttent{ max-width:none; margin:70px auto 90px; text-align:left;
	font-family:'Manrope','Pretendard Variable','Pretendard','Noto Sans KR',sans-serif; }

/* 카드 두 페이지가 같은 모양을 쓴다 */
.conttent .mz-grid, .conttent .ms-grid{ display:grid; gap:44px 30px; margin:0; padding:0; }
.conttent .mz-grid li, .conttent .ms-grid li{ min-width:0; }
.conttent .mz-grid a, .conttent .ms-grid a{ display:block; cursor:pointer; }
.conttent .subject{ display:block; font-size:16px; font-weight:700; letter-spacing:-0.5px;
	line-height:1.45; color:#203864; margin-top:14px; word-break:keep-all;
	transition:color .2s; }
.conttent a:hover .subject{ color:#db4623; }
.conttent .nodata{ grid-column:1 / -1; padding:70px 0; text-align:center;
	font-size:17px; color:#8b93a1; }

/* ── 원아 전용 안내 ──
   예전에는 두 페이지가 같은 문구를 각자 들고 있었는데 버튼 스타일은 Membership 에만
   있어서 Magazine 의 로그인 버튼이 밋밋한 글씨로 나왔다. */
#memberonly{ width:100%; padding:110px 20px 130px; text-align:center; }
#memberonly .mo-icon{ display:flex; align-items:center; justify-content:center;
	width:74px; height:74px; margin:0 auto 26px; border-radius:50%;
	background:#f1f4f9; color:#203864; }
#memberonly .mo-icon svg{ width:32px; height:32px; }
#memberonly h2{ font-size:22px; font-weight:800; letter-spacing:-0.5px; line-height:1.5;
	color:#203864; margin:0; padding:0; word-break:keep-all; }
#memberonly p{ font-size:16px; line-height:1.6; color:#8b93a1; margin:12px 0 0; }
#memberonly .mo-btns{ margin-top:30px; }
#memberonly .mo-primary{ display:inline-flex; align-items:center; justify-content:center;
	background-color:#203864; color:#fff; font-size:15px; font-weight:700;
	padding:14px 30px; line-height:1; transition:background-color .2s; }
#memberonly .mo-primary:hover{ background-color:#2f4f8f; }

/* 페이지 번호 */
.conttent .pageDiv{ margin-top:60px; text-align:center; }

@media all and (max-width:1023px) {
	.conttent{ margin:50px auto 70px; }
	.conttent .mz-grid, .conttent .ms-grid{ gap:34px 22px; }
	.conttent .subject{ font-size:15px; }
	#memberonly{ padding:80px 20px 100px; }
	#memberonly h2{ font-size:19px; }
}
@media all and (max-width:639px) {
	.conttent .subject{ font-size:14.5px; margin-top:11px; }
	#memberonly h2{ font-size:17px; }
	#memberonly p{ font-size:14.5px; }
}