@font-face{font-family:NotoSansKR;src:url("fonts/NotoSansKR-Regular.ttf") format("truetype");font-weight:400;font-display:swap}@font-face{font-family:NotoSansKR;src:url("fonts/NotoSansKR-Bold.ttf") format("truetype");font-weight:700 800;font-display:swap}@font-face{font-family:NanumSquare;src:url("fonts/NanumSquareB.ttf") format("truetype");font-weight:700;font-display:swap}@font-face{font-family:NanumBrush;src:url("fonts/NanumBrush.ttf") format("truetype");font-weight:400;font-display:swap}
:root{--navy:#14231f;--deep:#192a25;--ink:#202a26;--muted:#65716c;--line:#e4e8e4;--paper:#f7f8f4;--lime:#d5f078;--mint:#b9d8c5;--sans:"NotoSansKR","Malgun Gothic",sans-serif;--serif:"NanumSquare","NotoSansKR",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.7 var(--sans);letter-spacing:-.025em;word-break:keep-all}a{color:inherit;text-decoration:none}img{max-width:100%}:focus-visible{outline:3px solid #86a54b;outline-offset:4px}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.topbar{background:var(--navy);color:#c9d3cc;font-size:11px}.topbar .wrap{height:34px;display:flex;justify-content:flex-end;align-items:center;gap:22px}.topbar a:hover{color:var(--lime)}.topbar .eyebrow{margin-right:auto;letter-spacing:.12em;text-transform:uppercase;color:#91a59a}
header{position:relative;z-index:5;background:#fff;border-bottom:1px solid rgba(20,35,31,.08)}.bar{height:84px;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{display:flex;gap:13px;align-items:center;font-size:21px;line-height:1.2;font-weight:800;letter-spacing:-.055em;white-space:nowrap}.logo small{display:block;margin-top:5px;font-size:10px;font-weight:500;letter-spacing:.08em;color:#77847d}.mark{position:relative;display:grid;place-items:center;width:43px;height:43px;color:var(--lime);font-size:20px}.mark:before{content:"";position:absolute;inset:3px;border:1px solid #a4c882;border-radius:50%}.mark:after{content:"✣";font-size:22px;color:#7f9f73}nav ul{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}nav a{font-weight:600;font-size:14px;transition:color .2s}nav a:hover,nav a.now{color:#63864f}.menu-toggle{display:none}
.hero{overflow:hidden;position:relative;background:var(--navy);color:#fff}.hero:before{content:"";position:absolute;width:540px;height:540px;right:-145px;top:-280px;border-radius:50%;border:1px solid rgba(213,240,120,.18);box-shadow:0 0 0 48px rgba(213,240,120,.025),0 0 0 98px rgba(213,240,120,.025)}.hero-inner{position:relative;padding:70px 0 44px}.hero-top{display:flex;align-items:center;gap:24px}.year-tag{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1b2a20;background:var(--lime);padding:9px 13px;border-radius:2px}.hero h1{font-size:clamp(46px,7vw,88px);line-height:1.14;letter-spacing:-.09em;margin:22px 0 20px;font-weight:800}.hero h1 em{font-style:normal;color:var(--lime)}.hero-verse{color:#c1cbc4;font-size:15px;line-height:1.9;margin:0;max-width:680px}.hero-verse strong{display:block;color:#fff;font-size:12px;letter-spacing:.08em;margin-top:10px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:42px;padding-top:18px;border-top:1px solid rgba(255,255,255,.17)}.hero-bottom span{color:#a5b3aa;font-size:12px;letter-spacing:.04em}.hero-dots{display:flex;gap:7px}.hero-dots i{width:7px;height:7px;background:#748078;border-radius:50%}.hero-dots i:first-child{background:var(--lime)}
.welcome{background:linear-gradient(115deg,#c5dfd0,#d8d5f5 58%,#edd5e9);padding:48px 0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.quick-panel,.sermon-panel{border-radius:16px;background:rgba(255,255,255,.75);padding:14px;box-shadow:0 12px 34px rgba(28,32,31,.14);min-height:342px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:100%;gap:6px}.quick-grid a{position:relative;overflow:hidden;border-radius:8px;min-height:135px;padding:16px;display:flex;align-items:end;color:#fff;background:linear-gradient(145deg,#243d35,#72806e);font-size:17px;font-weight:800;line-height:1.25;letter-spacing:-.06em}.quick-grid a:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 10%,rgba(229,222,171,.46),transparent 42%),linear-gradient(140deg,transparent 36%,rgba(5,15,13,.56))}.quick-grid a:nth-child(2){background:linear-gradient(145deg,#415b54,#a9896e)}.quick-grid a:nth-child(3){background:linear-gradient(145deg,#53634d,#c5a877)}.quick-grid a:nth-child(4){background:linear-gradient(145deg,#344840,#829e83)}.quick-grid a:nth-child(5){background:linear-gradient(145deg,#34404a,#927b62)}.quick-grid a:nth-child(6){background:linear-gradient(145deg,#29453f,#7ca28e)}.quick-grid a:nth-child(4),.quick-grid a:nth-child(5),.quick-grid a:nth-child(6){min-height:120px}.quick-grid a span{position:relative}.quick-grid a:hover:before{background-color:rgba(213,240,120,.18)}.sermon-panel{padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.82)}.section-kicker{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#6c7d70;font-weight:700}.sermon-panel h2{font-size:27px;line-height:1.4;letter-spacing:-.07em;margin:8px 0 16px}.sermon-art{position:relative;flex:1;min-height:145px;border-radius:9px;background:radial-gradient(ellipse at 72% 40%,rgba(248,225,182,.82),transparent 27%),linear-gradient(135deg,#8da59b,#465f56 54%,#243d35);display:flex;align-items:center;justify-content:center;color:white}.play{display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,255,255,.85);border-radius:50%;font-size:18px;padding-left:3px;background:rgba(255,255,255,.13)}.sermon-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px;font-size:13px;font-weight:600}.pill{padding:9px 13px;background:#dce9d8;border-radius:4px;font-size:12px}.section{padding:70px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:24px}.section-head h2{font-size:30px;letter-spacing:-.07em;margin:0;line-height:1.3}.section-head p{color:var(--muted);margin:6px 0 0}.time-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.time-card{border:1px solid var(--line);padding:20px 17px;border-radius:8px;background:#fff}.time-card b{display:block;font-size:13px;color:var(--muted);font-weight:500}.time-card strong{display:block;font-size:18px;letter-spacing:-.05em;margin-top:8px}.home-news{background:var(--paper)}.news-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.news-card{padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff;min-height:148px}.news-card small{font-size:10px;letter-spacing:.12em;color:#779070;font-weight:700}.news-card h3{margin:10px 0 5px;font-size:17px;letter-spacing:-.05em}.news-card p{margin:0;color:var(--muted);font-size:13px}
main{min-height:65vh;padding:58px 0 76px}.page-intro{padding:0 0 25px;border-bottom:1px solid var(--line);margin-bottom:30px}.page-intro .section-kicker{color:#72886f}.page-intro h1{font-size:42px;line-height:1.2;letter-spacing:-.08em;margin:10px 0}.page-intro p{color:var(--muted);margin:0}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.content-card{padding:25px;border:1px solid var(--line);border-radius:9px;background:#fff}.content-card h2{font-size:20px;letter-spacing:-.05em;margin:0 0 13px}.content-card p{color:var(--muted);margin:0}.content-card.wide{grid-column:1/-1}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line)}.table th{font-weight:500;color:var(--muted)}.table td{font-weight:700}.cta{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;background:var(--navy);color:#fff;border-radius:4px;font-weight:700}.cta:hover{background:#314b40}.empty-note{color:var(--muted);background:var(--paper);padding:18px;border-radius:7px}.map-placeholder{background:linear-gradient(135deg,#e7eee7,#f4efe4);border-radius:8px;min-height:185px;display:grid;place-items:center;color:#65716c;text-align:center;padding:20px}
footer{background:#14231f;color:#d4ddd6;padding:38px 0}.footer-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-brand{font-size:17px;font-weight:800}.footer-brand small{display:block;font-size:11px;color:#a6b5aa;font-weight:400;margin-top:5px}.footer-links{display:flex;gap:17px;font-size:12px;color:#c3cec6}.copyright{font-size:11px;color:#8fa097;margin-top:21px;padding-top:14px;border-top:1px solid rgba(255,255,255,.13)}
@media(max-width:850px){.bar{height:auto;min-height:76px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.bar nav{width:100%}.bar nav ul{justify-content:center;gap:24px}.feature-grid{grid-template-columns:1fr}.quick-panel,.sermon-panel{min-height:320px}.time-cards{grid-template-columns:repeat(3,1fr)}.hero-inner{padding-top:52px}}
@media(max-width:560px){.wrap{width:calc(100% - 32px)}.topbar .eyebrow{display:none}.topbar .wrap{height:30px}.bar{justify-content:space-between}.logo{font-size:18px}.mark{width:36px;height:36px}.bar nav{overflow:auto}.bar nav ul{justify-content:flex-start;gap:20px;min-width:max-content;padding:8px 1px 3px}.bar nav a{font-size:12px}.hero-inner{padding:45px 0 30px}.hero h1{font-size:52px;margin:20px 0 15px}.hero-verse{font-size:13px}.hero-bottom{margin-top:30px}.welcome{padding:25px 0}.quick-panel{min-height:300px;padding:9px}.quick-grid{gap:5px}.quick-grid a{min-height:125px;padding:11px;font-size:15px}.quick-grid a:nth-child(n+4){min-height:104px}.sermon-panel{min-height:295px;padding:21px}.sermon-panel h2{font-size:23px}.section{padding:48px 0}.section-head h2{font-size:25px}.section-head{align-items:start;flex-direction:column}.time-cards{grid-template-columns:repeat(2,1fr)}.time-card{padding:15px}.time-card strong{font-size:16px}.news-row{grid-template-columns:1fr}.news-card{min-height:unset}main{padding:40px 0 54px}.page-intro h1{font-size:34px}.content-grid{grid-template-columns:1fr}.content-card.wide{grid-column:auto}.footer-inner{align-items:start;flex-direction:column}.footer-links{flex-wrap:wrap}}

/* Homepage closely follows the reference church's dark hero + photo and shortcut composition. */
body{background:#fff;color:#242629}.topbar{background:#26272a}.topbar .wrap{height:27px}.topbar .eyebrow{color:#abb0b5;font-size:10px}header{background:#34363a;border:0;color:#fff}.bar{height:74px}.logo{color:#fff;font-family:NanumSquare,var(--sans);font-size:20px}.logo small{color:#c3c5c8;font-size:9px}.mark{color:#38b9dc}.mark:before{border-color:#54a9cb}.mark:after{content:"✝";font-size:25px;color:#26b8d8}.site-menu{position:relative;margin-left:auto}.site-menu summary{cursor:pointer;list-style:none;width:42px;height:42px;display:flex;flex-direction:column;justify-content:center;gap:5px}.site-menu summary::-webkit-details-marker{display:none}.site-menu summary i{display:block;width:23px;height:2px;background:#d4d6d8;margin-left:auto}.site-menu nav{position:absolute;right:0;top:calc(100% + 12px);min-width:205px;background:#414449;padding:9px 16px;box-shadow:0 12px 30px #0005}.site-menu nav ul{display:grid;gap:0}.site-menu nav a{display:block;color:white;padding:9px 6px;border-bottom:1px solid #ffffff20}.hero{background:#292a2d}.hero:before{display:none}.hero-inner{padding:8px 0 34px}.hero-top{justify-content:center;min-height:116px;gap:14px}.year-tag{background:#c5cee3;color:#282b30;font-size:13px;letter-spacing:0;padding:6px 11px}.slogan{font-family:NanumBrush,cursive;color:#21b88b;font-size:55px;line-height:.8;transform:rotate(-3deg);text-shadow:0 1px 0 #1b7f65}.slogan span{display:block}.slogan span+span{margin-left:36px;margin-top:4px}.slogan b{font-size:1.3em;font-weight:400}.hero-verse{text-align:center;max-width:750px;margin:6px auto 18px;font-size:13px;line-height:1.55;color:#c9cbd2}.hero-verse strong{font-size:12px;margin-top:0}.photo-carousel{display:grid;grid-template-columns:1fr 2fr 1fr;gap:22px;align-items:center;width:calc(100% + 150px);margin-left:-75px}.photo-card{height:205px;border-radius:12px;overflow:hidden;position:relative;display:flex;align-items:end;padding:14px;color:#fff;font-size:12px;font-weight:700;background:linear-gradient(180deg,#526e6880,#1d2c28),radial-gradient(ellipse at 50% 20%,#d2c4a0,#738e79 42%,#40534a)}.photo-card:before{content:"";position:absolute;inset:12% 9% 23%;border-radius:40% 40% 6% 6%;background:linear-gradient(180deg,#eee6d2 0 16%,#b7b0a0 17% 24%,#5b725c 25% 100%);opacity:.65;filter:blur(1px)}.photo-card span{position:relative;text-shadow:0 1px 4px #000}.photo-two{height:220px;background:linear-gradient(180deg,#c4b693,#ece1cb 38%,#6c776b 39%,#36453d)}.photo-two:before{inset:20% 9% 18%;border-radius:4px;background:repeating-linear-gradient(90deg,#ddd4c2 0 12px,#b9ac97 13px 17px);opacity:.55}.photo-three{background:linear-gradient(160deg,#687f85,#e3d2b5 55%,#4d625d)}.hero-bottom{margin:15px auto 0;padding:0;border:0;max-width:600px;color:#d1d3d8;justify-content:center;position:relative;font-size:12px}.hero-bottom .carousel-arrows{position:absolute;right:0}.welcome{padding:44px 0 36px;background:linear-gradient(115deg,#829ae8,#bd87e7 72%,#d395d8)}.feature-grid{grid-template-columns:1fr 1fr;gap:18px}.quick-panel,.sermon-panel{min-height:330px;border:1px solid #ffffffa3;border-radius:15px;box-shadow:0 4px 15px #34266040;background:#efeff8;padding:9px}.quick-grid{grid-template-rows:1fr 1fr;gap:5px}.quick-grid a,.quick-grid a:nth-child(n){min-height:0;background:linear-gradient(145deg,#594534,#1d2929);border-radius:2px;padding:12px;color:#fff;font-size:18px}.quick-grid a:nth-child(2){background:linear-gradient(145deg,#c6a77c,#363337)}.quick-grid a:nth-child(3){background:linear-gradient(145deg,#4a493b,#b0895a)}.quick-grid a:nth-child(4){background:linear-gradient(145deg,#455745,#a27d62)}.quick-grid a:nth-child(5){background:linear-gradient(145deg,#66533d,#1d322c)}.quick-grid a:nth-child(6){background:linear-gradient(145deg,#303c42,#738d80)}.quick-grid a:before{background:linear-gradient(140deg,#ffffff12,#0008)}.sermon-panel{padding:0;overflow:hidden;text-align:center;gap:0;background:#dfe1f1}.sermon-title{padding:16px 12px 11px}.sermon-panel .section-kicker{color:#34353c}.sermon-panel h2{font-size:23px;margin:0;color:#24252b}.sermon-art{width:100%;min-height:0;flex:1;border-radius:0;background:radial-gradient(ellipse at 68% 40%,#e5cbb2 0 11%,transparent 12%),linear-gradient(90deg,#aab7b5,#d9d4d4 50%,#88939a)}.sermon-art:after{content:"";position:absolute;right:17%;bottom:0;width:26%;height:68%;background:linear-gradient(100deg,#334858,#162a3a 65%,#8a4638);clip-path:polygon(24% 0,76% 0,100% 100%,0 100%);opacity:.84}.play{position:relative;z-index:1}.sermon-meta{margin:0;padding:12px 15px;color:#292a30}.pill{background:#4774ce;color:white}.section{padding:48px 0}.section-head h2{font-size:24px}.time-cards{grid-template-columns:repeat(5,1fr)}.time-card{border:0;border-top:3px solid #414449;border-radius:0;background:#f5f5f5}.home-news{background:#f3f4f7}
@media(max-width:700px){.bar{height:66px}.site-menu nav{z-index:5}.hero-inner{padding:0 0 25px}.hero-top{min-height:108px}.slogan{font-size:48px}.photo-carousel{width:calc(100% + 80px);margin-left:-40px;gap:15px}.photo-card{height:165px}.photo-two{height:180px}.feature-grid{grid-template-columns:1fr}.quick-panel,.sermon-panel{min-height:320px}.time-cards{grid-template-columns:repeat(2,1fr)}.section{padding:35px 0}}
@media(max-width:420px){.hero-top{gap:9px}.year-tag{font-size:11px}.slogan{font-size:41px}.photo-carousel{width:calc(100% + 38px);margin-left:-19px;gap:9px}.photo-card{height:140px;font-size:10px}.photo-two{height:156px}.hero-verse{font-size:11px}.hero-verse br{display:none}}

/* ===== 직접 그린 그림(images/*.svg)으로 사진 자리 채우기 ===== */
.photo-card:before,.sermon-art:after,.quick-grid a:before{display:none}
.photo-card{background-size:cover;background-position:center}
.photo-card:after,.quick-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,22,18,.72));pointer-events:none}
.photo-card span,.quick-grid a span{position:relative;z-index:1}
.photo-one{background:url(images/hero-community.svg) center/cover}
.photo-two{background:url(images/hero-worship.svg) center/cover}
.photo-three{background:url(images/hero-nextgen.svg) center/cover}
.quick-grid a{background-size:cover!important;background-position:center!important}
.quick-grid a:nth-child(1){background:url(images/tile-church.svg) center/cover}
.quick-grid a:nth-child(2){background:url(images/tile-worship.svg) center/cover}
.quick-grid a:nth-child(3){background:url(images/tile-community.svg) center/cover}
.quick-grid a:nth-child(4){background:url(images/tile-news.svg) center/cover}
.quick-grid a:nth-child(5){background:url(images/tile-sermon.svg) center/cover}
.quick-grid a:nth-child(6){background:url(images/tile-youtube.svg) center/cover}
.quick-grid a:after{background:linear-gradient(180deg,transparent 40%,rgba(10,22,18,.7))}
.sermon-art{background:url(images/sermon-art.svg) center/cover}
.sermon-art .play{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;background:rgba(20,35,31,.45)}

/* ===== 교단 마크 (이미지) ===== */
img.mark{display:block;width:auto;height:46px;padding:4px 6px;background:#fff;border-radius:6px;object-fit:contain}

/* ===== 교회 전경 이미지 ===== */
.church-photo{margin:0;text-align:center;background:#fff}
.church-photo img{display:block;margin:0 auto;width:min(100%,420px);height:auto}

/* 홈 '교회 소개' 타일: 실제 예배당 이미지 */
.quick-grid a:nth-child(1){background:url(images/church.jpg) center 62%/cover}


/* ===== 상단: 가로 메뉴 + 오른쪽 햄버거 ===== */
.bar .top-nav{flex:1;width:auto;min-width:0;margin-left:auto;margin-right:34px;overflow:visible}
.bar .top-nav ul{display:flex;width:100%;list-style:none;margin:0;padding:0;gap:20px;justify-content:space-between;min-width:0}
.bar .top-nav a{color:#eceef0;font-weight:800;font-size:17px;letter-spacing:-.04em;padding:8px 0;white-space:nowrap}
.bar .top-nav a:hover,.bar .top-nav a.now{color:var(--lime,#d5f078)}
.site-menu{margin-left:0}
.topbar .yt-icon{display:inline-flex;align-items:center;color:#c9cdd1}
.topbar .yt-icon:hover{color:#fff}
@media(max-width:850px){
  .site-menu{display:none}
  .bar .top-nav{width:100%;margin:0;overflow:auto}
  .bar .top-nav ul{justify-content:flex-start;gap:20px;min-width:max-content}
  .bar .top-nav a{font-size:15px}
}

/* 휴대폰: 가로 메뉴는 숨기고 햄버거 메뉴만 사용 */
.bar .site-menu nav{width:auto;min-width:205px;overflow:visible}
@media(max-width:850px){
  .bar .top-nav{display:none}
  .site-menu{display:block;margin-left:auto}
}


/* ===== 첫 화면: 표어 + 사진 3장 캐러셀 (화면 꽉 채우기) ===== */
.hero{min-height:calc(100vh - 118px)}
.hero-inner{display:flex;flex-direction:column;min-height:calc(100vh - 118px);padding:26px 0 22px}
.hero-top{min-height:0;margin-bottom:6px}
.slogan{font-size:68px}
.hero-verse{font-size:15px;line-height:1.7;margin:10px auto 22px;max-width:900px;color:#d4d7dc}
.hero-verse br{display:inline}
.gallery-wrap{--per:3;--gap:20px;flex:1;display:flex;align-items:center;width:100vw;margin-left:calc(50% - 50vw);padding:0 var(--gap);overflow:hidden}
.gallery-track{display:flex;gap:var(--gap);width:100%;will-change:transform}
.g-slide{flex:0 0 calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));margin:0;height:clamp(230px,46vh,520px);border-radius:12px;overflow:hidden;background:#1e1f22}
.g-slide img{display:block;width:100%;height:100%;object-fit:cover}
.hero-bottom{margin:18px auto 0;max-width:none;width:100%;padding:0 var(--gap,20px);justify-content:center}
.hero-dots{display:flex;gap:10px}
.hero-dots button{width:10px;height:10px;padding:0;border-radius:50%;border:1px solid #8d939c;background:transparent;cursor:pointer}
.hero-dots button.on{background:#e6e9ee;border-color:#e6e9ee}
.carousel-arrows{position:absolute;right:24px;display:flex;gap:8px}
.carousel-arrows button{background:none;border:0;color:#d1d3d8;font-size:18px;cursor:pointer;padding:4px 8px}
.carousel-arrows button:hover{color:#fff}
@media(max-width:900px){.gallery-wrap{--per:2;--gap:14px}.slogan{font-size:52px}}
@media(max-width:560px){.gallery-wrap{--per:1;--gap:12px}.g-slide{height:clamp(220px,36vh,360px)}.slogan{font-size:42px}.hero-verse{font-size:12px}.hero-verse br{display:none}.carousel-arrows{display:none}}
@media(max-width:560px){.g-slide{height:clamp(260px,50vh,440px)}.hero-verse{text-align:center;padding:0 16px}}
.hero-verse{align-self:center;width:100%;box-sizing:border-box;margin-left:0;margin-right:0}
.hero-top{max-width:100%}