/* ORIGINAL: css/albam09-local-font.css */
/* Albam09 font unified - 20260629
   Site-wide font: Albam09Cute only.
   Works on PC and mobile via local /fonts/Albam09Cute.ttf
*/
@font-face{
  font-family:'Albam09Cute';
  src:url('../fonts/Albam09Cute.woff2') format('woff2'),url('../fonts/Albam09Cute.ttf') format('truetype');
  font-weight:100 900;
  font-style:normal;
  font-display:block;
}
:root{
  --albam09-font-main:'Albam09Cute',sans-serif!important;
  --albam-font-sans:'Albam09Cute',sans-serif!important;
  --albam-font-display:'Albam09Cute',sans-serif!important;
}
html,body,
body *,body *::before,body *::after,
h1,h2,h3,h4,h5,h6,p,a,span,li,div,button,input,textarea,select,label,small,strong,b,em,
.header,.nav,.card,.btn,.place-card,.region-tab,.hero,.detail-hero,.site-footer{
  font-family:'Albam09Cute',sans-serif!important;
}
html,body{
  -webkit-text-size-adjust:100%!important;
  text-size-adjust:100%!important;
}


/* ORIGINAL: css/albam09-final-force.css */
/* ALBAM09 FINAL FORCE 20260622
   - 로컬 폰트만 사용: /fonts/Albam09Cute.ttf
   - 외부 Google/CDN 폰트 사용 금지
   - 전체 글씨 약 4pt급 확대
   - 마지막 cascade용 강제 스타일
*/
:root{
  --albam09-font-main:'Albam09Cute',sans-serif!important;
  --albam-font-sans:'Albam09Cute',sans-serif!important;
  --albam-font-display:'Albam09Cute',sans-serif!important;
}
html,body{font-family:var(--albam09-font-main)!important;font-size:20px!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;}
html body,html body *,html body *::before,html body *::after{font-family:var(--albam09-font-main)!important;}
body{line-height:1.58!important;}
p,li,a,span,button,input,textarea,select,label,small,strong,b,em,div{font-family:var(--albam09-font-main)!important;}
p,li,a,button,input,textarea,select,label,.hero-desc,.hero-keyline,.detail-copy,.detail-notice,.detail-info-card,.business-description-item,.seo-article-card p,.insta-card .text,.insta-card .sub{font-size:1.12rem!important;line-height:1.62!important;}
.global-place-search__input,.global-place-search__button{font-size:1.12rem!important;}
header [title],header div[title],nav a{font-size:1.08rem!important;}
h1,.daum-wm-title,.detail-hero h1,main section[title] h1,section[title] h1,.place-hero h1{font-family:var(--albam09-font-main)!important;font-size:clamp(2.10rem,4.65vw,3.45rem)!important;line-height:1.13!important;font-weight:400!important;letter-spacing:-.025em!important;}
h2,.detail-section h2,section[list] h2,.business-description-section h2{font-size:clamp(1.55rem,2.85vw,2.10rem)!important;line-height:1.25!important;font-weight:400!important;}
h3,section[list] h3,.seo-article-card h3{font-size:clamp(1.22rem,2.25vw,1.58rem)!important;line-height:1.34!important;font-weight:400!important;}
section[list] h3 a{font-size:inherit!important;line-height:inherit!important;}
.place-list-card strong{font-size:1.28rem!important;font-weight:400!important;}
.place-list-card span{font-size:1.08rem!important;}
.detail-btn,.detail-menu__item b,.detail-menu__item span{font-size:1.10rem!important;}
@media(max-width:640px){
  html,body{font-size:19px!important;}
  h1,.daum-wm-title,.detail-hero h1,main section[title] h1,section[title] h1,.place-hero h1{font-size:clamp(2.18rem,9.9vw,2.95rem)!important;line-height:1.12!important;}
  h2,.detail-section h2,section[list] h2,.business-description-section h2{font-size:1.55rem!important;}
  h3,section[list] h3,.seo-article-card h3{font-size:1.28rem!important;}
  p,li,a,button,input,textarea,select,label,.business-description-item{font-size:1.08rem!important;}
}


/* =========================================================
   ALBAM09 FINAL PATCH 20260622B
   - INDEX 업종 목록 카드 높이/간격 보정: 큰 폰트에서도 박스 밖으로 안 튀게 고정
   - TOP12/내위치 패널 초기 깜빡임(반쯤 열렸다 사라짐) 차단
   ========================================================= */
body[data-current-page="index"] main section[list] > div[wrapper]{
  align-items:stretch!important;
  row-gap:30px!important;
  column-gap:28px!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"],
body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href]{
  min-height:210px!important;
  height:auto!important;
  padding:28px 24px 26px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  border-radius:22px!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul h3{
  width:100%!important;
  min-height:42px!important;
  margin:0 0 12px!important;
  padding:0 0 15px!important;
  line-height:1.12!important;
  text-align:center!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul h3 a{
  display:inline-block!important;
  max-width:100%!important;
  line-height:1.12!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
}
body[data-current-page="index"] .rotating-list-container[data-card-href],
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container{
  width:100%!important;
  height:70px!important;
  min-height:70px!important;
  margin:0!important;
  padding:8px 8px!important;
  overflow:hidden!important;
  flex:0 0 70px!important;
  border-radius:18px!important;
  box-sizing:border-box!important;
}
body[data-current-page="index"] .rotating-list-container[data-card-href] li,
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li{
  height:54px!important;
  min-height:54px!important;
  padding:6px 8px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body[data-current-page="index"] .rotating-list-container[data-card-href] li.is-active a,
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li.is-active a{
  max-width:calc(100% - 16px)!important;
  min-height:42px!important;
  padding:7px 14px!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:clamp(1.02rem,1.65vw,1.26rem)!important;
  line-height:1.12!important;
}
body[data-current-page="index"] .rotating-list-container[data-card-href] li.is-active [itemprop="name"],
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li.is-active [itemprop="name"]{
  display:block!important;
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.12!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul li[empty]{
  position:static!important;
  width:100%!important;
  min-height:54px!important;
  margin-top:2px!important;
  padding:12px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:normal!important;
  line-height:1.25!important;
  opacity:.85!important;
  transform:none!important;
  box-sizing:border-box!important;
}
@media(max-width:900px){
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"],
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href]{
    min-height:198px!important;
    padding:24px 18px 22px!important;
  }
}
@media(max-width:640px){
  body[data-current-page="index"] main section[list] > div[wrapper]{row-gap:18px!important;column-gap:14px!important;}
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"],
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href]{
    min-height:178px!important;
    padding:20px 12px 18px!important;
    border-radius:18px!important;
  }
  body[data-current-page="index"] main section[list] > div[wrapper] > ul h3{min-height:36px!important;margin-bottom:9px!important;padding-bottom:11px!important;}
  body[data-current-page="index"] .rotating-list-container[data-card-href],
  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container{height:62px!important;min-height:62px!important;flex-basis:62px!important;}
  body[data-current-page="index"] .rotating-list-container[data-card-href] li.is-active a,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li.is-active a{font-size:1.02rem!important;min-height:38px!important;padding:5px 8px!important;}
}
/* 패널 FOUC 차단: 사용자가 누르기 전에는 절대 반쯤 보이지 않게 함 */
#top12-panel:not(.is-open),
#nearest-panel:not(.is-open){
  transform:translateX(112%)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
#top12-panel.is-open,
#nearest-panel.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#nearestPanel{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
#floating-top12-btn,
#nearest-open-button,
#top12-panel,
#nearest-panel,
#nearestPanel{
  font-family:var(--albam09-font-main)!important;
}

/* === ALBAM09 FINAL PATCH 20260622 INDEX BOX FONT SAFE === */

:root{
  --albam09-font-main:'Albam09Cute',sans-serif!important;
  --albam-font-sans:var(--albam09-font-main)!important;
  --albam-font-display:var(--albam09-font-main)!important;
}
html,body,body *,button,input,select,textarea,a,span,div,p,li,h1,h2,h3,h4,h5,h6,
.swiper,.swiper *,.slide,.slide *,.carousel,.carousel *,[class*="slide"],[class*="slide"] *,[class*="swiper"],[class*="swiper"] *{
  font-family:var(--albam09-font-main)!important;
}
html{font-size:20px!important;}
body{font-size:1.12rem!important;line-height:1.62!important;}
button,input,select,textarea{font-size:1.08rem!important;}
/* INDEX 업종 목록 카드: 지역명은 위, 업소명 슬라이드는 아래로 완전히 분리 */
body[data-current-page="index"] main section[list] > div[wrapper]{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(260px,1fr))!important;
  gap:32px 32px!important;
  align-items:stretch!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href],
