:root{--navy:#293453;--deep:#202a4d;--blue:#698bb7;--soft:#dfe4ee;--text:#202538}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Pretendard,"Noto Sans KR","Malgun Gothic",Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.container{width:min(1200px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:-60px;left:16px;z-index:1000;padding:12px;background:white}.skip-link:focus{top:12px}.site-header{position:absolute;inset:0 0 auto;z-index:20}.header-inner{width:min(1360px,calc(100% - 48px));min-height:112px;margin:auto;display:flex;align-items:center;gap:38px}.brand{flex:0 0 200px}.brand img{width:200px;height:72px;object-fit:contain}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.3vw,42px);flex:1;white-space:nowrap}.nav-group{position:relative}.nav-group>a{font-size:18px;font-weight:600;display:block;padding:35px 0}.nav-dropdown{display:none;position:absolute;top:100%;left:-22px;min-width:190px;background:white;box-shadow:0 10px 30px #17263a35;border-top:3px solid var(--blue);padding:12px 0}.nav-dropdown a{display:block;padding:8px 20px;font-size:14px}.nav-dropdown a:hover,.nav-dropdown a:focus{background:#eff4fb;color:var(--deep)}.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown{display:block}.header-actions{display:flex;align-items:center;gap:10px;font-size:13px;color:#fff;white-space:nowrap}.header-actions>a+a:before{content:"|";margin-right:10px;opacity:.65}.menu-toggle{width:36px;height:36px;border:0;background:none;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;margin-left:12px}.menu-toggle span{display:block;height:2px;width:23px;background:#fff}.hero{height:760px;min-height:600px;background:url('assets/slideImage_122318_289293.4542095282_0.jpg') center center/cover no-repeat;display:flex;align-items:center;justify-content:center;text-align:center}.hero-content{padding:140px 20px 80px;color:#ffe180;text-shadow:2px 3px 3px #1c1b26b8}.hero-year{font-size:30px;letter-spacing:.05em;font-weight:700;color:#fff;margin:0 0 -10px}.hero h1{font-size:clamp(42px,4.8vw,72px);font-weight:900;line-height:1.2;margin:0;letter-spacing:-.075em}.hero-subtitle{font-size:27px;line-height:1.4;font-weight:600;margin:27px 0 33px}.hero-button{display:inline-flex;align-items:center;gap:12px;color:#fff;text-shadow:none;border:1px solid #fff9;border-radius:5px;padding:17px 34px;font-size:16px;font-weight:700;background:#59617450;transition:background .2s}.hero-button:hover,.hero-button:focus{background:var(--blue)}.quick-links{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:-115px}.quick-card{min-height:265px;border-radius:10px;background:white;box-shadow:0 8px 18px #24345012;color:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .2s,box-shadow .2s}.quick-card:hover,.quick-card:focus{transform:translateY(-6px);box-shadow:0 15px 30px #24345030}.quick-card img{width:80px;height:80px;object-fit:contain;margin-bottom:16px}.quick-card strong{font-size:24px;line-height:1.2}.quick-card small{font-size:16px}.quick-card.is-featured{background:var(--blue);color:#fff}.welcome-section{padding-top:105px;padding-bottom:125px}.section-heading{text-align:center;margin-bottom:68px}.section-heading h2{font-size:40px;letter-spacing:-.04em;margin:0 0 7px;font-weight:800}.section-heading p{color:#71809b;font-size:16px;margin:0;line-height:1.45}.welcome-grid{display:grid;grid-template-columns:1fr 310px 1fr;gap:50px;align-items:center}.welcome-mark{width:300px;height:300px;object-fit:contain}.welcome-side{display:grid;gap:64px}.welcome-side.right{text-align:right}.welcome-side h3{font-size:23px;margin:0 0 15px;line-height:1.3}.welcome-side p{color:#6b768e;font-size:16px;line-height:1.6;margin:0 0 22px}.welcome-side a{display:inline-block;background:var(--blue);color:white;font-size:14px;font-weight:700;padding:8px 15px}.welcome-side a:hover,.welcome-side a:focus{background:var(--deep)}.sermon-section{background:#dce2ed url('assets/boxBG_122206.png') left center/auto 100% no-repeat;padding:95px 0 90px;text-align:center}.sermon-inner h2{font-size:38px;margin:0 0 38px}.sermon-image{display:block;width:min(670px,100%);margin:auto;overflow:hidden;border-radius:24px}.sermon-image img{width:100%;height:auto;transition:transform .3s}.sermon-image:hover img{transform:scale(1.03)}.sermon-name{display:inline-block;font-size:27px;font-weight:800;margin-top:50px}.sermon-meta{font-size:17px;color:#66718a;margin:0}.stories-section{display:grid;grid-template-columns:1.45fr 1fr;gap:34px;padding-top:120px;padding-bottom:115px}.title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.title-row h2{font-size:36px;line-height:1.2;margin:0;letter-spacing:-.04em}.title-row h2 span{color:var(--blue)}.title-row>a{font-size:15px;color:#8a97ac;border-bottom:1px solid #8a97ac}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.album-card{position:relative;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center}.album-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}.album-card small{position:absolute;top:calc((100vw - 48px)*.2);color:#fff;font-size:14px;font-weight:800;text-shadow:0 1px 3px #000;display:none}.album-card span{font-size:14px;color:var(--blue);font-weight:600;margin-top:14px}.album-card strong{font-size:16px;line-height:1.35;margin-top:3px}.stories-right{min-width:0}.gallery-feature{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-section{background:#f3f6ff url('assets/boxBG_122195.jpg') center top/100% auto no-repeat;padding:140px 0 150px}.gallery-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.gallery-inner h2{font-size:36px;margin:0 0 25px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.gallery-grid img{width:100%;height:170px;object-fit:cover}.gallery-menu{display:grid;gap:28px}.gallery-menu>a{display:flex;align-items:center;justify-content:space-between;gap:15px}.gallery-menu strong{display:block;font-size:20px}.gallery-menu small{display:block;font-size:15px;color:#8490a4}.gallery-menu b{flex:0 0 auto;border-radius:30px;background:#a9bedb;color:#fff;min-width:118px;padding:12px 15px;text-align:center;font-size:12px}.gallery-menu a:hover b,.gallery-menu a:focus b{background:var(--deep)}.contact-section{background:linear-gradient(#c8dbf5 0 45%,white 45%);padding:80px 0 95px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.contact-card{min-height:225px;background:#2e3854;color:#fff;border-radius:20px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:28px}.contact-card img{height:39px;width:39px;object-fit:contain;margin-bottom:15px}.contact-card strong{font-size:20px}.contact-card span{font-size:16px;line-height:1.5;font-weight:600}.contact-card[href]:hover,.contact-card[href]:focus{background:#3e537b}.site-footer{padding:48px 0 50px;background:#fff;color:#adb2bd}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer-inner strong{font-size:22px;color:#a5b6d0}.footer-inner p{margin:55px 0 25px}.footer-inner small{font-size:12px}.footer-inner nav{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:14px}.footer-inner nav button{border:0;background:none;color:inherit;padding:0;cursor:pointer}.footer-inner nav a:hover,.footer-inner nav button:hover{text-decoration:underline}.menu-overlay[hidden]{display:none}.menu-overlay{position:fixed;inset:0;z-index:100;background:#111d38a8;overflow:auto}.menu-panel{min-height:100%;background:#fff;padding:32px max(24px,calc((100vw - 1200px)/2)) 70px}.menu-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dae0e9;padding-bottom:25px}.menu-top img{width:200px}.menu-close{border:0;background:none;font-size:42px;line-height:1;cursor:pointer;color:#223256}.menu-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:35px}.menu-columns h2{font-size:24px;color:var(--deep);border-bottom:2px solid var(--blue);padding-bottom:10px}.menu-columns a{display:block;color:#596477;padding:6px 0}.menu-columns a:hover{text-decoration:underline}body.menu-open{overflow:hidden}@media(max-width:1150px){.desktop-nav{gap:14px}.nav-group>a{font-size:15px}.header-actions>a{display:none}.welcome-grid{grid-template-columns:1fr 220px 1fr;gap:25px}.welcome-mark{width:220px;height:220px}}@media(max-width:850px){.desktop-nav{display:none}.header-inner{min-height:90px;justify-content:space-between}.header-actions{margin-left:auto}.menu-toggle span{background:#283357}.hero{height:680px}.hero-content{padding-top:100px}.hero h1{font-size:52px}.quick-links{gap:15px}.quick-card{min-height:205px}.quick-card strong{font-size:19px}.quick-card small{font-size:13px}.quick-card img{width:60px;height:60px}.welcome-grid{grid-template-columns:1fr 1fr}.welcome-mark{grid-column:1/-1;grid-row:1;width:220px;margin:auto}.welcome-side{gap:40px}.stories-section{grid-template-columns:1fr}.stories-right{display:none}.gallery-inner{grid-template-columns:1fr;gap:40px}.gallery-grid img{height:190px}.contact-grid{gap:15px}.contact-card{min-height:200px}.contact-card span{font-size:14px}}@media(max-width:600px){.container{width:min(100% - 32px,480px)}.header-inner{width:calc(100% - 32px);min-height:72px}.brand,.brand img{width:142px;height:auto;flex-basis:142px}.hero{height:615px;background-position:center}.hero-content{padding:80px 18px 60px}.hero-year{font-size:19px;margin-bottom:8px}.hero h1{font-size:38px;line-height:1.18;letter-spacing:-.065em}.hero-subtitle{font-size:17px;margin:26px 0}.hero-button{padding:12px 21px;font-size:14px}.quick-links{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:-62px}.quick-card{min-height:130px;border-radius:7px}.quick-card img{width:42px;height:42px;margin-bottom:7px}.quick-card strong{font-size:13px}.quick-card small{font-size:10px}.welcome-section{padding-top:75px;padding-bottom:80px}.section-heading{margin-bottom:35px}.section-heading h2{font-size:27px}.section-heading p{font-size:12px}.welcome-grid{display:flex;flex-direction:column;gap:35px}.welcome-mark{order:-1;width:150px;height:150px}.welcome-side,.welcome-side.right{text-align:left;gap:35px}.welcome-side h3{font-size:20px;margin-bottom:8px}.welcome-side p{font-size:15px;margin-bottom:12px}.sermon-section{padding:65px 0;background-size:auto 80%}.sermon-inner h2{font-size:28px;margin-bottom:22px}.sermon-image{border-radius:16px}.sermon-name{font-size:22px;margin-top:25px}.sermon-meta{font-size:14px}.stories-section{padding-top:75px;padding-bottom:70px}.title-row h2{font-size:26px}.album-grid{gap:10px}.album-card img{border-radius:8px}.album-card span{font-size:11px}.album-card strong{font-size:12px}.gallery-section{padding:90px 0}.gallery-inner h2{font-size:28px}.gallery-grid img{height:105px}.gallery-menu{gap:18px}.gallery-menu strong{font-size:16px}.gallery-menu small{font-size:12px}.gallery-menu b{min-width:93px;font-size:10px;padding:8px}.contact-section{padding:50px 0 65px}.contact-grid{grid-template-columns:1fr}.contact-card{min-height:150px}.footer-inner{flex-direction:column}.footer-inner strong{font-size:18px}.footer-inner p{margin:25px 0}.footer-inner nav{align-items:flex-start}.menu-panel{padding:20px}.menu-columns{grid-template-columns:1fr 1fr;gap:20px}.menu-columns h2{font-size:18px}}