:root{--navy:#19374b;--gold:#a27c3c;--ink:#283e4b;--line:#dce2e5}
.modern-content-shell{max-width:980px;width:calc(100% - 40px);margin:0 auto;overflow-x:auto}.modern-content-shell>.body{min-width:980px}
.menu-link>span:last-child{position:relative;z-index:1}
.horse-cycle{mix-blend-mode:multiply}
.lnb>h1>a.modern-sidebar-horse{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:162px;color:var(--navy);padding:8px 0 4px}.modern-sidebar-horse .horse-frame{width:140px;height:116px}.modern-sidebar-horse .horse-cycle{--horse-size:88px}.modern-sidebar-horse>span:last-child{font:700 14px/30px 'Malgun Gothic','맑은 고딕',sans-serif}.modern-sidebar-horse::after{content:attr(data-label);display:block;font:700 14px/30px 'Malgun Gothic','맑은 고딕',sans-serif;color:var(--navy)}.modern-sidebar-horse>span:last-child{display:none}
.home-modern,.home-modern *{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#fff}.home-modern{color:var(--ink);font:15px/1.6 'Malgun Gothic','맑은 고딕',Arial,sans-serif}
.home-modern a{color:inherit;text-decoration:none}.home-modern a:hover{color:#8c672e}.home-modern button,.home-modern input{font:inherit}.home-modern a:focus-visible,.home-modern button:focus-visible,.home-modern input:focus-visible{outline:3px solid #b28335;outline-offset:4px}
.site-shell{width:calc(100% - 40px);max-width:980px;margin:auto}.masthead{min-height:86px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand strong{font:700 35px/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.03em;white-space:nowrap;color:var(--navy)}.account-search{display:flex;align-items:center;gap:13px;font-size:13px}.login-link{white-space:nowrap}.site-search{display:flex;width:216px;border:1px solid #cfd8dd;height:32px;border-radius:3px;overflow:hidden}.site-search input{width:100%;min-width:0;border:0;padding:4px 10px;background:#fff;font-size:13px}.site-search button{padding:0 12px;border:0;color:#fff;background:var(--navy);font-size:13px;white-space:nowrap}
.sacred-hero{background:#07182a;color:#eedcaf;border-bottom:1px solid #9d7c44}.sacred-canvas{position:relative;width:100%;max-width:1120px;margin:auto;container-type:inline-size}.sacred-canvas>img{display:block;width:100%;height:auto;aspect-ratio:1942/809;object-fit:contain}.sacred-copy{position:absolute;left:32%;top:31%;text-align:left}.sacred-copy h1{margin:0;font:400 clamp(14px,2.3vw,27px)/1.6 '궁서','Gungsuh',serif;letter-spacing:-.035em;white-space:nowrap}.sacred-copy p{margin:3px 0 0;font:400 clamp(13px,1.9vw,23px)/1.5 Georgia,'Times New Roman',serif;letter-spacing:.02em;color:#d6bb82}.sacred-hebrew{position:absolute;right:22.5%;top:54%;margin:0;font:400 clamp(20px,3.6vw,42px)/1.7 'Times New Roman','David',serif;white-space:nowrap;direction:rtl;unicode-bidi:isolate;color:#ead5a5}
.primary-menu{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0;margin:0 0 22px;padding:0;list-style:none;position:relative;z-index:10;border-bottom:1px solid #e7e4dc}.menu-item{position:relative;min-width:0}.menu-link{height:132px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding:0 0 10px;border-bottom:2px solid transparent;font-size:14px;font-weight:700;white-space:nowrap}.menu-link:hover,.menu-item:focus-within>.menu-link{border-color:var(--gold)}.menu-mark{height:101px;width:100%;display:grid;place-items:center;color:var(--gold)}.menu-mark svg{width:28px;height:28px;stroke-width:1.25}.submenu{display:none;position:absolute;top:100%;left:0;min-width:178px;padding:10px 0;margin:0;list-style:none;border:1px solid var(--line);background:#fff;box-shadow:0 12px 24px #12283917;border-top:2px solid var(--gold);z-index:20}.submenu a{display:block;padding:7px 14px;font-size:14px;line-height:1.5}.submenu a:hover{background:#faf7f0}.menu-item:hover>.submenu,.menu-item:focus-within>.submenu{display:block}.menu-item:nth-last-child(-n+2)>.submenu{left:auto;right:0}
.horse-frame{height:102px;width:100%;display:flex;align-items:center;justify-content:center;overflow:visible}.horse-cycle{--horse-size:100px;display:block;flex:none;width:var(--horse-size);height:var(--horse-size);background-size:400% 400%;background-position:0 0;background-repeat:no-repeat;animation:horse-gait-16 1.9s steps(1,end) infinite!important;animation-play-state:running!important;transform:none}.horse-white .horse-cycle{width:calc(var(--horse-size)*1.25);height:calc(var(--horse-size)*1.25);position:relative;top:calc(var(--horse-size)*-.055);animation-name:horse-rear-16!important;animation-duration:3.5s!important}.horse-red .horse-cycle{animation-name:horse-gait-16!important}.horse-black .horse-cycle{animation-name:horse-gait-16!important;animation-delay:-.65s;animation-duration:2s}.horse-teal .horse-cycle{animation-name:horse-gait-16!important;animation-delay:-1.3s;animation-duration:2.1s}
@keyframes horse-gait-16{0%{background-position:0 0}6.25%{background-position:33.333333% 0}12.5%{background-position:66.666667% 0}18.75%{background-position:100% 0}25%{background-position:0 33.333333%}31.25%{background-position:33.333333% 33.333333%}37.5%{background-position:66.666667% 33.333333%}43.75%{background-position:100% 33.333333%}50%{background-position:0 66.666667%}56.25%{background-position:33.333333% 66.666667%}62.5%{background-position:66.666667% 66.666667%}68.75%{background-position:100% 66.666667%}75%{background-position:0 100%}81.25%{background-position:33.333333% 100%}87.5%{background-position:66.666667% 100%}93.75%,100%{background-position:100% 100%}}
/* v8 is a true 4 by 4 sheet. Whole-cell coordinates prevent head cropping. */
@keyframes horse-rear-16{0%,6.25%{background-position:0 0}12.5%{background-position:33.333333% 0}18.75%{background-position:66.666667% 0}25%{background-position:100% 0}31.25%{background-position:0 33.333333%}37.5%{background-position:33.333333% 33.333333%}43.75%,56.25%{background-position:66.666667% 33.333333%}62.5%{background-position:100% 33.333333%}68.75%{background-position:0 66.666667%}75%{background-position:33.333333% 66.666667%}81.25%{background-position:66.666667% 66.666667%}87.5%{background-position:100% 66.666667%}93.75%{background-position:0 100%}100%{background-position:33.333333% 100%}}
.main-grid{display:grid;grid-template-columns:196px minmax(0,584px) 170px;gap:15px;align-items:start}.left-links,.right-links{display:flex;flex-direction:column;gap:10px}.shortcut{display:flex;align-items:center;gap:10px;min-height:50px;padding:7px 10px;border:1px solid #c7d3d9;border-radius:4px;background:#fff;color:var(--navy);font-weight:700;font-size:14px;line-height:1.4;box-shadow:0 2px 0 #102a3e03}.shortcut:hover{border-color:var(--gold);background:#fffdf7}.shortcut span{word-break:keep-all}.shortcut svg{flex:none;width:23px;height:23px;color:#a37a3c;stroke-width:1.4}.left-links .shortcut:nth-child(3){font-size:13px}.shortcut.small{min-height:32px;padding:5px 8px;font-size:13px;gap:7px}.shortcut.small svg{width:17px;height:17px}.right-heading{font-size:18px;line-height:32px;margin:0;color:white;background:var(--navy);padding:0 12px;font-weight:500}.right-links{gap:8px}.right-links .service{color:#426355}.right-links .emphasis{color:#8d642d}.right-links .large-link{margin-top:3px;min-height:50px}
.center-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;row-gap:20px;min-width:0}.content-panel{min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;height:32px;border-bottom:1px solid #ccd6dd;margin-bottom:12px}.panel-heading h2{font-size:16px;margin:0;color:var(--navy);height:32px;border-bottom:2px solid var(--gold);font-weight:700;line-height:31px}.panel-heading .more{font-size:20px;line-height:1;color:#8d9ca5;padding:0 3px}.sermon-list{list-style:none;padding:0;margin:0;display:grid;gap:9px}.sermon-list li{min-width:0;display:flex;align-items:baseline;gap:7px;font-size:14px;line-height:1.5}.sermon-list .tag{flex:none;font-size:12px;font-weight:700;color:#8d682f;min-width:25px}.sermon-list a.title{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#283f50}.sermon-list a.title:hover{text-decoration:underline}.video-panel video{display:block;width:100%;aspect-ratio:16/10;background:#10283a;object-fit:contain;border:1px solid #d5dde2}.video-caption{font-size:13px;margin-top:9px;line-height:1.5;color:#263f52}.video-caption small{display:block;color:#637079;font-size:12px;margin-bottom:3px}.video-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-panel{grid-column:2;grid-row:1}.audio-panel{grid-column:1;grid-row:1}.excerpt-panel{grid-column:1;grid-row:2}.notices-panel{grid-column:2;grid-row:2}.counter{font-size:12px;margin:32px 2px 0;color:#6c7880;line-height:1.7}.counter p{margin:0}.counter span{display:inline-block;min-width:39px}
.site-footer{border-top:1px solid var(--line);margin:34px 0 0;padding:20px 0 28px;display:flex;justify-content:space-between;align-items:center;color:#637079;font-size:12px;background:#fff}.site-footer p{margin:0;font:400 15px/1.4 Georgia,'Times New Roman',serif;color:var(--navy)}.site-footer nav{display:flex;gap:16px}.skip{position:absolute;left:16px;top:-80px;background:white;padding:10px;z-index:40}.skip:focus{top:10px}
@media(max-width:1020px){.main-grid{grid-template-columns:19.5% minmax(0,1fr) 17.5%;gap:14px}.shortcut{padding:7px 8px;font-size:13px;gap:7px}.shortcut svg{width:20px}.center-grid{gap:18px}.menu-link{font-size:13px}.horse-cycle{--horse-size:80px}.shortcut.small{font-size:12px;gap:4px}.shortcut.small svg{width:15px}}
.new-badge{flex:none;display:inline-flex;align-items:center;align-self:center;height:16px;padding:0 4px;border-radius:4px;background:linear-gradient(135deg,#ff773d,#dc241d);box-shadow:0 1px 3px rgba(150,35,21,.34);color:#fff;font-family:Arial,sans-serif;font-size:8px;font-weight:800;letter-spacing:.35px;line-height:16px;animation:new-post-glow 1.1s ease-in-out infinite alternate}@keyframes new-post-glow{from{filter:brightness(1);box-shadow:0 1px 3px rgba(150,35,21,.28)}to{filter:brightness(1.16);box-shadow:0 0 8px rgba(236,69,33,.9),0 0 14px rgba(255,143,69,.4)}}.home-modern .icon img[alt="new" i],.home-modern .icon img[title="new" i],#content .icon img[alt="new" i],#content .icon img[title="new" i]{animation:new-post-glow 1.1s ease-in-out infinite alternate;vertical-align:middle}@media(prefers-reduced-motion:reduce){.new-badge,.home-modern .icon img[alt="new" i],.home-modern .icon img[title="new" i],#content .icon img[alt="new" i],#content .icon img[title="new" i]{animation-duration:2.5s}}
@media(max-width:820px){.site-shell{width:calc(100% - 28px)}.masthead{min-height:100px;flex-wrap:wrap;align-content:center;gap:10px;padding:18px 0}.brand strong{font-size:27px}.account-search{margin-left:auto;gap:10px}.site-search{width:145px}.primary-menu{grid-template-columns:repeat(20,minmax(0,1fr));margin-bottom:20px}.menu-item{grid-column:span 4}.menu-item:nth-child(n+6){grid-column:span 5}.menu-link{height:94px;font-size:13px;padding-bottom:8px}.menu-item:nth-child(n+6) .menu-link{height:70px}.menu-mark{height:61px}.menu-item:nth-child(n+6) .menu-mark{height:38px}.menu-mark svg{width:23px;height:23px}.horse-frame{height:65px}.horse-cycle{--horse-size:65px}.menu-item:nth-child(5)>.submenu{left:auto;right:0}.main-grid{grid-template-columns:1fr 1fr;gap:22px 12px}.left-column{grid-column:1;grid-row:1}.right-column{grid-column:2;grid-row:1}.center-grid{grid-column:1/-1;grid-row:2;gap:24px 16px}.shortcut{min-height:48px;font-size:14px;padding:8px;gap:8px}.left-links{gap:8px}.shortcut.small{font-size:13px}.shortcut.small svg{display:none}.counter{display:none}.site-footer{font-size:11px;gap:14px;align-items:flex-start}.site-footer nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.sermon-list li{font-size:13px;gap:4px}.panel-heading h2{font-size:15px}.sermon-list .tag{font-size:11px}}
@media(max-width:560px){.sacred-copy{left:30%;top:25%}.sacred-copy h1{font-size:clamp(11px,2.8vw,15px)}.sacred-copy p{font-size:clamp(11px,2.65vw,14px);letter-spacing:0;margin-top:1px}.sacred-hebrew{right:24%;top:54%;font-size:clamp(20px,4.6vw,26px)}.sacred-canvas{min-height:0}.site-footer{flex-direction:column;gap:10px}.site-footer nav{justify-content:flex-start}.center-grid{grid-template-columns:1fr}.audio-panel,.video-panel,.excerpt-panel,.notices-panel{grid-column:1;grid-row:auto}.video-panel{grid-row:2}.sermon-list{gap:10px}.sermon-list li{font-size:14px}.video-panel video{max-height:230px;aspect-ratio:16/9}.brand strong{font-size:27px}}
@media(max-width:390px){.site-shell{width:calc(100% - 22px)}.menu-link{font-size:12px}.horse-cycle{--horse-size:59px}.shortcut{font-size:13px;gap:7px}.shortcut svg{width:18px}.left-links .shortcut:nth-child(3){font-size:12px}.shortcut.small{font-size:12px}.site-search{width:135px}.sacred-copy{left:30%;top:24%}}
@media(max-width:350px){.menu-link{font-size:11px}.horse-cycle{--horse-size:54px}.shortcut{font-size:12px}.shortcut.small{padding:5px}.sacred-copy h1{font-size:10px}.sacred-copy p{font-size:10px}}
/* 계시록 6장: 이번 공통 상단은 탄 자와 상징을 읽을 수 있는 정지 장면이다.
   이전 스프라이트의 그림 전체 흔들기·기울이기는 사용하지 않는다. */
.horse-frame{height:108px}
.horse-frame .horse-cycle{background-size:contain!important;background-position:0 0;background-repeat:no-repeat!important;animation:none!important;animation-play-state:paused!important;transform:none!important;mix-blend-mode:multiply}
.horse-white .horse-cycle{width:80px!important;height:108px!important;position:relative;top:-2px;background-image:url('/layouts/default/home-modern-assets/rider-white-revelation6-v2.webp')!important}
.horse-red .horse-cycle{width:73px!important;height:98px!important;background-image:url('/layouts/default/home-modern-assets/rider-red-revelation6-v2.webp')!important}
.horse-black .horse-cycle{width:73px!important;height:98px!important;background-image:url('/layouts/default/home-modern-assets/rider-black-revelation6-v2.webp')!important}
.horse-teal .horse-cycle{width:73px!important;height:98px!important;background-image:url('/layouts/default/home-modern-assets/rider-pale-revelation6-v2.webp')!important}
.modern-sidebar-horse .horse-frame{height:120px}.modern-sidebar-horse .horse-cycle{width:80px!important;height:108px!important}
@media(max-width:820px){.horse-frame{height:69px}.horse-white .horse-cycle{width:52px!important;height:69px!important;top:-1px}.horse-red .horse-cycle,.horse-black .horse-cycle,.horse-teal .horse-cycle{width:47px!important;height:63px!important}.modern-sidebar-horse .horse-frame{height:84px}.modern-sidebar-horse .horse-cycle{width:60px!important;height:81px!important}}
@media(max-width:390px){.horse-white .horse-cycle{width:49px!important;height:65px!important}.horse-red .horse-cycle,.horse-black .horse-cycle,.horse-teal .horse-cycle{width:44px!important;height:59px!important}}
/* 2026-09-15: 4×4 rider sheets. Each frame changes the horse's articulated pose; no whole-image rotation or shake. */
.home-modern .horse-frame .horse-cycle{background-size:400% 400%!important;background-repeat:no-repeat!important;animation:horse-gait-16 2.25s steps(1,end) infinite!important;animation-play-state:running!important;transform:none!important;mix-blend-mode:multiply!important}
.home-modern .horse-white .horse-cycle{background-image:url('/layouts/default/home-modern-assets/rider-white-revelation6-motion-v1.png')!important;animation-name:horse-rear-16!important;animation-duration:3.6s!important}
.home-modern .horse-red .horse-cycle{background-image:url('/layouts/default/home-modern-assets/rider-red-revelation6-motion-v1.png')!important;animation-duration:2.45s!important}
.home-modern .horse-black .horse-cycle{background-image:url('/layouts/default/home-modern-assets/rider-black-revelation6-motion-v1.png')!important;animation-duration:2.7s!important;animation-delay:-.6s!important}
.home-modern .horse-teal .horse-cycle{background-image:url('/layouts/default/home-modern-assets/rider-pale-revelation6-motion-v1.png')!important;animation-duration:2.9s!important;animation-delay:-1.1s!important}
.modern-sidebar-horse .horse-frame .horse-cycle{background-size:400% 400%!important;background-repeat:no-repeat!important;animation:horse-gait-16 2.25s steps(1,end) infinite!important;animation-play-state:running!important;transform:none!important;mix-blend-mode:multiply!important}
.modern-sidebar-horse .horse-white .horse-cycle{background-image:url('/layouts/default/home-modern-assets/rider-white-revelation6-motion-v1.png')!important;animation-name:horse-rear-16!important;animation-duration:3.6s!important}
.modern-sidebar-horse .horse-red .horse-cycle{background-image:url('/layouts/default/home-modern-assets/rider-red-revelation6-motion-v1.png')!important;animation-duration:2.45s!important}
.modern-sidebar-horse .horse-black .horse-cycle{background-image:url('/layouts/default/home-modern-assets/rider-black-revelation6-motion-v1.png')!important;animation-duration:2.7s!important;animation-delay:-.6s!important}
.modern-sidebar-horse .horse-teal .horse-cycle{background-image:url('/layouts/default/home-modern-assets/rider-pale-revelation6-motion-v1.png')!important;animation-duration:2.9s!important;animation-delay:-1.1s!important}
@media(prefers-reduced-motion:reduce){.home-modern .horse-frame .horse-cycle,.modern-sidebar-horse .horse-frame .horse-cycle{animation:none!important;background-position:0 0!important}}