.hero-study{--edge:clamp(24px,4.444vw,64px)}.hero-study .p-header{width:calc(100% - var(--edge)*2);max-width:none;min-height:84px}.hero-study .p-button,.hero-study .p-nav-contact{border-radius:999px}.hero-study .h-hero{color:var(--hs-ink,#16213A);background:#FFFFFF;font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;position:relative}.hero-study .h-hero h1{font-family:inherit;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0;color:inherit}.h-copy{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.h-copy>p{font-size:18px;line-height:1.75;color:var(--hs-sub,#3E4A63);margin:0;max-width:640px}.h-eyebrow{font-size:13px;letter-spacing:.16em;font-weight:700;color:var(--hs-brand,#3A6BC6)}.h-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:6px}.hero-study .h-actions .p-button{font-size:15px;font-weight:700;padding:15px 28px;min-height:52px;background:var(--hs-brand,#3A6BC6);border-color:var(--hs-brand,#3A6BC6);color:#FFFFFF}.hero-study .h-actions .p-button:hover{background:var(--hs-ink,#16213A);border-color:var(--hs-ink,#16213A);color:#FFFFFF}.h-first{color:inherit;font-size:15px;text-decoration:underline;text-underline-offset:5px;font-weight:500}.h-photo{width:100%;height:100%;object-fit:cover;display:block}.h-badge{font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px;background:var(--hs-tint,#EEF4FC);color:var(--hs-ink,#16213A);align-self:flex-start}.hero-study .h-a-picture{height:620px;position:relative;overflow:hidden}.h-a-picture>.h-photo,.h-shade{position:absolute;inset:0}.h-a .h-photo{object-position:center 45%}.h-shade{background:linear-gradient(90deg,color-mix(in srgb,var(--hs-dark,#0E1422) 80%,transparent) 0%,color-mix(in srgb,var(--hs-dark,#0E1422) 68%,transparent) 55%,color-mix(in srgb,var(--hs-dark,#0E1422) 8%,transparent) 100%);pointer-events:none}.h-a .h-copy{position:absolute;left:var(--edge);bottom:72px;max-width:760px;color:#FFFFFF}.h-a .h-copy h1{font-size:72px;color:#FFFFFF;line-height:1.18}.h-a .h-eyebrow{color:var(--hs-on-dark-soft,#D8E1EE)}.h-a .h-copy>p{color:var(--hs-on-dark-soft,#E6ECF5);max-width:650px}.h-a .h-first{color:#FFFFFF}.h-a-picture :focus-visible{outline-color:#FFFFFF}.h-service-strip{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--hs-line,#E3E8EF)}.h-service-strip>a{display:flex;flex-direction:column;gap:4px;padding:24px var(--edge);border-right:1px solid var(--hs-line,#E3E8EF)}.h-service-strip>a:last-child{border-right:0}.h-service-strip span{font-size:12px;color:var(--hs-sub,#4B5670)}.h-service-strip strong{font-size:18px;font-weight:700;line-height:1.55}.h-service-strip a:hover{background:var(--hs-tint,#EEF4FC)}.hero-study .h-b{display:grid;grid-template-columns:520px 1fr;gap:56px;align-items:center;padding:40px var(--edge) 64px}.h-b .h-copy h1{font-size:60px}.h-b>.h-photo{height:520px;border-radius:24px;object-position:65% center}.h-b .h-copy>p{font-size:17px}.hero-study .h-c{padding:40px var(--edge) 48px;display:flex;flex-direction:column;align-items:center;gap:36px}.h-c .h-copy{align-items:center;text-align:center;gap:18px}.h-c .h-copy h1{font-size:60px}.h-c .h-actions{justify-content:center}.h-c>.h-photo{height:300px;border-radius:28px;object-position:center 42%}.hero-study.hero-choice-d .p-header{background:var(--hs-dark,#15213A);color:#FFFFFF;width:100%;padding-inline:var(--edge);margin:0}.hero-study.hero-choice-d .p-header .p-wordmark,.hero-study.hero-choice-d .p-header .p-brand small,.hero-study.hero-choice-d .p-header nav{color:var(--hs-on-dark-soft,#D5DCE8)}.hero-study.hero-choice-d .p-nav-contact{background:var(--hs-accent,#C89B6A);border-color:var(--hs-accent,#C89B6A);color:var(--hs-dark,#15213A);font-weight:700}.hero-study.hero-choice-d .menu-toggle{border-color:var(--hs-accent,#C89B6A);color:#FFFFFF}.hero-study.hero-choice-d .p-header :focus-visible{outline-color:#FFFFFF}.hero-study .h-d{display:grid;grid-template-columns:560px 1fr;background:var(--hs-dark,#15213A);color:#FFFFFF}.h-d .h-copy{padding:40px 56px 40px var(--edge);justify-content:center;gap:22px}.h-d .h-copy h1{font-family:'Batang',Georgia,serif;font-size:54px;font-weight:700;line-height:1.28;color:#FFFFFF}.h-d .h-copy>p{color:var(--hs-on-dark-soft,#C9D3E3);font-size:17px}.h-d .h-eyebrow{color:var(--hs-accent,#C89B6A);display:flex;align-items:center;gap:10px}.h-d .h-eyebrow:before{content:'';width:28px;height:2px;background:var(--hs-accent,#C89B6A)}.hero-study .h-d .h-actions .p-button{background:var(--hs-accent,#C89B6A);border-color:var(--hs-accent,#C89B6A);color:var(--hs-dark,#15213A)}.hero-study .h-d .h-actions .p-button:hover{background:#FFFFFF;border-color:#FFFFFF;color:var(--hs-dark,#15213A)}.h-d>.h-photo{min-height:520px;height:100%;object-position:70% center}.h-d .h-first{color:#FFFFFF}.h-d :focus-visible{outline-color:#FFFFFF}.hero-study .h-e{min-height:608px;padding:0 var(--edge) 48px}.h-e-picture{position:absolute;top:0;left:0;width:100%;height:480px}.h-e .h-photo{object-position:center 45%}.h-e .h-copy{position:relative;top:250px;width:600px;max-width:100%;background:#FFFFFF;border-radius:20px;padding:40px 44px;gap:18px;box-shadow:0 12px 40px color-mix(in srgb,var(--hs-dark,#15213A) 12%,transparent)}.h-e .h-badge{background:var(--hs-accent-soft,#F3EBE0);color:var(--hs-dark,#15213A)}.h-e .h-copy h1{font-size:44px;color:var(--hs-dark,#15213A);line-height:1.25}.hero-study .h-e .h-actions .p-button{background:var(--hs-brand,#24365C);border-color:var(--hs-brand,#24365C)}.hero-study .h-e .h-actions .p-button:hover{background:var(--hs-dark,#15213A);border-color:var(--hs-dark,#15213A)}.h-faith{background:#FFFFFF;border-block:1px solid var(--hs-line,#E3E8EF);padding-block:25px}.h-faith>div{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}.h-faith span{font-size:13px;font-weight:700;color:var(--hs-ink,#16213A)}.h-faith p{font-size:12px;line-height:1.9;color:var(--hs-sub,#4B5670)}.h-picker{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#F4F5F7;padding:13px 24px;color:#16213A;line-height:1.7}.h-picker>div{display:flex;flex-direction:column;flex-shrink:0}.h-picker strong{font-size:10px;letter-spacing:.1em}.h-picker span{font-size:10px;color:#4B5670}.h-picker>nav{display:flex;gap:6px;flex-wrap:wrap}.h-picker a{font-size:10px;border:1px solid #73809A;padding:7px 10px;border-radius:5px;white-space:nowrap;background:#FFFFFF}.h-picker a[aria-current]{background:#16213A;border-color:#16213A;color:#FFFFFF}.h-picker>a{border:0;background:transparent;text-decoration:underline}.h-picker a:focus-visible{outline:3px solid #3A6BC6;outline-offset:3px}.hero-study :focus-visible{outline-width:3px}
@media(max-width:1200px){.hero-study .h-b{grid-template-columns:minmax(350px,.85fr) 1fr;gap:35px}.h-b .h-copy h1{font-size:52px}.hero-study .h-d{grid-template-columns:1fr 1.2fr}.h-d .h-copy{padding-right:35px}.h-d .h-copy h1{font-size:46px}.h-d .h-actions{gap:16px}.h-picker{flex-wrap:wrap;gap:10px}.h-picker>nav{order:3;width:100%}.h-c .h-copy h1{font-size:50px}}
@media(max-width:800px){.hero-study .p-header{min-height:78px}.hero-study .h-hero h1{letter-spacing:-.04em}.hero-study .h-a-picture{height:590px}.h-a .h-copy{left:var(--edge);right:var(--edge);bottom:40px;max-width:600px}.h-a .h-copy h1{font-size:49px}.h-copy>p{font-size:15px}.h-a .h-copy>p{max-width:510px}.h-shade{background:linear-gradient(90deg,color-mix(in srgb,var(--hs-dark,#0E1422) 83%,transparent) 0%,color-mix(in srgb,var(--hs-dark,#0E1422) 75%,transparent) 70%,color-mix(in srgb,var(--hs-dark,#0E1422) 68%,transparent) 100%)}.h-service-strip>a{padding:20px 24px}.h-service-strip strong{font-size:16px}.hero-study .h-b{grid-template-columns:1fr;gap:32px;padding-top:30px}.h-b>.h-photo{height:390px;object-position:65% center}.h-b .h-copy h1{font-size:48px}.h-b .h-copy>p{max-width:550px}.hero-study .h-c{padding-top:35px;gap:30px}.h-c .h-copy h1{font-size:44px}.h-c>.h-photo{height:280px;border-radius:20px}.hero-study .h-d{grid-template-columns:1fr}.h-d .h-copy{padding:40px var(--edge);max-width:650px}.h-d .h-copy h1{font-size:46px}.h-d>.h-photo{height:350px;min-height:0;object-position:70% center}.hero-study.hero-choice-d .p-header nav.open{background:var(--hs-dark,#15213A);border-color:var(--hs-accent,#C89B6A)}.hero-study .h-e{min-height:630px}.h-e-picture{height:380px}.h-e .h-copy{top:240px;padding:32px;width:580px}.h-e .h-copy h1{font-size:39px}.h-faith>div{grid-template-columns:1fr;gap:12px}}
@media(max-width:500px){.h-picker{padding:10px 16px}.h-picker>nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.h-picker a{white-space:normal;font-size:9px;padding:6px 8px}.h-picker>nav>a:last-child{grid-column:1/-1}.h-picker>div span{font-size:9px}.h-picker>a{font-size:10px}.hero-study .h-actions .p-button{font-size:13px;padding:13px 20px;min-height:48px}.h-first{font-size:13px}.h-actions{gap:18px}.h-eyebrow{font-size:10px}.h-badge{font-size:10px}.hero-study .h-a-picture{height:550px}.h-a .h-photo{object-position:62% 50%}.h-a .h-copy{bottom:34px;gap:19px}.h-a .h-copy h1{font-size:39px;line-height:1.28}.h-a .h-copy>p{font-size:14px;line-height:1.8}.h-service-strip{grid-template-columns:1fr 1fr}.h-service-strip>a{padding:17px 24px}.h-service-strip>a:nth-child(2){border-right:0}.h-service-strip>a:last-child{grid-column:1/-1;border-top:1px solid var(--hs-line,#E3E8EF)}.h-service-strip span{font-size:11px}.h-service-strip strong{font-size:15px}.hero-study .h-b{padding-top:28px;padding-bottom:40px}.h-b .h-copy{gap:20px}.h-b .h-copy h1{font-size:40px;line-height:1.24}.h-b .h-copy>p{font-size:14px}.h-b>.h-photo{height:340px;border-radius:20px;object-position:65% center}.hero-study .h-c{padding:30px var(--edge) 34px;gap:28px}.h-c .h-copy{gap:18px}.h-c .h-copy h1{font-size:35px;line-height:1.35;max-width:340px}.h-c>.h-photo{height:230px;border-radius:18px;object-position:62% center}.h-c .h-actions{gap:15px}.h-d .h-copy{padding-block:35px;gap:20px}.h-d .h-copy h1{font-size:37px;line-height:1.4}.h-d .h-copy>p{font-size:14px}.h-d>.h-photo{height:290px;object-position:70% center}.hero-study .h-e{min-height:570px;padding-bottom:34px}.h-e-picture{height:330px}.h-e .h-copy{top:225px;padding:26px 23px;border-radius:16px;width:100%;gap:20px}.h-e .h-copy h1{font-size:31px;line-height:1.4}.h-e .h-actions{gap:17px}.h-e .h-first{font-size:12px}.h-e .h-actions .p-button{padding-inline:17px}.h-faith{padding-block:24px}.h-faith p{font-size:11px}}

.hero-study.hero-choice-a .p-nav-contact,.hero-study.hero-choice-c .p-nav-contact{background:transparent;color:var(--hs-ink,#16213A);border-color:var(--hs-ink,#16213A)}.hero-study.hero-choice-b .p-nav-contact{background:var(--hs-ink,#16213A);border-color:var(--hs-ink,#16213A);color:#FFFFFF}.hero-study.hero-choice-e .p-nav-contact{background:var(--hs-brand,#24365C);border-color:var(--hs-brand,#24365C);color:#FFFFFF}

/* 2026-10-30 캔버스 V3·V4 스타일 정합 (폰트·사진 그늘·하단 섹션 중립화) */
html .hero-study.v2{font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic','Apple SD Gothic Neo',sans-serif}
html .hero-study .h-hero,html .hero-study.v2 .p-section h2,html .hero-study.v2 h3{font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif}
html .hero-study.hero-choice-d .h-d .h-copy h1{font-family:'Noto Serif KR','Batang',Georgia,serif}
html .hero-study .h-shade{background:linear-gradient(90deg,color-mix(in srgb,var(--hs-dark,#0E1422) 74%,transparent) 0%,color-mix(in srgb,var(--hs-dark,#0E1422) 40%,transparent) 42%,color-mix(in srgb,var(--hs-dark,#0E1422) 0%,transparent) 72%)}
html .hero-study.v2 .p-section h2{font-weight:800;letter-spacing:-.03em;color:var(--hs-ink)}
html .hero-study.v2 .p-kicker{color:var(--hs-brand);letter-spacing:.16em;font-weight:700}
html .hero-study.v2 .p-worship,html .hero-study.v2 .p-first,html .hero-study.v2 #news{background:var(--hs-gray)}
html .hero-study.v2 .p-life,html .hero-study.v2 #sermons,html .hero-study.v2 .p-visit{background:#FFFFFF}
html .hero-study.v2 .p-service,html .hero-study.v2 .p-service:last-child,html .hero-study.v2 .p-service.main-service,html .hero-study.v2 .p-life-stories article,html .hero-study.v2 .v-empty-card,html .hero-study.v2 .p-qr-panel{background:#FFFFFF;border:1px solid var(--hs-line);border-radius:16px;box-shadow:none}
html .hero-study.v2 .p-life-stories article:nth-child(n){background:#FFFFFF}
html .hero-study.v2 .p-service-tag,html .hero-study.v2 .v-content-icon,html .hero-study.v2 .step-number{background:var(--hs-tint);color:var(--hs-ink);border-color:transparent}
html .hero-study.v2 .p-service-number,html .hero-study.v2 .story-symbol,html .hero-study.v2 .v-label{color:var(--hs-brand)}
html .hero-study.v2 .p-button{border-radius:999px}
html .hero-study.v2 .p-button.solid{background:var(--hs-brand);border-color:var(--hs-brand);color:#FFFFFF}
html .hero-study.v2 .p-button.line{border-color:var(--hs-ink);color:var(--hs-ink);background:transparent}
html .hero-study .h-a .h-copy>p{max-width:560px}
/* 2026-10-30 서브 생동감 */
html .hero-study.v2 .p-kicker{display:inline-flex;align-items:center;gap:10px}
html .hero-study.v2 .p-kicker:before{content:'';width:24px;height:2px;background:currentColor}
html .hero-study .h-faith{background:var(--hs-tint);border-color:transparent}
html .hero-study.v2 .p-service{transition:transform .2s,box-shadow .2s}
html .hero-study.v2 .p-service:hover,html .hero-study.v2 .p-life-stories article:hover{transform:translateY(-4px);box-shadow:0 14px 32px color-mix(in srgb,var(--hs-ink,#16213A) 8%,transparent)}
html .hero-study.v2 .p-service.main-service{background:var(--hs-brand);border-color:var(--hs-brand)}
html .hero-study.v2 .p-service.main-service,html .hero-study.v2 .p-service.main-service h3,html .hero-study.v2 .p-service.main-service p,html .hero-study.v2 .p-service.main-service strong,html .hero-study.v2 .p-service.main-service .p-service-number{color:#FFFFFF}
html .hero-study.v2 .p-service.main-service .p-service-tag{background:rgba(255,255,255,.18);color:#FFFFFF}
html .hero-study.v2 .p-service-number,html .hero-study.v2 .story-symbol{font-size:28px;font-weight:800;letter-spacing:-.02em}
html .hero-study.v2 .step-number{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--hs-brand);color:#FFFFFF;font-weight:700;flex-shrink:0}
html .hero-study.v2 .p-life-stories article,html .hero-study.v2 .p-life-stories article:nth-child(n){background:var(--hs-tint);border-color:transparent;transition:transform .2s,box-shadow .2s}
html .hero-study.v2 .p-life-stories article:nth-child(2){background:var(--hs-ink)}
html .hero-study.v2 .p-life-stories article:nth-child(2) h3,html .hero-study.v2 .p-life-stories article:nth-child(2) p{color:#FFFFFF}
html .hero-study.v2 .p-life-stories article:nth-child(2) .story-symbol{color:var(--hs-brand-on-dark,#9DBAF0)}
html .hero-study.v2 .v-empty-card{border:1px dashed var(--hs-line-strong,#C5D3E8);background:#FFFFFF}
html .hero-study.v2 .p-visit{background:var(--hs-dark,#15213A);color:#FFFFFF}
html .hero-study.v2 .p-visit h2,html .hero-study.v2 .p-visit .p-address,html .hero-study.v2 .p-visit dd{color:#FFFFFF}
html .hero-study.v2 .p-visit dt,html .hero-study.v2 .p-visit p{color:var(--hs-on-dark-soft,#C9D3E3)}
html .hero-study.v2 .p-visit .p-kicker{color:var(--hs-brand-on-dark,#9DBAF0)}
html .hero-study.v2 .p-visit .p-button.line{border-color:#FFFFFF;color:#FFFFFF}
html .hero-study.v2 .p-visit .p-qr-panel{background:#FFFFFF;border-color:transparent}
html .hero-study.v2 .p-visit .p-qr-panel h3{color:var(--hs-ink)}
html .hero-study.v2 .p-visit .p-qr-panel p{color:var(--hs-sub)}
html .hero-study.v2 .p-visit .p-qr-panel .p-kicker{color:var(--hs-brand)}
html .hero-study.v2 .p-visit .p-qr-panel a{color:var(--hs-brand)}
/* 2026-10-30 서브 보강 6종 */
html .hero-study.v2 .p-section-heading>p,html .hero-study.v2 .p-first-intro>p,html .hero-study.v2 .p-life-stories p,html .hero-study.v2 .p-first-steps p,html .hero-study.v2 .p-service p,html .hero-study.v2 .p-visit dd{font-size:16px;line-height:1.75}
html .hero-study.v2 .p-first-steps h3,html .hero-study.v2 .p-life-stories h3{font-size:20px}
html .hero-study.v2 .p-footnote{font-size:13px}
html .hero-study .h-faith span{font-size:16px}html .hero-study .h-faith p{font-size:15px;line-height:1.8;color:var(--hs-sub)}
html .hero-study .h-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:8px}
html .hero-study .h-card{background:#FFFFFF;border:1px solid var(--hs-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
html .hero-study .h-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px color-mix(in srgb,var(--hs-ink,#16213A) 8%,transparent)}
html .hero-study .h-card img{width:100%;aspect-ratio:16/10;height:auto;object-fit:cover;display:block}
html .hero-study .h-card>div{padding:22px 24px 26px;display:flex;flex-direction:column;gap:8px}
html .hero-study .h-card-meta{font-size:13px;color:var(--hs-sub)}
html .hero-study .h-card-meta b{display:inline-block;background:var(--hs-tint);color:var(--hs-brand);font-weight:700;padding:3px 10px;border-radius:999px;margin-right:6px}
html .hero-study .h-card h3{margin:0;font-size:20px;line-height:1.4;color:var(--hs-ink)}
html .hero-study .h-card p{margin:0;font-size:15px;line-height:1.7;color:var(--hs-sub)}
html .hero-study .h-news .h-card>div{padding:28px}
html .hero-study .h-side-photo{width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;border-radius:20px;margin-top:32px;display:block}
html .hero-study .h-band-photo{width:100%;height:320px;object-fit:cover;object-position:center 60%;border-radius:24px;margin:8px 0 32px;display:block}
html .hero-study .h-map{position:relative;height:220px;border-radius:16px;margin:24px 0;overflow:hidden;background-color:color-mix(in srgb,var(--hs-dark,#15213A) 90%,#FFFFFF);background-image:linear-gradient(color-mix(in srgb,var(--hs-dark,#15213A) 82%,#FFFFFF) 2px,transparent 2px),linear-gradient(90deg,color-mix(in srgb,var(--hs-dark,#15213A) 82%,#FFFFFF) 2px,transparent 2px),linear-gradient(35deg,transparent 46%,color-mix(in srgb,var(--hs-brand,#3A6BC6) 55%,var(--hs-dark,#15213A)) 46%,color-mix(in srgb,var(--hs-brand,#3A6BC6) 55%,var(--hs-dark,#15213A)) 54%,transparent 54%);background-size:56px 56px,56px 56px,100% 100%}
html .hero-study .h-map iframe{display:block;width:100%;height:100%;border:0;background:#FFFFFF}html .hero-study .h-map-caption{font-size:12px;line-height:1.7;color:var(--hs-sub,#4B5670);margin:10px 0 20px}
html .hero-study .h-map-label{position:absolute;left:16px;bottom:14px;font-size:13px;color:#FFFFFF;background:color-mix(in srgb,var(--hs-dark,#0E1422) 60%,transparent);padding:6px 12px;border-radius:999px}
html .hero-study .h-footer{width:100%;max-width:none;display:block;padding:64px 0 0;border-top:1px solid var(--hs-line);background:#FFFFFF}
html .hero-study .h-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:48px;padding-bottom:40px}
html .hero-study .h-footer h4{margin:0 0 14px;font-size:14px;color:var(--hs-ink)}
html .hero-study .h-footer p,html .hero-study .h-footer li{font-size:15px;line-height:1.8;color:var(--hs-sub)}
html .hero-study .h-footer ul{list-style:none;margin:0;padding:0}
html .hero-study .h-footer li{display:flex;justify-content:space-between;max-width:240px}
html .hero-study .h-footer li strong{color:var(--hs-ink)}
html .hero-study .h-sns{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
html .hero-study .h-sns a{font-size:13px;border:1px solid var(--hs-line);border-radius:999px;padding:8px 14px;color:var(--hs-ink);min-height:36px;display:inline-flex;align-items:center}
html .hero-study .h-footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--hs-line);padding-block:20px 28px;font-size:13px;color:var(--hs-sub)}
html .hero-study .h-footer-bottom div{display:flex;gap:20px;flex-wrap:wrap}
html .hero-study .h-footer-bottom a{font-size:13px;color:var(--hs-brand)}
@media(max-width:800px){html .hero-study .h-cards{grid-template-columns:1fr}html .hero-study .h-band-photo{height:220px;border-radius:18px}html .hero-study .h-footer-grid{grid-template-columns:1fr;gap:28px}html .hero-study .h-map{height:180px}html .hero-study.v2 .p-section h2{font-size:30px}}
/* 2026-10-30 서브 5페이지 통일 */
html .hero-sub.v2 .v-page-intro{position:relative;overflow:hidden;min-height:360px;display:flex;align-items:flex-end;padding:96px 0 56px;background:var(--hs-dark,#15213A) var(--intro-img) center 45%/cover no-repeat;color:#FFFFFF}
html .hero-sub.v2 .v-page-intro:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--hs-dark,#0E1422) 78%,transparent) 0%,color-mix(in srgb,var(--hs-dark,#0E1422) 45%,transparent) 50%,color-mix(in srgb,var(--hs-dark,#0E1422) 10%,transparent) 100%)}
html .hero-sub.v2 .v-page-intro>.p-wrap{position:relative;width:calc(100% - var(--edge)*2);max-width:none}
html .hero-sub.v2 .v-page-intro .p-kicker{color:var(--hs-on-dark-soft,#D8E1EE)}
html .hero-sub.v2 .v-page-intro h1{font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:56px;font-weight:800;letter-spacing:-.03em;line-height:1.22;color:#FFFFFF;margin:12px 0 16px}
html .hero-sub.v2 .v-page-intro h1 em{font-style:normal;color:var(--hs-brand-on-dark,#C9D8F5)}
html .hero-sub.v2 .v-intro-copy{font-size:18px;line-height:1.75;color:var(--hs-on-dark-soft,#E6ECF5);max-width:620px}
html .hero-sub.v2 .v-breadcrumb,html .hero-sub.v2 .v-breadcrumb a,html .hero-sub.v2 .v-breadcrumb span{color:var(--hs-on-dark-soft,#D8E1EE);font-size:13px}
html .hero-sub.v2 .v-faith{background:#FFFFFF}
html .hero-sub.v2 .v-faith figure img{border-radius:20px}
html .hero-sub.v2 .v-faith-note{background:var(--hs-tint);border:0;border-radius:16px}
html .hero-sub.v2 .v-faith p,html .hero-sub.v2 .v-arrival p,html .hero-sub.v2 .v-reading p{font-size:16px;line-height:1.75}
html .hero-sub.v2 .v-arrival,html .hero-sub.v2 .v-reading{background:var(--hs-tint)}
html .hero-sub.v2 .v-badge{background:#FFFFFF;color:var(--hs-brand);border-radius:999px;font-weight:700}
@media(max-width:800px){html .hero-sub.v2 .v-page-intro{min-height:300px;padding:72px 0 40px}html .hero-sub.v2 .v-page-intro:before{background:linear-gradient(180deg,color-mix(in srgb,var(--hs-dark,#0E1422) 35%,transparent),color-mix(in srgb,var(--hs-dark,#0E1422) 80%,transparent))}html .hero-sub.v2 .v-page-intro h1{font-size:36px}html .hero-sub.v2 .v-intro-copy{font-size:15px}}
@media(max-width:800px){html .hero-study .h-shade{background:linear-gradient(180deg,color-mix(in srgb,var(--hs-dark,#0E1422) 20%,transparent) 0%,color-mix(in srgb,var(--hs-dark,#0E1422) 55%,transparent) 45%,color-mix(in srgb,var(--hs-dark,#0E1422) 82%,transparent) 100%)}}

/* 배색 토큰화 */
html .hero-study.v2{--v-brand:var(--hs-brand);--v-readableBrand:var(--hs-brand);--v-nav:var(--hs-brand);--v-text:var(--hs-ink);--v-secondary:var(--hs-sub);--v-tint:var(--hs-tint);--v-border:var(--hs-line);--v-point:var(--hs-accent);--v-pointSoft:var(--hs-accent-soft)}
/* 배색 선택기·서브 머리 사진 (CSP 대응) */
html .hero-sub.v2 .h-intro-about{--intro-img:url('/assets/hero-chapel.webp?v=d0dc67d8c976b660')}html .hero-sub.v2 .h-intro-worship{--intro-img:url('/assets/grace.webp?v=dd48d5be569ab6ec')}html .hero-sub.v2 .h-intro-sermons{--intro-img:url('/assets/premium-b.webp?v=b43903a6c7bd3d51')}html .hero-sub.v2 .h-intro-news{--intro-img:url('/assets/forest.webp?v=63f078f3c2a56cc3')}html .hero-sub.v2 .h-intro-newcomers{--intro-img:url('/assets/light.webp?v=e597507de65aca74')}
.h-picker{flex-wrap:wrap}.h-palette{flex-basis:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;color:#16213A;padding-top:8px;border-top:1px solid #DDE1E8}
.h-palette strong{font-size:16px;font-weight:800;letter-spacing:0;margin-right:8px}
.h-sw{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:4px 12px 4px 5px;border:1px solid #C3C9D4;border-radius:999px;background:#FFFFFF;color:#16213A;font-size:12px;cursor:pointer}
.h-sw b{font-weight:800}
.h-sw-dot{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);flex-shrink:0}
.h-sw[aria-pressed=true]{border-color:#16213A;box-shadow:0 0 0 1px #16213A;background:#F4F5F7}
/* label·input 공통 여백(premium.css·style.css) 차단: 견본과 같은 줄 높이 유지 */
.h-custom{display:inline-flex;align-items:center;gap:6px;margin:0 0 0 8px;font-size:13px;font-weight:600}.h-custom input{width:34px;height:30px;margin:0;padding:0;border:1px solid #73809A;border-radius:6px;background:#FFFFFF;cursor:pointer}
.h-palette-reset,.h-palette-copy{font-size:11px;border:1px solid #73809A;background:#FFFFFF;color:#16213A;border-radius:5px;padding:6px 10px;cursor:pointer;min-height:30px}
.h-palette-status{color:#4B5670;margin-left:4px}
/* 선택 코드·신청 연결 */
.h-code{font-size:12px;color:#4B5670;margin-left:8px}.h-code b{color:#16213A;font-weight:800}
.h-code-copy{font-size:11px;border:1px solid #73809A;background:#FFFFFF;color:#16213A;border-radius:5px;padding:6px 10px;cursor:pointer;min-height:30px}
.h-picker .h-apply{font-size:12px;font-weight:700;background:#16213A;color:#FFFFFF;border-radius:5px;padding:7px 12px;text-decoration:none;min-height:30px}.h-picker .h-apply:hover{background:#2A3550}.h-apply[hidden]{display:none}
.h-palette :focus-visible{outline:3px solid #3A6BC6;outline-offset:2px}
html .hero-study .h-picker>.h-palette{flex-direction:row}
html .hero-study.hero-choice-d .h-d .h-actions .p-button{background:var(--hs-accent,#C89B6A);border-color:var(--hs-accent,#C89B6A);color:var(--hs-accent-ink,#15213A)}
html .hero-study.hero-choice-d .h-d .h-actions .p-button:hover{background:#FFFFFF;border-color:#FFFFFF;color:var(--hs-dark,#15213A)}
/* 첫 화면 다섯 가지 모아 보기(/heroes/) — 주인님 시안 V3·V4 짜임: #F4F5F7 바탕, 안마다 설명 한 줄 + 실제 첫 화면 */
.h-hub{margin:0;background:#F4F5F7;color:#16213A;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;line-height:1.7;word-break:keep-all}
.h-hub *{box-sizing:border-box}
.h-hub main{width:min(1312px,calc(100% - 48px));margin:auto;padding-block:56px 72px;display:grid;gap:44px}
.h-hub-head h1{margin:6px 0 12px;font-size:48px;line-height:1.25;font-weight:800;letter-spacing:-.04em}
.h-hub-head p{margin:0;font-size:15px;color:#4B5670}
.h-hub .h-eyebrow{margin:0;font-size:13px;font-weight:700;letter-spacing:.16em;color:#3A6BC6}
.h-hub-item{display:grid;gap:14px}
.h-hub-label{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px}
.h-hub-label p{margin:0;font-size:15px;font-weight:700;color:#4B5670}
.h-hub-label a,.h-hub-foot a{font-size:14px;font-weight:700;color:#16213A}
.h-hub-shot{display:block;background:#FFFFFF;box-shadow:0 1px 0 #E3E7EE}
.h-hub-shot img{width:100%;height:auto;display:block}
.h-hub-shot:hover{box-shadow:0 14px 36px rgba(21,33,58,.12)}
.h-hub-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:8px}
@media (max-width:640px){.h-hub main{width:calc(100% - 32px);padding-top:36px;gap:32px}.h-hub-head h1{font-size:32px}}

.h-image-picker{flex-basis:100%;box-sizing:border-box;background:#fff;color:#172238;border:1px solid #d8e1ee;border-radius:12px;padding:12px 16px;width:100%;font:14px/1.6 sans-serif}.h-image-picker summary{cursor:pointer;font-weight:700}.h-image-picker p{margin:10px 0}.h-image-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.h-image-grid button{padding:5px;background:#fff;color:#172238;border:2px solid #d8e1ee;border-radius:8px;cursor:pointer;text-align:left;font:inherit;min-height:44px}.h-image-grid button[aria-pressed=true]{border-color:#1d4ed8;background:#eff6ff}.h-image-grid button:focus-visible{outline:3px solid #1d4ed8;outline-offset:3px}.h-image-grid img{display:block;width:100%;height:auto;border-radius:4px}.h-image-grid span{display:block;padding:5px;font-size:12px}.h-image-status{min-height:24px}.h-roof-selected .h-hero .h-photo{object-position:70% 50%}@media(max-width:700px){.h-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.h-roof-selected .h-c>.h-photo{height:auto;aspect-ratio:1916/821;object-fit:cover}

img[data-main-photo]:not([src]){display:none!important}