body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"]{
  position:relative!important;
  min-height:180px!important;
  height:180px!important;
  padding:24px 28px 26px!important;
  overflow:hidden!important;
  display:block!important;
  box-sizing:border-box!important;
  border-radius:22px!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] h3,
body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"] h3{
  position:relative!important;
  z-index:30!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:48px!important;
  height:48px!important;
  margin:0 0 22px!important;
  padding:0 0 13px!important;
  box-sizing:border-box!important;
  border-bottom:1px solid rgba(95,0,159,.10)!important;
  overflow:visible!important;
  text-align:center!important;
  background:transparent!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] h3 a,
body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"] h3 a{
  position:relative!important;
  z-index:31!important;
  display:inline-block!important;
  max-width:100%!important;
  font-size:clamp(1.38rem,2.15vw,1.88rem)!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  text-align:center!important;
}
/* ul 자체가 rotating-list-container인 구조를 정상화: 슬라이더는 카드 아래쪽에만 보임 */
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container,
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container[data-card-href]{
  min-height:180px!important;
  height:180px!important;
  flex-basis:auto!important;
  padding:24px 28px 26px!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"]{
  position:absolute!important;
  z-index:10!important;
  top:auto!important;
  bottom:28px!important;
  left:50%!important;
  right:auto!important;
  width:calc(100% - 56px)!important;
  max-width:calc(100% - 56px)!important;
  height:50px!important;
  min-height:50px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate(-50%, 18px)!important;
  transition:opacity .35s ease, transform .35s ease!important;
  filter:none!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"].is-active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(-50%, 0)!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"].is-leaving{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate(-50%, -12px)!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"] a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  max-width:100%!important;
  min-height:46px!important;
  height:auto!important;
  padding:8px 18px!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:clamp(1.00rem,1.55vw,1.22rem)!important;
  line-height:1.08!important;
  background:rgba(255,255,255,.86)!important;
  color:#5757ff!important;
  text-decoration:none!important;
  box-shadow:0 10px 24px rgba(95,0,159,.14),0 0 20px rgba(236,72,153,.13)!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"] [itemprop="name"]{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"] a::after,
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container::before{
  display:none!important;
  content:""!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul li[empty]{
  position:absolute!important;
  left:50%!important;
  bottom:30px!important;
  top:auto!important;
  z-index:10!important;
  transform:translateX(-50%)!important;
  width:calc(100% - 56px)!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  opacity:.55!important;
  font-size:1.02rem!important;
  white-space:normal!important;
}
@media(max-width:920px){
  body[data-current-page="index"] main section[list] > div[wrapper]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px!important;}
}
@media(max-width:640px){
  body[data-current-page="index"] main section[list] > div[wrapper]{grid-template-columns:1fr!important;gap:18px!important;}
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href],
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"],
  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container{
    min-height:165px!important;height:165px!important;padding:22px 18px 22px!important;
  }
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] h3 a,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"] h3 a{font-size:1.45rem!important;}
  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"]{bottom:22px!important;width:calc(100% - 36px)!important;max-width:calc(100% - 36px)!important;}
}
/* 기타업소 진입 때 패널 반쯤 열림 방지 최종 고정 */
#top12-panel:not(.is-open),#nearest-panel:not(.is-open),#nearestPanel:not(.is-open){
  transform:translateX(120%)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* =========================================================
   ALBAM09 HEADER POSITION SYNC 20260622C
   - index와 모든 하위 페이지의 로고/상단 메뉴 위치를 같은 기준으로 고정
   ========================================================= */
body header{
  position:relative!important;
  width:100%!important;
  max-width:1200px!important;
  min-height:126px!important;
  height:auto!important;
  margin:0 auto!important;
  padding:58px 16px 30px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
body header > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  text-decoration:none!important;
  line-height:1!important;
}
body header div[logo]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.45em!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  border-bottom:0!important;
}
body header div[logo] div[svg-box]{
  width:1.3em!important;
  height:1.3em!important;
  min-width:1.3em!important;
  min-height:1.3em!important;
  flex:0 0 1.3em!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
}
body header div[logo] div[svg-box] svg{
  width:100%!important;
  height:100%!important;
  display:block!important;
  overflow:visible!important;
}
body header div[logo] div[title],
body header div[logo] div[data-title]{
  display:inline-block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:1.12!important;
  white-space:nowrap!important;
}
body .area-wrap{
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto 24px!important;
  padding:0 16px!important;
  box-sizing:border-box!important;
}
body .area-list{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
body .area-list ul{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
body .area-list ul::-webkit-scrollbar{display:none!important;}
body .area-list li{flex:0 0 auto!important;margin:0!important;padding:0!important;list-style:none!important;}
body .area-list li a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:9px 15px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  line-height:1!important;
}
@media(max-width:760px){
  body header{min-height:104px!important;padding:42px 14px 24px!important;}
  body .area-wrap{padding:0 10px!important;margin-bottom:18px!important;}
  body .area-list{justify-content:flex-start!important;}
  body .area-list ul{justify-content:flex-start!important;gap:7px!important;}
  body .area-list li a{min-height:40px!important;padding:8px 11px!important;}
}

/* =========================================================
   ALBAM09 FINAL FIX 20260622D
   - header/logo/nav: index와 전 페이지 같은 좌표 기준으로 통일
   - 전체 글씨 크기: 현재보다 약 1pt 줄임
   - 원래 Albam09Cute 폰트만 사용
   ========================================================= */
:root{
  --albam09-font-main:'Albam09Cute',sans-serif!important;
  --albam-font-sans:var(--albam09-font-main)!important;
  --albam-font-display:var(--albam09-font-main)!important;
  --albam09-shell:980px;
}
html,body{
  font-family:var(--albam09-font-main)!important;
  font-size:19px!important;
}
body,body *:not(svg):not(path){
  font-family:var(--albam09-font-main)!important;
}
body{font-size:1.08rem!important;line-height:1.58!important;}
p,li,a,span,button,input,textarea,select,label,small,strong,b,em,div{font-family:var(--albam09-font-main)!important;}
p,li,a,button,input,textarea,select,label,.hero-desc,.hero-keyline,.detail-copy,.detail-notice,.detail-info-card,.business-description-item,.seo-article-card p,.insta-card .text,.insta-card .sub{
  font-size:1.06rem!important;
  line-height:1.58!important;
}
.global-place-search__input,.global-place-search__button{font-size:1.06rem!important;}
header [title],header div[title],nav a,.area-list li a{font-size:1.02rem!important;}
h1,.daum-wm-title,.detail-hero h1,main section[title] h1,section[title] h1,.place-hero h1{
  font-size:clamp(1.98rem,4.4vw,3.28rem)!important;
  line-height:1.13!important;
  font-weight:400!important;
}
h2,.detail-section h2,section[list] h2,.business-description-section h2{font-size:clamp(1.46rem,2.70vw,1.98rem)!important;line-height:1.25!important;}
h3,section[list] h3,.seo-article-card h3{font-size:clamp(1.15rem,2.10vw,1.48rem)!important;line-height:1.32!important;}
.place-list-card strong{font-size:1.20rem!important;}
.place-list-card span{font-size:1.02rem!important;}
.detail-btn,.detail-menu__item b,.detail-menu__item span{font-size:1.04rem!important;}

/* 로고/메뉴 위치는 모든 페이지에서 같은 shell 기준 */
body header{
  position:relative!important;
  width:100%!important;
  max-width:var(--albam09-shell)!important;
  min-height:108px!important;
  height:auto!important;
  margin:0 auto!important;
  padding:44px 16px 22px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
}
body header > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  text-decoration:none!important;
  line-height:1!important;
}
body header div[logo]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.45em!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  border-bottom:0!important;
}
body header div[logo] div[svg-box]{
  width:1.25em!important;
  height:1.25em!important;
  min-width:1.25em!important;
  min-height:1.25em!important;
  flex:0 0 1.25em!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
}
body header div[logo] div[svg-box] svg{width:100%!important;height:100%!important;display:block!important;overflow:visible!important;}
body header div[logo] div[title],
body header div[logo] div[data-title]{
  display:inline-block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:1.12!important;
  white-space:nowrap!important;
  font-size:clamp(1.42rem,2.75vw,2.05rem)!important;
}
body .area-wrap{
  width:100%!important;
  max-width:var(--albam09-shell)!important;
  margin:0 auto 24px!important;
  padding:0 16px!important;
  box-sizing:border-box!important;
}
body .area-list{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
body .area-list ul{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
body .area-list ul::-webkit-scrollbar{display:none!important;}
body .area-list li{flex:0 0 auto!important;margin:0!important;padding:0!important;list-style:none!important;}
body .area-list li a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:8px 14px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  line-height:1!important;
}
/* index 업종 박스: 글씨 줄인 뒤에도 지역명과 업소명이 절대 겹치지 않게 유지 */
body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href],
body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"],
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container{
  min-height:178px!important;
  height:178px!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] h3 a,
