@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@600;800&family=Gaegu:wght@700&display=swap");
/* 2026-10-03 PRO4 (CC1000SA) : 천사닷컴 교회 미니홈 「커뮤니티」 — church_community.js 가 그리는 영역.
   색은 사이트 테마색(--sitecolor1)과 스킨5 디자인 변수(--lb-*)를 따라간다. */
.cc-root{--cc-ac:var(--sitecolor1,#D69600);--cc-ink:var(--lb-section-color,#2a2118);--cc-sub:rgba(60,50,40,.62);--cc-line:rgba(112,100,90,.14);
	--cc-card:var(--lb-card-bg,#fff);--cc-r:var(--lb-card-radius,16px);padding:4px 0 8px;color:var(--cc-ink);font-size:14px;line-height:1.5;}
.cc-root button{font-family:inherit;cursor:pointer;}
.cc-root svg,.cc-sheet svg{flex:none;display:block;}

/* 메뉴 */
.cc-tabs{position:sticky;top:0;z-index:5;display:flex;gap:4px;padding:8px 12px;overflow-x:auto;scrollbar-width:none;
	background:var(--lb-bg,#fff);border-bottom:1px solid var(--cc-line);}
.cc-tabs::-webkit-scrollbar{display:none;}
.cc-tabs button{flex:1 0 auto;min-width:52px;height:38px;padding:0 12px;border:0;border-radius:1000px;background:transparent;
	font-size:15px;font-weight:600;color:var(--cc-sub);white-space:nowrap;}
.cc-tabs button.is-on{background:var(--cc-ac);color:#fff;font-weight:700;}

/* 게시판에 들어가 있을 땐 교회 안내 링크 등 홈 전용 영역을 접는다 */
.profile-wrap.cc-in-board .gb-links,.profile-wrap.cc-in-board .gb-deals,.profile-wrap.cc-in-board .gb-calimg{display:none !important;}

.cc-loading,.cc-none{padding:28px 16px;text-align:center;font-size:14px;color:var(--cc-sub);list-style:none;}

/* 바로 참여 */
.cc-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 16px 0;}
.cc-quick button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 4px 12px;border:0;border-radius:var(--cc-r);
	background:var(--cc-card);box-shadow:var(--lb-card-shadow,inset 0 0 0 1px rgba(112,115,124,.08));color:var(--cc-ink);}
.cc-quick i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--cc-ac) 14%,transparent);color:var(--cc-ac);}
.cc-quick span{font-size:13px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;}

/* 영역 공통 */
.cc-sec{padding:24px 16px 0;}
.cc-sec__head{display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.cc-sec__title{margin:0;font-size:17px;font-weight:700;color:var(--cc-ink);letter-spacing:-.01em;}
.cc-sec__sub{flex:1;min-width:0;font-size:13px;color:var(--cc-ac);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cc-more{margin-left:auto;display:inline-flex;align-items:center;gap:2px;padding:4px 0 4px 8px;border:0;background:none;font-size:13px;color:var(--cc-sub);}
.cc-card{border-radius:var(--cc-r);background:var(--cc-card);box-shadow:var(--lb-card-shadow,inset 0 0 0 1px rgba(112,115,124,.08));}
.cc-chip{display:inline-flex;align-items:center;flex:none;height:22px;padding:0 8px;border-radius:1000px;background:color-mix(in srgb,var(--cc-ac) 13%,transparent);
	color:var(--cc-ac);font-size:12px;font-weight:600;white-space:nowrap;}
.cc-chip--fill{background:var(--cc-ac);color:#fff;}
.cc-badge{display:inline-flex;align-items:center;height:18px;margin-left:4px;padding:0 6px;border-radius:5px;background:var(--cc-ac);color:#fff;font-size:11px;font-weight:700;}
.cc-time{font-size:12px;color:var(--cc-sub);font-weight:400;}
.cc-nick{font-size:13px;font-weight:700;color:var(--cc-ink);}
.cc-ava{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--cc-ac) 18%,#fff) center/cover no-repeat;
	color:var(--cc-ac);font-size:15px;font-weight:700;}
.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:none;height:42px;padding:0 16px;border:0;border-radius:12px;background:var(--sitecolor1,#D69600);
	color:#fff;font-size:14px;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap;}
.cc-btn:disabled{opacity:.5;}
.cc-btn--ghost{background:rgba(112,115,124,.12);color:#3a3a3a;}
.cc-empty{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:76px;padding:16px;border:1.5px dashed color-mix(in srgb,var(--cc-ac) 45%,transparent);
	border-radius:var(--cc-r);background:color-mix(in srgb,var(--cc-ac) 6%,transparent);color:var(--cc-ac);font-size:14px;font-weight:600;}

/* 교회 소식 */
.cc-news{display:flex;flex-direction:column;gap:8px;}
.cc-newsrow{display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 14px;border-radius:var(--cc-r);background:var(--cc-card);
	box-shadow:var(--lb-card-shadow,inset 0 0 0 1px rgba(112,115,124,.08));text-decoration:none;}
.cc-newsrow__t{flex:1;min-width:0;font-size:15px;font-weight:600;color:var(--cc-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* 출석 인사 */
.cc-hello{padding:14px;}
.cc-hello__form,.cc-reply{display:flex;gap:8px;}
.cc-hello__form input,.cc-reply input{flex:1;min-width:0;height:42px;padding:0 14px;border:1px solid var(--cc-line);border-radius:12px;background:#fff;
	font-size:16px;font-family:inherit;color:#222;outline:none;}
.cc-hello__form input:focus,.cc-reply input:focus,.cc-write textarea:focus{border-color:var(--sitecolor1,#D69600);}
.cc-hello__list,.cc-replies{list-style:none;margin:0;padding:0;}
.cc-hello__list{margin-top:6px;}
.cc-hello__list li,.cc-replies li{display:flex;gap:10px;padding:12px 0 0;}
.cc-hello__list li > div,.cc-replies li > div{flex:1;min-width:0;}
.cc-hello__who{display:flex;align-items:center;gap:6px;margin:0;}
.cc-hello__txt{margin:2px 0 0;font-size:14px;color:var(--cc-ink,#2a2118);word-break:break-word;}

/* 함께 기도해요 — 옆으로 넘기는 카드 */
.cc-rail{display:flex;gap:10px;margin:0 -16px;padding:2px 16px 4px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;}
.cc-rail::-webkit-scrollbar{display:none;}
.cc-pray{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:224px;min-height:176px;padding:14px;border:0;border-radius:var(--cc-r);
	background:var(--cc-card);box-shadow:var(--lb-card-shadow,inset 0 0 0 1px rgba(112,115,124,.08));scroll-snap-align:start;text-align:left;cursor:pointer;}
.cc-pray__t{flex:1;margin:0;font-size:14px;color:var(--cc-ink);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;}
.cc-pray__w{display:flex;align-items:center;gap:6px;margin:0;}
.cc-pray .cc-like{width:100%;justify-content:center;height:36px;border-radius:10px;background:color-mix(in srgb,var(--cc-ac) 12%,transparent);color:var(--cc-ac);font-weight:700;}
.cc-pray .cc-like.is-on{background:var(--cc-ac);color:#fff;}
.cc-pray--add{align-items:center;justify-content:center;width:150px;border:1.5px dashed color-mix(in srgb,var(--cc-ac) 45%,transparent);box-shadow:none;
	background:color-mix(in srgb,var(--cc-ac) 6%,transparent);color:var(--cc-ac);font-size:14px;font-weight:600;text-align:center;}
.cc-pray--add:only-child{width:100%;min-height:96px;flex-direction:row;}

/* 나눔터 줄 목록 */
.cc-rows{padding:2px 14px;}
.cc-row{display:flex;align-items:center;gap:12px;padding:13px 0;text-decoration:none;}
.cc-row + .cc-row{border-top:1px solid var(--cc-line);}
.cc-row__main{flex:1;min-width:0;}
.cc-row__t{display:flex;align-items:center;gap:6px;margin:0;font-size:15px;font-weight:600;color:var(--cc-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cc-row__m{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:4px 0 0;}
.cc-row__img{flex:none;width:52px;height:52px;border-radius:10px;overflow:hidden;background:rgba(112,115,124,.1);}
.cc-row__img img{width:100%;height:100%;object-fit:cover;display:block;}

/* 소그룹 */
.cc-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.cc-group{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 4px 12px;border:0;border-radius:var(--cc-r);background:var(--cc-card);
	box-shadow:var(--lb-card-shadow,inset 0 0 0 1px rgba(112,115,124,.08));color:var(--cc-ink);}
.cc-group i{display:grid;place-items:center;width:38px;height:38px;margin-bottom:2px;border-radius:50%;background:color-mix(in srgb,var(--cc-ac) 14%,transparent);color:var(--cc-ac);}
.cc-group b{font-size:14px;font-weight:700;}
.cc-group span{font-size:12px;color:var(--cc-sub);}

/* 앨범 */
.cc-grid,.cc-list--album{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-radius:var(--cc-r);overflow:hidden;}
.cc-grid__i{display:block;aspect-ratio:1;background:rgba(112,115,124,.1);overflow:hidden;}
.cc-grid__i img{width:100%;height:100%;object-fit:cover;display:block;}
.cc-list--album .cc-empty,.cc-list--album .cc-loading,.cc-list--album .cc-none{grid-column:1/-1;}

/* 게시판 */
.cc-bhead{display:flex;align-items:center;gap:12px;padding:18px 16px 0;}
.cc-bhead > div{flex:1;min-width:0;}
.cc-bhead__t{margin:0;font-size:19px;font-weight:700;color:var(--cc-ink);}
.cc-bhead__d{margin:2px 0 0;font-size:13px;color:var(--cc-sub);}
.cc-cates{display:flex;gap:6px;padding:14px 16px 0;overflow-x:auto;scrollbar-width:none;}
.cc-cates::-webkit-scrollbar{display:none;}
.cc-cates button{flex:none;height:34px;padding:0 14px;border:1px solid var(--cc-line,rgba(112,100,90,.2));border-radius:1000px;background:var(--cc-card,#fff);
	font-size:14px;font-weight:600;color:var(--cc-sub,#6b6258);font-family:inherit;cursor:pointer;white-space:nowrap;}
.cc-cates button.is-on{border-color:var(--sitecolor1,#D69600);background:var(--sitecolor1,#D69600);color:#fff;}
.cc-list{display:flex;flex-direction:column;gap:10px;padding:14px 16px 8px;min-height:180px;}
.cc-list--album{display:grid;padding:0;margin:14px 16px 8px;min-height:0;}
.cc-post{padding:14px;border-radius:var(--cc-r);background:var(--cc-card);box-shadow:var(--lb-card-shadow,inset 0 0 0 1px rgba(112,115,124,.08));cursor:pointer;}
.cc-post__head{display:flex;align-items:center;gap:10px;}
.cc-post__who{flex:1;min-width:0;display:flex;flex-direction:column;}
.cc-post__who .cc-nick{display:inline;}
.cc-post__body{margin:10px 0 0;font-size:15px;color:var(--cc-ink);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;}
.cc-post__img{display:block;margin-top:10px;border-radius:12px;overflow:hidden;max-height:320px;}
.cc-post__img img{width:100%;display:block;object-fit:cover;max-height:320px;}
.cc-post__foot{display:flex;gap:8px;margin-top:12px;}
.cc-act{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px;border:0;border-radius:8px;background:rgba(112,115,124,.08);
	color:var(--cc-sub,#6b6258);font-size:13px;font-weight:600;font-family:inherit;}
.cc-act b{font-weight:700;}
.cc-act b:empty{display:none;}
.cc-like{cursor:pointer;}
.cc-like.is-on{background:color-mix(in srgb,var(--sitecolor1,#D69600) 16%,transparent);color:var(--sitecolor1,#D69600);}
.cc-like.is-on svg{fill:currentColor;}
.cc-loadmore{display:block;width:calc(100% - 32px);height:44px;margin:4px 16px 12px;border:1px solid var(--cc-line);border-radius:12px;background:var(--cc-card);
	font-size:14px;font-weight:600;color:var(--cc-ink);}
.cc-del{margin-left:auto;padding:4px 6px;border:0;background:none;font-size:12px;color:#9a8f85;font-family:inherit;cursor:pointer;text-decoration:underline;}

/* 바닥 시트(글쓰기·글 보기·로그인 안내) */
html.cc-lock,html.cc-lock body{overflow:hidden;}
.cc-sheet{position:fixed;inset:0;z-index:10050;display:flex;align-items:flex-end;justify-content:center;font-family:"Pretendard","Pretendard JP",-apple-system,BlinkMacSystemFont,sans-serif;
	--cc-ac:var(--sitecolor1,#D69600);--cc-ink:#2a2118;--cc-sub:rgba(60,50,40,.62);--cc-line:rgba(112,100,90,.18);--cc-card:#fff;color:#2a2118;font-size:14px;line-height:1.5;}
.cc-sheet *{box-sizing:border-box;}
.cc-sheet__dim{position:absolute;inset:0;background:rgba(20,16,12,.5);opacity:0;transition:opacity .2s;}
.cc-sheet__box{position:relative;width:100%;max-width:480px;max-height:88vh;max-height:88dvh;display:flex;flex-direction:column;padding:22px 16px 16px;border-radius:22px 22px 0 0;background:#fff;
	transform:translateY(24px);opacity:0;transition:transform .22s ease,opacity .22s ease;}
.cc-sheet.on .cc-sheet__dim{opacity:1;}
.cc-sheet.on .cc-sheet__box{transform:none;opacity:1;}
.cc-sheet__x{position:absolute;top:10px;right:8px;z-index:2;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:none;color:#6b6258;cursor:pointer;}
.cc-sheet__t{margin:0 40px 14px 0;font-size:18px;font-weight:700;}
.cc-sheet--ask{align-items:center;padding:24px;}
.cc-sheet--ask .cc-sheet__box{max-width:340px;border-radius:20px;padding:24px 20px 18px;}
.cc-ask__t{margin:0;font-size:18px;font-weight:700;text-align:center;}
.cc-ask__d{margin:8px 0 18px;font-size:14px;color:var(--cc-sub);text-align:center;}
.cc-ask__b{display:flex;gap:8px;}
.cc-ask__b .cc-btn{flex:1;height:46px;}

.cc-write{display:flex;flex-direction:column;min-height:0;}
.cc-write .cc-cates{padding:0 0 12px;flex-wrap:wrap;overflow:visible;}
.cc-write textarea{width:100%;min-height:150px;padding:14px;border:1px solid var(--cc-line);border-radius:14px;background:#fff;font-size:16px;line-height:1.55;font-family:inherit;color:#222;resize:none;outline:none;}
.cc-write__foot{display:flex;align-items:center;gap:10px;margin-top:12px;}
.cc-attach{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 14px;border:1px solid var(--cc-line);border-radius:12px;font-size:14px;font-weight:600;color:#4a4038;cursor:pointer;}
.cc-preview{width:42px;height:42px;border-radius:10px;background:#eee center/cover no-repeat;}
.cc-write__foot .cc-btn{margin-left:auto;min-width:96px;}

.cc-view{display:flex;flex-direction:column;min-height:0;flex:1;}
.cc-view__scroll{flex:1;min-height:0;overflow-y:auto;padding:0 2px 12px;margin-right:-2px;}
.cc-view .cc-post__head{padding-right:40px;}
.cc-view__body{margin:14px 0 0;font-size:16px;line-height:1.65;word-break:break-word;}
.cc-view__img{display:block;width:100%;margin-top:12px;border-radius:14px;}
.cc-replies{margin-top:14px;border-top:1px solid var(--cc-line);}
.cc-replies .cc-none{display:block;padding:22px 0 8px;}
.cc-reply{padding-top:12px;border-top:1px solid var(--cc-line);}

.cc-toast{position:fixed;left:50%;bottom:92px;z-index:10060;max-width:calc(100% - 48px);padding:11px 18px;border-radius:1000px;background:rgba(34,28,22,.92);color:#fff;
	font-size:14px;font-weight:500;font-family:"Pretendard",-apple-system,sans-serif;transform:translate(-50%,10px);opacity:0;transition:all .22s ease;pointer-events:none;text-align:center;}
.cc-toast.on{transform:translate(-50%,0);opacity:1;}

@media (max-width:359px){
	.cc-quick span{font-size:12px;}
	.cc-groups{grid-template-columns:repeat(2,1fr);}
}

/* ===========================================================================
   2026-10-14 hcj (MH261014_HCJ_CCPRETTY) : 커뮤니티 꾸밈 + 교회별 레이아웃 7종
   · 레이아웃 이름 = 디자인(ThemeGbJson).ccLayout → minishop.js 가 .profile-wrap[data-cc-layout] 로 얹는다.
     grace(클래식) · magazine(전면 사진) · card(카드형) · night(다크) · nature(자연) · minimal(미니멀) · bold(띠 헤더)
   · 값이 없으면 아래 «공통» 꾸밈만 먹는다(기존 교회 그대로 + 이모티콘·앨범 카드).
   =========================================================================== */
.cc-emo{font-style:normal;line-height:1;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;}
.cc-quick i.cc-emo{font-size:23px;background:color-mix(in srgb,var(--cc-ac) 11%,#fff);}
.cc-ava--emo{font-size:19px;color:inherit;}
.cc-sec__title{display:flex;align-items:center;gap:4px;}

/* 앨범 — 큰 사진 카드를 옆으로 넘긴다 */
.cc-gal{gap:12px;padding-bottom:8px;}
.cc-gal__i{position:relative;flex:none;width:68%;max-width:300px;aspect-ratio:4/5;border-radius:20px;overflow:hidden;scroll-snap-align:start;
	background:rgba(112,115,124,.12);box-shadow:0 10px 24px rgba(20,24,40,.16);text-decoration:none;}
.cc-gal__i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.cc-gal__i:active img{transform:scale(1.04);}
.cc-gal__cap{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:40px 14px 14px;
	background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.72));color:#fff;text-align:left;}
.cc-gal__cap em{font-style:normal;height:22px;padding:0 9px;border-radius:1000px;background:rgba(255,255,255,.22);backdrop-filter:blur(6px);font-size:11.5px;font-weight:700;line-height:22px;}
.cc-gal__cap b{font-size:15px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;}
.cc-gal__cap small{font-size:12px;opacity:.82;}
.cc-gal__add{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:120px;border:1.5px dashed color-mix(in srgb,var(--cc-ac) 45%,transparent);
	border-radius:20px;background:color-mix(in srgb,var(--cc-ac) 6%,transparent);color:var(--cc-ac);font-size:13px;font-weight:700;}
.cc-gal__add .cc-emo{font-size:28px;}

/* 소그룹 — 모임마다 다른 색 + 이모티콘 */
.cc-group{background:linear-gradient(160deg,var(--g1,#f3f4f7) 0%,var(--cc-card) 92%);}
.cc-group i.cc-emo{width:50px;height:50px;font-size:27px;background:#fff;box-shadow:0 4px 12px color-mix(in srgb,var(--g2,#ddd) 80%,transparent);}

/* 레이아웃이 있는 교회는 커뮤니티 색도 사이트 금색 대신 «교회 색» 을 쓴다 */
.profile-wrap[data-cc-layout]:not([data-cc-layout=""]) .cc-root{--cc-ac:var(--lb-accent,var(--sitecolor1,#D69600));}
.profile-wrap[data-cc-layout]:not([data-cc-layout=""]) .cc-btn,.profile-wrap[data-cc-layout]:not([data-cc-layout=""]) .cc-cates button.is-on{background:var(--cc-ac);border-color:var(--cc-ac);}
.profile-wrap[data-cc-layout]:not([data-cc-layout=""]) .cc-like.is-on{color:var(--cc-ac);}

/* 출석 인사 목록 구분선 */
.cc-hello__list li + li{border-top:1px dashed var(--cc-line);}
.cc-hello__list li{padding-bottom:10px;}

/* 예배 안내 2·3열 타일 — 사진 썸네일이 돋보이게 */
.profile-wrap[data-skin="5"][data-cc-layout] .gb-section--cols > .gb-link{padding:8px 8px 12px;}
.profile-wrap[data-skin="5"][data-cc-layout] .gb-section--cols > .gb-link .gb-link__thumb{border-radius:calc(var(--lb-card-radius,12px) - 4px);}

/* ── 탭 모양 ── */
.profile-wrap[data-cc-layout="magazine"] .cc-tabs,.profile-wrap[data-cc-layout="minimal"] .cc-tabs{gap:0;padding:0 8px;}
.profile-wrap[data-cc-layout="magazine"] .cc-tabs button,.profile-wrap[data-cc-layout="minimal"] .cc-tabs button{height:46px;border-radius:0;background:none;border-bottom:2.5px solid transparent;}
.profile-wrap[data-cc-layout="magazine"] .cc-tabs button.is-on,.profile-wrap[data-cc-layout="minimal"] .cc-tabs button.is-on{background:none;color:var(--cc-ink);border-bottom-color:var(--cc-ac);}
.profile-wrap[data-cc-layout="card"] .cc-tabs,.profile-wrap[data-cc-layout="bold"] .cc-tabs{margin:12px 12px 0;padding:5px;border:0;border-radius:16px;background:color-mix(in srgb,var(--cc-ac) 9%,var(--lb-bg,#fff));top:6px;}
.profile-wrap[data-cc-layout="card"] .cc-tabs button,.profile-wrap[data-cc-layout="bold"] .cc-tabs button{height:36px;border-radius:12px;}
.profile-wrap[data-cc-layout="card"] .cc-tabs button.is-on{background:var(--cc-card);color:var(--cc-ac);box-shadow:0 2px 8px rgba(30,20,60,.12);}

/* ── 앨범 배치 ── */
/* 모자이크(첫 장 크게) */
.profile-wrap[data-cc-layout="magazine"] .cc-gal,.profile-wrap[data-cc-layout="bold"] .cc-gal{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:6px;margin:0;padding:0;overflow:visible;}
.profile-wrap[data-cc-layout="magazine"] .cc-gal__i,.profile-wrap[data-cc-layout="bold"] .cc-gal__i{width:auto;max-width:none;aspect-ratio:1;border-radius:12px;box-shadow:none;}
.profile-wrap[data-cc-layout="magazine"] .cc-gal__i.is-first,.profile-wrap[data-cc-layout="bold"] .cc-gal__i.is-first{grid-column:span 2;grid-row:span 2;}
.profile-wrap[data-cc-layout="magazine"] .cc-gal__i:not(.is-first) .cc-gal__cap,.profile-wrap[data-cc-layout="bold"] .cc-gal__i:not(.is-first) .cc-gal__cap{display:none;}
.profile-wrap[data-cc-layout="magazine"] .cc-gal__add,.profile-wrap[data-cc-layout="bold"] .cc-gal__add{width:auto;aspect-ratio:1;border-radius:12px;font-size:12px;}
/* 2열 카드 */
.profile-wrap[data-cc-layout="card"] .cc-gal{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;overflow:visible;}
.profile-wrap[data-cc-layout="card"] .cc-gal__i{width:auto;max-width:none;aspect-ratio:3/4;border-radius:18px;}
.profile-wrap[data-cc-layout="card"] .cc-gal__add{width:auto;min-height:120px;}
/* 인스타 격자 */
.profile-wrap[data-cc-layout="minimal"] .cc-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:0;padding:0;overflow:visible;}
.profile-wrap[data-cc-layout="minimal"] .cc-gal__i{width:auto;max-width:none;aspect-ratio:1;border-radius:0;box-shadow:none;}
.profile-wrap[data-cc-layout="minimal"] .cc-gal__cap{display:none;}
.profile-wrap[data-cc-layout="minimal"] .cc-gal__add{width:auto;aspect-ratio:1;border-radius:0;font-size:12px;}
/* 폴라로이드 */
.profile-wrap[data-cc-layout="nature"] .cc-gal{padding:8px 16px 18px;gap:16px;}
.profile-wrap[data-cc-layout="nature"] .cc-gal__i{width:62%;aspect-ratio:auto;height:auto;padding:10px 10px 0;border-radius:6px;background:#fff;overflow:visible;transform:rotate(-2deg);box-shadow:0 8px 22px rgba(30,60,50,.18);}
.profile-wrap[data-cc-layout="nature"] .cc-gal__i:nth-child(even){transform:rotate(2deg);}
.profile-wrap[data-cc-layout="nature"] .cc-gal__i img{position:static;aspect-ratio:1;height:auto;border-radius:2px;}
.profile-wrap[data-cc-layout="nature"] .cc-gal__cap{position:static;padding:10px 4px 12px;background:none;color:#2b3a36;}
.profile-wrap[data-cc-layout="nature"] .cc-gal__cap em{background:color-mix(in srgb,var(--cc-ac) 15%,#fff);color:var(--cc-ac);}
.profile-wrap[data-cc-layout="nature"] .cc-gal__cap b{font-size:17px;font-family:"Gaegu",cursive,sans-serif;}
.profile-wrap[data-cc-layout="nature"] .cc-gal__cap small{color:#7b8a86;opacity:1;}

/* ── 1. grace : 클래식(세리프 제목, 금빛 선) ── */
.profile-wrap[data-cc-layout="grace"] .gb-name,.profile-wrap[data-cc-layout="grace"] .gb-section__title,.profile-wrap[data-cc-layout="grace"] .cc-sec__title{font-family:"Noto Serif KR",serif;letter-spacing:-.02em;}
.profile-wrap[data-cc-layout="grace"] .gb-name::after{content:"";display:block;width:36px;height:2px;margin:10px auto 2px;background:#c9a24a;}
.profile-wrap[data-cc-layout="grace"] .gb-avatar{box-shadow:0 0 0 2px #c9a24a,0 8px 20px rgba(20,40,90,.22);}

/* ── 2. magazine : 세로로 긴 사진 위에 이름·소개 ── */
.profile-wrap[data-cc-layout="magazine"] .gb-banner::before{content:"";position:absolute;inset:auto 0 0 0;height:62%;z-index:1;background:linear-gradient(180deg,rgba(8,14,30,0),rgba(8,14,30,.88));}
.profile-wrap[data-cc-layout="magazine"] .gb-profile{margin-top:-250px;min-height:250px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:0 22px 22px;text-align:left;}
.profile-wrap[data-cc-layout="magazine"] .gb-avatar{width:58px;height:58px;margin:0 0 12px;border-width:2px;border-color:rgba(255,255,255,.9);}
.profile-wrap[data-cc-layout="magazine"] .gb-name{color:#fff !important;font-size:34px;letter-spacing:-.04em;text-shadow:0 2px 12px rgba(0,0,0,.35);}
.profile-wrap[data-cc-layout="magazine"] .gb-bio{color:rgba(255,255,255,.86) !important;}
.profile-wrap[data-cc-layout="magazine"] .gb-sns,.profile-wrap[data-cc-layout="magazine"] .gb-bizrow{justify-content:flex-start;padding-left:22px;}
.profile-wrap[data-cc-layout="magazine"] .gb-sns{padding-top:16px;}
.profile-wrap[data-cc-layout="magazine"] .gb-section:not(.gb-section--cols) .gb-link__thumb{width:56px;height:56px;}

/* ── 3. card : 배너를 카드처럼 띄우고, 프로필은 왼쪽 정렬 ── */
.profile-wrap[data-cc-layout="card"] .gb-banner{margin:10px 12px 0;border-radius:26px;overflow:hidden;box-shadow:0 12px 28px rgba(60,30,110,.22);}
.profile-wrap[data-cc-layout="card"] .gb-topbar{top:10px;left:12px;right:12px;}
.profile-wrap[data-cc-layout="card"] .gb-profile{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:end;margin-top:-40px;padding:0 24px 6px;text-align:left;}
.profile-wrap[data-cc-layout="card"] .gb-avatar{grid-row:1;margin:0;}
.profile-wrap[data-cc-layout="card"] .gb-name{grid-row:1;padding-bottom:4px;font-size:25px;}
.profile-wrap[data-cc-layout="card"] .gb-bio{grid-column:1 / -1;margin-top:12px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--lb-accent,#7a4fd0) 7%,#fff);}
.profile-wrap[data-cc-layout="card"] .gb-sns,.profile-wrap[data-cc-layout="card"] .gb-bizrow{justify-content:flex-start;padding-left:24px;}
.profile-wrap[data-cc-layout="card"] .gb-sns{padding-top:12px;}

/* ── 4. night : 어두운 예배당 분위기 ── */
.profile-wrap[data-cc-layout="night"] .gb-banner::before{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(180deg,rgba(17,19,24,0),var(--lb-bg,#111318));}
.profile-wrap[data-cc-layout="night"] .gb-avatar{border-color:#1b1e26;box-shadow:0 0 0 2px var(--lb-accent,#e0b354),0 0 28px color-mix(in srgb,var(--lb-accent,#e0b354) 55%,transparent);}
.profile-wrap[data-cc-layout="night"] .gb-name{letter-spacing:.02em;}
.profile-wrap[data-cc-layout="night"] .gb-bizchip{background:rgba(255,255,255,.08) !important;color:#f1f1f4 !important;border-color:rgba(255,255,255,.14) !important;}
.profile-wrap[data-cc-layout="night"] .gb-link__chevron{color:rgba(255,255,255,.3);}
.profile-wrap[data-cc-layout="night"] .cc-root{--cc-ink:#f1f1f4;--cc-sub:rgba(241,241,244,.6);--cc-line:rgba(255,255,255,.1);--cc-card:#1d2029;}
.profile-wrap[data-cc-layout="night"] .cc-hello__form input{background:#262a35;border-color:rgba(255,255,255,.1);color:#fff;}
.profile-wrap[data-cc-layout="night"] .cc-act{background:rgba(255,255,255,.07);}
.profile-wrap[data-cc-layout="night"] .cc-quick i.cc-emo{background:rgba(255,255,255,.07);}
.profile-wrap[data-cc-layout="night"] .cc-group{background:linear-gradient(160deg,color-mix(in srgb,var(--g2) 26%,#1d2029) 0%,#1d2029 90%);}
.profile-wrap[data-cc-layout="night"] .cc-group i.cc-emo{background:rgba(255,255,255,.09);box-shadow:none;}
.profile-wrap[data-cc-layout="night"] .cc-tabs{background:var(--lb-bg,#111318);}
.profile-wrap[data-cc-layout="night"] .cc-tabs button.is-on{color:#15161c;}

/* ── 5. nature : 둥근 배너, 동그란 바로가기, 폴라로이드 ── */
.profile-wrap[data-cc-layout="nature"] .gb-banner{border-radius:0 0 50% 50% / 0 0 13% 13%;overflow:hidden;}
.profile-wrap[data-cc-layout="nature"] .gb-avatar{box-shadow:0 0 0 6px color-mix(in srgb,var(--lb-accent,#2f9d96) 18%,transparent),0 10px 24px rgba(20,70,60,.2);}
.profile-wrap[data-cc-layout="nature"] .cc-quick button{background:none;box-shadow:none;padding:6px 2px;}
.profile-wrap[data-cc-layout="nature"] .cc-quick i.cc-emo{width:60px;height:60px;font-size:28px;background:linear-gradient(150deg,#fff,color-mix(in srgb,var(--cc-ac) 20%,#fff));box-shadow:0 6px 16px color-mix(in srgb,var(--cc-ac) 25%,transparent);}
.profile-wrap[data-cc-layout="nature"] .cc-tabs button.is-on{background:linear-gradient(135deg,var(--cc-ac),color-mix(in srgb,var(--cc-ac) 60%,#7ad3a0));}
.profile-wrap[data-cc-layout="nature"] .cc-groups{grid-template-columns:repeat(2,1fr);}
.profile-wrap[data-cc-layout="nature"] .cc-group{flex-direction:row;justify-content:flex-start;gap:10px;padding:12px;text-align:left;}
.profile-wrap[data-cc-layout="nature"] .cc-group b{flex:1;}

/* ── 6. minimal : 겹침 없는 왼쪽 정렬, 선으로만 나눈다 ── */
.profile-wrap[data-cc-layout="minimal"] .gb-profile{margin-top:0;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;padding:20px 22px 4px;text-align:left;}
.profile-wrap[data-cc-layout="minimal"] .gb-avatar{margin:0;border-width:0;box-shadow:0 0 0 1px rgba(0,0,0,.08);}
.profile-wrap[data-cc-layout="minimal"] .gb-name{font-size:24px;letter-spacing:-.03em;}
.profile-wrap[data-cc-layout="minimal"] .gb-bio{grid-column:1 / -1;margin-top:14px;padding-left:12px;border-left:3px solid var(--lb-accent,#00a080);}
.profile-wrap[data-cc-layout="minimal"] .gb-sns,.profile-wrap[data-cc-layout="minimal"] .gb-bizrow{justify-content:flex-start;padding-left:22px;}
.profile-wrap[data-cc-layout="minimal"] .gb-sns{padding-top:14px;}
.profile-wrap[data-cc-layout="minimal"] .cc-quick button,.profile-wrap[data-cc-layout="minimal"] .cc-card,.profile-wrap[data-cc-layout="minimal"] .cc-newsrow,.profile-wrap[data-cc-layout="minimal"] .cc-pray,.profile-wrap[data-cc-layout="minimal"] .cc-group{box-shadow:inset 0 0 0 1px rgba(0,0,0,.09);}
.profile-wrap[data-cc-layout="minimal"] .gb-section:not(.gb-section--cols) .gb-link__thumb{width:52px;height:52px;}

/* ── 7. bold : 배너 아래 교회색 띠 위에 흰 글씨 ── */
.profile-wrap[data-cc-layout="bold"] .gb-profile{margin-top:0;padding:0 20px 18px;background:var(--lb-accent-deep,#202060);}
.profile-wrap[data-cc-layout="bold"] .gb-avatar{position:relative;top:-46px;margin:0 auto -34px;border-color:var(--lb-accent-deep,#202060);}
.profile-wrap[data-cc-layout="bold"] .gb-name{color:#fff !important;font-size:30px;font-weight:900;letter-spacing:-.04em;}
.profile-wrap[data-cc-layout="bold"] .gb-bio{color:rgba(255,255,255,.8) !important;}
.profile-wrap[data-cc-layout="bold"] .gb-sns{padding-top:18px;}
.profile-wrap[data-cc-layout="bold"] .cc-tabs button.is-on{background:var(--lb-accent-deep,#202060);}
.profile-wrap[data-cc-layout="bold"] .cc-sec__title{font-size:19px;font-weight:900;}
.profile-wrap[data-cc-layout="bold"] .cc-newsrow{border-left:4px solid var(--cc-ac);}

/* 보정 : 모자이크엔 «사진 올리기» 타일을 빼고(바로 참여에 있음), 한 줄 목록형 예배 안내는 사진을 크게 */
.profile-wrap[data-cc-layout="magazine"] .cc-gal__add,.profile-wrap[data-cc-layout="bold"] .cc-gal__add{display:none;}
.profile-wrap[data-cc-layout="magazine"] .gb-links > .gb-section:nth-child(2) .gb-link__thumb{width:96px;height:64px;}
.profile-wrap[data-cc-layout="minimal"] .gb-links > .gb-section:nth-child(2) .gb-link__thumb{width:64px;height:64px;border-radius:4px;}
/* 기도 카드도 레이아웃마다 다르게 */
.profile-wrap[data-cc-layout="bold"] .cc-pray:not(.cc-pray--add){background:var(--lb-accent-deep,#202060);--cc-ink:#fff;--cc-sub:rgba(255,255,255,.7);}
.profile-wrap[data-cc-layout="bold"] .cc-pray .cc-chip{background:rgba(255,255,255,.16);color:#fff;}
.profile-wrap[data-cc-layout="bold"] .cc-pray .cc-like{background:rgba(255,255,255,.14);color:#fff;}
.profile-wrap[data-cc-layout="card"] .cc-pray:not(.cc-pray--add){background:linear-gradient(160deg,color-mix(in srgb,var(--cc-ac) 14%,#fff),#fff 70%);}
.profile-wrap[data-cc-layout="grace"] .cc-pray:not(.cc-pray--add){border-top:3px solid #c9a24a;}
.profile-wrap[data-cc-layout="nature"] .cc-pray:not(.cc-pray--add){border-radius:24px;background:linear-gradient(170deg,#fff,color-mix(in srgb,var(--cc-ac) 9%,#fff));}

/* MH261014_HCJ_CCSOFT : 메인 배너가 «딱» 끊기지 않게 — 레이아웃마다 블러·페이드·둥근 끝으로 부드럽게 잇는다 */
/* grace(소망) : 배너 아래쪽이 배경으로 녹아든다 + 뒤에 같은 사진의 흐린 빛 */
.profile-wrap[data-cc-layout="grace"] .gb-banner{-webkit-mask-image:linear-gradient(180deg,#000 55%,rgba(0,0,0,.55) 78%,transparent);mask-image:linear-gradient(180deg,#000 55%,rgba(0,0,0,.55) 78%,transparent);}
/* minimal(아름다운) : 짧은 페이드 + 끝을 살짝 둥글게 */
.profile-wrap[data-cc-layout="minimal"] .gb-banner{border-radius:0 0 28px 28px;-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent);}
/* magazine(금천) : 어두운 표지 끝을 크게 둥글리고 그림자로 띄움 */
.profile-wrap[data-cc-layout="magazine"] .gb-banner{border-radius:0 0 34px 34px;overflow:hidden;box-shadow:0 14px 30px rgba(8,14,30,.22);}
.profile-wrap[data-cc-layout="magazine"] .gb-banner::before{border-radius:0 0 34px 34px;}
/* bold(도림) : 사진 → 교회색 띠를 그라데이션으로 잇고, 띠 끝은 둥글게 */
.profile-wrap[data-cc-layout="bold"] .gb-banner::before{content:"";position:absolute;inset:auto 0 0 0;height:45%;z-index:1;background:linear-gradient(180deg,transparent,var(--lb-accent-deep,#202060));}
.profile-wrap[data-cc-layout="bold"] .gb-profile{border-radius:0 0 36px 36px;box-shadow:0 14px 28px color-mix(in srgb,var(--lb-accent-deep,#202060) 30%,transparent);position:relative;z-index:1;}
/* card(서원경) : 카드 뒤로 같은 색 번짐 */
.profile-wrap[data-cc-layout="card"] .gb-banner{box-shadow:0 18px 40px -8px color-mix(in srgb,var(--lb-accent,#7a4fd0) 45%,transparent);}