/* =========================
   S-Core Dream (CDN, Noonnu)
   ========================= */
@font-face {
  font-family: 'S-CoreDream';
  font-style: normal;
  font-weight: 300;
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'S-CoreDream';
  font-style: normal;
  font-weight: 400;
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'S-CoreDream';
  font-style: normal;
  font-weight: 500;
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'S-CoreDream';
  font-style: normal;
  font-weight: 600;
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'S-CoreDream';
  font-style: normal;
  font-weight: 700;
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'S-CoreDream';
  font-style: normal;
  font-weight: 800;
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
  font-display: swap;
}
@font-face {
  font-family: 'S-CoreDream';
  font-style: normal;
  font-weight: 900;
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
  font-display: swap;
}

/* ===== 사이트 전역 폰트 지정 ===== */
html, body,
button, input, select, textarea {
  font-family: 'S-CoreDream', 'Noto Sans KR', 'Apple SD Gothic Neo',
               'Malgun Gothic', '맑은 고딕', sans-serif !important;
  font-weight: 400;
}

/* 굵기 매핑 (선택) — 제목/강조에 자연스러운 두께 사용 */
h1, .h1 { font-weight: 700; }
h2, .h2 { font-weight: 600; }
h3, .h3 { font-weight: 600; }
strong, b { font-weight: 600; }

/* 관리자/플러그인에서 임의로 폰트를 덮는 경우를 대비한 보정(선택) */
* { font-family: inherit; }


/* ===========================
   NAV 글꼴/간격/가독성 설정
   원하는 값은 아래 변수만 만지면 됩니다
   =========================== */
:root{
  --nav-gap: 34px;              /* 카테고리 간 가로 간격(px) */
  --nav-font: 'S-CoreDream-6Bold', 'SCoreDream', sans-serif; /* 기본 Bold */
  --nav-font-weight: 700;       /* 일부 요소가 weight를 무시할 경우 대비 */
  --home-font: 'S-CoreDream-6Bold', 'SCoreDream', sans-serif; /* Home 버튼 전용 */
  --home-weight: 700;
}

/* 전체 텍스트(특히 메뉴) 가독성 향상 */
html, body, .gpe_munu, .gpe_munu a {
  font-family: var(--nav-font);
  font-weight: var(--nav-font-weight);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-synthesis: none;                 /* 브라우저 임의 합성 억제 */
  -webkit-text-size-adjust: 100%;
}

/* ====== 상단 메뉴 간격 넓히기(선호: flex+gap) ====== */
.gpe_munu ul.topnav{
  display:flex !important;
  gap: var(--nav-gap) !important;       /* 카테고리 간격 조절 */
  align-items:center;
}

/* 만약 테마가 li margin으로 띄우던 기존 규칙을 썼다면 무력화 */
.gpe_munu ul.topnav > li{ margin-right:0 !important; }

/* 메뉴 클릭영역(패딩) – 취향대로 살짝 조절 */
.gpe_munu ul.topnav > li > a{
  padding: 12px 2px !important;         /* 좌우 패딩은 gap으로 띄우므로 작게 */
  display:inline-block;
}

/* ====== Home 버튼 Bold 고정 ======
   테마에 따라 Home에 아래 클래스/구조 중 하나가 씁니다.
   모두 커버하도록 준비해두었습니다.
*/
.home_btn,
.tmenu1_wrap00 .home_btn,
.gpe_munu ul.topnav > li:first-child > a,
.gpe_munu ul.topnav > li.home > a{
  font-family: var(--home-font) !important;
  font-weight: var(--home-weight) !important;
  letter-spacing: .2px;
}

/* 메뉴 hover/active 시에도 폰트 두께 유지 */
.gpe_munu ul.topnav > li > a:hover,
.gpe_munu ul.topnav > li.on > a,
.gpe_munu ul.topnav > li.active > a{
  font-family: var(--nav-font) !important;
  font-weight: var(--nav-font-weight) !important;
}