body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"] h3 a{
  font-size:clamp(1.22rem,2.25vw,1.58rem)!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"] a{
  font-size:clamp(.94rem,1.42vw,1.12rem)!important;
}
@media(max-width:760px){
  html,body{font-size:18px!important;}
  body header{min-height:94px!important;padding:34px 12px 18px!important;max-width:var(--albam09-shell)!important;}
  body header div[logo] div[title],body header div[logo] div[data-title]{font-size:clamp(1.35rem,7.6vw,1.78rem)!important;}
  body .area-wrap{padding:0 10px!important;margin-bottom:18px!important;}
  body .area-list{justify-content:flex-start!important;}
  body .area-list ul{justify-content:flex-start!important;gap:7px!important;}
  body .area-list li a{min-height:40px!important;padding:7px 10px!important;font-size:.98rem!important;}
  h1,.daum-wm-title,.detail-hero h1,main section[title] h1,section[title] h1,.place-hero h1{font-size:clamp(2.02rem,9.2vw,2.72rem)!important;line-height:1.12!important;}
  p,li,a,button,input,textarea,select,label,.business-description-item{font-size:1.02rem!important;}
}


/* =========================================================
   ALBAM09 REAL MOBILE FIX 20260622E
   - INDEX 모바일 업종박스: 지역명/카운트/업소명 겹침·잘림 방지
   - 모바일 게시판: 긴 카드 1열 → 2줄 박스형 압축
   - 의미없는 안내문 문구는 / 본문에서 교체
   ========================================================= */
body[data-current-page="index"] main section[list]{
  max-width:1160px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:14px!important;
  padding-right:14px!important;
  box-sizing:border-box!important;
}
body[data-current-page="index"] main section[list] > h2{
  margin:0 0 18px!important;
  text-align:center!important;
}
body[data-current-page="index"] main section[list] > div[wrapper]{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:22px!important;
  width:100%!important;
  max-width:1160px!important;
  margin:0 auto!important;
  box-sizing:border-box!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href],
body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"],
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:150px!important;
  min-height:150px!important;
  max-height:150px!important;
  padding:18px 14px 14px!important;
  margin:0!important;
  border-radius:22px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul h3,
body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] h3,
body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"] h3{
  position:relative!important;
  z-index:20!important;
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:0!important;
  padding:0 0 10px!important;
  border-bottom:1px solid rgba(95,0,159,.10)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  background:transparent!important;
  text-align:center!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul h3 a,
body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] h3 a,
body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"] h3 a{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  color:#9b0c9c!important;
  font-size:1.12rem!important;
  line-height:1.02!important;
  letter-spacing:-.06em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  transform:none!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"]{
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:auto!important;
  bottom:18px!important;
  z-index:12!important;
  width:calc(100% - 28px)!important;
  max-width:calc(100% - 28px)!important;
  height:31px!important;
  min-height:31px!important;
  max-height:31px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate(-50%, 8px)!important;
  box-sizing:border-box!important;
  writing-mode:horizontal-tb!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"].is-active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(-50%, 0)!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"] a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  padding:5px 8px!important;
  border-radius:12px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:.68rem!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  transform:none!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"] [itemprop="name"]{
  display:block!important;
  max-width:100%!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  transform:none!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul li[empty]{
  position:absolute!important;
  left:50%!important;
  bottom:18px!important;
  transform:translateX(-50%)!important;
  width:calc(100% - 24px)!important;
  min-height:28px!important;
  max-height:32px!important;
  padding:4px 4px!important;
  font-size:.66rem!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
body[data-current-page="index"] main section[list] div[telegram-section]{
  grid-column:1/-1!important;
}
@media(max-width:640px){
  body[data-current-page="index"] main section[list]{padding-left:10px!important;padding-right:10px!important;}
  body[data-current-page="index"] main section[list] > h2{font-size:1.45rem!important;margin-bottom:12px!important;line-height:1.1!important;}
  body[data-current-page="index"] main section[list] > div[wrapper]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;}
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href],
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"],
  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container{
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    padding:12px 6px 10px!important;
    border-radius:16px!important;
  }
  body[data-current-page="index"] main section[list] > div[wrapper] > ul h3,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] h3,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"] h3{
    height:31px!important;
    min-height:31px!important;
    max-height:31px!important;
    padding-bottom:8px!important;
  }
  body[data-current-page="index"] main section[list] > div[wrapper] > ul h3 a,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] h3 a,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"] h3 a{
    font-size:.88rem!important;
    letter-spacing:-.08em!important;
  }
  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"]{bottom:12px!important;width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important;height:28px!important;min-height:28px!important;max-height:28px!important;}
  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"] a{height:26px!important;min-height:26px!important;max-height:26px!important;padding:4px 7px!important;border-radius:9px!important;font-size:.60rem!important;}
  body[data-current-page="index"] main section[list] > div[wrapper] > ul li[empty]{bottom:12px!important;font-size:.52rem!important;}
}
@media(max-width:380px){
  body[data-current-page="index"] main section[list] > div[wrapper]{gap:8px!important;}
  body[data-current-page="index"] main section[list] > div[wrapper] > ul h3 a,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] h3 a,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"] h3 a{font-size:.72rem!important;}
  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"] a{font-size:.54rem!important;}
}

/* 모바일 기사 게시판: 박스형 2줄 요약으로 압축 */
@media(max-width:760px){
  body[data-current-page="index"] .seo-article-board{margin:22px 10px!important;padding:14px!important;border-radius:20px!important;}
  body[data-current-page="index"] .seo-article-inner{padding:0!important;}
  body[data-current-page="index"] .seo-article-head{display:block!important;margin-bottom:10px!important;}
  body[data-current-page="index"] .seo-article-head p{display:none!important;}
  body[data-current-page="index"] .seo-article-page-indicator{display:none!important;}
  body[data-current-page="index"] .seo-article-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}
  body[data-current-page="index"] .seo-article-list::before{display:none!important;content:none!important;}
  body[data-current-page="index"] .seo-article-card[data-board-page]{min-height:96px!important;height:96px!important;padding:10px 10px!important;border-radius:16px!important;overflow:hidden!important;box-sizing:border-box!important;box-shadow:0 6px 16px rgba(42,18,74,.055)!important;}
  body[data-current-page="index"] .seo-article-card .seo-article-meta{margin:0 0 5px!important;gap:4px!important;}
  body[data-current-page="index"] .seo-article-card .seo-article-meta span{font-size:.54rem!important;padding:4px 7px!important;line-height:1!important;}
  body[data-current-page="index"] .seo-article-card .seo-article-meta time{font-size:.50rem!important;line-height:1!important;}
  body[data-current-page="index"] .seo-article-card h3{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0 0 4px!important;font-size:.72rem!important;line-height:1.18!important;letter-spacing:-.05em!important;}
  body[data-current-page="index"] .seo-article-card p{display:-webkit-box!important;-webkit-line-clamp:1!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:0!important;font-size:.52rem!important;line-height:1.18!important;color:#695d72!important;}
  body[data-current-page="index"] .seo-article-pagination{margin-top:10px!important;gap:8px!important;}
  body[data-current-page="index"] .seo-article-pagination button{min-height:36px!important;padding:7px 4px!important;border-radius:999px!important;font-size:.62rem!important;}
}

