/* 원본 호산나 사본 테마 (oh-*) — 팔레트 6 「블랙 · 골드」(사용자 결정 2026-10-02) · 둥근 모양 · 부드러운 그림자 · Noto Sans KR + Archivo.
   검정 #0B0B0C · 흰 글자 #FFFFFF / 보조 #B5B2AC · 밝은 바탕 #F7F5F0 / 카드 #ECE8E0 · 본문 #141414 / 보조 #5E5B56
   금색 #C9A45C (어두운 바탕의 버튼·선·강조, 금색 위 글자 #141210) · 짙은 금색 #7D6234 (밝은 바탕의 작은 글자·링크 — #8A6D3B 는 4.5:1 미달이라 어둡게)
   원본 css 는 손대지 않는다(파란색은 생성기 recolor() 가 사본 css 에서 바꾼다). 모든 페이지가 이 파일 하나를 쓴다. 생성기: _build/orig_hosanna.py */
:root{
  --sb-house:#141414;--sb-accent:#7D6234;--sb-dark:#0B0B0C;--sb-light:#ECE8E0;--sb-cream:#F7F5F0;--sb-gold:#C9A45C;--sb-mint:#ECE8E0;
  --oh-sky:#7D6234;--oh-blue:#141414;--oh-lite:#A8884E;--oh-pale:#ECE8E0;--oh-deep:#0B0B0C;--oh-navy:#0B0B0C;
  --oh-ink:#141414;--oh-text:#5E5B56;--oh-grey:#67635D;--oh-bg:#F7F5F0;--oh-line:#E2DDD3;
  --oh-font:"Noto Sans KR",sans-serif;--oh-lat:Archivo,"Noto Sans KR",sans-serif;
  --oh-r:22px;--oh-sh:0 14px 34px rgba(11,11,12,.10);--oh-sh2:0 22px 46px rgba(11,11,12,.18);--oh-ease:cubic-bezier(.2,.8,.2,1)
}
/* 원본 모바일 메뉴(.drawer)가 화면 오른쪽 밖에 대기하며 가로 스크롤을 만든다 → 가로로 넘친 부분만 잘라 낸다 */
html,body{overflow-x:hidden}
html.oh-lock,html.oh-lock body{overflow:hidden}
body{font-family:var(--oh-font);-webkit-font-smoothing:antialiased}
::selection{background:var(--sb-light);color:var(--sb-dark)}
.oh-sec{float:left;width:100%;clear:both;font-family:var(--oh-font);box-sizing:border-box}
.oh-sec *,.oh-sec *::before,.oh-sec *::after,.oh-sheet *,.oh-cal *,.oh-dash *,.oh-bcount *{box-sizing:border-box}
.oh-sec p,.oh-sec h2,.oh-sec h3,.oh-sec li,.oh-sec span,.oh-head *{word-break:keep-all;overflow-wrap:anywhere}
.oh-in{margin:0 auto;width:100%;max-width:1200px;padding:0 2%}
.oh-sec a:focus-visible,.oh-sheet :focus-visible,.oh-cal :focus-visible,.oh-dash :focus-visible{outline:2px solid var(--sb-gold);outline-offset:3px}

/* ── 섹션 머리 (모든 추가 섹션 공통) ─────────────────────────── */
.oh-head{text-align:center;margin:0 auto 34px;max-width:760px;font-family:var(--oh-font)}
.oh-head .en{display:inline-flex;align-items:center;gap:10px;font-family:var(--oh-lat);font-size:12px;font-weight:800;letter-spacing:.32em;color:var(--sb-accent);text-transform:uppercase}
.oh-head .en::before,.oh-head .en::after{content:"";width:22px;height:1px;background:var(--sb-gold)}
.oh-head h2{margin:12px 0 0;font-size:clamp(26px,3.2vw,38px);font-weight:900;color:var(--sb-dark);letter-spacing:-.03em;line-height:1.25;word-break:keep-all}
.oh-head .ln{display:block;width:46px;height:4px;margin:18px auto 0;border-radius:4px;background:linear-gradient(90deg,var(--sb-accent),var(--sb-gold))}
.oh-head .ds{margin:16px 0 0;font-size:16.5px;line-height:1.8;color:var(--oh-text);word-break:keep-all}
.oh-head .ds b{color:var(--sb-house)}