/* 다크모드에서도 동일 가독성 유지(사용 중이라면) */
body.dm .gpe_munu, body.dm .gpe_munu a{
  font-family: var(--nav-font);
  font-weight: var(--nav-font-weight);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* ===== 상단 카테고리 바: 수직 중앙 정렬 강제 ===== */
/* 원하는 높이만 바꾸면 됩니다 */
:root{
  --nav-height: 46px;     /* 메뉴 바 높이(텍스트가 중앙에 오게) */
}

/* 메뉴 래퍼가 flex가 아니라면 a 태그 자체를 flex 컨테이너로 만들어 중앙 정렬 */
.gpe_munu ul.topnav > li > a,
.home_btn{
  display:flex !important;
  align-items:center !important;   /* 수직 중앙 */
  height: var(--nav-height) !important;
  line-height: normal !important;  /* 라인하이트 고정값 제거 */
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Home 버튼이 별도 스타일(노란 배경) 때문에 높이가 달라지는 경우 대비 */
.home_btn{
  box-sizing: border-box !important;
  /* 좌우 패딩만 원하는 만큼 */
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* 다른 메뉴 a태그도 좌우 패딩만 주고, 위아래는 nav-height로 맞춥니다 */
.gpe_munu ul.topnav > li > a{
  box-sizing: border-box !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* 혹시 li 자체에 margin-top / margin-bottom 등이 있었던 경우 제거 */
.gpe_munu ul.topnav > li{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 메뉴 바 컨테이너가 높이를 강제로 갖고 있어 텍스트가 치우치는 경우 대비 */
.tmenu1_wrap00,
.tmenu1_wrap00 .tmenu1_wrap0,
.tmenu1_wrap00 .tmenu1{
  min-height: var(--nav-height) !important;
  height: var(--nav-height) !important;
  display:flex;
  align-items:center; /* 컨테이너 자체도 중앙 정렬 */
}

/* 폰트가 아래로 살짝 내려앉는 느낌 방지(가독성 향상) */
.gpe_munu, .gpe_munu a, .home_btn{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
/* =========================================
   로고 가운데 정렬 + 좌우 미세 이동
   ========================================= */

/* 조절값(픽셀) : +면 오른쪽으로, -면 왼쪽으로 이동  */
:root{
  --logo-shift-desktop: -63px;   /* PC용 미세 이동값 */
  --logo-shift-mobile:  0px;   /* 모바일용 미세 이동값 */
}

/* 1) PC: 로고를 컨테이너 가운데에 고정하고, shift만큼 옮김 */
@media (min-width: 1025px){
  .gnb1_area_wrap00 .gpe_logo,
  .gnb1_area_wrap00 .gpe_logo_wrap,
  .gnb1_area_wrap00 .gpe_logo_area,
  .gnb1_area_wrap00 .logo_area{
    position: absolute !important;         /* 이미 absolute여도 무방 */
    left: 50% !important;                  /* 가운데 기준점 */
    transform: translateX(calc(-50% + var(--logo-shift-desktop))) !important;
    /* 필요 시 높이/정렬 보정 */
    /* top: 40px !important;  */
    /* z-index: 5; */
  }
}

/* 2) 모바일: 같은 방식으로 독립 조정 */
@media (max-width: 1024px){
  .gnb1_area_wrap00 .gpe_logo,
  .gnb1_area_wrap00 .gpe_logo_wrap,
  .gnb1_area_wrap00 .gpe_logo_area,
  .gnb1_area_wrap00 .logo_area{
    position: absolute !important;
    left: 50% !important;
    transform: translateX(calc(-50% + var(--logo-shift-mobile))) !important;
  }
}
/* =========================================
   검색박스 가운데 정렬 + 좌우 미세 이동
   ========================================= */

/* 조절값(픽셀) : +는 오른쪽, -는 왼쪽으로 이동 */
:root{
  --search-shift-desktop: -205px;   /* PC에서 검색박스 가로 이동 */
  --search-shift-mobile:  0px;   /* 모바일에서 검색박스 가로 이동 */
}

/* PC */
@media (min-width: 1025px){
  .gnb1_area_wrap00 .gpe_search,
  .gnb1_area_wrap00 .gpe_search_wrap,
  .gnb1_area_wrap00 .gpe_search_area{
    position: absolute !important;           /* 테마 기본이 absolute여도 무관 */
    left: 50% !important;                    /* 화면 가운데 기준점 */
    transform: translateX(calc(-50% + var(--search-shift-desktop))) !important;
    /* 필요 시 top을 조정해서 세로 위치도 맞출 수 있습니다. */
    /* top: 130px !important;  */
  }
}

/* 모바일 */
@media (max-width: 1024px){
  .gnb1_area_wrap00 .gpe_search,
  .gnb1_area_wrap00 .gpe_search_wrap,
  .gnb1_area_wrap00 .gpe_search_area{
    position: absolute !important;
    left: 50% !important;
    transform: translateX(calc(-50% + var(--search-shift-mobile))) !important;
    /* 모바일용 세로 위치가 따로 필요하면 열어 사용
       top: 70px !important;  */
  }
}

/* (선택) 검색아이콘이 검색박스 컨테이너 밖에 절대위치로 있는 경우
   컨테이너와 같이 움직이도록 기준을 맞춰줍니다. 필요 시만 사용하세요. */
/*
.gnb1_area_wrap00 .gpe_search .fa-search{
  position:absolute;
  left:-26px;   // 박스 왼쪽에서의 오프셋
}
*/


/* ── 게시판 목록 페이지에서 '추천수 BEST' 박스 숨기기 ── */
/* 두 개의 BEST 카드가 나란히 출력되는 구조에서 2번째 박스를 제거 */
.gx_best_wrap .gx_best_box:nth-child(2) { 
  display:none !important;
}

/* 레이아웃이 3분할일 때도 2번째 박스가 '추천수' 라면 숨김 */
.gx_best_wrap .gx_best_col:nth-child(2) { 
  display:none !important;
}

/* 타이틀이 따로 박스 밖에 있을 경우(예: '추천수 BEST') 숨김 */
.gx_best_wrap .best_title.best_reco { 
  display:none !important;
}

/* === [호텔&숙박 상단 배너 - 16:9 고정 비율] ============ */
.hotel-top-banner{
  position:relative;
  width:100%;
  max-width:1200px;
  margin:0 auto 20px;
  aspect-ratio:16/9;  /* 21/9, 3/1 등으로 변경 가능 */
  overflow:hidden;
  border-radius:12px;
}
.hotel-top-banner img{
  width:100%;
  height:100%;
  object-fit:cover;
}
@media (max-width:768px){
  .hotel-top-banner{ max-width:100%; margin:0 0 15px; border-radius:8px; }
  .hotel-top-banner img{ border-radius:8px; }
}
/* ======================================================= */