/* 안내 기준 문단: 모바일에서 핵심 키워드만 짧게 읽히게 */
body[data-current-page="index"] .main-seo-guide p{word-break:keep-all!important;}
@media(max-width:760px){
  body[data-current-page="index"] .main-seo-guide{margin:24px 10px 18px!important;padding:18px 16px!important;border-radius:18px!important;}
  body[data-current-page="index"] .main-seo-guide h2{font-size:1.05rem!important;line-height:1.28!important;margin-bottom:10px!important;}
  body[data-current-page="index"] .main-seo-guide p{font-size:.68rem!important;line-height:1.55!important;margin:8px 0!important;}
}


/* =========================================================
   ALBAM09 20260622G - 전페이지 모바일 지역버튼/가까운업소 버튼 통일
   - 지역 이동: 세로 큰 2열 박스 제거, 가로형 2줄 작은 버튼으로 정리
   - 가까운 업소 보기: INDEX 포함 전페이지 동일한 우측 하단 버튼
   ========================================================= */
@media (max-width:760px){
  html body .area-wrap{
    width:100%!important;
    max-width:var(--albam09-shell, 1200px)!important;
    margin:0 auto 18px!important;
    padding:0 12px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  html body .area-list{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body .area-list ul{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-content:flex-start!important;
    gap:5px 5px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    list-style:none!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:auto!important;
  }
  html body .area-list ul::-webkit-scrollbar{display:none!important;}
  html body .area-list li{
    flex:0 1 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }
  html body .area-list li a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:42px!important;
    max-width:100%!important;
    min-height:31px!important;
    height:31px!important;
    padding:5px 8px!important;
    border-radius:9px!important;
    font-size:.72rem!important;
    line-height:1!important;
    letter-spacing:-.06em!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-sizing:border-box!important;
    box-shadow:0 4px 10px rgba(34,12,68,.045)!important;
  }
  html body .area-list li[data-page="karaoke2"] a,
  html body .area-list li[data-page="room"] a, html body .area-list li[data-page="hoppa"] a{
    font-size:.68rem!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
  html body .area-list li.current a,
  html body .area-list li[aria-current="page"] a{
    min-width:50px!important;
    color:#fff!important;
    background:linear-gradient(135deg,#9b4dff 0%,#8b35f1 100%)!important;
    box-shadow:0 7px 16px rgba(122,54,232,.22)!important;
  }
  html body #nearest-open-button{
    position:fixed!important;
    left:auto!important;
    top:auto!important;
    right:12px!important;
    bottom:14px!important;
    z-index:9998!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:166px!important;
    min-width:166px!important;
    max-width:166px!important;
    min-height:64px!important;
    margin:0!important;
    padding:10px 14px!important;
    border:0!important;
    border-radius:20px!important;
    background:#C9B6FF!important;
    color:#fff!important;
    font-size:.86rem!important;
    line-height:1.22!important;
    letter-spacing:-.04em!important;
    text-align:center!important;
    white-space:pre-line!important;
    cursor:pointer!important;
    box-shadow:0 12px 28px rgba(84,38,160,.34)!important;
    opacity:.98!important;
  }
}
@media (max-width:380px){
  html body .area-wrap{padding:0 10px!important;margin-bottom:16px!important;}
  html body .area-list ul{gap:6px!important;}
  html body .area-list li a{min-width:44px!important;height:30px!important;min-height:30px!important;padding:5px 7px!important;font-size:.68rem!important;border-radius:9px!important;}
  html body .area-list li[data-page="karaoke2"] a, html body .area-list li[data-page="room"] a, html body .area-list li[data-page="hoppa"] a{font-size:.64rem!important;padding-left:7px!important;padding-right:7px!important;}
  html body #nearest-open-button{right:10px!important;bottom:12px!important;width:156px!important;min-width:156px!important;max-width:156px!important;min-height:60px!important;font-size:.72rem!important;border-radius:18px!important;}
}


/* 20260717: 가까운 업소 모바일 패널 과대 표시 방지 / 닫기 버튼 강조 */
@media(max-width:640px){
  html body #nearest-open-button{
    right:10px!important;
    bottom:12px!important;
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
    min-height:48px!important;
    padding:8px 10px!important;
    border-radius:16px!important;
    font-size:.68rem!important;
    line-height:1.16!important;
    box-shadow:0 8px 20px rgba(84,38,160,.26)!important;
  }
  html body #floating-top12-btn{
    right:10px!important;
    bottom:66px!important;
    min-width:58px!important;
    padding:7px 9px!important;
    font-size:.56rem!important;
  }
  html body #nearest-panel,
  html body #top12-panel{
    left:10px!important;
    right:10px!important;
    top:auto!important;
    bottom:10px!important;
    width:auto!important;
    height:auto!important;
    max-height:68vh!important;
    border-radius:22px!important;
  }
  html body #nearest-panel:not(.is-open),
  html body #top12-panel:not(.is-open){
    transform:translateY(112%)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  html body #nearest-panel.is-open,
  html body #top12-panel.is-open{
    transform:translateY(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  html body #nearest-close,
  html body #top12-close{
    color:#ff2020!important;
    font-weight:900!important;
    font-size:15px!important;
    background:rgba(255,255,255,.12)!important;
    border-radius:999px!important;
    padding:8px 11px!important;
  }
}


/* ===== FREE PARTNERSHIP CARD: MATCH ADJACENT CARD HEIGHT ===== */
.partner-contact-card{
  height:100% !important;
  min-height:0 !important;
  align-self:stretch !important;
}
.partner-contact-card,
.partner-contact-card.contact-card,
.partner-contact-card.partner-card{
  box-sizing:border-box !important;
}


/* ORIGINAL: css/index-mobile-pc-final-20260622.css */
/*
  20260622 INDEX 최종 보정
  - 모바일: 지역명 가림 방지, 업소명 슬라이드 하단 이동, 게시판 2열 박스형 요약
  - PC: 모바일 확대판처럼 보이지 않게 넓은 카드/게시판/안내문 레이아웃 분리
*/

body[data-current-page="index"] main{
  overflow-x:hidden!important;
}

body[data-current-page="index"] .global-place-search{
  box-sizing:border-box!important;
}

/* 위치 버튼: 화면을 가리지 않도록 작고 낮게 고정 */
#nearest-open-button{
  width:auto!important;
  min-width:0!important;
  max-width:168px!important;
  right:18px!important;
  bottom:22px!important;
  padding:10px 15px!important;
  border-radius:999px!important;
  line-height:1.16!important;
  font-size:.82rem!important;
  letter-spacing:-.04em!important;
  box-shadow:0 10px 24px rgba(84,38,160,.26)!important;
  white-space:normal!important;
}
#floating-top12-btn{
  right:18px!important;
  bottom:78px!important;
  min-width:74px!important;
  padding:9px 12px!important;
  border-radius:999px!important;
  font-size:.72rem!important;
}

