/* ALBAM09 FINAL FORCE 20260622
   - 로컬 폰트만 사용: /fonts/Albam09Cute.ttf
   - 외부 Google/CDN 폰트 사용 금지
   - 전체 글씨 약 4pt급 확대
   - 마지막 cascade용 강제 스타일
*/
@font-face{
  font-family:'Albam09Cute';
  src:url('/fonts/Albam09Cute.ttf?v=20260622-font-final') format('truetype');
  font-weight:100 900;
  font-style:normal;
  font-display:block;
}
@font-face{
  font-family:'Ownglyph PDH';
  src:url('/fonts/Albam09Cute.ttf?v=20260622-font-final') format('truetype');
  font-weight:100 900;
  font-style:normal;
  font-display:block;
}
:root{
  --albam09-font-main:'Albam09Cute','Ownglyph PDH','온글잎 박다현체',sans-serif!important;
  --albam-font-sans:'Albam09Cute','Ownglyph PDH','온글잎 박다현체',sans-serif!important;
  --albam-font-display:'Albam09Cute','Ownglyph PDH','온글잎 박다현체',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 === */

@font-face{
  font-family:'Albam09Cute';
  src:url('/fonts/Albam09Cute.ttf?v=20260622-font-final-3') format('truetype');
  font-weight:100 900;
  font-style:normal;
  font-display:block;
}
:root{
  --albam09-font-main:'Albam09Cute','Ownglyph PDH','온글잎 박다현체',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 줄임
   - 로컬 온글잎 박다현체만 사용
   ========================================================= */
@font-face{
  font-family:'Albam09Cute';
  src:url('/fonts/Albam09Cute.ttf?v=20260622d-realfont') format('truetype');
  font-weight:100 900;
  font-style:normal;
  font-display:block;
}
: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줄 박스형 압축
   - 의미없는 안내문 문구는 index.html 본문에서 교체
   ========================================================= */
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="etc"] 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="etc"] 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;}
}