/* ── 머리(헤더) — 메인·모든 페이지 같은 코드 ─────────────────────── */
#header-inner-logo-img img,#header-inner-mlogo-img img{transform:scale(.7);transform-origin:left center}   /* 로고: 원래 크기의 70% */
#header{box-shadow:0 1px 0 rgba(11,11,12,.06)}
#header-inner-m{box-shadow:0 6px 18px rgba(11,11,12,.10)}
.gnb>li>a{font-weight:700;color:var(--sb-dark);letter-spacing:-.02em;transition:color .25s}
.gnb>li>a:hover{color:var(--sb-accent)}
.bars{height:3px;border-radius:3px;background:var(--sb-gold)}
.submn{border:0;border-radius:0 0 16px 16px;overflow:hidden;box-shadow:0 16px 30px rgba(11,11,12,.14)}
.submn li a{border-bottom:1px solid #ECE8E0;color:var(--oh-text)}
.submn li a:hover{background:var(--sb-accent);color:#fff}
.member_btn li a{border-radius:999px!important;background:var(--sb-accent)!important;border:1px solid var(--sb-accent)!important;transition:background .25s,color .25s}
.member_btn li:nth-child(2) a{background:var(--sb-dark)!important;border-color:var(--sb-dark)!important}
.member_btn li a:hover{background:#fff!important;color:var(--sb-house)!important}
.member_btn li:nth-child(2){margin-left:6px}
.hamburger .line{background:var(--sb-dark);border-radius:4px}

/* ── 모바일 메뉴(서랍) — 짙은 초록 판 · 크림 글씨 · 부드럽게 미끄러짐 ─────── */
#drawer{--dw:min(380px,86vw);width:var(--dw);right:calc(-1 * var(--dw) - 30px);background:linear-gradient(170deg,#0B0B0C 0,#0B0B0C 60%,#000000 100%);border-radius:26px 0 0 26px;transition:right .5s var(--oh-ease),box-shadow .5s;overflow-y:auto;overscroll-behavior:contain}
#drawer.opened{right:0;box-shadow:-20px 0 60px rgba(0,0,0,.35)}
#blocker.opened{background:rgba(0,0,0,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='19' fill='%23F6F1EA'/%3E%3Cpath d='M14 14l12 12M26 14L14 26' stroke='%230F1E33' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat;background-size:40px;background-position:calc(100% - min(380px,86vw) - 48px) 18px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
#drawer .memberbox{display:flex;gap:10px;justify-content:center;padding:26px 22px 14px;background:transparent}
#drawer .member_login,#drawer .member_join{width:auto;flex:1;margin:0}
#drawer .member_login a,#drawer .member_join a{border-radius:999px;border:1px solid rgba(247,245,240,.35);color:var(--sb-cream);font-size:14.5px;font-weight:500;padding:12px 0;letter-spacing:.02em}
#drawer .member_join a{background:var(--sb-gold);border-color:var(--sb-gold);color:#0B0B0C;font-weight:700}
#drawer .member_login a:hover{background:rgba(247,245,240,.1);border-color:var(--sb-cream)}
#slide_categorymenu .category_top{float:none;height:auto;line-height:1;padding:18px 26px 12px;background:none;border:0;text-align:left;font-family:var(--oh-lat);font-size:12px;font-weight:800;letter-spacing:.3em;color:var(--sb-gold)}
#slide_categorymenu .category_top::before{content:"HOSANNA · ";color:rgba(247,245,240,.45)}
#slide_categorymenu ul{background:transparent;height:auto;padding:0 0 30px}
#slide_categorymenu ul li{border:0;margin:0 14px 8px;width:auto;border-radius:16px;background:rgba(247,245,240,.05);transition:background .3s}
#slide_categorymenu ul li.tt_fr>a{color:var(--sb-cream);font-weight:500;letter-spacing:-.01em;padding-left:22px}
#slide_categorymenu ul li.active,#slide_categorymenu ul li:hover{background:rgba(247,245,240,.1)}
#slide_categorymenu ul li.active>a{color:#fff}
#slide_categorymenu ul li.tt_fr .lotate_v{filter:brightness(0) invert(.92) sepia(.3);transition:transform .35s}
#slide_categorymenu ul li ul.nav{background:rgba(0,0,0,.18);border-radius:0 0 16px 16px;margin:0;padding:6px 0 8px}
#slide_categorymenu ul li ul.nav li{margin:0 8px 2px;background:none;border:0;border-radius:10px}
#slide_categorymenu ul li ul.nav li a{color:var(--sb-light);padding-left:22px;border-radius:10px}
#slide_categorymenu ul li ul.nav li a::before{content:"";display:inline-block;width:5px;height:5px;margin-right:10px;border-radius:50%;background:var(--sb-gold);vertical-align:middle;opacity:.8}
#slide_categorymenu ul li ul.nav li a:hover{background:rgba(247,245,240,.08);color:#fff;font-weight:500}
#drawer.opened #slide_categorymenu>ul>li{animation:ohDrIn .55s var(--oh-ease) both}
#drawer.opened #slide_categorymenu>ul>li:nth-child(2){animation-delay:.06s}#drawer.opened #slide_categorymenu>ul>li:nth-child(3){animation-delay:.11s}
#drawer.opened #slide_categorymenu>ul>li:nth-child(4){animation-delay:.16s}#drawer.opened #slide_categorymenu>ul>li:nth-child(5){animation-delay:.21s}
#drawer.opened #slide_categorymenu>ul>li:nth-child(6){animation-delay:.26s}
@keyframes ohDrIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:none}}

/* ── 로그인·회원가입 창 (구글·카카오) — JS 없으면 #oh-login 주소로 열린다 ───── */
.oh-sheet{position:fixed;inset:0;z-index:2147483647;display:none;font-family:var(--oh-font)}
.oh-sheet:target,.oh-sheet.open{display:flex;align-items:center;justify-content:center;padding:20px}
.oh-sheet-bg{position:absolute;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.oh-sheet-in{position:relative;width:100%;max-width:420px;padding:38px 30px 26px;border-radius:28px;background:var(--sb-cream);box-shadow:0 30px 80px rgba(0,0,0,.35);text-align:center;animation:ohSheet .5s var(--oh-ease) both}
@keyframes ohSheet{from{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:none}}
.oh-sheet-x{position:absolute;top:14px;right:16px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:24px;line-height:1;color:var(--sb-dark);background:rgba(11,11,12,.06);text-decoration:none}
.oh-sheet .en{font-family:var(--oh-lat);font-size:12px;font-weight:800;letter-spacing:.32em;color:var(--sb-accent)}
.oh-sheet h2{margin:8px 0 0;font-size:26px;font-weight:900;color:var(--sb-dark);letter-spacing:-.02em}
.oh-sheet .ds{margin:10px 0 22px;font-size:14.5px;line-height:1.7;color:var(--oh-text);word-break:keep-all}
.oh-sso{display:grid;gap:10px}
.oh-sso button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border-radius:14px;font:700 15.5px var(--oh-font);cursor:pointer;transition:transform .2s,box-shadow .2s}
.oh-sso button svg{width:22px;height:22px;flex:none}
.oh-sso .g{background:#fff;color:#1f1f1f;border:1px solid #dadce0}
.oh-sso .k{background:#FEE500;color:rgba(0,0,0,.85);border:1px solid #FEE500}
.oh-sso button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(11,11,12,.14)}
.oh-sso-msg{display:none;margin:16px 0 0;padding:11px 14px;border-radius:12px;background:var(--sb-dark);color:var(--sb-cream);font-size:14px;font-weight:700}
.oh-sheet.said .oh-sso-msg{display:block;animation:ohPop2 .45s cubic-bezier(.3,1.6,.5,1) both}
html:not(.oh-js) .oh-sso-msg{display:block}
@keyframes ohPop2{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}
.oh-sheet .nt{margin:16px 0 0;font-size:12px;color:var(--oh-grey);line-height:1.6;word-break:keep-all}
@media (max-width:767px){.oh-sheet:target,.oh-sheet.open{align-items:flex-end;padding:0}.oh-sheet-in{max-width:none;border-radius:28px 28px 0 0;padding:34px 22px 30px}}

/* ── 바닥(푸터) — 잉크 네이비 · 연회색 글씨 · 채널 글자 목록 ───────────── */
#footer{background:var(--sb-dark);border-top:0;position:relative;color:#A5A29C}
#footer::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--sb-house),var(--sb-accent) 50%,var(--sb-gold))}
#footer .foot_logo img{filter:invert(1) grayscale(1) brightness(1.25);mix-blend-mode:screen;opacity:.85}
#footer .address_info,#footer .copyright{color:#A5A29C}
#footer .address_info a{color:inherit}
#footer .address_info .textbold,#footer .copyright .textbold{color:#ECE8E0}
#footer .foot_line img{opacity:.25}
.oh-denomline{float:left;width:100%;margin:0 0 10px;font:700 13.5px/1.6 var(--oh-font);color:#ECE8E0;letter-spacing:-.01em;word-break:keep-all}
.oh-denomline::before{content:"";display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--sb-gold);vertical-align:2px}
#footer .userguide_area li a{border-radius:999px!important;background:transparent!important;border:1px solid rgba(236,232,224,.28);color:#C8C5BE!important;transition:background-color .25s,color .25s,border-color .25s}
#footer .userguide_area li a:hover{background-color:rgba(236,232,224,.1)!important;border-color:#ECE8E0;color:#fff!important}
.oh-chan{float:left;clear:both;width:100%;box-sizing:border-box;margin:26px 0 0;text-align:left;font-family:var(--oh-font)}
.oh-chan .h{margin:0 0 12px;font-size:13px;font-weight:900;color:#ECE8E0;letter-spacing:.02em}
.oh-chan ul{margin:0;padding:0;list-style:none;display:grid;gap:9px}
.oh-chan a{display:inline-block;font:600 13px/1.3 var(--oh-lat);letter-spacing:.14em;color:#8F8B84;text-decoration:none;transition:color .25s,transform .25s}
.oh-chan a span{display:inline-block;margin-left:4px;letter-spacing:0;transition:transform .25s}
.oh-chan a:hover,.oh-chan a:focus-visible{color:#fff}
.oh-chan a:hover span{transform:translate(2px,-2px)}
@media (max-width:767px){.oh-chan{margin-top:24px;padding:0 2%;text-align:center}.oh-denomline{font-size:12.5px;text-align:center}}
.gototop a{background:var(--sb-dark)}.gototop a:hover{background:var(--sb-accent)}

/* ── 빠른메뉴 6칸 (원본 4칸 → 6칸) · 초록 ───────────────────────── */
.quick_shortcut_all{border-radius:22px 22px 0 0;overflow:hidden;box-shadow:0 -10px 30px rgba(0,0,0,.12)}
.quickbann_area1{width:16.6666%;background-color:rgba(20,20,20,.9)}
.quickbann_area2{background-color:rgba(125,98,52,.94)}
.quickbann_area3{background-color:rgba(11,11,12,.9)}
.quickbann_area4{background-color:rgba(28,27,26,.9)}
.quickbann_area5{background-color:rgba(24,23,22,.92)}
.quickbann_area6{background-color:rgba(11,11,12,.96)}
.quickbann_area1 ul li a{position:relative;padding:0 7%}
.quickbann_area1 .bann_txtall{padding-right:46px}
.quickbann_area1 .bann_title{letter-spacing:-.02em}
.quickbann_area1 .bann_s_txt{color:var(--sb-light)}
.quickbann_area2 .bann_s_txt{color:#fff}
.quickbann_area1 .bann_arrow{position:absolute;right:7%;top:50%;transform:translateY(-50%);margin:0;width:40px;float:none}
.quickbann_area1 .bann_arrow img{width:40px!important;height:auto}
.hvr-sweep-to-right:before{background:var(--sb-gold)!important}
.swiper-pagination-bullet-active{background:var(--sb-gold)!important}
@media (min-width:1024px) and (max-width:1279px){.bann_title{font-size:19px}}
@media (min-width:768px) and (max-width:1023px){.quickbann_area1{width:33.3333%}.quickbann_area1 ul li a{height:90px}}
@media screen and (max-width:767px){
  .quickbann_area1{width:33.3333%!important;background-size:0!important}
  .quickbann_area1 ul li a{height:80px;padding:0 6%;display:flex;align-items:center;box-sizing:border-box}
  .quickbann_area1 .bann_txtall{padding:0!important;margin:0!important;float:none}
  .bann_title{font-size:1.15em;line-height:1.3}.bann_s_txt{font-size:.85em;line-height:1.3;margin-top:4px}
  .quick_shortcut{margin-top:-160px}
  .quick_shortcut_all{border-radius:18px 18px 0 0}
}

/* ── 담임목사 인사말 (메인 배너 바로 아래) ───────────────────────── */
.oh-greet{padding:90px 0 50px;background:#fff}
.oh-greet .oh-in{display:grid;grid-template-columns:400px 1fr;gap:54px;align-items:center}
.oh-greet .gp{position:relative;overflow:hidden;border-radius:var(--oh-r);box-shadow:var(--oh-sh2)}
.oh-greet .gp::after{content:"";position:absolute;inset:auto -30px -30px auto;width:120px;height:120px;border-radius:50%;background:var(--sb-gold);opacity:.18}
.oh-greet .gp img{display:block;width:100%;height:auto}
.oh-greet .gp span{position:absolute;left:14px;bottom:14px;padding:8px 14px;border-radius:999px;background:rgba(11,11,12,.82);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--sb-cream);font-weight:700;font-size:14px}
.oh-greet .en{font-family:var(--oh-lat);font-size:12px;letter-spacing:.32em;color:var(--sb-accent);font-weight:800;text-transform:uppercase}
.oh-greet h2{margin-top:10px;font-size:32px;font-weight:900;color:var(--sb-dark);letter-spacing:-.03em}
.oh-greet .gline{width:46px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--sb-accent),var(--sb-gold));margin:16px 0 20px}
.oh-greet p{font-size:16.5px;line-height:1.9;color:var(--oh-text);margin:0 0 10px}
.oh-greet .gname{margin-top:16px;color:var(--oh-grey)}.oh-greet .gname b{color:var(--sb-dark);font-size:19px;margin-left:6px}
.oh-greet .gmore{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:10px 20px;border-radius:999px;background:var(--sb-dark);color:var(--sb-cream)!important;font-weight:700;font-size:14px;text-decoration:none;transition:background .25s}
.oh-greet .gmore:hover{background:var(--sb-accent)}
@media (max-width:900px){.oh-greet{padding:70px 0 34px}.oh-greet .oh-in{grid-template-columns:1fr;gap:26px}.oh-greet .gp{max-width:440px}}

/* ── 대한예수교장로회(합동) 로고 3D (조금 빠르게) ──────────────────── */
.oh-denom{padding:46px 0 56px;background:var(--sb-cream);text-align:center;overflow:hidden}
.oh-denom .stage{display:inline-flex;align-items:center;gap:18px;perspective:900px;padding:14px 26px;border-radius:999px;background:#fff;box-shadow:var(--oh-sh)}
.oh-denom .mark{width:84px;height:auto;transform-style:preserve-3d;filter:drop-shadow(0 10px 14px rgba(11,11,12,.22))}
.oh-denom .word{height:58px;width:auto;transform-origin:left center}
.oh-denom .say{margin:24px auto 0;max-width:760px;font-size:17px;line-height:1.85;color:var(--oh-text)}
.oh-denom .say b{color:var(--sb-house)}
html.oh-js .oh-denom .word{opacity:0;transform:rotateX(75deg) translateZ(-60px)}
html.oh-js .oh-denom .say{opacity:0;transform:translateY(18px) scale(.94);filter:blur(6px)}
html.oh-js .oh-denom.in .mark{animation:ohSpin 4.2s cubic-bezier(.45,.05,.35,1) infinite}
html.oh-js .oh-denom.in .word{animation:ohFlip .75s cubic-bezier(.2,.9,.25,1.15) .15s forwards, ohFloat 3.4s ease-in-out 1s infinite}
html.oh-js .oh-denom.in .say{animation:ohPop .65s cubic-bezier(.2,.9,.25,1.2) .7s forwards}
@keyframes ohSpin{0%{transform:rotateY(0) translateY(0)}45%{transform:rotateY(180deg) translateY(-6px)}55%{transform:rotateY(180deg) translateY(-6px)}100%{transform:rotateY(360deg) translateY(0)}}
@keyframes ohFlip{to{opacity:1;transform:rotateX(0) translateZ(0)}}
@keyframes ohFloat{0%,100%{opacity:1;transform:rotateY(0) translateY(0)}50%{opacity:1;transform:rotateY(-10deg) translateY(-3px)}}
@keyframes ohPop{to{opacity:1;transform:none;filter:none}}
@media (max-width:767px){.oh-denom .stage{padding:10px 18px;gap:10px}.oh-denom .mark{width:52px}.oh-denom .word{height:34px}.oh-denom .say{font-size:15px;padding:0 4%}}

/* ── 다음 예배까지 남은 시간 + 한 주의 예배 (모든 예배) ─────────────── */
.oh-cd{padding:70px 0 60px;background:radial-gradient(ellipse at 15% 0,var(--sb-mint) 0,#fff 55%)}
.oh-cd .cdg{display:grid;grid-template-columns:1fr 1.05fr;gap:26px;align-items:stretch}
.oh-cd .card{display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;padding:34px 32px 26px;border-radius:28px;background:linear-gradient(155deg,#0B0B0C 0,#1C1B1A 55%,#141414 100%);color:var(--sb-cream);box-shadow:var(--oh-sh2);text-align:left}
.oh-cd .card::before{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;border:34px solid rgba(201,164,92,.14)}
.oh-cd .card.flip{animation:ohCdIn .7s var(--oh-ease)}
@keyframes ohCdIn{from{opacity:.4;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.oh-cd .lb{position:relative;font-family:var(--oh-lat);font-size:12px;letter-spacing:.3em;color:var(--sb-gold);font-weight:800}
.oh-cd .nm{position:relative;margin-top:10px;font-size:34px;font-weight:900;letter-spacing:-.03em;color:#fff;line-height:1.2}
.oh-cd .with{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;min-height:0}
.oh-cd .with:empty{display:none}
.oh-cd .with span{padding:4px 11px;border-radius:999px;background:rgba(247,245,240,.14);font-size:12.5px;font-weight:500;color:var(--sb-light)}
.oh-cd .with span::before{content:"+ ";color:var(--sb-gold)}
.oh-cd .pl{position:relative;margin-top:10px;font-size:15px;color:var(--sb-light)}
.oh-cd .clock{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
.oh-cd .clock div{padding:16px 4px 12px;border-radius:18px;background:rgba(247,245,240,.1);border:1px solid rgba(247,245,240,.14);text-align:center}
.oh-cd .clock div:last-child{background:rgba(201,164,92,.22);border-color:rgba(201,164,92,.4)}
.oh-cd .clock b{display:block;font-family:var(--oh-lat);font-size:40px;font-weight:800;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.oh-cd .clock span{display:block;margin-top:6px;font-size:12px;color:var(--sb-light)}
.oh-cd .kst{position:relative;margin-top:14px;font-size:12px;color:rgba(247,245,240,.6)}
html:not(.oh-js) .oh-cd .clock,html:not(.oh-js) .oh-cd .kst{display:none}
.oh-cd .week{padding:26px 26px 20px;border-radius:28px;background:#fff;border:1px solid var(--oh-line);box-shadow:var(--oh-sh)}
.oh-cd .wt{font-size:18px;font-weight:900;color:var(--sb-dark);margin-bottom:10px}
.oh-cd .sched{list-style:none;margin:0;padding:0}
.oh-cd .sched li{display:grid;grid-template-columns:54px 124px 1fr;gap:10px;align-items:start;padding:12px 10px;border-radius:14px;border-bottom:1px dashed var(--oh-line);transition:background .35s}
.oh-cd .sched li:last-child{border-bottom:0}
.oh-cd .sched .dw{display:inline-grid;place-items:center;height:26px;border-radius:999px;background:var(--sb-mint);color:var(--sb-house);font-size:12.5px;font-weight:700;white-space:nowrap}
.oh-cd .sched .tm{font-family:var(--oh-lat);font-size:15px;font-weight:700;color:var(--sb-dark);line-height:26px;white-space:nowrap}
.oh-cd .sched .nm{display:flex;flex-direction:column;gap:4px}
.oh-cd .sched em{font-style:normal;font-size:14.5px;font-weight:500;color:var(--oh-ink);line-height:1.5}
.oh-cd .sched em i{font-style:normal;margin-left:6px;font-size:12px;color:var(--oh-grey)}
.oh-cd .sched li.on{background:var(--sb-mint)}
.oh-cd .sched li.on .dw{background:var(--sb-accent);color:#fff}
.oh-cd .sched li.on .tm::after{content:"다음";display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--sb-gold);color:#141210;font:700 10.5px/1.6 var(--oh-font);vertical-align:2px}
.oh-cd .more{display:inline-block;margin:12px 0 0 10px;font-size:14px;font-weight:700;color:var(--sb-accent);text-decoration:none}
@media (max-width:900px){.oh-cd .cdg{grid-template-columns:1fr}}
@media (max-width:767px){.oh-cd{padding:56px 0 44px}.oh-cd .card{padding:28px 20px 22px;border-radius:24px}.oh-cd .nm{font-size:27px}.oh-cd .clock{gap:7px}.oh-cd .clock b{font-size:28px}
  .oh-cd .week{padding:20px 14px 16px;border-radius:24px}.oh-cd .sched li{grid-template-columns:48px 1fr;gap:4px 10px;padding:11px 6px}.oh-cd .sched .nm{grid-column:2}.oh-cd .sched .tm{font-size:14px}}

/* ── 14,000평 문장 ───────────────────────────────────────────── */
.oh-intro{padding:70px 0 10px;text-align:center;background:#fff}
.oh-intro .en{font-family:var(--oh-lat);font-size:12px;letter-spacing:.32em;color:var(--sb-accent);font-weight:800;text-transform:uppercase}
.oh-intro h2{margin:14px auto 0;max-width:900px;font-size:clamp(22px,2.6vw,32px);font-weight:900;color:var(--sb-dark);line-height:1.5;letter-spacing:-.02em}
.oh-intro h2 b{color:var(--sb-accent);font-weight:900;background:linear-gradient(transparent 62%,rgba(201,164,92,.35) 62%)}
.oh-intro p{margin:12px auto 0;max-width:720px;font-size:16px;color:var(--oh-text);line-height:1.8}
.oh-btn{display:inline-flex;align-items:center;gap:8px;margin-top:26px;padding:13px 28px;border:0;background:var(--sb-dark);color:var(--sb-cream)!important;font-weight:700;font-size:15px;border-radius:999px;text-decoration:none;box-shadow:0 10px 22px rgba(11,11,12,.18);transition:background .3s,transform .3s}
.oh-btn:hover{background:var(--sb-accent);transform:translateY(-2px)}
.oh-btn i{font-style:normal;transition:transform .3s}.oh-btn:hover i{transform:translateX(4px)}

/* ── 12·10,000 비전지도 — 지구본 + 스크롤마다 이름표 1~7 ──────────────── */
.oh-globe{padding:20px 0 50px;background:radial-gradient(ellipse at 70% 40%,var(--sb-mint) 0,#fff 60%)}
.oh-globe .oh-in{display:grid;grid-template-columns:1fr 1.15fr;gap:30px;align-items:center}
.oh-globe .en{font-family:var(--oh-lat);font-size:12px;letter-spacing:.32em;color:var(--sb-accent);font-weight:800}
.oh-globe h2{margin-top:10px;font-size:clamp(26px,3vw,36px);font-weight:900;color:var(--sb-dark);letter-spacing:-.03em}
.oh-globe .lead{margin-top:12px;font-size:16px;line-height:1.8;color:var(--oh-text)}
.oh-globe .lead b{color:var(--sb-house)}
.oh-globe .gl{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.oh-globe .gl li{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:1px solid var(--oh-line);border-radius:16px;font-size:14px;font-weight:700;color:var(--oh-ink);line-height:1.35;box-shadow:0 4px 12px rgba(11,11,12,.05)}
.oh-globe .gl li b{flex:0 0 28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--sb-accent);color:#fff;font-family:var(--oh-lat);font-size:13px}
.oh-globe .gl li:first-child b{background:var(--sb-dark)}
.oh-globe .gl em{display:block;font-style:normal;font-weight:400;font-size:12px;color:var(--oh-grey)}
.oh-globe .gl li.q{border:1.5px dashed var(--sb-gold);background:#FAF7F0;color:#6E5630}
.oh-globe .gl li.q b{background:#fff;border:2px solid var(--sb-gold);color:#6E5630}
.oh-globe .gl li.q{grid-column:1/-1}
.oh-globe .gl li.q .pray{display:block;margin-top:3px;font-size:13.5px;font-weight:800;color:#7D6234;word-break:keep-all}
html.oh-js .oh-globe .gl li{opacity:0;transform:translateY(16px) scale(.6) rotate(-4deg)}
html.oh-js .oh-globe .gl li.on{animation:ohLiPop .62s cubic-bezier(.3,1.7,.5,1) both}
html.oh-js .oh-globe .gl li.on b{animation:ohNum .9s cubic-bezier(.3,1.7,.5,1) .1s both}
@keyframes ohLiPop{0%{opacity:0;transform:translateY(16px) scale(.6) rotate(-4deg)}60%{opacity:1}100%{opacity:1;transform:none}}
@keyframes ohNum{0%{transform:scale(.3) rotate(-180deg)}100%{transform:none}}
.oh-globe .gbox{position:relative;text-align:center}
.oh-globe canvas{display:block;width:100%;max-width:540px;height:auto;aspect-ratio:1;margin:0 auto}
.oh-globe .ghint{display:inline-block;margin-top:6px;padding:5px 12px;border-radius:999px;background:var(--sb-mint);font-size:12px;color:var(--sb-house)}
html:not(.oh-js) .oh-globe .gbox{display:none}
@media (max-width:900px){.oh-globe .oh-in{grid-template-columns:1fr;gap:10px}.oh-globe .gbox{order:-1}.oh-globe .gtx{text-align:center}.oh-globe .gl{text-align:left}}
@media (max-width:420px){.oh-globe .gl{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.oh-globe .ghint{display:none}}

/* ── 카드 줄: 틴하모니 · 위드블레스 · 예배안내 (이 모양을 다른 곳에도) ─────── */
.oh-cards{padding:30px 2% 10px;box-sizing:border-box;background:#fff}
.oh-cards .banner_conarea{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto}
.oh-cards .bann_thumb{float:none;width:auto;height:auto}
.oh-cards .bann_thumb a{display:block;position:relative;overflow:hidden;text-align:left;border-radius:var(--oh-r);box-shadow:var(--oh-sh);transition:transform .45s var(--oh-ease),box-shadow .45s}
.oh-cards .bann_thumb a:hover{transform:translateY(-6px);box-shadow:var(--oh-sh2)}
.oh-cards .bann_thumb a .thumb_img{position:relative;height:300px;background:var(--sb-dark)}
.oh-cards .bann_thumb a .thumb_img img{display:block;width:100%;height:100%!important;object-fit:cover;opacity:1;transition:transform .8s var(--oh-ease)}
.oh-cards .bann_thumb a:hover .thumb_img img{transform:scale(1.06)}
.oh-cards .bann_thumb a .thumb_img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,11,12,0) 35%,rgba(0,0,0,.88) 100%)}
.oh-cards .bann_thumb a .bann_infotxt,.oh-cards .bann_thumb a:hover .bann_infotxt{bottom:0;left:0;padding:0 26px 24px;box-sizing:border-box;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:8px}
.oh-cards .bann_infotxt h4{margin:0;font-size:24px;line-height:1.3;font-weight:800;color:#fff;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.25);word-break:keep-all}
.oh-cards .bann_infotxt li:nth-child(2){display:inline-block;width:auto;padding:4px 12px;font-size:12.5px;line-height:1.4;font-weight:500;color:var(--sb-dark);background:var(--sb-light);border-radius:999px;letter-spacing:.02em}
.oh-cards .bann_infotxt h4::after{content:"";display:block;width:0;height:3px;border-radius:3px;margin-top:8px;background:var(--sb-gold);transition:width .4s}
.oh-cards .bann_thumb a:hover .bann_infotxt h4::after{width:44px}
@media (max-width:767px){.oh-cards .banner_conarea{grid-template-columns:1fr;gap:14px}.oh-cards .bann_thumb a .thumb_img{height:210px}.oh-cards .bann_infotxt h4{font-size:21px}}

/* ── 양육 및 사역 — 오른쪽 4칸 인포그래픽 (누르면 해당 페이지) ──────────── */
.oh-rm{background:var(--sb-cream)}
.oh-rm .organization_titlebox,.oh-rm .titlebox_txt a{border-radius:var(--oh-r);overflow:hidden}
.oh-rm .titlebox_txt a{background-color:rgba(0,0,0,.35)}
.oh-rm .titlebox_txt a:hover{background-color:rgba(0,0,0,.78)}
.oh-rm .organization_titletxt{letter-spacing:-.02em}
.oh-rm .organization_bullet{border-color:var(--sb-gold);font-family:var(--oh-lat);font-size:13px;letter-spacing:.24em}
.oh-rm .organization_titlebox .titlebox_txt a span{padding-bottom:0}
.oh-ig .igrid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.oh-ig .iglink{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.oh-ig .iglink path{fill:none;stroke:var(--sb-gold);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:0;vector-effect:non-scaling-stroke;opacity:.6}
.oh-ig .igc{position:relative;z-index:1;display:flex;flex-direction:column;background:#fff;border-radius:var(--oh-r);overflow:hidden;box-shadow:var(--oh-sh);color:var(--oh-ink);font-family:var(--oh-font);text-decoration:none;transition:transform .35s,box-shadow .35s}
.oh-ig .igc:hover{transform:translateY(-4px);box-shadow:var(--oh-sh2)}
.oh-ig .ph{display:block;height:128px;background-size:cover;background-position:center;transition:transform .9s var(--oh-ease)}
.oh-ig .igc:hover .ph{transform:scale(1.05)}
.oh-ig .ic{position:absolute;left:18px;top:98px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,#7D6234,#0B0B0C);box-shadow:0 0 0 5px #fff,0 8px 18px rgba(11,11,12,.3)}
.oh-ig .igc:nth-child(3) .ic{background:linear-gradient(150deg,#A8884E,#141414)}
.oh-ig .igc:nth-child(4) .ic{background:linear-gradient(150deg,#C9A45C,#6E5630)}
.oh-ig .igc:nth-child(5) .ic{background:linear-gradient(150deg,#141414,#0B0B0C)}
.oh-ig .ic svg{width:32px;height:32px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.oh-ig .ic svg *{stroke-dasharray:1;stroke-dashoffset:0}
.oh-ig .no{position:absolute;right:16px;top:138px;font-family:var(--oh-lat);font-size:30px;font-weight:800;color:#ECE8E0;line-height:1}
.oh-ig .igc b{display:block;margin:38px 20px 0;font-size:20px;font-weight:900;color:var(--sb-dark);letter-spacing:-.02em;word-break:keep-all}
.oh-ig .st{display:inline-block;align-self:flex-start;margin:8px 20px 0;padding:3px 11px;border-radius:999px;background:var(--sb-mint);color:var(--sb-house);font-size:12.5px;font-weight:700;word-break:keep-all}
.oh-ig .ds{display:block;margin:8px 20px 0;font-size:13.5px;line-height:1.6;color:var(--oh-text);word-break:keep-all}
.oh-ig .go{display:block;margin:10px 20px 16px;font-size:13px;font-weight:700;color:var(--sb-accent);transition:transform .3s}
.oh-ig .igc:hover .go{transform:translateX(4px)}
html.oh-js .oh-ig .igc{opacity:0;transform:translateY(30px);transition:opacity .6s calc(var(--i)*.14s),transform .6s cubic-bezier(.2,.8,.2,1.2) calc(var(--i)*.14s),box-shadow .35s}
html.oh-js .oh-ig .ic{transform:scale(0) rotate(-40deg);transition:transform .6s cubic-bezier(.3,1.6,.5,1) calc(.3s + var(--i)*.14s)}
html.oh-js .oh-ig .ic svg *{stroke-dashoffset:1;transition:stroke-dashoffset 1s ease calc(.55s + var(--i)*.14s)}
html.oh-js .oh-ig .iglink path{stroke-dashoffset:1;transition:stroke-dashoffset 1.6s ease .4s}
html.oh-js .oh-ig .ph{transform:scale(1.15);transition:transform 1.4s var(--oh-ease) calc(var(--i)*.14s)}
html.oh-js .oh-ig.in .igc{opacity:1;transform:none}
html.oh-js .oh-ig.in .igc:hover{transform:translateY(-4px)}
html.oh-js .oh-ig.in .ic{transform:none}
html.oh-js .oh-ig.in .ic svg *,html.oh-js .oh-ig.in .iglink path{stroke-dashoffset:0}
html.oh-js .oh-ig.in .ph{transform:none}
@media (max-width:767px){
  .oh-ig .igrid{grid-template-columns:1fr;gap:12px}
  .oh-ig .iglink{display:none}
  .oh-ig .igc{display:grid;grid-template-columns:112px 1fr;grid-template-rows:auto auto auto 1fr;column-gap:14px;min-height:124px}
  .oh-ig .ph{grid-row:1/5;height:auto}
  .oh-ig .ic{left:84px;top:50%;margin-top:-22px;width:44px;height:44px;box-shadow:0 0 0 4px #fff,0 6px 14px rgba(11,11,12,.3)}
  .oh-ig .ic svg{width:24px;height:24px}
  .oh-ig .no{top:12px;right:12px;font-size:20px}
  .oh-ig .igc b{margin:14px 12px 0 20px;font-size:17px}
  .oh-ig .st{justify-self:start;margin:6px 12px 0 20px;font-size:11.5px}
  .oh-ig .ds{margin:6px 12px 0 20px;font-size:12.5px}
  .oh-ig .go{margin:4px 12px 12px 20px;font-size:12px}
}

/* ── 영상·숏폼 (새것 블록, .ohn 안) — 초록 톤 · 숏폼은 4개씩 ────────────── */
.ohn{float:left;width:100%;clear:both}
.ohn .media{background:var(--sb-dark);--sky:var(--sb-gold)}
.ohn .media .sh a{color:var(--sb-gold)!important}.ohn .media a.yt{background:#C4202A!important}   /* 어두운 바탕: 짙은 금색(3.4:1) 대신 금색 */
.ohn .media .shead .en,.ohn .media .shead .bar-u{color:var(--sb-gold)}
.ohn .media .bar-u{background:var(--sb-gold)!important}
.ohn .player,.ohn .vlist a,.ohn .pgrid a,.ohn .sreel .th{border-radius:16px;overflow:hidden}
.ohn .pgrid a{border-color:rgba(247,245,240,.14)!important}
.ohn .vlist .pl,.ohn .pbig{background:var(--sb-accent)!important}
.ohn .sreel{grid-auto-flow:row;grid-template-columns:repeat(4,1fr);overflow:visible;scroll-snap-type:none}
.ohn .sreel>a:nth-child(n+5){display:none}
.ohn .sreel a .th{aspect-ratio:4/3;padding:0;align-items:stretch;background:linear-gradient(160deg,#0B0B0C,#7D6234)!important;border-color:rgba(247,245,240,.12)!important}
.ohn .sreel .th .ytimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.ohn .sreel .badge{z-index:1;border-radius:999px;background:rgba(201,164,92,.9)!important;color:#0B0B0C}
@media (max-width:767px){
  .ohn .sreel{grid-template-columns:1fr 1fr;gap:16px 12px}
  .ohn .sreel .cap{font-size:14px}
}

/* ── 교회소식 대시보드: 이번 주 주보 · 이번 달 대표기도 및 봉사위원 ──────── */
.oh-dashwrap{padding:70px 0 20px;background:linear-gradient(180deg,#fff,var(--sb-cream))}
.oh-dash{font-family:var(--oh-font);margin:0 0 30px}
.oh-dash-g{display:grid;grid-template-columns:1.05fr 1fr;gap:24px;align-items:start}
.oh-dcard{position:relative;padding:22px 22px 18px;border-radius:26px;background:#fff;border:1px solid var(--oh-line);box-shadow:var(--oh-sh);min-width:0}
.oh-dcard .dh{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.oh-dcard .dh .ic{flex:0 0 46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--sb-dark)}
.oh-pray .dh .ic{background:var(--sb-gold)}
.oh-dcard .dh svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.oh-dcard .dh>div{flex:1;min-width:0}
.oh-dcard .k{font-size:18px;font-weight:900;color:var(--sb-dark);letter-spacing:-.02em;word-break:keep-all}
.oh-dcard .d{margin-top:2px;font-family:var(--oh-lat);font-size:13px;font-weight:700;color:var(--sb-accent)}
.oh-dcard .go{flex:none;padding:7px 13px;border-radius:999px;border:1px solid var(--oh-line);font-size:12.5px;font-weight:700;color:var(--sb-dark);text-decoration:none;transition:background .25s,color .25s}
.oh-dcard .go:hover{background:var(--sb-dark);color:#fff}
.oh-dcard .view{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;perspective:1400px}
.oh-dcard .page{display:grid;gap:8px;justify-items:center;cursor:zoom-in;transform-origin:left center}
.oh-jubo .page{width:min(100%,400px);padding:12px;border-radius:16px;background:var(--sb-cream);box-shadow:inset 0 0 0 1px #E2DDD3}
.oh-jubo .page img{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;border-radius:6px;box-shadow:0 12px 26px rgba(11,11,12,.18)}
.oh-pray .page{width:100%}
.oh-pray .page img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--oh-line);background:#fff}
.oh-dcard .page.fl{animation:ohFlipL .6s var(--oh-ease)}
.oh-dcard .page.fr{animation:ohFlipR .6s var(--oh-ease)}
.oh-pray .page.fl,.oh-pray .page.fr{animation:ohSlide .5s var(--oh-ease)}
@keyframes ohFlipL{from{opacity:0;transform:rotateY(-70deg) translateX(-20px)}to{opacity:1;transform:none}}
@keyframes ohFlipR{from{opacity:0;transform:rotateY(60deg) translateX(20px);transform-origin:right center}to{opacity:1;transform:none}}
@keyframes ohSlide{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.oh-dcard .nav{flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--oh-line);background:#fff;color:var(--sb-dark);font-size:26px;line-height:1;cursor:pointer;box-shadow:0 6px 14px rgba(11,11,12,.08);transition:background .25s,color .25s,opacity .25s}
.oh-dcard .nav:hover:not(:disabled){background:var(--sb-dark);color:#fff}
.oh-dcard .nav:disabled{opacity:.3;cursor:default}
html:not(.oh-js) .oh-dcard .nav{display:none}
.oh-dcard .tl{display:flex;gap:8px;margin:16px 0 0;padding:4px 2px 8px;list-style:none;overflow-x:auto;scrollbar-width:thin}
.oh-dcard .tl a{display:flex;flex-direction:column;align-items:center;min-width:66px;padding:8px 10px;border-radius:14px;border:1px solid var(--oh-line);background:#fff;text-decoration:none;transition:background .25s,border-color .25s,transform .25s}
.oh-dcard .tl b{font-family:var(--oh-lat);font-size:14px;color:var(--sb-dark)}
.oh-dcard .tl span{font-size:11px;color:var(--oh-grey);white-space:nowrap}
.oh-dcard .tl a:hover{transform:translateY(-2px);border-color:var(--sb-accent)}
.oh-dcard .tl a.on{background:var(--sb-dark);border-color:var(--sb-dark)}
.oh-dcard .tl a.on b{color:#fff}.oh-dcard .tl a.on span{color:var(--sb-gold)}
.oh-dcard .tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px;padding:0;list-style:none}
.oh-dcard .tabs a{display:block;padding:7px 15px;border-radius:999px;background:var(--sb-cream);color:var(--sb-dark);font-size:13.5px;font-weight:700;text-decoration:none;transition:background .25s,color .25s}
.oh-dcard .tabs a:hover{background:var(--sb-light)}
.oh-dcard .tabs a.on{background:var(--sb-gold);color:#141210}
.oh-dcard .nt{margin-top:12px;font-size:12.5px;line-height:1.6;color:var(--oh-grey);word-break:keep-all}
@media (max-width:900px){.oh-dash-g{grid-template-columns:1fr}}
@media (max-width:767px){.oh-dashwrap{padding:56px 0 10px}.oh-dcard{padding:18px 14px 14px;border-radius:22px}.oh-dcard .nav{width:34px;height:34px;font-size:22px}.oh-dcard .k{font-size:16px}.oh-jubo .page{padding:8px}}

/* ── 교회소식 · Q&A (메인) ─────────────────────────────────────── */
.widget_board.oh-wb{margin-top:0;padding:10px 0 70px;background:var(--sb-cream)}
.widget_board .board_conarea{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 2%;box-sizing:border-box}
.widget_board .inner_section{float:none;width:auto;position:relative;border:0;border-radius:26px;background:#fff;box-shadow:var(--oh-sh);overflow:hidden;padding:30px 32px 22px;transition:transform .35s,box-shadow .35s}
.widget_board .inner_section::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--sb-accent),var(--sb-house))}
.widget_board .inner_section2::before{background:linear-gradient(90deg,var(--sb-gold),#A8884E)}
.widget_board .inner_section:hover{transform:translateY(-3px);box-shadow:var(--oh-sh2)}
.widget_board .tit_post{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:900;color:var(--sb-dark);padding-bottom:16px;margin-bottom:6px;border-bottom:1px solid var(--oh-line)}
.widget_board .tit_post::before{content:"";flex:0 0 44px;height:44px;border-radius:14px;background:var(--sb-mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232F5566' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h13v14H6a2 2 0 0 1-2-2z'/%3E%3Cpath d='M17 9h3v8a2 2 0 0 1-2 2'/%3E%3Cpath d='M7.5 9h6M7.5 12.5h6M7.5 16h3.5'/%3E%3C/svg%3E") center/24px no-repeat}
.widget_board .inner_section2 .tit_post::before{background:#F4EEE1 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237A5C2E' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H9l-5 4z'/%3E%3Cpath d='M10 9a2 2 0 1 1 2.6 1.9c-.4.2-.6.5-.6 1v.4M12 14.2v.1'/%3E%3C/svg%3E") center/24px no-repeat}
.oh-bcount b{font-family:var(--oh-lat);font-weight:800;color:var(--sb-house);font-variant-numeric:tabular-nums}
.widget_board .link_more{margin:0 0 0 auto;width:36px;height:36px;border-radius:50%;border:1px solid var(--oh-line);position:relative;float:none;transition:background .3s,border-color .3s}
.widget_board .link_more span.ico_more{position:absolute;top:9px;left:17px;height:17px}
.widget_board .link_more span.ico_more span{height:9px}
.widget_board .link_more span.ico_more:after{top:8px;left:-8px;width:17px}
.widget_board .link_more:hover{background:var(--sb-dark);border-color:var(--sb-dark)}
.widget_board .link_more:hover span.ico_more span,.widget_board .link_more:hover span.ico_more:after{background-color:#fff}
.widget_board .board_output_area{border-collapse:collapse}
.widget_board .board_output_area tr{border-bottom:1px dashed #E2DDD3;border-radius:12px;transition:background .25s,transform .25s}
.widget_board .board_output_area tr:hover{background:var(--sb-mint);transform:translateX(4px)}
.widget_board .board_output_area td{padding:11px 4px;vertical-align:middle;font-family:var(--oh-font)}
.widget_board .board_output_area tr:last-child{border-bottom:0}
.widget_board .board_output_area td:first-child{width:0;padding:0}.widget_board .board_output_area td:first-child img{display:none}
.widget_board .bd_out1{text-align:left}
.widget_board .list_post .bd_out1 a{color:var(--oh-ink);transition:color .2s}
.widget_board .board_output_area tr:hover .bd_out1 a{color:var(--sb-house)}
.widget_board .board_output_area td:last-child{width:96px;text-align:right!important}
.widget_board .oh-date{display:inline-block;padding:3px 9px;border-radius:999px;background:var(--sb-mint);color:var(--sb-house);font-family:var(--oh-lat);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.widget_board .inner_section2 .oh-date{background:#F4EEE1;color:#6E5630}
/* 한 줄 = 제목(왼쪽, 넘치면 …) + 날짜(오른쪽). 원본의 float·모바일 2.2배 글씨가 줄을 겹치게 해서 덮어쓴다 */
.widget_board .board_output_area tr{display:flex;align-items:center;gap:10px}
.widget_board .board_output_area td{float:none!important;width:auto!important}
.widget_board .board_output_area td.bd_out1{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 96px)}
.widget_board .board_output_area td.bd_out1 a{font-size:15.5px!important;line-height:1.6!important;padding:0!important;margin:0!important;letter-spacing:0!important}
.widget_board .board_output_area td:last-child{flex:none;white-space:nowrap}
.widget_board .inner_section{height:auto!important}
.widget_board .board_output_area,.widget_board .board_output_area tbody{display:block;width:100%;max-width:100%}
.widget_board .board_output_box,.widget_board .board_output_box>tbody,.widget_board .board_output_box>tbody>tr,.widget_board .board_output_box>tbody>tr>td{display:block;width:100%;max-width:100%}
@media (max-width:767px){.widget_board .board_conarea{grid-template-columns:1fr;gap:16px}.widget_board .inner_section{padding:24px 18px 14px;border-radius:22px}.widget_board .tit_post{font-size:19px;flex-wrap:wrap}.widget_board .list_post .bd_out1 a{font-size:14.5px!important}}

/* ── 포토갤러리 — 빠르게 넘어가는 사진 슬라이드 (자르지 않고 전체) ────────── */
.oh-gal{padding:80px 0 70px;background:#fff}
.oh-gal .car{position:relative}
.oh-gal .track{display:flex;gap:18px;margin:0;padding:6px calc((100% - min(72%,760px)) / 2) 18px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.oh-gal .track::-webkit-scrollbar{display:none}
.oh-gal .sl{position:relative;flex:0 0 min(72%,760px);height:460px;border-radius:26px;overflow:hidden;scroll-snap-align:center;background:var(--sb-dark);box-shadow:var(--oh-sh);transition:transform .6s var(--oh-ease),opacity .6s}
.oh-gal .car.js .sl{transform:scale(.92);opacity:.55}
.oh-gal .car.js .sl.on{transform:none;opacity:1}
.oh-gal .sl a{display:block;width:100%;height:100%;color:#fff;text-decoration:none}
.oh-gal .sl .bg{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(24px) saturate(1.1) brightness(.6);transform:scale(1.1)}
.oh-gal .sl img{position:relative;display:block;width:100%;height:100%;object-fit:contain}
.oh-gal .sl .cap{position:absolute;left:0;right:0;bottom:0;padding:40px 24px 20px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.9));display:flex;flex-direction:column;gap:4px}
.oh-gal .sl .cap b{font-size:18px;font-weight:700;letter-spacing:-.01em;word-break:keep-all}
.oh-gal .sl .cap span{font-family:var(--oh-lat);font-size:12.5px;color:var(--sb-gold)}
.oh-gal .nav{position:absolute;top:calc(50% - 30px);width:52px;height:52px;border-radius:50%;border:0;background:rgba(247,245,240,.92);color:var(--sb-dark);font-size:30px;line-height:1;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.18);transition:background .25s,color .25s}
.oh-gal .nav:hover{background:var(--sb-dark);color:#fff}
.oh-gal .prev{left:12px}.oh-gal .next{right:12px}
.oh-gal .ctl{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:4px}
.oh-gal .ct{font-family:var(--oh-lat);font-size:14px;color:var(--oh-grey)}.oh-gal .ct b{color:var(--sb-dark)}
.oh-gal .pp{width:36px;height:36px;border-radius:50%;border:1px solid var(--oh-line);background:#fff;color:var(--sb-dark);font-size:12px;cursor:pointer}
html:not(.oh-js) .oh-gal .nav,html:not(.oh-js) .oh-gal .ctl{display:none}
.oh-gal .more{text-align:center;margin-top:18px}
@media (max-width:767px){.oh-gal{padding:60px 0 50px}.oh-gal .track{gap:12px;padding-left:7%;padding-right:7%}.oh-gal .sl{flex-basis:86%;height:300px;border-radius:20px}.oh-gal .nav{display:none}.oh-gal .sl .cap{padding:30px 16px 14px}.oh-gal .sl .cap b{font-size:15px}}

/* ── 찾아오시는길 — 실제 약도 위에 움직임 ─────────────────────────── */
.oh-visit{padding:70px 0 80px;background:linear-gradient(180deg,var(--sb-cream),#fff)}
.oh-visit .oh-in{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;align-items:center}
.oh-visit .scene{perspective:1200px}
.oh-visit .plate{position:relative;border-radius:26px;overflow:hidden;background:#fff;box-shadow:var(--oh-sh2);transform-style:preserve-3d;transition:transform .8s var(--oh-ease),box-shadow .8s}
.oh-visit .scene:hover .plate{transform:rotateX(9deg) rotateY(-6deg) translateY(-4px);box-shadow:18px 30px 50px rgba(11,11,12,.22)}
.oh-visit .plate img{display:block;width:100%;height:auto}
.oh-visit .plate svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.oh-visit .route{stroke-dasharray:12 10;opacity:.9;animation:ohDash 1.2s linear infinite}
.oh-visit .pin{animation:ohBob 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center bottom;filter:drop-shadow(0 4px 4px rgba(0,0,0,.3))}
.oh-visit .pulse{animation:ohPulse 2.2s ease-out infinite;transform-box:fill-box;transform-origin:center}
.oh-visit .pulse.p2{animation-delay:1.1s}
@keyframes ohDash{to{stroke-dashoffset:-44}}
@keyframes ohBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes ohPulse{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(1.6)}}
.oh-visit dl{display:grid;grid-template-columns:auto 1fr;gap:0;padding:8px 22px;border-radius:24px;background:#fff;box-shadow:var(--oh-sh)}
.oh-visit dt,.oh-visit dd{margin:0;padding:15px 4px;border-bottom:1px solid var(--oh-line);font-size:15px}
.oh-visit dt:nth-last-of-type(1),.oh-visit dd:last-child{border-bottom:0}
.oh-visit dt{color:var(--sb-house);font-weight:700;padding-right:18px;white-space:nowrap;display:flex;align-items:center;gap:8px}
.oh-visit dt i{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sb-dark);color:var(--sb-gold);font-style:normal;font-size:13px}
.oh-visit dd{color:var(--oh-text);word-break:keep-all}
.oh-visit dd a{color:var(--sb-house);font-weight:700}
.oh-visit .maps{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.oh-visit .maps a{padding:11px 20px;border-radius:999px;border:1px solid var(--oh-line);background:#fff;color:var(--sb-dark);font-size:14px;font-weight:700;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.oh-visit .maps a:hover{background:var(--sb-dark);border-color:var(--sb-dark);color:#fff}
.oh-visit .note{margin-top:10px;font-size:12px;color:var(--oh-grey)}
@media (max-width:900px){.oh-visit .oh-in{grid-template-columns:1fr}}
@media (max-width:767px){.oh-visit dl{padding:4px 14px}.oh-visit dt,.oh-visit dd{font-size:14px;padding:12px 2px}}

/* ── 크게 보기 창 ─────────────────────────────────────────────── */
dialog.oh-dlg{width:min(920px,94vw);max-height:92vh;border:0;padding:0;border-radius:22px;overflow:auto}
dialog.oh-dlg::backdrop{background:rgba(0,0,0,.78)}
.oh-dlg .hd{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;background:var(--sb-cream);border-bottom:1px solid var(--oh-line);font-family:var(--oh-font)}
.oh-dlg .hd b{font-size:16px;color:var(--sb-dark)}.oh-dlg .hd span{font-size:12px;color:var(--oh-grey);margin-left:8px}
.oh-dlg .x{width:38px;height:38px;border:0;border-radius:50%;background:#fff;font-size:24px;line-height:1;cursor:pointer}
.oh-dlg .bd{display:grid;gap:10px;padding:14px}
.oh-dlg .bd img{width:100%;height:auto;display:block}

/* ── 스크롤 모션 (모든 페이지) — oh.js 가 html.oh-mo 를 붙일 때만 숨겼다가 등장 ───────────
   등장 = transform/opacity/filter, 스크롤 연동 = translate/scale/rotate 낱개 속성 (서로 겹치지 않게) */
html.oh-mo [data-m]{opacity:0;transition:opacity .8s var(--oh-ease),transform .95s var(--oh-ease),filter .8s var(--oh-ease);transition-delay:calc(var(--d,0) * 75ms)}
html.oh-mo [data-m=up]{transform:translateY(38px)}
html.oh-mo [data-m=left]{transform:translateX(-56px)}
html.oh-mo [data-m=right]{transform:translateX(56px)}
html.oh-mo [data-m=blur]{transform:translateY(18px) scale(.98);filter:blur(12px)}
html.oh-mo [data-m=zoom]{transform:scale(.88)}
html.oh-mo [data-m].in{opacity:1;transform:none;filter:none}
@media (max-width:767px){html.oh-mo [data-m=left]{transform:translateX(-32px)}html.oh-mo [data-m=right]{transform:translateX(32px)}}
/* 장식 도형: 섹션 뒤에서 스크롤 속도와 다르게 떠다닌다 */
.oh-dhost{position:relative;isolation:isolate}
.oh-decos{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.oh-decos i{position:absolute;display:block;translate:0 calc((var(--p,.5) - .5) * var(--k,-120px));rotate:calc(var(--p,.5) * var(--r,0deg));will-change:translate}
.oh-decos .d1{width:220px;height:220px;top:6%;right:-70px;border-radius:50%;border:1.5px solid rgba(201,164,92,.42);--k:-260px}
.oh-decos .d1::after{content:"";position:absolute;inset:26px;border-radius:50%;border:1px dashed rgba(201,164,92,.25)}
.oh-decos .d2{width:110px;height:110px;left:2%;top:58%;background:radial-gradient(rgba(201,164,92,.28) 1.6px,transparent 2px) 0 0/14px 14px;--k:180px}
.oh-decos .d3{width:26px;height:26px;right:11%;top:72%;background:linear-gradient(rgba(201,164,92,.6),rgba(201,164,92,.6)) center/100% 3px no-repeat,linear-gradient(rgba(201,164,92,.6),rgba(201,164,92,.6)) center/3px 100% no-repeat;--k:-360px;--r:200deg}
.oh-decos .d4{width:14px;height:14px;left:16%;top:16%;border-radius:50%;background:rgba(201,164,92,.45);--k:-420px}
.oh-decos .d5{width:300px;height:300px;left:-150px;bottom:4%;border-radius:50%;border:2px solid transparent;border-top-color:rgba(201,164,92,.22);border-right-color:rgba(201,164,92,.22);--k:140px;--r:120deg}
.oh-decos.v1 .d1{right:auto;left:-80px;top:40%}.oh-decos.v1 .d2{left:auto;right:3%;top:12%}.oh-decos.v1 .d4{left:auto;right:22%;top:60%}
.oh-decos.v2 .d1{top:auto;bottom:8%;right:-40px;width:160px;height:160px}.oh-decos.v2 .d3{right:auto;left:8%;top:30%}.oh-decos.v2 .d5{left:auto;right:-160px;bottom:auto;top:10%}
.ohn .media .oh-decos i,.oh-cd .oh-decos .d2{opacity:.8}
@media (max-width:767px){.oh-decos .d1{width:150px;height:150px;right:-60px}.oh-decos .d5{width:200px;height:200px;left:-120px}.oh-decos .d2{width:80px;height:80px}}
/* 섹션 머리: 영문은 옆으로, 제목은 위로, 금색 선은 스크롤만큼 그려진다 */
.oh-head .en{translate:calc((var(--p,.5) - .5) * -70px) 0}
.oh-head h2{translate:0 calc((var(--p,.5) - .5) * -28px)}
.oh-head .ln{scale:clamp(.15, calc(var(--p,.5834) * 2.4 - .4), 1.8) 1}
.oh-intro h2{translate:0 calc((var(--p,.5) - .5) * -40px)}
.oh-cards .bann_thumb:nth-child(2){translate:0 calc((var(--p,.5) - .5) * -46px)}
.oh-rm .organization_titlebox{background-position:center calc(50% + (var(--p,.5) - .5) * -140px)!important}
@media (max-width:767px){.oh-cards .bann_thumb:nth-child(2){translate:none}}
/* 메뉴 페이지 머리 그림: 스크롤하면 그림은 천천히, 글은 조금 빠르게 */
.oh-sub .subvisual_box{background-position:center calc(var(--sy,0px) * .45)!important}
.oh-sub .subtitle_area{translate:0 calc(var(--sy,0px) * .22)}
.oh-sub .sub_titlebar_area::after{transform-origin:left;transform:scaleX(clamp(0, calc(var(--p,1) * 2.2 - .3), 1))}
/* 사진: 화면을 지나가는 동안 1.0 → 1.08 로 천천히 확대 */
.oh-zoom{display:block;overflow:hidden}
.oh-zoom img{display:block;width:100%;height:100%;object-fit:cover;scale:calc(1 + var(--p,0) * .08)}
.religious_img,.serve_thumb li:first-child,.ministry_imgarea li,.organlist .organimg,.organlist ul li{overflow:hidden;border-radius:18px}
.religious_img img,.serve_thumb li:first-child img,.ministry_imgarea li img,.organlist .organimg img,.organlist ul li img{display:block;border-radius:0!important;scale:calc(1 + var(--p,0) * .08)}

/* ── 메인: 교회사역기관 칸 (눌러도 이동 없음) · 교단 → 총회 홈페이지 ─────── */
.oh-rm .titlebox_txt{height:100%}
.titlebox_txt .oh-nolink{display:block;width:100%;height:100%;padding-top:44px;box-sizing:border-box;color:#fff;background-color:rgba(0,0,0,.38);cursor:default}
.oh-denom .dlink{display:block;color:inherit;text-decoration:none}
.oh-denom .dlink .stage{transition:box-shadow .35s,transform .35s var(--oh-ease)}
.oh-denom .dlink:hover .stage{box-shadow:var(--oh-sh2);transform:translateY(-3px)}
.oh-denom .say .go{display:inline-block;margin-left:6px;padding:2px 11px;border-radius:999px;background:var(--sb-dark);color:#fff;font-size:12.5px;font-weight:700;white-space:nowrap;transition:background .25s}
.oh-denom .dlink:hover .go{background:var(--sb-gold)}
.oh-denom .dlink:focus-visible{outline:2px solid var(--sb-gold);outline-offset:6px;border-radius:20px}

/* ── 예배안내 표 ─────────────────────────────────────────── */
.oh-sub .wowtable_box{border-radius:22px;overflow:hidden;box-shadow:var(--oh-sh);background:#fff}
.oh-wtable{margin:0!important;border:0!important;border-collapse:collapse}
.oh-wtable th{padding:16px 8px!important;background:var(--sb-dark)!important;color:#fff!important;font-size:14px!important;font-weight:700!important;letter-spacing:.04em;border:0!important}
.oh-wtable td{padding:15px 8px!important;font-size:15px!important;color:var(--oh-text)!important;font-weight:400!important;border:0!important;border-bottom:1px solid var(--oh-line)!important;background:#fff;transition:background .3s}
.oh-wtable td.wtable_tdtitle{position:relative;background:var(--sb-cream)!important;color:var(--sb-dark)!important;font-weight:700!important;line-height:1.5}
.oh-wtable td.wtable_tdtitle::before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:4px;border-radius:0 4px 4px 0;background:var(--sb-gold);transform:scaleY(.4);transition:transform .35s var(--oh-ease)}
.oh-wtable tbody tr:hover td{background:var(--sb-mint)}
.oh-wtable tbody tr:hover td.wtable_tdtitle::before{transform:none}
.oh-time{display:inline-block;padding:6px 13px;border-radius:999px;background:var(--sb-dark);color:#fff;font:700 13.5px/1.2 var(--oh-lat);white-space:nowrap;box-shadow:0 6px 14px rgba(11,11,12,.16);transition:transform .3s var(--oh-ease),background .3s}
.oh-wtable tbody tr:hover .oh-time{transform:scale(1.08);background:var(--sb-gold)}
@media (max-width:767px){.oh-wtable th{font-size:12px!important;padding:12px 3px!important}.oh-wtable td{font-size:12.5px!important;padding:11px 3px!important}.oh-time{padding:5px 8px;font-size:11.5px}}

/* ── 찾아오시는길 (메뉴 페이지) ────────────────────────────────── */
.oh-visit-sub{padding:6px 0 10px;background:none}
.oh-visit-sub .oh-in:empty{display:none}
.oh-visit-sub .oh-in{grid-template-columns:1fr;padding:0;gap:22px}

/* ── 다시 짠 메뉴 페이지 공통 (ohx-*) ─────────────────────────── */
.ohx{float:left;width:100%;overflow-x:clip;font-family:var(--oh-font);color:var(--oh-text)}
.ohx *,.ohx *::before,.ohx *::after{box-sizing:border-box}
.ohx h3,.ohx h4,.ohx h5,.ohx p,.ohx li,.ohx b,.ohx dd{word-break:keep-all;overflow-wrap:anywhere}
.ohx img{max-width:100%}
.ohx-en{margin:0;font:800 12px/1.4 var(--oh-lat);letter-spacing:.3em;color:var(--sb-accent);text-transform:uppercase}
.ohx-lead{position:relative;padding:4px 0 36px;margin:0 0 40px;border-bottom:1px solid var(--oh-line)}
.ohx-lead .ohx-en{translate:calc((.7 - min(var(--p,.7), .7)) * 90px) 0}
.ohx-lead h3{margin:12px 0 0;font-size:clamp(26px,3.3vw,40px);font-weight:900;line-height:1.3;letter-spacing:-.035em;color:var(--sb-dark);translate:0 calc((var(--p,.5) - .5) * -24px)}
.ohx-lead h3 b{color:var(--sb-house);background:linear-gradient(transparent 64%,rgba(201,164,92,.32) 64%)}
.ohx-ln{display:block;width:56px;height:4px;margin:20px 0 0;border-radius:4px;background:linear-gradient(90deg,var(--sb-accent),var(--sb-gold));transform-origin:left;scale:clamp(.15, calc(var(--p,.5) * 3 - .5), 1.8) 1}
.ohx-p{margin:18px 0 0;max-width:740px;font-size:17px;line-height:1.85;color:var(--oh-text)}
.ohx-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:26px 0 0;padding:0;list-style:none}
.ohx-chips li{padding:15px 16px;border-radius:16px;background:var(--sb-cream);border:1px solid var(--oh-line);transition:transform .35s var(--oh-ease)}
.ohx-chips li:hover{transform:translateY(-3px)}
.ohx-chips li:first-child{background:var(--sb-dark);border-color:var(--sb-dark)}
.ohx-chips b{display:block;font-size:15.5px;font-weight:900;color:var(--sb-dark);line-height:1.35}
.ohx-chips span{display:block;margin-top:4px;font-size:13px;color:var(--oh-grey)}
.ohx-chips li:first-child b{color:#fff}.ohx-chips li:first-child span{color:var(--sb-gold)}
.ohx-sec{position:relative;margin:0 0 56px}
.ohx-t{margin:0 0 24px}
.ohx-t .ohx-en{translate:calc((.7 - min(var(--p,.7), .7)) * 80px) 0}
.ohx-t h4{margin:8px 0 0;font-size:clamp(21px,2.4vw,28px);font-weight:900;line-height:1.35;letter-spacing:-.03em;color:var(--sb-dark)}
.ohx-ds{margin:10px 0 0;max-width:720px;font-size:15.5px;line-height:1.8;color:var(--oh-text)}
/* 단계 */
.ohx-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none}
.ohx-steps.s4{grid-template-columns:repeat(4,1fr)}
.ohx-steps::before{content:"";position:absolute;left:28px;right:28px;top:27px;height:2px;background:linear-gradient(90deg,var(--sb-gold),var(--sb-accent));transform-origin:left;transform:scaleX(clamp(0, calc(var(--p,1) * 2.4 - .6), 1))}
.ohx-steps li{position:relative}
.ohx-steps .no{position:relative;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--sb-gold);font:800 17px var(--oh-lat);color:var(--sb-dark);box-shadow:0 0 0 6px #fff,var(--oh-sh);transition:transform .4s var(--oh-ease),background .3s,color .3s}
.ohx-steps li:nth-child(odd) .no{background:var(--sb-dark);border-color:var(--sb-dark);color:#fff}
.ohx-steps li:hover .no{transform:scale(1.1) rotate(-8deg);background:var(--sb-gold);border-color:var(--sb-gold);color:#141210}
.ohx-steps b{display:block;margin-top:16px;font-size:18px;font-weight:900;color:var(--sb-dark)}
.ohx-steps p{margin:6px 0 0;font-size:14.5px;line-height:1.7;color:var(--oh-text)}
/* 카드 */
.ohx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin:0;padding:0;list-style:none}
.ohx-cards.c1{grid-template-columns:1fr}.ohx-cards.c2{grid-template-columns:repeat(2,1fr)}.ohx-cards.c3{grid-template-columns:repeat(3,1fr)}.ohx-cards.c4{grid-template-columns:repeat(4,1fr)}
.ohx-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:20px;background:#fff;border:1px solid var(--oh-line);box-shadow:0 8px 22px rgba(11,11,12,.06);transition:transform .4s var(--oh-ease),box-shadow .4s}
.ohx-card:hover{transform:translateY(-5px);box-shadow:var(--oh-sh2)}
.ohx-card .ph{aspect-ratio:4/3;background:var(--sb-cream)}
.ohx-card .tx{padding:18px 18px 20px}
.ohx-card .tx::before{content:"";display:block;width:26px;height:3px;margin:0 0 12px;border-radius:3px;background:var(--sb-gold);transition:width .4s var(--oh-ease)}
.ohx-card:hover .tx::before{width:52px}
.ohx-card .tg{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--sb-mint);color:var(--sb-house);font:700 11.5px/1.5 var(--oh-lat);letter-spacing:.06em}
.ohx-card b{display:block;margin-top:8px;font-size:17px;font-weight:900;line-height:1.4;color:var(--sb-dark)}
.ohx-card p{margin:6px 0 0;font-size:14px;line-height:1.7;color:var(--oh-text)}
.ohx-card p a{color:var(--sb-house);font-weight:700}
.ohx-cards.sm .tx{padding:14px 14px 16px}.ohx-cards.sm b{font-size:15.5px;margin-top:0}.ohx-cards.sm p{font-size:13px}.ohx-cards.sm .tx::before{margin-bottom:10px}
.ohx-cards.dark .ohx-card{background:linear-gradient(160deg,var(--sb-dark),#1C1B1A);border-color:transparent}
.ohx-cards.dark b{color:#fff}.ohx-cards.dark p{color:#C8C5BE}.ohx-cards.dark .tg{background:rgba(201,164,92,.2);color:#E3CC98}
.ohx-cards.wings .ohx-card{padding-top:8px}
.ohx-cards.wings .ohx-card::after{content:"";position:absolute;right:-40px;bottom:-40px;width:150px;height:150px;border-radius:50% 0 50% 50%;background:var(--sb-mint);rotate:calc(var(--p,.5) * 40deg - 20deg);z-index:0}
.ohx-cards.wings .tx{position:relative;z-index:1}
.ohx-cards.wings b{font-size:22px}
/* 사진 묶음 */
.ohx-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none}
.ohx-gal li{overflow:hidden;border-radius:18px;aspect-ratio:500/290;box-shadow:0 8px 20px rgba(11,11,12,.08)}
.ohx-gal .oh-zoom{height:100%}
.ohx-gal.bento li:first-child{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.ohx-gal.bento li:nth-child(7):last-child{grid-column:span 3;aspect-ratio:auto;height:260px}
.ohx-gal.bento li:nth-child(7):last-child img{object-position:center 35%}
.ohx-gal.b4{grid-template-columns:repeat(2,1fr)}
.ohx-gal.b4 li:first-child{grid-column:auto;grid-row:auto;aspect-ratio:500/290}
/* 숫자 */
.ohx-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 56px;padding:0;list-style:none}
.ohx-stats li{position:relative;overflow:hidden;padding:22px 18px 20px;border-radius:20px;background:linear-gradient(150deg,var(--sb-dark),#1C1B1A);color:#fff}
.ohx-stats li::after{content:"";position:absolute;right:-26px;top:-26px;width:90px;height:90px;border-radius:50%;border:14px solid rgba(201,164,92,.16)}
.ohx .ohx-stats b{display:flex;align-items:baseline;gap:3px;font:800 40px/1 var(--oh-lat);color:#fff;font-variant-numeric:tabular-nums}
.ohx .ohx-stats small{font:700 15px var(--oh-font);color:var(--sb-gold)}
.ohx .ohx-stats li>span{display:block;margin-top:10px;font-size:13px;line-height:1.5;color:#C8C5BE}
/* 짙은 띠 */
.ohx-band{position:relative;overflow:hidden;isolation:isolate;margin:0 0 56px;padding:38px 36px;border-radius:26px;background:linear-gradient(135deg,var(--sb-dark) 0,#1C1B1A 60%,#141414 100%);color:#ECE8E0}
.ohx-band .ohx-en{color:var(--sb-gold)}
.ohx-band h4{margin:8px 0 0;font-size:26px;font-weight:900;letter-spacing:-.02em;color:#fff}
.ohx-band p{margin:10px 0 0;font-size:15.5px;line-height:1.8;color:#C8C5BE}
.ohx-band a{color:#fff}
.ohx-band .sh{position:absolute;z-index:-1;border-radius:50%}
.ohx-band .s1{width:260px;height:260px;right:-80px;top:-90px;border:40px solid rgba(201,164,92,.16);translate:0 calc((var(--p,.5) - .5) * -140px)}
.ohx-band .s2{width:130px;height:130px;left:42%;bottom:-80px;background:rgba(201,164,92,.35);translate:calc((var(--p,.5) - .5) * 200px) 0}
.ohx-dl{display:grid;grid-template-columns:auto 1fr;gap:9px 18px;margin:18px 0 0;font-size:14.5px;line-height:1.6}
.ohx-dl dt{color:var(--sb-gold);font-weight:700;white-space:nowrap}.ohx-dl dd{margin:0;color:#ECE8E0}
.ohx-links{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}
.ohx-links a{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border-radius:999px;border:1px solid rgba(236,232,224,.35);color:#fff;font-size:13.5px;font-weight:700;text-decoration:none;transition:background .25s,color .25s,border-color .25s,transform .25s}
.ohx-links a i{font-style:normal;transition:transform .25s}
.ohx-links a:hover{background:var(--sb-gold);border-color:var(--sb-gold);color:var(--sb-dark);transform:translateY(-2px)}
.ohx-links a:hover i{transform:translate(2px,-2px)}
.ohx-sec .ohx-links a{color:var(--sb-dark);border-color:var(--oh-line);background:#fff}
/* 연혁 */
.ohx-tl{position:relative;margin:0;padding:0 0 0 30px;list-style:none}
.ohx-tl::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--sb-gold),var(--sb-accent));transform-origin:top;transform:scaleY(clamp(0, calc(var(--p,1) * 2.2 - .4), 1))}
.ohx-tl li{position:relative;display:grid;grid-template-columns:96px 1fr;gap:16px;padding:0 0 28px}
.ohx-tl li::before{content:"";position:absolute;left:-29px;top:6px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--sb-gold)}
.ohx-tl b{font:800 22px/1.2 var(--oh-lat);color:var(--sb-dark)}
.ohx-tl p{margin:0;font-size:15px;line-height:1.7;color:var(--oh-text)}
.ohx-tl .oh-zoom{margin-top:12px;max-width:440px;aspect-ratio:16/10;border-radius:16px}
.ohx-press{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.ohx-press li{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:#fff;border:1px solid var(--oh-line);transition:transform .3s var(--oh-ease),box-shadow .3s}
.ohx-press li:hover{transform:translateX(6px);box-shadow:var(--oh-sh)}
.ohx-press time{flex:none;padding:4px 10px;border-radius:999px;background:var(--sb-mint);color:var(--sb-house);font:700 12.5px var(--oh-lat)}
.ohx-press b{font-size:15px;color:var(--sb-dark)}
.ohx-cat{margin:0 0 30px}
.ohx-cat h5{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:17px;font-weight:900;color:var(--sb-dark)}
.ohx-cat h5 em{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--sb-gold);color:#141210;font:800 13px var(--oh-lat);font-style:normal}
.ohx-cat h5::after{content:"";flex:1;height:1px;background:var(--oh-line)}
.ohx-orig{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.ohx-orig .organlist{float:none;width:auto;margin:0;padding:18px;border-radius:20px;background:#fff;border:1px solid var(--oh-line)}
.ohx-orig .organlist p.organ_txt{float:none;font-size:15px;line-height:1.7;color:var(--oh-text)}
.ohx-orig .organlist p.organ_txt b{color:var(--sb-house)}
.ohx-orig .organlist .organimg,.ohx-orig .organlist ul{float:none;display:block;margin-top:14px}
.ohx-orig .organlist ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;list-style:none}
.ohx-orig .organlist ul li{float:none;width:auto;margin:0}
.ohx-orig .organlist img{width:100%;height:auto}
/* 둘로 나눈 칸 */
.ohx-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:center}
.ohx-split.rev{grid-template-columns:1.2fr .8fr}
.ohx figure{margin:0}
.ohx figcaption{margin-top:8px;font-size:12px;color:var(--oh-grey);text-align:center}
.ohx-split figure img{display:block;width:100%;height:auto;border-radius:18px}
.ohx-tall .oh-zoom{aspect-ratio:340/410;border-radius:24px;box-shadow:var(--oh-sh2)}
.ohx-wide .oh-zoom{aspect-ratio:905/510;border-radius:24px;box-shadow:var(--oh-sh2)}
.ohx-ph2{display:grid;gap:12px}
.ohx-ph2 .oh-zoom{aspect-ratio:16/10;border-radius:18px}
.ohx-quote{position:relative;margin:0;padding:22px 24px 22px 28px;border-radius:18px;background:var(--sb-cream);border-left:4px solid var(--sb-gold);font-size:15.5px;line-height:1.85;color:var(--oh-text)}
.ohx-quote b{color:var(--sb-house)}
.ohx-src{clear:both;margin:12px 0 0;font-size:12.5px;line-height:1.6;color:var(--oh-grey)}
.ohx-note{margin:24px 0 0;padding:14px 18px;border-radius:14px;background:var(--sb-mint);font-size:14.5px;line-height:1.7;color:var(--oh-text);text-align:center}
.ohx-note b{color:var(--sb-dark)}
.ohx-flow{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 34px;margin:28px 0 0;padding:0;list-style:none}
.ohx-flow li{position:relative;padding:10px 20px;border-radius:999px;background:var(--sb-dark);color:#fff;font-size:15px;font-weight:700}
.ohx-flow li:last-child{background:var(--sb-gold);color:var(--sb-dark)}
.ohx-flow li+li::before{content:"→";position:absolute;left:-26px;top:50%;translate:0 -50%;color:var(--sb-gold);font-weight:900}
.ohx-contact{padding:26px 28px;border-radius:22px;background:var(--sb-cream);border:1px dashed var(--sb-gold)}
.ohx-contact .page_title{font-size:18px!important;line-height:1.7}
.ohx-contact .page_txt{margin-top:8px;font-size:15px!important;line-height:1.7!important}
.ohx-contact .oh-private{margin:16px 0 0;background:#fff}
/* 두날개 6단계 육각 고리 */
.ohx-hex{position:relative;max-width:640px;aspect-ratio:1;margin:6px auto 0}
.ohx-hex .ring{position:absolute;inset:6%;width:88%;height:88%;rotate:calc(var(--p,.5) * 140deg - 70deg)}
.ohx-hex .ring circle{fill:none;stroke:#E2D8C4;stroke-width:9;stroke-dasharray:1;stroke-dashoffset:clamp(0, calc(1.3 - var(--p,1) * 2.2), 1)}
.ohx-hex .core{position:absolute;left:50%;top:50%;width:30%;aspect-ratio:1;translate:-50% -50%;display:grid;place-content:center;gap:2px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#1C1B1A,var(--sb-dark));color:#fff;text-align:center;box-shadow:var(--oh-sh2)}
.ohx-hex .core span{font-size:14px;font-weight:700;color:var(--sb-gold)}
.ohx-hex .core b{font-size:clamp(15px,2vw,21px);font-weight:900}
.ohx-hex ol{margin:0;padding:0;list-style:none}
.ohx-hex li{position:absolute;width:29%;translate:-50% -50%;text-align:center}
.ohx-hex li.n1{left:50%;top:87%}.ohx-hex li.n2{left:83%;top:68.5%}.ohx-hex li.n3{left:83%;top:31.5%}
.ohx-hex li.n4{left:50%;top:13%}.ohx-hex li.n5{left:17%;top:31.5%}.ohx-hex li.n6{left:17%;top:68.5%}
.ohx-hex .no{display:grid;place-items:center;width:58px;height:58px;margin:0 auto;border-radius:50%;background:var(--c);color:#fff;font:800 22px var(--oh-lat);box-shadow:0 10px 22px rgba(11,11,12,.22),0 0 0 5px #fff;transition:transform .4s var(--oh-ease)}
.ohx-hex li:hover .no{transform:scale(1.12) rotate(-10deg)}
.ohx-hex li b{display:block;margin-top:8px;font-size:16px;font-weight:900;color:var(--sb-dark)}
.ohx-hex li em{display:block;margin-top:3px;font-style:normal;font-size:11.5px;line-height:1.45;color:var(--oh-grey)}
.ohx-hex li p{display:none}
.ohx-hex .n1{--c:#7D6234}.ohx-hex .n2{--c:#B38F4E}.ohx-hex .n3{--c:#7D6234}.ohx-hex .n4{--c:#0B0B0C}.ohx-hex .n5{--c:#141414}.ohx-hex .n6{--c:#6E5630}
@media (max-width:900px){
  .ohx-cards.c4{grid-template-columns:repeat(2,1fr)}
  .ohx-split,.ohx-split.rev{grid-template-columns:1fr;gap:24px}
  .ohx-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:767px){
  .ohx-lead{padding-bottom:28px;margin-bottom:32px}.ohx-p{font-size:15.5px}
  .ohx-chips{grid-template-columns:1fr 1fr;gap:8px}.ohx-chips li{padding:12px}.ohx-chips b{font-size:14px}.ohx-chips span{font-size:12px}
  .ohx-sec{margin-bottom:44px}
  .ohx-steps,.ohx-steps.s4{grid-template-columns:1fr;gap:18px}
  .ohx-steps::before{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto;background:linear-gradient(var(--sb-gold),var(--sb-accent));transform-origin:top;transform:scaleY(clamp(0, calc(var(--p,1) * 2.2 - .5), 1))}
  .ohx-steps li{padding-left:76px;min-height:56px}.ohx-steps .no{position:absolute;left:0;top:0}.ohx-steps b{margin-top:4px}
  .ohx-cards.c2,.ohx-cards.c3{grid-template-columns:1fr}
  .ohx-cards.c4{grid-template-columns:1fr 1fr;gap:10px}
  .ohx-cards.c4:not(.sm) .tx{padding:14px}.ohx-cards.c4 b{font-size:15px}.ohx-cards.c4 p{font-size:12.5px}
  .ohx-gal{grid-template-columns:1fr 1fr;gap:8px}.ohx-gal li{border-radius:14px}
  .ohx-gal.bento li:first-child{grid-row:auto}
  .ohx-gal.bento li:nth-child(7):last-child{grid-column:auto;height:auto;aspect-ratio:500/290}
  .ohx-stats{gap:8px}.ohx-stats li{padding:18px 14px}.ohx .ohx-stats b{font-size:30px}
  .ohx-band{padding:28px 20px;border-radius:22px}.ohx-band h4{font-size:21px}
  .ohx-dl{grid-template-columns:1fr;gap:2px}.ohx-dl dd{margin-bottom:8px}
  .ohx-tl li{grid-template-columns:1fr;gap:4px}
  .ohx-press li{flex-direction:column;align-items:flex-start;gap:6px}
  .ohx-orig{grid-template-columns:1fr}
  .ohx-flow{gap:10px 28px}.ohx-flow li{font-size:13.5px;padding:8px 14px}
  .ohx-contact{padding:20px 16px}
  /* 육각 고리 → 세로 목록 */
  .ohx-hex{aspect-ratio:auto;max-width:none}
  .ohx-hex .ring{display:none}
  .ohx-hex .core{position:relative;left:auto;top:auto;translate:none;width:132px;margin:0 auto 18px}
  .ohx-hex ol{position:relative;display:grid;gap:12px}
  .ohx-hex ol::before{content:"";position:absolute;left:28px;top:20px;bottom:20px;width:2px;background:var(--sb-mint)}
  .ohx-hex li{position:relative;left:auto!important;top:auto!important;translate:none;width:auto;display:grid;grid-template-columns:58px 1fr;gap:2px 14px;text-align:left}
  .ohx-hex .no{grid-row:1/4;margin:0}.ohx-hex li b{margin-top:2px}.ohx-hex li p{display:block;margin:2px 0 0;font-size:13px;line-height:1.6;color:var(--oh-text)}
}

/* ── 행사일정: 전광판 · 날짜 창 · 더 많은 움직임 ───────────────────── */
.oh-board{margin:0 0 18px;padding:18px 18px 16px;border-radius:22px;background:radial-gradient(ellipse at 20% 0,#1C1B1A,var(--sb-dark) 70%);color:#ECE8E0;box-shadow:var(--oh-sh2)}
html:not(.oh-js) .oh-board{display:none}
.oh-board .bt{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;font-weight:700}
.oh-board .bm{color:var(--sb-gold)}
.oh-board .dot{width:8px;height:8px;border-radius:50%;background:#e25b4a;animation:ohLive 1.6s ease-out infinite}
@keyframes ohLive{0%{box-shadow:0 0 0 0 rgba(226,91,74,.6)}100%{box-shadow:0 0 0 10px rgba(226,91,74,0)}}
.oh-board ul{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:0;padding:0;list-style:none}
.oh-board li{padding:12px 6px 10px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-top:3px solid var(--c,var(--sb-gold));text-align:center}
.oh-board li.up{--c:#e25b4a}
.oh-board .odo{display:inline-flex;height:1em;overflow:hidden;font:800 34px/1 var(--oh-lat);color:#fff;font-variant-numeric:tabular-nums}
.oh-board .dg{display:block;height:1em;overflow:hidden}
.oh-board .st{display:block;line-height:1em;transition-property:transform;transition-timing-function:cubic-bezier(.2,.8,.2,1)}
.oh-board li>span{display:block;margin-top:6px;font-size:11.5px;color:#A5A29C;word-break:keep-all}
.oh-month .grid li[data-d]{cursor:pointer}
.oh-month .grid li[data-d]:focus-visible{outline:2px solid var(--sb-gold);outline-offset:2px}
.oh-month .grid li[data-d]:active{transform:scale(.96)}
.oh-month.in.fwd .grid li{animation-name:ohCellF}.oh-month.in.bwd .grid li{animation-name:ohCellB}
@keyframes ohCellF{from{opacity:0;transform:translateX(22px) scale(.92)}to{opacity:1;transform:none}}
@keyframes ohCellB{from{opacity:0;transform:translateX(-22px) scale(.92)}to{opacity:1;transform:none}}
.oh-month.in .ev{animation:ohEv .55s cubic-bezier(.3,1.6,.5,1) both;animation-delay:calc(var(--i) * 14ms + .3s)}
@keyframes ohEv{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}
.oh-dov{position:fixed;inset:0;z-index:2147483646;display:flex;align-items:center;justify-content:center;padding:20px;font-family:var(--oh-font)}
.oh-dov[hidden]{display:none}
.oh-dov .bg{position:absolute;inset:0;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.oh-dov .pn{position:relative;width:min(440px,100%);max-height:86vh;overflow:auto;padding:30px 24px 20px;border-radius:28px;background:var(--sb-cream);box-shadow:0 30px 80px rgba(0,0,0,.4)}
.oh-dov .x{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:var(--sb-dark);font-size:24px;line-height:1;cursor:pointer}
.oh-dov .dw{margin:0;font:700 12px var(--oh-lat);letter-spacing:.16em;color:var(--sb-accent)}
.oh-dov h3{margin:6px 0 16px;font-size:34px;font-weight:900;letter-spacing:-.03em;color:var(--sb-dark)}
.oh-dov .evs{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.oh-dov .evs li{display:grid;grid-template-columns:1fr;gap:4px;padding:14px 16px;border-radius:16px;background:#fff;border-left:5px solid var(--c,var(--sb-gold));animation:ohEvIn .5s var(--oh-ease) both;animation-delay:calc(.2s + var(--d,0) * 80ms)}
@keyframes ohEvIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.oh-dov .th{--c:#7D6234}.oh-dov .ed{--c:#C9A45C}.oh-dov .fm{--c:#0B0B0C}.oh-dov .ot{--c:#67635D}.oh-dov .hol{--c:#d4574a}
.oh-dov .evs i{justify-self:start;padding:2px 9px;border-radius:999px;background:var(--c);color:#fff;font-size:11px;font-weight:700;font-style:normal}
.oh-dov .evs b{font-size:16px;color:var(--sb-dark);word-break:keep-all}
.oh-dov .evs a{justify-self:start;font-size:12.5px;font-weight:700;color:var(--sb-house)}
.oh-dov .evs .none{border-left-color:var(--oh-line);color:var(--oh-grey)}
.oh-dov .ft{margin:14px 0 0;font-size:11.5px;color:var(--oh-grey);text-align:center}
@media (max-width:767px){.oh-board ul{grid-template-columns:repeat(3,1fr);gap:6px}.oh-board .odo{font-size:28px}.oh-dov h3{font-size:28px}}

/* ═══════════ 메뉴 페이지 (원본 페이지 사본 — 모양만 테마로) ═══════════ */
.oh-sub .subvisual_box{position:relative;height:280px;margin-top:75px}
.oh-sub .subvisual_box::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(11,11,12,.88) 0,rgba(20,20,20,.55) 55%,rgba(201,164,92,.35) 100%)}
.oh-sub .subtitle_area{position:relative}
.oh-sub .subpage_maintxt{padding-top:100px;font-size:30px;font-weight:900;letter-spacing:-.03em;line-height:1.35;text-shadow:none;word-break:keep-all}
.oh-sub .subpage_subtxt{color:var(--sb-light);font-size:17px;line-height:1.5;text-shadow:none;word-break:keep-all}
.oh-sub .contentbox{margin:60px 0}
.oh-sub .subtop_titlebox{height:auto;padding:28px 0;border-radius:22px 22px 0 0;background:linear-gradient(150deg,#0B0B0C,#141414)}
.oh-sub .subtop_titletxt li{line-height:1.3;font-size:24px;font-weight:900;color:#fff;letter-spacing:-.02em}
.oh-sub .subtop_titletxt li::after{content:"";display:block;width:30px;height:3px;margin:10px auto 0;border-radius:3px;background:var(--sb-gold)}
.oh-sub .leftmenu_all{border:1px solid var(--oh-line);border-top:0;border-radius:0 0 22px 22px;overflow:hidden;background:#fff}
.oh-sub .leftmenu_all li{border-bottom:1px solid #ECE8E0}
.oh-sub .leftmenu_all li:last-child{border-bottom:0}
.oh-sub .leftmenu_all li a{color:var(--oh-text);background-image:none!important;position:relative;transition:color .25s,background-color .25s,padding .25s}
.oh-sub .leftmenu_all li a::after{content:"›";position:absolute;right:20px;top:0;color:var(--oh-grey);font-size:18px}
.oh-sub .leftmenu_all li a:hover{color:var(--sb-house);background-color:var(--sb-mint);padding-left:10%}
.oh-sub .leftmenu_all li.active a{color:var(--sb-house);font-weight:700;background-color:var(--sb-mint)}
.oh-sub .leftmenu_all li.active a::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:4px;border-radius:0 4px 4px 0;background:var(--sb-gold)}
.oh-sub .smntabbtn{display:flex;flex-wrap:wrap;gap:6px}
.oh-sub .smntab_mn1{float:none;flex:1 1 auto;width:auto}
.oh-sub .smntab_mn1 a{border-radius:999px;border:1px solid var(--oh-line);color:var(--oh-text);font-weight:500;white-space:nowrap;padding:0 12px}
.oh-sub .smntab_active a{background:var(--sb-dark);border-color:var(--sb-dark);color:#fff}
.oh-sub .sub_titlebar_area{border-bottom:0;position:relative}
.oh-sub .sub_titlebar_area::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,var(--sb-gold),var(--oh-line) 30%)}
.oh-sub .sub_titlebar_txt{font-weight:900;color:var(--sb-dark);letter-spacing:-.03em}
.oh-sub .sub_gnbnavi,.oh-sub .gnbnavi_txt{color:var(--oh-grey)}
.oh-sub .gnbnavi_active{color:var(--sb-house);font-weight:700}
.oh-sub .page_title{color:var(--sb-house)!important;font-weight:500!important;letter-spacing:-.02em}
.oh-sub .page_title b{color:var(--sb-dark)}
.oh-sub .page_con,.oh-sub .page_con2,.oh-sub .page_txt{line-height:1.9;color:var(--oh-text)}
.oh-sub .sub_contitleimg img,.oh-sub .subpage_con img{border-radius:18px;max-width:100%;height:auto}
.oh-sub .subpage_con table img{border-radius:10px}
.oh-sub .greeting_end .endtxt2{color:var(--sb-dark)}
@media (max-width:767px){
  .oh-sub .subvisual_box{height:190px}
  .oh-sub .subpage_maintxt{padding-top:58px;font-size:20px}
  .oh-sub .subpage_subtxt{font-size:13.5px;width:90%}
  .oh-sub .contentbox{margin:0;padding:24px 4%}
  .oh-sub .smntabbtn{gap:5px}
  .oh-sub .smntab_mn1 a{height:36px;line-height:34px;font-size:13px!important}
  .oh-sub .sub_titlebar_txt{font-size:24px}
}
/* 게시판 목록 (교회소식 · Q&A · 설교 등) */
.oh-sub .wowweb_board.board_list{border-collapse:separate;border-spacing:0 6px;width:100%}
.oh-sub .wowweb_board.board_list thead td{background:var(--sb-dark)!important;color:#fff;border:0!important;height:46px}
.oh-sub .wowweb_board.board_list thead td font{color:#fff!important;font-size:13px!important;font-weight:700}
.oh-sub .wowweb_board.board_list thead td:first-child{border-radius:14px 0 0 14px}
.oh-sub .wowweb_board.board_list thead td:last-child{border-radius:0 14px 14px 0}
.oh-sub .wowweb_board.board_list tbody tr,.oh-sub .wowweb_board.board_list>tr{background:#fff;box-shadow:0 2px 0 #ECE8E0;transition:background .25s,box-shadow .25s,transform .25s}
.oh-sub .wowweb_board.board_list tbody tr:hover{background:var(--sb-mint);box-shadow:0 10px 22px rgba(11,11,12,.1);transform:translateY(-2px)}
.oh-sub .wowweb_board.board_list td{border:0!important;padding:13px 8px!important}
.oh-sub .wowweb_board.board_list .bbsnewf5 a{color:var(--oh-ink);font-weight:500}
.oh-sub .wowweb_board.board_list tr:hover .bbsnewf5 a{color:var(--sb-house)}
.oh-sub .wowweb_board.board_list .bbsetc_dateof_write{font-family:var(--oh-lat);color:var(--oh-grey);font-size:13px}
.oh-sub .wowweb_board.board_list .bbsno{font-family:var(--oh-lat);color:var(--sb-accent);font-weight:700}
.oh-bcount{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 14px;padding:16px 22px;border-radius:20px;background:var(--sb-cream);font-family:var(--oh-font)}
.oh-bcount .t{font-size:17px;font-weight:900;color:var(--sb-dark)}
.oh-bcount .n{font-size:14px;color:var(--oh-text)}.oh-bcount b{font-size:22px;margin:0 2px}
.oh-p-community-s01 .oh-dash{margin-bottom:40px}
.oh-p-community-s01 .oh-dash .oh-head h2{font-size:28px}
.oh-p-community-s01 .oh-dash-g{grid-template-columns:1fr}
@media (min-width:1100px){.oh-p-community-s01 .oh-dash-g{grid-template-columns:1fr 1fr}}
.oh-private{margin:20px 0;padding:18px 22px;border-radius:18px;background:var(--sb-cream);border:1px dashed var(--sb-gold);font-size:15px;line-height:1.7;color:var(--oh-text);word-break:keep-all}
.oh-private a{color:var(--sb-house);font-weight:700}
/* 웹진형(설교 목록) */
.oh-sub .webzine_type2{border-radius:18px;overflow:hidden;transition:background .25s,box-shadow .25s}
.oh-sub .webzine_type2:hover{background:var(--sb-mint);box-shadow:0 10px 22px rgba(11,11,12,.08)}
.oh-sub .webzine_type_img img{border-radius:12px}

/* ── 행사일정 달력 ──────────────────────────────────────────── */
.oh-cal{font-family:var(--oh-font);margin:0 0 20px}
.oh-cal .oh-head{margin-bottom:20px}
.oh-cal .oh-head h2{font-size:28px}
.oh-cal .bar{display:none;align-items:center;justify-content:center;gap:12px;margin:0 0 12px}
.oh-cal.js .bar{display:flex}
.oh-cal .now{min-width:150px;text-align:center;font-size:22px;font-weight:900;color:var(--sb-dark);letter-spacing:-.02em}
.oh-cal .nav{width:42px;height:42px;border-radius:50%;border:1px solid var(--oh-line);background:#fff;color:var(--sb-dark);font-size:26px;line-height:1;cursor:pointer;transition:background .25s,color .25s,opacity .25s}
.oh-cal .nav:hover:not(:disabled){background:var(--sb-dark);color:#fff}
.oh-cal button:disabled{opacity:.3;cursor:default}
.oh-cal .today{height:36px;padding:0 14px;border-radius:999px;border:0;background:var(--sb-gold);color:#141210;font:700 13px var(--oh-font);cursor:pointer}
.oh-cal .key{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:0 0 16px;padding:0;list-style:none;font-size:12.5px;color:var(--oh-text)}
.oh-cal .key li::before{content:"";display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;vertical-align:-1px;background:var(--c)}
.oh-cal .th{--c:#7D6234}.oh-cal .ed{--c:#C9A45C}.oh-cal .fm{--c:#0B0B0C}.oh-cal .ot{--c:#67635D}.oh-cal .key .hol{--c:#d4574a}
.oh-month{margin:0 0 30px}
.oh-cal.js .oh-month[hidden]{display:none}
.oh-cal.js .oh-month .mt{display:none}
.oh-month .mt{font-size:22px;font-weight:900;color:var(--sb-dark);margin:0 0 10px}.oh-month .mt small{font-size:14px;margin:0 4px 0 1px;color:var(--oh-grey)}
.oh-month .wk,.oh-month .grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none}
.oh-month .wk{margin-bottom:6px}
.oh-month .wk li{text-align:center;padding:9px 0;border-radius:12px;background:var(--sb-dark);color:#fff;font-size:13px;font-weight:700}
.oh-month .wk li.sun{background:#8a3b33}.oh-month .wk li.sat{background:#141414}
.oh-month .grid li{position:relative;min-height:104px;padding:8px 7px;border-radius:14px;background:#fff;border:1px solid var(--oh-line);display:flex;flex-direction:column;gap:4px;min-width:0;transition:transform .25s,box-shadow .25s}
.oh-month .grid li.x{background:transparent;border:0}
.oh-month .grid li.has{background:#FBFAF7}
.oh-month .grid li:not(.x):hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(11,11,12,.1)}
.oh-month .dn{font-family:var(--oh-lat);font-size:15px;font-weight:800;color:var(--sb-dark)}
.oh-month li.sun .dn,.oh-month li.red .dn{color:#c2463a}.oh-month li.sat .dn{color:var(--sb-house)}
.oh-month .hol{font-size:11px;color:#c2463a;font-weight:500;line-height:1.3;word-break:keep-all}
.oh-dov .ed i{color:#141210}
.oh-month .ev{display:block;padding:3px 7px;border-radius:8px;background:var(--c);color:#fff;font-size:11.5px;font-weight:500;line-height:1.4;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:filter .2s}
.oh-month .ev.ed{color:#141210}
.oh-month .ev:hover{filter:brightness(1.12)}
.oh-month li.today{border:2px solid var(--sb-gold);box-shadow:0 0 0 4px rgba(201,164,92,.18)}
.oh-month li.today .dn::after{content:"오늘";margin-left:5px;padding:1px 6px;border-radius:999px;background:var(--sb-gold);color:#141210;font:700 10px/1.6 var(--oh-font);vertical-align:2px}
.oh-month .ag{margin-top:18px;padding:18px 20px;border-radius:20px;background:var(--sb-cream)}
.oh-month .ag h4{font-size:16px;font-weight:900;color:var(--sb-dark);margin:0 0 8px}
.oh-month .ag ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px 18px}
.oh-month .ag li{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px dashed #E2DDD3;font-size:14px;color:var(--oh-ink)}
.oh-month .ag .dt{flex:0 0 52px;display:flex;align-items:baseline;gap:3px;font-size:12px;color:var(--oh-grey)}
.oh-month .ag .dt b{font-family:var(--oh-lat);font-size:17px;color:var(--sb-dark)}
.oh-month .ag li::before{content:"";flex:0 0 8px;height:8px;border-radius:50%;background:var(--c,#c2463a)}
.oh-month .ag li.hol{--c:#d4574a;color:#a23c31}
.oh-month .ag li.none::before{display:none}
.oh-month.in .grid li{animation:ohCell .5s var(--oh-ease) both;animation-delay:calc(var(--i)*14ms)}
@keyframes ohCell{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}
.oh-month li.today{animation:ohToday 2.4s ease-in-out infinite!important}
@keyframes ohToday{0%,100%{box-shadow:0 0 0 4px rgba(201,164,92,.18)}50%{box-shadow:0 0 0 8px rgba(201,164,92,.05)}}
.oh-cal .src{margin-top:6px;font-size:12.5px;color:var(--oh-grey);text-align:center;word-break:keep-all}
@media (max-width:767px){
  .oh-month .wk,.oh-month .grid{gap:3px}
  .oh-month .wk li{font-size:11.5px;padding:7px 0;border-radius:8px}
  .oh-month .grid li{min-height:54px;padding:5px 3px;border-radius:9px;align-items:center;gap:3px}
  .oh-month .dn{font-size:13px}
  .oh-month .hol{display:none}
  .oh-month .ev{width:8px;height:8px;padding:0;border-radius:50%;font-size:0;display:inline-block}
  .oh-month li.today .dn::after{display:none}
  .oh-month .ag{padding:14px 14px}
  .oh-month .ag ul{grid-template-columns:1fr}
  .oh-cal .now{font-size:18px;min-width:120px}
}

@media (prefers-reduced-motion:reduce){
  html.oh-js .oh-denom .word,html.oh-js .oh-denom .say{opacity:1;transform:none;filter:none}
  .oh-denom .mark,.oh-denom .word,.oh-denom .say,.oh-visit .route,.oh-visit .pin,.oh-visit .pulse,.oh-month li.today,.oh-month.in .grid li,.oh-cd .card.flip,#drawer.opened #slide_categorymenu>ul>li,.oh-sheet-in{animation:none!important}
  .oh-visit .plate,#drawer{transition:none}
  html.oh-js .oh-ig .igc,html.oh-js .oh-ig .ic,html.oh-js .oh-ig .ph,html.oh-js .oh-globe .gl li{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}
  html.oh-js .oh-ig svg *{stroke-dashoffset:0!important;transition:none!important}
  .oh-dcard .page{animation:none!important}
  .oh-month.in .ev,.oh-month.in.fwd .grid li,.oh-month.in.bwd .grid li,.oh-board .dot,.oh-dov .evs li{animation:none!important}
  .oh-decos{display:none}
  .oh-head .en,.oh-head h2,.oh-intro h2,.oh-cards .bann_thumb,.oh-sub .subtitle_area,.ohx-lead .ohx-en,.ohx-lead h3,.ohx-t .ohx-en,.ohx-band .sh,.ohx-hex .ring{translate:none!important;rotate:none!important}
  .oh-zoom img,.religious_img img,.serve_thumb li img,.ministry_imgarea li img,.organlist img{scale:none!important}
}

/* ═══════════ 4차 새 기능 (2026-10-02 시안 A·B·B-2·C) — nw-* ═══════════
   메뉴 7칸 + 처음 오셨나요? · 오늘의 말씀 띠 · 이번 주 호산나 · 마음 나눔함 띠 · 3D 오시는 길 · 새 페이지 · 쿠키 동의 창
   움직임은 html.oh-mo(동작 허용 + JS) 일 때만 숨겼다 보여 준다. 동작 줄이기면 아래 맨 끝에서 모두 멈춘다. */
.nw-gold{color:#7D6234!important}
/* hidden 속성은 늘 숨김 (아래 display 규칙이 이기지 않게) — JS 가 필요한 버튼·탭은 JS 가 켤 때만 보인다 */
.nw [hidden],.nw-word [hidden],.nw-tw [hidden],.nw-r3d [hidden],.oh-consent[hidden],.nw-viewer [hidden]{display:none!important}
/* ── 머리: 메뉴 7칸이 1024·1280 에서 한 줄에 들어가게 (원본은 칸마다 140px 고정) ── */
@media (min-width:1024px){
  .gnb>li{position:relative}
  .gnb>li>a,.gnb>li:nth-of-type(3)>a{position:relative;width:auto;padding:0 clamp(8px,1.05vw,19px);font-size:clamp(14px,1.28vw,17px);white-space:nowrap}
  .gnb>li>a::after{content:"";position:absolute;left:28%;right:28%;bottom:0;height:3px;border-radius:3px;background:var(--sb-gold);transform:scaleX(0);transition:transform .35s var(--oh-ease)}
  .gnb>li:hover>a::after{transform:scaleX(1)}
  .gnb .sub_wrap{position:absolute;left:50%;top:100%;translate:-50% 0;min-width:100%;z-index:60}
  .gnb .submn li a,.gnb>li:nth-of-type(3) .submn li a{width:auto;min-width:150px;padding:0 18px;white-space:nowrap}
  .bars{display:none!important}
  .oh-cta{float:left;margin:21px 8px 0 4px}
  .oh-cta a{position:relative;display:block;height:30px;padding:0 14px;border-radius:999px;background:var(--sb-gold);color:#141210;font:700 12.5px/30px var(--oh-font);white-space:nowrap;text-decoration:none;box-shadow:0 6px 14px rgba(201,164,92,.35);transition:background .25s,transform .25s}
  .oh-cta a::before{content:"";position:absolute;inset:-4px;border-radius:999px;border:2px solid rgba(201,164,92,.55);animation:nwRing 2.4s ease-out infinite}
  .oh-cta a:hover{background:var(--sb-dark);transform:translateY(-1px)}
}
@media (min-width:1024px) and (max-width:1279px){.oh-cta a{padding:0 11px;font-size:12px}.oh-cta{margin-right:6px}}
/* 카카오 로그인 (2026-10-05) — 머리 작은 "로그인" 글자 / 로그인 뒤 "닉네임 님" 메뉴(details). 노란 카카오 단추는 신앙노트 칸에만 */
.oh-acct{display:none;position:relative}
@media (min-width:1024px){.oh-acct{display:block;float:left;margin:21px 2px 0 6px}}
.oh-acct .oh-login,.oh-acct-m summary{display:block;height:30px;padding:0 10px;border-radius:999px;font:700 12.5px/30px var(--oh-font);color:inherit;text-decoration:none;white-space:nowrap;cursor:pointer;opacity:.85;transition:opacity .2s,background .2s}
.oh-acct .oh-login:hover,.oh-acct-m summary:hover,.oh-acct-m[open] summary{opacity:1;background:rgba(201,164,92,.16)}
.oh-acct-m summary{list-style:none;max-width:150px;overflow:hidden;text-overflow:ellipsis}.oh-acct-m summary::-webkit-details-marker{display:none}
.oh-acct-m summary::after{content:" ▾";font-size:10px}
.oh-acct-m .mn{position:absolute;right:0;top:36px;z-index:80;min-width:150px;padding:6px;border-radius:14px;background:#fff;border:1px solid #E2DDD3;box-shadow:0 14px 30px rgba(0,0,0,.14)}
.oh-acct-m .mn a,.oh-acct-m .mn button{display:block;width:100%;padding:10px 12px;border:0;border-radius:10px;background:none;color:#141210;font:700 14px var(--oh-font);text-align:left;text-decoration:none;cursor:pointer}
.oh-acct-m .mn a:hover,.oh-acct-m .mn button:hover{background:#F1EBDD}
#drawer .oh-acct-dr{display:block;margin:-4px 14px 12px;text-align:right}
#drawer .oh-acct-dr .oh-login,#drawer .oh-acct-dr summary{display:inline-block;height:auto;padding:6px 12px;font-size:14px;line-height:1.4;color:#F1EBDD;border:1px solid rgba(241,235,221,.3)}
#drawer .oh-acct-dr .mn{top:34px}
.nw-acct{display:grid;gap:10px;margin:0 0 26px;padding:18px 20px;border-radius:16px;background:#fff;border:1px solid var(--oh-line);word-break:keep-all}
.nw-acct .out,.nw-acct .in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.nw-acct [hidden]{display:none}
.nw-acct .tx{margin:0;display:grid;gap:4px;font-size:15px;line-height:1.6}.nw-acct .tx b{color:#141210;font-size:16px}.nw-acct .tx span{color:#6B6458;font-size:13.5px}
.nw-acct .tx a{color:#7D6234;font-weight:800}
.nw-acct .in .tx{display:block}.nw-acct .sv{display:inline-block;margin-left:6px;padding:2px 10px;border-radius:999px;background:#F1EBDD;color:#5C4A2E;font-size:13px;font-weight:700}
.nw-acct .bt{display:flex;flex-wrap:wrap;gap:8px}
.nw-acct .msg{margin:0;font-size:14px;color:#7D6234}.nw-acct .msg:empty{display:none}
.nw-kakao{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px;border-radius:12px;background:#FEE500;color:rgba(0,0,0,.85)!important;font:700 15px var(--oh-font);text-decoration:none!important;white-space:nowrap;transition:filter .2s,transform .2s}
.nw-kakao svg{width:20px;height:20px;fill:#000}.nw-kakao:hover{filter:brightness(.96);transform:translateY(-1px)}
.nw-kakao:focus-visible{outline:3px solid #7D6234;outline-offset:2px}
/* 회원 로그인 페이지 · 내 정보 (카카오·구글, 2026-10-05) — 카카오 노란 단추 / 구글 흰 단추(테두리 #747775 · 4색 G) */
.nw-google{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 20px;border-radius:12px;background:#fff;border:1px solid #747775;color:#1F1F1F!important;font:700 15px var(--oh-font);text-decoration:none!important;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s}
.nw-google svg{width:20px;height:20px}.nw-google:hover{background:#F8F9FA;box-shadow:0 1px 3px rgba(60,64,67,.3);transform:translateY(-1px)}
.nw-google:focus-visible{outline:3px solid #7D6234;outline-offset:2px}
.nw-kakao.off,.nw-google.off{opacity:.55;filter:grayscale(.6);cursor:not-allowed;transform:none!important}
.nw-kakao .soon,.nw-google .soon{margin-left:6px;padding:2px 8px;border-radius:999px;background:#141210;color:#F1EBDD;font:700 11.5px var(--oh-font);font-style:normal}
.nw-kakao.go,.nw-google.go,.nw-btn.go{opacity:.7;pointer-events:none}
.nw-kakao.nope,.nw-google.nope{animation:nwNope .4s}
@keyframes nwNope{20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
.nw-login{display:grid;gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;word-break:keep-all}
@media (max-width:860px){.nw-login{grid-template-columns:1fr}}
.nw-lgbox{padding:30px 28px;border-radius:24px;background:#fff;border:1px solid var(--oh-line);box-shadow:0 18px 40px rgba(11,11,12,.08);border-top:4px solid var(--sb-gold)}
.nw-lgbox h4{margin:6px 0 14px;font-size:22px;color:#141210}
.nw-lgbox .st{margin:0 0 14px;font-size:15px;color:#5C4A2E}.nw-lgbox .st:empty{display:none}.nw-lgbox .st a{color:#7D6234;font-weight:800}
.nw-lgbt{display:grid;gap:12px}.nw-lgbt a{justify-content:center;min-height:52px;font-size:16px}
.nw-lgbox .msg,.nw-me .msg{margin:14px 0 0;font-size:14.5px;color:#7D6234;font-weight:700}.nw-lgbox .msg:empty,.nw-me .msg:empty{display:none}
.nw-me .msg.ok{color:#2F6B3A}.nw-me .msg.bad{color:#9A3B2B}
.nw-lgbox .fine{margin:18px 0 0;padding-top:14px;border-top:1px dashed var(--oh-line);font-size:13.5px;line-height:1.7;color:#6B6458}.nw-lgbox .fine a{color:#7D6234;font-weight:800}
.nw-lgben h4{margin:4px 0 14px;font-size:19px;color:#141210}
.nw-lgben ol{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px;counter-reset:b}
.nw-lgben li{position:relative;padding:16px 18px 16px 58px;border-radius:16px;background:var(--sb-cream);border:1px solid var(--oh-line);counter-increment:b;display:grid;gap:3px}
.nw-lgben li::before{content:counter(b);position:absolute;left:16px;top:16px;width:28px;height:28px;border-radius:50%;background:#141210;color:var(--sb-gold);font:800 14px/28px var(--oh-lat);text-align:center}
.nw-lgben li b{font-size:16px;color:#141210}.nw-lgben li span{font-size:14px;color:#5E5B56;line-height:1.6}
.nw-me{max-width:720px;word-break:keep-all}
.nw-me .ld{color:#6B6458}
.nw-me .out,.nw-me .in{padding:26px 24px;border-radius:22px;background:#fff;border:1px solid var(--oh-line);box-shadow:0 14px 32px rgba(11,11,12,.07)}
.nw-me .out{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}
.nw-me .out .tx{margin:0;display:grid;gap:4px}.nw-me .out .tx b{font-size:17px;color:#141210}.nw-me .out .tx span{font-size:14px;color:#6B6458}
.nw-me [hidden]{display:none!important}
.nw-me .who{display:flex;align-items:center;gap:14px;margin:0 0 20px}
.nw-me .av{flex:none;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#141210,#3a3226);color:var(--sb-gold);font:800 24px/56px var(--oh-font);text-align:center}
.nw-me .who p{margin:0;display:grid;gap:2px}.nw-me .who b{font-size:20px;color:#141210}.nw-me .who p>span{font-size:13.5px;color:#6B6458}
.nw-me h4{margin:0 0 10px;font-size:16px;color:#141210}
.nw-links{list-style:none;margin:0;padding:0;border-top:1px solid var(--oh-line)}
.nw-links li{display:flex;align-items:center;gap:12px;padding:14px 4px;border-bottom:1px solid var(--oh-line)}
.nw-links .ic{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px}.nw-links .ic svg{width:20px;height:20px}
.nw-links .ic.kakao{background:#FEE500}.nw-links .ic.kakao svg{fill:#000}.nw-links .ic.google{background:#fff;border:1px solid #DADCE0}
.nw-links b{font-size:15.5px;color:#141210;min-width:48px}
.nw-links .s{margin-left:auto;font-size:14px;color:#6B6458}.nw-links .s.on{color:#2F6B3A;font-weight:800}.nw-links .s.off{padding:2px 10px;border-radius:999px;background:#F1EBDD;color:#5C4A2E;font-weight:700}
.nw-btn.sm{min-height:38px;padding:7px 16px;font-size:14px}
.nw-me .hint{margin:12px 0 20px;font-size:13.5px;color:#6B6458;line-height:1.6}
.nw-me .bt{display:flex;flex-wrap:wrap;gap:8px}
@keyframes nwRing{0%{opacity:.9;transform:scale(.92)}80%,100%{opacity:0;transform:scale(1.18)}}
#drawer .oh-dr-cta{display:flex;justify-content:space-between;align-items:center;margin:2px 14px 12px;padding:15px 22px;border-radius:16px;background:linear-gradient(120deg,#C9A45C,#D9BC7E);color:#0B0B0C;font:800 16px var(--oh-font);text-decoration:none;box-shadow:0 10px 24px rgba(201,164,92,.35)}
#drawer .oh-dr-cta i{font-style:normal;transition:transform .3s}#drawer .oh-dr-cta:hover i{transform:translateX(4px)}
#drawer.opened #slide_categorymenu>ul>li:nth-child(7){animation-delay:.31s}#drawer.opened #slide_categorymenu>ul>li:nth-child(8){animation-delay:.36s}
#drawer.opened .oh-dr-cta{animation:ohDrIn .55s var(--oh-ease) both}

/* 빠른메뉴 6번째 칸 "처음 오셨나요?" — 한 줄에 */
.quickbann_area6 .bann_title{font-size:.84em;letter-spacing:-.05em;white-space:nowrap}

/* ── 공통 버튼 ── */
.nw-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 22px;border-radius:999px;border:1px solid transparent;font:700 15px/1.3 var(--oh-font);text-decoration:none!important;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .3s var(--oh-ease),box-shadow .3s;word-break:keep-all}
.nw-btn i{font-style:normal;transition:transform .3s}.nw-btn:hover i{transform:translateX(4px)}
.nw-btn:hover{transform:translateY(-2px)}
.nw-btn.gold{background:var(--sb-gold);color:#141210!important;box-shadow:0 10px 22px rgba(201,164,92,.32)}.nw-btn.gold:hover{background:#B38F4E}
.nw-btn.dark{background:var(--sb-dark);color:#fff!important}.nw-btn.dark:hover{background:var(--sb-accent)}
.nw-btn.line{background:#fff;border-color:var(--oh-line);color:var(--sb-dark)!important}.nw-btn.line:hover{border-color:var(--sb-dark)}
.nw-btn.glass{background:rgba(247,245,240,.12);border-color:rgba(247,245,240,.4);color:#fff!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nw-btn.glass:hover{background:rgba(247,245,240,.24)}
.nw-btn.big{min-height:54px;padding:14px 30px;font-size:17px}
.nw-btn[disabled]{opacity:.45;cursor:not-allowed;transform:none!important;box-shadow:none}
.nw button,.oh-sec button{font-family:var(--oh-font)}
.nw :focus-visible,.nw-viewer :focus-visible,.oh-consent :focus-visible,.nw-tw :focus-visible,.nw-word :focus-visible{outline:2px solid var(--sb-gold);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ── 메인: 다음 예배 칸 버튼 두 개 ── */
.oh-cd .mores{display:flex;flex-wrap:wrap;gap:4px 14px;margin:12px 0 0 10px}.oh-cd .mores .more{margin:0}

/* ── 메인: 오늘의 말씀 띠 ── */
.nw-wordband{padding:6px 0 64px;background:#fff}
.nw-word{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:26px;align-items:center;padding:44px 48px;border-radius:30px;background:linear-gradient(135deg,#0B0B0C 0,#1A1918 55%,#141414 100%);color:#F7F5F0;box-shadow:var(--oh-sh2)}
.nw-word .glow,.nw-wcard .glow{position:absolute;z-index:-1;width:520px;height:520px;right:-170px;top:-270px;border-radius:50%;background:radial-gradient(rgba(201,164,92,.42),transparent 65%);translate:calc((var(--p,.5) - .5) * -140px) calc((var(--p,.5) - .5) * 180px)}
.nw-word .ring{position:absolute;z-index:-1;width:300px;height:300px;left:-120px;bottom:-170px;border-radius:50%;border:36px solid rgba(247,245,240,.06);border-top-color:rgba(201,164,92,.22);rotate:calc(var(--p,.5) * 140deg)}
.nw-word .k,.nw-wcard .chip{margin:0;font:800 12px/1.4 var(--oh-lat);letter-spacing:.22em;color:var(--sb-gold)}
.nw-word .k span{letter-spacing:0;font:500 13px var(--oh-font);color:#C8C5BE}
.nw-word h2{margin:14px 0 2px;font:900 clamp(38px,5vw,60px)/1.05 var(--oh-lat);letter-spacing:-.02em}
.nw-word h2 a{color:#fff;text-decoration:none}
.nw-word .say,.nw-wcard .say{margin:0;color:#B5B2AC;font-size:14px}
.nw-word .motto,.nw-wcard .motto{margin:18px 0 0;font-size:clamp(21px,2.5vw,30px);font-weight:900;line-height:1.4;letter-spacing:-.02em;word-break:keep-all;background:linear-gradient(100deg,#fff 0,#fff 40%,#E8D29F 50%,#fff 60%,#fff 100%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:nwShine 5s ease-in-out infinite}
@keyframes nwShine{0%,30%{background-position:100% 0}70%,100%{background-position:0 0}}
.nw-word .med,.nw-wcard .med{margin:12px 0 0;font-size:15px;line-height:1.8;color:#DCD9D2}
.nw-word .src,.nw-wcard .src{margin:14px 0 0;font-size:12px;color:#B5B2AC}
.nw-wsrc{font-size:14px!important;color:#E8D29F!important}.nw-wsrc a{color:#E8D29F;font-weight:700;text-decoration:underline;text-underline-offset:3px;word-break:keep-all}.nw-wsrc small{color:#B5B2AC;font-size:12px}
.nw-btns{display:flex;flex-wrap:wrap;gap:8px;max-width:340px;justify-content:flex-end}
.nw-b{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:9px 16px;border-radius:999px;border:1px solid rgba(201,164,92,.6);background:transparent;color:#E8DCC2!important;font:700 13.5px var(--oh-font);text-decoration:none!important;cursor:pointer;transition:background .25s,color .25s,transform .3s var(--oh-ease)}
.nw-b i{font-style:normal}
.nw-b:hover{background:var(--sb-gold);border-color:var(--sb-gold);color:#0B0B0C!important;transform:translateY(-2px)}
.nw-b.on{background:var(--sb-gold);color:#0B0B0C!important}
@media (max-width:820px){.nw-word{grid-template-columns:1fr;padding:32px 24px;border-radius:24px}.nw-btns{justify-content:flex-start;max-width:none}}

/* ── 메인: 이번 주 호산나 (시안 B-2) ── */
.nw-tw{padding:80px 0 30px;background:linear-gradient(180deg,var(--sb-cream),#fff 70%)}
.nw-tw .tw{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(0,.92fr);grid-template-rows:auto auto;gap:18px;padding:18px;border-radius:28px;background:#fff;border:1px solid var(--oh-line);box-shadow:var(--oh-sh)}
.nw-tw .tw-jubo{grid-row:span 2;position:relative;display:grid;align-content:start;gap:20px;min-height:460px;padding:30px 24px 24px;border-radius:20px;background:radial-gradient(120% 90% at 0 0,#1C1B1A,#0B0B0C 60%);overflow:hidden}
.nw-tw .stack{position:absolute;right:-26px;top:34px;width:50%;height:72%;pointer-events:none}
.nw-tw .stack img{position:absolute;width:100%;border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.45);transition:transform .9s var(--oh-ease)}
.nw-tw .stack .s3{opacity:.32;transform:rotate(calc(3deg + var(--p,.5) * 12deg)) translate(calc(var(--p,.5) * 40px),6px)}
.nw-tw .stack .s2{opacity:.5;transform:rotate(calc(1deg + var(--p,.5) * 7deg)) translate(calc(var(--p,.5) * 20px),2px)}
.nw-tw .paper{position:relative;z-index:1;display:block;width:64%;max-width:270px;aspect-ratio:418/520;overflow:hidden;border-radius:4px;background:#fff;box-shadow:0 22px 46px rgba(0,0,0,.5);transform:rotate(calc(1deg - var(--p,.5) * 8deg)) translateY(calc((.5 - var(--p,.5)) * 30px));transition:box-shadow .4s}
.nw-tw .paper img{display:block;width:100%;height:auto;transition:transform .6s var(--oh-ease)}
.nw-tw .paper::after{content:"";position:absolute;inset:auto 0 0 0;height:30%;background:linear-gradient(transparent,#fff)}
.nw-tw .paper:hover{box-shadow:0 30px 60px rgba(0,0,0,.6)}.nw-tw .paper:hover img{transform:scale(1.04)}
.nw-tw .jcap{position:relative;z-index:1;display:grid;gap:7px}
.nw-tw .k{font:800 12px/1.3 var(--oh-font);letter-spacing:.06em;color:#C9A45C}
.nw-tw .jcap b{color:#fff;font-size:26px;font-weight:900;letter-spacing:-.02em}
.nw-tw .jcap .wk{font-size:12.5px;color:#B5B2AC}.nw-tw .jcap .wk a{color:#E8DCC2;font-weight:700}
.nw-tw .bt2{justify-self:start;display:inline-flex;gap:6px;align-items:center;padding:9px 16px;border-radius:999px;background:var(--sb-gold);color:#141210!important;font-weight:700;font-size:13.5px;text-decoration:none;transition:transform .3s var(--oh-ease),background .25s}
.nw-tw .bt2 i{font-style:normal}.nw-tw .bt2:hover{transform:translateY(-2px);background:#B38F4E}
.nw-tw .bt2.dark{background:var(--sb-dark);color:#fff!important}.nw-tw .bt2.dark:hover{background:var(--sb-accent)}
.nw-tw .tw-news,.nw-tw .tw-cal{display:grid;gap:4px;align-content:start;padding:6px 4px}
.nw-tw .tw-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:9px;border-bottom:2px solid var(--sb-dark)}
.nw-tw .tw-h .k{color:#7D6234;font-size:14px}.nw-tw .tw-h .m{font-size:12px;color:var(--oh-grey)}
.nw-tw .nc{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--oh-line);transition:transform .35s var(--oh-ease)}
.nw-tw .nc:hover{transform:translateX(4px)}
.nw-tw .nc b{font-size:16px;color:var(--sb-dark);word-break:keep-all}.nw-tw .nc p{margin:0;font-size:13.5px;line-height:1.6;color:var(--oh-text);word-break:keep-all}
.nw-tw .cat{justify-self:start;font-size:11px;font-weight:800;border-radius:10px;padding:2px 9px}
.nw-tw .c1{background:#ECE8E0;color:#141414}.nw-tw .c2{background:#F1EBDD;color:#7D6234}.nw-tw .c3{background:#F1EBDD;color:#5E5B56}
.nw-tw .more{margin-top:8px;font-size:13.5px;font-weight:700;color:#7D6234;text-decoration:none}
.nw-tw .dd{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px;max-height:330px;overflow:auto}
html.oh-js .nw-tw .dd{max-height:none;overflow:visible}
.nw-tw .dd li{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 10px;border-radius:14px;background:var(--sb-cream);transition:transform .35s var(--oh-ease),background .3s}
.nw-tw .dd li:hover{transform:translateY(-2px);background:var(--sb-mint)}
.nw-tw .dd li[hidden]{display:none}
.nw-tw .dt{display:grid;text-align:center;font-size:10.5px;color:var(--oh-grey);line-height:1.25}
.nw-tw .dt b{font:800 23px/1 var(--oh-lat);color:var(--sb-dark)}
.nw-tw .tt{font-weight:700;font-size:14px;line-height:1.4;color:var(--sb-dark);word-break:keep-all}
.nw-tw .d{font:800 12px/1 var(--oh-lat);color:#fff;background:var(--sb-accent);border-radius:12px;padding:6px 9px;font-variant-numeric:tabular-nums;white-space:nowrap}
.nw-tw .d.today{background:var(--sb-gold)}
.nw-tw .none{margin:10px 0 0;font-size:13.5px;color:var(--oh-grey)}
.nw-tw .tw-pray{grid-column:2 / span 2;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;background:#F1EBDD}
.nw-tw .tw-pray div{display:grid;gap:3px;margin-right:auto}
.nw-tw .tw-pray .k{color:#7D6234}.nw-tw .tw-pray b{font-size:16px;color:var(--sb-dark)}
.nw-tw .ic2{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--sb-gold);color:#141210;font-size:18px;animation:nwSpin 9s linear infinite}
@keyframes nwSpin{to{rotate:360deg}}
.nw-tw .tw-links{display:flex;justify-content:flex-end;gap:18px;margin:14px 6px 0}
.nw-tw .tw-links a{font-size:14px;font-weight:700;color:var(--sb-house);text-decoration:none}
.nw-tw .tw-links a:hover{color:#7D6234}
@media (max-width:1000px){.nw-tw .tw{grid-template-columns:1fr 1fr}.nw-tw .tw-jubo{grid-row:auto;grid-column:1 / -1;min-height:0}.nw-tw .tw-pray{grid-column:1 / -1}}
@media (max-width:640px){.nw-tw{padding:56px 0 20px}.nw-tw .tw{grid-template-columns:1fr;padding:10px;border-radius:22px}.nw-tw .paper{width:66%}.nw-tw .tw-pray{flex-wrap:wrap}.nw-tw .tw-links{justify-content:center}}

/* 주보·대표기도 크게 보기 (넘겨 보기) */
dialog.nw-viewer{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:rgba(0,0,0,.96);color:#fff;font-family:var(--oh-font);overflow:hidden}
dialog.nw-viewer::backdrop{background:rgba(0,0,0,.9)}
.nw-viewer .hd{position:absolute;inset:0 0 auto 0;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(rgba(0,0,0,.95),rgba(0,0,0,0))}
.nw-viewer .hd b{font-size:16px}.nw-viewer .hd .ct{font:700 13px var(--oh-lat);color:var(--sb-gold);margin-right:auto}
.nw-viewer button{border:0;cursor:pointer;font-family:var(--oh-font)}
.nw-viewer .x{width:44px;height:44px;border-radius:50%;background:rgba(247,245,240,.14);color:#fff;font-size:26px;line-height:1}
.nw-viewer .st{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;padding:70px 12px 90px;touch-action:pan-y}
.nw-viewer .pg{display:grid;gap:10px;max-width:640px;margin:0 auto;animation:nwPg .45s var(--oh-ease)}
.nw-viewer .pg.l{animation-name:nwPgL}
.nw-viewer .pg img{display:block;width:100%;height:auto;border-radius:6px;background:#fff}
@keyframes nwPg{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}
@keyframes nwPgL{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:none}}
.nw-viewer .nv{position:absolute;top:50%;z-index:3;width:52px;height:52px;margin-top:-26px;border-radius:50%;background:rgba(247,245,240,.92);color:var(--sb-dark);font-size:30px;line-height:1;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.nw-viewer .nv.p{left:14px}.nw-viewer .nv.n{right:14px}.nw-viewer .nv[disabled]{opacity:.25;cursor:default}
.nw-viewer .ft{position:absolute;inset:auto 0 0 0;z-index:3;display:flex;justify-content:center;gap:6px;padding:14px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.95))}
.nw-viewer .ft button{padding:7px 12px;border-radius:999px;background:rgba(247,245,240,.12);color:#ECE8E0;font-size:12.5px;font-weight:700}
.nw-viewer .ft button.on{background:var(--sb-gold);color:#0B0B0C}
.nw-viewer .ft{overflow-x:auto;justify-content:flex-start}
@media (min-width:700px){.nw-viewer .ft{justify-content:center}}
@media (max-width:700px){.nw-viewer .nv{top:auto;bottom:66px;margin:0;width:46px;height:46px}}

/* ── 메인: 마음 나눔함 띠 ── */

/* ── 찾아오시는길: 3D 보기 탭 · 처음 오셨나요? ── */
.oh-visit .vmap{min-width:0}
.nw-r3d{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.nw-r3d a,.nw-r3d button{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 15px;border-radius:999px;border:1px solid var(--oh-line);background:#fff;color:var(--sb-dark);font:700 13.5px var(--oh-font);text-decoration:none;cursor:pointer;transition:background .25s,color .25s,transform .3s var(--oh-ease)}
.nw-r3d i{font-style:normal;font-size:10px;color:var(--sb-accent)}
.nw-r3d a:hover,.nw-r3d button:hover{transform:translateY(-2px)}
.nw-r3d .on{background:var(--sb-dark);border-color:var(--sb-dark);color:#fff}
.nw-r3d .on i{color:#fff}
.nw-r3dbox{position:relative;border-radius:26px;overflow:hidden;background:#ECE8E0;box-shadow:var(--oh-sh2);aspect-ratio:16/9;animation:nwPop .5s var(--oh-ease)}
.nw-r3dbox iframe{display:block;width:100%;height:100%;border:0}
.nw-r3dbox .rp{position:absolute;left:12px;top:12px;padding:7px 13px;border:0;border-radius:999px;background:rgba(11,11,12,.82);color:#fff;font:700 12.5px var(--oh-font);cursor:pointer}
@keyframes nwPop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}
.oh-visit .maps .nw-gold{background:#F1EBDD!important;border-color:#E6D6B4!important}
.oh-visit .maps .nw-gold:hover{background:var(--sb-gold)!important;color:#141210!important}

/* ═══ 새 페이지 공통 ═══ */
.nw .ohx-lead h3 b{white-space:nowrap}
.nw-notice{margin:0 0 26px;padding:16px 20px;border-radius:16px;background:#F1EBDD;border-left:4px solid var(--sb-gold);font-size:15px;line-height:1.7;color:#5C4A2E;word-break:keep-all}
.nw-notice b{color:#141210}.nw-notice a{color:#141210;font-weight:900}
.nw-tabs{position:sticky;top:0;z-index:5;display:flex;gap:6px;flex-wrap:wrap;margin:0 0 22px;padding:6px;border-radius:999px;background:var(--sb-mint);width:max-content;max-width:100%}
.nw-tabs button{position:relative;padding:10px 20px;border:0;border-radius:999px;background:transparent;color:var(--oh-text);font:700 15px var(--oh-font);cursor:pointer;transition:background .3s,color .3s}
.nw-tabs button small{font:700 11px var(--oh-lat);opacity:.65}
.nw-tabs button[aria-selected=true]{background:var(--sb-dark);color:#fff;box-shadow:0 8px 18px rgba(11,11,12,.22)}
.nw-tabs button:hover:not([aria-selected=true]){background:#fff}
.nw-ph{margin:0 0 16px;font-size:22px;font-weight:900;color:var(--sb-dark)}
.nw-ph small{font:700 13px var(--oh-lat);color:var(--oh-grey)}
html.oh-js .nw-tabset.on .nw-ph{display:none}
.nw-panel{animation:nwIn .5s var(--oh-ease)}
.nw-panel[hidden]{display:none}
@keyframes nwIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.nw-links3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.nw-links3 a{display:grid;gap:6px;padding:22px;border-radius:20px;background:#fff;border:1px solid var(--oh-line);color:var(--oh-text);text-decoration:none;transition:transform .4s var(--oh-ease),box-shadow .4s}
.nw-links3 a:hover{transform:translateY(-5px);box-shadow:var(--oh-sh2)}
.nw-links3 b{font-size:18px;color:var(--sb-dark)}.nw-links3 span{font-size:14px}.nw-links3 i{font-style:normal;color:#7D6234;font-weight:900}
@media (max-width:767px){.nw-links3{grid-template-columns:1fr}.nw-tabs{border-radius:18px}.nw-tabs button{padding:9px 14px;font-size:14px}}

/* ── 처음 오셨나요? ── */
.nw-hero{position:relative;overflow:hidden;isolation:isolate;margin:0 0 56px;padding:64px 48px 40px;border-radius:30px;background:#0B0B0C;color:#fff}
.nw-hero .bg{position:absolute;inset:-60px 0;z-index:-2;background:center/cover no-repeat;translate:0 calc((var(--p,.5) - .5) * 80px);scale:1.08}
.nw-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(11,11,12,.95) 0,rgba(11,11,12,.78) 48%,rgba(11,11,12,.25) 100%)}
.nw-hero .en{margin:0;font:800 12px/1.4 var(--oh-lat);letter-spacing:.28em;color:var(--sb-gold)}
.nw-hero h3{margin:16px 0 0;font-size:clamp(32px,4.6vw,54px);font-weight:900;line-height:1.2;letter-spacing:-.035em;word-break:keep-all}
.nw-hero h3 b{color:#E8D29F}
.nw-hero .ds{margin:18px 0 0;max-width:560px;font-size:17px;line-height:1.85;color:#DCD9D2;word-break:keep-all}
.nw-hero .cta{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}
.nw-hero .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:40px 0 0;padding:0;list-style:none;max-width:720px}
.nw-hero .facts li{padding:14px 16px;border-radius:16px;background:rgba(247,245,240,.1);border:1px solid rgba(247,245,240,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.nw-hero .facts span{display:block;font-size:12px;color:var(--sb-gold);font-weight:700}.nw-hero .facts b{display:block;margin-top:3px;font-size:16px}
.nw .oh-sec.oh-cd{float:none;padding:0;background:none}
.nw .oh-cd .oh-head{display:none}
.nw-come{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;align-items:start;margin:0 0 22px}
.nw-dl{display:grid;grid-template-columns:auto 1fr;margin:0;padding:6px 22px;border-radius:22px;background:#fff;border:1px solid var(--oh-line);box-shadow:var(--oh-sh)}
.nw-dl dt,.nw-dl dd{margin:0;padding:14px 4px;border-bottom:1px solid var(--oh-line);font-size:15px}
.nw-dl dt:last-of-type,.nw-dl dd:last-of-type{border-bottom:0}
.nw-dl dt{padding-right:18px;font-weight:700;color:var(--sb-house);white-space:nowrap}.nw-dl dd{color:var(--oh-text);word-break:keep-all}.nw-dl dd a{color:var(--sb-house);font-weight:700}
.nw-maps{display:grid;gap:10px}
.nw-r3dgrid{display:grid;gap:18px}
.nw-r3dcard{margin:0}
.nw-frame{position:relative;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:radial-gradient(120% 120% at 20% 10%,#141414,#0B0B0C 70%);box-shadow:var(--oh-sh2)}
.nw-frame iframe{display:block;width:100%;height:100%;border:0;animation:nwPop .5s var(--oh-ease)}
.nw-frame .poster{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;color:#fff;text-decoration:none;text-align:center;padding:16px}
.nw-frame .poster::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,rgba(247,245,240,.05) 0 2px,transparent 2px 26px);animation:nwSlide 6s linear infinite}
@keyframes nwSlide{to{background-position:200px 0}}
.nw-frame .pl{position:relative;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--sb-gold);box-shadow:0 0 0 0 rgba(201,164,92,.6);animation:nwPulse 2.2s infinite;transition:transform .35s var(--oh-ease)}
.nw-frame .pl svg{width:26px;height:30px;margin-left:5px;fill:#fff}
.nw-frame .poster:hover .pl{transform:scale(1.1)}
@keyframes nwPulse{0%{box-shadow:0 0 0 0 rgba(201,164,92,.6)}70%{box-shadow:0 0 0 26px rgba(201,164,92,0)}100%{box-shadow:0 0 0 0 rgba(201,164,92,0)}}
.nw-frame .poster b{position:relative;font-size:22px;font-weight:900}.nw-frame .poster span{position:relative;font-size:13.5px;color:#CFCCC5}
.nw-frame .rp{position:absolute;left:12px;top:12px;z-index:2;padding:7px 13px;border:0;border-radius:999px;background:rgba(11,11,12,.82);color:#fff;font:700 12.5px var(--oh-font);cursor:pointer}
.nw-r3dcard figcaption{margin-top:8px;font-size:13px;color:var(--oh-grey);text-align:center}
.nw-cta{text-align:center}.nw-cta h4{font-size:clamp(22px,2.8vw,30px)}
.nw-cta .cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}
.nw-sticky{display:none}
@media (max-width:767px){
  .nw-hero{margin:0 0 40px;padding:40px 22px 26px;border-radius:24px}
  .nw-hero .facts{grid-template-columns:1fr;margin-top:26px}
  .nw-hero .cta .nw-btn{flex:1 1 140px}
  .nw-come{grid-template-columns:1fr}
  .nw-dl{padding:4px 14px}
  .oh-p-welcome .nw-sticky{position:fixed;left:10px;right:10px;bottom:10px;z-index:900;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;border-radius:18px;background:rgba(11,11,12,.94);box-shadow:0 12px 30px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:nwUp .6s var(--oh-ease) both .6s}
  .nw-sticky a{padding:12px 4px;border-radius:13px;color:#fff;text-align:center;font-weight:700;font-size:14px;text-decoration:none}
  .nw-sticky a:first-child{background:var(--sb-gold);color:#0B0B0C}
  .oh-p-welcome #footer{padding-bottom:80px}
}
@keyframes nwUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}

/* ── 영상·숏폼 모음 · 숏폼 전용 페이지 ── */
.nw-vtools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0 0 6px}
.nw-vtools .nw-tabs{margin:0}
.nw-search{position:relative;display:flex;align-items:center;gap:8px;flex:1 1 240px;max-width:360px}
.nw-search input{width:100%;min-height:46px;padding:10px 18px 10px 42px;border:1px solid var(--oh-line);border-radius:999px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237F8794' stroke-width='2.2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") 15px center/18px no-repeat;font:500 15px var(--oh-font);color:var(--sb-dark);transition:border-color .25s,box-shadow .25s}
.nw-search input:focus{outline:0;border-color:var(--sb-gold);box-shadow:0 0 0 4px rgba(201,164,92,.18)}
.nw-search .cnt{position:absolute;right:16px;font:700 12px var(--oh-lat);color:var(--oh-grey);pointer-events:none}
.nw-videos .nw-panel{margin-top:20px}
.nw-vgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px 14px;margin:0;padding:0;list-style:none}
.nw-vgrid.sh{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.nw-vgrid li{content-visibility:auto;contain-intrinsic-size:220px 210px}
.nw-vgrid li[hidden]{display:none}
.nw-vgrid li.pop{animation:nwIn .5s var(--oh-ease) both;animation-delay:calc(var(--k,0) * 35ms)}
.nw-vgrid a{display:grid;gap:6px;color:var(--oh-text);text-decoration:none}
.nw-vgrid .th{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#7D6234,#0B0B0C)}
.nw-vgrid.sh .th{aspect-ratio:9/14}
.nw-vgrid .th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--oh-ease)}
.nw-vgrid a:hover .th img{transform:scale(1.07)}
.nw-vgrid .pl,.nw-vplayer .pl{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(11,11,12,.72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 16'%3E%3Cpath d='M0 0l14 8-14 8z' fill='%23fff'/%3E%3C/svg%3E") 55% center/14px no-repeat;transition:transform .35s var(--oh-ease),background-color .3s}
.nw-vgrid a:hover .pl{transform:scale(1.15);background-color:var(--sb-gold)}
.nw-vgrid .bd,.nw-vplayer .bd{position:absolute;left:8px;top:8px;padding:3px 8px;border-radius:999px;background:rgba(201,164,92,.92);color:#0B0B0C;font:800 10px var(--oh-lat);letter-spacing:.06em}
.nw-vgrid b{font-size:14.5px;line-height:1.45;color:var(--sb-dark);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.nw-vgrid .m{font-size:12.5px;color:var(--oh-grey);line-height:1.45;word-break:keep-all}
.nw-more{display:block;margin:24px auto 0;padding:12px 30px;border:1px solid var(--oh-line);border-radius:999px;background:#fff;color:var(--sb-dark);font:700 15px var(--oh-font);cursor:pointer;transition:background .25s,color .25s}
.nw-more:hover{background:var(--sb-dark);color:#fff}
.nw-none{padding:40px 0;text-align:center;color:var(--oh-grey)}
.nw-v{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:40px;align-items:center;margin:0 0 56px}
.nw-vplayer{position:relative;aspect-ratio:9/16;border-radius:26px;overflow:hidden;background:#0B0B0C;box-shadow:var(--oh-sh2)}
.nw-vplayer a{position:absolute;inset:0;display:block}
.nw-vplayer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--oh-ease)}
.nw-vplayer a:hover img{transform:scale(1.05)}
.nw-vplayer .pl{width:84px;height:84px;margin:-42px 0 0 -42px;background-color:var(--sb-gold);background-size:24px;animation:nwPulse 2.2s infinite}
.nw-vplayer .bd{left:14px;top:14px;font-size:11px}
.nw-vplayer iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.nw-vinfo h3{margin:12px 0 0;font-size:clamp(26px,3.2vw,38px);font-weight:900;line-height:1.3;letter-spacing:-.03em;color:var(--sb-dark);word-break:keep-all}
.nw-vinfo .m{margin:8px 0 0;color:var(--oh-grey);font-size:14px}
.nw-vinfo .big{margin-top:26px}
.nw-vinfo .sm{margin:10px 0 0;font-size:13.5px;color:var(--oh-text)}
.nw-vinfo .row{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
@media (max-width:767px){.nw-v{grid-template-columns:1fr;gap:22px}.nw-vplayer{max-width:340px;width:100%;margin:0 auto}.nw-vinfo{text-align:center}.nw-vinfo .row{justify-content:center}.nw-vgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.nw-vgrid.sh{grid-template-columns:repeat(2,minmax(0,1fr))}.nw-search{max-width:none}}

/* ── 오늘의 말씀 페이지 ── */
.nw-wcard{position:relative;overflow:hidden;isolation:isolate;margin:0 0 56px;padding:48px 46px 40px;border-radius:30px;background:linear-gradient(140deg,#0B0B0C 0,#1A1918 55%,#141414 100%);color:#F7F5F0;box-shadow:var(--oh-sh2)}
.nw-wcard h3{margin:16px 0 2px;font:900 clamp(46px,7vw,84px)/1 var(--oh-lat);letter-spacing:-.03em;color:#fff}.nw-wcard h3 a{color:inherit;text-decoration:none;border-bottom:3px solid rgba(201,164,92,.55)}.nw-wcard h3 a:hover{border-color:var(--sb-gold)}
.nw-wcard .motto{font-size:clamp(24px,3.2vw,38px)}
.nw-wcard .nw-btns{justify-content:flex-start;max-width:none;margin-top:26px}
.nw-wcard .med{padding:16px 18px;border-radius:16px;background:rgba(247,245,240,.08)}.nw-wcard .med .k{margin:0 0 4px;font-size:12px;color:var(--sb-gold);font-weight:700}
.nw-arch{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.nw-arch li{display:grid;grid-template-columns:110px 120px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 20px;border-radius:18px;background:#fff;border:1px solid var(--oh-line);transition:transform .35s var(--oh-ease)}
.nw-arch li:hover{transform:translateX(6px)}
.nw-arch time{font:700 13px var(--oh-lat);color:var(--oh-grey)}.nw-arch b{font:900 20px var(--oh-lat);color:var(--sb-dark)}.nw-arch span{font-size:15px;word-break:keep-all}
.nw-arch a{font-size:13px;font-weight:700;color:#7D6234;text-decoration:none;white-space:nowrap}
@media (max-width:767px){.nw-wcard{padding:32px 22px 28px;border-radius:24px}.nw-arch li{grid-template-columns:1fr auto;gap:4px 10px}.nw-arch span{grid-column:1 / -1}}

/* ── 성경 탐험 ── */
.nw-tl{position:relative;margin:0;padding:0 0 0 64px;list-style:none}
.nw-tl::before{content:"";position:absolute;left:23px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--oh-line)}
.nw-tl::after{content:"";position:absolute;left:23px;top:8px;bottom:8px;width:3px;border-radius:3px;background:linear-gradient(var(--sb-gold),var(--sb-accent));transform-origin:top;transform:scaleY(clamp(0, calc(var(--p,1) * 1.7 - .25), 1))}
.nw-tl .era{position:relative;margin:0 0 44px}
.nw-tl .no{position:absolute;left:-64px;top:-4px;z-index:1;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--sb-dark);color:#fff;font:800 15px var(--oh-lat);box-shadow:0 0 0 6px #fff,var(--oh-sh);transition:transform .4s var(--oh-ease),background .3s}
.nw-tl .era:hover .no{transform:scale(1.12) rotate(-8deg);background:var(--sb-gold)}
.nw-tl h5{margin:4px 0 0;font-size:24px;font-weight:900;letter-spacing:-.02em;color:var(--sb-dark)}
.nw-tl .ed{margin:6px 0 16px;font-size:15px;line-height:1.7;color:var(--oh-text);word-break:keep-all}
.nw-tl .bns{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.bn{position:relative;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid var(--oh-line);border-top:4px solid var(--c,#7D6234);transition:transform .4s var(--oh-ease),box-shadow .4s}
.bn:hover{transform:translateY(-4px);box-shadow:var(--oh-sh2)}
.bn.p{--c:#141414}.bn.e{--c:#7D6234}.bn.l{--c:#5E5B56}
.bn .ty{display:inline-block;padding:2px 9px;border-radius:10px;background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--c);font-size:11px;font-weight:800}
.bn b{display:block;margin:8px 0 4px;font-size:17px;color:var(--sb-dark)}
.bn p{margin:0;font-size:14px;line-height:1.65;color:var(--oh-text);word-break:keep-all}
.bn .rf{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}
.bn .rf a,.nw-gcard .rf a{padding:3px 10px;border-radius:999px;background:var(--sb-cream);color:var(--sb-house);font-size:12.5px;font-weight:700;text-decoration:none}
.bn .rf a:hover,.nw-gcard .rf a:hover{background:var(--sb-gold);color:#141210}
.bn:target{box-shadow:0 0 0 3px var(--sb-gold)}
.nw-hint{margin:0 0 10px;font-size:14px;color:var(--oh-grey)}
.nw-key{display:flex;gap:14px;margin:0 0 12px;padding:0;list-style:none;font-size:13px;font-weight:700;color:var(--oh-text)}
.nw-key li::before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:50%;vertical-align:-1px;background:#7D6234}
.nw-key .e::before{background:#C9A45C}.nw-key .l::before{background:#5E5B56}
.nw-graph{position:relative;border-radius:26px;background:radial-gradient(120% 100% at 30% 0,#1A1918,#0B0B0C 70%);overflow:hidden;box-shadow:var(--oh-sh2)}
.nw-graph svg{display:block;width:100%;height:auto;touch-action:manipulation}
.nw-graph .ln{stroke:rgba(247,245,240,.18);stroke-width:1.4;fill:none;transition:stroke .3s,stroke-width .3s}
.nw-graph .ln.hot{stroke:var(--sb-gold);stroke-width:2.6}
.nw-graph .era-t{fill:rgba(247,245,240,.38);font:700 11px var(--oh-font);letter-spacing:.04em}
.nw-graph .nd{cursor:pointer}
.nw-graph .nd circle{stroke:#fff;stroke-width:2;transition:r .3s,stroke-width .3s}
.nw-graph .nd text{fill:#F7F5F0;font:700 11.5px var(--oh-font);paint-order:stroke;stroke:#0B0B0C;stroke-width:3px;pointer-events:none}
.nw-graph .nd.on circle{stroke:var(--sb-gold);stroke-width:4}
.nw-graph .nd.dim{opacity:.35}
.nw-graph .nd:focus{outline:0}.nw-graph .nd:focus-visible circle{stroke:var(--sb-gold);stroke-width:4}
.nw-gcard{margin:14px 0 0;padding:20px 22px;border-radius:20px;background:#fff;border:1px solid var(--oh-line);box-shadow:var(--oh-sh);min-height:96px}
.nw-gcard .hint{margin:0;color:var(--oh-grey)}
.nw-gcard .ty{font-size:12px;font-weight:800;color:#7D6234}
.nw-gcard b{display:block;margin:4px 0;font-size:21px;color:var(--sb-dark)}
.nw-gcard p{margin:0;font-size:15px;line-height:1.7;color:var(--oh-text);word-break:keep-all}
.nw-gcard .rf{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.nw-gcard .lk{margin-top:10px;font-size:13px;color:var(--oh-grey)}
.nw-gcard.flash{animation:nwPop .45s var(--oh-ease)}
@media (max-width:767px){.nw-tl{padding-left:50px}.nw-tl::before,.nw-tl::after{left:17px}.nw-tl .no{left:-50px;width:38px;height:38px;font-size:13px}.nw-tl h5{font-size:21px}}

/* ── 성경 퀴즈 ── */
.nw-qlist{display:grid;gap:12px;margin:0 0 30px;padding:0;list-style:none}
.nw-qlist>li{padding:18px 20px;border-radius:18px;background:#fff;border:1px solid var(--oh-line)}
.nw-qlist .q{margin:0;font-size:16px;font-weight:700;color:var(--sb-dark)}
.nw-qlist .op{display:flex;flex-wrap:wrap;gap:6px 18px;margin:8px 0;padding-left:20px;font-size:14.5px}
.nw-qlist .op.ox{list-style:none;padding:0}
.nw-qlist summary{cursor:pointer;font-size:13.5px;font-weight:700;color:#7D6234}
.nw-qlist details p{margin:8px 0 0;font-size:14.5px;line-height:1.7}
.nw-quiz{position:relative;margin:0 0 40px}
html.oh-js .nw-quiz:not([hidden])+.nw-qlist{display:none}
@keyframes nwBounce{0%{transform:scale(1)}35%{transform:scale(1.07)}65%{transform:scale(.97)}100%{transform:scale(1)}}
@keyframes nwShake{0%,100%{transform:none}20%{transform:translateX(-10px)}40%{transform:translateX(9px)}60%{transform:translateX(-6px)}80%{transform:translateX(4px)}}
@keyframes nwBurst{from{opacity:1;transform:translate(0,0) rotate(0)}to{opacity:0;transform:translate(var(--x),var(--y)) rotate(540deg)}}

/* ── 마음 나눔함 ── */
.nw-form{display:grid;gap:14px;padding:26px;border-radius:24px;background:#fff;border:1px solid var(--oh-line);box-shadow:var(--oh-sh)}
.nw-form .ds{margin:0;font-size:15px;line-height:1.75;color:var(--oh-text);word-break:keep-all}
.nw-form label{display:grid;gap:6px;font-size:14px;font-weight:700;color:var(--sb-dark)}
.nw-form textarea,.nw-nform textarea,.nw-nform input[type=date]{width:100%;padding:14px 16px;border:1px solid var(--oh-line);border-radius:16px;background:var(--sb-cream);font:500 15.5px/1.7 var(--oh-font);color:var(--sb-dark);resize:vertical;transition:border-color .25s,box-shadow .25s,background .25s}
.nw-form textarea:focus,.nw-nform textarea:focus,.nw-nform input:focus{outline:0;border-color:var(--sb-gold);background:#fff;box-shadow:0 0 0 4px rgba(201,164,92,.16)}
.nw-form .ck{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--oh-text)}
.nw-form .ck input{width:18px;height:18px;accent-color:var(--sb-gold)}
.nw-form .nw-btn{justify-self:start}

/* ── 나의 신앙노트 ── */
.nw-chal{margin:0 0 30px;padding:26px;border-radius:26px;background:linear-gradient(140deg,#0B0B0C,#141414);color:#fff}
.nw-chal .hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px}
.nw-chal h4{margin:6px 0 0;font-size:24px;font-weight:900}.nw-chal .ohx-en{color:var(--sb-gold)}
.nw-chal .st{margin:6px 0 0;font-size:14.5px;color:#DCD9D2}.nw-chal .st b{color:var(--sb-gold);font:900 20px var(--oh-lat)}
.nw-chal .len{display:flex;gap:6px}
.nw-chal .len button{padding:9px 16px;border:1px solid rgba(247,245,240,.35);border-radius:999px;background:transparent;color:#fff;font:700 14px var(--oh-font);cursor:pointer;transition:background .25s,color .25s}
.nw-chal .len button[aria-pressed=true],.nw-chal .len button:hover{background:var(--sb-gold);border-color:var(--sb-gold);color:#0B0B0C}
.nw-chal .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:6px;margin:20px 0 0;padding:0;list-style:none}
.nw-chal .grid li{aspect-ratio:1;display:grid;place-items:center;border-radius:8px;background:rgba(247,245,240,.1);font:700 11px var(--oh-lat);color:rgba(247,245,240,.5);animation:nwPop .4s var(--oh-ease) both;animation-delay:calc(var(--k,0) * 12ms)}
.nw-chal .grid li.on{background:var(--sb-gold);color:#0B0B0C}
.nw-chal .grid li.td{box-shadow:0 0 0 2px #fff}
.nw-chal .tip{margin:12px 0 0;font-size:13px;color:#B5B2AC}
.nw-nform{display:grid;grid-template-columns:170px minmax(0,1fr);gap:10px;align-items:start;padding:18px;border-radius:22px;background:#fff;border:1px solid var(--oh-line)}
.nw-nform .nw-btn{grid-column:2;justify-self:end}
.nw-nlist{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.nw-nlist li{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px 12px;align-items:start;padding:14px 16px;border-radius:16px;background:var(--sb-cream);animation:nwIn .4s var(--oh-ease)}
.nw-nlist time{font:700 12.5px var(--oh-lat);color:#7D6234;white-space:nowrap;padding-top:3px}
.nw-nlist p{margin:0;font-size:15px;line-height:1.7;color:var(--sb-dark);white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere}
.nw-nlist .ac{display:flex;gap:4px}
.nw-nlist button{border:0;border-radius:999px;padding:5px 10px;background:#fff;color:var(--oh-text);font:700 12px var(--oh-font);cursor:pointer}
.nw-nlist button:hover{background:var(--sb-dark);color:#fff}
.nw-nlist li.done p{text-decoration:line-through;text-decoration-color:var(--sb-gold);color:var(--oh-grey)}
.nw-nlist li.done .ok{background:var(--sb-gold);color:#0B0B0C}
.nw-nlist .empty{display:block;background:none;color:var(--oh-grey);text-align:center;font-size:14px}
.nw-io{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:30px 0 0}
.nw-io .msg{font-size:13.5px;color:var(--oh-grey)}
@media (max-width:767px){.nw-nform{grid-template-columns:1fr}.nw-nform .nw-btn{grid-column:1}.nw-chal{padding:22px 16px}.nw-nlist li{grid-template-columns:1fr auto}.nw-nlist p{grid-column:1 / -1}}

/* ── 행사일정: 봉사 신청(전화) ── */
.nw-vol{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 14px;margin:-10px 0 26px;text-align:center}
.nw-vol .oh-btn{margin:0;background:var(--sb-gold);color:#141210!important}.nw-vol span{font-size:13.5px;color:var(--oh-grey)}

/* ── 개인정보처리방침: 쿠키 설정 바꾸기 ── */
.oh-consent-open{display:inline-block;margin:6px 0 4px;padding:8px 16px;border:1px solid var(--sb-house);border-radius:999px;background:#fff;color:var(--sb-house);font:700 13px var(--oh-font);cursor:pointer}

/* ── 쿠키 동의 창 (메타 픽셀 — 허용 전에는 불러오지 않음) ── */
.oh-consent{position:fixed;left:50%;bottom:16px;z-index:2147483000;display:flex;align-items:center;gap:16px;width:min(760px,calc(100% - 24px));padding:16px 18px 16px 22px;border-radius:20px;background:rgba(11,11,12,.97);color:#ECE8E0;font:500 14px/1.6 var(--oh-font);box-shadow:0 18px 44px rgba(0,0,0,.35);translate:-50% 0;animation:nwUp .6s var(--oh-ease) both}
.oh-consent[hidden]{display:none}
.oh-consent p{margin:0;word-break:keep-all}.oh-consent b{color:#E8D29F}.oh-consent a{color:#fff;font-weight:700}
.oh-consent .bt{display:flex;gap:8px;flex:none}
.oh-consent button{min-height:42px;padding:8px 18px;border:1px solid rgba(247,245,240,.35);border-radius:999px;background:transparent;color:#fff;font:700 14px var(--oh-font);cursor:pointer}
.oh-consent button.y{background:var(--sb-gold);border-color:var(--sb-gold);color:#0B0B0C}
.oh-consent button:hover{transform:translateY(-1px)}
@media (max-width:600px){.oh-consent{flex-direction:column;align-items:stretch;gap:10px;bottom:10px;padding:14px 16px;font-size:13.5px}.oh-consent .bt button{flex:1}.oh-p-welcome .oh-consent{bottom:76px}}

/* ── 동작 줄이기: 새 움직임 모두 멈춤 (내용은 그대로) ── */
@media (prefers-reduced-motion:reduce){
  .oh-cta a::before,.nw-word .motto,.nw-wcard .motto,.nw-tw .ic2,.nw-frame .pl,.nw-frame .poster::before,.nw-vplayer .pl,.nw-panel,.nw-r3dbox,.nw-frame iframe,.nw-vgrid li.pop,.nw-viewer .pg,.qz-card,.qz-fb,.qz-ops button.ok,.qz-ops button.no,.nw-chal .grid li,.nw-nlist li,.oh-consent,.oh-p-welcome .nw-sticky,#drawer.opened .oh-dr-cta,.nw-gcard.flash{animation:none!important}
  .nw-word .motto,.nw-wcard .motto{color:#fff;background:none}
  .nw-word .glow,.nw-wcard .glow,.nw-word .ring,.nw-tw .stack img,.nw-tw .paper,.nw-hero .bg{translate:none!important;rotate:none!important}
  .nw-tw .stack .s3{transform:rotate(8deg) translate(22px,6px)}.nw-tw .stack .s2{transform:rotate(4deg) translate(10px,2px)}.nw-tw .paper{transform:rotate(-3deg)}
  .nw-tl::after{transform:none}
  .qz-burst{display:none}
}

/* ── 게시판 글 페이지 · 전체 목록 (카페24 글 읽기 대신, 생성기 8번) ───────────── */
.oh-bmore{margin:28px 0 8px;text-align:center}
.oh-post{font-family:var(--oh-font);color:var(--sb-dark)}
.oh-post header{padding:0 0 22px;border-bottom:1px solid var(--oh-line)}
.oh-post .k{margin:0;font:800 12.5px var(--oh-lat);letter-spacing:.08em;color:var(--sb-accent)}
.oh-post h3{margin:10px 0 0;font-size:clamp(22px,2.6vw,30px);font-weight:900;line-height:1.35;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere}
.oh-post .m{margin:10px 0 0;font-size:14px;color:var(--oh-text)}
.oh-post .tx{margin:24px 0 0;font-size:16.5px;line-height:1.85;color:var(--sb-dark);word-break:keep-all;overflow-wrap:anywhere}
.oh-post .tx p{margin:0 0 8px}
.oh-post .ph{display:grid;gap:16px;margin:26px 0 0}
.oh-post figure{margin:0}
.oh-post figure img{display:block;width:100%;height:auto;border-radius:16px;background:var(--sb-mint)}
.oh-post .pn{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:36px 0 0;padding:20px 0 0;border-top:1px solid var(--oh-line)}
.oh-post .pn a{color:var(--sb-dark);text-decoration:none;min-width:0}
.oh-post .pn small{display:block;font-size:12px;font-weight:700;color:var(--sb-accent)}
.oh-post .pn span{display:block;font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oh-post .pn .pv{text-align:right}
.oh-post .pn .ls{padding:10px 20px;border-radius:999px;background:var(--sb-dark);color:#fff;font-weight:700;font-size:14px}
.oh-post .pn a:hover span{text-decoration:underline}
.oh-alist{display:grid;gap:8px;margin:18px 0 0;padding:0;list-style:none;font-family:var(--oh-font)}
.oh-alist a{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 18px;border-radius:14px;background:#fff;border:1px solid var(--oh-line);color:var(--sb-dark);text-decoration:none;transition:border-color .25s,transform .25s}
.oh-alist a:hover{border-color:var(--sb-gold);transform:translateX(4px)}
.oh-alist time{font:700 13px var(--oh-lat);color:var(--oh-grey)}
.oh-alist b{font-size:15.5px;font-weight:700;word-break:keep-all;overflow-wrap:anywhere}
.oh-alist span{font-size:12.5px;color:var(--sb-accent);white-space:nowrap}
.oh-alist.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.oh-alist.grid a{grid-template-columns:1fr;gap:6px;padding:0 0 14px;overflow:hidden}
.oh-alist.grid .th{display:block;aspect-ratio:4/3;background:var(--sb-mint)}
.oh-alist.grid .th img{display:block;width:100%;height:100%;object-fit:cover}
.oh-alist.grid b,.oh-alist.grid time{padding:0 14px}
.oh-alist.grid a:hover{transform:translateY(-3px)}
@media (max-width:640px){
  .oh-alist a{grid-template-columns:1fr;gap:4px}
  .oh-alist.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .oh-post .pn{grid-template-columns:1fr 1fr}.oh-post .pn .ls{grid-column:1/-1;grid-row:1;justify-self:center}
}
.oh-sub .webzine_type2 dl dd[class^="webzine_add"] .obj_value{color:var(--oh-grey)}   /* 원본 #a3a2a2 (2.5:1) → 4.5:1 이상 */

/* ── 관리자에서 올린 새 글 (live.js) ── */
.oh-livev{margin:0 0 34px}.oh-livev h4{font-size:19px;font-weight:900;margin:0 0 14px;word-break:keep-all}
.oh-livelist{margin:0 0 28px}
.oh-pdf{display:grid;place-content:center;gap:6px;aspect-ratio:418/560;width:100%;background:linear-gradient(160deg,#0B0B0C,#2A2826);color:#fff;text-align:center;border-radius:8px;text-decoration:none;font-size:15px;padding:16px;word-break:keep-all}
.oh-pdf b{font:900 24px/1.2 "Noto Sans KR",sans-serif;color:#C9A45C}.oh-pdf i{font-style:normal;font-size:13px;color:#C8C5BE}
.oh-gone{padding:30px 0;font-size:17px;word-break:keep-all}.oh-gone a{color:#7D6234;font-weight:800}
.oh-people ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;list-style:none;margin:0 0 40px;padding:0}
.oh-people li{display:grid;gap:4px;text-align:center;word-break:keep-all}
.oh-people img,.oh-people .ph{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px;background:#ECE8E0}
.oh-people b{font-size:17px}.oh-people span{color:#5E5B56;font-size:14px}
.oh-pop{max-width:min(440px,calc(100% - 32px));border:0;border-radius:18px;padding:26px;box-shadow:0 20px 60px rgba(0,0,0,.35);word-break:keep-all}
.oh-pop::backdrop{background:rgba(11,11,12,.55)}
.oh-pop .k{font:800 11px/1 Archivo,sans-serif;letter-spacing:.18em;color:#7D6234;margin:0 0 8px}
.oh-pop h2{font-size:22px;font-weight:900;margin:0 0 10px}.oh-pop .b{white-space:pre-line;line-height:1.7;margin:0 0 20px}
.oh-pop .bt{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.oh-pop button{font:inherit;font-size:14px;font-weight:700;border:1px solid #E2DDD3;background:#fff;border-radius:10px;padding:10px 14px;cursor:pointer}
.oh-pop button.y{background:#0B0B0C;color:#fff;border-color:#0B0B0C}
.nw-msg{margin:10px 0 0;font-weight:700;word-break:keep-all}.nw-msg.ok{color:#2F6B45}.nw-msg.no{color:#9A3B2E}
.nw-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* 메인 큰 영상 칸: 썸네일을 칸에 꽉 맞춰 다 보이게 (원래는 크기 지정이 없어 그림 왼쪽 위만 확대돼 보였음), 제목은 아래에 */
.ohn .mediatop .player{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#0B0B0C}
.ohn .pwrap{display:grid;gap:12px;min-width:0}
.ohn .pcap-out{margin:0;font-size:13px;line-height:1.55;color:rgba(255,255,255,.72);word-break:keep-all}
.ohn .pcap-out b{display:block;font-size:19px;font-weight:700;color:#fff;margin-bottom:4px}

/* ── 2026-10-05 이아영 제공 사진 줄 (주일학교·유아실·청년부·학생부·금요기도모임) ── */
.ohx-gal.ay li{aspect-ratio:3/2}
.ohx .ohx-gal.ay li img,.oh-fri .ohx-gal.ay li img{width:100%;height:100%;object-fit:cover}
.ohx-gal.ay.c2{grid-template-columns:repeat(2,1fr)}
.ohx-gal.ay.c3{grid-template-columns:repeat(3,1fr)}
.ohx-gal.ay.pt li{aspect-ratio:4/5}.ohx-gal.ay.pt img{object-position:center 25%}
@media (max-width:767px){.ohx-gal.ay.c3{grid-template-columns:1fr 1fr}.ohx-gal.ay.c3 li:first-child{grid-column:span 2}}
/* 예배안내: 시즌제 표시 · 금요중보기도모임 사진 카드 */
.oh-season{display:inline-block;font-size:.88em;color:#7D6234;font-weight:700;word-break:keep-all}
.oh-fri{box-sizing:border-box;margin:44px 0 0;padding:28px;border-radius:24px;background:var(--sb-cream);border:1px solid var(--oh-line)}
.oh-fri .ohx-t{margin-bottom:18px}
@media (max-width:767px){.oh-fri{padding:20px 16px;margin-top:32px}}

/* ── 칭찬합니다: 메인 띠 ── */
.nw-praiseband{padding:40px 0 80px;background:#fff}
.nw-praiseband .pb{position:relative;display:flex;align-items:center;gap:22px;padding:24px 28px;border-radius:24px;background:linear-gradient(120deg,#2a1640,#4a2470 60%,#5b2a86);color:#EFE6F7;text-decoration:none;overflow:hidden;box-shadow:var(--oh-sh);transition:transform .4s var(--oh-ease),box-shadow .4s}
.nw-praiseband .pb::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:rgba(201,164,92,.18)}
.nw-praiseband .pb:hover{transform:translateY(-4px);box-shadow:var(--oh-sh2)}
.nw-praiseband .gp{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.1)}
.nw-praiseband .gp svg{width:46px;height:46px}.nw-praiseband .gp circle{fill:#B28AD9}
.nw-praiseband .tx{display:grid;gap:4px;min-width:0;word-break:keep-all}
.nw-praiseband .k{font:800 11px/1 Archivo,sans-serif;letter-spacing:.18em;color:var(--sb-gold)}
.nw-praiseband b{font-size:20px;font-weight:900;color:#fff}
.nw-praiseband .t{font-size:14px;line-height:1.6;color:#D9C9EA}
.nw-praiseband i{margin-left:auto;font-style:normal;font-weight:900;font-size:22px;color:var(--sb-gold);transition:transform .3s}
.nw-praiseband .pb:hover i{transform:translateX(6px)}
@media (max-width:767px){.nw-praiseband{padding:0 0 56px}.nw-praiseband .pb{padding:20px 18px;gap:14px}.nw-praiseband .gp{width:52px;height:52px}.nw-praiseband b{font-size:17px}.nw-praiseband i{display:none}}

/* ── 칭찬합니다: 포도송이 (한 송이 30알) ── */
.nw-praise{display:grid;gap:26px}
.pr-vine{padding:28px 20px 22px;border-radius:26px;background:radial-gradient(circle at 50% 0,#FBF8F1,#F1EBDD);border:1px solid var(--oh-line);text-align:center}
.pr-clusters{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 34px;min-height:120px}
.pr-load{align-self:center;color:var(--oh-grey)}
.pr-cl{position:relative;width:min(300px,82vw);aspect-ratio:100/122;margin:0}
.pr-cl .stem{position:absolute;left:0;top:0;width:100%;height:auto;pointer-events:none}
.pr-cl .g.wait{cursor:default}
.pr-cl figcaption{position:absolute;left:0;right:0;bottom:0;font-size:12.5px;font-weight:700;color:var(--oh-grey)}
.pr-cl .g{position:absolute;width:13%;aspect-ratio:1;margin:0;padding:0;border:0;border-radius:50%;translate:-50% -50%;background:transparent}
.pr-cl .g.empty{border:1.5px dashed rgba(91,42,134,.22)}
.pr-cl .g.wait{background:radial-gradient(circle at 34% 30%,#fff 0 9%,#E6D7F3 22%,#CDB4E6 70%,#B99BD8);box-shadow:inset -3px -4px 6px rgba(91,42,134,.18)}
.pr-cl button.g.ok{cursor:pointer;background:radial-gradient(circle at 34% 30%,#E9D8FA 0 8%,#8E52C2 24%,#5B2A86 66%,#3B1760);box-shadow:inset -3px -4px 7px rgba(0,0,0,.28),0 4px 8px rgba(59,23,96,.25);transition:transform .25s var(--oh-ease)}
.pr-cl button.g.ok:hover,.pr-cl button.g.ok:focus-visible{transform:scale(1.18);outline:3px solid var(--sb-gold);outline-offset:2px}
@media (prefers-reduced-motion:no-preference){
  .pr-cl .g.pop{animation:prPop .55s var(--oh-ease) both;animation-delay:calc(var(--i,0) * 35ms)}
  @keyframes prPop{0%{transform:scale(0)}65%{transform:scale(1.22)}100%{transform:scale(1)}}
}
.pr-count{margin:18px 0 6px;font-size:15px;color:var(--oh-text);word-break:keep-all}.pr-count b{color:#5B2A86;font-size:18px}
.pr-key{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:0;padding:0;list-style:none;font-size:13px;color:var(--oh-grey)}
.pr-key li{display:flex;align-items:center;gap:6px}.pr-key i{width:14px;height:14px;border-radius:50%}
.pr-key .ok i{background:#5B2A86}.pr-key .wait i{background:#CDB4E6}
.pr-len{margin:-6px 0 0;font-size:12.5px;color:var(--oh-grey);text-align:right}.pr-len.over b{color:#B3261E}
.pr-msg{margin:0;font-size:14.5px;font-weight:700;color:#5B2A86;word-break:keep-all}.pr-msg.bad{color:#B3261E}
.pr-pop{max-width:min(440px,calc(100% - 32px));border:0;border-radius:22px;padding:28px 26px 22px;box-shadow:0 20px 60px rgba(0,0,0,.35);background:#fff;word-break:keep-all;text-align:left}
.pr-pop::backdrop{background:rgba(42,22,64,.55)}
.pr-pop .k{margin:0 0 10px;font:800 11px/1 Archivo,sans-serif;letter-spacing:.16em;color:#5B2A86}
.pr-pop .b{margin:0 0 10px;font-size:17px;line-height:1.75;color:var(--sb-dark);white-space:pre-line}
.pr-pop .d{margin:0 0 18px;font-size:13px;color:var(--oh-grey)}
.pr-pop[open]:not([data-modal]){position:fixed;inset:0;margin:auto;height:fit-content;z-index:1000}
@media (max-width:767px){.pr-vine{padding:22px 10px 18px}.pr-clusters{gap:14px}}

/* ═══════════ 2026-10-05 2차 (목업 review) ═══════════ */
/* 모임 표시 · 시즌 번호 */
.oh-tag{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;border:1px solid var(--sb-gold);color:var(--sb-house);font:700 11px/1.6 var(--oh-font);letter-spacing:0;vertical-align:2px;background:#FBF7EE}
.oh-season-n{font-family:var(--oh-lat);font-weight:800;color:var(--sb-house)}
.oh-cal .pr,.oh-dov .pr{--c:#4F5D46}

/* 다음 예배·모임까지 — 큰 갈라진 숫자 칸 + 모든 일정 개별 카운트다운 */
.oh-cd .cdg{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.oh-cd .card{justify-content:flex-start;padding:36px 32px 28px}
.oh-cd .card .lb{letter-spacing:.22em}
.oh-cd .clock{gap:12px;margin-top:26px}
.oh-cd .clock .tile{position:relative;display:block;padding:22px 4px 14px;border-radius:20px;background:linear-gradient(180deg,rgba(247,245,240,.13) 0,rgba(247,245,240,.07) 50%,rgba(0,0,0,.18) 50%,rgba(247,245,240,.05) 100%);border:1px solid rgba(247,245,240,.16);text-align:center;overflow:hidden;perspective:300px}
.oh-cd .clock .tile::after{content:"";position:absolute;left:10px;right:10px;top:50%;height:1px;background:rgba(0,0,0,.45);box-shadow:0 1px 0 rgba(247,245,240,.08)}
.oh-cd .clock .tile:last-child{background:linear-gradient(180deg,rgba(201,164,92,.34) 0,rgba(201,164,92,.22) 50%,rgba(125,98,52,.32) 50%,rgba(201,164,92,.18) 100%);border-color:rgba(201,164,92,.5)}
.oh-cd .clock .tile b{display:block;font-family:var(--oh-lat);font-size:56px;font-weight:800;line-height:1;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.oh-cd .clock .tile b.tick{animation:ohTick .45s var(--oh-ease)}
.oh-cd .clock .tile>span{display:block;margin-top:10px;font-size:12.5px;color:var(--sb-light);letter-spacing:.08em}
@keyframes ohTick{0%{transform:translateY(-22%) rotateX(60deg);opacity:.6}100%{transform:none;opacity:1}}
.oh-cd .week{display:flex;flex-direction:column;gap:6px;padding:24px 22px 18px}
.oh-cd .grp+.grp{margin-top:10px;padding-top:14px;border-top:1px solid var(--oh-line)}
.oh-cd .wt{display:flex;align-items:baseline;gap:8px;font-size:17px}
.oh-cd .wt small{font-size:12px;font-weight:500;color:var(--oh-grey)}
.oh-cd .sched li{grid-template-columns:132px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 10px}
.oh-cd .sched .when{display:flex;align-items:center;gap:8px}
.oh-cd .sched .dw{padding:0 10px;min-width:44px}
.oh-cd .sched .tm{font-size:14px;line-height:1.3}
.oh-cd .sched li.on .tm::after{display:none}
.oh-cd .sched .cnt{display:flex;flex-direction:column;align-items:flex-end;min-width:86px;text-align:right}
.oh-cd .sched .cnt .dd{font-family:var(--oh-lat);font-size:15px;font-weight:800;color:var(--sb-dark);white-space:nowrap}
.oh-cd .sched .cnt .hms{font-family:var(--oh-lat);font-size:12.5px;font-weight:600;color:var(--oh-grey);font-variant-numeric:tabular-nums;white-space:nowrap}
.oh-cd .sched .cnt .dd.now{color:#fff;background:var(--sb-house);padding:2px 9px;border-radius:999px;font-size:12px}
.oh-cd .sched li.on .cnt .dd{color:var(--sb-house)}
.oh-cd .sched.ev .dw{background:#F1EBDD;color:var(--sb-house)}
.oh-cd .sched.ev .tm{font-family:var(--oh-font)}
.oh-cd .grp .none{margin:8px 10px 0;font-size:13px;color:var(--oh-grey)}
html:not(.oh-js) .oh-cd .sched .cnt{display:none}
.oh-js .oh-cd .sched li{animation:ohRowIn .5s var(--oh-ease) both;animation-delay:calc(var(--i,0) * 60ms)}
@keyframes ohRowIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (max-width:900px){.oh-cd .cdg{grid-template-columns:1fr}}
@media (max-width:767px){
  .oh-cd .card{padding:26px 18px 20px}
  .oh-cd .clock{gap:7px;margin-top:18px}.oh-cd .clock .tile{padding:16px 2px 10px;border-radius:15px}.oh-cd .clock .tile b{font-size:38px}.oh-cd .clock .tile>span{font-size:11px;margin-top:7px}
  .oh-cd .week{padding:18px 10px 14px}
  .oh-cd .sched li{grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:11px 6px}
  .oh-cd .sched .when{grid-column:1}.oh-cd .sched .nm{grid-column:1/-1;grid-row:2}.oh-cd .sched .cnt{grid-column:2;grid-row:1;min-width:0}
}
@media (prefers-reduced-motion:reduce){.oh-cd .clock .tile b.tick,.oh-js .oh-cd .sched li{animation:none!important}}

/* 메뉴 페이지 머리 사진 — 메뉴별 실제 사진 · 아주 천천히 확대 + 스크롤 시차 · 글씨가 잘 보이게 어두운 그러데이션 */
.oh-sub .subvisual_box.oh-bn{background:#0B0B0C!important;overflow:hidden;height:300px}
.oh-bn .oh-bn-img{position:absolute;inset:-6% 0;background-size:cover;background-repeat:no-repeat;transform:translate3d(0,calc(var(--sy,0px) * .25),0);transform-origin:50% 40%;will-change:transform}
.oh-js .oh-bn .oh-bn-img{animation:ohKen 26s ease-in-out infinite alternate}
@keyframes ohKen{from{scale:1.02}to{scale:1.1}}
.oh-sub .subvisual_box.oh-bn::before{z-index:1;background:linear-gradient(180deg,rgba(11,11,12,.3) 0,rgba(11,11,12,.2) 35%,rgba(11,11,12,.74) 100%),linear-gradient(100deg,rgba(11,11,12,.5) 0,rgba(11,11,12,.12) 60%,rgba(201,164,92,.18) 100%)}
.oh-sub .subvisual_box.oh-bn::after{content:"";position:absolute;left:50%;bottom:26px;z-index:2;width:46px;height:3px;margin-left:-23px;border-radius:3px;background:var(--sb-gold)}
.oh-bn .subtitle_area{z-index:2}
.oh-bn .subpage_maintxt{text-shadow:0 2px 18px rgba(0,0,0,.45)!important}
.oh-bn .subpage_subtxt{color:#EDE6D6!important;text-shadow:0 1px 10px rgba(0,0,0,.5)!important}
@media (max-width:767px){.oh-sub .subvisual_box.oh-bn{height:210px}.oh-bn .oh-bn-img{inset:-4% 0}.oh-sub .subvisual_box.oh-bn::after{bottom:16px}}
@media (prefers-reduced-motion:reduce){.oh-bn .oh-bn-img{animation:none!important;transform:none!important}}

/* 섬기는이들 — 직분 제목: 상자 대신 금색 짧은 선 + 단정한 제목 · 제목과 사진 사이 간격 줄임 */
.oh-p-introduce-s04 .sub_titlebox2{margin-top:46px}
.oh-p-introduce-s04 .sub_titlename{display:inline-flex;align-items:center;gap:12px;padding:0;border:0;border-radius:0;font-size:21px;font-weight:900;letter-spacing:-.02em;color:var(--sb-dark)}
.oh-p-introduce-s04 .sub_titlename::before{content:"";width:26px;height:3px;border-radius:3px;background:var(--sb-gold)}
.oh-p-introduce-s04 .sub_titlearea{padding-bottom:10px;border-bottom:1px solid var(--oh-line)}
.oh-p-introduce-s04 .serve_peoplebox{margin-top:14px}
.oh-p-introduce-s04 .serve_peoplebox .margin_bottom4{margin:0}
@media (max-width:767px){.oh-p-introduce-s04 .sub_titlename{font-size:18px}.oh-p-introduce-s04 .sub_titlebox2{margin-top:32px}}

/* 따뜻한 소개 글 (주일학교 · 학생부) */
.ohx-prose{max-width:760px;margin:6px 0 22px}
.ohx-prose p{margin:0 0 12px;font-size:16px;line-height:1.95;color:var(--oh-text);word-break:keep-all}
.ohx-prose b{color:var(--sb-dark)}
@media (max-width:767px){.ohx-prose p{font-size:15px;line-height:1.85}}

/* 찾아오시는길 — 원본 약도를 옮겨 그린 움직이는 지도 */
.ohmap svg{position:static!important;display:block;width:100%;height:auto}
.ohmap .rt{stroke-dasharray:1;stroke-dashoffset:0}
.oh-js .ohmap:not(.in) .rt{stroke-dashoffset:1}
.oh-js .ohmap .rt{transition:stroke-dashoffset 2.2s cubic-bezier(.6,.1,.3,1)}
.oh-js .ohmap .r1{transition-delay:.6s}
.oh-js .ohmap .ants{opacity:0;transition:opacity .6s 2.6s}
.oh-js .ohmap.in .ants{opacity:.85}
.ohmap .ants{animation:ohAnts 1.4s linear infinite}
@keyframes ohAnts{to{stroke-dashoffset:-18}}
.oh-js .ohmap .lb{opacity:0;transition:opacity .7s ease}
.oh-js .ohmap.in .lb{opacity:1}
.oh-js .ohmap.in .pl{transition-delay:.3s}.oh-js .ohmap.in .rn{transition-delay:.5s}.oh-js .ohmap.in .tun{transition-delay:.9s}
.oh-js .ohmap .ch{opacity:0;transition:opacity .7s 2.4s}
.oh-js .ohmap.in .ch{opacity:1}
.ohmap .wv{animation:ohWave 6s linear infinite}
@keyframes ohWave{to{transform:translateX(-50px)}}
.oh-visit .vmap>.note{margin:10px 4px 0;font-size:12px;color:var(--oh-grey)}
.oh-visit .vmap>.note a{color:var(--sb-house);font-weight:700}
.oh-visit .maps-h{margin:18px 0 0;font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--sb-house)}
.oh-visit .maps-h+.maps{margin-top:8px}
@media (prefers-reduced-motion:reduce){.ohmap .rt,.ohmap .lb,.ohmap .ch,.ohmap .ants{transition:none!important;stroke-dashoffset:0!important;opacity:1!important}.ohmap .ants,.ohmap .wv{animation:none!important}}

/* 성경 퀴즈 — 친구 도전장 */
html.oh-js .nw-quiz:not([hidden])~.nw-qlist,html.oh-js .nw-quiz:not([hidden])~.nw-qlist-h{display:none}

/* 성경 탐험 — 시대·인물 그림 (코드로 그린 SVG) */
.nw-art{display:block;width:100%;height:auto;border-radius:14px;overflow:hidden}
.nw-tl .eh{display:grid;grid-template-columns:minmax(0,1fr) 168px;gap:18px;align-items:center}
.nw-tl .eh .nw-art{box-shadow:var(--oh-sh);transition:transform .5s var(--oh-ease)}
.nw-tl .era:hover .eh .nw-art{transform:rotate(-2deg) scale(1.03)}
.nw-gcard .pic{float:right;width:170px;margin:0 0 10px 16px}
.nw-gcard .pic .nw-art{box-shadow:var(--oh-sh)}
.nw-gcard.flash .pic{animation:ohPicIn .6s var(--oh-ease)}
@keyframes ohPicIn{from{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}
.nw-gcard::after{content:"";display:block;clear:both}
@media (max-width:767px){.nw-tl .eh{grid-template-columns:minmax(0,1fr) 112px;gap:12px}.nw-gcard .pic{width:120px;margin-left:12px}}

/* 나의 신앙노트 — 성경 읽기 기록 */
.nw-priv{margin:0 0 16px;background:#FBF7EE;border-color:#E6D6B4}
.nw-rform{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:16px;border-radius:18px;background:#fff;border:1px solid var(--oh-line)}
.nw-rform label{display:grid;gap:4px;font-size:12.5px;font-weight:700;color:var(--sb-house)}
.nw-rform select,.nw-rform input{height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--oh-line);background:#F7F5F0;font:500 15px var(--oh-font);color:var(--sb-dark)}
.nw-rform .bk{flex:1 1 220px}.nw-rform .bk select{width:100%}
.nw-rform .ch input{width:84px}
.nw-rform .tl{padding-bottom:12px;color:var(--oh-grey)}
.nw-rform button{height:44px}
.nw-rmsg{min-height:22px;margin:8px 4px 0;font-size:13.5px;color:var(--sb-house)}
.nw-rmsg.bad{color:#b0412e}
.nw-rmsg.flash{animation:ohRowIn .4s var(--oh-ease)}
.nw-rprog{display:grid;grid-template-columns:132px minmax(0,1fr);gap:22px;align-items:center;margin:14px 0;padding:20px 22px;border-radius:22px;background:linear-gradient(150deg,#0B0B0C,#1C1B1A);color:#F7F5F0}
.nw-rprog .ring{position:relative;width:132px;height:132px}
.nw-rprog svg{width:100%;height:100%;transform:rotate(-90deg)}
.nw-rprog circle{fill:none;stroke-width:10}
.nw-rprog .bg{stroke:rgba(247,245,240,.12)}
.nw-rprog .fg{stroke:#C9A45C;stroke-linecap:round;stroke-dasharray:0 100;transition:stroke-dasharray 1s var(--oh-ease)}
.nw-rprog .pct{position:absolute;inset:0;display:grid;place-items:center;font:800 24px var(--oh-lat);color:#fff}
.nw-rprog .k{margin:0;font:800 11px var(--oh-lat);letter-spacing:.2em;color:#C9A45C}
.nw-rprog .big{margin:4px 0 2px;font-size:15px;color:#B5B2AC}.nw-rprog .big b{font:800 30px var(--oh-lat);color:#fff}
.nw-rprog .sub{margin:0 0 10px;font-size:13px;color:#B5B2AC}
.nw-rprog .rbars p{display:flex;justify-content:space-between;margin:6px 0 4px;font-size:12.5px;color:#E8D29F}
.nw-rprog .rbars p span{color:#B5B2AC}
.nw-rprog .rbars>i{display:block;height:8px;border-radius:8px;background:rgba(247,245,240,.12);overflow:hidden}
.nw-rprog .rbars>i>i{display:block;height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,#7D6234,#C9A45C);transition:width 1s var(--oh-ease)}
.nw-rbook,.nw-rall,.nw-rrec{margin:14px 0;padding:16px;border-radius:18px;background:#fff;border:1px solid var(--oh-line)}
.nw-rbook .bt,.nw-rall .bt,.nw-rrec .bt{margin:0 0 10px;font-size:15px;color:var(--sb-dark)}
.nw-rbook .bt small,.nw-rall .bt small{display:block;margin-top:2px;font-size:12px;color:var(--oh-grey);font-weight:400}
.nw-rbook .cn{font:700 13px var(--oh-lat);color:var(--sb-house)}
.nw-rbook .cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(38px,1fr));gap:6px;margin:0;padding:0;list-style:none}
.nw-rbook .cg button{width:100%;height:36px;border-radius:9px;border:1px solid var(--oh-line);background:#F7F5F0;color:var(--oh-grey);font:700 12.5px var(--oh-lat);cursor:pointer;transition:background .25s,color .25s,transform .2s}
.nw-rbook .cg button:hover{transform:translateY(-2px);border-color:var(--sb-gold)}
.nw-rbook .cg button.on{background:#C9A45C;border-color:#C9A45C;color:#141210}
.nw-rbook .cg button.pop{animation:ohCell .5s var(--oh-ease) both;animation-delay:calc(var(--k) * 18ms)}
@keyframes ohCell{0%{transform:scale(.4);opacity:.3}70%{transform:scale(1.15)}100%{transform:none;opacity:1}}
.nw-rall .bg66{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:5px;margin:0;padding:0;list-style:none}
.nw-rall button{position:relative;width:100%;padding:7px 6px;border-radius:9px;border:1px solid var(--oh-line);background:linear-gradient(90deg,rgba(201,164,92,.45) var(--p),#F7F5F0 var(--p));font-size:12px;font-weight:500;color:var(--sb-dark);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nw-rall button.full{background:#C9A45C;border-color:#C9A45C;font-weight:700}
.nw-rall button.cur{outline:2px solid var(--sb-dark);outline-offset:1px}
.nw-rlog{margin:0;padding:0;list-style:none}
.nw-rlog li{display:flex;align-items:center;gap:12px;padding:9px 4px;border-bottom:1px dashed var(--oh-line);font-size:14px}
.nw-rlog li:last-child{border-bottom:0}
.nw-rlog time{font:600 12.5px var(--oh-lat);color:var(--oh-grey)}
.nw-rlog b{flex:1;color:var(--sb-dark)}.nw-rlog a{flex:1;color:#7D6234;text-decoration:none;font-weight:700}.nw-rlog a:hover b{text-decoration:underline}
.nw-rlog .del{border:0;background:none;color:var(--oh-grey);font-size:12.5px;cursor:pointer}
.nw-rlog .empty{color:var(--oh-grey);font-size:13.5px}
@media (max-width:767px){.nw-rprog{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:16px}.nw-rprog .ring{width:96px;height:96px}.nw-rprog .pct{font-size:18px}.nw-rform .ch input{width:70px}.nw-rall .bg66{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}}
@media (prefers-reduced-motion:reduce){.nw-rbook .cg button.pop,.nw-rmsg.flash,.nw-gcard.flash .pic{animation:none!important}.nw-rprog .fg,.nw-rprog .rbars>i>i{transition:none}}
.oh-cd .sched li[hidden]{display:none}
.oh-cd .cdg{align-items:start}
.oh-cd .card{position:sticky;top:96px}
@media (max-width:900px){.oh-cd .card{position:relative;top:0}}
.oh-cd .sched li .cnt .dd.now{color:#fff;background:var(--sb-accent)}
@media (max-width:767px){.nw-rform .bk{flex-basis:100%}.nw-rform .tl{padding-bottom:12px}}

/* ═══ 2026-10-05 (목업 review) ═══════════════════════════════════════════ */
/* 1. 다가오는 행사 — 날짜 딱지 + 1초마다 줄어드는 일·시·분·초 카드 */
.oh-evs{margin:26px 0 0}
.oh-evs .wt{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 14px;font-size:20px;font-weight:900;color:var(--sb-dark);word-break:keep-all}
.oh-evs .wt .k{font:800 11px/1 var(--oh-lat);letter-spacing:.22em;color:#7D6234}
.oh-evs .wt small{font-size:12.5px;font-weight:500;color:var(--oh-grey)}
.oh-evs .evc{display:grid;grid-template-columns:minmax(0,1fr);max-width:720px;gap:14px;margin:0;padding:0;list-style:none}
.oh-evs .evc li{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;align-items:center;padding:16px 18px 16px 16px;border-radius:22px;background:#fff;border:1px solid var(--oh-line);box-shadow:var(--oh-sh);overflow:hidden;transition:transform .4s var(--oh-ease),box-shadow .4s}
.oh-evs .evc li::after{content:"";position:absolute;right:-46px;top:-46px;width:120px;height:120px;border-radius:50%;border:18px solid rgba(201,164,92,.12);pointer-events:none}
.oh-evs .evc li:hover{transform:translateY(-4px);box-shadow:var(--oh-sh2)}
.oh-evs .ebd{display:grid;justify-items:center;align-content:center;height:86px;border-radius:18px;background:linear-gradient(160deg,#0B0B0C,#2A2723);color:#fff;box-shadow:inset 0 0 0 1px rgba(201,164,92,.35)}
.oh-evs .ebd .mo{font:800 11px/1 var(--oh-lat);letter-spacing:.08em;color:var(--sb-gold)}
.oh-evs .ebd b{font:800 34px/1.05 var(--oh-lat);color:#fff;font-variant-numeric:tabular-nums}
.oh-evs .ebd .dw{font-size:11.5px;color:var(--sb-light)}
.oh-evs .etx{display:grid;gap:6px;min-width:0}
.oh-evs .etx em{font-style:normal;font-size:16px;font-weight:900;line-height:1.4;color:var(--sb-dark);word-break:keep-all}
.oh-evs .eday{font-size:12.5px;color:var(--oh-grey)}
.oh-evs .ect{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:360px}
.oh-evs .ect>span{display:grid;justify-items:center;padding:5px 2px 4px;border-radius:10px;background:var(--sb-cream);border:1px solid var(--oh-line);overflow:hidden}
.oh-evs .ect>span:last-child{background:#F4EAD3;border-color:#E3CC98}
.oh-evs .ect b{display:block;font:800 24px/1.1 var(--oh-lat);color:var(--sb-dark);font-variant-numeric:tabular-nums}
.oh-evs .ect b.tick{animation:ohTick .45s var(--oh-ease)}
.oh-evs .ect i{font-style:normal;font-size:10.5px;color:var(--oh-grey)}
.oh-evs .evc li[hidden],.oh-evs .evc li.now .ect{display:none}
.oh-evs .evc li.now .etx::after{content:"오늘이에요";justify-self:start;padding:4px 12px;border-radius:999px;background:var(--sb-gold);color:#141210;font-size:12.5px;font-weight:800}
.oh-evs .evc li.now .ebd{background:linear-gradient(160deg,#7D6234,#C9A45C)}
.oh-evs .none{margin:4px 2px;font-size:13.5px;color:var(--oh-grey)}
html:not(.oh-js) .oh-evs .ect{display:none}
html:not(.oh-js) .oh-evs .evc li~li{display:none}
.oh-js .oh-evs .evc li{animation:ohRowIn .5s var(--oh-ease) both;animation-delay:calc(var(--i,0) * 70ms)}
@media (max-width:767px){.oh-evs .evc{grid-template-columns:1fr;gap:10px}.oh-evs .evc li{grid-template-columns:64px minmax(0,1fr);gap:12px;padding:12px}.oh-evs .ebd{height:76px}.oh-evs .ebd b{font-size:28px}.oh-evs .ect{max-width:none}}
@media (prefers-reduced-motion:reduce){.oh-evs .ect b.tick,.oh-js .oh-evs .evc li{animation:none!important}.oh-evs .evc li:hover{transform:none}}

/* 3. 칭찬합니다 — 누구를 칭찬하나요? · 포도가 가장 많이 열린 분 */
.pr-form .pr-to input{width:100%;height:50px;padding:0 16px;border:1px solid var(--oh-line);border-radius:16px;background:var(--sb-cream);font:500 15.5px var(--oh-font);color:var(--sb-dark)}
.pr-form .pr-to input:focus{outline:0;border-color:#8B5CB8;background:#fff;box-shadow:0 0 0 4px rgba(91,42,134,.14)}
.pr-form .pr-to small{margin-left:6px;font-size:12px;font-weight:500;color:var(--oh-grey)}
.pr-pop .to{margin:0 0 8px;font-size:15px;font-weight:900;color:#5B2A86}.pr-pop .to:empty{display:none}
.pr-rank{padding:26px 24px;border-radius:26px;background:linear-gradient(150deg,#21122F,#3A1D58 60%,#4A2470);color:#EFE6F7;box-shadow:var(--oh-sh)}
.pr-rank .k{margin:0;font:800 11px/1 var(--oh-lat);letter-spacing:.2em;color:var(--sb-gold)}
.pr-rank h4{margin:8px 0 4px;font-size:23px;font-weight:900;color:#fff;word-break:keep-all}
.pr-rank .ds{margin:0 0 16px;font-size:14px;line-height:1.6;color:#D9C9EA;word-break:keep-all}
.pr-top{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.pr-top li{animation:ohRowIn .5s var(--oh-ease) both;animation-delay:calc(var(--k,0) * 60ms)}
.pr-top button{display:grid;grid-template-columns:34px minmax(0,auto) minmax(60px,1fr) auto;align-items:center;gap:12px;width:100%;padding:10px 14px;border:1px solid rgba(239,230,247,.16);border-radius:16px;background:rgba(255,255,255,.06);color:#fff;font:inherit;text-align:left;cursor:pointer;transition:background .3s,transform .3s var(--oh-ease)}
.pr-top button:hover,.pr-top button[aria-pressed=true]{background:rgba(201,164,92,.2);border-color:rgba(201,164,92,.6);transform:translateX(4px)}
.pr-top .no{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.12);font:800 13px var(--oh-lat)}
.pr-top li:nth-child(1) .no{background:var(--sb-gold);color:#141210}.pr-top li:nth-child(2) .no{background:#D9D4CA;color:#141210}.pr-top li:nth-child(3) .no{background:#B08D57;color:#141210}
.pr-top b{font-size:15.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-top .gb{display:block;height:16px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}
.pr-top .gb i{display:block;width:var(--w);height:100%;border-radius:999px;background:radial-gradient(circle at 50% 45%,#B28AD9 0 3.2px,#7B44AE 3.6px 5.4px,transparent 5.8px) 0 50%/12px 16px repeat-x,linear-gradient(90deg,rgba(91,42,134,.6),rgba(123,68,174,.35));animation:prGrow 1s var(--oh-ease) both}
@keyframes prGrow{from{width:0}}
/* 순위 모션 (2026-10-05): 화면에 들어오면(.in) 막대가 자라고 끝의 포도가 살짝 튄다 · 1~3위 메달 */
.pr-top .gb{position:relative;overflow:visible}.pr-top .gb i{position:relative;animation:none;width:0}
.pr-rank.in .gb i{width:var(--w);animation:prGrow 1.1s var(--oh-ease) both;animation-delay:calc(var(--k,0) * 70ms)}
.pr-top .gb em{position:absolute;right:-9px;top:50%;font-style:normal;font-size:15px;line-height:1;transform:translateY(-50%);opacity:0;transition:opacity .3s}
.pr-rank.in .gb em{opacity:1;animation:prBounce 2.4s ease-in-out infinite;animation-delay:calc(1.1s + var(--k,0) * 120ms)}
@keyframes prBounce{0%,70%,100%{transform:translateY(-50%)}80%{transform:translateY(-85%) rotate(-8deg)}90%{transform:translateY(-45%)}}
.pr-top .no.md{background:none!important;font-size:21px;line-height:1}
.pr-top .gb em{pointer-events:none}
.pr-top .n{font:800 18px var(--oh-lat);color:var(--sb-gold)}.pr-top .n small{margin-left:2px;font-size:11px;color:#D9C9EA}
.pr-who{margin:14px 0 0;padding:18px;border-radius:18px;background:#fff;color:var(--sb-dark)}
.pr-who.flash{animation:nwPop .45s var(--oh-ease)}
.pr-who .h{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;font-size:15px}.pr-who .h b{color:#5B2A86}.pr-who .h span{font-size:12.5px;color:var(--oh-grey)}
.pr-who .x{margin-left:auto;padding:6px 12px;border:1px solid var(--oh-line);border-radius:999px;background:#fff;font:700 12.5px var(--oh-font);cursor:pointer}
.pr-who ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.pr-who li{padding:12px 14px;border-radius:14px;background:#F6F1FA;border-left:4px solid #7B44AE}
.pr-who li p{margin:0;font-size:15px;line-height:1.7;white-space:pre-line;word-break:keep-all}.pr-who time{font-size:12px;color:var(--oh-grey)}
@media (max-width:767px){.pr-rank{padding:22px 14px}.pr-top button{grid-template-columns:30px minmax(0,1fr) auto;gap:8px 10px}.pr-top .gb{grid-column:2/4;grid-row:2}}
@media (prefers-reduced-motion:reduce){.pr-top li,.pr-top .gb i,.pr-top .gb em,.pr-who.flash{animation:none!important}.pr-top .gb i{width:var(--w)!important}.pr-top .gb em{opacity:1}.pr-top button:hover{transform:none}}

/* 4. 나의 신앙노트 — 나만의 달력 · 성경 읽기 날짜 · 음성으로 듣기 */
.nw-cal{margin:0 0 30px;padding:24px;border-radius:26px;background:#fff;border:1px solid var(--oh-line);box-shadow:var(--oh-sh)}
.nw-cal .hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px}
.nw-cal h4{margin:6px 0 0;font-size:24px;font-weight:900;color:var(--sb-dark)}
.nw-cal .who{margin:4px 0 0;font-size:14px;font-weight:700;color:#7D6234}
.nw-cal .nav{display:flex;align-items:center;gap:6px}
.nw-cal .nav button{min-width:40px;height:40px;padding:0 12px;border:1px solid var(--oh-line);border-radius:999px;background:#fff;font:800 16px var(--oh-font);color:var(--sb-dark);cursor:pointer;transition:background .25s}
.nw-cal .nav button:hover{background:var(--sb-cream)}.nw-cal .nav .td{font-size:13px}
.nw-cal .ym{min-width:108px;text-align:center;font:800 16px var(--oh-lat);color:var(--sb-dark)}
.nw-cal .key{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 10px;padding:0;list-style:none;font-size:12.5px;color:var(--oh-text)}
.nw-cal .key li::before,.nw-cal .dots i{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--c)}
.nw-cal .key li::before{margin-right:5px;vertical-align:0}
.nw-cal .med{--c:#7D6234}.nw-cal .gratitude{--c:#C9A45C}.nw-cal .prayer{--c:#5B2A86}.nw-cal .read{--c:#3E6B5A}
.nw-cal .dw,.nw-cal .days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none}
.nw-cal .dw li{padding:4px 0;text-align:center;font-size:12px;font-weight:700;color:var(--oh-grey)}.nw-cal .dw li:first-child{color:#b0412e}
.nw-cal .days button{display:grid;align-content:space-between;justify-items:center;width:100%;aspect-ratio:1/.86;padding:6px 2px;border:1px solid transparent;border-radius:12px;background:var(--sb-cream);font:inherit;cursor:pointer;transition:background .25s,transform .25s var(--oh-ease)}
.nw-cal .days button b{font:700 14px var(--oh-lat);color:var(--sb-dark)}
.nw-cal .days button.has{background:#fff;border-color:var(--oh-line);box-shadow:0 4px 12px rgba(11,11,12,.06)}
.nw-cal .days button:hover{transform:translateY(-2px)}
.nw-cal .days button.td{border-color:var(--sb-gold);box-shadow:0 0 0 2px rgba(201,164,92,.35)}
.nw-cal .days button.on{background:var(--sb-dark)}.nw-cal .days button.on b{color:#fff}
.nw-cal .dots{display:flex;gap:3px;min-height:9px}
.nw-cal .day{margin-top:14px;padding:16px 18px;border-radius:18px;background:var(--sb-cream)}
.nw-cal .day.flash{animation:ohRowIn .4s var(--oh-ease)}
.nw-cal .day h5{margin:0 0 10px;font-size:16px;font-weight:900;color:var(--sb-dark)}
.nw-cal .day .hint{margin:0;font-size:13.5px;color:var(--oh-grey)}
.nw-cal .day ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.nw-cal .day li{padding:10px 14px;border-radius:12px;background:#fff;border-left:4px solid var(--c)}
.nw-cal .day li .t{font-size:12px;font-weight:800;color:var(--c)}
.nw-cal .day li p{margin:2px 0 0;font-size:14.5px;line-height:1.65;white-space:pre-line;word-break:keep-all;color:var(--oh-ink)}
.nw-rform .dt input{width:160px}
.nw-listen{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:14px 0 0}
.nw-listen small{font-size:12.5px;color:var(--oh-grey);word-break:keep-all}
@media (max-width:767px){.nw-cal{padding:18px 12px}.nw-cal .days{gap:3px}.nw-cal .days button{border-radius:9px;padding:4px 1px}.nw-cal .days button b{font-size:12.5px}.nw-cal .dots i{width:6px;height:6px}.nw-cal .nav{width:100%;justify-content:space-between}.nw-rform .dt{flex-basis:100%}.nw-rform .dt input{width:100%}}
@media (prefers-reduced-motion:reduce){.nw-cal .day.flash{animation:none}.nw-cal .days button:hover{transform:none}}

/* 6. 성경 탐험 — 자세히 보기 창 (어린이도 읽기 쉽게: 큰 글씨 · 낱말 풀이 · 생각해 볼 질문) */
.nw-tl .bn[data-id],.nw-tl .eh[data-id]{cursor:pointer}
.nw-tl .bn[data-id]:focus-visible,.nw-tl .eh[data-id]:focus-visible{outline:3px solid var(--sb-gold);outline-offset:3px}
.oh-js .nw-tl .bn[data-id]::after{content:"자세히 →";display:block;margin-top:8px;font-size:12px;font-weight:800;color:#7D6234}
.nw-bdlg{width:min(680px,calc(100% - 32px));max-height:calc(100% - 48px);padding:0;border:0;border-radius:28px;background:#FFFDF8;box-shadow:0 30px 80px rgba(0,0,0,.4);color:var(--oh-ink);overflow:hidden}
.nw-bdlg::backdrop{background:rgba(11,11,12,.6)}
.nw-bdlg .bd-in{position:relative;max-height:calc(100vh - 48px);overflow:auto;padding:26px 28px 0}
.nw-bdlg .bd-in.flash{animation:nwPop .4s var(--oh-ease)}
.nw-bdlg .bd-x{position:sticky;top:0;float:right;z-index:2;width:42px;height:42px;margin:-8px -10px 0 0;border:0;border-radius:50%;background:var(--sb-dark);color:#fff;font:400 26px/1 var(--oh-font);cursor:pointer}
.nw-bdlg .bd-pic .nw-art{display:block;width:100%;max-width:340px;height:auto;margin:0 auto;border-radius:20px;box-shadow:var(--oh-sh)}
.nw-bdlg .bd-ty{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 4px;font-size:13px;font-weight:700;color:var(--oh-grey)}
.nw-bdlg .bd-ty span{padding:3px 10px;border-radius:999px;background:var(--sb-dark);color:var(--sb-gold);font-size:12px;font-weight:800}
.nw-bdlg h3{margin:0;font-size:30px;font-weight:900;letter-spacing:-.02em;color:var(--sb-dark);word-break:keep-all}
.nw-bdlg .bd-ref{margin:6px 0 0;font-size:15px;font-weight:700;color:#7D6234}.nw-bdlg .bd-ref i{font-style:normal}
.nw-bdlg .bd-kid{margin:16px 0 0}
.nw-bdlg .bd-kid p{margin:0 0 12px;font-size:19px;line-height:1.85;color:var(--oh-ink);word-break:keep-all}
.nw-bdlg .h{margin:0 0 8px;font-size:14px;font-weight:900;color:var(--sb-dark)}
.nw-bdlg .bd-words{margin:16px 0 0;padding:16px 18px;border-radius:18px;background:#F4EAD3;border:1px dashed #C9A45C}
.nw-bdlg .bd-words .h::before{content:"📝 "}
.nw-bdlg .bd-words dl{display:grid;gap:8px;margin:0}
.nw-bdlg .bd-words div{display:grid;grid-template-columns:minmax(72px,auto) 1fr;gap:10px;align-items:baseline}
.nw-bdlg .bd-words dt{padding:2px 10px;border-radius:999px;background:#fff;font-size:15px;font-weight:900;color:#7D6234;text-align:center}
.nw-bdlg .bd-words dd{margin:0;font-size:16px;line-height:1.65;word-break:keep-all}
.nw-bdlg .bd-ask{margin:14px 0 0;padding:16px 18px;border-radius:18px;background:var(--sb-dark);color:#fff}
.nw-bdlg .bd-ask .h{color:var(--sb-gold)}.nw-bdlg .bd-ask .h::before{content:"💭 "}
.nw-bdlg .bd-ask p:last-child{margin:0;font-size:18px;line-height:1.7;word-break:keep-all}
.nw-bdlg .bd-sub{margin:14px 0 0}
.nw-bdlg .bd-sub button{margin:0 6px 6px 0;padding:7px 14px;border:1px solid var(--oh-line);border-radius:999px;background:#fff;font:700 14px var(--oh-font);color:var(--sb-dark);cursor:pointer}
.nw-bdlg .bd-sub button:hover{background:var(--sb-gold)}
.nw-bdlg .bd-rf{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0 0;font-size:13px;color:var(--oh-grey)}
.nw-bdlg .bd-rf a{padding:3px 10px;border-radius:999px;background:var(--sb-cream);color:var(--sb-house);font-size:12.5px;font-weight:700;text-decoration:none}
.nw-bdlg .bd-nav{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:10px;margin:18px -28px 0;padding:12px 20px;background:rgba(255,253,248,.97);border-top:1px solid var(--oh-line)}
.nw-bdlg .bd-nav button{min-width:96px;height:44px;padding:0 16px;border:0;border-radius:999px;background:var(--sb-gold);color:#141210;font:800 15px var(--oh-font);cursor:pointer}
.nw-bdlg .bd-nav button:disabled{opacity:.35;cursor:default}
.nw-bdlg .bd-nav span{font:700 13px var(--oh-lat);color:var(--oh-grey)}
@media (max-width:767px){
  .nw-bdlg{width:100%;max-width:100%;max-height:92vh;margin:auto 0 0;border-radius:24px 24px 0 0}
  .nw-bdlg[open]{animation:nwSheet .35s var(--oh-ease)}
  .nw-bdlg .bd-in{max-height:92vh;padding:20px 16px 0}.nw-bdlg .bd-nav{margin:16px -16px 0;padding:10px 12px}
  .nw-bdlg h3{font-size:25px}.nw-bdlg .bd-kid p{font-size:17.5px}
}
@keyframes nwSheet{from{transform:translateY(40%);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.nw-bdlg[open],.nw-bdlg .bd-in.flash{animation:none!important}}

/* 7. 성경 퀴즈 — 새 문제 · 다 풀었을 때 알림 · 푼 문제 수 */

/* 사진 크게 보기 (oh.js) */
.ohx-gal li.oh-lbable{cursor:zoom-in;position:relative}
.ohx-gal li.oh-lbable:focus-visible{outline:3px solid var(--sb-gold);outline-offset:3px}
.ohx-gal li.oh-lbable::after{content:"⤢";position:absolute;right:10px;bottom:10px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(11,11,12,.55);color:#fff;font-size:15px;opacity:0;transform:scale(.8);transition:opacity .25s,transform .25s;pointer-events:none}
.ohx-gal li.oh-lbable:hover::after,.ohx-gal li.oh-lbable:focus-visible::after{opacity:1;transform:none}
.ohx-gal.ay li img{transition:transform .5s var(--oh-ease)}
.ohx-gal.ay li.oh-lbable:hover img{transform:scale(1.04)}
html.oh-lb-on{overflow:hidden}
.oh-lb{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:56px 64px;background:rgba(11,11,12,.92);animation:ohLbBg .25s ease both}
.oh-lb[hidden]{display:none}
.oh-lb figure{margin:0;display:grid;justify-items:center;gap:12px;max-width:100%;max-height:100%}
.oh-lb img{max-width:min(1200px,100%);max-height:calc(100vh - 150px);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.5);object-fit:contain}
.oh-lb img.in{animation:ohLbIn .35s cubic-bezier(.2,.8,.2,1) both}
.oh-lb figcaption{color:#F7F5F0;font-size:14px;text-align:center;word-break:keep-all}
.oh-lb button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;width:46px;height:46px;border-radius:50%;font-size:26px;line-height:1;cursor:pointer;transition:background .2s}
.oh-lb button:hover,.oh-lb button:focus-visible{background:var(--sb-gold);color:#141210;outline:none}
.oh-lb .x{top:14px;right:14px;font-size:18px}
.oh-lb .pv{left:12px;top:50%;margin-top:-23px}.oh-lb .nx{right:12px;top:50%;margin-top:-23px}
.oh-lb.one .pv,.oh-lb.one .nx,.oh-lb.one .n{display:none}
.oh-lb .n{position:absolute;left:0;right:0;bottom:14px;pointer-events:none;margin:0;text-align:center;color:#C9A45C;font:700 13px/1 var(--oh-lat);letter-spacing:.1em}
@keyframes ohLbBg{from{opacity:0}}
@keyframes ohLbIn{from{opacity:0;transform:scale(.94)}}
@media (max-width:767px){.oh-lb{padding:56px 10px 44px}.oh-lb .pv,.oh-lb .nx{top:auto;bottom:6px;margin:0;width:40px;height:40px}.oh-lb .pv{left:12px}.oh-lb .nx{right:12px}}
@media (prefers-reduced-motion:reduce){.oh-lb,.oh-lb img.in{animation:none}.ohx-gal.ay li.oh-lbable:hover img{transform:none}}

/* ── 성경 퀴즈 (2026-10-05 다시 디자인: 작고 단정한 글자 · 흰 카드 · 얇은 테두리 단추 · 진행 막대 · 결과 카드) ── */
.nw-quiz{max-width:760px;margin:0 auto 40px;--qz-ink:#1B1A18;--qz-sub:#6E6A63;--qz-line:#E6E1D6;--qz-soft:#FAF8F3;--qz-ok:#7D6234;--qz-okbg:#F6EEDC;--qz-no:#9B3B30;--qz-nobg:#FBEDEA}
.qz-start,.qz-card,.qz-end{position:relative;overflow:hidden;isolation:isolate;padding:36px 40px;border-radius:22px;background:#fff;border:1px solid var(--qz-line);color:var(--qz-ink);box-shadow:0 1px 2px rgba(11,11,12,.04),0 18px 40px -24px rgba(11,11,12,.25)}
.qz-start,.qz-end{text-align:center}
.qz-start::before,.qz-end::before,.qz-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#7D6234,#C9A45C,#E8D29F)}
.qz-start p.big{margin:6px 0 0;font:800 56px/1 var(--oh-lat);color:var(--qz-ink);letter-spacing:-.02em}
.qz-start p.big small{font:600 15px var(--oh-font);color:var(--qz-sub);margin-left:6px;letter-spacing:0}
.qz-start p{margin:12px 0 0;font-size:15px;line-height:1.7;color:var(--qz-sub);word-break:keep-all}
.qz-start .nw-btn{margin-top:22px}
.qz-card{text-align:left;animation:qzIn .5s cubic-bezier(.2,.8,.2,1) both}
.qz-top{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--qz-sub)}
.qz-top .no{font:600 12.5px var(--oh-lat);letter-spacing:.06em}
.qz-top .no b{font-size:15px;color:var(--qz-ink)}
.qz-top .sc{margin-left:auto;padding:4px 10px;border-radius:999px;background:var(--qz-soft);border:1px solid var(--qz-line)}
.qz-top .sc b{color:var(--qz-ok)}
.qz-new{padding:5px 12px;border:1px solid var(--qz-line);border-radius:999px;background:#fff;color:var(--qz-sub);font:600 12px var(--oh-font);cursor:pointer;transition:border-color .2s,color .2s}
.qz-new:hover,.qz-new:focus-visible{border-color:#C9A45C;color:var(--qz-ok);outline:none}
.qz-new i{font-style:normal}
.qz-notice{margin:12px 0 0;padding:9px 12px;border-radius:12px;background:var(--qz-okbg);color:var(--qz-ok);font-size:13px;font-weight:600;word-break:keep-all}
.qz-bar{height:4px;margin:14px 0 24px;border-radius:4px;background:#EFEBE3;overflow:hidden}
.qz-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#7D6234,#C9A45C);transition:width .7s cubic-bezier(.2,.8,.2,1)}
.qz-q{margin:0;font-size:19px;font-weight:700;line-height:1.6;letter-spacing:-.01em;color:var(--qz-ink);word-break:keep-all}
.qz-ops{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 0}
.qz-ops button{position:relative;display:flex;align-items:center;gap:12px;min-height:54px;padding:12px 44px 12px 14px;border:1px solid var(--qz-line);border-radius:14px;background:#fff;color:var(--qz-ink);font:500 15px/1.5 var(--oh-font);text-align:left;cursor:pointer;word-break:keep-all;transition:border-color .2s,background .2s,box-shadow .2s,transform .15s,opacity .3s;animation:qzOp .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.12s + var(--i,0) * 60ms)}
.qz-ops .k{flex:0 0 26px;height:26px;display:grid;place-items:center;border-radius:8px;background:var(--qz-soft);border:1px solid var(--qz-line);font:700 12px var(--oh-lat);color:var(--qz-sub);transition:background .2s,border-color .2s,color .2s}
.qz-ops button:hover:not([disabled]),.qz-ops button:focus-visible{border-color:#C9A45C;background:var(--qz-soft);box-shadow:0 6px 16px -10px rgba(125,98,52,.45);outline:none}
.qz-ops button:hover:not([disabled]) .k{border-color:#C9A45C;color:var(--qz-ok)}
.qz-ops button:active:not([disabled]){transform:scale(.98)}
.qz-ops button[disabled]{cursor:default}
.qz-ops button.ok{border-color:#C9A45C;background:var(--qz-okbg);color:var(--qz-ok);font-weight:700}
.qz-ops button.ok .k{background:#C9A45C;border-color:#C9A45C;color:#fff}
.qz-ops button.no{border-color:#E2B3AB;background:var(--qz-nobg);color:var(--qz-no);animation:qzShake .4s}
.qz-ops button.no .k{background:var(--qz-no);border-color:var(--qz-no);color:#fff}
.qz-ops button.dim{opacity:.45}
.qz-ops .mk{position:absolute;right:14px;top:50%;width:20px;height:20px;margin-top:-10px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.qz-ops .mk path{stroke-dasharray:30;stroke-dashoffset:30;animation:qzDraw .45s .1s ease-out forwards}
.qz-ops button.ok.picked{animation:qzPop .45s cubic-bezier(.3,1.6,.5,1)}
.qz-ops.ox{grid-template-columns:1fr 1fr}
.qz-ops.ox button{justify-content:center;min-height:96px;padding:12px;font:300 44px/1 var(--oh-lat)}
.qz-ops.ox .mk{top:12px;margin-top:0}
.qz-fb{margin:20px 0 0;padding:14px 16px;border-radius:14px;background:var(--qz-soft);border-left:3px solid #C9A45C;animation:qzIn .4s cubic-bezier(.2,.8,.2,1) both}
.qz-fb b{display:block;font-size:15px}
.qz-fb b.ok{color:var(--qz-ok)}
.qz-fb b.no{color:var(--qz-no)}
.qz-fb p{margin:6px 0 0;font-size:14px;line-height:1.7;color:#4A4741}
.qz-fb .rf{color:var(--qz-ok);font-weight:600}
.qz-fb:focus{outline:none}
.qz-src a{color:#7D6234;font-weight:700;text-decoration:underline;text-underline-offset:3px;word-break:keep-all;white-space:nowrap}
.qz-fb .qz-src{margin-top:8px;font-weight:600;color:#4A4741}
.qz-end .rv .qz-src{display:block;margin-top:2px;font-size:12.5px}
.qz-next{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:16px}
.qz-burst{position:absolute;inset:0;pointer-events:none;z-index:2}
.qz-burst i{position:absolute;width:7px;height:7px;border-radius:2px;animation:nwBurst 1s cubic-bezier(.2,.7,.3,1) forwards}
.qz-end .ohx-en{margin:4px 0 0;font-size:11.5px;letter-spacing:.24em}
.qz-end .score{margin:10px 0 0;font:800 72px/1 var(--oh-lat);color:var(--qz-ink);letter-spacing:-.03em}
.qz-end .score small{font:600 20px var(--oh-lat);color:var(--qz-sub);letter-spacing:0}
.qz-end .dots{display:flex;justify-content:center;gap:6px;margin:16px 0 0;padding:0;list-style:none}
.qz-end .dots li{width:22px;height:6px;border-radius:3px;background:#EFEBE3;animation:qzOp .4s both;animation-delay:calc(.6s + var(--i) * 70ms)}
.qz-end .dots li.o{background:#C9A45C}
.qz-end .msg{margin:14px 0 0;font-size:16px;font-weight:700;color:var(--qz-ink);word-break:keep-all}
.qz-vs{margin:6px 0 0;font-size:14.5px;font-weight:700;color:var(--qz-ok)}
.qz-seen{margin:8px 0 0;font-size:13px;color:var(--qz-sub)}
.qz-seen b{color:var(--qz-ok)}
.qz-end .bt{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
.qz-end .rv{display:grid;gap:6px;margin:24px auto 0;max-width:620px;padding:0;list-style:none;text-align:left}
.qz-end .rv li{padding:9px 12px;border-radius:10px;background:var(--qz-soft);border:1px solid var(--qz-line);font-size:13.5px;line-height:1.55;color:#4A4741}
.qz-end .rv li.x{background:var(--qz-nobg);border-color:#F0D3CD}
.qz-friend{margin:0 auto 14px;padding:8px 14px;max-width:420px;border-radius:999px;background:var(--qz-okbg);color:var(--qz-ok);font-size:13.5px;text-align:center}
.qz-friend b{color:var(--qz-ink)}
.qz-share{margin:14px auto 0;max-width:520px;padding:10px 14px;border-radius:12px;background:var(--qz-soft);border:1px solid var(--qz-line);color:#4A4741;font-size:13.5px;line-height:1.6;text-align:center;word-break:keep-all}
.qz-share b{color:var(--qz-ok)}
.qz-share input{display:block;width:100%;margin-top:8px;padding:8px 10px;border-radius:8px;border:1px solid var(--qz-line);background:#fff;color:var(--qz-ink);font-size:13px}
.nw-quiz .nw-btn.glass{background:#fff;color:var(--qz-ink)!important;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--qz-line);box-shadow:none}
.nw-quiz .nw-btn.glass:hover{background:#FAF8F3;border-color:#C9A45C;color:var(--qz-ok)!important}
@keyframes qzIn{from{opacity:0;transform:translateX(18px)}}
@keyframes qzOp{from{opacity:0;transform:translateY(8px)}}
@keyframes qzDraw{to{stroke-dashoffset:0}}
@keyframes qzPop{0%{transform:scale(.97)}55%{transform:scale(1.03)}100%{transform:none}}
@keyframes qzShake{0%,100%{transform:none}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
@media (max-width:767px){
  .qz-start,.qz-card,.qz-end{padding:24px 18px;border-radius:18px}
  .qz-q{font-size:17px}
  .qz-ops{grid-template-columns:1fr;gap:8px}
  .qz-ops button{min-height:50px;font-size:14.5px}
  .qz-ops.ox{grid-template-columns:1fr 1fr}
  .qz-ops.ox button{min-height:80px;font-size:38px}
  .qz-start p.big{font-size:46px}
  .qz-end .score{font-size:60px}
  .qz-top{flex-wrap:wrap}
  .qz-next .nw-btn{flex:1 1 auto;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .qz-card,.qz-ops button,.qz-fb,.qz-end .dots li,.qz-ops button.no,.qz-ops button.ok.picked{animation:none!important}
  .qz-ops .mk path{animation:none;stroke-dashoffset:0}
  .qz-burst{display:none}
}

/* ── 교회 AI 도우미 (oh/ai.js) — 물어보기 단추 · 창(휴대폰은 아래에서 올라오는 시트) ── */
.oh-ai-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border:1px solid #C9A45C;border-radius:999px;background:#fff;color:#7D6234;font:700 14px var(--oh-font);cursor:pointer;transition:background .2s,color .2s,transform .15s,box-shadow .2s}
.oh-ai-btn:hover,.oh-ai-btn:focus-visible{background:#F6EEDC;box-shadow:0 6px 16px -10px rgba(125,98,52,.55);outline:none}
.oh-ai-btn:active{transform:scale(.97)}
.oh-ai-wrap{margin:16px 0 0}
.nw-rbook .oh-ai-wrap{margin:10px 0 0}
html.oh-ai-on{overflow:hidden}
.oh-ai{width:min(560px,calc(100% - 32px));max-height:min(720px,calc(100% - 48px));padding:0;border:0;border-radius:22px;background:#fff;color:#1B1A18;box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden}
.oh-ai[open]{display:flex;animation:aiUp .35s cubic-bezier(.2,.8,.2,1)}
.oh-ai::backdrop{background:rgba(11,11,12,.55)}
.oh-ai .ai-in{display:flex;flex-direction:column;width:100%;max-height:inherit;min-height:0}
.oh-ai .ai-hd{display:flex;align-items:center;gap:12px;padding:16px 18px 12px;border-bottom:1px solid #EFEBE3}
.oh-ai .ai-av{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(140deg,#0B0B0C,#2A2723);font-size:18px}
.oh-ai .ai-t{margin:0;font-size:16px;font-weight:800}
.oh-ai .ai-sub{margin:2px 0 0;font-size:12px;color:#6E6A63}
.oh-ai .ai-x{margin-left:auto;width:36px;height:36px;border:0;border-radius:50%;background:#F4F1EA;color:#1B1A18;font:400 22px/1 var(--oh-font);cursor:pointer}
.oh-ai .ai-x:hover,.oh-ai .ai-x:focus-visible{background:#C9A45C;outline:none}
.oh-ai .ai-about{margin:0;padding:8px 18px;background:#FAF8F3;font-size:12.5px;color:#7D6234;font-weight:600;word-break:keep-all}
.oh-ai .ai-about:empty{display:none}
.oh-ai .ai-log{flex:1 1 auto;min-height:120px;overflow:auto;padding:14px 18px;display:flex;flex-direction:column;gap:10px}
.oh-ai .ai-m{max-width:88%;padding:10px 13px;border-radius:14px;font-size:14.5px;line-height:1.65;word-break:keep-all;animation:qzOp .3s both}
.oh-ai .ai-m p{margin:0}.oh-ai .ai-m p+p{margin-top:8px}
.oh-ai .ai-m.bot{align-self:flex-start;background:#FAF8F3;border:1px solid #EFEBE3;border-top-left-radius:4px}
.oh-ai .ai-m.me{align-self:flex-end;background:#1B1A18;color:#fff;border-top-right-radius:4px}
.oh-ai .ai-m.err{border-color:#E2B3AB;background:#FBEDEA;color:#9B3B30}
.oh-ai .ai-m.ai-wait{border-color:#E3CC98;background:#F6EEDC}
.oh-ai .ai-m a{color:#7D6234;font-weight:700}
.oh-ai .ai-typing{display:inline-flex;gap:4px;padding:4px 2px}
.oh-ai .ai-typing i{width:7px;height:7px;border-radius:50%;background:#C9A45C;animation:aiDot 1s infinite ease-in-out}
.oh-ai .ai-typing i:nth-child(2){animation-delay:.15s}.oh-ai .ai-typing i:nth-child(3){animation-delay:.3s}
.oh-ai .ai-chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px 10px}
.oh-ai .ai-chips button{padding:7px 12px;border:1px solid #E6E1D6;border-radius:999px;background:#fff;color:#4A4741;font:600 13px var(--oh-font);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.oh-ai .ai-chips button:hover:not(:disabled),.oh-ai .ai-chips button:focus-visible{border-color:#C9A45C;color:#7D6234;background:#FAF8F3;outline:none}
.oh-ai button:disabled{opacity:.5;cursor:default}
.oh-ai .ai-f{padding:10px 18px 6px;border-top:1px solid #EFEBE3}
.oh-ai .ai-f textarea{display:block;width:100%;box-sizing:border-box;min-height:48px;max-height:120px;padding:10px 12px;border:1px solid #E6E1D6;border-radius:12px;background:#fff;color:#1B1A18;font:400 15px/1.5 var(--oh-font);resize:none}
.oh-ai .ai-f textarea:focus{outline:none;border-color:#C9A45C;box-shadow:0 0 0 3px rgba(201,164,92,.2)}
.oh-ai .ai-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.oh-ai .ai-len{font-size:12px;color:#6E6A63}
.oh-ai .ai-send{min-height:38px;padding:0 16px;border:0;border-radius:999px;background:#1B1A18;color:#fff;font:700 14px var(--oh-font);cursor:pointer;transition:background .2s}
.oh-ai .ai-send:hover:not(:disabled),.oh-ai .ai-send:focus-visible{background:#7D6234;outline:none}
.oh-ai .ai-send i{font-style:normal}
.oh-ai .ai-warn{margin:0;padding:6px 18px 14px;font-size:11.5px;color:#6E6A63;word-break:keep-all}
.oh-ai .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@keyframes aiUp{from{opacity:0;transform:translateY(24px)}}
@keyframes aiDot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
@media (max-width:767px){
  .oh-ai{width:100%;max-width:100%;max-height:88vh;margin:auto 0 0;border-radius:20px 20px 0 0}
  .oh-ai[open]{animation:aiSheet .38s cubic-bezier(.2,.8,.2,1)}
  .oh-ai .ai-f textarea{font-size:16px}
}
@keyframes aiSheet{from{transform:translateY(100%)}}
@media (prefers-reduced-motion:reduce){.oh-ai[open],.oh-ai .ai-m{animation:none}.oh-ai .ai-typing i{animation:none;opacity:.7}}

/* ── 말씀 › 말씀블록월드 (게임 — 주소가 오기 전에는 '곧 만나요' 카드) ── */
.nw-game{position:relative;max-width:720px;margin:0 auto;padding:44px 28px 36px;border-radius:var(--oh-r);background:linear-gradient(160deg,#141414,#0B0B0C);color:#F7F5F0;text-align:center;box-shadow:var(--oh-sh2);overflow:hidden;box-sizing:border-box}
.nw-game h4{margin:10px 0 0;font-size:clamp(26px,4vw,36px);font-weight:900;letter-spacing:-.03em;color:#fff;word-break:keep-all}
.nw-game p{margin:14px auto 0;max-width:520px;font-size:16px;line-height:1.8;color:#D9D4CA;word-break:keep-all}
.nw-game p b{color:var(--sb-gold)}
.nw-game .chip{display:inline-block;margin:18px 0 0;padding:5px 14px;border-radius:999px;border:1px solid var(--sb-gold);color:var(--sb-gold);font-size:13px;font-weight:700;letter-spacing:.08em}
.nw-game .row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}
.nw-game.on{padding:14px;max-width:1000px}
.nw-game .fr{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:#000}
.nw-game .fr iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:640px){.nw-game{padding:34px 18px 28px}.nw-game .fr{aspect-ratio:3/4}}
.nw-games{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1000px;margin:0 auto}
.nw-games .nw-game{max-width:none;margin:0;padding:40px 24px 32px}
.nw-games .nw-game .en{margin:16px 0 0;font-size:12px;letter-spacing:.2em;color:var(--sb-gold);font-weight:700}
.nw-games .nw-game h4{margin-top:6px}
.nw-games-more{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:26px}
@media (max-width:640px){.nw-games{grid-template-columns:1fr;gap:16px}}
/* 성경 탐험 — 성경 위치 링크 (대한성서공회 개역개정 읽기, 2026-10-05) */
.nw-bdlg .bd-ref{line-height:1.7}
.bref{color:#7D6234!important;font-weight:800;text-decoration:underline!important;text-decoration-color:var(--sb-gold)!important;text-decoration-thickness:2px!important;text-underline-offset:4px;border-radius:4px}
.bref:hover,.bref:focus-visible{background:#F3EBDA;color:#4A3A1C!important}
.bref-go{display:inline-block;text-decoration:none!important;margin-left:4px;padding:1px 9px;border-radius:999px;background:var(--sb-gold);color:#141210;font-size:12px;font-weight:800;vertical-align:2px;white-space:nowrap}
.bref-go:hover,.bref-go:focus-visible{background:#7D6234;color:#fff}
.nw-gcard .g-ref{margin:8px 0 0;font-size:14px;font-weight:700;color:#7D6234;line-height:1.7}
/* 성경 게임 카드 그림 — 게임마다 다른 움직임 (feat.GAME_ART, 2026-10-05). 동작 줄이기면 마지막 장면(바다 갈라짐·방주 완성) 그대로 */
.nw-game .art{display:block;width:100%;max-width:400px;margin:0 auto 4px;border-radius:14px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.35);line-height:0}
.nw-game .ga{display:block;width:100%;height:auto}
.nw-game h4 a{color:inherit;text-decoration:none}.nw-game h4 a:hover{color:var(--sb-gold)}
@media (prefers-reduced-motion:no-preference){
  .ga-ex .fire{transform-box:fill-box;transform-origin:50% 100%;animation:gaFire 2.2s ease-in-out infinite alternate}
  .ga-ex .wl{animation:gaWl 7s ease-in-out infinite}.ga-ex .wr{animation:gaWr 7s ease-in-out infinite}
  .ga-ex .wv path{stroke-dasharray:10 8;animation:gaWv 1.6s linear infinite}
  .ga-ex .p{transform-box:fill-box;transform-origin:50% 100%;animation:gaWalk 7s ease-in-out infinite both}
  .ga-ex .p2{animation-delay:.45s}.ga-ex .p3{animation-delay:.9s}
  .ga-ex .st{animation:gaStep .45s ease-in-out infinite alternate}
  .ga-bk .b{animation:gaDrop 9s cubic-bezier(.5,0,.6,1) infinite both;animation-delay:calc(var(--i) * .2s)}
  .ga-bk .sun{transform-box:fill-box;transform-origin:center;animation:gaSun 3s ease-in-out infinite alternate}
}
@keyframes gaFire{from{transform:scale(1);opacity:.85}to{transform:scale(1.07,1.12);opacity:1}}
@keyframes gaWl{0%,12%{transform:translateX(50px)}30%,80%{transform:translateX(0)}96%,100%{transform:translateX(50px)}}
@keyframes gaWr{0%,12%{transform:translateX(-50px)}30%,80%{transform:translateX(0)}96%,100%{transform:translateX(-50px)}}
@keyframes gaWv{to{stroke-dashoffset:-36}}
@keyframes gaWalk{0%,28%{transform:translateY(0) scale(1);opacity:0}34%{opacity:1;transform:translateY(-2px) scale(1)}74%{opacity:1;transform:translateY(-70px) scale(.38)}80%,100%{opacity:0;transform:translateY(-74px) scale(.34)}}
@keyframes gaStep{to{transform:translateY(-1.6px)}}
@keyframes gaDrop{0%{transform:translateY(-130px);opacity:0}2%{opacity:1}6%{transform:translateY(0)}8%{transform:translateY(-6px)}10%,58%{transform:translateY(0);opacity:1}64%,100%{transform:translateY(0);opacity:0}}
@keyframes gaSun{to{transform:scale(1.12)}}
.nw-gameband{padding:56px 0 64px;background:linear-gradient(180deg,#fff,#F7F5F0)}
.nw-gameband .oh-head h2 b{color:var(--sb-accent)}
.nw-gameband .nw-games .nw-game{padding:22px 22px 30px}
@media (max-width:640px){.nw-gameband{padding:40px 0 48px}.nw-gameband .nw-games .nw-game,.nw-games .nw-game{padding:16px 14px 26px}}
.nw-games .nw-game{padding-top:22px}
/* 호산나 AI 상담 단추 — 모든 페이지 오른쪽 아래 (동그란 아이콘 + 말풍선, 사용자 확정안 2026-10-05). bottom 은 ai.js 가 TOP·동의 띠 위로 비켜 정함 */
.oh-fab{position:fixed;right:24px;bottom:24px;z-index:2000;display:flex;align-items:center;gap:14px;pointer-events:none;font-family:var(--oh-font);transition:bottom .25s ease}
.oh-fab>*{pointer-events:auto}
html.oh-ai-on .oh-fab{display:none}
.oh-fab .fab-btn{flex:0 0 68px;width:68px;height:68px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#FFFFFF;box-shadow:0 8px 24px rgba(31,51,71,0.22);cursor:pointer;transition:transform .2s ease}
.oh-fab .fab-btn svg{width:44px;height:44px;display:block}
.oh-fab .fab-btn:hover,.oh-fab .fab-btn:focus-visible{transform:scale(1.05)}
.oh-fab .fab-btn:focus-visible,.oh-fab .fab-say:focus-visible,.oh-fab .fab-x:focus-visible{outline:3px solid #3B95D3;outline-offset:3px}
.oh-fab .fab-tip{position:relative;max-width:calc(100vw - 24px - 68px - 14px - 16px);transition:opacity .4s ease}
.oh-fab .fab-tip[hidden]{display:none}
.oh-fab .fab-tip.out{opacity:0}
.oh-fab .fab-say{display:block;margin:0;padding:12px 18px;border:0;border-radius:14px 14px 4px 14px;background:#FFFFFF;color:#1F3347;font:500 16px/1.45 var(--oh-font);text-align:left;word-break:keep-all;box-shadow:0 6px 20px rgba(31,51,71,0.14);cursor:pointer}
.oh-fab .fab-x{position:absolute;top:-18px;right:-18px;width:44px;height:44px;padding:0;border:0;background:none;cursor:pointer}
.oh-fab .fab-x::before{content:"×";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#1F3347;color:#fff;font:400 16px/22px var(--oh-font);text-align:center}
@media (max-width:600px){
  .oh-fab{right:16px;bottom:16px;gap:12px}
  .oh-fab .fab-btn{flex-basis:56px;width:56px;height:56px}
  .oh-fab .fab-btn svg{width:36px;height:36px}
  .oh-fab .fab-tip{max-width:calc(100vw - 16px - 56px - 12px - 16px)}
}
@media (prefers-reduced-motion:reduce){.oh-fab,.oh-fab .fab-btn,.oh-fab .fab-tip{transition:none}.oh-fab .fab-btn:hover,.oh-fab .fab-btn:focus-visible{transform:none}}
@media print{.oh-fab{display:none}}
/* 메인 2026-10-05 (사용자 요청): 이번 주 예배·모임 = 가장 가까운 1줄만 (JS 꺼짐이면 첫 줄) · 맨 위로(TOP) 단추 숨김 · 성경 게임 띠 작게(카드 2장 나란히, 휴대폰도) */
html:not(.oh-js) .oh-cd #cdList li~li{display:none}
.oh-main .gototop{display:none!important}
.nw-gameband{padding:34px 0 38px}
.nw-gameband .oh-head{margin-bottom:18px}
.nw-gameband .oh-head h2{font-size:clamp(22px,2.6vw,28px)}
.nw-gameband .oh-head h2{margin-top:6px}
.nw-gameband .oh-head .ds{margin-top:8px;font-size:14px}
.nw-gameband .nw-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:720px}
.nw-gameband .nw-games .nw-game{padding:14px 14px 16px;border-radius:18px}
.nw-gameband .nw-game .art{max-width:200px;border-radius:10px}
.nw-gameband .nw-games .nw-game .en{margin-top:10px;font-size:10.5px;letter-spacing:.14em}
.nw-gameband .nw-games .nw-game h4{margin-top:2px;font-size:19px}
.nw-gameband .nw-game p{margin-top:6px;font-size:13.5px;line-height:1.6}
.nw-gameband .nw-game .chip{margin-top:10px;padding:3px 10px;font-size:11.5px}
.nw-gameband .nw-game .row{margin-top:10px}
.nw-gameband .nw-game .row .nw-btn{min-height:34px;padding:6px 14px;font-size:13px}
.nw-gameband .nw-games-more{margin-top:16px}
@media (max-width:640px){
  .nw-gameband{padding:28px 0 32px}
  .nw-gameband .nw-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .nw-gameband .nw-games .nw-game{padding:10px 10px 14px}
  .nw-gameband .nw-games .nw-game .en{font-size:9px;letter-spacing:.06em}
  .nw-gameband .nw-games .nw-game h4{font-size:15.5px}
  .nw-gameband .nw-game p:not(.en):not(.chip):not(.row){display:none}
  .nw-gameband .nw-game .row .nw-btn{padding:6px 10px;font-size:12px}
}
/* 홈 화면 앱 (PWA, 2026-10-05) — 바닥 단추 · 메인 카드 ①블랙(바로가기 6칸 아래) · 앱 소개 창/아이폰 단계/카카오톡 안내. 설치할 수 있을 때만 oh.js 가 보이게 한다 */
.oh-appf[hidden],.oh-appcard[hidden]{display:none!important}
.oh-appf{float:left;clear:both;width:100%;margin:4px 0 12px}
.oh-app-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border:1px solid var(--sb-gold);border-radius:999px;background:transparent;color:#ECE8E0;font:700 14px/1 var(--oh-font);cursor:pointer;transition:background .2s,color .2s}
.oh-app-btn:hover,.oh-app-btn:focus-visible{background:var(--sb-gold);color:#141210}
.oh-appcard{clear:both;padding:22px 16px 0;background:#fff;font-family:var(--oh-font)}
.oh-appcard *{box-sizing:border-box}
.oh-appcard .ac{position:relative;max-width:720px;margin:0 auto;border-radius:12px;background:#0B0B0C;box-shadow:0 10px 26px rgba(11,11,12,.18);animation:ohAppIn .7s var(--oh-ease) .15s both}
@keyframes ohAppIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.oh-appcard .acb{display:flex;align-items:center;gap:14px;width:100%;margin:0;padding:12px 52px 12px 12px;border:0;border-radius:12px;background:transparent;color:#F7F5F0;font:inherit;text-align:left;cursor:pointer}
.oh-appcard .acb:focus-visible{outline:2px solid var(--sb-gold);outline-offset:3px}
.oh-appcard .ti{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#fff}
.oh-appcard .ti svg{width:72%;height:72%}
.oh-appcard .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;word-break:keep-all}
.oh-appcard .tx b{font-size:17px;font-weight:700;color:#F7F5F0;letter-spacing:-.01em}
.oh-appcard .tx small{font-size:13.5px;color:#C9A45C}
.oh-appcard .pill{flex:0 0 auto;padding:9px 20px;border-radius:999px;background:#C9A45C;color:#0B0B0C;font-weight:800;font-size:14px;transition:transform .2s,background .2s}
.oh-appcard .acb:hover .pill,.oh-appcard .acb:focus-visible .pill{background:#D9B76E;transform:scale(1.05)}
.oh-appcard .acx{position:absolute;top:50%;right:8px;width:36px;height:36px;margin-top:-18px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:rgba(247,245,240,.55);cursor:pointer}
.oh-appcard .acx:hover,.oh-appcard .acx:focus-visible{color:#F7F5F0;background:rgba(247,245,240,.1)}
.oh-appcard .acx svg{width:14px;height:14px}
@media (max-width:767px){.oh-appf{text-align:center}.oh-appcard{padding:14px 16px 0}.oh-appcard .acb{gap:10px;padding:10px 44px 10px 10px}.oh-appcard .ti{flex-basis:38px;width:38px;height:38px;border-radius:9px}
  .oh-appcard .tx b{font-size:15px}.oh-appcard .tx small{font-size:12.5px}.oh-appcard .pill{padding:7px 14px;font-size:13px}.oh-appcard .acx{right:4px}}
@media (prefers-reduced-motion:reduce){.oh-appcard .ac{animation:none}}
.oh-appsheet .oh-sheet-x{border:0;cursor:pointer;font-family:inherit}
.oh-appsheet [hidden]{display:none!important}
.oh-appsheet h2{word-break:keep-all}
.oh-as-ic{width:76px;height:76px;margin:0 auto 12px;display:grid;place-items:center;border-radius:20px;background:#fff;box-shadow:0 8px 22px rgba(11,11,12,.16)}
.oh-as-ic svg{width:70%;height:70%}
.oh-as-sub{margin:4px 0 0;font-size:14px;color:#6B665C}
.oh-as-chips{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.oh-as-chips li{padding:6px 12px;border:1px solid #E2DCCF;border-radius:999px;background:#fff;font-size:13px;font-weight:700;color:#0B0B0C}
.oh-as-free{margin:14px 0 0;font-size:13px;color:#7D6234;font-weight:700}
.oh-as-go{display:block;width:100%;min-height:50px;margin:18px 0 0;border:0;border-radius:999px;background:#C9A45C;color:#0B0B0C;font:800 16px var(--oh-font);cursor:pointer;transition:background .2s,transform .2s}
.oh-as-go:hover,.oh-as-go:focus-visible{background:#D9B76E;transform:translateY(-1px)}
.oh-as-go:active{transform:scale(.98)}
.oh-as-later{display:block;margin:10px auto 0;padding:8px 14px;border:0;background:transparent;color:#6B665C;font:500 14px var(--oh-font);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.oh-as-later.oh-as-go{margin-top:14px;text-decoration:none;color:#0B0B0C}
.oh-appsheet .steps{list-style:none;margin:16px 0 4px;padding:0;text-align:left;display:grid;gap:12px}
.oh-appsheet .steps li{display:flex;align-items:center;gap:10px;font-size:15.5px;line-height:1.5;color:var(--sb-dark);word-break:keep-all}
.oh-appsheet .steps .n{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#0B0B0C;color:var(--sb-gold);font:800 13px var(--oh-lat)}
.oh-appsheet .steps .ic{width:20px;height:20px;vertical-align:-4px;color:#2F7BD6}
.oh-as-arrow{margin:8px 0 0;color:#C9A45C}
.oh-as-arrow svg{width:26px;height:44px;animation:ohAppDown 1.3s ease-in-out infinite}
@keyframes ohAppDown{50%{transform:translateY(8px)}}
.oh-as-kk{margin:16px 0 0;font-size:16px;line-height:1.7;color:var(--sb-dark);word-break:keep-all}
.oh-as-small{margin:10px 0 0;font-size:13px;color:#6B665C;word-break:keep-all}
@media (max-width:767px){.oh-appsheet.open{align-items:flex-end;padding:0}.oh-appsheet .oh-sheet-in{max-width:none;border-radius:22px 22px 0 0;padding:30px 22px calc(22px + env(safe-area-inset-bottom))}}
@media (prefers-reduced-motion:reduce){.oh-as-arrow svg{animation:none}}
.oh-apptoast{position:fixed;left:16px;right:16px;bottom:calc(28px + env(safe-area-inset-bottom));z-index:2147483647;width:fit-content;margin:0 auto;padding:13px 20px;border-radius:14px;background:#0B0B0C;color:#F7F5F0;font:700 14px/1.5 var(--oh-font);text-align:center;word-break:keep-all;box-shadow:0 12px 30px rgba(0,0,0,.3);animation:ohSheet .4s var(--oh-ease) both}