/* PC 전용: 폭을 제대로 쓰는 데스크탑 레이아웃 */
@media (min-width:1024px){
  body[data-current-page="index"] main > section[title],
  body[data-current-page="index"] main > .global-place-search,
  body[data-current-page="index"] main section[list],
  body[data-current-page="index"] .seo-article-board,
  body[data-current-page="index"] .main-seo-guide{
    max-width:1180px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body[data-current-page="index"] main > section[title]{
    padding-top:42px!important;
    padding-bottom:22px!important;
  }

  body[data-current-page="index"] main > .global-place-search{
    width:calc(100% - 72px)!important;
    margin-top:18px!important;
    margin-bottom:44px!important;
  }

  body[data-current-page="index"] main section[list]{
    padding:34px 32px 42px!important;
  }

  body[data-current-page="index"] main section[list] > h2{
    font-size:2.25rem!important;
    line-height:1.12!important;
    margin-bottom:28px!important;
  }

  body[data-current-page="index"] main section[list] > div[wrapper]{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:24px!important;
    align-items:stretch!important;
  }

  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href],
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"],
  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container{
    height:168px!important;
    min-height:168px!important;
    max-height:168px!important;
    padding:24px 22px 22px!important;
    border-radius:24px!important;
  }

  body[data-current-page="index"] main section[list] > div[wrapper] > ul h3,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] h3,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"] h3{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    margin:0!important;
    padding:0 0 13px!important;
    overflow:visible!important;
  }

  body[data-current-page="index"] main section[list] > div[wrapper] > ul h3 a,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] h3 a,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"] h3 a{
    font-size:1.42rem!important;
    letter-spacing:-.06em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"],
  body[data-current-page="index"] main section[list] > div[wrapper] > ul li[empty]{
    bottom:22px!important;
  }

  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"] a{
    height:36px!important;
    min-height:36px!important;
    max-height:36px!important;
    max-width:100%!important;
    padding:7px 14px!important;
    font-size:.86rem!important;
    border-radius:13px!important;
  }

  body[data-current-page="index"] .seo-article-board{
    margin-top:58px!important;
    margin-bottom:54px!important;
    padding:34px!important;
    border-radius:30px!important;
  }

  body[data-current-page="index"] .seo-article-inner{
    padding:0!important;
  }

  body[data-current-page="index"] .seo-article-head{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    gap:28px!important;
    margin-bottom:24px!important;
  }

  body[data-current-page="index"] .seo-article-head h2{
    font-size:1.82rem!important;
    line-height:1.22!important;
  }

  body[data-current-page="index"] .seo-article-head p{
    max-width:760px!important;
    font-size:.92rem!important;
    line-height:1.62!important;
  }

  body[data-current-page="index"] .seo-article-list{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
  }

  body[data-current-page="index"] .seo-article-list::before{
    grid-column:1/-1!important;
    font-size:.82rem!important;
    padding:8px 14px!important;
    width:max-content!important;
    max-width:100%!important;
  }

  body[data-current-page="index"] .seo-article-card[data-board-page]{
    min-height:188px!important;
    height:auto!important;
    padding:20px 20px 19px!important;
    border-radius:22px!important;
    box-shadow:0 10px 28px rgba(36,16,70,.06)!important;
  }

  body[data-current-page="index"] .seo-article-card h3{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    font-size:1.18rem!important;
    line-height:1.35!important;
    min-height:3.18em!important;
    margin:0 0 10px!important;
  }

  body[data-current-page="index"] .seo-article-card p{
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    font-size:.82rem!important;
    line-height:1.58!important;
  }

  body[data-current-page="index"] .seo-article-pagination{
    margin-top:24px!important;
  }

  body[data-current-page="index"] .seo-article-pagination button{
    min-width:150px!important;
    min-height:48px!important;
    font-size:.82rem!important;
  }

  body[data-current-page="index"] .main-seo-guide{
    margin-top:54px!important;
    margin-bottom:84px!important;
    padding:42px 46px!important;
    border-radius:30px!important;
  }

  body[data-current-page="index"] .main-seo-guide h2{
    font-size:1.92rem!important;
    line-height:1.28!important;
    margin-bottom:22px!important;
  }

  body[data-current-page="index"] .main-seo-guide p{
    max-width:980px!important;
    font-size:1.02rem!important;
    line-height:1.76!important;
    margin:14px 0!important;
  }
}

/* 태블릿: PC와 모바일 사이에서 3열 */
@media (min-width:761px) and (max-width:1023px){
  body[data-current-page="index"] main section[list] > div[wrapper]{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
  }
  body[data-current-page="index"] .seo-article-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
  }
}

/* 모바일: 지역명 선명, 업소명 슬라이드 하단, 게시판 2열 카드 */
@media (max-width:760px){
  body[data-current-page="index"] header{
    min-height:auto!important;
  }

  body[data-current-page="index"] main > .global-place-search{
    width:calc(100% - 24px)!important;
    margin:16px auto 24px!important;
  }

  body[data-current-page="index"] main section[list]{
    padding-left:12px!important;
    padding-right:12px!important;
    margin-top:10px!important;
  }

  body[data-current-page="index"] main section[list] > h2{
    font-size:1.56rem!important;
    line-height:1.1!important;
    margin:0 0 16px!important;
  }

  body[data-current-page="index"] main section[list] > div[wrapper]{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px 12px!important;
    align-items:stretch!important;
  }

  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href],
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"],
  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container{
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    padding:15px 10px 12px!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }

  body[data-current-page="index"] main section[list] > div[wrapper] > ul h3,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] h3,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"] h3{
    position:relative!important;
    z-index:40!important;
    height:39px!important;
    min-height:39px!important;
    max-height:39px!important;
    margin:0!important;
    padding:0 0 10px!important;
    overflow:visible!important;
    border-bottom:1px solid rgba(95,0,159,.12)!important;
    background:transparent!important;
  }

  body[data-current-page="index"] main section[list] > div[wrapper] > ul h3 a,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] h3 a,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"] h3 a{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    color:#9b0c9c!important;
    font-size:1.02rem!important;
    line-height:1.02!important;
    letter-spacing:-.08em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-align:center!important;
  }

  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"]{
    left:50%!important;
    bottom:14px!important;
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    transform:translate(-50%, 8px)!important;
  }

  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"].is-active{
    transform:translate(-50%, 0)!important;
  }

  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container li[itemprop="mainEntity"] a{
    width:auto!important;
    max-width:100%!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    padding:5px 9px!important;
    border-radius:11px!important;
    font-size:.68rem!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body[data-current-page="index"] main section[list] > div[wrapper] > ul li[empty]{
    bottom:16px!important;
    width:calc(100% - 18px)!important;
    font-size:.62rem!important;
    line-height:1.05!important;
  }

  body[data-current-page="index"] main section[list] div[telegram-section]{
    grid-column:1/-1!important;
  }

  body[data-current-page="index"] .seo-article-board{
    margin:26px 12px!important;
    padding:14px!important;
    border-radius:20px!important;
  }

  body[data-current-page="index"] .seo-article-inner{
    padding:0!important;
  }

  body[data-current-page="index"] .seo-article-head{
    display:block!important;
    margin-bottom:11px!important;
  }

  body[data-current-page="index"] .seo-article-label{
    font-size:.66rem!important;
    padding:5px 8px!important;
  }

  body[data-current-page="index"] .seo-article-head h2{
    font-size:1.12rem!important;
    line-height:1.26!important;
    margin:10px 0 0!important;
    letter-spacing:-.05em!important;
  }

  body[data-current-page="index"] .seo-article-head p,
  body[data-current-page="index"] .seo-article-page-indicator,
  body[data-current-page="index"] .seo-article-list::before{
    display:none!important;
    content:none!important;
  }

  body[data-current-page="index"] .seo-article-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }

  body[data-current-page="index"] .seo-article-card[data-board-page]{
    min-height:126px!important;
    height:126px!important;
    padding:10px 10px 9px!important;
    border-radius:16px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    box-shadow:0 7px 18px rgba(42,18,74,.06)!important;
  }

  body[data-current-page="index"] .seo-article-card .seo-article-meta{
    margin:0 0 6px!important;
    gap:4px!important;
    min-height:18px!important;
  }

  body[data-current-page="index"] .seo-article-card .seo-article-meta span{
    font-size:.56rem!important;
    padding:4px 7px!important;
    line-height:1!important;
    max-width:68px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  body[data-current-page="index"] .seo-article-card .seo-article-meta time{
    font-size:.50rem!important;
    line-height:1!important;
  }

  body[data-current-page="index"] .seo-article-card h3{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    margin:0 0 6px!important;
    min-height:2.52em!important;
    color:#2f2a3c!important;
    font-size:.78rem!important;
    line-height:1.26!important;
    letter-spacing:-.06em!important;
  }

  body[data-current-page="index"] .seo-article-card p{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    margin:0!important;
    color:#695d72!important;
    font-size:.58rem!important;
    line-height:1.25!important;
    letter-spacing:-.04em!important;
  }

  body[data-current-page="index"] .seo-article-pagination{
    margin-top:12px!important;
    gap:8px!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  body[data-current-page="index"] .seo-article-pagination button{
    min-width:0!important;
    width:100%!important;
    min-height:38px!important;
    padding:7px 4px!important;
    border-radius:999px!important;
    font-size:.64rem!important;
  }

  body[data-current-page="index"] .main-seo-guide{
    margin:26px 12px 74px!important;
    padding:20px 16px!important;
    border-radius:20px!important;
  }

  body[data-current-page="index"] .main-seo-guide h2{
    font-size:1.14rem!important;
    line-height:1.32!important;
    margin:0 0 12px!important;
    letter-spacing:-.05em!important;
  }

  body[data-current-page="index"] .main-seo-guide p{
    font-size:.78rem!important;
    line-height:1.58!important;
    margin:9px 0!important;
    word-break:keep-all!important;
  }

  #nearest-open-button{
    right:10px!important;
    bottom:14px!important;
    max-width:118px!important;
    padding:9px 10px!important;
    border-radius:17px!important;
    font-size:.66rem!important;
    line-height:1.13!important;
  }

  #floating-top12-btn{
    right:10px!important;
    bottom:66px!important;
    min-width:62px!important;
    padding:7px 10px!important;
    font-size:.58rem!important;
  }
}

