@charset "utf-8";

/* 교회소개 - 헤더 */
.p2-top {position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; padding:25.8px 29.5px 18.5px; background:linear-gradient(160deg, #1E3A5F 0%, #134E4A 100%);}
.p2-top h1 {color:#fff; font-size:31px; font-weight:700;}
.p2-top .ic {display:flex; align-items:center; justify-content:center; width:62px; height:62px; background:rgba(255,255,255,0.14); border-radius:16.6px;}
.p2-top .ic img {width:36.9px; height:36.9px;}
.p2-tabs {position:relative; z-index:2; display:flex; padding:0 18.5px; background:linear-gradient(160deg, #234468, #15514C); border-bottom:3.7px solid rgba(255,255,255,0.15);}
.p2-tabs .tab {position:relative; padding:22px 22px; color:rgba(255,255,255,0.55); font-size:23px; font-weight:500; white-space:nowrap;}
.p2-tabs .tab.on {color:#fff; font-weight:700;}
.p2-tabs .tab.on::after {content:""; position:absolute; left:14px; right:14px; bottom:-3.7px; height:3.7px; background:#5EEAD4; border-radius:4px 4px 0 0;}

/* 교회소개 - 히어로 */
.p2-hero {position:relative; padding:33px 33px 40px; background:linear-gradient(160deg, #15514C 0%, #1E3A5F 100%); overflow:hidden;}
.p2-hero .cross {position:absolute; top:25px; right:25px; width:130px; height:167px; opacity:0.12;}
.p2-hero .est {display:inline-flex; align-items:center; gap:9px; padding:5.5px 22px; background:rgba(255,255,255,0.14); border-radius:50px; color:rgba(255,255,255,0.85); font-size:20.3px; font-weight:500;}
.p2-hero .nm {margin-top:11px; color:#fff; font-size:48px; font-weight:800;}
.p2-hero .de {margin-top:7px; color:rgba(255,255,255,0.6); font-size:22px;}
.p2-hero .stats {display:flex; margin-top:29px; background:rgba(255,255,255,0.12); border:1.846px solid rgba(255,255,255,0.12); border-radius:22px; overflow:hidden;}
.p2-hero .stat {flex:1; padding:22px 8px; text-align:center; background:rgba(255,255,255,0.04);}
.p2-hero .stat + .stat {border-left:1.846px solid rgba(255,255,255,0.1);}
.p2-hero .stat b {display:inline-block; color:#fff; font-size:33px; font-weight:800; line-height:1;}
.p2-hero .stat b em {font-size:24px; font-weight:700; margin-left:1px;}
.p2-hero .stat span {display:block; margin-top:9px; color:rgba(255,255,255,0.55); font-size:18.5px;}

/* 교회소개 본문 공통 */
.p2-body {background:var(--snow); padding:0 0 200px;}
.p2-sec {padding:25.8px 29.5px;}
.p2-div {height:14.8px; background:var(--line);}
.p2-h {display:flex; align-items:center; gap:14.8px; margin-bottom:18.5px;}
.p2-h .bar {flex:none; width:5.5px; height:33px; border-radius:3.7px; background:linear-gradient(180deg, #0F766E, #1E3A5F);}
.p2-h h2 {color:var(--ink); font-size:29.5px; font-weight:700;}
.p2-card {background:var(--card); border:1.846px solid var(--line); border-radius:25.8px; box-shadow:0 1.846px 9.2px rgba(15,23,42,0.05);}

/* 비전 & 사명 */
.p2-vision {padding:33px 29.5px; background:linear-gradient(160deg, #1E3A5F, #134E4A); border-radius:25.8px; overflow:hidden;}
.p2-vision .ti {color:#fff; font-size:31px; font-weight:800; line-height:1.45;}
.p2-vision .vbox {display:flex; align-items:flex-start; gap:14px; margin-top:22px; padding:22px; background:rgba(255,255,255,0.08); border-radius:16.6px;}
.p2-vision .vbox img {width:29.5px; height:29.5px; flex:none;}
.p2-vision .vbox .vt {color:#fff; font-size:21px; line-height:1.5;}
.p2-vision .vbox .vr {margin-top:7px; color:rgba(255,255,255,0.6); font-size:18.5px;}
.p2-goals {display:grid; grid-template-columns:repeat(2, 1fr); gap:18.5px; margin-top:18.5px;}
.p2-goal {padding:22px; background:var(--card); border:1.846px solid var(--line); border-radius:18.5px;}
.p2-goal .y {color:var(--teal); font-size:19px; font-weight:700;}
.p2-goal .t {margin-top:9px; color:var(--ink); font-size:22px; font-weight:600; line-height:1.45;}
.p2-goal .r {margin-top:9px; color:var(--sub); font-size:18.5px;}

/* 핵심 가치 */
.p2-values {display:grid; grid-template-columns:repeat(2, 1fr); gap:18.5px;}
.p2-value {padding:27.7px 22px; background:var(--card); border:1.846px solid var(--line); border-radius:22px;}
.p2-value .vi {display:flex; align-items:center; justify-content:center; width:62px; height:62px; border-radius:16.6px;}
.p2-value .vi img {width:33px; height:33px;}
.p2-value .t {margin-top:18px; color:var(--ink); font-size:24px; font-weight:700;}
.p2-value .d {margin-top:11px; color:var(--sub); font-size:19px; line-height:1.5;}

/* 예배 안내 */
.p2-wtabs {display:flex; gap:11px; margin-bottom:18.5px; overflow-x:auto;}
.p2-wtabs .wt {flex:none; padding:13px 31px; background:var(--card); border:1.846px solid var(--line); border-radius:50px; color:var(--body); font-size:22px; font-weight:500;}
.p2-wtabs .wt.on {background:#1E3A5F; border-color:#1E3A5F; color:#fff;}
.p2-worship {display:flex; flex-direction:column; gap:14.8px;}
.p2-wcard {position:relative; padding:24px 25.8px; background:var(--card); border:1.846px solid var(--line); border-left:7.4px solid var(--mute); border-radius:18.5px; box-shadow:0 1.846px 11px rgba(15,23,42,0.06);}
.p2-wcard.b-navy {border-left-color:#1E3A5F;}
.p2-wcard.b-teal {border-left-color:#0D9488;}
.p2-wcard.b-violet {border-left-color:#7C3AED;}
.p2-wcard.b-amber {border-left-color:#D97706;}
.p2-wcard .wh {display:flex; align-items:center; gap:11px;}
.p2-wcard .wh .wn {color:var(--ink); font-size:25px; font-weight:700;}
.p2-wcard .wh .wb {padding:4px 13px; background:var(--mint); border-radius:50px; color:var(--teal); font-size:17px; font-weight:700;}
.p2-wcard .live-tag {position:absolute; top:24px; right:25.8px; display:flex; align-items:center; gap:6px; color:var(--red); font-size:18.5px; font-weight:700;}
.p2-wcard .live-tag::before {content:""; width:13px; height:13px; border-radius:50%; background:var(--red);}
.p2-wcard .wrow {display:flex; align-items:center; gap:11px; margin-top:14px; color:var(--body); font-size:20.3px;}
.p2-wcard .wrow img {width:24px; height:24px;}
.p2-wcard .wrow .k {color:var(--sub); width:56px;}
.p2-wbanner {display:flex; align-items:center; gap:16.6px; margin-top:18.5px; padding:27.7px; background:linear-gradient(135deg, #0F766E, #1E3A5F); border-radius:22px;}
.p2-wbanner .l {color:#5EEAD4; font-size:18.5px; font-weight:700;}
.p2-wbanner .t {margin-top:7px; color:#fff; font-size:24px; font-weight:700;}
.p2-wbanner .d {margin-top:6px; color:rgba(255,255,255,0.7); font-size:19px;}
.p2-wbanner .ico {margin-left:auto; display:flex; align-items:center; justify-content:center; width:74px; height:74px; background:rgba(255,255,255,0.15); border-radius:18.5px; flex:none;}
.p2-wbanner .ico img {width:38px; height:38px;}

/* 담임목사 */
.p2-pcard {display:block; background:var(--card); border:1.846px solid var(--line); border-radius:29.5px; box-shadow:0 1.846px 11px rgba(15,23,42,0.06); overflow:hidden;}
@media (hover:hover) and (pointer:fine) {
	.p2-goal:hover, .p2-value:hover, .p2-wcard:hover, .p2-pcard:hover {border-color:var(--teal); box-shadow:0 8px 22px rgba(13,148,136,0.14); opacity:1;}
	.p2-wbanner:hover {box-shadow:0 10px 26px rgba(15,118,110,0.3); opacity:1;}
}
.p2-phead {display:flex; align-items:center; gap:25.8px; padding:40px 33px; background:linear-gradient(135deg, #1E3A5F, #1A4A7A);}
.p2-phead .pav {position:relative; flex:none;}
.p2-phead .pav .av {display:flex; align-items:center; justify-content:center; width:148px; height:148px; border:5.5px solid rgba(255,255,255,0.3); border-radius:50%; background:linear-gradient(135deg, #CCFBF1, #F0FDFA); color:#1E3A5F; font-size:51.7px; font-weight:800;}
.p2-phead .pav .pbadge {position:absolute; left:50%; bottom:-7px; transform:translateX(-50%); padding:3px 14.8px; background:#0D9488; border-radius:18.5px; color:#fff; font-size:16.6px; font-weight:700; white-space:nowrap;}
.p2-phead .pname {color:#fff; font-size:36.9px; font-weight:700;}
.p2-phead .pen {margin-top:5px; color:rgba(255,255,255,0.5); font-size:22px;}
.p2-phead .pchips {display:flex; flex-wrap:wrap; gap:9px; margin-top:13px;}
.p2-phead .pchips span {padding:3px 16.6px; background:rgba(255,255,255,0.12); border-radius:50px; color:rgba(255,255,255,0.75); font-size:18.5px;}
.p2-pbody {padding:33px;}
.p2-pbody .msg-lab {color:var(--sub); font-size:20.3px; font-weight:600;}
.p2-pbody .msg {margin-top:13px; color:var(--ink); font-size:24px; line-height:1.7;}
.p2-pbody .pverse {margin-top:18.5px; padding:18.5px 26px; background:var(--mint); border-left:5.5px solid var(--teal); border-radius:0 12px 12px 0;}
.p2-pbody .pverse .q {color:var(--teal); font-size:24px; font-weight:600; line-height:1.5;}
.p2-pbody .pverse .r {margin-top:5px; color:var(--teal); font-size:20.3px;}
.p2-career {margin-top:18.5px;}
.p2-crow {display:flex; gap:22px; padding:15px 0; border-bottom:1.846px solid var(--line);}
.p2-crow:last-child {border-bottom:none;}
.p2-crow .y {flex:none; width:74px; color:var(--teal); font-size:20.3px; font-weight:600;}
.p2-crow .t {color:var(--body); font-size:22px;}

/* 교회 연혁 */
.p2-hist2 {padding-left:44px;}
.p2-hgrp {margin-top:33px;}
.p2-hgrp:first-child {margin-top:0;}
.p2-hgrp .hy {color:#1E3A5F; font-size:24px; font-weight:700;}
.dark-mode .p2-hgrp .hy {color:#7dd3fc;}
.p2-hgrp .hitems {margin-top:9px;}
.p2-hitem {display:flex; align-items:flex-start; gap:14.8px; margin-top:9px;}
.p2-hitem .d {flex:none; width:9px; height:9px; margin-top:11px; border-radius:50%; background:var(--mute);}
.p2-hitem .t {color:var(--body); font-size:22px; line-height:1.5;}

/* 주소 · 연락처 */
.p2-contact {overflow:hidden;}
.p2-crow2 {display:flex; align-items:center; gap:16.6px; padding:24px 27.7px; border-bottom:1.846px solid var(--line);}
.p2-crow2:last-child {border-bottom:none;}
.p2-crow2 .ci {display:flex; align-items:center; justify-content:center; flex:none; width:62px; height:62px; border-radius:16.6px;}
.p2-crow2 .ci img {width:33px; height:33px;}
.p2-crow2 .cc {flex:1; min-width:0; display:flex; flex-direction:column;}
.p2-crow2 .ck {color:var(--sub); font-size:18.5px;}
.p2-crow2 .cv {margin-top:5px; color:var(--ink); font-size:21px; font-weight:600; line-height:1.4;}
.p2-crow2 .cbtn {flex:none; display:flex; align-items:center; gap:6px; padding:11px 18px; border-radius:14px; font-size:19px; font-weight:700;}
.p2-crow2 .cbtn img {width:22px; height:22px;}
.ci-teal {background:#F0FDFA;} .cbtn-teal {background:#F0FDFA; color:#0F766E;}
.ci-blue {background:#EFF6FF;} .cbtn-blue {background:#EFF6FF; color:#1D4ED8;}
.ci-amber {background:#FFFBEB;} .cbtn-amber {background:#FFFBEB; color:#D97706;}
.ci-gray {background:var(--snow);}
.ci-green {background:#F0FDF4;} .cbtn-green {background:#F0FDF4; color:#16A34A;}
.dark-mode .ci-teal,.dark-mode .ci-blue,.dark-mode .ci-amber,.dark-mode .ci-gray,.dark-mode .ci-green,.dark-mode .cbtn-teal,.dark-mode .cbtn-blue,.dark-mode .cbtn-amber,.dark-mode .cbtn-green {background:rgba(255,255,255,0.06);}
.dark-mode .cbtn-teal {color:#5EEAD4;}
.dark-mode .cbtn-blue {color:#93C5FD;}
.dark-mode .cbtn-amber {color:#FCD34D;}
.dark-mode .cbtn-green {color:#86EFAC;}

/* 하단 탭 */
.p2-nav {position:fixed; left:50%; bottom:0; transform:translateX(-50%); z-index:40; width:720px; max-width:100%; display:flex; align-items:center; justify-content:space-between; padding:24px 40px; background:var(--card); border-top:1.846px solid var(--line);}
.p2-nav .tab {display:flex; flex-direction:column; align-items:center; gap:6px;}
.p2-nav .tab img {width:42px; height:42px;}
.p2-nav .tab span {color:var(--sub); font-size:18.5px;}
.p2-nav .tab.on span {color:var(--teal);}
.p2-nav .tab-fab {position:relative; align-self:stretch; width:92px;}
.p2-nav .tab-fab .fab {position:absolute; left:50%; top:0; transform:translate(-50%, -50%); display:flex; align-items:center; justify-content:center; width:92px; height:92px; border-radius:50%; background:linear-gradient(135deg, #0D9488, #1E3A5F); box-shadow:0 7.4px 16px rgba(13,148,136,0.4); border:5px solid var(--card);}
.p2-nav .tab-fab .fab img {width:44px; height:44px;}