.skin-flyer { position: relative; min-height: 100vh; min-height: 100dvh; box-sizing: border-box; padding: 48px 112px 32px; color: #191814; background: #f4f1e8; font-family: 'Noto Sans KR', system-ui, sans-serif; }
.skin-flyer *, .skin-flyer *::before, .skin-flyer *::after { box-sizing: border-box; }
.fl-viewer { width: min(100%, 1060px); margin: 0 auto; min-width: 0; }
.fl-tabs { display: flex; width: max-content; margin: 0 auto 14px; padding: 4px; border: 1px solid #e8e4da; border-radius: 999px; background: #fff; gap: 2px; }
.fl-tabs button { min-height: 36px; padding: 0 19px; border: 0; border-radius: 999px; color: #6b665a; background: transparent; font: inherit; font-size: 14px; cursor: pointer; }
.fl-tabs button:focus-visible { outline: 2px solid #ffc72c; outline-offset: 2px; }
.fl-tabs button.is-active { color: #fff; background: #191814; font-weight: 700; }
.fl-paper-scroll { display: flex; align-items: flex-start; justify-content: center; height: calc(100dvh - 178px); min-height: 260px; overflow: auto; padding: 16px; outline: none; }
.fl-paper { --fl-zoom: 1; --fl-paper-width: min(100%, 460px); --fl-paper-height: calc(var(--fl-paper-width) * 1.414); width: var(--fl-paper-width); height: var(--fl-paper-height); flex: 0 0 auto; perspective: 1600px; }
.fl-flip { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform .7s cubic-bezier(.2, .75, .2, 1); }
.fl-flip.is-back { transform: rotateY(180deg); }
.fl-face { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: contain; backface-visibility: hidden; -webkit-backface-visibility: hidden; background: #fff; border-radius: 2px; box-shadow: 0 14px 36px rgba(25, 24, 20, .18); }
.fl-face-back { transform: rotateY(180deg); }
.fl-flip.is-back .fl-face-front { pointer-events: none; }
.fl-flip:not(.is-back) .fl-face-back { pointer-events: none; }
.fl-address { display: flex; align-items: center; justify-content: center; gap: 16px; max-width: 760px; margin: 16px auto 0; color: #6b665a; font-size: 14px; }
.fl-address-text { display: flex; align-items: flex-start; min-width: 0; gap: 7px; line-height: 1.55; word-break: keep-all; }
.fl-address-text svg { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 2px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.fl-map-links { display: flex; flex: 0 0 auto; gap: 7px; }
.fl-map-links a { padding: 8px 10px; border: 1px solid #e8e4da; border-radius: 10px; color: #191814; background: #fff; text-decoration: none; white-space: nowrap; font-size: 12px; }
.fl-tools { position: fixed; z-index: 30; top: 50%; transform: translateY(-50%); right: max(24px, env(safe-area-inset-right)); display: flex; flex-direction: column; align-items: center; width: 72px; padding: 8px; border: 1px solid #e8e4da; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px rgba(25, 24, 20, .1); }
.fl-tools button, .fl-download { display: grid; place-items: center; width: 56px; min-width: 56px; height: 56px; border: 0; border-radius: 12px; color: #191814; background: transparent; font: inherit; cursor: pointer; text-decoration: none; }
.fl-tools button:hover:not(:disabled), .fl-map-links a:hover { background: #f4f1e8; }
.fl-tools button:disabled { opacity: .35; cursor: default; }
.fl-zoom-in, .fl-zoom-out { font-size: 31px !important; line-height: 1; }
.fl-zoom-value { font-size: 13px !important; font-weight: 800 !important; cursor: pointer; }
.fl-fit { font-size: 13px !important; font-weight: 700 !important; }
.fl-rule { width: 40px; height: 1px; margin: 3px 0; background: #e8e4da; }
.fl-download { margin-top: 3px; background: #ffc72c; font-weight: 800; gap: 0; }
.fl-download svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.fl-download small { margin-top: -4px; font-size: 10px; }
.fl-empty { display: grid; min-height: calc(100dvh - 80px); place-items: center; }
.fl-empty section { width: min(100%, 360px); padding: 34px 24px; border: 1px solid #e8e4da; border-radius: 16px; background: #fff; text-align: center; box-shadow: 0 10px 28px rgba(25, 24, 20, .06); }
.fl-empty h1 { margin: 0; font-size: 18px; }
@media (prefers-reduced-motion: reduce) {
  .fl-flip { transition: none; }
}
@media (max-width: 820px) {
  .skin-flyer { min-height: 100vh; min-height: 100dvh; padding: 46px 16px calc(104px + env(safe-area-inset-bottom)); overflow-x: hidden; }
  .fl-viewer { width: 100%; }
  .fl-tabs { margin-bottom: 10px; }
  .fl-paper-scroll { justify-content: flex-start; height: auto; max-height: none; min-height: 280px; padding: 0; }
  .skin-flyer.is-zoomed .fl-paper-scroll { max-height: calc(100dvh - 150px); } /* 확대 중에만 상자 안에서 밀어 보게 한다 — 100% 이하는 페이지 스크롤로 한 장이 다 보인다 */
  .fl-address { display: block; margin-top: 16px; padding-right: 72px; }
  .fl-address-text { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .fl-map-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; margin-top: 11px; }
  .fl-map-links a { width: 100%; text-align: center; }
  .fl-tools { top: auto; transform: none; right: calc(16px + env(safe-area-inset-right)); bottom: calc(16px + env(safe-area-inset-bottom)); width: auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; gap: 7px; }
  .fl-tools button, .fl-download { width: 48px; min-width: 48px; height: 48px; border: 1px solid #e8e4da; border-radius: 50%; background: #fff; box-shadow: 0 5px 15px rgba(25, 24, 20, .12); }
  .fl-zoom-in, .fl-zoom-out { font-size: 27px !important; }
  .fl-zoom-value { order: 2; width: auto !important; min-width: 48px !important; height: 26px !important; padding: 0 9px !important; border-radius: 999px !important; font-size: 11px !important; }
  .fl-zoom-out { order: 3; }
  .fl-fit, .fl-rule { display: none !important; }
  .fl-download { order: 4; background: #ffc72c; }
  .fl-download small { font-size: 10px; }
  .fl-empty { min-height: calc(100dvh - 40px); }
}

/* [2026-10-17 #167] 업종 컨셉 테마 — 레이아웃 body 의 data-fl-theme 로 켠다. chicken(치킨·배달): 햇빛 든 원목 식탁 실사 배경 + 나무 메뉴판 위에 놓인 전단. 전단 그림(PDF)은 그대로, 바깥 무대만 바뀐다. */
body[data-fl-theme="chicken"] { background: #b9803f; }
body[data-fl-theme="chicken"]::before { content: ''; position: fixed; inset: 0; z-index: 0; background: url('../../img/flyer/chicken_bg_desktop.webp') center / cover no-repeat; pointer-events: none; }
body[data-fl-theme="chicken"] .skin-flyer { z-index: 1; background: transparent; }
body[data-fl-theme="chicken"] .fl-paper-scroll { padding: 28px; }
body[data-fl-theme="chicken"] .fl-paper::before { content: ''; position: absolute; inset: -2.7% -3.8%; border-radius: 2%; background: url('../../img/flyer/chicken_board.webp') 0 0 / 100% 100% no-repeat; box-shadow: 0 26px 44px rgba(52, 28, 8, .38), 0 4px 10px rgba(52, 28, 8, .35); }
body[data-fl-theme="chicken"] .fl-face { border-radius: 1px; box-shadow: 0 5px 12px rgba(40, 20, 5, .3); }
body[data-fl-theme="chicken"] .fl-tabs { border-color: rgba(90, 46, 14, .22); box-shadow: 0 6px 18px rgba(52, 28, 8, .22); }
body[data-fl-theme="chicken"] .fl-tabs button.is-active { background: #5a2e0e; }
body[data-fl-theme="chicken"] .fl-tabs button:focus-visible { outline-color: #5a2e0e; }
body[data-fl-theme="chicken"] .fl-address { width: max-content; max-width: min(760px, 100%); padding: 9px 14px; border-radius: 14px; color: #5a3a1a; background: rgba(255, 247, 232, .94); box-shadow: 0 6px 18px rgba(52, 28, 8, .22); }
body[data-fl-theme="chicken"] .fl-tools { border-color: rgba(90, 46, 14, .18); }
@media (max-width: 820px) {
  body[data-fl-theme="chicken"]::before { background-image: url('../../img/flyer/chicken_bg_mobile.webp'); }
  body[data-fl-theme="chicken"] .fl-paper-scroll { padding: clamp(10px, 2.9vw, 24px); }
  body[data-fl-theme="chicken"] .fl-paper::before { inset: calc(-1 * clamp(10px, 2.9vw, 24px)); } /* 메뉴판이 상자 안쪽 여백 안에 들어가게(가로 스크롤 방지) */
  body[data-fl-theme="chicken"] .fl-address { width: auto; max-width: none; padding: 10px 72px 10px 14px; }
}

/* [2026-10-17 #167] 업종 테마 mart: 실사 배경 + 장면에 맞춘 판 위의 전단 */
body[data-fl-theme="mart"] { background: #d9d9d6; }
body[data-fl-theme="mart"]::before { content: ''; position: fixed; inset: 0; z-index: 0; background: url('../../img/flyer/mart_bg_desktop.webp') center / cover no-repeat; pointer-events: none; }
body[data-fl-theme="mart"] .skin-flyer { z-index: 1; background: transparent; }
body[data-fl-theme="mart"] .fl-paper-scroll { padding: 28px; }
body[data-fl-theme="mart"] .fl-paper::before { content: ''; position: absolute; inset: -2.7% -3.8%; border-radius: 2%; background: url('../../img/flyer/mart_board.webp') 0 0 / 100% 100% no-repeat; box-shadow: 0 26px 44px rgba(60,60,60, .38), 0 4px 10px rgba(60,60,60, .35); }
body[data-fl-theme="mart"] .fl-paper::after { content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none; mix-blend-mode: multiply; border-radius: 1px; background: linear-gradient(118deg, rgba(255,245,230,0) 25%, rgba(70,70,70,.10) 100%); }
body[data-fl-theme="mart"] .fl-face { border-radius: 1px; box-shadow: 0 5px 12px rgba(60,60,60, .32); }
body[data-fl-theme="mart"] .fl-tabs { border-color: rgba(224,38,43,.25); box-shadow: 0 6px 18px rgba(60,60,60, .25); }
body[data-fl-theme="mart"] .fl-tabs button.is-active { color: #fff; background: #e0262b; }
body[data-fl-theme="mart"] .fl-tabs button:focus-visible { outline-color: #e0262b; }
body[data-fl-theme="mart"] .fl-address { width: max-content; max-width: min(760px, 100%); padding: 9px 14px; border-radius: 14px; color: #6e2a26; background: rgba(255,255,255,.95); box-shadow: 0 6px 18px rgba(60,60,60, .25); }
body[data-fl-theme="mart"] .fl-download { color: #fff; background: #e0262b; }
@media (max-width: 820px) {
  body[data-fl-theme="mart"]::before { background-image: url('../../img/flyer/mart_bg_mobile.webp'); }
  body[data-fl-theme="mart"] .fl-paper-scroll { padding: clamp(10px, 2.9vw, 24px); }
  body[data-fl-theme="mart"] .fl-paper::before { inset: calc(-1 * clamp(10px, 2.9vw, 24px)); }
  body[data-fl-theme="mart"] .fl-address { width: auto; max-width: none; padding: 10px 72px 10px 14px; }
}

/* [2026-10-17 #167] 업종 테마 academy: 실사 배경 + 장면에 맞춘 판 위의 전단 */
body[data-fl-theme="academy"] { background: #ecd2a0; }
body[data-fl-theme="academy"]::before { content: ''; position: fixed; inset: 0; z-index: 0; background: url('../../img/flyer/academy_bg_desktop.webp') center / cover no-repeat; pointer-events: none; }
body[data-fl-theme="academy"] .skin-flyer { z-index: 1; background: transparent; }
body[data-fl-theme="academy"] .fl-paper-scroll { padding: 28px; }
body[data-fl-theme="academy"] .fl-paper::before { content: ''; position: absolute; inset: -2.7% -3.8%; border-radius: 2%; background: url('../../img/flyer/academy_board.webp') 0 0 / 100% 100% no-repeat; box-shadow: 0 26px 44px rgba(70,45,15, .38), 0 4px 10px rgba(70,45,15, .35); }
body[data-fl-theme="academy"] .fl-paper::after { content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none; mix-blend-mode: multiply; border-radius: 1px; background: linear-gradient(118deg, rgba(255,236,190,0) 25%, rgba(80,50,20,.10) 100%); }
body[data-fl-theme="academy"] .fl-face { border-radius: 1px; box-shadow: 0 5px 12px rgba(70,45,15, .32); }
body[data-fl-theme="academy"] .fl-tabs { border-color: rgba(31,42,90,.22); box-shadow: 0 6px 18px rgba(70,45,15, .25); }
body[data-fl-theme="academy"] .fl-tabs button.is-active { color: #fff; background: #1f2a5a; }
body[data-fl-theme="academy"] .fl-tabs button:focus-visible { outline-color: #1f2a5a; }
body[data-fl-theme="academy"] .fl-address { width: max-content; max-width: min(760px, 100%); padding: 9px 14px; border-radius: 14px; color: #2c3566; background: rgba(255,248,240,.95); box-shadow: 0 6px 18px rgba(70,45,15, .25); }
body[data-fl-theme="academy"] .fl-download { color: #1b1204; background: #ff8a3d; }
@media (max-width: 820px) {
  body[data-fl-theme="academy"]::before { background-image: url('../../img/flyer/academy_bg_mobile.webp'); }
  body[data-fl-theme="academy"] .fl-paper-scroll { padding: clamp(10px, 2.9vw, 24px); }
  body[data-fl-theme="academy"] .fl-paper::before { inset: calc(-1 * clamp(10px, 2.9vw, 24px)); }
  body[data-fl-theme="academy"] .fl-address { width: auto; max-width: none; padding: 10px 72px 10px 14px; }
}

/* [2026-10-17 #167] 업종 테마 chinese: 실사 배경 + 장면에 맞춘 판 위의 전단 */
body[data-fl-theme="chinese"] { background: #2a0e0c; }
body[data-fl-theme="chinese"]::before { content: ''; position: fixed; inset: 0; z-index: 0; background: url('../../img/flyer/chinese_bg_desktop.webp') center / cover no-repeat; pointer-events: none; }
body[data-fl-theme="chinese"] .skin-flyer { z-index: 1; background: transparent; }
body[data-fl-theme="chinese"] .fl-paper-scroll { padding: 28px; }
body[data-fl-theme="chinese"] .fl-paper::before { content: ''; position: absolute; inset: -2.7% -3.8%; border-radius: 2%; background: url('../../img/flyer/chinese_board.webp') 0 0 / 100% 100% no-repeat; box-shadow: 0 26px 44px rgba(0,0,0, .38), 0 4px 10px rgba(0,0,0, .35); }
body[data-fl-theme="chinese"] .fl-paper::after { content: ''; position: absolute; inset: 0; z-index: 2; pointer-events: none; mix-blend-mode: multiply; border-radius: 1px; background: linear-gradient(118deg, rgba(255,200,120,0) 25%, rgba(0,0,0,.18) 100%); }
body[data-fl-theme="chinese"] .fl-face { border-radius: 1px; box-shadow: 0 5px 12px rgba(0,0,0, .32); }
body[data-fl-theme="chinese"] .fl-tabs { border-color: rgba(212,162,76,.55); box-shadow: 0 6px 18px rgba(0,0,0, .25); }
body[data-fl-theme="chinese"] .fl-tabs button.is-active { color: #3b0b0e; background: #d4a24c; }
body[data-fl-theme="chinese"] .fl-tabs button:focus-visible { outline-color: #d4a24c; }
body[data-fl-theme="chinese"] .fl-address { width: max-content; max-width: min(760px, 100%); padding: 9px 14px; border-radius: 14px; color: #f3dcc0; background: rgba(46,14,14,.9); box-shadow: 0 6px 18px rgba(0,0,0, .25); }
body[data-fl-theme="chinese"] .fl-download { color: #3b0b0e; background: #d4a24c; }
body[data-fl-theme="chinese"] .fl-tabs { background: rgba(46,14,14,.9); }
body[data-fl-theme="chinese"] .fl-tabs button { color: #e9cfae; }
body[data-fl-theme="chinese"] .fl-tools { color: #fbeedd; background: rgba(46, 14, 14, .92); border-color: rgba(212, 162, 76, .5); }
body[data-fl-theme="chinese"] .fl-tools button { color: #fbeedd; }
body[data-fl-theme="chinese"] .fl-tools button:hover:not(:disabled), body[data-fl-theme="chinese"] .fl-map-links a:hover { background: #6e1d22; }
body[data-fl-theme="chinese"] .fl-rule { background: rgba(212, 162, 76, .45); }
body[data-fl-theme="chinese"] .fl-map-links a { color: #f3dcc0; background: rgba(46, 14, 14, .92); border-color: rgba(212, 162, 76, .5); }
@media (max-width: 820px) {
  body[data-fl-theme="chinese"]::before { background-image: url('../../img/flyer/chinese_bg_mobile.webp'); }
  body[data-fl-theme="chinese"] .fl-paper-scroll { padding: clamp(10px, 2.9vw, 24px); }
  body[data-fl-theme="chinese"] .fl-paper::before { inset: calc(-1 * clamp(10px, 2.9vw, 24px)); }
  body[data-fl-theme="chinese"] .fl-address { width: auto; max-width: none; padding: 10px 72px 10px 14px; }
  body[data-fl-theme="chinese"] .fl-tools { background: transparent; border: 0; }
  body[data-fl-theme="chinese"] .fl-tools button, body[data-fl-theme="chinese"] .fl-download { border-color: rgba(212, 162, 76, .55); }
  body[data-fl-theme="chinese"] .fl-tools button { background: rgba(46, 14, 14, .94); color: #fbeedd; }
  body[data-fl-theme="chinese"] .fl-download { background: #d4a24c; color: #3b0b0e; }
}