@media (max-width:380px){
  body[data-current-page="index"] main section[list] > div[wrapper]{gap:12px 10px!important;}
  body[data-current-page="index"] main section[list] > div[wrapper] > ul h3 a,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] h3 a,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[itemprop="itemListElement"] h3 a{
    font-size:.92rem!important;
  }
  body[data-current-page="index"] .seo-article-card h3{font-size:.72rem!important;}
  body[data-current-page="index"] .seo-article-card p{font-size:.54rem!important;}
}

/* 더 높은 선택자로 기존 강제 height/min-height를 마지막에 재고정 */
@media (min-width:1024px){
  html body[data-current-page="index"] main.daum-wm-content section[list] > div[wrapper] > ul.rotating-list-container[data-card-href][itemprop="itemListElement"]{
    height:168px!important;
    min-height:168px!important;
    max-height:168px!important;
  }
  html body[data-current-page="index"] main.daum-wm-content section[list] > div[wrapper] > ul.rotating-list-container[data-card-href][itemprop="itemListElement"] li[itemprop="mainEntity"]{
    bottom:22px!important;
  }
}
@media (max-width:760px){
  html body[data-current-page="index"] main.daum-wm-content section[list] > div[wrapper] > ul.rotating-list-container[data-card-href][itemprop="itemListElement"]{
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
  }
  html body[data-current-page="index"] main.daum-wm-content section[list] > div[wrapper] > ul.rotating-list-container[data-card-href][itemprop="itemListElement"] li[itemprop="mainEntity"]{
    bottom:14px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
  }
  html body[data-current-page="index"] main.daum-wm-content section[list] > div[wrapper] > ul.rotating-list-container[data-card-href][itemprop="itemListElement"] li[itemprop="mainEntity"] a{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    font-size:.68rem!important;
  }
}
@media (max-width:760px){
  html body[data-current-page="index"] main.daum-wm-content section[list] > div[wrapper] > ul.rotating-list-container[data-card-href][itemprop="itemListElement"] li[itemprop="mainEntity"] a{
    font-size:.68rem!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    padding:5px 10px!important;
  }
}

/* PC 게시판 버튼/카드 최종 정리: 모바일처럼 길게 늘어나는 버튼 방지 */
@media (min-width:1024px){
  html body[data-current-page="index"] .seo-article-board .seo-article-list{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
  }
  html body[data-current-page="index"] .seo-article-board .seo-article-card[data-board-page]{
    min-height:202px!important;
    height:202px!important;
    padding:20px 20px 18px!important;
    overflow:hidden!important;
  }
  html body[data-current-page="index"] .seo-article-board .seo-article-card h3{
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    min-height:0!important;
    margin:0 0 10px!important;
    font-size:1.02rem!important;
    line-height:1.35!important;
    letter-spacing:-.05em!important;
  }
  html body[data-current-page="index"] .seo-article-board .seo-article-card p{
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    font-size:.72rem!important;
    line-height:1.58!important;
    letter-spacing:-.03em!important;
  }
  html body[data-current-page="index"] .seo-article-board .seo-article-pagination{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:14px!important;
    margin:28px auto 0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  html body[data-current-page="index"] .seo-article-board .seo-article-pagination button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:170px!important;
    max-width:170px!important;
    min-width:170px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 18px!important;
    border-radius:999px!important;
    font-size:.68rem!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
}

/* 모바일에서는 보조 버튼이 콘텐츠를 덮지 않도록 TOP12는 숨기고 위치 버튼만 작게 유지 */
@media (max-width:760px){
  html body[data-current-page="index"] #floating-top12-btn{
    display:none!important;
  }
  html body[data-current-page="index"] #nearest-open-button{
    right:8px!important;
    bottom:8px!important;
    max-width:96px!important;
    padding:8px 9px!important;
    border-radius:16px!important;
    font-size:.60rem!important;
    line-height:1.12!important;
    opacity:.96!important;
  }
}


/* =========================================================
   ALBAM09 INDEX FIX 20260622F
   - 게시판 바깥 이중 박스 제거: .seo-article-board는 레이아웃만, .seo-article-inner 한 개 박스만 표시
   - 모바일 지역 이동 버튼: 가로 슬라이드 제거, 2열 그리드로 전체 노출
   - INDEX 가까운 업소 보기 버튼: 모바일 터치 영역 확대
   ========================================================= */
body[data-current-page="index"] .seo-article-board{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  padding:0!important;
  overflow:visible!important;
}
body[data-current-page="index"] .seo-article-inner{
  border:1px solid rgba(215,181,246,.78)!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#fff 0%,#fff 68%,#fffbff 100%)!important;
  box-shadow:0 16px 36px rgba(44,18,80,.075)!important;
  padding:26px!important;
  box-sizing:border-box!important;
}
@media (min-width:1024px){
  body[data-current-page="index"] .seo-article-board{
    max-width:1180px!important;
    margin:58px auto 54px!important;
    padding:0!important;
    border-radius:0!important;
  }
  body[data-current-page="index"] .seo-article-inner{
    padding:30px 32px 34px!important;
    border-radius:28px!important;
  }
}
@media (max-width:760px){
  body .area-wrap{
    padding:0 12px!important;
    margin:0 auto 20px!important;
  }
  body .area-list{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body .area-list ul{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    gap:8px!important;
    overflow:visible!important;
    padding:0!important;
    margin:0!important;
    scrollbar-width:auto!important;
    -webkit-overflow-scrolling:auto!important;
  }
  body .area-list li{
    width:100%!important;
    min-width:0!important;
    flex:initial!important;
  }
  body .area-list li a{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:9px 8px!important;
    border-radius:12px!important;
    font-size:.88rem!important;
    line-height:1.05!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-shadow:0 6px 14px rgba(34,12,68,.055)!important;
  }
  body .area-list li.current a{
    box-shadow:0 8px 18px rgba(122,54,232,.24)!important;
  }
  body[data-current-page="index"] .seo-article-board{
    margin:24px 10px!important;
    padding:0!important;
    border-radius:0!important;
  }
  body[data-current-page="index"] .seo-article-inner{
    padding:14px!important;
    border-radius:20px!important;
  }
  html body[data-current-page="index"] #nearest-open-button{
    width:168px!important;
    min-width:168px!important;
    max-width:168px!important;
    min-height:60px!important;
    right:12px!important;
    bottom:14px!important;
    padding:10px 14px!important;
    border-radius:20px!important;
    font-size:.82rem!important;
    line-height:1.22!important;
    letter-spacing:-.04em!important;
    white-space:pre-line!important;
    opacity:.98!important;
    box-shadow:0 12px 28px rgba(84,38,160,.34)!important;
  }
}
@media (max-width:380px){
  body .area-list ul{gap:7px!important;}
  body .area-list li a{min-height:41px!important;font-size:.72rem!important;padding:8px 5px!important;}
  html body[data-current-page="index"] #nearest-open-button{
    width:156px!important;
    min-width:156px!important;
    max-width:156px!important;
    min-height:56px!important;
    font-size:.68rem!important;
  }
}


