/*
 * 김포점집 최한울만신 — 새 디자인 공통 스타일 (모든 새 페이지가 쓴다)
 * 기준: 디자인 spec(base.css·article.css·header·titleband·footer·dream). 페이지 고유 스타일은 /css/pages/<이름>.css 또는 페이지 <style>.
 *
 * 구역 목차
 *  1. 기본 — 바탕·한지·글꼴·이미지·부드러운 스크롤
 *  2. 접근성 — .sr, 건너뛰기 링크, 초점 표시
 *  3. 버튼 — .btn 계열
 *  4. 깃발·인장 — .flag .c-* .seal
 *  5. 카드·글 구성요소 — .box .answer .svc .tag details .toc .art .sec  (게시판 글, article.css)
 *  6. 색동 띠·머리글(데스크톱 2줄) — .stripe .hd .nav2
 *  7. 모바일 머리글과 메뉴 덮개 — .hd-m .mmenu #site-menu
 *  8. 제목 띠 — .tb
 *  9. 바닥글 — .ft
 * 10. 모바일 하단 고정 버튼 — .bcta #site-bottom-cta
 * 11. 꿈해몽 띠 — .dream .dream-form .dchip .star .moon (홈·게시판 공용, spec/dream.md)
 * 12. 움직임 — .sd .up .float, 스크롤 드러남 .rv-pre/.rv-in, 움직임 줄이기
 * 13. 반응형 보조 — .stack, 900px 이하 공통
 * 14. 인쇄
 */

