:root{--slideW:1040px;--cardH:360px;--gap:20px}.bannerwrap{padding-top:84px}.stage{padding:30px 0;position:relative;overflow:hidden}.track{gap:var(--gap);will-change:transform;transition:transform .55s cubic-bezier(.4,0,.2,1);display:flex}.banner{flex:0 0 var(--slideW);height:var(--cardH);background-position:50%;background-size:cover;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.banner:after{content:"";background:var(--shadegrad,linear-gradient(180deg,#080c1e00 34%,#080c1eb3 100%));position:absolute;inset:0}.btext{z-index:2;color:#fff;padding:0 30px 26px;position:absolute;bottom:0;left:0;right:76px}.btext .ey{letter-spacing:.4px;opacity:.9;font-size:14px;font-weight:700}.btext h2{letter-spacing:-.5px;margin-top:8px;font-size:29px;font-weight:800;line-height:1.22}.cgo{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#ffffff3d;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;position:absolute;bottom:22px;right:22px}.banner:hover .cgo{background:#ffffff61}.ctrls{width:var(--slideW);height:var(--cardH);pointer-events:none;z-index:5;position:absolute;top:30px;left:50%;transform:translate(-50%)}.arrow{pointer-events:auto;cursor:pointer;color:#333;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #0000002e}.arrow:hover{background:#f4f5f7;transform:translateY(-50%)scale(1.06)}.arrow.l{left:-22px}.arrow.r{right:-22px}.counter{pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#14181e8c;border-radius:20px;align-items:center;gap:9px;padding:7px 14px;font-size:12px;font-weight:400;display:flex;position:absolute;top:16px;right:18px}.counter .pb{cursor:pointer;opacity:.85;align-items:center;display:flex}.counter .pb:hover{opacity:1}.counter b{font-weight:600}.counter .tot{color:#ffffff8c}.vision{text-align:center;padding:66px 24px 58px}.vision .lab{letter-spacing:1px;color:var(--accent);margin-bottom:16px;font-size:15px;font-weight:700}.vision h2{color:#121212;letter-spacing:-.6px;font-size:32px;font-weight:800;line-height:1.45}.vision .en{color:#9aa6b3;margin-top:16px;font-size:15px;font-style:italic;line-height:1.6}.quick10{padding:10px 0 34px}.quick10 .row{grid-template-columns:repeat(10,1fr);gap:10px;display:grid}.quick10 a{flex-direction:column;align-items:center;gap:13px;padding:10px 4px;display:flex}.quick10 .circ{color:#121212;background:#f3f4f8;border-radius:22px;justify-content:center;align-items:center;width:74px;height:74px;transition:all .2s;display:flex}.quick10 a:hover .circ{background:#e7ebf3;transform:translateY(-4px);box-shadow:0 10px 20px #15335a21}.quick10 .circ svg{width:32px;height:32px}.quick10 .lab{color:var(--ink);font-size:17px;font-weight:600}.media,.welcome,.info{letter-spacing:-.03em}.media{padding:40px 40px 92px}.media .head{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.media .head h2{color:var(--ink);font-size:22px;font-weight:700}.media .more{color:var(--muted);align-items:center;gap:8px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.media .more:hover{color:#121212}.media .more svg{width:19px;height:19px}.media .grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.media .subgrid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.media .subgrid .wide{grid-column:1/-1}.media .subgrid .wide .thumb{aspect-ratio:5/2}.mcard{display:block}.mcard .thumb{aspect-ratio:16/9;border-radius:14px;align-items:flex-end;padding:26px;display:flex;position:relative;overflow:hidden}.mcard .thumb:after{content:"";background:linear-gradient(#0812220d 0%,#0812228c 100%);position:absolute;inset:0}.mcard .ov{z-index:1;color:#fff;position:relative}.mcard .ov .series{opacity:.88;margin-bottom:8px;font-size:14px;font-weight:500}.mcard .ov .otitle{text-shadow:0 2px 10px #00000040;font-size:21px;font-weight:700;line-height:1.3}.mcard .play{z-index:2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1f;border:1.5px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:all .2s;display:flex;position:absolute;bottom:22px;right:22px}.mcard:hover .play{background:#fffffff2}.mcard .play svg{fill:#fff;width:22px;height:22px;margin-left:3px;transition:all .2s}.mcard:hover .play svg{fill:var(--navy)}.mcard.sub .thumb{padding:20px}.mcard.sub .ov .otitle{font-size:18px}.mcard.sub .ov .series{font-size:13px}.mcard.sub .play{width:50px;height:50px;bottom:18px;right:18px}.mcard .cap{padding:18px 4px 0}.mcard .tag{color:var(--accent);margin-bottom:11px;font-size:14px;font-weight:600}.mcard .tag span{color:var(--muted);margin-left:6px;font-weight:400}.mcard .ctitle{color:var(--ink);margin-bottom:12px;font-size:19px;font-weight:600;line-height:1.4}.mcard.sub .ctitle{font-size:16px}.mcard .meta{color:var(--muted);font-size:14px}.th-sermon{background:url(/img/담임목사님.png) 89% 62%/145% no-repeat}.th-friday{background:url(/img/금요성령집회.jpg) 50%/cover no-repeat}.th-choir{background:url(/img/성가대1.png) 50%/cover no-repeat}.th-dawn{background:linear-gradient(125deg,#23304f 0%,#3d4f7a 100%)}.th-juhyang{background:linear-gradient(125deg,#4a2f3f 0%,#7a4259 100%)}.info{padding:88px 40px 104px}.info .grid3{grid-template-columns:1.7fr 1fr 1fr;align-items:start;gap:48px;display:grid}.info .grid3>*{min-width:0}.gslider{width:100%}.ihead{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.ihead h3{color:var(--ink);font-size:22px;font-weight:700}.ihead .more{color:var(--muted);font-size:14px;font-weight:500;transition:all .2s}.ihead .more:hover{color:#121212}.nlist{border-top:2px solid #2a3340;list-style:none}.nlist li{border-bottom:1px solid var(--line)}.nlist a{justify-content:space-between;align-items:center;gap:16px;padding:18px 2px;transition:all .15s;display:flex}.nlist .nt{color:#3a4654;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:400;overflow:hidden}.nlist a:hover .nt{color:#121212}.nlist .nbadge{color:var(--accent);flex:none;margin-right:4px;font-size:14px;font-weight:600}.nlist .nd{color:#9aa6b3;flex:none;font-size:14px}.gslider{border-radius:14px;position:relative;overflow:hidden}.gtrack{transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}.gitem{aspect-ratio:16/9;flex:0 0 100%;position:relative;overflow:hidden}.gitem:after{content:"";background:linear-gradient(#08122200 50%,#08122280 100%);position:absolute;inset:0}.gitem .glab{z-index:1;color:#fff;text-shadow:0 1px 6px #0000004d;font-size:14px;font-weight:500;position:absolute;bottom:16px;left:18px}.g1{background:linear-gradient(135deg,#2a4f80,#3a6aa0)}.g2{background:linear-gradient(135deg,#1d4f4a,#2f7068)}.g3{background:linear-gradient(135deg,#3a2a55,#5a3f7a)}.g4{background:linear-gradient(135deg,#23304f,#3d4f7a)}.g5{background:linear-gradient(135deg,#4a2f3f,#7a4259)}.g6{background:linear-gradient(135deg,#1b3a63,#2a4f80)}.gn1{background:url(/img/새가족1.jpg) 50%/cover no-repeat}.gn2{background:url(/img/새가족2.jpg) 50%/cover no-repeat}.gn3{background:url(/img/새가족3.jpg) 50%/cover no-repeat}.gn4{background:url(/img/새가족4.jpg) 50%/cover no-repeat}.gn5{background:url(/img/새가족5.jpg) 50%/cover no-repeat}.welcome{background:url(/img/bg_2.png) 50%/cover no-repeat;position:relative;overflow:hidden}.welcome .wvid{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.welcome:before{content:"";z-index:1;background:linear-gradient(#0a122057 0%,#0a122029 45%,#0a122070 100%);position:absolute;inset:0}.welcome .inner{z-index:2;position:relative}@media (prefers-reduced-motion:reduce){.welcome .wvid{display:none}}.welcome .inner{max-width:var(--maxw);color:#fff;grid-template-columns:1.15fr .85fr;align-items:center;gap:64px;margin:0 auto;padding:56px 40px 62px;display:grid}.welcome .wq{letter-spacing:-.01em;text-shadow:0 2px 16px #00000047;font-family:Gowun Batang,Nanum Myeongjo,serif;font-size:38px;font-weight:500;line-height:1.35}.welcome .wa{color:#ffffffe6;text-shadow:0 1px 10px #0000004d;margin-top:20px;font-family:Gowun Batang,Nanum Myeongjo,serif;font-size:18px;font-weight:400;line-height:1.7}.welcome .wa .vref{color:#fff9;font-size:14px}.welcome .btn{color:#ffffffb8;align-items:center;gap:7px;margin-top:18px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.welcome .btn:hover{color:#fff}.welcome .btn:hover svg{transform:translate(3px)}.welcome .btn svg{transition:all .2s}.wpanel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a12206b;border:1px solid #ffffff29;border-radius:16px;justify-self:end;width:100%;max-width:400px;padding:30px 32px}.wpanel .plab{letter-spacing:.6px;color:#ffffff9e;margin-bottom:14px;font-size:12px;font-weight:700}.wpanel .trow{color:#ffffffeb;justify-content:space-between;padding:4px 0;font-size:14px;display:flex}.wpanel .trow .tl{color:#ffffffa8}@media (max-width:900px){.welcome .inner{grid-template-columns:1fr;gap:32px;padding:44px 24px 52px}.welcome .wq{font-size:24px}.welcome .wa{font-size:15px}.wpanel{justify-self:stretch;max-width:none}.info .grid3{grid-template-columns:1fr;gap:40px}.media .grid{grid-template-columns:1fr;gap:30px}.btext{padding:0 22px 20px}.btext .ey{font-size:13px}.btext h2{font-size:23px}.vision h2{font-size:24px}.quick10 .row{grid-template-columns:repeat(5,1fr);row-gap:20px}.quick10 .lab{font-size:16px}.media .head h2,.ihead h3{font-size:20px}.mcard .ov .otitle{font-size:19px}.mcard.sub .ov .otitle,.mcard .ctitle{font-size:17px}.nlist .nt{font-size:16px}}