/* 20260622F-2: INDEX 가까운 업소 버튼은 떠다니며 콘텐츠를 가리지 않게 검색창 아래 고정 CTA로 배치 */
body[data-current-page="index"] #nearest-open-button{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  z-index:3!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(440px, calc(100% - 32px))!important;
  min-width:0!important;
  max-width:440px!important;
  min-height:54px!important;
  margin:-18px auto 28px!important;
  padding:12px 22px!important;
  border-radius:18px!important;
  font-size:.98rem!important;
  line-height:1.22!important;
  letter-spacing:-.04em!important;
  text-align:center!important;
  white-space:pre-line!important;
  box-shadow:0 13px 28px rgba(84,38,160,.26)!important;
}
@media (max-width:760px){
  html body[data-current-page="index"] #nearest-open-button{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:calc(100% - 24px)!important;
    min-width:0!important;
    max-width:none!important;
    min-height:58px!important;
    margin:-12px auto 22px!important;
    padding:11px 14px!important;
    border-radius:18px!important;
    font-size:.90rem!important;
    line-height:1.22!important;
  }
}
@media (max-width:380px){
  html body[data-current-page="index"] #nearest-open-button{
    width:calc(100% - 20px)!important;
    min-width:0!important;
    max-width:none!important;
    min-height:54px!important;
    font-size:.84rem!important;
  }
}


/* =========================================================
   ALBAM09 20260622G - INDEX 예외 제거
   - INDEX 지역 버튼도 전페이지와 같은 가로형 2줄 작은 버튼
   - INDEX 가까운 업소 버튼도 다른 페이지처럼 우측 하단 고정
   ========================================================= */
@media (max-width:760px){
  html body[data-current-page="index"] .area-wrap{
    width:100%!important;
    max-width:var(--albam09-shell, 1200px)!important;
    margin:0 auto 18px!important;
    padding:0 12px!important;
    overflow:visible!important;
  }
  html body[data-current-page="index"] .area-list ul{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    align-content:flex-start!important;
    gap:5px 5px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  html body[data-current-page="index"] .area-list li{
    width:auto!important;
    min-width:0!important;
    flex:0 1 auto!important;
  }
  html body[data-current-page="index"] .area-list li a{
    display:inline-flex!important;
    width:auto!important;
    min-width:42px!important;
    max-width:100%!important;
    height:31px!important;
    min-height:31px!important;
    padding:5px 8px!important;
    border-radius:9px!important;
    font-size:.72rem!important;
    line-height:1!important;
    letter-spacing:-.06em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    box-shadow:0 4px 10px rgba(34,12,68,.045)!important;
  }
  html body[data-current-page="index"] .area-list li[data-page="karaoke2"] a,
  html body[data-current-page="index"] .area-list li[data-page="room"] a, html body[data-current-page="index"] .area-list li[data-page="hoppa"] a{font-size:.68rem!important;padding-left:7px!important;padding-right:7px!important;}
  html body[data-current-page="index"] .area-list li.current a,
  html body[data-current-page="index"] .area-list li[aria-current="page"] a{
    min-width:50px!important;
    color:#fff!important;
    background:linear-gradient(135deg,#9b4dff 0%,#8b35f1 100%)!important;
    box-shadow:0 7px 16px rgba(122,54,232,.22)!important;
  }
  html body[data-current-page="index"] #nearest-open-button{
    position:fixed!important;
    left:auto!important;
    top:auto!important;
    right:12px!important;
    bottom:14px!important;
    z-index:9998!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:166px!important;
    min-width:166px!important;
    max-width:166px!important;
    min-height:64px!important;
    margin:0!important;
    padding:10px 14px!important;
    border-radius:20px!important;
    font-size:.86rem!important;
    line-height:1.22!important;
    letter-spacing:-.04em!important;
    text-align:center!important;
    white-space:pre-line!important;
    box-shadow:0 12px 28px rgba(84,38,160,.34)!important;
    opacity:.98!important;
  }
}
@media (max-width:380px){
  html body[data-current-page="index"] .area-wrap{padding:0 10px!important;margin-bottom:16px!important;}
  html body[data-current-page="index"] .area-list ul{gap:6px!important;}
  html body[data-current-page="index"] .area-list li a{min-width:44px!important;height:30px!important;min-height:30px!important;padding:5px 7px!important;font-size:.68rem!important;border-radius:9px!important;}
  html body[data-current-page="index"] .area-list li[data-page="karaoke2"] a, html body[data-current-page="index"] .area-list li[data-page="room"] a, html body[data-current-page="index"] .area-list li[data-page="hoppa"] a{font-size:.64rem!important;padding-left:7px!important;padding-right:7px!important;}
  html body[data-current-page="index"] #nearest-open-button{right:10px!important;bottom:12px!important;width:156px!important;min-width:156px!important;max-width:156px!important;min-height:60px!important;font-size:.72rem!important;border-radius:18px!important;}
}


/* 20260717: 가까운 업소 보기 버튼 모바일 축소 고정 */
@media(max-width:640px){
  html body[data-current-page="index"] #nearest-open-button,
  html body #nearest-open-button{
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
    min-height:48px!important;
    right:10px!important;
    bottom:12px!important;
    padding:8px 10px!important;
    font-size:.68rem!important;
    border-radius:16px!important;
  }
}

/* ===== INDEX REGION CARD ROW-SEPARATION FIX 20260907 =====
   Keep every region card visually consistent: title row on top,
   rotating venue/empty-state row below. Scoped to index only. */
body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href]{
  position:relative!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
/* The region heading is NOT an empty-state message. Override legacy li[empty] rules. */
body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] > li.rotating-list-heading[empty],
body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] > li.static-list-heading[empty]{
  position:absolute!important;
  top:18px!important;
  right:12px!important;
  bottom:auto!important;
  left:12px!important;
  width:auto!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  overflow:visible!important;
  white-space:normal!important;
  z-index:3!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] > li.rotating-list-heading[empty] h3,
body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] > li.static-list-heading[empty] h3{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1.15!important;
}
/* Populated regions: venue row stays below the region heading. */
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container[data-card-href] > li:not(.rotating-list-heading){
  position:absolute!important;
  top:auto!important;
  right:12px!important;
  bottom:18px!important;
  left:12px!important;
  width:auto!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
  text-align:center!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  overflow:hidden!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container[data-card-href] > li.is-active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container[data-card-href] > li.is-active > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  height:34px!important;
  min-height:34px!important;
  max-height:34px!important;
  margin:0!important;
  padding:5px 10px!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
/* Empty regions: keep the empty message on the same lower row as a venue name would use. */
body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href]:not(.rotating-list-container) > li[empty]:not(.static-list-heading){
  position:absolute!important;
  top:auto!important;
  right:12px!important;
  bottom:18px!important;
  left:12px!important;
  width:auto!important;
  height:38px!important;
  min-height:38px!important;
  max-height:38px!important;
  margin:0!important;
  padding:4px 6px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  color:#868e96!important;
  font-size:.72rem!important;
  line-height:1.2!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:hidden!important;
  z-index:2!important;
}
@media(max-width:640px){
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] > li.rotating-list-heading[empty],
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] > li.static-list-heading[empty]{
    top:10px!important;
    right:6px!important;
    left:6px!important;
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
  }
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] > li.rotating-list-heading[empty] h3,
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href] > li.static-list-heading[empty] h3{
    line-height:1.05!important;
  }
  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container[data-card-href] > li:not(.rotating-list-heading),
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href]:not(.rotating-list-container) > li[empty]:not(.static-list-heading){
    right:6px!important;
    bottom:10px!important;
    left:6px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
  }
  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container[data-card-href] > li.is-active > a{
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
    padding:4px 6px!important;
    font-size:.62rem!important;
  }
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href]:not(.rotating-list-container) > li[empty]:not(.static-list-heading){
    padding:2px 3px!important;
    font-size:.54rem!important;
    line-height:1.15!important;
  }
}
/* ===== INDEX REGION CARD ROW-SEPARATION FIX END ===== */



