/* ==================================================
   KDramaMap Global Hero System v2
   Home / Archive / Search / Guestbook 공통
================================================== */

:root{
  --kdm-hero-width:1080px;
  --kdm-hero-height:300px;
  --kdm-hero-image:url("https://kdramamap.com/wp-content/uploads/2026/07/2016-08-26-P1120474.webp");
  --kdm-hero-size:118% auto;
  --kdm-hero-x:50%;
  --kdm-hero-y:46%;
  --kdm-hero-overlay:.18;
  --kdm-hero-radius:18px;
}

/* GeneratePress의 Header 하나만 사용하고 모든 대상 페이지에서 같은 위치로 정렬 */
body.home .site-header,
body.kdm-archive-page .site-header,
body.kdm-search-page .site-header,
body.kdm-guestbook-page .site-header,
body.single-kdm_location .site-header{
  position:absolute!important;
  top:0;
  left:0;
  width:100%;
  z-index:100;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

body.home .site-header .inside-header,
body.kdm-archive-page .site-header .inside-header,
body.kdm-search-page .site-header .inside-header,
body.kdm-guestbook-page .site-header .inside-header,
body.single-kdm_location .site-header .inside-header{
  width:min(var(--kdm-hero-width),calc(100% - 32px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding-left:22px!important;
  padding-right:22px!important;
  box-sizing:border-box!important;
  background:transparent!important;
}

body.home .main-navigation,
body.home .inside-navigation,
body.kdm-archive-page .main-navigation,
body.kdm-archive-page .inside-navigation,
body.kdm-search-page .main-navigation,
body.kdm-search-page .inside-navigation,
body.kdm-guestbook-page .main-navigation,
body.kdm-guestbook-page .inside-navigation,
body.single-kdm_location .main-navigation,
body.single-kdm_location .inside-navigation{
  background:transparent!important;
  box-shadow:none!important;
}

body.home .main-title a,
body.home .main-navigation .main-nav > ul > li > a,
body.kdm-archive-page .main-title a,
body.kdm-archive-page .main-navigation .main-nav > ul > li > a,
body.kdm-search-page .main-title a,
body.kdm-search-page .main-navigation .main-nav > ul > li > a,
body.kdm-guestbook-page .main-title a,
body.kdm-guestbook-page .main-navigation .main-nav > ul > li > a,
body.single-kdm_location .main-title a,
body.single-kdm_location .main-navigation .main-nav > ul > li > a{
  color:#fff!important;
  font-weight:800;
}

/* 개인정보처리방침은 Global Hero에서 제목을 출력하므로 본문 기본 제목은 숨김 */
body.kdm-privacy-policy-page article.page > .inside-article > .entry-header{
  display:none!important;
}

/* 개인정보처리방침: PC에서 GeneratePress의 빈 사이드바 폭을 제거하고
   Hero와 본문 컨테이너의 중심·폭을 동일하게 맞춤 */
body.kdm-privacy-policy-page #page{
  width:min(var(--kdm-hero-width),calc(100% - 32px))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.kdm-privacy-policy-page #page > .site-content{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

body.kdm-privacy-policy-page #primary,
body.kdm-privacy-policy-page .content-area{
  float:none!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

body.kdm-privacy-policy-page #right-sidebar,
body.kdm-privacy-policy-page #page .site-content > .widget-area{
  display:none!important;
}

.kdm-global-hero{
  position:relative;
  isolation:isolate;
  width:min(var(--kdm-hero-width),calc(100% - 32px));
  height:var(--kdm-hero-height);
  min-height:var(--kdm-hero-height);
  margin:0 auto;
  padding:74px 24px 26px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-sizing:border-box;
  border-radius:0 0 var(--kdm-hero-radius) var(--kdm-hero-radius);
  color:#fff;
  text-align:center;
  background-image:var(--kdm-hero-image);
  background-size:var(--kdm-hero-size);
  background-position:var(--kdm-hero-x) var(--kdm-hero-y);
  background-repeat:no-repeat;
}

.kdm-global-hero__overlay{
  position:absolute;
  inset:0;
  z-index:-1;
  background:rgba(0,0,0,var(--kdm-hero-overlay));
}

.kdm-global-hero__inner{
  width:min(900px,100%);
  margin:0 auto;
}

.kdm-global-hero__badge{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  margin:0 0 9px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:999px;
  background:rgba(255,255,255,.20);
  backdrop-filter:blur(7px);
  color:#fff;
  font-size:12px;
  font-weight:900;
}

.kdm-global-hero__breadcrumb{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 9px;
  color:rgba(255,255,255,.82);
  font-size:13px;
}

.kdm-global-hero__breadcrumb a,
.kdm-global-hero__breadcrumb strong{
  color:#fff;
  font-weight:700;
  text-decoration:none;
}

.kdm-global-hero__title{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:clamp(34px,3.5vw,48px)!important;
  font-weight:900!important;
  line-height:1.12!important;
  letter-spacing:-1.6px;
  word-break:keep-all;
}

.kdm-global-hero--archive .kdm-global-hero__title,
.kdm-global-hero--search .kdm-global-hero__title,
.kdm-global-hero--guestbook .kdm-global-hero__title{
  font-size:34px!important;
}

.kdm-global-hero__description{
  margin:0!important;
  color:rgba(255,255,255,.92)!important;
  font-size:16px!important;
  line-height:1.5;
}

.kdm-global-hero__meta{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  margin:0 0 10px;
  padding:0 13px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:13px;
  font-weight:800;
}

.kdm-global-hero__content{
  margin-top:16px;
}

.kdm-global-hero .kdm-search{
  display:flex;
  width:min(600px,100%);
  margin:0 auto;
  padding:6px;
  border-radius:999px;
  background:rgba(255,255,255,.97);
  box-shadow:0 16px 38px rgba(0,0,0,.23);
}

.kdm-global-hero .kdm-search input{
  flex:1 1 auto;
  min-width:0;
  padding:12px 18px;
  border:0;
  outline:0;
  border-radius:999px;
  background:transparent;
  color:#222;
  font-size:14px;
}

.kdm-global-hero .kdm-search button{
  flex:0 0 auto;
  min-width:88px;
  padding:0 24px;
  border:0;
  border-radius:999px;
  background:#e50914;
  color:#fff;
  font-size:15px;
  font-weight:800;
  cursor:pointer;
}

.kdm-global-hero__tags{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

.kdm-global-hero__tags a{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 11px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(255,255,255,.20);
  color:#fff;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}

body.admin-bar.home .site-header,
body.admin-bar.kdm-archive-page .site-header,
body.admin-bar.kdm-search-page .site-header,
body.admin-bar.kdm-guestbook-page .site-header,
body.admin-bar.single-kdm_location .site-header{
  top:32px;
}





/* ==================================================
   v2.1 보정
   - GeneratePress Header 강제 단일 정렬
   - 홈 검색폼 복원
   - Archive 메타 간격 조정
================================================== */
body.home .site-header .inside-header,
body.kdm-archive-page .site-header .inside-header,
body.kdm-search-page .site-header .inside-header,
body.kdm-guestbook-page .site-header .inside-header,
body.kdm-guestbook-screen .site-header .inside-header,
body.single-kdm_location .site-header .inside-header{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
}

body.home .site-branding,
body.kdm-archive-page .site-branding,
body.kdm-search-page .site-branding,
body.kdm-guestbook-page .site-branding,
body.kdm-guestbook-screen .site-branding,
body.single-kdm_location .site-branding{
  flex:0 0 auto!important;
  min-width:0!important;
}

body.home .main-navigation,
body.kdm-archive-page .main-navigation,
body.kdm-search-page .main-navigation,
body.kdm-guestbook-page .main-navigation,
body.kdm-guestbook-screen .main-navigation,
body.single-kdm_location .main-navigation{
  flex:0 1 auto!important;
  margin-left:auto!important;
}

body.home .main-navigation .main-nav > ul,
body.kdm-archive-page .main-navigation .main-nav > ul,
body.kdm-search-page .main-navigation .main-nav > ul,
body.kdm-guestbook-page .main-navigation .main-nav > ul,
body.kdm-guestbook-screen .main-navigation .main-nav > ul,
body.single-kdm_location .main-navigation .main-nav > ul{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
}

.kdm-global-hero--home .kdm-global-hero__content{
  margin-top:17px;
}

.kdm-global-hero--home .kdm-search{
  width:min(600px,100%)!important;
  min-height:50px;
  padding:5px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
}

.kdm-global-hero--home .kdm-search input{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  min-height:40px;
  padding:10px 18px!important;
  color:#374151!important;
  background:transparent!important;
}

.kdm-global-hero--home .kdm-search input::placeholder{
  color:#8b93a1!important;
  opacity:1!important;
}

.kdm-global-hero--home .kdm-search button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:72px!important;
  min-height:40px!important;
  padding:0 22px!important;
  background:#e50914!important;
  color:#fff!important;
}

.kdm-global-hero--archive .kdm-global-hero__meta{
  margin-top:4px;
  margin-bottom:12px;
}



/* ==================================================
   Hero System v2.2 final polish
   - 공통 KDramaMap 배지 제거
   - 홈 제목/검색창 축소
   - 홈 태그와 퀵메뉴 간격 확보
   - 방명록 TOC 충돌 방지
================================================== */

/* 혹시 이전 캐시 HTML에 배지가 남아 있어도 숨김 */
.kdm-global-hero__badge{
  display:none!important;
}

/* 배지 제거 후 상단 흐름 정리 */
.kdm-global-hero__breadcrumb{
  margin-bottom:10px;
}

/* 홈 Hero는 콘텐츠가 많으므로 아카이브보다 조금만 높게 */
.kdm-global-hero--home{
  height:320px;
  min-height:320px;
  padding-top:76px;
  padding-bottom:32px;
}

.kdm-global-hero--home .kdm-global-hero__title{
  font-size:clamp(34px,3vw,42px)!important;
  letter-spacing:-1.3px;
}

.kdm-global-hero--home .kdm-global-hero__content{
  margin-top:14px;
}

.kdm-global-hero--home .kdm-search{
  width:min(520px,100%);
}

.kdm-global-hero--home .kdm-global-hero__tags{
  margin-top:11px;
  margin-bottom:8px;
}

/* 방명록 페이지의 자동 목차 플러그인 차단 */
body.kdm-guestbook-page #toc_container,
body.kdm-guestbook-page .toc-container,
body.kdm-guestbook-page .ez-toc-container,
body.kdm-guestbook-page #ez-toc-container,
body.kdm-guestbook-page .lwptoc,
body.kdm-guestbook-page .wp-block-rank-math-toc-block,
body.kdm-guestbook-page .simpletoc-list,
body.kdm-guestbook-page .entry-content > .toc,
body.kdm-guestbook-screen #toc_container,
body.kdm-guestbook-screen .toc-container,
body.kdm-guestbook-screen .ez-toc-container,
body.kdm-guestbook-screen #ez-toc-container,
body.kdm-guestbook-screen .lwptoc,
body.kdm-guestbook-screen .wp-block-rank-math-toc-block{
  display:none!important;
  float:none!important;
}

body.kdm-guestbook-page .kdm-guestbook-root,
body.kdm-guestbook-screen .kdm-guestbook-root{
  clear:both!important;
  width:100%!important;
}

body.kdm-guestbook-page .kdm-global-hero,
body.kdm-guestbook-screen .kdm-global-hero{
  clear:both!important;
}



/* ==================================================
   Hero System v2.3 final spacing fixes
   - 홈 해시태그 아래 빈 공간 축소
   - 홈 제목/검색창 비율 재조정
   - 방명록 외곽 GeneratePress 폭 제한 해제
================================================== */

/* 홈은 퀵메뉴와 바로 이어지도록 별도 높이 사용 */
body.home .kdm-global-hero--home{
  height:260px!important;
  min-height:260px!important;
  padding:64px 24px 8px!important;
}

body.home .kdm-global-hero--home .kdm-global-hero__title{
  font-size:clamp(32px,3.15vw,42px)!important;
  margin-bottom:7px!important;
}

body.home .kdm-global-hero--home .kdm-global-hero__description{
  margin-bottom:0!important;
}

body.home .kdm-global-hero--home .kdm-global-hero__content{
  margin-top:13px!important;
}

body.home .kdm-global-hero--home .kdm-search{
  width:min(520px,100%)!important;
}

body.home .kdm-global-hero--home .kdm-global-hero__tags{
  margin-top:8px!important;
}

/* 방명록도 다른 페이지와 동일한 1080px 시스템 폭 사용 */
body.kdm-guestbook-page .site,
body.kdm-guestbook-page #page,
body.kdm-guestbook-page .site-content,
body.kdm-guestbook-page .content-area,
body.kdm-guestbook-page .site-main,
body.kdm-guestbook-page article,
body.kdm-guestbook-page .inside-article,
body.kdm-guestbook-page .entry-content{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}



/* ==================================================
   Hero System v2.4
   - 홈 Hero 내용 묶음을 아래로 10px 이동
   - 방명록 GeneratePress 2단 레이아웃/사이드바 강제 해제
================================================== */

/* 홈: 상단 메뉴와 제목 사이 간격 확보 */
body.home .kdm-global-hero--home .kdm-global-hero__inner{
  transform:translateY(10px)!important;
}

/* 방명록: GeneratePress의 content/sidebar 2단 구조 완전 해제 */
body.kdm-guestbook-page #page,
body.kdm-guestbook-page #page.grid-container,
body.kdm-guestbook-page .site.grid-container,
body.kdm-guestbook-screen #page,
body.kdm-guestbook-screen #page.grid-container,
body.kdm-guestbook-screen .site.grid-container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

body.kdm-guestbook-page .site-content,
body.kdm-guestbook-screen .site-content{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

body.kdm-guestbook-page #primary,
body.kdm-guestbook-page .content-area,
body.kdm-guestbook-page .site-main,
body.kdm-guestbook-page .inside-article,
body.kdm-guestbook-page .entry-content,
body.kdm-guestbook-screen #primary,
body.kdm-guestbook-screen .content-area,
body.kdm-guestbook-screen .site-main,
body.kdm-guestbook-screen .inside-article,
body.kdm-guestbook-screen .entry-content{
  float:none!important;
  clear:both!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

body.kdm-guestbook-page #right-sidebar,
body.kdm-guestbook-page #left-sidebar,
body.kdm-guestbook-page .widget-area,
body.kdm-guestbook-page .sidebar,
body.kdm-guestbook-screen #right-sidebar,
body.kdm-guestbook-screen #left-sidebar,
body.kdm-guestbook-screen .widget-area,
body.kdm-guestbook-screen .sidebar{
  display:none!important;
}

/* Hero와 방명록 본문을 브라우저 기준 정확히 중앙 정렬 */
body.kdm-guestbook-page .kdm-global-hero,
body.kdm-guestbook-page .kdm-gb-wrap,
body.kdm-guestbook-screen .kdm-global-hero,
body.kdm-guestbook-screen .kdm-gb-wrap{
  margin-left:auto!important;
  margin-right:auto!important;
}



/* ==================================================
   Hero System v2.5
   홈 메인 타이틀 크기 축소
================================================== */
body.home .kdm-global-hero--home .kdm-global-hero__title{
  font-size:clamp(30px,2.75vw,38px)!important;
  letter-spacing:-1.1px!important;
}



/* ==================================================
   v2.5.1 촬영지 상세 Hero 연결
   - 실제 body class: single-kdm_location
   - Header만 공통 Hero 위에 겹침
   - 본문/컨테이너 레이아웃은 건드리지 않음
================================================== */
body.single-kdm_location .site-header{
  position:absolute!important;
  top:0;
  left:0;
  width:100%;
  z-index:100;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}

body.single-kdm_location .site-header .inside-header{
  width:min(var(--kdm-hero-width),calc(100% - 32px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding-left:22px!important;
  padding-right:22px!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  background:transparent!important;
}

body.single-kdm_location .site-branding{
  flex:0 0 auto!important;
  min-width:0!important;
}

body.single-kdm_location .main-navigation,
body.single-kdm_location .inside-navigation{
  flex:0 1 auto!important;
  margin-left:auto!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.single-kdm_location .main-navigation .main-nav > ul{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
}

body.single-kdm_location .main-title a,
body.single-kdm_location .main-navigation .main-nav > ul > li > a{
  color:#fff!important;
  font-weight:800;
}

body.admin-bar.single-kdm_location .site-header{
  top:32px;
}





/* ==================================================
   KDramaMap Hero System v2.7.0
   Detail Hero Bridge 통합 영역

   기존 Detail Hero Bridge v1.0.6의 규칙을 그대로 흡수했습니다.
   PC 화면 유지가 1차 목표이며, 모바일 최적화는 이후 이 파일 하나에서 진행합니다.
================================================== */

body.kdm-detail-hero-page .site-header{position:absolute!important;top:0!important;left:0!important;width:100%!important;z-index:100!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.admin-bar.kdm-detail-hero-page .site-header{top:32px!important}
body.kdm-detail-hero-page .site-header .inside-header{width:min(var(--kdm-hero-width,1080px),calc(100% - 32px))!important;max-width:none!important;margin:0 auto!important;padding-left:22px!important;padding-right:22px!important;box-sizing:border-box!important;background:transparent!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:28px!important}
body.kdm-detail-hero-page .main-navigation,body.kdm-detail-hero-page .inside-navigation{background:transparent!important;box-shadow:none!important}
body.kdm-detail-hero-page .site-branding{flex:0 0 auto!important;min-width:0!important}
body.kdm-detail-hero-page .main-navigation{flex:0 1 auto!important;margin-left:auto!important}
body.kdm-detail-hero-page .main-navigation .main-nav>ul{display:flex!important;flex-wrap:nowrap!important;align-items:center!important}
body.kdm-detail-hero-page .main-title a,body.kdm-detail-hero-page .main-navigation .main-nav>ul>li>a{color:#fff!important;font-weight:800!important}
body.kdm-detail-hero-page #page,body.kdm-detail-hero-page #page.grid-container,body.kdm-detail-hero-page .site.grid-container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.kdm-detail-hero-page .site-content{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.kdm-detail-hero-page #primary,body.kdm-detail-hero-page .content-area,body.kdm-detail-hero-page .site-main{float:none!important;clear:both!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.kdm-detail-hero-page #right-sidebar,body.kdm-detail-hero-page #left-sidebar,body.kdm-detail-hero-page .widget-area{display:none!important}
body.kdm-detail-hero-page .kdm-detail-root{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.kdm-detail-hero-page .kdm-global-hero{width:min(var(--kdm-hero-width,1080px),calc(100% - 32px))!important;max-width:var(--kdm-hero-width,1080px)!important;margin-left:auto!important;margin-right:auto!important}
body.kdm-detail-hero-page .kdm-wrap{width:min(1080px,calc(100% - 32px))!important;max-width:1080px!important;margin:28px auto 0!important;box-sizing:border-box!important}

/* DRAMA */
.kdm-drama-overview-v2{
  display:grid;
  grid-template-columns:280px minmax(0,1fr);
  gap:34px;
  align-items:start;
  margin-bottom:26px;
}
.kdm-drama-poster-column .kdm-poster{
  width:100%;
  max-width:280px;
}
.kdm-drama-poster-column .kdm-poster img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:2/3;
  object-fit:cover;
  border-radius:14px;
}
.kdm-drama-main-column{
  min-width:0;
}
.kdm-drama-info-column{
  padding-top:2px;
}
.kdm-drama-mid-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:20px;
  align-items:stretch;
  margin-top:28px;
}
.kdm-drama-actors-panel{
  min-width:0;
  padding:20px;
  border:1px solid #e2e7ef;
  border-radius:14px;
  background:#fff;
}
.kdm-drama-actors-panel .kdm-section-title{
  margin:0 0 16px;
}
.kdm-drama-actors-panel .kdm-actor-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}
.kdm-drama-stat-inline{
  width:100%!important;
  height:100%;
  min-height:100%;
  margin:0!important;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.kdm-related-regions-swipe-section{
  width:100%;
  margin-top:0!important;
}
.kdm-section-heading-row{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:16px;
  margin-bottom:12px;
}
.kdm-section-heading-row .kdm-section-title{
  margin:0;
}
.kdm-swipe-guide{
  font-size:12px;
  color:#7b8494;
  white-space:nowrap;
}
.kdm-related-regions-scroller{
  display:flex;
  gap:16px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 2px 14px;
  scroll-snap-type:x mandatory;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
.kdm-related-region-slide{
  flex:0 0 210px;
  min-width:210px;
  scroll-snap-align:start;
  border:1px solid #e2e7ef;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  box-sizing:border-box;
}
.kdm-related-region-visual{
  width:100%;
  aspect-ratio:16/10;
  background:linear-gradient(135deg,#eef3fb,#e3eaf5);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  color:#51627c;
  font-size:34px;
  font-weight:800;
}
.kdm-related-region-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.kdm-related-region-slide h3{
  margin:12px 14px 4px;
  font-size:17px;
  line-height:1.35;
}
.kdm-related-region-slide p{
  margin:0 14px 14px;
  color:#657087;
  font-size:13px;
}
.kdm-related-region-slide:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(20,35,60,.12);
  transition:.2s ease;
}
.kdm-full-width-section{
  width:100%;
  clear:both;
}

/* ACTOR */
.kdm-actor-overview{display:grid;grid-template-columns:320px minmax(0,1fr);gap:34px;align-items:start;margin-bottom:30px}
.kdm-actor-profile-column .kdm-profile{width:320px;max-width:100%}
.kdm-actor-profile-column .kdm-profile img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;object-position:top;border-radius:14px}
.kdm-actor-content-column{min-width:0}
.kdm-actor-summary{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:24px;row-gap:14px;margin-bottom:22px}
.kdm-actor-summary .kdm-title{flex:0 0 100%;margin:0}
.kdm-actor-summary .kdm-stat-row{margin:0}
.kdm-actor-summary .kdm-actions{margin:0;align-self:center}
.kdm-actor-dramas-section{margin:0!important;padding:0!important}
.kdm-section-heading-row{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px}
.kdm-section-heading-row .kdm-section-title{margin:0}
.kdm-swipe-guide{font-size:12px;color:#7b8494;white-space:nowrap}
.kdm-actor-drama-scroller{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 14px;scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.kdm-actor-drama-slide{flex:0 0 210px;display:block;color:inherit;text-decoration:none;scroll-snap-align:start}
.kdm-actor-drama-poster{width:210px;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:#eef1f5}
.kdm-actor-drama-poster img{display:block;width:100%;height:100%;object-fit:cover}
.kdm-actor-drama-poster span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:12px;text-align:center}
.kdm-actor-drama-slide h3{margin:9px 0 3px;font-size:16px;line-height:1.35}
.kdm-actor-drama-slide p{margin:0;font-size:12px;color:#657087}
.kdm-actor-drama-slide:hover .kdm-actor-drama-poster{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,35,60,.14);transition:.2s ease}

.kdm-context-note{margin:0 0 18px;padding:12px 16px;border:1px solid #cfe0ff;border-radius:12px;background:#f6f9ff;color:#2454b8;font-size:14px}
.kdm-selected-badge{display:inline-block;margin-left:8px;padding:3px 7px;border-radius:999px;background:#eaf1ff;color:#2454b8;font-size:11px;vertical-align:middle}
.kdm-location-item.is-selected-region{border-color:#8fb2ff;background:#fbfdff}

@media(max-width:900px){
 .kdm-drama-overview{grid-template-columns:230px minmax(0,1fr)}
 .kdm-drama-side-stack{grid-column:1/-1;grid-template-columns:220px minmax(0,1fr)}
 .kdm-actor-overview{grid-template-columns:280px minmax(0,1fr)}
 .kdm-actor-profile-column .kdm-profile{width:280px}
}
@media(max-width:700px){
 
 
 
 .kdm-drama-overview,.kdm-actor-overview{grid-template-columns:1fr;gap:22px}
 .kdm-drama-poster-column .kdm-poster{max-width:320px;margin:0 auto}
 .kdm-drama-side-stack{grid-column:auto;grid-template-columns:1fr}
 .kdm-actor-profile-column .kdm-profile{width:100%;max-width:360px;margin:0 auto}
 .kdm-actor-summary{display:block}
 .kdm-actor-summary .kdm-stat-row,.kdm-actor-summary .kdm-actions{margin-top:14px}
 .kdm-actor-drama-slide{flex-basis:180px}
 .kdm-actor-drama-poster{width:180px}
 .kdm-swipe-guide{display:none}
}


@media(max-width:900px){
  .kdm-drama-overview-v2{
    grid-template-columns:230px minmax(0,1fr);
  }
  .kdm-drama-mid-row{
    grid-template-columns:minmax(0,1fr) 190px;
  }
}
@media(max-width:700px){
  .kdm-drama-overview-v2{
    grid-template-columns:1fr;
    gap:22px;
  }
  .kdm-drama-poster-column .kdm-poster{
    max-width:320px;
    margin:0 auto;
  }
  .kdm-drama-mid-row{
    grid-template-columns:1fr;
  }
  .kdm-drama-stat-inline{
    min-height:0;
  }
  .kdm-related-region-slide{
    flex-basis:180px;
    min-width:180px;
  }
  .kdm-swipe-guide{
    display:none;
  }
}

/* ==================================================
   KDramaMap Hero System v2.8.1
   모바일 Hero + body Drawer 재구축

   - PC 규칙 변경 없음
   - 일반 Hero 320px
   - 홈 Hero 430px
   - 모든 Hero 폭: 화면 - 28px
   - 모바일 메뉴는 body 직속 Drawer
================================================== */
@media (max-width:768px){

  :root{
    
    
    --kdm-mobile-normal-height:320px;
    --kdm-mobile-home-height:430px;
    --kdm-mobile-radius:12px;
  }

  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
  }

  /* Hero 공통 폭 */
  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  /* Header */
  

  

  

  

  

  /* GeneratePress 원본 메뉴는 모바일에서 목록만 숨기고 버튼만 사용 */
  

  

  

  

  

  

  

  /* body 직속 Drawer */
  

  

  

  

  

  

  

  

  

  
}

/* ==================================================
   KDramaMap Hero System v2.8.2
   모바일 Full Width Hero / Branding 제거

   - 모바일에서만 적용
   - Hero 높이는 기존 고정값 유지
   - 한국 드라마 촬영지 문구 제거
   - Hero 폭 100vw
   - 투명 햄버거
================================================== */

/* ==================================================
   KDramaMap Hero System v2.9.0
   모바일 Hero 완전 단일화

   기준
   - 모든 페이지를 홈 Hero의 폭/높이/배경 비율/위치에 통일
   - 모든 과거 모바일 Hero/Header/Menu 규칙 제거
   - PC 규칙 변경 없음
================================================== */
@media (max-width:768px){

  :root{
    --kdm-mobile-hero-height:430px;
  }

  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:hidden!important;
  }

  /* 모든 페이지 Hero를 viewport 전체 폭으로 강제 */
  .kdm-global-hero,
  .kdm-global-hero--home,
  .kdm-global-hero--archive,
  .kdm-global-hero--search,
  .kdm-global-hero--guestbook{
    position:relative!important;
    left:auto!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    height:var(--kdm-mobile-hero-height)!important;
    min-height:var(--kdm-mobile-hero-height)!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:42px 18px 18px!important;
    transform:none!important;
    box-sizing:border-box!important;
    border-radius:0!important;
    overflow:hidden!important;
    background-size:cover!important;
    background-position:50% 50%!important;
    background-repeat:no-repeat!important;
  }

  .kdm-global-hero__overlay{
    position:absolute!important;
    inset:0!important;
  }

  .kdm-global-hero__inner,
  .kdm-global-hero--home .kdm-global-hero__inner{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    text-align:center!important;
  }

  .kdm-global-hero__breadcrumb{
    align-self:flex-start!important;
    margin:0 0 10px!important;
    font-size:12px!important;
    line-height:1.3!important;
  }

  .kdm-global-hero__badge{
    min-height:28px!important;
    margin:0 0 10px!important;
    padding:0 12px!important;
    font-size:12px!important;
  }

  .kdm-global-hero__title,
  .kdm-global-hero--home .kdm-global-hero__title,
  .kdm-global-hero--archive .kdm-global-hero__title,
  .kdm-global-hero--search .kdm-global-hero__title,
  .kdm-global-hero--guestbook .kdm-global-hero__title{
    width:100%!important;
    margin:0 0 12px!important;
    font-size:clamp(29px,8.2vw,39px)!important;
    font-weight:900!important;
    line-height:1.12!important;
    letter-spacing:-1.3px!important;
    text-align:center!important;
    word-break:keep-all!important;
    overflow-wrap:break-word!important;
  }

  .kdm-global-hero__meta{
    min-height:32px!important;
    margin:0 0 12px!important;
    padding:0 13px!important;
    font-size:12px!important;
  }

  .kdm-global-hero__description{
    width:100%!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.45!important;
    text-align:center!important;
    word-break:keep-all!important;
  }

  .kdm-global-hero__content{
    width:100%!important;
    max-width:100%!important;
    margin-top:12px!important;
  }

  /* 검색창은 Hero 안에 완전히 들어오도록 축소 */
  .kdm-global-hero .kdm-search,
  .kdm-global-hero--home .kdm-search{
    display:flex!important;
    flex-direction:column!important;
    width:min(100%,650px)!important;
    max-width:650px!important;
    margin:0 auto!important;
    padding:7px!important;
    box-sizing:border-box!important;
    border-radius:21px!important;
  }

  .kdm-global-hero .kdm-search input,
  .kdm-global-hero--home .kdm-search input{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    padding:9px 13px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    font-size:14px!important;
  }

  .kdm-global-hero .kdm-search button,
  .kdm-global-hero--home .kdm-search button{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    margin-top:4px!important;
    padding:0 14px!important;
    box-sizing:border-box!important;
    font-size:15px!important;
  }

  .kdm-global-hero__tags{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    gap:6px!important;
    margin-top:9px!important;
  }

  .kdm-global-hero__tags a{
    min-height:25px!important;
    padding:0 8px!important;
    font-size:10px!important;
  }

  /* 모바일 사이트명 완전 제거 */
  .site-header .site-branding,
  .site-header .main-title,
  .site-header .main-title a{
    display:none!important;
  }

  /* Header는 왼쪽 햄버거만 담당 */
  .site-header{
    position:absolute!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:100010!important;
  }

  .site-header .inside-header{
    position:relative!important;
    width:100vw!important;
    max-width:100vw!important;
    min-height:64px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
  }

  .site-header .main-navigation{
    position:absolute!important;
    top:10px!important;
    left:16px!important;
    right:auto!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:100012!important;
  }

  .site-header .main-navigation .inside-navigation{
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  .site-header .main-navigation .main-nav,
  .site-header .main-navigation #primary-menu{
    display:none!important;
  }

  .site-header .main-navigation .menu-toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:48px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
    font-size:0!important;
    line-height:1!important;
    cursor:pointer!important;
  }

  .site-header .main-navigation .menu-toggle .gp-icon,
  .site-header .main-navigation .menu-toggle .mobile-menu{
    display:none!important;
  }

  .site-header .main-navigation .menu-toggle::before{
    content:"☰"!important;
    display:block!important;
    color:#fff!important;
    font-family:Arial,sans-serif!important;
    font-size:31px!important;
    font-weight:700!important;
    line-height:1!important;
    text-shadow:0 2px 8px rgba(0,0,0,.55)!important;
  }

  .site-header .main-navigation .menu-toggle.kdm-mobile-toggle-open::before{
    content:"×"!important;
    font-size:35px!important;
    font-weight:400!important;
  }

  /* body 직속 정적 Drawer */
  .kdm-mobile-menu-backdrop{
    position:fixed!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:rgba(0,0,0,.42)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:100000!important;
  }

  .kdm-mobile-menu-drawer{
    position:fixed!important;
    top:68px!important;
    left:14px!important;
    right:auto!important;
    display:block!important;
    width:min(280px,calc(100vw - 28px))!important;
    max-width:calc(100vw - 28px)!important;
    max-height:calc(100dvh - 84px)!important;
    margin:0!important;
    padding:10px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:14px!important;
    background:rgba(12,21,35,.98)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.34)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-8px)!important;
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease!important;
    z-index:100011!important;
  }

  body.kdm-mobile-menu-open .kdm-mobile-menu-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.kdm-mobile-menu-open .kdm-mobile-menu-drawer{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }

  .kdm-mobile-menu-list{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  .kdm-mobile-menu-list > li{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  .kdm-mobile-menu-list > li > a{
    display:block!important;
    width:100%!important;
    min-height:46px!important;
    margin:0!important;
    padding:13px 15px!important;
    box-sizing:border-box!important;
    border-radius:9px!important;
    color:#fff!important;
    background:transparent!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:20px!important;
    text-align:left!important;
    white-space:nowrap!important;
  }

  .kdm-mobile-menu-list > li > a:hover{
    background:rgba(255,255,255,.10)!important;
  }

  body.admin-bar .site-header{
    top:46px!important;
  }

  body.admin-bar .kdm-mobile-menu-drawer{
    top:114px!important;
  }
}

/* ==================================================
   KDramaMap Hero System v2.9.1
   홈 Hero를 기준으로 모바일 전체 통일

   확인된 간섭:
   - body.home .kdm-global-hero--home 의 PC용 !important 규칙이
     모바일에서도 계속 적용되어 홈만 260px로 남아 있었음.
   - 기존 GeneratePress menu-toggle 이벤트와 독립 Drawer 이벤트가 충돌했음.

   해결:
   - 모든 모바일 Hero를 홈의 실제 규격 260px로 통일
   - GeneratePress 모바일 Navigation 완전 숨김
   - 독립 MENU 버튼과 body 직속 Drawer 사용
================================================== */
@media (max-width:768px){

  :root{
    --kdm-mobile-hero-height:260px;
  }

  /* 홈을 포함한 모든 Hero의 실제 높이/폭/배경을 동일하게 */
  body .kdm-global-hero,
  body.home .kdm-global-hero--home,
  body .kdm-global-hero--archive,
  body .kdm-global-hero--search,
  body .kdm-global-hero--guestbook{
    width:100vw!important;
    max-width:100vw!important;
    min-width:100vw!important;
    height:var(--kdm-mobile-hero-height)!important;
    min-height:var(--kdm-mobile-hero-height)!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding:34px 18px 12px!important;
    transform:none!important;
    border-radius:0!important;
    background-size:cover!important;
    background-position:50% 50%!important;
    background-repeat:no-repeat!important;
    overflow:hidden!important;
  }

  body.home .kdm-global-hero--home .kdm-global-hero__inner,
  body .kdm-global-hero__inner{
    transform:none!important;
    justify-content:center!important;
  }

  /* 홈 검색창은 현재 홈 비율 안에서 유지 */
  body.home .kdm-global-hero--home .kdm-global-hero__title{
    margin:0 0 5px!important;
    font-size:clamp(27px,7.4vw,34px)!important;
  }

  body.home .kdm-global-hero--home .kdm-global-hero__description{
    margin:0!important;
    font-size:14px!important;
  }

  body.home .kdm-global-hero--home .kdm-global-hero__content{
    margin-top:9px!important;
  }

  body.home .kdm-global-hero--home .kdm-search{
    width:min(520px,100%)!important;
    padding:5px!important;
    border-radius:18px!important;
  }

  body.home .kdm-global-hero--home .kdm-search input{
    min-height:40px!important;
    padding:7px 11px!important;
    font-size:13px!important;
  }

  body.home .kdm-global-hero--home .kdm-search button{
    min-height:38px!important;
    margin-top:3px!important;
    font-size:14px!important;
  }

  body.home .kdm-global-hero--home .kdm-global-hero__tags{
    margin-top:6px!important;
    gap:5px!important;
  }

  body.home .kdm-global-hero--home .kdm-global-hero__tags a{
    min-height:22px!important;
    padding:0 7px!important;
    font-size:9px!important;
  }

  /* 일반/상세페이지 텍스트도 260px 안에 들어오도록 압축 */
  body:not(.home) .kdm-global-hero__breadcrumb{
    margin-bottom:7px!important;
  }

  body:not(.home) .kdm-global-hero__title{
    margin-bottom:8px!important;
    font-size:clamp(28px,8vw,37px)!important;
  }

  body:not(.home) .kdm-global-hero__meta{
    min-height:28px!important;
    margin-bottom:8px!important;
  }

  body:not(.home) .kdm-global-hero__description{
    font-size:14px!important;
    line-height:1.4!important;
  }

  /* GeneratePress 원본 모바일 Navigation은 완전히 제거 */
  .site-header .main-navigation{
    display:none!important;
  }

  /* 독립 MENU 버튼 */
  .kdm-mobile-menu-button{
    position:absolute!important;
    top:12px!important;
    left:16px!important;
    z-index:100020!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:58px!important;
    height:40px!important;
    margin:0!important;
    padding:0 9px!important;
    border:0!important;
    border-radius:8px!important;
    background:rgba(0,0,0,.20)!important;
    color:#fff!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.5px!important;
    text-shadow:0 2px 7px rgba(0,0,0,.55)!important;
    cursor:pointer!important;
  }

  .kdm-mobile-menu-button.is-open{
    background:rgba(12,21,35,.96)!important;
  }

  /* 독립 body Drawer */
  .kdm-mobile-menu-backdrop{
    position:fixed!important;
    inset:0!important;
    display:block!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    border:0!important;
    background:rgba(0,0,0,.42)!important;
    z-index:100000!important;
  }

  .kdm-mobile-menu-drawer{
    position:fixed!important;
    top:60px!important;
    left:14px!important;
    right:auto!important;
    display:block!important;
    width:min(280px,calc(100vw - 28px))!important;
    max-width:calc(100vw - 28px)!important;
    max-height:calc(100dvh - 76px)!important;
    padding:10px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:14px!important;
    background:rgba(12,21,35,.98)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.34)!important;
    overflow:auto!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-8px)!important;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
    z-index:100010!important;
  }

  body.kdm-mobile-menu-open .kdm-mobile-menu-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.kdm-mobile-menu-open .kdm-mobile-menu-drawer{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
}

/* ==================================================
   KDramaMap Hero System v2.9.2
   모바일 MENU 버튼 최종 보정

   - 홈에서는 MENU 미출력
   - 나머지 모든 페이지 우측 상단
   - body 직속 버튼/Drawer
   - Hero 규격과 배경 위치는 v2.9.1 그대로 유지
================================================== */
@media (max-width:768px){

  body.home .kdm-mobile-menu-button,
  body.home .kdm-mobile-menu-backdrop,
  body.home .kdm-mobile-menu-drawer{
    display:none!important;
  }

  body:not(.home) .kdm-mobile-menu-button{
    position:absolute!important;
    top:14px!important;
    right:16px!important;
    left:auto!important;
    z-index:100020!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:62px!important;
    height:40px!important;
    margin:0!important;
    padding:0 10px!important;
    border:1px solid rgba(255,255,255,.40)!important;
    border-radius:8px!important;
    background:rgba(0,0,0,.18)!important;
    color:#fff!important;
    box-shadow:none!important;
    font-family:Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.7px!important;
    text-align:center!important;
    text-shadow:0 2px 7px rgba(0,0,0,.58)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    cursor:pointer!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }

  body:not(.home) .kdm-mobile-menu-button.is-open{
    background:rgba(12,21,35,.98)!important;
  }

  body:not(.home) .kdm-mobile-menu-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:100000!important;
    display:block!important;
    width:100vw!important;
    height:100dvh!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:rgba(0,0,0,.42)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    appearance:none!important;
    -webkit-appearance:none!important;
  }

  body:not(.home) .kdm-mobile-menu-drawer{
    position:fixed!important;
    top:64px!important;
    right:14px!important;
    left:auto!important;
    z-index:100010!important;
    display:block!important;
    width:min(280px,calc(100vw - 28px))!important;
    max-width:calc(100vw - 28px)!important;
    max-height:calc(100dvh - 80px)!important;
    margin:0!important;
    padding:10px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:14px!important;
    background:rgba(12,21,35,.98)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.34)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-8px)!important;
    transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
  }

  body.kdm-mobile-menu-open:not(.home) .kdm-mobile-menu-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.kdm-mobile-menu-open:not(.home) .kdm-mobile-menu-drawer{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }
}

/* ==================================================
   KDramaMap Hero System v2.9.3
   모바일 MENU 전체 페이지 출력 + 밑줄 제거

   - wp_body_open이 없는 커스텀 템플릿도 wp_footer에서 출력
   - 홈은 기존대로 MENU 미출력
   - Drawer 메뉴 링크 밑줄 전부 제거
   - Hero 규격 변경 없음
================================================== */
@media (max-width:768px){

  .kdm-mobile-menu-drawer,
  .kdm-mobile-menu-drawer ul,
  .kdm-mobile-menu-drawer li,
  .kdm-mobile-menu-drawer a,
  .kdm-mobile-menu-list,
  .kdm-mobile-menu-list > li,
  .kdm-mobile-menu-list > li > a{
    text-decoration:none!important;
  }

  .kdm-mobile-menu-list > li > a,
  .kdm-mobile-menu-list > li > a:link,
  .kdm-mobile-menu-list > li > a:visited,
  .kdm-mobile-menu-list > li > a:hover,
  .kdm-mobile-menu-list > li > a:focus,
  .kdm-mobile-menu-list > li > a:active{
    text-decoration:none!important;
    border-bottom:0!important;
    box-shadow:none!important;
  }
}

/* ==================================================
   KDramaMap Hero System v2.9.4
   모바일 MENU 범용 출력

   - wp_body_open 또는 wp_footer가 없는 커스텀 템플릿 대응
   - wp_head의 JavaScript가 DOM 로드 후 body에 직접 메뉴 생성
   - 홈 제외 모든 페이지
   - Hero 규격 변경 없음
================================================== */
@media (max-width:768px){
  #kdm-mobile-menu-button{
    display:flex!important;
  }

  .kdm-mobile-menu-list > li > a,
  .kdm-mobile-menu-list > li > a:link,
  .kdm-mobile-menu-list > li > a:visited,
  .kdm-mobile-menu-list > li > a:hover,
  .kdm-mobile-menu-list > li > a:focus,
  .kdm-mobile-menu-list > li > a:active{
    text-decoration:none!important;
    border-bottom:0!important;
    box-shadow:none!important;
  }
}

/* ==================================================
   KDramaMap Hero System v2.9.6
   홈 검색창 복구 + 홈 MENU + 모바일 검색창 축소

   - PC 홈 검색창 유지
   - PC/모바일 해시태그만 제거
   - 홈에도 우측 상단 MENU 표시
   - 모바일 검색창을 Hero 안에 완전히 들어오도록 축소
   - Hero 폭/높이/배경 위치는 변경하지 않음
================================================== */

/* 혹시 캐시에 과거 태그 HTML이 남아 있어도 숨김 */
.kdm-global-hero__tags{
  display:none!important;
}

@media (max-width:768px){

  /* 홈에도 다른 페이지와 동일한 MENU */
  body.home .kdm-mobile-menu-button{
    position:absolute!important;
    top:14px!important;
    right:16px!important;
    left:auto!important;
    z-index:100020!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:62px!important;
    height:40px!important;
    margin:0!important;
    padding:0 10px!important;
    border:1px solid rgba(255,255,255,.40)!important;
    border-radius:8px!important;
    background:rgba(0,0,0,.18)!important;
    color:#fff!important;
    font-family:Arial,sans-serif!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.7px!important;
    text-decoration:none!important;
    text-shadow:0 2px 7px rgba(0,0,0,.58)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.home .kdm-mobile-menu-backdrop,
  body.home .kdm-mobile-menu-drawer{
    display:block!important;
  }

  body.home.kdm-mobile-menu-open .kdm-mobile-menu-backdrop{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.home.kdm-mobile-menu-open .kdm-mobile-menu-drawer{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }

  /* 해시태그가 빠진 공간을 이용해 전체 내용을 조금 아래로 이동 */
  body.home .kdm-global-hero--home .kdm-global-hero__inner{
    justify-content:flex-start!important;
    padding-top:40px!important;
  }

  body.home .kdm-global-hero--home .kdm-global-hero__title{
    margin-top:12px!important;
    margin-bottom:6px!important;
  }

  body.home .kdm-global-hero--home .kdm-global-hero__description{
    margin-bottom:0!important;
  }

  body.home .kdm-global-hero--home .kdm-global-hero__content{
    margin-top:10px!important;
  }

  /* 검색창 크기 축소 */
  body.home .kdm-global-hero--home .kdm-search{
    width:calc(100% - 18px)!important;
    max-width:620px!important;
    margin:0 auto!important;
    padding:5px!important;
    border-radius:18px!important;
    box-sizing:border-box!important;
  }

  body.home .kdm-global-hero--home .kdm-search input{
    min-height:40px!important;
    padding:7px 10px!important;
    font-size:13px!important;
  }

  body.home .kdm-global-hero--home .kdm-search button{
    min-height:38px!important;
    margin-top:3px!important;
    padding:0 12px!important;
    font-size:14px!important;
  }
}

/* ==================================================
   KDramaMap Hero System v2.9.7
   모바일 홈 MENU 위치 통일
   - 홈 포함 모든 페이지: 버튼/드로어 우측 정렬
   - 기존 홈 전용 좌측 규칙 최종 덮어쓰기
================================================== */
@media (max-width:768px){
  body.home .kdm-mobile-menu-button,
  body:not(.home) .kdm-mobile-menu-button{
    position:absolute!important;
    top:14px!important;
    right:16px!important;
    left:auto!important;
  }

  body.home .kdm-mobile-menu-drawer,
  body:not(.home) .kdm-mobile-menu-drawer{
    position:fixed!important;
    top:64px!important;
    right:14px!important;
    left:auto!important;
    width:min(280px,calc(100vw - 28px))!important;
    max-width:calc(100vw - 28px)!important;
  }

  body.admin-bar.home .kdm-mobile-menu-drawer,
  body.admin-bar:not(.home) .kdm-mobile-menu-drawer{
    top:110px!important;
  }
}
/* KDramaMap Hero System v2.10.0
   Hero 사용 화면 조건부 로딩 적용. 기존 디자인 규칙은 그대로 유지. */