/* ===== 1. 기본 ===== */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#FAF6EE}
body.page{background:#FAF6EE url(/assets/manshin/hanji.webp) 0 0 / 1024px auto repeat;font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:#1B1714;line-height:1.6}
a{color:#1B1714}a:hover{color:#B8231B}
img{max-width:100%;height:auto}
.hj{font-family:'Hahmlet',serif}
.c-black{background:#1B1714}

/* ===== 2. 접근성 ===== */
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:12px;top:-80px;z-index:300;padding:14px 20px;background:#1B1714;color:#FFFFFF;font-size:17px;font-weight:700;text-decoration:none}
.skip:focus{top:12px;color:#FFFFFF}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #B8231B;outline-offset:3px}
.on-dark a:focus-visible,.on-dark button:focus-visible,.on-dark input:focus-visible{outline-color:#EDBE2F}

/* ===== 3. 버튼 ===== */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:0 28px;box-sizing:border-box;border:none;font:inherit;font-size:19px;font-weight:700;text-decoration:none;overflow:hidden;isolation:isolate;transition:color .35s ease;cursor:pointer}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;transform:scaleX(0);transform-origin:100% 50%;transition:transform .5s cubic-bezier(.7,0,.2,1)}
.btn:hover::before,.btn:focus-visible::before{transform:scaleX(1);transform-origin:0 50%}
.btn-red{background:#B8231B;color:#FFFFFF}.btn-red::before{background:#1B1714}.btn-red:hover{color:#FFFFFF}
.btn-ink{background:#1B1714;color:#FFFFFF}.btn-ink::before{background:#B8231B}.btn-ink:hover{color:#FFFFFF}
.btn-line{border:2px solid #1B1714;background:transparent;color:#1B1714}.btn-line::before{background:#1B1714}.btn-line:hover{color:#FFFFFF}
.btn-wline{border:2px solid #FFFFFF;color:#FFFFFF}.btn-wline::before{background:#FFFFFF}.btn-wline:hover{color:#1B1714}
.btn-sm{min-height:50px;padding:0 20px;font-size:17px}

/* ===== 4. 깃발·인장 ===== */
.flag{display:inline-block;flex:none;width:14px;height:19px;clip-path:polygon(0 0,100% 0,100% 100%,50% 74%,0 100%)}
.c-blue{background:#2457B3}.c-red{background:#D3382C}.c-yellow{background:#EDBE2F}.c-white{background:#FFFFFF;box-shadow:inset 0 0 0 2px #1B1714}.c-green{background:#3C9D46}
.seal{display:grid;place-items:center;flex:none;background:#B8231B;color:#FFF7EA;font-family:'Song Myung','Noto Serif KR',serif;line-height:1.02;text-align:center}
.ext{margin-left:-4px;font-size:14px;font-weight:700;color:#6B6158}
.on-dark a{color:#FFFFFF}.on-dark a:hover{color:#EDBE2F}
.on-dark .btn-wline:hover{color:#1B1714}.on-dark .ext{color:#BDB3A6}

/* ===== 5. 카드·글 구성요소 (article.css) ===== */
.art h2{margin:0;font-family:'Hahmlet',serif;font-weight:900;font-size:34px;line-height:1.35;display:flex;align-items:baseline;gap:14px}
.art h2 .no{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;background:#1B1714;color:#FFFFFF;font-size:20px}
.art h3{margin:0;font-family:'Hahmlet',serif;font-weight:700;font-size:23px;line-height:1.45}
.art p{margin:0;font-size:20px;line-height:2;color:#2E2925}
.art ul,.art ol{margin:0;padding-left:24px;font-size:19px;line-height:1.95}
.sec{display:flex;flex-direction:column;gap:18px;padding-top:56px}
.box{padding:22px 24px;background:#FFFFFF;border:2px solid #1B1714}
.answer{padding:26px 30px;background:#EDBE2F;border:2px solid #1B1714;box-shadow:12px 12px 0 #1B1714;font-size:21px;line-height:1.85;color:#1B1714}
.svc{display:flex;flex-direction:column;gap:10px;padding:24px 22px;background:#FFFFFF;border:2px solid #1B1714;transition:transform .3s,box-shadow .3s}
.svc:hover{transform:translate(-4px,-4px);box-shadow:8px 8px 0 #EDBE2F}
.svc img{width:96px;height:84px;object-fit:contain}
.tag{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:2px solid #1B1714;background:#FFFFFF;font-size:17px;font-weight:700;text-decoration:none;transition:background .25s,color .25s}
.tag:hover{background:#1B1714;color:#FFFFFF}
details{border-bottom:2px solid rgba(27,23,20,.16)}
summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:12px 4px;cursor:pointer;list-style:none;font-family:'Hahmlet',serif;font-weight:700;font-size:22px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:30px;font-weight:400;color:#B8231B;transition:transform .3s}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 4px 22px}
.toc a{display:flex;align-items:center;gap:10px;min-height:44px;font-size:17px;text-decoration:none}
.toc a:hover{color:#B8231B}

/* ===== 6. 색동 띠·머리글(데스크톱 2줄) ===== */
.stripe{display:flex;height:10px}
.sd{flex:1;transform-origin:0 50%;animation:sdIn 1s cubic-bezier(.2,.8,.2,1) both}
.sd:nth-child(2){animation-delay:.07s}.sd:nth-child(3){animation-delay:.14s}.sd:nth-child(4){animation-delay:.21s}.sd:nth-child(5){animation-delay:.28s}
.hd-d{max-width:1360px;margin:0 auto;padding:0 40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px}
.brand{display:flex;align-items:center;gap:14px;min-height:92px;text-decoration:none;color:#1B1714}
.brand .seal{width:54px;height:54px;font-size:20px}
.brand-t{display:flex;flex-direction:column;line-height:1.2}
.brand-n{font-family:'Hahmlet',serif;font-weight:900;font-size:26px;letter-spacing:.02em}
.brand-s{font-size:15px;color:#6B6158;letter-spacing:.06em}
.hd-side{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.hd-time{font-size:16px;color:#6B6158}
.nav2{flex:1 1 100%;display:flex;flex-wrap:wrap;justify-content:center;border-top:1px solid rgba(27,23,20,.15)}
.nav2 a{display:inline-flex;align-items:center;gap:9px;min-height:58px;padding:0 14px;font-size:18px;font-weight:500;text-decoration:none;color:#1B1714;transition:background .25s,color .25s}
.nav2 a:hover{background:#F2EBDC;color:#B8231B}
.nav2 a.cur{color:#B8231B;font-weight:700;box-shadow:inset 0 -4px 0 #B8231B}
.hd-m{display:none}

/* ===== 7. 모바일 머리글과 메뉴 덮개 ===== */
.hd-m{align-items:center;justify-content:space-between;gap:10px;padding:0 18px;min-height:72px}
.hd-m .brand{min-height:72px;gap:11px}
.hd-m .brand .seal{width:46px;height:46px;font-size:17px}
.hd-m .brand-n{font-size:22px}
.hd-m-btns{display:flex;align-items:center;gap:8px}
.ibtn{display:grid;place-items:center;width:48px;height:48px;box-sizing:border-box;padding:0;border:2px solid #1B1714;background:transparent;color:#1B1714;cursor:pointer;text-decoration:none}
.ibtn-call{background:#1B1714;color:#FFFFFF}
.ibtn-call:hover{background:#B8231B;border-color:#B8231B;color:#FFFFFF}
.ibtn:hover{background:#F2EBDC;color:#1B1714}
.mmenu{position:fixed;inset:0;z-index:100;display:flex;justify-content:flex-end;background:rgba(27,23,20,.55)}
.mmenu[hidden]{display:none}
.mmenu-panel{display:flex;flex-direction:column;width:100%;max-width:520px;height:100%;box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain;background:#FAF6EE url(/assets/manshin/hanji.webp) 0 0 / 1024px auto repeat}
.mmenu-top{display:flex;align-items:center;justify-content:space-between;flex:none;padding:0 18px;min-height:72px;border-bottom:2px solid #1B1714}
.mmenu-top .brand{min-height:72px;gap:11px}
.mmenu-top .brand .seal{width:44px;height:44px;font-size:16px}
.mmenu-top .brand-n{font-size:21px}
.mnav{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.mi{display:flex;align-items:center;gap:14px;min-height:60px;padding:0 22px;border-bottom:1px solid rgba(27,23,20,.14);text-decoration:none;color:#1B1714}
.mi .hj{flex:1;font-weight:700;font-size:21px}
.mi .chev{font-size:20px}
.mi:hover,.mi:focus-visible{background:#F2EBDC;color:#1B1714}
.mi.cur{background:#1B1714;color:#FFFFFF}.mi.cur:hover{background:#1B1714;color:#FFFFFF}
.mi:focus-visible{outline-offset:-3px}
.mmenu:not([hidden]) .mi{animation:slideIn .6s cubic-bezier(.2,.8,.2,1) both}
.mmenu:not([hidden]) .mi:nth-child(2){animation-delay:.04s}.mmenu:not([hidden]) .mi:nth-child(3){animation-delay:.08s}.mmenu:not([hidden]) .mi:nth-child(4){animation-delay:.12s}.mmenu:not([hidden]) .mi:nth-child(5){animation-delay:.16s}.mmenu:not([hidden]) .mi:nth-child(6){animation-delay:.2s}.mmenu:not([hidden]) .mi:nth-child(7){animation-delay:.24s}.mmenu:not([hidden]) .mi:nth-child(8){animation-delay:.28s}.mmenu:not([hidden]) .mi:nth-child(9){animation-delay:.32s}.mmenu:not([hidden]) .mi:nth-child(10){animation-delay:.36s}.mmenu:not([hidden]) .mi:nth-child(11){animation-delay:.4s}
@keyframes slideIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}
.mmenu-foot{flex:none;display:flex;flex-direction:column;gap:10px;padding:16px 18px 20px;border-top:2px solid #1B1714;background:#F2EBDC}
.mmenu-foot .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mmenu-foot .btn{min-height:60px;font-size:18px;padding:0 12px}
.mmenu-foot p{margin:0;font-size:15px;line-height:1.6;color:#463F38;text-align:center}
body.menu-open{overflow:hidden}

/* ===== 8. 제목 띠 (spec/titleband.html) ===== */
.tb{border-top:2px solid #1B1714;border-bottom:2px solid #1B1714;background:#F2EBDC}
.tb-in{max-width:1360px;margin:0 auto;padding:44px 40px 52px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 56px;box-sizing:border-box}
.tb-txt{flex:1 1 560px;display:flex;flex-direction:column;gap:14px}
.crumb{font-size:16px;color:#6B6158}
.crumb a{color:#6B6158}
.tb-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:4px 14px;background:#1B1714;color:#FFFFFF;font-size:16px;font-weight:700}
.tb h1{margin:0;font-family:'Hahmlet',serif;font-weight:900;font-size:80px;line-height:1.08;letter-spacing:-.03em}
.tb-lead{margin:0;max-width:640px;font-size:21px;line-height:1.8;color:#463F38}
.tb-sub{margin:0;max-width:640px;font-size:18px;line-height:1.7;color:#6B6158}
.tb-img{width:240px;flex:none}

/* ===== 9. 바닥글 (spec/footer.html) ===== */
.ft{background:#1B1714;color:#FFFFFF}
.ft-stripe{display:flex;height:10px}
.ft-stripe span{flex:1}
.ft-main{max-width:1360px;margin:0 auto;padding:60px 40px 36px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px 72px}
.ft-info{flex:1 1 360px;display:flex;flex-direction:column;gap:6px;font-size:17px;color:#D6CDC1}
.ft-name{font-family:'Hahmlet',serif;font-weight:900;font-size:26px;color:#FFFFFF}
.ft-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.ft-acts .btn{min-height:54px}
.ft-map{flex:1 1 540px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px;font-size:17px;align-content:start}
.ft-col{display:flex;flex-direction:column}
.ft-h{margin-bottom:4px;font-size:14px;font-weight:700;letter-spacing:.08em;color:#BDB3A6}
.ft-col a{display:flex;align-items:center;gap:8px;min-height:44px}
.ft-bot{max-width:1360px;margin:0 auto;padding:20px 40px 40px;border-top:1px solid rgba(255,255,255,.18);display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 32px;font-size:15px;color:#BDB3A6;box-sizing:border-box}
.ft-ext{display:flex;flex-wrap:wrap;gap:4px 20px}
.ft-ext a{display:inline-flex;align-items:center;min-height:44px}

/* ===== 10. 모바일 하단 고정 버튼 ===== */
.bcta{display:none}

/* ===== 11. 꿈해몽 띠 (spec/dream.md) ===== */
.dream{position:relative;overflow:hidden;background:#1E4690;border-top:2px solid #1B1714;border-bottom:2px solid #1B1714}
.dream-in{position:relative;max-width:1360px;margin:0 auto;padding:96px 40px;box-sizing:border-box}
.dream-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px 64px;align-items:center}
.dream-copy{display:flex;flex-direction:column;gap:22px}
.dream-tag{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:.06em;color:#EDBE2F}
.dream h2{margin:0;font-family:'Hahmlet',serif;font-weight:900;font-size:60px;line-height:1.2;color:#FFFFFF}
.dream-p{margin:0;max-width:600px;font-size:21px;line-height:1.8;color:#E6ECF8}
.dream-form{display:flex;flex-wrap:wrap;gap:10px;max-width:620px}
.dream-form input{flex:1 1 320px;min-width:0;min-height:68px;padding:0 22px;box-sizing:border-box;border:3px solid #1B1714;background:#FFFFFF;color:#1B1714;font:inherit;font-size:21px}
.dream-form .btn{min-height:68px}
.dream-ct{margin:0;font-size:16px;font-weight:700;color:#C9D4EE}
.dream-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.dchip{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;box-sizing:border-box;border:2px solid rgba(255,255,255,.6);color:#FFFFFF;font-size:17px;font-weight:600;text-decoration:none;transition:background .25s,color .25s,border-color .25s}
.on-dark .dchip:hover,.dream .dchip:hover{background:#EDBE2F;color:#1B1714;border-color:#EDBE2F}
.dream-note{margin:0;font-size:16px;color:#C9D4EE}
.dream-acts{display:flex;flex-wrap:wrap;gap:12px}
.dream-fig{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}
.dream-fig img{position:relative;width:100%;max-width:520px}
.dream-fig figcaption{font-size:15px;color:#C9D4EE}
.star{position:absolute;border-radius:50%;background:#FFF7D6;animation:twinkle 3.2s ease-in-out infinite alternate}
@keyframes twinkle{from{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1.15)}}
.s1{left:6%;top:12%;width:4px;height:4px;animation-delay:0s}
.s2{left:18%;top:70%;width:3px;height:3px;animation-delay:.6s}
.s3{left:31%;top:22%;width:5px;height:5px;animation-delay:1.2s}
.s4{left:44%;top:84%;width:4px;height:4px;animation-delay:1.8s}
.s5{left:52%;top:10%;width:3px;height:3px;animation-delay:2.4s}
.s6{left:63%;top:58%;width:6px;height:6px;animation-delay:.3s}
.s7{left:72%;top:16%;width:4px;height:4px;animation-delay:.9s}
.s8{left:80%;top:78%;width:5px;height:5px;animation-delay:1.5s}
.s9{left:88%;top:34%;width:3px;height:3px;animation-delay:2.1s}
.s10{left:93%;top:88%;width:4px;height:4px;animation-delay:2.8s}
.s11{left:12%;top:44%;width:3px;height:3px;animation-delay:1.0s}
.s12{left:38%;top:48%;width:4px;height:4px;animation-delay:2.2s}
.s13{left:58%;top:34%;width:3px;height:3px;animation-delay:.2s}
.s14{left:96%;top:8%;width:5px;height:5px;animation-delay:1.7s}
.moon{position:absolute;top:-44px;right:44px;width:150px;height:150px;border-radius:50%;background:#FFF3C4;box-shadow:0 0 60px 18px rgba(255,243,196,.35);animation:moonGlow 8s ease-in-out infinite}
@keyframes moonGlow{0%,100%{box-shadow:0 0 44px 8px rgba(255,243,196,.28)}50%{box-shadow:0 0 72px 26px rgba(255,243,196,.42)}}
/* 낮은 띠(게시판 목록) */
.dream-sm .dream-in{padding:40px}
.dream-sm .dream-copy{gap:14px}
.dream-sm strong.hj{display:block;font-size:28px;line-height:1.3;color:#FFFFFF}
.dream-sm .dream-p{font-size:18px;line-height:1.6}
.dream-sm .dream-form input{min-height:60px}
.dream-sm .dream-form .btn{min-height:60px}
.dream-sm .s7,.dream-sm .s8,.dream-sm .s9,.dream-sm .s10,.dream-sm .s11,.dream-sm .s12,.dream-sm .s13,.dream-sm .s14{display:none}

/* ===== 12. 움직임 ===== */
@keyframes sdIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.up{animation:fadeUp 1s cubic-bezier(.2,.8,.2,1) both}
.d1{animation-delay:.12s}.d2{animation-delay:.24s}.d3{animation-delay:.36s}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.float{animation:floaty 6s ease-in-out infinite alternate}
@keyframes floaty{from{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-14px) rotate(2deg)}}
/* 스크롤 드러남: js/site.js가 화면 아래에 있는 [data-reveal]에만 .rv-pre를 붙이고, 보이면 .rv-in을 붙인다 */
.rv-pre{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.rv-pre.rv-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
  .rv-pre{opacity:1;transform:none}
}

/* ===== 13. 반응형 보조 ===== */
@media (max-width:900px){
  .nav2{display:none !important}
  .hd-d{display:none}
  .hd-m{display:flex}
  .stack{grid-template-columns:minmax(0,1fr) !important}
  /* 제목 띠: 무구 그림 120px을 오른쪽 위에 */
  .tb-in{display:grid;grid-template-columns:minmax(0,1fr) 120px;column-gap:16px;row-gap:14px;padding:28px 18px 36px;align-items:start}
  .tb-txt{display:contents}
  .tb-txt>*{grid-column:1}
  .tb-txt>.tb-lead,.tb-txt>.tb-sub{grid-column:1 / -1}
  .tb-img{grid-column:2;grid-row:1 / span 3;width:120px;justify-self:end}
  .tb h1{font-size:44px;line-height:1.15}
  .tb-lead{font-size:18px}
  .tb-sub{font-size:16px}
  /* 바닥글 */
  .ft-main{padding:44px 18px 28px;gap:32px}
  .ft-info,.ft-map{flex:1 1 100%}
  .ft-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 20px}
  .ft-bot{padding:20px 18px calc(110px + env(safe-area-inset-bottom))}
  /* 하단 고정 버튼 */
  .bcta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:90;padding:10px 18px calc(10px + env(safe-area-inset-bottom));box-sizing:border-box;background:rgba(250,246,238,.94);border-top:2px solid #1B1714}
  .bcta .btn{min-height:56px;padding:0 12px;font-size:18px}
  body.menu-open .bcta{display:none}
  /* 꿈해몽 띠 */
  .dream-in{padding:56px 18px}
  .dream-grid{gap:32px}
  .dream-copy{gap:18px}
  .dream h2{font-size:34px}
  .dream-p{font-size:17px}
  .dream-form{max-width:none}
  .dream-form input{flex:1 1 100%;min-height:60px;font-size:19px}
  .dream-form .btn{flex:1 1 100%;min-height:60px}
  .dream-note{font-size:15px}
  .dream-acts .btn{flex:1 1 100%}
  .dream-fig img{max-width:300px}
  .moon{width:110px;height:110px;top:-24px;right:18%}
  .dream .s9,.dream .s10,.dream .s11,.dream .s12,.dream .s13,.dream .s14{display:none}
  .dream-sm .dream-in{padding:36px 18px}
  .dream-sm strong.hj{font-size:24px}
  .dream-sm .dream-p{font-size:17px}
  /* 글 구성요소 */
  .art h2{font-size:28px}
  .art p{font-size:18px;line-height:1.95}
  .art ul,.art ol{font-size:17px}
  .answer{padding:20px;box-shadow:8px 8px 0 #1B1714;font-size:18px}
  summary{font-size:19px}
}
@media (max-width:600px){
  .brand-s{display:none}
  .hd-m .brand-s{display:none}
}

/* ===== 14. 인쇄 ===== */
@media print{
  body,body.page{background:#FFFFFF !important;color:#000000}
  .stripe,.hd,.mmenu,.bcta,.skip,.ft-stripe,.dream,.btn,.tb-img{display:none !important}
  .ft{background:#FFFFFF;color:#000000}
  .ft a,.ft-info,.ft-bot{color:#000000}
  a{color:#000000;text-decoration:underline}
  .rv-pre{opacity:1 !important;transform:none !important}
  details>*{display:block}
}