/* ⑬ 뒤 추가 — 콘텐츠킷 '한 가게, 하루 네 번' 시계판 4칸 (06시 뼈해장국 / 12시 감자탕 / 19시 뼈찜 / 24시 술국) */
.s13b { --s13b-green: #005633; background: var(--c-cream-2); color: var(--c-ink); padding: 110px 0 120px; }
.s13b-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 560px); gap: 72px; align-items: center; }
.s13b-eye { display: inline-block; font-weight: 700; font-size: 17px; color: var(--s13b-green); letter-spacing: -0.02em; padding-bottom: 6px; border-bottom: 2px solid var(--s13b-green); }
.s13b-q { margin-top: 22px; font-size: 50px; line-height: 1.3; letter-spacing: -0.05em; color: #111; }
.s13b-a { margin-top: 22px; font-size: 24px; font-weight: 700; letter-spacing: -0.04em; color: var(--s13b-green); }
.s13b-fig { margin: 0; }
.s13b-clock { position: relative; width: min(560px, 100%); aspect-ratio: 1; margin: 0 auto; border-radius: 50%; padding: 10px; background: var(--c-white); box-shadow: 0 18px 40px rgba(60,45,10,.16), 0 0 0 1px rgba(0,0,0,.05); }
.s13b-quads { list-style: none; margin: 0; padding: 0; width: 100%; height: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 6px; border-radius: 50%; overflow: hidden; }
.s13b-quads li { position: relative; overflow: hidden; background: #222; }
.s13b-quads img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.s13b-quads li::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(rgba(0,0,0,.25), rgba(0,0,0,.6)); }
.s13b-quads p { position: absolute; z-index: 2; color: #fff; display: flex; flex-direction: column; gap: 2px; text-shadow: 0 1px 6px rgba(0,0,0,.5); }
.s13b-quads b { font-size: 34px; line-height: 1; color: var(--c-gold-light); }
.s13b-quads span { font-size: 17px; font-weight: 700; letter-spacing: -0.03em; }
.s13b-q1 p { left: 30%; top: 32%; }
.s13b-q2 p { right: 30%; top: 32%; text-align: right; align-items: flex-end; }
.s13b-q3 p { right: 30%; bottom: 32%; text-align: right; align-items: flex-end; }
.s13b-q4 p { left: 30%; bottom: 32%; }
.s13b-center { position: absolute; z-index: 4; left: 50%; top: 50%; width: 41%; aspect-ratio: 1; margin: 0; transform: translate(-50%, -50%); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; background: var(--c-cream-2); color: var(--s13b-green); font-size: 32px; line-height: 1.25; box-shadow: 0 0 0 6px var(--c-white), 0 8px 24px rgba(0,0,0,.25); }
.s13b-hand { position: absolute; z-index: 3; left: 50%; top: 50%; width: 3px; height: 46%; margin-left: -1.5px; background: var(--c-gold); border-radius: 3px; transform-origin: 50% 0; transform: rotate(180deg); box-shadow: 0 0 8px rgba(226,200,120,.8); }
.s13b-cap { margin-top: 18px; text-align: center; font-size: 15px; color: #6b6b6b; }
/* 움직임: 시곗바늘이 돌고, 지나가는 칸이 밝아진다 */
.js .s13b-clock.in .s13b-hand { animation: s13b-turn 12s linear infinite; }
@keyframes s13b-turn { from { transform: rotate(135deg); } to { transform: rotate(495deg); } }
.js .s13b-clock.in .s13b-quads li::before { animation: s13b-lit 12s linear infinite; }
.js .s13b-clock.in .s13b-q2::before { animation-delay: -9s !important; }
.js .s13b-clock.in .s13b-q3::before { animation-delay: -6s !important; }
.js .s13b-clock.in .s13b-q4::before { animation-delay: -3s !important; }
@keyframes s13b-lit { 0%, 25% { opacity: .35; } 30%, 100% { opacity: 1; } }
@media (max-width: 1199px) {
  .s13b { padding: 72px 0 80px; }
  .s13b-in { grid-template-columns: minmax(0, 1fr); gap: 36px; text-align: center; }
}
@media (max-width: 768px) {
  .s13b-q { font-size: clamp(26px, 7.4vw, 38px); }
  .s13b-a { font-size: 17px; }
  .s13b-clock { padding: 6px; }
  .s13b-quads { gap: 4px; }
  .s13b-quads b { font-size: clamp(20px, 6vw, 28px); }
  .s13b-quads span { font-size: 14px; }
  .s13b-q1 p, .s13b-q4 p { left: 26%; }
  .s13b-q2 p, .s13b-q3 p { right: 26%; }
  .s13b-q1 p, .s13b-q2 p { top: 28%; }
  .s13b-q3 p, .s13b-q4 p { bottom: 28%; }
  .s13b-center { font-size: clamp(18px, 5.4vw, 26px); width: 40%; box-shadow: 0 0 0 4px var(--c-white), 0 6px 16px rgba(0,0,0,.25); }
  .s13b-cap { font-size: 14px; }
}