/* ===== INDEX REGION CARD CENTERED VENUE FIX 20260907 =====
   Region title/count stays at the top. Active venue name and empty-state
   message sit in the true vertical center of each region card. */
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container[data-card-href] > li:not(.rotating-list-heading){
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container[data-card-href] > li.is-active{
  transform:translateY(-50%)!important;
}
body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href]:not(.rotating-list-container) > li[empty]:not(.static-list-heading){
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
}
@media(max-width:640px){
  body[data-current-page="index"] main section[list] > div[wrapper] > ul.rotating-list-container[data-card-href] > li:not(.rotating-list-heading),
  body[data-current-page="index"] main section[list] > div[wrapper] > ul[data-card-href]:not(.rotating-list-container) > li[empty]:not(.static-list-heading){
    top:52%!important;
    bottom:auto!important;
    transform:translateY(-50%)!important;
  }
}
/* ===== INDEX REGION CARD CENTERED VENUE FIX END ===== */


/* ===== FREE PARTNERSHIP CARD: MATCH ADJACENT CARD HEIGHT ===== */
.partner-contact-card{
  height:100% !important;
  min-height:0 !important;
  align-self:stretch !important;
}
.partner-contact-card,
.partner-contact-card.contact-card,
.partner-contact-card.partner-card{
  box-sizing:border-box !important;
}


/* ORIGINAL: css/footer-contact-20260626.css */
/* 20260626: 하단 SNS 아이콘 / 무료제휴 텔레그램문의 @medic0111 최소 노출 */
.site-footer-contact,
footer.site-footer-contact,
.report-footer.site-footer-contact{
  text-align:center!important;
  padding:22px 12px 32px!important;
  color:#7e7488!important;
}
.site-footer-contact [copyright],
.site-footer-contact .footer-copy{
  display:block!important;
  margin-bottom:10px!important;
  font-size:.86rem!important;
  line-height:1.45!important;
}
.footer-sns-icons{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px!important;
  margin:8px auto 0!important;
}
.footer-sns-icons a{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  text-decoration:none!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  box-shadow:0 8px 20px rgba(48,25,70,.12)!important;
  border:1px solid rgba(255,255,255,.74)!important;
}
.footer-sns-icons .sns-kakao{background:#fee500!important;color:#2b2010!important;}
.footer-sns-icons .sns-insta{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)!important;color:#fff!important;}
.footer-sns-icons .sns-telegram{background:#2aabee!important;color:#fff!important;}
.telegram-mini,
.telegram-section .contact-list,
.contact-list .telegram-mini{
  text-align:center!important;
}
.telegram-mini a,
.telegram-section .telegram-mini a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:rgba(42,171,238,.10)!important;
  border:1px solid rgba(42,171,238,.22)!important;
  color:#2179a8!important;
  text-decoration:none!important;
  font-size:.86rem!important;
  line-height:1.2!important;
}
@media(max-width:640px){
  .site-footer-contact{padding-bottom:86px!important;}
  .footer-sns-icons a{width:38px!important;height:38px!important;min-width:38px!important;font-size:12px!important;}
}

/* 20260717: 무료제휴 문의 버튼 클릭 범위 확대 */
.telegram-section{
  grid-column:1/-1!important;
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:18px auto 0!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
}
.telegram-section .contact-list,
.contact-list:has(.telegram-mini){
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.telegram-mini,
.contact-list .telegram-mini{
  width:100%!important;
  max-width:520px!important;
  min-height:64px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  list-style:none!important;
}
.telegram-mini a,
.telegram-section .telegram-mini a,
main section[list] div[wrapper] ul li[empty].telegram-mini a[telegram],
main section[list] div[wrapper] ul li.telegram-mini a[telegram]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:520px!important;
  min-height:58px!important;
  padding:16px 26px!important;
  box-sizing:border-box!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(225,246,255,.98),rgba(190,231,255,.98))!important;
  border:2px solid rgba(42,171,238,.34)!important;
  color:#1478a9!important;
  text-decoration:none!important;
  font-family:var(--albam09-font-main), 'Albam09Cute', sans-serif!important;
  font-size:clamp(1rem,2.8vw,1.22rem)!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  box-shadow:0 10px 24px rgba(42,171,238,.18)!important;
  cursor:pointer!important;
  white-space:normal!important;
}
.telegram-mini a::before,
.telegram-section .telegram-mini a::before{
  content:'✈️';
  display:inline-block;
  margin-right:8px;
  font-size:1.1em;
  line-height:1;
}
.telegram-mini a:active,
.telegram-section .telegram-mini a:active{
  transform:translateY(1px)!important;
  box-shadow:0 5px 14px rgba(42,171,238,.18)!important;
}
@media(max-width:640px){
  .telegram-section{margin-top:14px!important;padding:0 6px!important;}
  .telegram-mini,
  .contact-list .telegram-mini{max-width:100%!important;min-height:62px!important;}
  .telegram-mini a,
  .telegram-section .telegram-mini a{min-height:56px!important;padding:15px 18px!important;font-size:1.02rem!important;}
}


/* 20260717: 제휴 버튼 원래 카드 안에서만 꽉 차게 복구 */
main section[list] div[wrapper] > ul:has(> li.telegram-mini),
main section[list] div[wrapper] > ul:has(li.telegram-mini){
  grid-column:auto!important;
  width:auto!important;
  max-width:none!important;
  min-height:130px!important;
  margin:0!important;
  padding:24px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 16px 32px rgba(100,44,125,.12)!important;
  border:1px solid #f1e6fb!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
main section[list] div[wrapper] > ul:has(> li.telegram-mini) > li.telegram-mini,
main section[list] div[wrapper] > ul:has(li.telegram-mini) li.telegram-mini,
.telegram-mini,
.contact-list .telegram-mini{
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  list-style:none!important;
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  flex:0 1 auto!important;
  box-sizing:border-box!important;
}
main section[list] div[wrapper] > ul:has(> li.telegram-mini) > li.telegram-mini a[telegram],
main section[list] div[wrapper] > ul:has(li.telegram-mini) li.telegram-mini a[telegram],
.telegram-mini a[telegram],
.telegram-section .telegram-mini a[telegram]{
  width:100%!important;
  max-width:none!important;
  min-height:54px!important;
  margin:0!important;
  padding:14px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  box-sizing:border-box!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(225,246,255,.98),rgba(190,231,255,.98))!important;
  border:2px solid rgba(42,171,238,.34)!important;
  color:#1478a9!important;
  font-family:var(--albam09-font-main),'Albam09Cute',sans-serif!important;
  font-size:clamp(.92rem,2.5vw,1.08rem)!important;
  line-height:1.24!important;
  font-weight:900!important;
  letter-spacing:-.03em!important;
  text-decoration:none!important;
  white-space:normal!important;
  word-break:keep-all!important;
  box-shadow:0 8px 18px rgba(42,171,238,.16)!important;
  cursor:pointer!important;
}
@media(max-width:640px){
  main section[list] div[wrapper] > ul:has(> li.telegram-mini),
  main section[list] div[wrapper] > ul:has(li.telegram-mini){
    min-height:118px!important;
    padding:18px 12px!important;
  }
  main section[list] div[wrapper] > ul:has(> li.telegram-mini) > li.telegram-mini a[telegram],
  main section[list] div[wrapper] > ul:has(li.telegram-mini) li.telegram-mini a[telegram],
  .telegram-mini a[telegram],
  .telegram-section .telegram-mini a[telegram]{
    min-height:52px!important;
    padding:12px 12px!important;
    font-size:.92rem!important;
  }
}