<!-- ver403: 요청한 대표+본문 이미지 수가 실제 GPT 계획에 모두 포함되도록 표·목록·짧은 핵심 문장까지 실제 원고 후보로 보완하고, 서버 MyVoice 영상은 IMAGE별 generation 반복 대신 전체 대본을 한 번만 합성해 장면별 대본 비중으로 시간을 배분합니다. Voicebox 완료 경합 오판도 서버에서 수정하며 기존 DOM ID·광고·NEO·발행 UI는 유지합니다. -->
<!-- ver402: 홈페이지 본문 맨 마지막에 쿠팡·네이버·토스 쇼핑 구매영역을 다시 출력하고, 서버는 Threads·Instagram·X·YouTube/Shorts에 제휴 광고 안내를 첫 댓글/첫 답글로 전달합니다. TikTok은 공식 Content Posting API에 댓글 작성 기능이 없어 동일 문구를 수동 첫 댓글용 상태값으로 보존합니다. 기존 상단 광고·DOM ID·설정·MyVoice·NEO·발행 UI는 유지합니다. -->
<!-- ver401: Voicebox MyVoice 생성은 고정 시간으로 중단하지 않고 실제 활성 generation 상태를 끝까지 기다립니다. Google OAuth refresh token이 폐기된 경우 연결 상태를 즉시 재연결 필요로 전환하고 해당 채널 실패가 다른 선택 채널 발행을 막지 않도록 서버에서 처리합니다. 기존 DOM ID·설정 저장·NEO 립싱크·발행 UI는 유지합니다. -->
<!-- ver400: 서버 영상은 MyVoice를 먼저 사용하고 Voicebox API가 꺼져 있으면 설치 앱 자동 실행·재연결을 시도합니다. Voicebox 최종 실패 시 Edge TTS는 동영상 공급자 auto에서만 사용하며, 서버의 잠금 파일 기반 잠금은 파일 없는 프로세스 mutex로 교체했습니다. 기존 DOM ID·설정 저장·NEO 립싱크·발행 UI는 변경하지 않습니다. -->
<!-- ver399: Voicebox MyVoice가 장시간 생성 중일 때 영상 전체가 멈추지 않도록 서버에서 단일 Voicebox 제한시간 후 기존 Edge TTS 전체 fallback으로 전환합니다. 기존 DOM ID·설정 저장·NEO 립싱크·발행 UI는 변경하지 않습니다. -->
<!-- ver398: 서버 TTS는 Voicebox MyVoice를 우선 사용하고 실패 시 기존 Edge TTS로 전체 음성을 다시 생성합니다. 기존 동영상 공급자 DOM ID·저장 API·NEO 립싱크·발행 흐름은 유지합니다. -->
<!-- ver397: ChatGPT 즉시·중간·높음 선택값은 서버가 현재 composer의 지연 렌더링 성능/추론 수준 컨트롤에 실제 적용·검증합니다. 수동/자동 선택 DOM ID와 저장 API는 기존 구조를 유지합니다. -->
<!-- ver396: ChatGPT background job 폴링은 고정 20분이 아니라 서버가 반환한 timeout_seconds + 종료 여유시간을 사용합니다. 서버 작업은 계속 실행 중인데 관리자 화면만 먼저 실패 처리하던 방식을 제거하며 기존 생성/발행 버튼과 DOM 구조는 유지합니다. -->
<!-- ver384: 일반 YouTube 영상 체크박스를 OAuth 상태와 무관하게 해제할 수 있도록 잠금 로직을 제거하고, ON 전환 때만 OAuth 준비 여부를 검증합니다. -->
<!-- ver379: YouTube Data API v3 직접 업로드 OAuth 연결 상태/연결 버튼을 관리자 자동 포스팅 설정에 추가합니다. OAuth 연결 완료 시 YouTube는 서버 MP4를 videos.insert로 직접 업로드하고, 미연결 상태에서는 기존 Buffer 경로를 유지합니다. -->
<!-- ver369: 홈페이지 글은 대표 썸네일 생성 완료 후 완성형 Edge TTS 대본과 NEO 크로마키 립모션을 합성한 MP4를 자동 생성해 썸네일 아래 함께 표시합니다. 정지 이미지에는 캐릭터를 넣지 않고 좌측 하단을 주변 배경이 자연스럽게 이어지는 발표자 안전영역으로 유지합니다. 영상 대본/길이에 30~59초 제한을 두지 않으며 MP4 생성은 백그라운드에서 끝까지 진행합니다. 관리자 MP4 재생성 버튼은 홈페이지 영상만 갱신하고 외부 SNS·YouTube는 자동 발행하지 않습니다. ver368의 전체 내부 분석페이지 탐색·선택과 로또 분석·검증·예측 기능은 유지합니다. -->
<!-- ver368: 관리자 내부주소 선택에 네오로또 실제 전체 메뉴의 통계·분석·중급/고급 분석·AI·분석형 조합기 페이지를 동적으로 수집해 표시합니다. 공식 NEO 샘플 첨부 이미지는 GPT 생성 결과 후보에서 제외해 샘플 원본이 썸네일로 저장되지 않게 합니다. ver367의 공식 캐릭터와 ver366의 공개/관리 화면 분리는 유지합니다. -->
<!-- ver367: 네오캐릭터 썸네일은 프로젝트 static/img의 공식 neo_character.png 기준 이미지를 사용합니다. GPT 생성은 실제 기준 이미지를 첨부하고 서버 fallback은 같은 캐릭터 PNG를 합성하며 고양이/임의 동물 캐릭터로 대체하지 않습니다. ver366의 공개 /auto-post 목록과 /auto-post/manage 관리자 화면 분리, 로또 내부화면 분석·검증 설정은 유지합니다. -->
<!-- ver366: 공개 /auto-post는 일반 글 목록 전용, 관리자 글작성·수동/자동 포스팅 설정은 /auto-post/manage 전용으로 분리합니다. 네오로또 내부화면 분석·AUTO_POST_TOPICS 직접 선택·과거회차 검증·다음회차 참고 예상번호 흐름을 관리 화면에서 명확히 유지합니다. -->
<!-- ver365: 서버 템플릿 컨텍스트를 기존 화면이 실제 검사하는 can_manage_auto_news 이름으로 통일해 관리자 로그인 시 운영 스튜디오·수동 글쓰기·자동 포스팅 설정 메뉴가 정상 렌더링되도록 수정합니다. 권한 기준과 ver364 기능은 변경하지 않습니다. -->
<!-- ver364: 수동 포스팅 기본값을 서버 DB에 저장·복원하고 자동/수동 각각 네오캐릭터 썸네일 포함 여부를 설정합니다. 기존 DOM/API/생성·발행 기능과 n8n형 운영 스튜디오는 유지합니다. -->
<!-- ver363: ver362의 모든 기존 DOM ID/API/생성·발행 기능을 유지하면서 홈·발견·콘텐츠·미디어·플래너·발행센터·자동화·실행기록·수익화·자격증명·프롬프트·채널연결·전체설정을 하나의 n8n형 한글 운영 스튜디오로 통합합니다. -->
<!-- ver362: ver361의 모든 생성·발행·설정 기능과 DOM ID/API 연결은 유지하고, 관리자 목록 첫 화면을 n8n 계열의 노드 기반 자동화 캔버스로 재구성합니다. 기존 콘텐츠 작성·콘텐츠 목록·자동 포스팅·전체 운영 설정·GPT 프롬프트·카테고리·쿠팡 관리 화면은 새 좌측 내비게이션과 노드 검사기에서 그대로 호출하며 삭제/중복 구현하지 않습니다. -->
<!-- ver361: 모든 AUTO_NEWS/COUPANG 외부 운영 옵션을 코드 수정 없이 관리자 GUI에서 검색·변경·초기화하도록 통합 설정 센터를 추가했습니다. DB 설정이 env보다 우선하며 비밀값은 마스킹·암호화합니다. 기존 프롬프트·스케줄러·발행·미디어 기능은 유지합니다. -->
<!-- ver358: 수동 선택값 기억 기능은 유지하며, 많은 첨부 이미지는 GPT 전송용 고해상도 이미지 시트로 자동 정리하고 전송 준비 판정은 실제 전송 버튼 활성 상태를 기준으로 수정했습니다. -->
<!-- ver352: 플랫폼 간 유사도는 서버에서 발행 차단하지 않도록 수정. 기존 UI와 첨부 이미지 선택 기능은 그대로 유지합니다. -->
<!-- ver331: Blogger/Blogspot 동일 post_id의 멀티워커 2중 발행은 서버 auto_news_router.py의 단일 claim/기존 Blogger ID 재검증 경로에서 차단합니다. 기존 UI와 버튼 동작은 유지합니다. -->
<!-- ver330: 서버의 로컬 CDP 자동복구 및 수동 키워드 fallback 오판 수정. ver329 이미지/영상 공급자 옵션과 UI는 그대로 유지합니다. -->
<!-- ver329: 수동/자동 썸네일·문단 이미지 공급자(자동/GPT/서버)와 동영상 공급자(자동/Gemini/서버)를 선택하고, 저장된 ChatGPT running job의 고착 상태를 서버 재시작/owner PID/heartbeat/절대 제한시간 기준으로 해제합니다. -->
<!-- ver325: 서버 TTS 뉴스영상은 같은 TTS 대본을 관리자 이미지 수만큼 PPT형 보고서 슬라이드로 만들고, 대본 분량에 따라 장면 시간을 배분해 30~59초 실제 음성 길이에 맞춥니다. GPT 이미지 fallback도 보고서형 서버 이미지로 생성합니다. -->
<!-- ver324: GPT 이미지가 없으면 홈페이지·Blogger·SNS 모두 서버 자체 이미지를 사용해 미디어 발행을 계속합니다. -->
<!-- ver323: GPT 이미지가 없어도 홈페이지/Blogger 글은 계속 발행하고, 외부 SNS는 서버 자체 이미지 + TTS 뉴스영상으로 계속 발행합니다. -->
<!-- ver322: 공용 영상은 서버 30~59초 한국어 TTS + 대표/문단 이미지 시간맞춤 방식으로 생성합니다. -->
<!-- ver321: 인기검색어 선정 메타데이터 공개 저장 차단은 서버 auto_news_router.py에서 처리 -->
<!-- ver320: 수동/자동 TikTok·YouTube·X 기본 체크, 자동 예약 짝수시간대 기본값 -->


<!doctype html>
<html lang="ko">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate, max-age=0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Expires" content="0">
  
  
<style>
/* =========================================================
   Lotto Global Widgets (LGW) - SIMPLE WHITE / TOSS STYLE
   - 기능 로직과 DOM 구조는 유지하고 디자인 토큰을 한곳에서 관리합니다.
   - 흰색 기반, 또렷한 타이포, 연한 회색 구분선, 파란색 핵심 액션으로 통일합니다.
========================================================= */

/* ---------- 공통 디자인 토큰 ---------- */
:root,
:root:not([color-theme]),
:root[color-theme='light'],
:root[color-theme='dark']{
  --lgw-z: 99995;
  --lgw-radius: 24px;
  --lgw-card-radius: 18px;

  --lgw-accent: #3182f6;
  --lgw-accent-hover: #1b64da;
  --lgw-accent-soft: #eaf3ff;

  --lgw-bg: #ffffff;
  --lgw-page: #f7f8fa;
  --lgw-s1: #ffffff;
  --lgw-s2: #f2f4f6;
  --lgw-s3: #f7f8fa;
  --lgw-dash: #f7f8fa;

  --lgw-text: #191f28;
  --lgw-muted: #8b95a1;
  --lgw-stroke: #e5e8eb;
  --lgw-stroke-strong: #d1d6db;

  --lgw-shadow: 0 18px 48px rgba(15, 23, 42, .14);
  --lgw-soft-shadow: 0 8px 24px rgba(15, 23, 42, .08);

  --lsm-badge-bottom: -12px;
  --lsm-badge-scale: 1;

  --lgw-core: #6c5ce7;
  --lgw-ins: #00a878;
  --lgw-wild: #f59f00;
  --lgw-cool: #3182f6;
  --lgw-hot: #f04452;
  --lgw-ex: #6b7684;
  --lgw-rose: #e649a5;
  --lgw-light: #e9b600;
  --lgw-fixed: #00a8b5;
  --lgw-neutral: #8b95a1;
  --lgw-match: #65a30d;
}

/* ---------- 공통 박스 모델과 기본 글꼴 ---------- */
#lgwFab,
#lgwPanel,
#lgwPanel *,
#lgwPop,
#lgwPop *{
  box-sizing: border-box;
  font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Noto Sans KR", "Apple SD Gothic Neo", Arial, sans-serif;
}

/* ---------- 우측 하단 실행 버튼 ---------- */
/* --- FAB --- */
#lgwFab{
  position: fixed;
    right: 78px;
    bottom: 20px;
    z-index: 9991;
    width: 50px;
    height: 50px;
    display: inline-flex;
    font-weight:900;
    align-items: center;
    border-radius: 10px;
    border: 1px solid var(--lsm-stroke);
    background: rgba(63, 214, 43, 0.9)
    padding: 6px 6px;

    box-shadow: var(--lsm-shadow);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    backdrop-filter: blur(16px) saturate(160%);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    transition: transform .14s ease, filter .14s ease;
 text-align:center;
}

#lgwFab:hover{
  background: var(--lgw-accent-hover);
  box-shadow: 0 10px 26px rgba(49, 130, 246, .32);
  transform: translateY(-1px);
}

#lgwFab:active{
  transform: translateY(0);
  box-shadow: 0 5px 14px rgba(49, 130, 246, .22);
}

#lgwFab:focus-visible,
#lgwPanel button:focus-visible,
#lgwPanel input:focus-visible,
#lgwPanel select:focus-visible,
#lgwPop button:focus-visible,
#lgwPop input:focus-visible{
  outline: 3px solid rgba(49, 130, 246, .22);
  outline-offset: 2px;
}

/* ---------- 오버레이와 메인 패널 ---------- */
#lgwOverlay{
  position: fixed;
  inset: 0;
  z-index: calc(var(--lgw-z) - 1);
  display: none;
  background: transparent;
  pointer-events: none;
}

#lgwPanel{
  position: fixed;
  right: 14px;
  bottom: 78px;
  z-index: var(--lgw-z);
  width: min(920px, calc(100vw - 28px));
  max-height: min(82vh, 760px);
  display: none;
  overflow: hidden;
  border: 1px solid var(--lgw-stroke);
  border-radius: var(--lgw-radius);
  background: var(--lgw-bg);
  box-shadow: var(--lgw-shadow);
  color: var(--lgw-text);
}

#lgwPanel .lgw-head{
  min-height: 66px;
  padding: 17px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--lgw-stroke);
  background: #ffffff;
  cursor: move;
  user-select: none;
  -webkit-user-select: none;
  touch-action: none;
}

#lgwPanel .lgw-title{
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--lgw-text);
  font-size: 16px;
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -.35px;
}

#lgwPanel .lgw-close,
#lgwPop .p-close{
  width: 34px;
  height: 34px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--lgw-muted);
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
  transition: background-color .16s ease, color .16s ease;
}

#lgwPanel .lgw-close:hover,
#lgwPop .p-close:hover{
  background: var(--lgw-s2);
  color: var(--lgw-text);
}

/* ---------- 탭 ---------- */
#lgwPanel .lgw-tabs{
  padding: 12px 14px;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  border-bottom: 1px solid var(--lgw-stroke);
  background: #ffffff;
  scrollbar-width: thin;
  scrollbar-color: var(--lgw-stroke-strong) transparent;
}

#lgwPanel .lgw-tab{
  min-height: 38px;
  padding: 9px 13px;
  flex: 0 0 auto;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #6b7684;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.2px;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .16s ease, color .16s ease;
}

#lgwPanel .lgw-tab:hover{
  background: var(--lgw-s3);
  color: var(--lgw-text);
}

#lgwPanel .lgw-tab.active{
  background: var(--lgw-accent-soft);
  color: var(--lgw-accent);
}

/* ---------- 패널 본문 ---------- */
#lgwPanel .lgw-body{
  max-height: calc(min(82vh, 760px) - 124px);
  padding: 16px;
  overflow: auto;
  background: var(--lgw-page);
  color: var(--lgw-text);
  font-size: 14px;
  line-height: 1.5;
  scrollbar-width: thin;
  scrollbar-color: var(--lgw-stroke-strong) transparent;
}

#lgwPanel .lgw-body::-webkit-scrollbar,
#lgwPanel .lgw-tabs::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}

#lgwPanel .lgw-body::-webkit-scrollbar-thumb,
#lgwPanel .lgw-tabs::-webkit-scrollbar-thumb{
  border: 2px solid transparent;
  border-radius: 999px;
  background: var(--lgw-stroke-strong);
  background-clip: padding-box;
}

/* ---------- 공통 UI 요소 ---------- */
.lgw-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.lgw-box{
  padding: 16px;
  border: 1px solid var(--lgw-stroke);
  border-radius: var(--lgw-card-radius);
  background: var(--lgw-s1);
  box-shadow: none;
}

.lgw-muted{
  color: var(--lgw-muted);
}

.lgw-btn{
  min-height: 38px;
  padding: 9px 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--lgw-stroke);
  border-radius: 12px;
  background: #ffffff;
  color: var(--lgw-text);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.lgw-btn:hover{
  border-color: var(--lgw-stroke-strong);
  background: var(--lgw-s3);
}

.lgw-btn.primary{
  border-color: var(--lgw-accent);
  background: var(--lgw-accent);
  color: #ffffff;
}

.lgw-btn.primary:hover{
  border-color: var(--lgw-accent-hover);
  background: var(--lgw-accent-hover);
}

.lgw-btn.danger{
  border-color: #ffd5d8;
  background: #fff1f2;
  color: #e42939;
}

.lgw-btn.danger:hover{
  border-color: #ffb7bd;
  background: #ffe6e8;
}

select.lgw-btn{
  appearance: auto;
  min-width: 78px;
  padding-right: 30px !important;
  background-color: #ffffff;
}

#lgwPanel input[type="range"]{
  accent-color: var(--lgw-accent);
  cursor: pointer;
}

.lgw-chip{
  min-height: 32px;
  padding: 6px 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--lgw-stroke);
  border-radius: 999px;
  background: #ffffff;
  color: #4e5968;
  font-size: 13px;
  line-height: 1.25;
  cursor: pointer;
  user-select: none;
  transition: background-color .16s ease, border-color .16s ease;
}

.lgw-chip:hover{
  border-color: var(--lgw-stroke-strong);
  background: var(--lgw-s3);
}

.lgw-chip .dot{
  width: 7px;
  height: 7px;
  flex: 0 0 auto;
  border-radius: 999px;
  background: var(--lgw-accent);
}

/* ---------- 번호 하단 태그 배지 ---------- */
.lsm-badged-host{
  position: relative;
  overflow: visible;
}

.lsm-bottom-badges{
  position: absolute;
  left: 50%;
  bottom: var(--lsm-badge-bottom);
  z-index: 12;
  padding: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: 999px;
  background: transparent;
  transform: translateX(-50%);
  pointer-events: none;
}

.lsm-badge-chip{
  height: 20px;
  padding: 0 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--lgw-stroke);
  border-radius: 999px;
  background: #ffffff;
  color: #4e5968;
  box-shadow: 0 2px 8px rgba(15, 23, 42, .08);
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}

.lsm-badge-chip .x{
  display: none;
}

.lsm-badge-chip.core{ border-color: #d9d4ff; background: #f4f2ff; color: var(--lgw-core); }
.lsm-badge-chip.ins{ border-color: #c7f0e3; background: #eefbf7; color: var(--lgw-ins); }
.lsm-badge-chip.wild{ border-color: #ffe1a8; background: #fff8e8; color: #c87900; }
.lsm-badge-chip.cool{ border-color: #cfe2ff; background: #eef6ff; color: var(--lgw-cool); }
.lsm-badge-chip.hot{ border-color: #ffd0d5; background: #fff0f2; color: var(--lgw-hot); }
.lsm-badge-chip.exclude{ border-color: #dfe3e7; background: #f2f4f6; color: var(--lgw-ex); text-decoration: line-through; }
.lsm-badge-chip.rose{ border-color: #ffd1ea; background: #fff0f8; color: var(--lgw-rose); }
.lsm-badge-chip.light{ border-color: #ffe9a3; background: #fff9df; color: #aa8200; }
.lsm-badge-chip.fixed{ border-color: #bdebef; background: #ecfafb; color: var(--lgw-fixed); }
.lsm-badge-chip.neutral{ border-color: #e5e8eb; background: #f7f8fa; color: var(--lgw-neutral); }
.lsm-badge-chip.match{ border-color: #d7edba; background: #f4faeb; color: var(--lgw-match); }

/* ---------- 번호 팝오버 ---------- */
#lgwPop{
  position: fixed;
  z-index: calc(var(--lgw-z) + 2);
  width: min(390px, calc(100vw - 20px));
  padding: 18px;
  display: none;
  border: 1px solid var(--lgw-stroke);
  border-radius: 20px;
  background: var(--lgw-bg);
  box-shadow: var(--lgw-soft-shadow);
  color: var(--lgw-text);
  font-size: 14px;
  line-height: 1.5;
}

#lgwPop .p-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

#lgwPop .p-title{
  color: var(--lgw-text);
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -.3px;
}

#lgwPop .p-tags{
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

#lgwPop .p-tag{
  min-height: 30px;
  padding: 5px 9px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #cfe2ff;
  border-radius: 999px;
  background: var(--lgw-accent-soft);
  color: var(--lgw-accent);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

#lgwPop .p-tag .x{
  opacity: .7;
  font-weight: 800;
}

#lgwPop input[type="text"]{
  width: 100%;
  height: 44px;
  padding: 0 13px;
  border: 1px solid var(--lgw-stroke);
  border-radius: 12px;
  background: var(--lgw-s3);
  color: var(--lgw-text);
  font-size: 14px;
  outline: none;
  transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease;
}

#lgwPop input[type="text"]::placeholder{
  color: #aeb5bd;
}

#lgwPop input[type="text"]:focus{
  border-color: var(--lgw-accent);
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(49, 130, 246, .12);
}

/* ---------- 상태 배지 ---------- */
.lgw-badge{
  min-height: 28px;
  padding: 5px 9px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  border: 1px solid var(--lgw-stroke);
  border-radius: 999px;
  background: var(--lgw-s3);
  color: #4e5968;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

.lgw-badge.hot{ border-color: #ffd0d5; background: #fff0f2; color: var(--lgw-hot); }
.lgw-badge.cool{ border-color: #cfe2ff; background: #eef6ff; color: var(--lgw-cool); }
.lgw-badge.neutral{ border-color: #e5e8eb; background: #f7f8fa; color: var(--lgw-neutral); }

/* ---------- 이용 가이드 ---------- */
.lgw-guide-steps{
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.lgw-step,
.lgw-guide-card{
  padding: 16px;
  border: 1px solid var(--lgw-stroke);
  border-radius: var(--lgw-card-radius);
  background: #ffffff;
}

.lgw-step .k{
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--lgw-text);
  font-size: 14px;
  font-weight: 800;
}

.lgw-step-badge{
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 8px;
  background: var(--lgw-accent-soft);
  color: var(--lgw-accent);
  font-size: 12px;
  font-weight: 800;
}

.lgw-guide-note{
  margin-top: 10px;
  padding: 12px 14px;
  border: 1px solid #d9e8fb;
  border-radius: 14px;
  background: #f5f9ff;
  color: #4e5968;
}

.lgw-guide-grid,
.lgw-grid-2{
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.lgw-guide-card h4{
  margin: 0 0 8px;
  color: var(--lgw-text);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.25px;
}

.lgw-guide-card ul{
  margin: 0;
  padding-left: 18px;
  line-height: 1.55;
}

/* ---------- 추천/레시피와 상태 표시 ---------- */
.lgw-kpi{
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.lgw-kpi .lgw-chip{
  cursor: default;
}

.lgw-mini{
  color: var(--lgw-muted);
  font-size: 12px;
}

.lgw-divider{
  height: 1px;
  margin: 12px 0;
  background: var(--lgw-stroke);
}

.lgw-flag{
  min-height: 28px;
  padding: 5px 9px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--lgw-stroke);
  border-radius: 999px;
  background: var(--lgw-s3);
  color: #4e5968;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

.lgw-flag.warn{ border-color: #ffe0a3; background: #fff8e8; color: #bd7100; }
.lgw-flag.bad{ border-color: #ffd0d5; background: #fff0f2; color: #e42939; }
.lgw-flag.good{ border-color: #bfe9dc; background: #effaf6; color: #008f66; }

/* ---------- 번호 태그 툴팁 ---------- */
.lsm-badged-host[data-lsm-tip]{
  position: relative;
}

.lsm-badged-host[data-lsm-tip]:hover::after{
  content: attr(data-lsm-tip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 9px);
  z-index: calc(var(--lgw-z) + 5);
  max-width: min(62vw, 360px);
  padding: 9px 11px;
  display: inline-block;
  border: 1px solid var(--lgw-stroke);
  border-radius: 12px;
  background: #ffffff;
  color: var(--lgw-text);
  box-shadow: var(--lgw-soft-shadow);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
  white-space: pre-line;
  overflow-wrap: anywhere;
  word-break: break-word;
  transform: translateX(-50%);
  pointer-events: none;
}

.lsm-badged-host[data-lsm-tip]:hover::before{
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 4px);
  z-index: calc(var(--lgw-z) + 6);
  width: 10px;
  height: 10px;
  border-right: 1px solid var(--lgw-stroke);
  border-bottom: 1px solid var(--lgw-stroke);
  background: #ffffff;
  transform: translateX(-50%) rotate(45deg);
  pointer-events: none;
}

/* ---------- 모바일 최적화 ---------- */
@media (max-width: 720px){
 

  #lgwPanel{
    right: 10px;
    bottom: 70px;
    width: calc(100vw - 20px);
    max-height: calc(100vh - 92px);
    border-radius: 20px;
  }

  #lgwPanel .lgw-head{
    min-height: 58px;
    padding: 14px 16px;
  }

  #lgwPanel .lgw-tabs{
    padding: 10px;
  }

  #lgwPanel .lgw-body{
    max-height: calc(100vh - 204px);
    padding: 12px;
  }

  .lgw-guide-grid,
  .lgw-grid-2{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px){
  #lgwPanel .lgw-title{
    font-size: 15px;
  }

  #lgwPanel .lgw-tab,
  .lgw-btn{
    font-size: 13px;
  }

  .lgw-box,
  .lgw-step,
  .lgw-guide-card{
    padding: 14px;
  }
}
</style>

<button id="lgwFab" type="button" title="로또 분석 위젯" style="padding: 4px 6px;">뱃지태그</button>
<div id="lgwOverlay" aria-hidden="true"></div>

<div id="lgwPanel" aria-hidden="true">
  <div class="lgw-head">
    <div class="lgw-title">🧩 로또 분석 위젯 <span class="lgw-muted" style="font-weight:800; font-size:12px;">(전역)</span></div>
    <button class="lgw-close" id="lgwClose" type="button" aria-label="닫기">&times;</button>
  </div>

  <div class="lgw-tabs" role="tablist">
    <button class="lgw-tab active" data-tab="tag" type="button">📝 번호 태그</button>
    <button class="lgw-tab" data-tab="diag" type="button">🧪 번호 진단</button>
    <button class="lgw-tab" data-tab="mix" type="button">🎛️ 필터 믹서</button>
    <button class="lgw-tab" data-tab="reco" type="button">🎯 추천/레시피</button>
    <button class="lgw-tab" data-tab="guide" type="button">🧭 이용가이드</button>
  </div>

  <div class="lgw-body" id="lgwBody">
    <!-- content injected -->
  </div>
</div>

<div id="lgwPop" aria-hidden="true">
  <div class="p-head">
    <div class="p-title" id="lgwPopTitle">번호</div>
    <button class="p-close" id="lgwPopClose" type="button">&times;</button>
  </div>
  <div class="lgw-muted" id="lgwPopStats" style="margin-top:6px;">불러오는 중...</div>

  <div class="lgw-row" style="margin-top:10px;">
    <button class="lgw-btn" id="lgwPopOpenDiag">진단 탭에서 보기</button>
    <span class="lgw-muted" style="font-size:12px;">(꾹누르기/우클릭)</span>
  </div>

  <div style="margin-top:10px;">
    <div style="font-weight:900; margin-bottom:6px;">태그 추가</div>
    <input id="lgwPopInput" type="text" placeholder="예: 고정/제외/보험/복병/핫수/콜수 등">
    <div class="lgw-row" style="margin-top:8px;">
      <button class="lgw-btn primary" id="lgwPopSave">저장</button>
      <button class="lgw-btn" id="lgwPopClear">삭제</button>
    </div>
    <div class="p-tags" id="lgwPopTags"></div>
  </div>
</div>

<script>
(function(){
  // ----------------------------
  // Config
  // ----------------------------
  const API = {
    tagsGet:  "/bbs/widgets/number-tags",
    tagsSet:  "/bbs/widgets/number-tags",
    tagsClear:"/bbs/widgets/number-tags/clear",
    hotcool:  "/bbs/widgets/lotto/hotcool",
    pairs:    "/bbs/widgets/lotto/pairs",
    simulate: "/bbs/widgets/lotto/filter_simulate",
    diag:     "/bbs/widgets/lotto/number_diag",
    // ✅ [NEW] Bulk diag (Reco 탭 속도 핵심)
    diagBulk: "/bbs/widgets/lotto/number_diag_bulk"
  };

  // ✅ 이용가이드 탭 "바로가기" URL (사이트 라우팅에 맞게 수정 가능)
  const GUIDE_LINKS = {
    smartBeginner: "/bbs/lotto_generate2",
    groupFilter:   "/bbs/group-filter",
    missFilter:    "/bbs/lotto_filter_count/",
    faq:           "/bbs/faq"
  };

  // ✅ 배지 호스트(앵커) 선택 규칙: 가장 가까운 조상 중 아래 셀렉터 우선 매칭
  const BADGE_HOST_SELECTORS = [
    "[data-num],[data-number]",
    ".ball,.lotto-ball,.filter-cell,.red-circle,.match-ball",
    ".ball-1,.ball-2,.ball-3,.ball-4,.ball-5,.ball-6,.ball-7",
    ".lotto-ball-yellow,.lotto-ball-blue,.lotto-ball-red,.lotto-ball-black,.lotto-ball-green",
    ".ball.yellow,.ball.blue,.ball.red,.ball.black,.ball.green", ".tile ",".numchip.hot",".numchip.cold",".numchip.over",".numchip.pair",".numchip",
  ].join(",");

  // ✅ 후보 셀렉터(전체)
  const CANDIDATE_SELECTORS_ALL = [
    "[data-lgw-num]",
    "[data-num],[data-number]",
    ".ball,.lotto-ball,.filter-cell,.red-circle,.match-ball",
    ".ball-1,.ball-2,.ball-3,.ball-4,.ball-5,.ball-6,.ball-7",
    ".lotto-ball-yellow,.lotto-ball-blue,.lotto-ball-red,.lotto-ball-black,.lotto-ball-green",
    ".ball.yellow,.ball.blue,.ball.red,.ball.black,.ball.green", ".tile ",
    "span,button,a", ".tile ",".numchip.hot",".numchip.cold",".numchip.over",".numchip.pair",".numchip",
  ].join(",");

  // ✅ [SPEED] “빠른 스캔” 셀렉터(문서 전체를 스캔할 때 span/button/a 제외)
  const CANDIDATE_SELECTORS_FAST = [
    "[data-lgw-num]",
    "[data-num],[data-number]",
    ".ball,.lotto-ball,.filter-cell,.red-circle,.match-ball",
    ".ball-1,.ball-2,.ball-3,.ball-4,.ball-5,.ball-6,.ball-7",
    ".lotto-ball-yellow,.lotto-ball-blue,.lotto-ball-red,.lotto-ball-black,.lotto-ball-green",
    ".ball.yellow,.ball.blue,.ball.red,.ball.black,.ball.green", ".tile ",".numchip.hot",".numchip.cold",".numchip.over",".numchip.pair",".numchip",
  ].join(",");

  // ✅ [SPEED] span/button/a는 “가능성 높은 컨테이너 내부”에서만 제한 스캔
  const SCAN_CONTAINERS = [
    "#wrapper", "main", ".content", ".container",
    ".lotto", ".lotto-wrap", ".numbers", ".result",
    ".latest-draw-table", ".board", ".dashboard", ".dash",
    ".filter", ".filters", ".filter-wrap", ".tile ",".numchip.hot",".numchip.cold",".numchip.over",".numchip.pair",".numchip",
  ].join(",");

  const TEXT_FALLBACK_SELECTOR = "span,button,a";

  // ✅ 페이지 이동해도 패널/탭/팝오버 열림 상태 유지용 키
  const LS_KEYS = {
    PANEL_OPEN: "LGW_PANEL_OPEN",
    PANEL_TAB:  "LGW_PANEL_TAB",
    POP_OPEN:   "LGW_POPOVER_OPEN",
    POP_NUM:    "LGW_POPOVER_NUM",
    PANEL_POS:  "LGW_PANEL_POS_V1"
  };

  // ✅ localStorage 안전 래퍼
  function lsGet(k, def=null){
    try{
      const v = localStorage.getItem(k);
      return (v==null ? def : v);
    }catch(e){ return def; }
  }
  function lsSet(k, v){
    try{ localStorage.setItem(k, String(v)); }catch(e){}
  }
  function lsDel(k){
    try{ localStorage.removeItem(k); }catch(e){}
  }

  // ----------------------------
  // State
  // ----------------------------
  const state = {
    open: false,
    tab: "tag",
    tags: {},

    hotcool: null,
    neighbors: null,

    loaded: {
      tags:false,
      hotcoolLimit:null,
      pairsLimit:null
    },

    pop: {open:false, num:null},

    diag: {
      num: 25,
      limit: 200,
      topk: 12,
      cache: {}
    },

    mix: {sumMin: 90, sumMax: 180, oddMin: 2, oddMax: 4, highMin: 2, highMax: 4, consecMax: 2, highCut: 23},

    reco: {
      loading:false,
      lastKey:null,
      data:null
    },

    recipe: {
      lastName:null,
      picked6: [],
      pool: [],
      mixPreset: null
    }
  };

  // restore diag.limit from localStorage
  try{
    const saved = localStorage.getItem("LGW_DIAG_LIMIT");
    if(saved && /^\d+$/.test(saved)){
      state.diag.limit = Math.max(20, Math.min(2000, parseInt(saved,10)));
    }
  }catch(e){}

  // restore last recipe
  try{
    const r = localStorage.getItem("LGW_RECIPE_LAST");
    if(r){
      const obj = JSON.parse(r);
      if(obj && typeof obj === "object"){
        state.recipe.lastName = obj.name || null;
        state.recipe.picked6 = Array.isArray(obj.picked6) ? obj.picked6 : [];
        state.recipe.pool = Array.isArray(obj.pool) ? obj.pool : [];
        state.recipe.mixPreset = obj.mixPreset || null;
      }
    }
  }catch(e){}

  // ----------------------------
  // DOM
  // ----------------------------
  const $fab = document.getElementById("lgwFab");
  const $overlay = document.getElementById("lgwOverlay");
  const $panel = document.getElementById("lgwPanel");
  const $body = document.getElementById("lgwBody");
  const $close = document.getElementById("lgwClose");

  const $pop = document.getElementById("lgwPop");
  const $popTitle = document.getElementById("lgwPopTitle");
  const $popStats = document.getElementById("lgwPopStats");
  const $popInput = document.getElementById("lgwPopInput");
  const $popTags = document.getElementById("lgwPopTags");
  const $popSave = document.getElementById("lgwPopSave");
  const $popClear = document.getElementById("lgwPopClear");
  const $popClose = document.getElementById("lgwPopClose");
  const $popOpenDiag = document.getElementById("lgwPopOpenDiag");

  // ----------------------------
  // Helpers
  // ----------------------------
  const esc = (s)=> String(s).replace(/[&<>"'`]/g, m => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;','\'':'&#39;','`':'&#96;'}[m]));
  const clamp = (n,a,b)=> Math.max(a, Math.min(b, n));
  const now = ()=> Date.now();

  function uniqSorted(nums){
    return Array.from(new Set((nums||[]).filter(n=>Number.isFinite(n)).map(n=>parseInt(n,10)).filter(n=>n>=1 && n<=45))).sort((a,b)=>a-b);
  }

  function toCSV(nums){
    const a = uniqSorted(nums);
    return a.join(",");
  }

  async function copyText(txt){
    try{
      await navigator.clipboard.writeText(String(txt));
      return true;
    }catch(e){
      try{
        const ta = document.createElement("textarea");
        ta.value = String(txt);
        ta.style.position = "fixed";
        ta.style.left = "-9999px";
        document.body.appendChild(ta);
        ta.select();
        document.execCommand("copy");
        ta.remove();
        return true;
      }catch(err){
        return false;
      }
    }
  }

  function parseNumFromEl(el){
    if(!el) return null;

    // ✅ 우선순위: data-lgw-num → data-num → data-number
    const dn1 = el.getAttribute && el.getAttribute("data-lgw-num");
    if(dn1 && /^\d+$/.test(dn1)){
      const v = parseInt(dn1,10);
      if(v>=1 && v<=45) return v;
    }

    const dn2 = el.getAttribute && el.getAttribute("data-num");
    if(dn2 && /^\d+$/.test(dn2)){
      const v = parseInt(dn2,10);
      if(v>=1 && v<=45){ el.setAttribute("data-lgw-num", String(v)); return v; }
    }

    const dn3 = el.getAttribute && el.getAttribute("data-number");
    if(dn3 && /^\d+$/.test(dn3)){
      const v = parseInt(dn3,10);
      if(v>=1 && v<=45){ el.setAttribute("data-lgw-num", String(v)); return v; }
    }

    const cls = (el.className || "").toString();
    const looksLottoBall =
      /lotto-ball|ball-|red-circle|num-ball|number-ball|\bball\b/i.test(cls);

    const t = (el.textContent || "").trim();
    if(/^\d{1,2}$/.test(t)){
      const v = parseInt(t,10);
      if(v>=1 && v<=45){
        if(
          looksLottoBall ||
          el.tagName === "SPAN" ||
          el.tagName === "BUTTON" ||
          el.tagName === "A" ||
          el.closest?.(".lotto, .lotto-wrap, .numbers, .result, .latest-draw-table, .content, #wrapper")
        ){
          el.setAttribute("data-lgw-num", String(v));
          return v;
        }
      }
    }
    return null;
  }

  async function fetchJson(url, opt){
    const r = await fetch(url, opt || {cache:"no-store"});
    const j = await r.json().catch(()=>null);
    if(!r.ok) throw new Error((j && j.error) ? j.error : ("HTTP " + r.status));
    return j;
  }

  function hasTags(num){
    const k = String(num);
    return Array.isArray(state.tags[k]) && state.tags[k].length>0;
  }

  function badgeHtml(label){
    const l = String(label||"NEUTRAL").toUpperCase();
    if(l === "HOT") return `<span class="lgw-badge hot">🔥 HOT</span>`;
    if(l === "COOL") return `<span class="lgw-badge cool">🧊 COOL</span>`;
    return `<span class="lgw-badge neutral">⚪ NEUTRAL</span>`;
  }

  function shuffle(arr){
    const a = (arr||[]).slice();
    for(let i=a.length-1;i>0;i--){
      const j = Math.floor(Math.random()*(i+1));
      const t=a[i]; a[i]=a[j]; a[j]=t;
    }
    return a;
  }

  // === NEW: 단일 태그 텍스트에서 역할 클래스 추출
  function roleClassFromText(t){
    const s = String(t||"").toLowerCase();
    if(!s) return "neutral";
    if(s.includes("핵심")) return "core";
    if(s.includes("보험")) return "ins";
    if(s.includes("복병")) return "wild";
    if(s.includes("콜수") || s.includes("콜드") || /\bcold\b/.test(s) || s.includes("쿨") || s.includes("소외") || s.includes("공백")) return "cool";
    if(s.includes("핫수") || s.includes("과열") || /\bhot\b/.test(s) || s.includes("핫")) return "hot";
    if(s.includes("제외") || s.includes("빼") || s.includes("금지") || s.includes("제거") || s.includes("차단")) return "exclude";
    if(s.includes("장미")) return "rose";
    if(s.includes("번개")) return "light";
    if(s.includes("고정") || s.includes("fix") || s.includes("픽스")) return "fixed";
    if(s.includes("중립")) return "neutral";
    if(s.includes("궁합") || s.includes("짝궁") || /\bpair\b/.test(s)) return "match";
    return "neutral";
  }

  function removeBottomBadge(host, num){
    if(!host) return;
    const sel = `.lsm-bottom-badges[data-for="${num}"]`;
    const box = host.querySelector(sel);
    if (box) box.remove();

    if(!host.querySelector(".lsm-bottom-badges")){
      host.classList.remove("lsm-badged-host");
      host.removeAttribute("data-lsm-tip");
      host.removeAttribute("title");
    }
  }

  // ✅ [ADD] warning tag 판정
  function isWarningTagText(t){
    const s = String(t||"").trim();
    if(!s) return false;
    return /^(\s*⚠️|\s*⚠|\s*경고\(|\s*경고:|\s*주의\(|\s*주의:)/i.test(s);
  }

  // ✅ [ADD] tag role 감지용
  function tagRolesFromTexts(texts){
    const roles = {
      core:false, insurance:false, exclude:false,
      hot:false, cool:false, wild:false,
      rose:false, light:false, fixed:false, neutral:false, match:false,
      hasAny:false, warns:[]
    };
    const arr = Array.isArray(texts) ? texts : [];
    for(const t of arr){
      const raw = String(t||"").trim();
      if(!raw) continue;
      roles.hasAny = true;

      const s = raw.toLowerCase();

      if(/^(\s*⚠️?|\s*경고[:(]|\s*주의[:(])/i.test(raw)){
        roles.warns.push(raw);
        continue;
      }

      if(s.includes("핵심")) roles.core = true;
      if(s.includes("보험")) roles.insurance = true;
      if(s.includes("복병")) roles.wild = true;

      if(s.includes("제외") || s.includes("빼") || s.includes("금지") || s.includes("제거") || s.includes("차단"))
        roles.exclude = true;

      if(s.includes("핫수") || s.includes("과열") || /\bhot\b/.test(s) || s.includes("핫")) roles.hot = true;

      if(s.includes("콜수") || s.includes("콜드") || /\bcold\b/.test(s) || s.includes("쿨") || s.includes("소외") || s.includes("공백"))
        roles.cool = true;

      if(s.includes("장미")) roles.rose = true;
      if(s.includes("번개")) roles.light = true;
      if(s.includes("고정") || s.includes("fix") || s.includes("픽스")) roles.fixed = true;
      if(s.includes("중립")) roles.neutral = true;
      if(s.includes("궁합") || s.includes("짝궁") || /\bpair\b/.test(s)) roles.match = true;
    }
    return roles;
  }

  // ----------------------------
  // ✅ 배지 호스트 탐색
  // ----------------------------
function findBadgeHost(el){
  let cur = el;
  let fallback = null;
  while(cur){
    if(cur.matches){
      // ✅ 1순위: ball-box
      if(cur.matches(".ball-box")) return cur;
      // ✅ 2순위: ball-wrap (너 페이지 구조에서 제일 안정적)
      if(cur.matches(".ball-wrap")) return cur;

      // ✅ 그 외는 fallback만 잡아두기
      if(!fallback && cur.matches(BADGE_HOST_SELECTORS)) fallback = cur;
    }
    cur = cur.parentElement;
  }
  return fallback || el;
}


  function ensureBottomBadge(host, num, tagObjs){
    if(!host) return;
    host.classList.add("lsm-badged-host");

    const texts = (Array.isArray(tagObjs) ? tagObjs : [])
      .map(x=>String(x.t||"").trim())
      .filter(Boolean);

    let box = host.querySelector(`.lsm-bottom-badges[data-for="${num}"]`);
    if(!box){
      box = document.createElement("span");
      box.className = "lsm-bottom-badges";
      box.setAttribute("data-for", String(num));
      host.appendChild(box);
    }
    box.innerHTML = "";

    if(!texts.length){
      box.remove();
      if(!host.querySelector(".lsm-bottom-badges")){
        host.classList.remove("lsm-badged-host");
      }
      host.removeAttribute("data-lsm-tip");
      host.removeAttribute("title");
      return;
    }

    const first = texts[0];
    const extra = texts.length - 1;
    const label = extra > 0 ? `${first} 외 ${extra}` : first;

    const cls = roleClassFromText(first);

    const chip = document.createElement("span");
    chip.className = `lsm-badge-chip ${cls}`;
    chip.textContent = label;
    box.appendChild(chip);

    const tipLines = texts.map(t => `• ${t}`).join("\n");
    host.setAttribute("data-lsm-tip", tipLines);
    host.setAttribute("title", texts.join(", "));
  }

  // ----------------------------
  // ✅ [SPEED] Tag markers (부분 스캔 큐)
  // ----------------------------
  const _scanQueue = new Set();
  let _scanScheduled = false;

  function _isElement(n){ return n && n.nodeType === 1; }

  function _enqueueScan(node){
    if(!node) return;
    if(node.nodeType === 3 && node.parentElement) node = node.parentElement;
    if(!_isElement(node)) return;
    _scanQueue.add(node);
    _scheduleScanWork();
  }

  function _scheduleScanWork(){
    if(_scanScheduled) return;
    _scanScheduled = true;

    const run = (deadline)=>{
      try{
        _processScanQueue(deadline);
      }finally{
        if(_scanQueue.size){
          if("requestIdleCallback" in window){
            requestIdleCallback(run, {timeout: 250});
          }else{
            setTimeout(()=>run({didTimeout:true, timeRemaining:()=>0}), 80);
          }
        }else{
          _scanScheduled = false;
        }
      }
    };

    if("requestIdleCallback" in window){
      requestIdleCallback(run, {timeout: 250});
    }else{
      setTimeout(()=>run({didTimeout:true, timeRemaining:()=>0}), 80);
    }
  }

  function _processOneElement(el, processedHosts){
    const n = parseNumFromEl(el);
    if(!n) return;

    const host = findBadgeHost(el);
    if(!host || processedHosts.has(host)) return;
    processedHosts.add(host);

    const k = String(n);
    if(hasTags(n)){
      host.classList.add("lgw-tagged");
      ensureBottomBadge(host, n, state.tags[k]);
    }else{
      host.classList.remove("lgw-tagged");
      removeBottomBadge(host, n);
    }
  }

  function _scanRoot(root, processedHosts){
    if(!_isElement(root)) return;

    // 1) root 자체 처리
    if(root.matches && root.matches(CANDIDATE_SELECTORS_ALL)){
      _processOneElement(root, processedHosts);
    }

    // 2) 빠른 셀렉터 처리(문서 전체/부분 모두 안전)
    if(root.querySelectorAll){
      const fast = root.querySelectorAll(CANDIDATE_SELECTORS_FAST);
      for(const el of fast) _processOneElement(el, processedHosts);
    }

    // 3) span/button/a는 “가능성 높은 컨테이너 내부”에서만 제한 스캔
    const inLikelyContainer =
      (root.matches && root.matches(SCAN_CONTAINERS)) ||
      (root.closest && root.closest(SCAN_CONTAINERS));

    if(inLikelyContainer && root.querySelectorAll){
      const txtEls = root.querySelectorAll(TEXT_FALLBACK_SELECTOR);
      // 너무 큰 덩어리(예: wrapper 전체)가 들어오면 폭주 방지
      // - data-lgw-num 캐시가 붙으면 다음부터는 FAST에 잡힘
      let cnt = 0;
      for(const el of txtEls){
        _processOneElement(el, processedHosts);
        cnt++;
        if(cnt > 600) break; // ✅ 폭주 컷(상황에 맞게 조절 가능)
      }
    }
  }

  function _processScanQueue(deadline){
    const processedHosts = new WeakSet();
    const maxRoots = 30; // 한 번에 너무 많이 처리하지 않기
    let i = 0;

    const roots = Array.from(_scanQueue);
    _scanQueue.clear();

    for(const r of roots){
      _scanRoot(r, processedHosts);
      i++;
      if(i >= maxRoots) break;

      if(deadline && !deadline.didTimeout && deadline.timeRemaining && deadline.timeRemaining() < 6){
        // 남은 루트는 다시 큐에 넣고 다음 idle로 넘김
        for(let j=i; j<roots.length; j++) _scanQueue.add(roots[j]);
        break;
      }
    }
  }

  // ✅ 초기/강제 전체 스캔(태그 로드 직후 등)
  function applyTagMarkersFull(){
    const processedHosts = new WeakSet();

    // 1) 빠른 셀렉터로 전체 스캔(가볍게)
    const fastEls = document.querySelectorAll(CANDIDATE_SELECTORS_FAST);
    for(const el of fastEls) _processOneElement(el, processedHosts);

    // 2) span/button/a는 컨테이너 내부에서만 제한 스캔
    const containers = document.querySelectorAll(SCAN_CONTAINERS);
    for(const c of containers){
      const txtEls = c.querySelectorAll(TEXT_FALLBACK_SELECTOR);
      let cnt = 0;
      for(const el of txtEls){
        _processOneElement(el, processedHosts);
        cnt++;
        if(cnt > 900) break;
      }
    }
  }

  // MutationObserver: 동적 렌더 대응(부분 스캔)
  let _mo = null;
  function startObserver(){
    try{
      if(_mo) return;
      _mo = new MutationObserver((records)=>{
        for(const rec of records){
          if(rec.type === "childList"){
            rec.addedNodes && rec.addedNodes.forEach(n=>_enqueueScan(n));
            // 텍스트 교체가 node 교체로 들어오는 케이스도 많음
          }else if(rec.type === "characterData"){
            _enqueueScan(rec.target && rec.target.parentElement);
          }
        }
      });
      _mo.observe(document.body, {subtree:true, childList:true, characterData:true});
    }catch(e){}
  }

  // ----------------------------
  // Data loaders
  // ----------------------------
  async function loadTags(force=false){
    if(state.loaded.tags && !force) return;
    const j = await fetchJson(API.tagsGet);
    state.tags = j.tags || {};
    state.loaded.tags = true;
    // ✅ 태그 로드 직후에는 “전체 반영”이 필요
    applyTagMarkersFull();
  }

  async function loadHotcool(force=false){
    const lim = state.diag.limit;
    if(state.loaded.hotcoolLimit === lim && !force) return;
    const url = API.hotcool + "?" + new URLSearchParams({limit:String(lim)}).toString();
    const j = await fetchJson(url);
    state.hotcool = j.counts || {};
    state.loaded.hotcoolLimit = lim;
  }

  async function loadPairs(force=false){
    const lim = state.diag.limit;
    if(state.loaded.pairsLimit === lim && !force) return;
    const url = API.pairs + "?" + new URLSearchParams({limit:String(lim), topk:"18"}).toString();
    const j = await fetchJson(url);
    state.neighbors = j.neighbors || {};
    state.loaded.pairsLimit = lim;
  }

  async function ensureDataForPopover(){
    await Promise.allSettled([loadTags(), loadHotcool(), loadPairs()]);
  }

  // ----------------------------
  // Number diag cache
  // ----------------------------
  async function loadDiag(num, limit){
    const lim = limit || state.diag.limit;
    const key = String(num) + "_" + String(lim);
    const cached = state.diag.cache[key];
    if(cached && (now() - cached.ts) < 60_000){
      return cached.data;
    }
    const q = new URLSearchParams({num:String(num), limit:String(lim), topk:String(state.diag.topk || 12)}).toString();
    const j = await fetchJson(API.diag + "?" + q);
    state.diag.cache[key] = {ts: now(), data: j};
    return j;
  }

  // ✅ [SPEED] Bulk 우선 → 실패 시 기존 병렬 호출 폴백
  async function loadDiagMany(nums, limit, concurrency=6){
    const list = uniqSorted(nums);
    const lim = limit || state.diag.limit;
    if(!list.length) return {};

    // 1) Bulk 시도
    try{
      const j = await fetchJson(API.diagBulk, {
        method:"POST",
        headers: {"Content-Type":"application/json"},
        body: JSON.stringify({nums: list, limit: lim, topk: (state.diag.topk || 12)})
      });
      const results = (j && j.results) ? j.results : null;
      if(results && typeof results === "object"){
        const out = {};
        for(const n of list){
          const d = results[String(n)];
          if(d){
            out[n] = d;
            const key = String(n) + "_" + String(lim);
            state.diag.cache[key] = {ts: now(), data: d};
          }else{
            out[n] = {error:"missing"};
          }
        }
        return out;
      }
    }catch(e){
      // bulk 실패 시 폴백
    }

    // 2) 폴백: 기존 병렬 호출
    const out = {};
    let idx = 0;

    async function worker(){
      while(idx < list.length){
        const n = list[idx++];
        try{
          out[n] = await loadDiag(n, lim);
        }catch(e){
          out[n] = {error: String(e && e.message ? e.message : e)};
        }
      }
    }

    const workers = [];
    for(let i=0;i<Math.max(1, concurrency);i++) workers.push(worker());
    await Promise.all(workers);
    return out;
  }

  // ----------------------------
  // DNA helpers (client-side computed)
  // ----------------------------
  function calcTrend(diag){
    const r20 = Number(diag.recent_20 || 0);
    const r50 = Number(diag.recent_50 || 0);
    const t = (r20/20) - (r50/50);
    return t;
  }

  function calcGapRatio(diag){
    const g = (diag.gap_from_latest == null) ? null : Number(diag.gap_from_latest);
    const avg = (diag.avg_gap == null) ? null : Number(diag.avg_gap);
    if(g == null || avg == null || !isFinite(g) || !isFinite(avg) || avg <= 0) return null;
    return g / avg;
  }

  function calcPartnerEntropy(diag){
    const partners = Array.isArray(diag.partners) ? diag.partners : [];
    const counts = partners.map(p=>Number(p.count||0)).filter(x=>isFinite(x) && x>0);
    if(!counts.length) return {entropy:null, kind:"-", top:null};
    const sum = counts.reduce((a,b)=>a+b,0);
    const probs = counts.map(c=>c/sum);
    let H = 0;
    for(const p of probs){
      H += (-p) * Math.log(p);
    }
    const k = probs.length;
    const Hn = k>1 ? (H / Math.log(k)) : 0;
    let kind = "다양형";
    if(Hn < 0.38) kind = "편식형";
    else if(Hn < 0.62) kind = "약간 편식";
    const top = partners[0] ? {num: partners[0].num, count: partners[0].count} : null;
    return {entropy:Hn, kind, top};
  }

  function dnaSummaryLines(num, diag){
    const label = (diag.label || "NEUTRAL").toUpperCase();
    const gap = diag.gap_from_latest != null ? Number(diag.gap_from_latest) : null;
    const gr = calcGapRatio(diag);
    const trend = calcTrend(diag);
    const ent = calcPartnerEntropy(diag);

    const trendTxt =
      (trend > 0.06) ? "단기↑(과열쪽)" :
      (trend < -0.06) ? "단기↓(소외쪽)" :
      "단기=장기(중립)";

    const gapTxt =
      (gr != null) ? (gr >= 1.8 ? "공백 큼" : (gr <= 0.7 ? "공백 짧음" : "공백 보통")) :
      (gap != null ? (gap >= 18 ? "공백 큼" : "공백 보통") : "-");

    const entTxt = ent && ent.kind ? ent.kind : "-";

    return {
      label,
      trendTxt,
      gapTxt,
      entTxt
    };
  }

  // ----------------------------
  // ✅ 패널 이동/좌표 저장 로직 (원본 유지)
  // ----------------------------
  function applyPanelPos(pos){
    if(!$panel || !pos) return;
    const wasHidden = ($panel.style.display === "none" || $panel.getAttribute("aria-hidden") === "true");
    if(wasHidden){
      $panel.style.visibility = "hidden";
      $panel.style.display = "block";
    }

    const w = $panel.offsetWidth || 0;
    const h = $panel.offsetHeight || 0;
    const pad = 6;
    const x = clamp(Number(pos.x||0), pad, Math.max(pad, window.innerWidth - w - pad));
    const y = clamp(Number(pos.y||0), pad, Math.max(pad, window.innerHeight - h - pad));

    $panel.style.left = x + "px";
    $panel.style.top = y + "px";
    $panel.style.right = "auto";
    $panel.style.bottom = "auto";

    if(wasHidden){
      $panel.style.display = "none";
      $panel.style.visibility = "";
    }
  }

  function savePanelPos(){
    const left = parseFloat($panel.style.left);
    const top  = parseFloat($panel.style.top);
    if(isFinite(left) && isFinite(top)){
      lsSet(LS_KEYS.PANEL_POS, JSON.stringify({x:left, y:top}));
    }
  }

  function restorePanelPosIfAny(){
    const raw = lsGet(LS_KEYS.PANEL_POS, null);
    if(!raw) return;
    try{
      const pos = JSON.parse(raw);
      if(pos && typeof pos === "object"){
        applyPanelPos(pos);
      }
    }catch(e){}
  }

  // ----------------------------
  // Panel open/close
  // ----------------------------
  function openPanel(){
    state.open = true;
    $overlay.style.display = "block";
    $panel.style.display = "block";
    $panel.setAttribute("aria-hidden","false");
    $overlay.setAttribute("aria-hidden","false");

    restorePanelPosIfAny();

    lsSet(LS_KEYS.PANEL_OPEN, "1");
    lsSet(LS_KEYS.PANEL_TAB, state.tab || "tag");

    renderTab(state.tab);
  }

  function closePanel(){
    state.open = false;
    $overlay.style.display = "none";
    $panel.style.display = "none";
    $panel.setAttribute("aria-hidden","true");
    $overlay.setAttribute("aria-hidden","true");

    lsDel(LS_KEYS.PANEL_OPEN);
    lsDel(LS_KEYS.PANEL_TAB);

    closePopover();
  }

  function setActiveTab(tab){
    state.tab = tab;
    lsSet(LS_KEYS.PANEL_TAB, tab);

    document.querySelectorAll("#lgwPanel .lgw-tab").forEach(b=>{
      b.classList.toggle("active", b.getAttribute("data-tab")===tab);
    });
    renderTab(tab);
  }

  // ----------------------------
  // TAG TAB
  // ----------------------------
// ----------------------------
// TAG TAB
// ----------------------------
function renderTagTab(){
  const items = Object.keys(state.tags || {})
    .map(k => ({
      num: parseInt(k, 10),
      tags: Array.isArray(state.tags[k]) ? state.tags[k] : []
    }))
    .filter(x => x.num >= 1 && x.num <= 45 && x.tags.length > 0)
    .sort((a, b) => a.num - b.num);

  let html = `
    <div class="lgw-box">
      <div style="font-weight:900;">번호 태그 (전역)</div>
      <div class="lgw-muted" style="margin-top:6px;">
        ✅ 화면 어디서든 <b>번호를 꾹 누르거나(모바일)</b> / <b>우클릭(PC)</b> 하면 정보/태그 편집이 떠요.
      </div>
      <div class="lgw-row" style="margin-top:10px;">
        <button class="lgw-btn" id="lgwReloadTags">태그 새로고침</button>
        <button class="lgw-btn" id="lgwGoReco">🎯 추천/레시피로 보기</button>
        <span class="lgw-muted" style="font-size:12px;">(로그인 상태에서 DB 저장)</span>
      </div>
    </div>
  `;

  if(items.length === 0){
    html += `<div class="lgw-muted" style="margin-top:12px;">아직 태그가 없습니다. 번호를 꾹 눌러 태그를 추가해보세요.</div>`;
  }else{
    html += `
      <div class="lgw-box" style="margin-top:12px;">
        <div style="font-weight:900; margin-bottom:8px;">내 태그 목록</div>
        <div class="lgw-row">
          ${items.map(it=>{
            const t = (it.tags || [])
              .map(x => esc(typeof x === "string" ? x : (x.t || "")))
              .filter(Boolean)
              .join(", ");
            return `
              <span class="lgw-chip" data-open-num="${it.num}">
                <span class="dot"></span><b>${it.num}</b>
                <span class="lgw-muted">${t}</span>
              </span>
            `;
          }).join("")}
        </div>
      </div>
    `;
  }

  $body.innerHTML = html;

  const btn = document.getElementById("lgwReloadTags");
  if(btn){
    btn.addEventListener("click", async ()=>{
      state.loaded.tags = false;
      await loadTags(true);
      renderTagTab();
    });
  }

  const goReco = document.getElementById("lgwGoReco");
  if(goReco){
    goReco.addEventListener("click", ()=> setActiveTab("reco"));
  }

  $body.querySelectorAll("[data-open-num]").forEach(el=>{
    el.addEventListener("click", ()=>{
      const num = parseInt(el.getAttribute("data-open-num"),10);
      openPopover(num, {left: window.innerWidth/2, top: window.innerHeight/2, width: 0, height: 0});
    });
  });
}


  // ----------------------------
  // DIAG TAB (원본 로직 유지)
  // ----------------------------
  async function renderDiagTab(){
    await Promise.allSettled([loadHotcool(), loadPairs(), loadTags()]);

    const num = state.diag.num;
    const limit = state.diag.limit;

    $body.innerHTML = `
      <div class="lgw-box">
        <div style="font-weight:900;">🧬 번호 DNA 진단 (상세)</div>
        <div class="lgw-muted" style="margin-top:6px;">
          번호 1개를 선택하면 “단기/장기 추세 + 공백 + 기대편차 + 짝궁 성향”까지 한 번에 보여줘요.
        </div>
        <div class="lgw-row" style="margin-top:10px;">
          <label style="font-weight:900;">번호</label>
          <select id="diagNum" class="lgw-btn" style="padding:7px 10px;">
            ${Array.from({length:45},(_,i)=>i+1).map(n=>`<option value="${n}" ${n===num?'selected':''}>${n}</option>`).join("")}
          </select>

          <label style="font-weight:900; margin-left:4px;">최근</label>
          <select id="diagLimit" class="lgw-btn" style="padding:7px 10px;">
            ${[3,5,10,15,20,26,30,40,50,52,100,104,200,208,300,500,800].map(x=>`<option value="${x}" ${x===limit?'selected':''}>${x}회</option>`).join("")}
          </select>

          <button class="lgw-btn primary" id="diagRun">진단</button>
          <span class="lgw-muted" id="diagStatus">대기 중...</span>
        </div>

        <div class="lgw-kpi">
          <span class="lgw-chip"><span class="dot"></span>팁: limit 바꾸면 팝오버도 같이 바뀜</span>
        </div>
      </div>

      <div class="lgw-box" style="margin-top:12px;">
        <div id="diagResult" class="lgw-muted">-</div>
      </div>
    `;

    const $sel = document.getElementById("diagNum");
    const $lim = document.getElementById("diagLimit");
    const $run = document.getElementById("diagRun");
    const $st = document.getElementById("diagStatus");
    const $res = document.getElementById("diagResult");

    async function run(){
      const n = parseInt($sel.value,10);
      const lim = parseInt($lim.value,10);

      state.diag.num = n;
      state.diag.limit = lim;

      try{ localStorage.setItem("LGW_DIAG_LIMIT", String(lim)); }catch(e){}

      state.loaded.hotcoolLimit = null;
      state.loaded.pairsLimit = null;

      $st.textContent = "진단 중...";
      $res.innerHTML = "-";

      try{
        const j = await loadDiag(n, lim);
        const partners = (j.partners || []).slice(0, 10);
        const tags = (state.tags[String(n)] || []);

        const trend = calcTrend(j);
        const trendTxt = (trend > 0.06) ? "단기↑(과열쪽)" : (trend < -0.06) ? "단기↓(소외쪽)" : "단기=장기(중립)";
        const gr = calcGapRatio(j);
        const grTxt = (gr != null) ? `${gr.toFixed(2)}x` : "-";
        const ent = calcPartnerEntropy(j);

        const expected = (j.expected_main_count != null) ? Number(j.expected_main_count) : null;
        const mainCnt = Number(j.main_count || 0);
        const delta = (expected != null && isFinite(expected)) ? (mainCnt - expected) : null;
        const deltaTxt = (delta != null) ? (delta>=0 ? `+${delta.toFixed(1)}` : `${delta.toFixed(1)}`) : "-";

        const recent20 = Number(j.recent_20 || 0);
        const recent50 = Number(j.recent_50 || 0);
        const density20 = (recent20/20).toFixed(2);
        const density50 = (recent50/50).toFixed(2);

        const label = j.label || "NEUTRAL";

        $st.textContent = "완료";
        $res.innerHTML = `
          <div class="lgw-row" style="margin-bottom:10px;">
            <div style="font-weight:900; font-size:18px;">번호 ${n}</div>
            ${badgeHtml(label)}
            <span class="lgw-muted">최근<b>${esc(lim)}</b>회 기준</span>
          </div>

          <div class="lgw-grid-2">
            <div class="lgw-box">
              <div style="font-weight:900;">DNA 요약</div>
              <div class="lgw-muted" style="margin-top:6px; line-height:1.55;">
                • 추세: <b>${esc(trendTxt)}</b> (20:${density20} / 50:${density50})<br>
                • 공백: <b>${esc(j.gap_from_latest != null ? j.gap_from_latest : "-")}</b>
                  <span class="lgw-mini">(평균간격 ${esc(j.avg_gap != null ? j.avg_gap : "-")} / 비율 ${esc(grTxt)})</span><br>
                • 기대편차: <b>${esc(deltaTxt)}</b>
                  <span class="lgw-mini">(기대 ${esc(expected != null ? expected : "-")} / 실제 ${esc(mainCnt)})</span><br>
                • 짝궁 성향: <b>${esc(ent.kind)}</b>
                  <span class="lgw-mini">(다양성 ${ent.entropy!=null ? ent.entropy.toFixed(2) : "-"})</span>
              </div>
            </div>

            <div class="lgw-box">
              <div style="font-weight:900;">카운트</div>
              <div class="lgw-row" style="margin-top:8px;">
                <span class="lgw-chip"><span class="dot"></span>본번호 <b>${esc(j.main_count)}</b>회</span>
                <span class="lgw-chip"><span class="dot"></span>보너스 <b>${esc(j.bonus_count)}</b>회</span>
                <span class="lgw-chip"><span class="dot"></span>최근20 <b>${esc(j.recent_20)}</b></span>
                <span class="lgw-chip"><span class="dot"></span>최근50 <b>${esc(j.recent_50)}</b></span>
              </div>

              <div class="lgw-divider"></div>

              <div style="font-weight:900;">최근 출현</div>
              <div class="lgw-muted" style="margin-top:6px;">
                마지막 출현: <b>${esc(j.last_seen_draw || "-")}</b>
                ${j.gap_from_latest != null ? ` / 최신 대비 경과: <b>${esc(j.gap_from_latest)}</b>` : ``}
              </div>
            </div>
          </div>

          <div class="lgw-box" style="margin-top:12px;">
            <div style="font-weight:900;">짝궁 TOP</div>
            <div class="lgw-muted" style="margin-top:6px;">
              ${ent.top ? `가장 자주 붙는 짝궁: <b>${esc(ent.top.num)}</b> (${esc(ent.top.count)}회)` : `-`}
            </div>
            <div class="lgw-row" style="margin-top:8px;">
              ${partners.length ? partners.map(p=>`<span class="lgw-chip" data-open-num="${p.num}"><span class="dot"></span><b>${p.num}</b> <span class="lgw-muted">${p.count}회</span></span>`).join("") : `<span class="lgw-muted">-</span>`}
            </div>
          </div>

          <div class="lgw-box" style="margin-top:12px;">
            <div style="font-weight:900;">내 태그</div>
            <div class="lgw-row" style="margin-top:8px;">
              ${tags.length ? tags.map(t=>`<span class="lgw-chip"><span class="dot"></span>${esc(t.t)}</span>`).join("") : `<span class="lgw-muted">태그 없음 (번호 꾹 눌러 추가 가능)</span>`}
            </div>
          </div>

          <div class="lgw-box" style="margin-top:12px;">
            <div style="font-weight:900;">추천 액션(초보용)</div>
            <div class="lgw-muted" style="margin-top:6px; line-height:1.55;">
              ${(()=> {
                const lines = [];
                const labelU = String(label).toUpperCase();
                if(labelU==="HOT" && trend > 0.06) lines.push("• 단기 과열 경향 → ‘과열주의’ 태그 후 **최대 1개만** 사용 추천");
                const gr2 = calcGapRatio(j);
                if(labelU==="COOL" && (gr2!=null && gr2>1.6)) lines.push("• 장기 공백 + 소외 → ‘복병/보험’로 **분산**해서 사용 추천");
                if(ent.kind==="편식형") lines.push("• 짝궁 편식형 → 짝궁 TOP 중 1~2개만 활용(몰빵 금지)");
                if(!lines.length) lines.push("• 중립형 → 태그로 ‘핵심/보험/복병’ 중 역할을 정해두면 조합이 쉬워져요");
                return lines.map(x=>esc(x)).join("<br>");
              })()}
            </div>
          </div>
        `;

        $res.querySelectorAll("[data-open-num]").forEach(el=>{
          el.addEventListener("click", ()=>{
            const nn = parseInt(el.getAttribute("data-open-num"),10);
            openPopover(nn, {left: window.innerWidth/2, top: window.innerHeight/2, width:0, height:0});
          });
        });

      }catch(e){
        $st.textContent = "실패";
        $res.innerHTML = `<div class="lgw-muted">진단 실패: ${esc(e.message || e)}</div>`;
      }
    }

    $run.addEventListener("click", run);
    $sel.addEventListener("change", ()=>{ state.diag.num = parseInt($sel.value,10); });

    $lim.addEventListener("change", ()=>{
      state.diag.limit = parseInt($lim.value,10);
      state.diag.cache = {};
      state.loaded.hotcoolLimit = null;
      state.loaded.pairsLimit = null;
    });

    run();
  }

  // ----------------------------
  // MIX TAB (원본 유지)
  // ----------------------------
  let _mixTimer = null;
  async function renderMixTab(){
    const m = state.mix;

    $body.innerHTML = `
      <div class="lgw-box">
        <div style="font-weight:900;">🎛️ 필터 믹서</div>
        <div class="lgw-muted" style="margin-top:6px;">
          최근 당첨(최대 500회) 기준으로, 지금 설정한 조건이 <b>얼마나 현실적인지(통과율)</b>를 보여줍니다.
        </div>
      </div>

      <div class="lgw-box" style="margin-top:12px;">
        <div class="lgw-row" style="gap:12px;">
          <div style="min-width:240px;">
            <div style="font-weight:900;">합계</div>
            <div class="lgw-muted" style="font-size:12px;">${m.sumMin} ~ ${m.sumMax}</div>
            <input id="mixSumMin" type="range" min="60" max="220" value="${m.sumMin}" style="width:100%;">
            <input id="mixSumMax" type="range" min="60" max="220" value="${m.sumMax}" style="width:100%;">
          </div>

          <div style="min-width:200px;">
            <div style="font-weight:900;">홀수 개수</div>
            <div class="lgw-muted" style="font-size:12px;">${m.oddMin} ~ ${m.oddMax}</div>
            <input id="mixOddMin" type="range" min="0" max="6" value="${m.oddMin}" style="width:100%;">
            <input id="mixOddMax" type="range" min="0" max="6" value="${m.oddMax}" style="width:100%;">
          </div>

          <div style="min-width:200px;">
            <div style="font-weight:900;">고번호 개수(>=${m.highCut})</div>
            <div class="lgw-muted" style="font-size:12px;">${m.highMin} ~ ${m.highMax}</div>
            <input id="mixHighMin" type="range" min="0" max="6" value="${m.highMin}" style="width:100%;">
            <input id="mixHighMax" type="range" min="0" max="6" value="${m.highMax}" style="width:100%;">
          </div>

          <div style="min-width:200px;">
            <div style="font-weight:900;">연속쌍 최대</div>
            <div class="lgw-muted" style="font-size:12px;">${m.consecMax}</div>
            <input id="mixConsecMax" type="range" min="0" max="5" value="${m.consecMax}" style="width:100%;">
          </div>
        </div>

        <div class="lgw-row" style="margin-top:10px;">
          <button class="lgw-btn primary" id="mixRun">통과율 계산</button>
          <span class="lgw-muted" id="mixResult">대기 중...</span>
        </div>
      </div>

      <div class="lgw-box" style="margin-top:12px;">
        <div style="font-weight:900; margin-bottom:8px;">예시(조건을 만족한 최근 당첨)</div>
        <div id="mixExamples" class="lgw-muted">-</div>
      </div>
    `;

    function bindRange(id, key){
      const el = document.getElementById(id);
      if(!el) return;
      el.addEventListener("input", ()=>{
        state.mix[key] = parseInt(el.value,10);
        state.mix.sumMin = clamp(state.mix.sumMin, 60, 220);
        state.mix.sumMax = clamp(state.mix.sumMax, 60, 220);
        if(state.mix.sumMin > state.mix.sumMax){
          const t = state.mix.sumMin; state.mix.sumMin = state.mix.sumMax; state.mix.sumMax = t;
        }
        if(state.mix.oddMin > state.mix.oddMax){
          const t = state.mix.oddMin; state.mix.oddMin = state.mix.oddMax; state.mix.oddMax = t;
        }
        if(state.mix.highMin > state.mix.highMax){
          const t = state.mix.highMin; state.mix.highMin = state.mix.highMax; state.mix.highMax = t;
        }
        clearTimeout(_mixTimer);
        _mixTimer = setTimeout(()=>renderMixTab(), 80);
      });
    }

    bindRange("mixSumMin", "sumMin");
    bindRange("mixSumMax", "sumMax");
    bindRange("mixOddMin", "oddMin");
    bindRange("mixOddMax", "oddMax");
    bindRange("mixHighMin","highMin");
    bindRange("mixHighMax","highMax");
    bindRange("mixConsecMax","consecMax");

    const runBtn = document.getElementById("mixRun");
    const resEl = document.getElementById("mixResult");
    const exEl = document.getElementById("mixExamples");

    async function run(){
      resEl.textContent = "계산 중...";
      exEl.textContent = "-";
      const q = new URLSearchParams({
        limit: "500",
        sum_min: String(state.mix.sumMin),
        sum_max: String(state.mix.sumMax),
        odd_min: String(state.mix.oddMin),
        odd_max: String(state.mix.oddMax),
        high_min: String(state.mix.highMin),
        high_max: String(state.mix.highMax),
        consec_max: String(state.mix.consecMax),
        high_cut: String(state.mix.highCut)
      }).toString();

      try{
        const j = await fetchJson(API.simulate + "?" + q);
        const pct = (j.rate * 100).toFixed(2);
        resEl.innerHTML = `통과율: <b>${pct}%</b> (${j.matched}/${j.total})`;
        if(j.examples && j.examples.length){
          exEl.innerHTML = j.examples.map(x=>{
            return `<div style="margin-bottom:6px;">
              <b>${esc(x.draw_number)}</b> : ${esc((x.nums||[]).join(","))}
              <span class="lgw-muted">(합 ${x.sum}, 홀 ${x.odd}, 고 ${x.high}, 연속쌍 ${x.consec})</span>
            </div>`;
          }).join("");
        }else{
          exEl.textContent = "예시 없음";
        }
      }catch(e){
        resEl.textContent = "실패: " + (e.message || e);
      }
    }

    runBtn.addEventListener("click", run);
    run();
  }

  // ----------------------------
  // ✅ RECO/RECIPE TAB (원본 유지 + loadDiagMany가 Bulk로 빨라짐)
  // ----------------------------
  function classifyTags(){
    const map = {};
    const sets = {
      core: new Set(),
      insurance: new Set(),
      wild: new Set(),
      cool: new Set(),
      hot: new Set(),
      exclude: new Set(),
      rose: new Set(),
      light: new Set(),
      fixed: new Set(),
      neutral: new Set(),
      match: new Set()
    };

    for(const k of Object.keys(state.tags||{})){
      const num = parseInt(k,10);
      if(!(num>=1 && num<=45)) continue;
      const arr = Array.isArray(state.tags[k]) ? state.tags[k] : [];
      const texts = arr.map(x=>String(x.t||"").trim()).filter(Boolean);
      map[num] = texts;

      const r = tagRolesFromTexts(texts);

      if(r.core) sets.core.add(num);
      if(r.insurance) sets.insurance.add(num);
      if(r.wild) sets.wild.add(num);
      if(r.cool) sets.cool.add(num);
      if(r.hot) sets.hot.add(num);
      if(r.exclude) sets.exclude.add(num);
      if(r.rose) sets.rose.add(num);
      if(r.light) sets.light.add(num);
      if(r.fixed) sets.fixed.add(num);
      if(r.neutral) sets.neutral.add(num);
      if(r.match) sets.match.add(num);
    }

    return {map, sets};
  }

  function scoreOverheat(diag){
    const r20 = Number(diag.recent_20||0);
    const label = String(diag.label||"NEUTRAL").toUpperCase();
    const trend = calcTrend(diag);
    let s = r20 * 10;
    if(label === "HOT") s += 35;
    if(trend > 0.06) s += 18;
    return s;
  }

  function scoreDull(diag){
    const r50 = Number(diag.recent_50||0);
    const label = String(diag.label||"NEUTRAL").toUpperCase();
    let s = r50 * 10;
    if(label === "COOL") s -= 8;
    return s;
  }

  function isGapTooBig(diag){
    const gr = calcGapRatio(diag);
    const g = (diag.gap_from_latest==null)? null : Number(diag.gap_from_latest);
    if(gr != null) return gr >= 2.0;
    if(g != null) return g >= 20;
    return false;
  }

  function pickFromPool(pool, count, opts){
    const a = (pool||[]).slice();
    const avoidHot = !!(opts && opts.avoidHot);
    const diagMap = (opts && opts.diagMap) ? opts.diagMap : {};
    const filtered = avoidHot ? a.filter(n=>{
      const d = diagMap[n];
      const label = d && d.label ? String(d.label).toUpperCase() : "";
      return label !== "HOT";
    }) : a;

    const s = shuffle(filtered);
    return s.slice(0, Math.min(count, s.length));
  }

  function buildRecipe(name, ctx, diagMap){
    const core = Array.from(ctx.sets.core);
    const insurance = Array.from(ctx.sets.insurance);
    const cool = Array.from(ctx.sets.cool);
    const wild = Array.from(ctx.sets.wild);

    const taggedAll = new Set([
      ...core, ...insurance, ...cool, ...wild,
      ...Array.from(ctx.sets.hot),
      ...Array.from(ctx.sets.exclude),
      ...Array.from(ctx.sets.neutral),
      ...Array.from(ctx.sets.rose),
      ...Array.from(ctx.sets.light),
      ...Array.from(ctx.sets.fixed),
      ...Array.from(ctx.sets.match)
    ]);

    const allNums = Array.from({length:45},(_,i)=>i+1);
    const neutral = allNums.filter(n=>!taggedAll.has(n));
    const neutral2 = Array.from(ctx.sets.neutral);
    const neutralPool = uniqSorted(neutral.concat(neutral2));

    let mixPreset = null;
    let picked = [];
    let pool = [];

    if(name === "safe"){
      mixPreset = {sumMin: 95, sumMax: 175, oddMin: 2, oddMax: 4, highMin: 2, highMax: 4, consecMax: 2, highCut: 23};
      const p1 = pickFromPool(core, 1, {avoidHot:true, diagMap});
      const p2 = pickFromPool(insurance, 2, {avoidHot:false, diagMap});
      const p3 = pickFromPool(neutralPool, 3, {avoidHot:true, diagMap});
      picked = uniqSorted([].concat(p1,p2,p3));
      pool = uniqSorted([].concat(core, insurance, neutralPool).slice(0, 20));
    }else if(name === "balance"){
      mixPreset = {sumMin: 90, sumMax: 180, oddMin: 2, oddMax: 4, highMin: 2, highMax: 4, consecMax: 2, highCut: 23};
      const p1 = pickFromPool(core, 2, {avoidHot:true, diagMap});
      const p2 = pickFromPool(neutralPool, 4, {avoidHot:true, diagMap});
      picked = uniqSorted([].concat(p1,p2));
      pool = uniqSorted([].concat(core, neutralPool).slice(0, 22));
    }else if(name === "contrarian"){
      mixPreset = {sumMin: 85, sumMax: 190, oddMin: 2, oddMax: 4, highMin: 1, highMax: 4, consecMax: 2, highCut: 23};
      const p1 = pickFromPool(cool, 2, {avoidHot:false, diagMap});
      const p2 = pickFromPool(core, 1, {avoidHot:true, diagMap});
      const p3 = pickFromPool(neutralPool, 3, {avoidHot:true, diagMap});
      picked = uniqSorted([].concat(p1,p2,p3));
      pool = uniqSorted([].concat(cool, core, neutralPool).slice(0, 24));
    }else if(name === "avoid_hot"){
      mixPreset = {sumMin: 95, sumMax: 175, oddMin: 2, oddMax: 4, highMin: 2, highMax: 4, consecMax: 2, highCut: 23};

      const candidates = uniqSorted([].concat(neutralPool, cool, wild, insurance, core));
      const filtered = candidates.filter(n=>{
        const d = diagMap[n];
        if(!d || d.error) return true;
        const label = String(d.label||"").toUpperCase();
        if(label === "HOT") return false;
        const s = scoreOverheat(d);
        return s < 55;
      });

      picked = pickFromPool(filtered, 6, {avoidHot:true, diagMap});
      picked = uniqSorted(picked);
      pool = uniqSorted(filtered.slice(0, 24));
    }else{
      mixPreset = {sumMin: 90, sumMax: 180, oddMin: 2, oddMax: 4, highMin: 2, highMax: 4, consecMax: 2, highCut: 23};
      picked = pickFromPool(allNums, 6, {avoidHot:false, diagMap});
      pool = allNums.slice(0, 24);
    }

    return {picked6: picked, pool, mixPreset};
  }

  // ✅ 태그 정리(원본 유지)
  async function cleanupTagConflicts(nums){
    const list = uniqSorted(nums || []);
    if(!list.length) return {ok:true, changed:0};

    let changed = 0;

    for(const num of list){
      const k = String(num);
      const cur = Array.isArray(state.tags[k]) ? state.tags[k].slice() : [];
      if(!cur.length) continue;

      let did = false;

      const next = cur.map(obj=>{
        const t0 = String(obj.t || "").trim();
        if(!t0) return obj;

        if(isWarningTagText(t0)) return obj;

        const s = t0.toLowerCase();
        if(s.includes("과열") || s.includes("핫") || s.includes("hot")){
          did = true;
          return Object.assign({}, obj, {t: "경고(과열)"});
        }
        if(s.includes("제외") || s.includes("빼") || s.includes("금지") || s.includes("제거") || s.includes("차단")){
          did = true;
          return Object.assign({}, obj, {t: "경고(제외)"});
        }
        return obj;
      });

      if(did){
        try{
          const j = await fetchJson(API.tagsSet, {
            method:"POST",
            headers: {"Content-Type":"application/json"},
            body: JSON.stringify({num: num, tags: next})
          });
          state.tags[k] = j.tags || next;
          changed += 1;
          did = false;
        }catch(e){}
      }
    }

    state.loaded.tags = true;
    applyTagMarkersFull();
    return {ok:true, changed};
  }

  async function renderRecoTab(){
    await loadTags();

    const ctx = classifyTags();
    const limit = state.diag.limit;

    const coreNums = Array.from(ctx.sets.core);
    const insuranceNums = Array.from(ctx.sets.insurance);
    const wildNums = Array.from(ctx.sets.wild);
    const coolNums = Array.from(ctx.sets.cool);
    const excludeNums = Array.from(ctx.sets.exclude);

    const interesting = uniqSorted([].concat(coreNums, insuranceNums, wildNums, coolNums, excludeNums));

    $body.innerHTML = `
      <div class="lgw-box">
        <div style="font-weight:900;">🎯 자동 후보 추천 + 🧩 이번주 레시피</div>
        <div class="lgw-muted" style="margin-top:6px;">
          태그가 쌓이면 위젯이 “이번주 후보”를 자동으로 골라줍니다. (기준: 최근 <b>${esc(limit)}</b>회 DNA)
        </div>

        <div class="lgw-row" style="margin-top:10px;">
          <label style="font-weight:900;">최근</label>
          <select id="recoLimit" class="lgw-btn" style="padding:7px 10px;">
            ${[3,5,10,15,20,26,30,40,50,52,100,104,200,208,300,500,800].map(x=>`<option value="${x}" ${x===limit?'selected':''}>${x}회</option>`).join("")}
          </select>

          <button class="lgw-btn primary" id="recoRun">추천 새로고침</button>
          <button class="lgw-btn" id="recoGoDiag">🧬 진단 탭</button>

          <span class="lgw-muted lgw-mini" id="recoStatus">대기 중...</span>
        </div>

        <div class="lgw-kpi">
          <span class="lgw-chip"><span class="dot"></span>핵심 <b>${coreNums.length}</b></span>
          <span class="lgw-chip"><span class="dot"></span>보험 <b>${insuranceNums.length}</b></span>
          <span class="lgw-chip"><span class="dot"></span>복병 <b>${wildNums.length}</b></span>
          <span class="lgw-chip"><span class="dot"></span>소외/콜 <b>${coolNums.length}</b></span>
          <span class="lgw-chip"><span class="dot"></span>제외 <b>${excludeNums.length}</b></span>
        </div>
      </div>

      <div class="lgw-box" style="margin-top:12px;">
        <div style="font-weight:900;">📌 추천/레시피에 쓰는 태그 사용법</div>
        <div class="lgw-muted" style="margin-top:6px; line-height:1.6;">
          아래 <b>역할(role)</b> 키워드는 추천/레시피 계산에 <b>직접 반영</b>됩니다. (문장형도 OK)<br>
          • <b>핵심</b> — 이번주 중심 (예: “이번주 핵심”)<br>
          • <b>보험</b> — 안정/분산 (예: “보험용”)<br>
          • <b>복병</b> — 역발상 (예: “복병 후보”)<br>
          • <b>소외/콜</b> — 오래 안 나온/잠수 (예: “콜수/콜드/쿨/소외/공백”)<br>
          • <b>(시각 라벨)</b> 장미/번개/고정/중립/궁합 — <u>배지/표시만</u> 바뀝니다 (추천 로직에는 불리지 않음)
          <br><br>
          <b>주의/제외 처리</b><br>
          • <b>핫/과열/hot</b> 과 같은 문구와 <b>제외/빼/금지/차단</b>은 자동으로 <b>“경고(과열)”</b>, <b>“경고(제외)”</b>로 <u>치환</u>됩니다.<br>
          • <b>“경고(...)”</b> 태그는 <u>역할에 영향을 주지 않습니다</u>. 추천/레시피 계산에도 포함되지 않고, <u>충돌/모순 경고 섹션과 팝오버 설명</u>에만 사용돼요.<br>
          • 따라서 <b>역할 분류는 ‘핵심/보험/복병/소외(콜)’</b> 중심으로 태깅해주세요.
        </div>
      </div>

      <div class="lgw-box" style="margin-top:12px;">
        <div class="lgw-row" style="justify-content:space-between;">
          <div style="font-weight:900;">🚦 태그 충돌/모순 경고</div>
          <div class="lgw-row">
            <button class="lgw-btn" id="recoFixAll">정리(핵심 유지 + 과열/제외는 경고로)</button>
          </div>
        </div>
        <div class="lgw-muted lgw-mini" style="margin-top:6px;">
          예: 33에 ‘핵심’ + ‘과열’, 41에 ‘보험’인데 공백이 너무 큰 경우
        </div>
        <div id="recoConflicts" class="lgw-muted" style="margin-top:10px;">-</div>
      </div>

      <div class="lgw-grid-2">
        <div class="lgw-box">
          <div style="font-weight:900;">✅ 이번주 핵심 추천 (단기과열 적은 TOP6)</div>
          <div id="recoCore" class="lgw-muted" style="margin-top:8px;">-</div>
        </div>

        <div class="lgw-box">
          <div style="font-weight:900;">⚠️ 보험 태그 공백 경고</div>
          <div id="recoIns" class="lgw-muted" style="margin-top:8px;">-</div>
        </div>
      </div>

      <div class="lgw-box" style="margin-top:12px;">
        <div style="font-weight:900;">🕵️ 복병 후보 추천 (최근50 부진 TOP6)</div>
        <div id="recoWild" class="lgw-muted" style="margin-top:8px;">-</div>
      </div>

      <div class="lgw-box" style="margin-top:12px;">
        <div style="font-weight:900;">🧩 이번주 레시피 (원클릭 자동 조립)</div>
        <div class="lgw-row" style="margin-top:10px;">
          <button class="lgw-btn primary" data-recipe="safe">안전형</button>
          <button class="lgw-btn" data-recipe="balance">균형형</button>
          <button class="lgw-btn" data-recipe="contrarian">역발상형</button>
          <button class="lgw-btn danger" data-recipe="avoid_hot">과열 회피형</button>
        </div>

        <div class="lgw-divider"></div>

        <div id="recipeOut" class="lgw-muted">-</div>
      </div>
    `;

    const $status = document.getElementById("recoStatus");
    const $run = document.getElementById("recoRun");
    const $lim = document.getElementById("recoLimit");
    const $goDiag = document.getElementById("recoGoDiag");
    const $core = document.getElementById("recoCore");
    const $ins = document.getElementById("recoIns");
    const $wild = document.getElementById("recoWild");
    const $out = document.getElementById("recipeOut");

    const $conf = document.getElementById("recoConflicts");
    const $fixAll = document.getElementById("recoFixAll");

    function renderRecipeOut(){
      if(!state.recipe.lastName){
        $out.innerHTML = `<span class="lgw-muted">레시피 버튼을 눌러보세요.</span>`;
        return;
      }
      const nameMap = {
        safe: "안전형(핵심1+보험2+중립3)",
        balance: "균형형(핵심2+중립4)",
        contrarian: "역발상형(소외/공백2+핵심1+중립3)",
        avoid_hot: "과열 회피형(단기과열 최소화)"
      };
      const title = nameMap[state.recipe.lastName] || state.recipe.lastName;
      const picked = uniqSorted(state.recipe.picked6 || []);
      const pool = uniqSorted(state.recipe.pool || []);
      const mixp = state.recipe.mixPreset;

      $out.innerHTML = `
        <div class="lgw-row">
          <div style="font-weight:900;">${esc(title)}</div>
          <span class="lgw-muted lgw-mini">최근 ${esc(state.diag.limit)}회 기준</span>
        </div>

        <div class="lgw-box" style="margin-top:10px;">
          <div style="font-weight:900;">추천 6개</div>
          <div class="lgw-row" style="margin-top:8px;">
            ${picked.length ? picked.map(n=>`<span class="lgw-chip" data-open-num="${n}"><span class="dot"></span><b>${n}</b></span>`).join("") : `<span class="lgw-muted">-</span>`}
          </div>
          <div class="lgw-row" style="margin-top:10px;">
            <button class="lgw-btn" id="copyPicked">추천6개 복사</button>
            <button class="lgw-btn" id="copyPool">후보풀 복사</button>
            <button class="lgw-btn primary" id="applyMix">필터믹서에 적용</button>
          </div>
          <div class="lgw-muted lgw-mini" style="margin-top:8px;">
            후보풀(${pool.length}): ${esc(toCSV(pool))}
          </div>
        </div>

        ${mixp ? `
        <div class="lgw-box" style="margin-top:10px;">
          <div style="font-weight:900;">필터 믹서 프리셋</div>
          <div class="lgw-muted" style="margin-top:6px; line-height:1.55;">
            합 ${mixp.sumMin}~${mixp.sumMax} / 홀 ${mixp.oddMin}~${mixp.oddMax} / 고(>=${mixp.highCut}) ${mixp.highMin}~${mixp.highMax} / 연속쌍 최대 ${mixp.consecMax}
          </div>
        </div>` : ``}
      `;

      $out.querySelectorAll("[data-open-num]").forEach(el=>{
        el.addEventListener("click", ()=>{
          const num = parseInt(el.getAttribute("data-open-num"),10);
          openPopover(num, {left: window.innerWidth/2, top: window.innerHeight/2, width:0, height:0});
        });
      });

      const $cp = document.getElementById("copyPicked");
      const $cpl = document.getElementById("copyPool");
      if($cp){
        $cp.addEventListener("click", async ()=>{
          const ok = await copyText(toCSV(picked));
          alert(ok ? "복사 완료!" : "복사 실패");
        });
      }
      if($cpl){
        $cpl.addEventListener("click", async ()=>{
          const ok = await copyText(toCSV(pool));
          alert(ok ? "복사 완료!" : "복사 실패");
        });
      }

      const $apply = document.getElementById("applyMix");
      if($apply){
        $apply.addEventListener("click", ()=>{
          if(mixp){
            state.mix.sumMin = mixp.sumMin;
            state.mix.sumMax = mixp.sumMax;
            state.mix.oddMin = mixp.oddMin;
            state.mix.oddMax = mixp.oddMax;
            state.mix.highMin = mixp.highMin;
            state.mix.highMax = mixp.highMax;
            state.mix.consecMax = mixp.consecMax;
            state.mix.highCut = mixp.highCut;
          }
          setActiveTab("mix");
        });
      }
    }

    async function runReco(){
      const lim = parseInt($lim.value,10);
      state.diag.limit = lim;
      try{ localStorage.setItem("LGW_DIAG_LIMIT", String(lim)); }catch(e){}

      state.diag.cache = {};
      state.loaded.hotcoolLimit = null;
      state.loaded.pairsLimit = null;

      if(!interesting.length){
        $status.textContent = "태그가 없어서 추천할 게 없어요 😅 (번호를 꾹 눌러 태그부터!)";
        $core.innerHTML = `<span class="lgw-muted">-</span>`;
        $ins.innerHTML = `<span class="lgw-muted">-</span>`;
        $wild.innerHTML = `<span class="lgw-muted">-</span>`;
        $conf.innerHTML = `<span class="lgw-muted">태그가 없어서 체크할 게 없어요.</span>`;
        return;
      }

      $status.textContent = "DNA 불러오는 중...";
      state.reco.loading = true;

      // ✅ 여기서 loadDiagMany가 Bulk로 빨라짐
      const diagMap = await loadDiagMany(interesting, lim, 6);

      const conflictNums = new Set();
      const lines = [];

      const coreConf = coreNums.filter(n=>{
        const texts = (ctx.map[n] || []);
        const roles = tagRolesFromTexts(texts);
        return roles.core && (roles.hot || roles.exclude);
      });
      if(coreConf.length){
        coreConf.forEach(n=> conflictNums.add(n));
        lines.push(`<div class="lgw-row" style="margin-top:6px;">
          <span class="lgw-flag bad">⚠️ 충돌</span>
          <span class="lgw-muted lgw-mini">핵심인데 과열/제외 태그가 같이 있어요</span>
        </div>
        <div class="lgw-row" style="margin-top:8px;">
          ${coreConf.slice(0,18).map(n=>`<span class="lgw-chip" data-open-num="${n}"><span class="dot"></span><b>${n}</b> <span class="lgw-mini">핵심+과열/제외</span></span>`).join("")}
        </div>`);
      }

      const insRisk = insuranceNums.filter(n=>{
        const d = diagMap[n];
        return d && !d.error && isGapTooBig(d);
      });
      if(insRisk.length){
        insRisk.forEach(n=> conflictNums.add(n));
        lines.push(`<div class="lgw-row" style="margin-top:10px;">
          <span class="lgw-flag warn">🧯 리스크</span>
          <span class="lgw-muted lgw-mini">보험인데 공백이 너무 큼(몰빵 금지)</span>
        </div>
        <div class="lgw-row" style="margin-top:8px;">
          ${insRisk.slice(0,18).map(n=>{
            const d = diagMap[n];
            const gr = calcGapRatio(d);
            const gtxt = (gr!=null) ? `${gr.toFixed(2)}x` : "-";
            return `<span class="lgw-chip" data-open-num="${n}"><span class="dot"></span><b>${n}</b> <span class="lgw-mini">공백 ${esc(d.gap_from_latest!=null?d.gap_from_latest:"-")} / 비율 ${esc(gtxt)}</span></span>`;
          }).join("")}
        </div>`);
      }

      const coreRisk = coreNums.filter(n=>{
        const d = diagMap[n];
        if(!d || d.error) return false;
        const label = String(d.label||"").toUpperCase();
        const s = scoreOverheat(d);
        return (label==="HOT") || (s >= 70);
      });
      if(coreRisk.length){
        coreRisk.forEach(n=> conflictNums.add(n));
        lines.push(`<div class="lgw-row" style="margin-top:10px;">
          <span class="lgw-flag warn">🔥 주의</span>
          <span class="lgw-muted lgw-mini">핵심이지만 과열 리스크 높음(최대 1개 권장)</span>
        </div>
        <div class="lgw-row" style="margin-top:8px;">
          ${coreRisk.slice(0,18).map(n=>{
            const d = diagMap[n];
            const s = scoreOverheat(d);
            return `<span class="lgw-chip" data-open-num="${n}">
              <span class="dot"></span><b>${n}</b>
              <span class="lgw-mini">${esc(String(d.label||"NEUTRAL").toUpperCase())} · 과열점수 ${esc(s.toFixed(0))}</span>
            </span>`;
          }).join("")}
        </div>`);
      }

      if(!lines.length){
        $conf.innerHTML = `<span class="lgw-flag good">✅ 양호</span> <span class="lgw-muted lgw-mini">충돌/모순이 크게 보이지 않아요.</span>`;
      }else{
        $conf.innerHTML = lines.join("");
      }

      const coreCand = coreNums
        .map(n=>({n, d: diagMap[n]}))
        .filter(x=>x.d && !x.d.error)
        .sort((a,b)=> scoreOverheat(a.d) - scoreOverheat(b.d))
        .slice(0, 6);

      const insList = insuranceNums
        .map(n=>({n, d: diagMap[n]}))
        .filter(x=>x.d && !x.d.error)
        .sort((a,b)=>{
          const aw = isGapTooBig(a.d) ? 0 : 1;
          const bw = isGapTooBig(b.d) ? 0 : 1;
          return aw - bw;
        });

      const wildCand = wildNums
        .map(n=>({n, d: diagMap[n]}))
        .filter(x=>x.d && !x.d.error)
        .sort((a,b)=> scoreDull(a.d) - scoreDull(b.d))
        .slice(0, 6);

      $status.textContent = "완료 ✅";
      state.reco.loading = false;

      function chipLine(x){
        const dna = dnaSummaryLines(x.n, x.d);
        const warn = isGapTooBig(x.d) ? ` <span class="lgw-mini" style="opacity:.9;">⚠️공백</span>` : "";
        return `<span class="lgw-chip" data-open-num="${x.n}">
          <span class="dot"></span><b>${x.n}</b>
          <span class="lgw-mini">${esc(dna.label)} · ${esc(dna.trendTxt)} · ${esc(dna.gapTxt)} · ${esc(dna.entTxt)}</span>
          ${warn}
        </span>`;
      }

      $core.innerHTML = coreCand.length
        ? `<div class="lgw-row">${coreCand.map(chipLine).join("")}</div>`
        : `<span class="lgw-muted">핵심 태그가 없어요 (태그에 ‘핵심’ 포함)</span>`;

      $ins.innerHTML = insList.length
        ? `<div class="lgw-row">${
            insList.map(x=>{
              const w = isGapTooBig(x.d);
              return `<span class="lgw-chip" data-open-num="${x.n}">
                <span class="dot"></span><b>${x.n}</b>
                <span class="lgw-mini">${esc(String(x.d.label||"NEUTRAL").toUpperCase())} · 공백 ${esc(x.d.gap_from_latest!=null?x.d.gap_from_latest:"-")} / 평균 ${esc(x.d.avg_gap!=null?x.d.avg_gap:"-")}</span>
                ${w ? `<span class="lgw-mini" style="opacity:.95;">⚠️ 공백 큼(몰빵 금지)</span>` : `<span class="lgw-mini">OK</span>`}
              </span>`;
            }).join("")
          }</div>`
        : `<span class="lgw-muted">보험 태그가 없어요 (태그에 ‘보험’ 포함)</span>`;

      $wild.innerHTML = wildCand.length
        ? `<div class="lgw-row">${wildCand.map(chipLine).join("")}</div>`
        : `<span class="lgw-muted">복병 태그가 없어요 (태그에 ‘복병’ 포함)</span>`;

      $body.querySelectorAll("[data-open-num]").forEach(el=>{
        el.addEventListener("click", ()=>{
          const num = parseInt(el.getAttribute("data-open-num"),10);
          openPopover(num, {left: window.innerWidth/2, top: window.innerHeight/2, width:0, height:0});
        });
      });

      if($fixAll){
        $fixAll.onclick = null;
        $fixAll.addEventListener("click", async ()=>{
          const numsToFix = Array.from(conflictNums);
          if(!numsToFix.length){
            alert("정리할 충돌/리스크 항목이 없습니다.");
            return;
          }
          if(!confirm(`정리할까요?\n- 대상: ${numsToFix.length}개\n- 과열/제외 태그는 '경고(...)'로 변경`)){
            return;
          }
          $status.textContent = "정리 중...";
          const r = await cleanupTagConflicts(numsToFix);
          state.loaded.tags = false;
          await loadTags(true);
          $status.textContent = `정리 완료(${r.changed}개 변경) → 재계산`;
          await renderRecoTab();
        });
      }

      $body.querySelectorAll("[data-recipe]").forEach(btn=>{
        btn.addEventListener("click", ()=>{
          const nm = btn.getAttribute("data-recipe");
          const built = buildRecipe(nm, ctx, diagMap);

          state.recipe.lastName = nm;
          state.recipe.picked6 = built.picked6 || [];
          state.recipe.pool = built.pool || [];
          state.recipe.mixPreset = built.mixPreset || null;

          try{
            localStorage.setItem("LGW_RECIPE_LAST", JSON.stringify({
              name: state.recipe.lastName,
              picked6: state.recipe.picked6,
              pool: state.recipe.pool,
              mixPreset: state.recipe.mixPreset,
              ts: new Date().toISOString()
            }));
          }catch(e){}

          try{
            window.dispatchEvent(new CustomEvent("lgw:recipe", {detail:{
              name: state.recipe.lastName,
              picked6: state.recipe.picked6,
              pool: state.recipe.pool,
              mixPreset: state.recipe.mixPreset,
              limit: state.diag.limit
            }}));
          }catch(e){}

          renderRecipeOut();
        });
      });

      renderRecipeOut();
    }

    $run.addEventListener("click", runReco);
    $goDiag.addEventListener("click", ()=> setActiveTab("diag"));
    $lim.addEventListener("change", ()=>{ $status.textContent = "limit 변경됨 → ‘추천 새로고침’ 누르기"; });

    await runReco();
  }

  // ----------------------------
  // GUIDE TAB (원본 유지)
  // ----------------------------
  function renderGuideTab(){
    $body.innerHTML = `
      <div class="lgw-box">
        <div style="font-weight:900;">📘 네오로또 이용가이드 (초보 10분 루트)</div>
        <div class="lgw-muted" style="margin-top:6px;">
          아래 순서대로만 하면 <b>10분 안에 감 잡습니다</b>.
        </div>
        <div class="lgw-row" style="margin-top:10px;">
          <button class="lgw-btn primary" id="lgwGuideStart">10분 루트 시작</button>
          <button class="lgw-btn" data-go="faq">FAQ</button>
        </div>
      </div>

      <div class="lgw-guide-steps">
        <div class="lgw-step">
          <div class="k"><span class="lgw-step-badge">1</span> 번호 보다가 태그 달기</div>
          <div class="lgw-muted">번호를 꾹 누르기(모바일)/우클릭(PC) → 태그 추가</div>
        </div>
        <div class="lgw-step">
          <div class="k"><span class="lgw-step-badge">2</span> 번호 DNA 진단</div>
          <div class="lgw-muted">HOT/COOL + 공백 + 짝궁 성향 확인</div>
        </div>
        <div class="lgw-step">
          <div class="k"><span class="lgw-step-badge">3</span> 추천/레시피</div>
          <div class="lgw-muted">태그 기반 자동 후보 추천 + 레시피 원클릭 조립</div>
        </div>
        <div class="lgw-step">
          <div class="k"><span class="lgw-step-badge">4</span> 필터 믹서</div>
          <div class="lgw-muted">조건이 너무 빡센지(통과율) 체크</div>
        </div>
      </div>

      <div class="lgw-guide-grid">
        <div class="lgw-guide-card">
          <h4>바로가기</h4>
          <ul class="lgw-muted">
            <li><button class="lgw-btn" data-go="smartBeginner">스마트조합기(초급)</button></li>
            <li><button class="lgw-btn" data-go="groupFilter">필터분석(유저그룹)</button></li>
            <li><button class="lgw-btn" data-go="missFilter">연속미출현필터</button></li>
          </ul>
        </div>

        <div class="lgw-guide-card">
          <h4>문제 해결</h4>
          <ul class="lgw-muted">
            <li>태그 점(•) 안 보임 → “태그 새로고침”</li>
            <li>팝업 안 뜸 → 번호가 span/button/a인지 확인</li>
            <li>401 에러 → 로그인 필요</li>
          </ul>
        </div>
      </div>
    `;

    const $start = document.getElementById("lgwGuideStart");
    if($start){
      $start.addEventListener("click", ()=> setActiveTab("tag"));
    }

    $body.querySelectorAll("[data-go]").forEach(btn=>{
      btn.addEventListener("click", ()=>{
        const key = btn.getAttribute("data-go");
        const url = GUIDE_LINKS[key];
        if(url && url !== "#"){
          location.href = url;
        }else{
          alert("이 버튼의 URL은 GUIDE_LINKS에서 설정해주세요.");
        }
      });
    });
  }

  async function renderTab(tab){
    if(tab === "tag"){
      await loadTags();
      renderTagTab();
    }else if(tab === "diag"){
      await renderDiagTab();
    }else if(tab === "mix"){
      await renderMixTab();
    }else if(tab === "reco"){
      await renderRecoTab();
    }else if(tab === "guide"){
      renderGuideTab();
    }
  }

  // ----------------------------
  // Popover (원본 유지)
  // ----------------------------
  function placePopover(rect){
    const pad = 10;
    let x = rect.left + rect.width/2;
    let y = rect.top - 8;

    const w = Math.min(380, window.innerWidth - 20);
    const h = 280;
    let left = clamp(x - w/2, pad, window.innerWidth - w - pad);
    let top = y - h;

    if(top < pad){
      top = rect.top + rect.height + 10;
      if(top + h > window.innerHeight - pad){
        top = clamp(window.innerHeight/2 - h/2, pad, window.innerHeight - h - pad);
      }
    }
    $pop.style.left = left + "px";
    $pop.style.top = top + "px";
  }

  async function renderPopover(num){
    const k = String(num);
    const tags = state.tags[k] || [];
    const neigh = state.neighbors ? (state.neighbors[k] || []).slice(0,6) : [];
    const lim = state.diag.limit;

    $popTitle.innerHTML = `번호 <b style="font-size:18px;">${num}</b>`;
    $popStats.innerHTML = "DNA 요약 불러오는 중...";

    try{
      const diag = await loadDiag(num, lim);
      const dna = dnaSummaryLines(num, diag);
      const badge = badgeHtml(diag.label);

      const ent = calcPartnerEntropy(diag);
      const topPartner = ent.top ? `${ent.top.num}(${ent.top.count})` : "-";

      let stats = [];
      stats.push(`${badge} <span class="lgw-muted">최근<b>${esc(lim)}</b>회 기준</span>`);
      stats.push(`DNA: <b>${esc(dna.trendTxt)}</b> / <b>${esc(dna.gapTxt)}</b> / <b>${esc(dna.entTxt)}</b>`);
      stats.push(`본번호 <b>${esc(diag.main_count)}</b>회 · 보너스 <b>${esc(diag.bonus_count)}</b>회`);
      if(diag.last_seen_draw){
        stats.push(`마지막 출현: <b>${esc(diag.last_seen_draw)}</b>` + (diag.gap_from_latest != null ? ` / 경과: <b>${esc(diag.gap_from_latest)}</b>` : ``));
      }
      stats.push(`TOP짝궁: ${esc(topPartner)}`);

      $popStats.innerHTML = stats.join("<br>");
    }catch(e){
      let stats = [];
      if(neigh.length) stats.push(`TOP짝궁: ` + neigh.map(it=>`${it.n}(${it.c})`).join(", "));
      $popStats.innerHTML = stats.length ? stats.join("<br>") : "데이터 준비 중...";
    }

    $popTags.innerHTML = tags.length ? tags.map(t=>{
      const color = t.c ? `style="border-color:${esc(t.c)}; color:${esc(t.c)}"` : "";
      return `<span class="p-tag" data-remove="${esc(t.t)}" ${color}><b>#</b>${esc(t.t)} <span class="x">×</span></span>`;
    }).join("") : `<span class="lgw-muted">태그 없음</span>`;
  }

  async function openPopover(num, rectLike){
    await ensureDataForPopover();
    state.pop.open = true;
    state.pop.num = num;

    lsSet(LS_KEYS.POP_OPEN, "1");
    lsSet(LS_KEYS.POP_NUM, String(num));

    $pop.style.display = "block";
    $pop.setAttribute("aria-hidden","false");

    const rect = rectLike && rectLike.left!=null ? rectLike : {left: window.innerWidth/2, top: window.innerHeight/2, width:0, height:0};
    placePopover(rect);

    $popInput.value = "";
    await renderPopover(num);
  }

  function closePopover(){
    state.pop.open = false;
    state.pop.num = null;
    $pop.style.display = "none";
    $pop.setAttribute("aria-hidden","true");

    lsDel(LS_KEYS.POP_OPEN);
    lsDel(LS_KEYS.POP_NUM);
  }

  $popClose.addEventListener("click", closePopover);
  document.addEventListener("keydown", (e)=>{ if(e.key==="Escape") { closePopover(); closePanel(); } });

  $popOpenDiag.addEventListener("click", ()=>{
    if(!state.pop.num) return;
    state.diag.num = state.pop.num;
    if(!state.open) openPanel();
    setActiveTab("diag");
  });

  $popSave.addEventListener("click", async ()=>{
    const num = state.pop.num;
    if(!num) return;
    const txt = ($popInput.value||"").trim();
    if(!txt){ alert("태그를 입력하세요"); return; }

    const k = String(num);
    const cur = Array.isArray(state.tags[k]) ? state.tags[k].slice() : [];
    cur.push({t: txt, c: "#ff4696", w: 1});

    try{
      const j = await fetchJson(API.tagsSet, {
        method:"POST",
        headers: {"Content-Type":"application/json"},
        body: JSON.stringify({num: num, tags: cur})
      });
      state.tags[k] = j.tags || cur;

      // ✅ 태그 변경 즉시 “전체 반영”(페이지 내 여러 위치 대응)
      applyTagMarkersFull();

      await renderPopover(num);
      if(state.open && state.tab==="tag") renderTagTab();
    }catch(e){
      alert("저장 실패: " + (e.message || e));
    }
  });

  $popClear.addEventListener("click", async ()=>{
    const num = state.pop.num;
    if(!num) return;
    if(!confirm("이 번호의 태그를 모두 삭제할까요?")) return;

    try{
      await fetchJson(API.tagsClear, {
        method:"POST",
        headers: {"Content-Type":"application/json"},
        body: JSON.stringify({num: num})
      });
      delete state.tags[String(num)];

      // ✅ 전체 반영
      applyTagMarkersFull();

      await renderPopover(num);
      if(state.open && state.tab==="tag") renderTagTab();
    }catch(e){
      alert("삭제 실패: " + (e.message || e));
    }
  });

  $pop.addEventListener("click", async (e)=>{
    const t = e.target.closest && e.target.closest("[data-remove]");
    if(!t) return;
    const num = state.pop.num;
    if(!num) return;
    const rm = t.getAttribute("data-remove");
    const k = String(num);
    const cur = (state.tags[k] || []).filter(x => x.t !== rm);

    try{
      const j = await fetchJson(API.tagsSet, {
        method:"POST",
        headers: {"Content-Type":"application/json"},
        body: JSON.stringify({num: num, tags: cur})
      });
      state.tags[k] = j.tags || cur;

      // ✅ 전체 반영
      applyTagMarkersFull();

      await renderPopover(num);
      if(state.open && state.tab==="tag") renderTagTab();
    }catch(e){
      alert("삭제 실패: " + (e.message || e));
    }
  });

  // ----------------------------
  // Global long-press / right click binding
  // ----------------------------
  let pressTimer = null;
  let touchMoved = false;

  function clearPress(){
    if(pressTimer) clearTimeout(pressTimer);
    pressTimer = null;
    touchMoved = false;
  }

  function getCandidateEl(target){
    if(!target) return null;
    return (target.closest ? target.closest(CANDIDATE_SELECTORS_ALL) : target);
  }

  document.addEventListener("pointerdown", (e)=>{
    const el = getCandidateEl(e.target);
    const num = parseNumFromEl(el);
    if(!num) return;
    if(e.target && (e.target.tagName==="INPUT" || e.target.tagName==="TEXTAREA")) return;

    clearPress();
    pressTimer = setTimeout(()=>{
      try{
        const r = el.getBoundingClientRect();
        openPopover(num, r);
      }catch(err){
        openPopover(num, {left:e.clientX, top:e.clientY, width:0, height:0});
      }
    }, 420);
  }, {passive:true});

  document.addEventListener("pointerup", clearPress, {passive:true});
  document.addEventListener("pointercancel", clearPress, {passive:true});

  document.addEventListener("touchstart", (e)=>{
    const t = e.touches && e.touches[0];
    if(!t) return;
    const el = getCandidateEl(e.target);
    const num = parseNumFromEl(el);
    if(!num) return;

    clearPress();
    pressTimer = setTimeout(()=>{
      try{
        const r = el.getBoundingClientRect();
        openPopover(num, r);
      }catch(err){
        openPopover(num, {left:t.clientX, top:t.clientY, width:0, height:0});
      }
    }, 420);
  }, {passive:true});

  document.addEventListener("touchmove", ()=>{ touchMoved = true; clearPress(); }, {passive:true});
  document.addEventListener("touchend", ()=>{ if(!touchMoved) clearPress(); }, {passive:true});
  document.addEventListener("touchcancel", clearPress, {passive:true});

  document.addEventListener("contextmenu", (e)=>{
    const el = getCandidateEl(e.target);
    const num = parseNumFromEl(el);
    if(!num) return;
    e.preventDefault();
    const r = el.getBoundingClientRect ? el.getBoundingClientRect() : {left:e.clientX, top:e.clientY, width:0, height:0};
    openPopover(num, r);
  });

  // ----------------------------
  // Events: panel controls
  // ----------------------------
  $fab.addEventListener("click", ()=>{ state.open ? closePanel() : openPanel(); });
  $overlay.addEventListener("click", (e)=>{ try{ e.preventDefault(); e.stopPropagation(); }catch(err){} });
  $close.addEventListener("click", ()=>{ closePanel(); });

  document.querySelectorAll("#lgwPanel .lgw-tab").forEach(btn=>{
    btn.addEventListener("click", ()=>{
      const t = btn.getAttribute("data-tab");
      setActiveTab(t);
    });
  });

  // ----------------------------
  // ✅ 패널 드래그 이동 (원본 유지)
  // ----------------------------
  const $head = $panel.querySelector(".lgw-head");
  const drag = { active:false, dx:0, dy:0, id:null };

  function ensureLeftTopFromCurrentRect(){
    const cs = getComputedStyle($panel);
    if(cs.right !== "auto" || cs.bottom !== "auto"){
      const r = $panel.getBoundingClientRect();
      $panel.style.left = r.left + "px";
      $panel.style.top  = r.top + "px";
      $panel.style.right = "auto";
      $panel.style.bottom = "auto";
    }
  }

  if($head){
    $head.addEventListener("pointerdown", (e)=>{
      if(e.target && e.target.closest && e.target.closest(".lgw-close")) return;

      e.preventDefault();
      ensureLeftTopFromCurrentRect();

      const rect = $panel.getBoundingClientRect();
      drag.active = true;
      drag.id = e.pointerId;
      drag.dx = e.clientX - rect.left;
      drag.dy = e.clientY - rect.top;
      try{ $head.setPointerCapture(e.pointerId); }catch(err){}
    }, {passive:false});

    $head.addEventListener("pointermove", (e)=>{
      if(!drag.active) return;
      e.preventDefault();
      const w = $panel.offsetWidth;
      const h = $panel.offsetHeight;
      const x = e.clientX - drag.dx;
      const y = e.clientY - drag.dy;
      const pad = 6;
      const nx = clamp(x, pad, Math.max(pad, window.innerWidth - w - pad));
      const ny = clamp(y, pad, Math.max(pad, window.innerHeight - h - pad));
      $panel.style.left = nx + "px";
      $panel.style.top  = ny + "px";
      $panel.style.right = "auto";
      $panel.style.bottom = "auto";
    }, {passive:false});

    function endDrag(){
      if(!drag.active) return;
      drag.active = false;
      try{ $head.releasePointerCapture(drag.id); }catch(err){}
      drag.id = null;
      savePanelPos();
    }

    $head.addEventListener("pointerup", endDrag, {passive:true});
    $head.addEventListener("pointercancel", endDrag, {passive:true});
  }

  window.addEventListener("resize", ()=>{
    const left = parseFloat($panel.style.left);
    const top  = parseFloat($panel.style.top);
    if(isFinite(left) && isFinite(top)){
      applyPanelPos({x:left, y:top});
      savePanelPos();
    }
  });

  // ----------------------------
  // ✅ 새 페이지에서도 열림/위치 상태 복원
  // ----------------------------
  async function restoreOpenState(){
    try{ await loadTags(); }catch(e){}
    applyTagMarkersFull();

    const wantPanel = lsGet(LS_KEYS.PANEL_OPEN, "0") === "1";
    const wantTab = (lsGet(LS_KEYS.PANEL_TAB, "tag") || "tag");
    const wantPop = lsGet(LS_KEYS.POP_OPEN, "0") === "1";
    const popNum = parseInt(lsGet(LS_KEYS.POP_NUM, ""), 10);

    if(wantPanel){
      if(!state.open) openPanel();
      if(wantTab && wantTab !== state.tab){
        setActiveTab(wantTab);
      }
      restorePanelPosIfAny();
    }

    if(wantPop && isFinite(popNum) && popNum>=1 && popNum<=45){
      if(!state.open){
        openPanel();
        const t2 = (lsGet(LS_KEYS.PANEL_TAB, "tag") || "tag");
        if(t2 && t2 !== state.tab) setActiveTab(t2);
      }
      await openPopover(popNum, {left: window.innerWidth/2, top: window.innerHeight/2, width:0, height:0});
    }
  }

  // ----------------------------
  // Startup
  // ----------------------------
  document.addEventListener("DOMContentLoaded", async ()=>{
    startObserver();

    try{ await loadTags(); }catch(e){}
    applyTagMarkersFull();

    // ✅ [SPEED] 이후에는 DOM 변화분만 큐로 스캔됨
    setTimeout(()=>{ applyTagMarkersFull(); }, 1500);

    await restoreOpenState();

    if(state.open){
      document.querySelectorAll("#lgwPanel .lgw-tab").forEach(b=>{
        b.classList.toggle("active", b.getAttribute("data-tab")===state.tab);
      });
    }
  });

  window.addEventListener("pageshow", async (e)=>{
    if(e && e.persisted){
      await restoreOpenState();
    }
  });

})();
</script>
<meta name="viewport" id="g6Viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<script>
(function(){
  var vp = document.getElementById('g6Viewport');
  if(!vp) return;

  // 현재 화면 CSS px
  var vw = Math.min(window.innerWidth || 0, document.documentElement.clientWidth || 0);

  // 600보다 좁으면 600 레이아웃이 "딱 맞게" 축소되도록 스케일 계산
  if (vw && vw < 600) {
    var s = (vw / 600).toFixed(4);
    vp.setAttribute('content', 'width=600, initial-scale=' + s + ', viewport-fit=cover');
  }
})();
</script>

<style> 
  /* ✅ 모바일일 때 600px 고정 레이아웃 */
  
</style>

    <title>미출현그룹 | 네오로또 자동 포스팅</title>
    <link rel="icon" href="/static/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="/theme_static/bootstrap glass/css/default.css?ver=1.0.6">
    <link rel="stylesheet" href="/static/js/font-awesome/css/all.min.css?ver=6.5.1">
    <link rel="stylesheet" href="/theme_static/bootstrap glass/js/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
    <link rel="stylesheet" href="/theme_static/bootstrap glass/js/themify-icons/themify-icons.css?ver=1.0.1">
    <link rel="stylesheet" href="/theme_static/bootstrap glass/js/slick/slick.css?ver=1.8.1">
    <link rel="stylesheet" href="/theme_static/bootstrap glass/js/slick/slick-theme.css?ver=1.8.1">
    <script src="/static/js/jquery.min.js?ver=3.7.1"></script>
    <script src="/static/js/jquery-migrate.min.js?ver=3.4.0"></script>
    <script src="/static/js/common.js?ver=1.0.0"></script>
    <script src="/static/js/wrest.js?ver=1.0.0"></script>
    <script src="/static/js/font-awesome/js/all.min.js?ver=6.5.1"></script>
    <script src="/theme_static/bootstrap glass/js/bootstrap/bootstrap.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
    <link rel="stylesheet" href="/theme_static/bootstrap glass/js/aos/aos.css?ver=2.3.1">
    <link rel="stylesheet" href="/theme_static/bootstrap glass/css/pair_nak.css">
    <link rel="stylesheet" href="/theme_static/bootstrap glass/css/header.css">

    <script>
    const g6_url       = "https://neolotto.kr/";
    const g6_bbs_url   = "https://neolotto.kr/bbs";
    const g6_is_member = "";
    const g6_is_mobile = "";
    const g6_editor    = "ckeditor4";
    let   g6_cookie_domain = "";
    const g6_shop_url  = "https://neolotto.kr/shop";

    (function () {
      try {
        const host = location.hostname;
        const apex = host.replace(/^www\./,'').split('.').slice(-2).join('.');
        const https = location.protocol === 'https:';
        const cand  = Array.from(new Set([g6_cookie_domain, '.' + apex, host])).filter(Boolean);
        for (const d of cand) {
          document.cookie = `__g6test=1; Path=/; Domain=${d}; SameSite=Lax${https?'; Secure':''}`;
          if (document.cookie.indexOf('__g6test=1') > -1) {
            document.cookie = `__g6test=; Max-Age=0; Path=/; Domain=${d}`;
            g6_cookie_domain = d;
            break;
          }
        }
        window.G6_COOKIE_DOMAIN = g6_cookie_domain;
      } catch (e) { }
    })();
    </script>

    <style>
/* =========================================================
   ULTRA LIGHT BACKGROUND
   - GPU 연산 최소
   - 애니메이션 / blur / backdrop-filter 제거
   - gradient 1개만 사용
   ========================================================= */

/* 토큰 연동은 유지 */
:root{
  --bg-base-1: var(--surface-bg, #f5f7fb);
  --bg-accent: var(--accent-main, #5b7cff);
}

/* Light */
:root[color-theme="light"]{
  --bg-base-1: #ffffff;
  --bg-base-2: #f5f7fb;
}

/* Dark */
:root[color-theme="dark"]{
  --bg-base-1: #0c1020;
  --bg-base-2: #0a0f1b;
}

/* =======================
   Body Background
   ======================= */
body{
  margin: 0;
  background:
    linear-gradient(
      135deg,
      var(--bg-base-1) 0%,
      var(--bg-base-2) 100%
    );
  background-attachment: scroll; /* fixed 제거 */
  overflow-x: hidden;
  color: var(--text-primary);
}

/* ❌ Glow 제거 */
/* ❌ Grain 제거 */
/* ❌ Animation 제거 */
/* ❌ Blur 제거 */
/* ❌ Backdrop-filter 제거 */
</style>

<!-- ✅ [ADD] 사이트 전역 "번호 꾹누르기" 팝오버 스타일 -->
<style>
  /* iOS 롱프레스 콜아웃/드래그 선택 방지 */
  .lotto-ball, .chip, .filter-cell, .red-circle, [data-num], [data-number], [data-lotto-num],
  [class*="ball-"]{
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
  }

  #globalNumPeek{
    position: fixed;
    z-index: 10060;
    min-width: 220px;
    max-width: min(360px, 92vw);
    transform: translate(-50%, -110%);
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease, transform .12s ease;
    border: 1px solid color-mix(in srgb, var(--stroke, #cbd5e1), transparent 10%);
    border-radius: 14px;
    padding: 10px 12px;
    background: linear-gradient(180deg,
      color-mix(in srgb, var(--surface, rgba(255,255,255,.85)), transparent 35%),
      color-mix(in srgb, var(--wrapperBg, #0b1220), #000 10%)
    );
    box-shadow: 0 18px 45px rgba(0,0,0,.36);
    backdrop-filter: blur(16px) saturate(160%);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    color: var(--fontColor, #e5e7eb);
  }
  #globalNumPeek.open{
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, -120%);
  }
  #globalNumPeek .t{
    font-weight: 950;
    margin-bottom: 6px;
    display:flex; align-items:center; gap:8px;
  }
  #globalNumPeek .t .n{
    font-size: 18px;
    border: 1px solid color-mix(in srgb, var(--stroke, #cbd5e1), transparent 15%);
    border-radius: 999px;
    padding: 2px 8px;
    background: color-mix(in srgb, var(--surface, rgba(255,255,255,.85)), transparent 70%);
  }
  #globalNumPeek .rows{ display:grid; gap:6px; font-size: 12px; opacity:.92; }
  #globalNumPeek .row{ display:flex; justify-content:space-between; gap:10px; }
  #globalNumPeek .row b{ font-weight: 900; }
  #globalNumPeek .acts{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
  #globalNumPeek .acts button{
    border: 1px solid color-mix(in srgb, var(--stroke, #cbd5e1), transparent 20%);
    background: color-mix(in srgb, var(--surface, rgba(255,255,255,.85)), transparent 78%);
    color: var(--fontColor, #e5e7eb);
    border-radius: 999px;
    padding: 6px 10px;
    font-weight: 900;
    cursor:pointer;
  }
  #globalNumPeek .acts button:hover{ filter: brightness(1.06); }
</style>


<!-- ✅ [ADD] 사이트 전역 모든 버튼 클릭/터치 효과 -->
<style>
  /* =========================================================
     GLOBAL BUTTON PRESS EFFECT
     - 모든 button / input 버튼 / 링크형 버튼에 공통 적용
     - 기존 배경색은 최대한 유지하고, 눌림/리플/글로우만 추가
     ========================================================= */
  :root{
    --g6-btn-press-ring: rgba(56, 189, 248, .48);
    --g6-btn-press-glow: rgba(56, 189, 248, .30);
    --g6-btn-press-hot: rgba(255, 204, 74, .55);
    --g6-btn-ripple: rgba(255,255,255,.55);
  }
 
  :root[color-theme="dark"]{
    --g6-btn-press-ring: rgba(56, 189, 248, .58);
    --g6-btn-press-glow: rgba(56, 189, 248, .32);
    --g6-btn-ripple: rgba(255,255,255,.46);
  }

  :where(
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    a.btn,
    .btn,
    .large-btn,
    .generate-btn,
    .delete-btn,
    [role="button"],
    [data-button],
    .button,
    .g6-button
  ){
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    user-select: none;
    -webkit-user-select: none;
  }

  :where(
    button,
    a.btn,
    .btn,
    .large-btn,
    .generate-btn,
    .delete-btn,
    [role="button"],
    [data-button],
    .button,
    .g6-button
  ):not(.g6-no-press-effect){
    position: relative;
    overflow: hidden;
    border-radius:30px;
    isolation: isolate;
    transform: translateZ(0);
    will-change: transform, filter, box-shadow;
    transition:
      transform .12s cubic-bezier(.2,.8,.2,1),
      filter .12s ease,
      box-shadow .16s ease,
      opacity .12s ease !important;
  }

  :where(
    input[type="button"],
    input[type="submit"],
    input[type="reset"]
  ):not(.g6-no-press-effect){
    transform: translateZ(0);
    will-change: transform, filter, box-shadow;
    transition:
      transform .12s cubic-bezier(.2,.8,.2,1),
      filter .12s ease,
      box-shadow .16s ease,
      opacity .12s ease !important;
  }

  :where(
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    a.btn,
    .btn,
    .large-btn,
    .generate-btn,
    .delete-btn,
    [role="button"],
    [data-button],
    .button,
    .g6-button
  ):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.g6-no-press-effect):hover{
    filter: brightness(1.06) saturate(1.08);
  }

  :where(
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    a.btn,
    .btn,
    .large-btn,
    .generate-btn,
    .delete-btn,
    [role="button"],
    [data-button],
    .button,
    .g6-button
  ):not(:disabled):not([aria-disabled="true"]):not(.disabled):not(.g6-no-press-effect):active,
  :where(
    button,
    input[type="button"],
    input[type="submit"],
    input[type="reset"],
    a.btn,
    .btn,
    .large-btn,
    .generate-btn,
    .delete-btn,
    [role="button"],
    [data-button],
    .button,
    .g6-button
  ).g6-btn-pressing{
    transform: translateY(2px) scale(.965) translateZ(0) !important;
    filter: brightness(1.16) saturate(1.16) !important;
    box-shadow:
      0 0 0 4px var(--g6-btn-press-ring),
      0 10px 24px var(--g6-btn-press-glow),
      inset 0 2px 8px rgba(255,255,255,.22),
      inset 0 -8px 16px rgba(0,0,0,.20) !important;
  }

  :where(
    button,
    a.btn,
    .btn,
    .large-btn,
    .generate-btn,
    .delete-btn,
    [role="button"],
    [data-button],
    .button,
    .g6-button
  ):not(.g6-no-press-effect)::after{
    content:"";
    position:absolute;
    inset:-2px;
    z-index:0;
    pointer-events:none;
    opacity:0;
    background:
      linear-gradient(120deg, transparent 0%, rgba(255,255,255,.36) 42%, rgba(255,255,255,.12) 50%, transparent 62%);
    transform: translateX(-130%) skewX(-18deg);
  }

  :where(
    button,
    a.btn,
    .btn,
    .large-btn,
    .generate-btn,
    .delete-btn,
    [role="button"],
    [data-button],
    .button,
    .g6-button
  ).g6-btn-flash:not(.g6-no-press-effect)::after{
    opacity:1;
    animation: g6ButtonShine .42s ease-out forwards;
  }

  @keyframes g6ButtonShine{
    0%{ transform: translateX(-130%) skewX(-18deg); opacity:0; }
    18%{ opacity:1; }
    100%{ transform: translateX(130%) skewX(-18deg); opacity:0; }
  }

  .g6-btn-ripple{
    position:absolute;
    z-index:0;
    border-radius:999px;
    pointer-events:none;
    width:12px;
    height:12px;
    left:0;
    top:0;
    transform: translate(-50%, -50%) scale(0);
    background: radial-gradient(circle, var(--g6-btn-ripple) 0%, rgba(255,255,255,.28) 42%, transparent 70%);
    mix-blend-mode: screen;
    animation: g6ButtonRipple .54s ease-out forwards;
  }

  @keyframes g6ButtonRipple{
    to{
      transform: translate(-50%, -50%) scale(var(--g6-ripple-scale, 18));
      opacity:0;
    }
  }

  /* 조합 생성/주요 실행 버튼은 더 확실하게 */
  :where(.generate-btn, #generate-btn, [onclick*="generateCombinations"], [data-action*="generate"], [data-role="generate"]):not(.g6-no-press-effect){
    box-shadow:
      0 10px 28px rgba(255, 122, 0, .22),
      inset 0 1px 0 rgba(255,255,255,.18);
  }
  :where(.generate-btn, #generate-btn, [onclick*="generateCombinations"], [data-action*="generate"], [data-role="generate"]).g6-btn-pressing,
  :where(.generate-btn, #generate-btn, [onclick*="generateCombinations"], [data-action*="generate"], [data-role="generate"]):active{
    box-shadow:
      0 0 0 5px var(--g6-btn-press-hot),
      0 14px 34px rgba(255, 122, 0, .38),
      inset 0 2px 10px rgba(255,255,255,.26),
      inset 0 -10px 20px rgba(0,0,0,.22) !important;
  }

  .g6-btn-processing{
    cursor: progress !important;
    opacity: .86;
    filter: saturate(1.1) brightness(.96);
  }
  .g6-btn-processing::before{
    content:"";
    position:absolute;
    right:10px;
    top:50%;
    width:14px;
    height:14px;
    margin-top:-7px;
    border-radius:999px;
    border:2px solid rgba(255,255,255,.45);
    border-top-color:#fff;
    animation:g6BtnSpin .7s linear infinite;
    z-index:2;
    pointer-events:none;
  }
  @keyframes g6BtnSpin{ to{ transform: rotate(360deg); } }

  .g6-btn-success{
    animation:g6ButtonSuccess .62s ease-out both;
  }
  @keyframes g6ButtonSuccess{
    0%{ box-shadow:0 0 0 0 rgba(34,197,94,.65); }
    45%{ box-shadow:0 0 0 7px rgba(34,197,94,.28), 0 12px 28px rgba(34,197,94,.22); }
    100%{ box-shadow:inherit; }
  }

  :where(button,input[type="button"],input[type="submit"],input[type="reset"],a.btn,.btn,.large-btn,.generate-btn,.delete-btn,[role="button"],[data-button],.button,.g6-button):disabled,
  :where(button,input[type="button"],input[type="submit"],input[type="reset"],a.btn,.btn,.large-btn,.generate-btn,.delete-btn,[role="button"],[data-button],.button,.g6-button)[aria-disabled="true"],
  :where(button,input[type="button"],input[type="submit"],input[type="reset"],a.btn,.btn,.large-btn,.generate-btn,.delete-btn,[role="button"],[data-button],.button,.g6-button).disabled{
    cursor:not-allowed !important;
    opacity:.58;
    filter: grayscale(.18);
  }

  @media (prefers-reduced-motion: reduce){
    :where(button,input[type="button"],input[type="submit"],input[type="reset"],a.btn,.btn,.large-btn,.generate-btn,.delete-btn,[role="button"],[data-button],.button,.g6-button){
      transition:none !important;
      animation:none !important;
    }
    .g6-btn-ripple{ display:none !important; }
  }
</style>

<!--구글애드센스-->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4699794915682391"
     crossorigin="anonymous"></script>

<meta name="description" lang="ko" content="미출현그룹 카테고리의 최신 글과 핵심 정보를 한곳에서 확인하세요.">
<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1">
<link rel="canonical" href="https://neolotto.kr/auto-post/category/미출현그룹">
<link rel="alternate" type="application/rss+xml" title="네오로또 자동 포스팅 RSS" href="https://neolotto.kr/auto-post/rss.xml">
<meta property="og:type" content="website">
<meta property="og:locale" content="ko_KR">
<meta property="og:site_name" content="네오로또 자동 포스팅">
<meta property="og:title" content="미출현그룹 | 네오로또 자동 포스팅">
<meta property="og:description" content="미출현그룹 카테고리의 최신 글과 핵심 정보를 한곳에서 확인하세요.">
<meta property="og:url" content="https://neolotto.kr/auto-post/category/미출현그룹">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="미출현그룹 | 네오로또 자동 포스팅">
<meta name="twitter:description" content="미출현그룹 카테고리의 최신 글과 핵심 정보를 한곳에서 확인하세요.">
</head>

<body>
    <div class="container">
        

<!-- 상단 시작 { -->
<header id="hd" class="wrapper-bg pb-3 pt-3 pt-md-0 sticky-top main-bb">

  <div id="skip_to_container"><a href="#container">본문 바로가기</a></div>

  
  <div id="tnb" class="d-md-block d-none card-bg fs-5 mb-3 py-3">
      <ul id="hd_qnb" class="container-xxl d-md-flex justify-content-end">
        
        
        <li><a href="https://neolotto.kr/bbs/faq" class="sub-font px-2">FAQ</a></li>
        <li><a href="https://neolotto.kr/bbs/qalist" class="sub-font px-2">Q&A</a></li>
        <li><a href="/bbs/new" class="sub-font px-2">새글</a></li>
        <li><a href="/bbs/current_connect" class="visit sub-font px-2">
          접속자<strong class="visit-num">0</strong></a>
        </li>
      </ul>
  </div>

  <div id="hd_wrapper" class="container-xxl d-flex justify-content-between align-items-center">
    <div id="logo">
      <a href="/"><img src="/theme_static/bootstrap glass/img/logo.png" width="96" height="58" alt="네오로또"></a>
    </div>
    <!-- 메뉴 -->
    <nav id="gnb">
      <h2 class="blind">메인메뉴</h2>
      <div class="d-none d-md-block">
        

    <style>
        #gnb_1dul,
        #gnb_1dul .gnb_1dli,
        #gnb_1dul .dropdown-submenu {
            position: relative;
        }

        #hd,
        #hd_wrapper,
        #gnb,
        #gnb > div,
        #gnb_1dul,
        #gnb_1dul .gnb_1dli,
        #gnb_1dul .dropdown,
        #gnb_1dul .dropdown-submenu {
            overflow: visible !important;
        }

        #gnb_1dul .dropdown-menu {
            display: none;
            overflow: visible !important;
            min-width: 210px;
            z-index: 2000;
            transform-origin: 18px 0;
            will-change: opacity, transform, filter;
            box-shadow:
                0 18px 34px rgba(15, 23, 42, .18),
                0 8px 14px rgba(15, 23, 42, .10);
        }

        #gnb_1dul > .dropdown > .dropdown-menu {
            position: absolute;
            top: 100%;
            left: 0;
            right: auto;
            transform: none;
            margin-top: 0;
            flex-direction: column;
        }

        #gnb_1dul > .dropdown > .dropdown-menu::before {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            top: -14px;
            height: 14px;
        }

        #gnb_1dul .dropdown-submenu > .dropdown-menu {
            position: absolute;
            top: 0;
            left: 100%;
            margin-top: 0;
            margin-left: 0;
            transform-origin: 0 18px;
        }

        #gnb_1dul .dropdown-submenu > .dropdown-menu::before {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: -14px;
            width: 14px;
        }

        #gnb_1dul .dropdown-menu::after {
            content: "";
            position: absolute;
            right: 14px;
            top: 12px;
            width: 16px;
            height: 16px;
            border-radius: 999px;
            pointer-events: none;
            opacity: 0;
            background:
                radial-gradient(circle at 35% 30%, rgba(255, 255, 255, .96) 0 2px, transparent 3px),
                radial-gradient(circle at 50% 55%, rgba(255, 255, 255, .42), rgba(255, 255, 255, 0) 68%);
        }

        #gnb_1dul > .dropdown:hover > .dropdown-menu,
        #gnb_1dul > .dropdown.is-open > .dropdown-menu {
            display: flex !important;
            animation: gnbBubbleOpen .42s cubic-bezier(.16, 1.28, .32, 1) both;
        }

        #gnb_1dul .dropdown-submenu.is-open > .dropdown-menu {
            display: block !important;
            animation: gnbBubbleOpenSide .42s cubic-bezier(.16, 1.28, .32, 1) both;
        }

        #gnb_1dul > .dropdown.is-closing > .dropdown-menu {
            display: flex !important;
            pointer-events: none;
            animation: gnbBubbleClose .24s ease-in both;
        }

        #gnb_1dul .dropdown-submenu.is-closing > .dropdown-menu {
            display: block !important;
            pointer-events: none;
            animation: gnbBubbleCloseSide .24s ease-in both;
        }

        #gnb_1dul .dropdown.is-open > .dropdown-menu::after,
        #gnb_1dul .dropdown.is-closing > .dropdown-menu::after,
        #gnb_1dul .dropdown-submenu.is-open > .dropdown-menu::after {
            animation: gnbWaterDropPop .56s ease-out .05s both;
        }

        #gnb_1dul .dropdown-submenu.is-closing > .dropdown-menu::after {
            animation: gnbWaterDropPop .42s ease-in both;
        }

        #gnb_1dul .is-open > .dropdown-menu > li {
            animation: gnbMenuItemBounce .34s cubic-bezier(.18, 1.24, .38, 1) both;
        }

        #gnb_1dul .is-open > .dropdown-menu > li:nth-child(1) {
            animation-delay: .02s;
        }

        #gnb_1dul .is-open > .dropdown-menu > li:nth-child(2) {
            animation-delay: .05s;
        }

        #gnb_1dul .is-open > .dropdown-menu > li:nth-child(3) {
            animation-delay: .08s;
        }

        #gnb_1dul .is-open > .dropdown-menu > li:nth-child(n+4) {
            animation-delay: .11s;
        }

        #gnb_1dul .gnb_3dul,
        #gnb_1dul .gnb_4dul {
            min-width: 210px;
        }

        #gnb_1dul .gnb_menu_item_line,
        #gnb_1dul > .gnb_1dli > .gnb_menu_item_line,
        #gnb_all .gnb_all_menu_item_line {
            display: flex;
            align-items: stretch;
            width: 100%;
            min-width: 0;
            box-sizing: border-box;
        }

        #gnb_1dul .gnb_2dul .dropdown-submenu > .gnb_menu_item_line {
            position: relative;
            align-items: center;
            min-height: 54px;
            padding-right: 60px;
        }

        #gnb_1dul .gnb_2dul .dropdown-submenu > .gnb_menu_item_line > .gnb_submenu_toggle {
            position: absolute;
            top: 50%;
            right: 16px;
            margin: 0;
            transform: translateY(-50%);
            z-index: 2;
        }

        #gnb_1dul .gnb_2dul .dropdown-submenu > .gnb_menu_item_line > .dropdown-item {
            display: flex !important;
            align-items: center;
            min-height: 44px;
        }

        #gnb_1dul .gnb_menu_item_line > a,
        #gnb_1dul > .gnb_1dli > .gnb_menu_item_line > a,
        #gnb_all .gnb_all_menu_item_line > a {
            flex: 1 1 auto;
            min-width: 0;
        }

        #gnb_1dul .gnb_submenu_toggle,
        #gnb_all .gnb_submenu_toggle {
            flex: 0 0 30px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 34px;
            min-width: 34px;
            height: 34px;
            min-height: 34px;
            align-self: center;
            margin: 6px 26px 6px 4px;
            border: 1px solid rgba(255, 255, 255, .34);
            border-radius: 10px;
            background:
                radial-gradient(circle at 28% 22%, rgba(255, 255, 255, .95), rgba(255, 255, 255, .18) 34%, transparent 60%),
                linear-gradient(135deg, #2563eb, #7c3aed);
            color: #ffffff;
            font-size: 15px;
            font-weight: 900;
            line-height: 1;
            cursor: pointer;
            box-shadow:
                0 6px 12px rgba(37, 99, 235, .22),
                inset 0 1px 0 rgba(255, 255, 255, .46);
            transition:
                background-color .16s ease,
                color .16s ease,
                transform .16s ease,
                box-shadow .16s ease;
        }

        #gnb_1dul > .gnb_1dli > .gnb_menu_item_line > .gnb_submenu_toggle {
            min-height: 100%;
            background:
                radial-gradient(circle at 28% 22%, rgba(255, 255, 255, .95), rgba(255, 255, 255, .18) 34%, transparent 60%),
                linear-gradient(135deg, #2563eb, #7c3aed);
            border-color: rgba(255, 255, 255, .34);
            color: #ffffff;
        }

        #gnb_1dul .gnb_submenu_toggle:hover,
        #gnb_1dul .gnb_submenu_toggle:focus,
        #gnb_all .gnb_submenu_toggle:hover,
        #gnb_all .gnb_submenu_toggle:focus {
            background:
                radial-gradient(circle at 32% 18%, rgba(255, 255, 255, 1), rgba(255, 255, 255, .22) 36%, transparent 62%),
                linear-gradient(135deg, #1d4ed8, #9333ea);
            color: #ffffff;
            outline: none;
            transform: translateY(-1px) scale(1.04);
            box-shadow:
                0 9px 16px rgba(37, 99, 235, .30),
                inset 0 1px 0 rgba(255, 255, 255, .55);
        }

        #gnb_1dul .gnb_2dul .dropdown-submenu > .gnb_menu_item_line > .gnb_submenu_toggle:hover,
        #gnb_1dul .gnb_2dul .dropdown-submenu > .gnb_menu_item_line > .gnb_submenu_toggle:focus {
            transform: translateY(-50%) scale(1.04);
        }

        #gnb_1dul .is-open > .gnb_menu_item_line > .gnb_submenu_toggle,
        #gnb_all .is-open > .gnb_all_menu_item_line > .gnb_submenu_toggle {
            background:
                radial-gradient(circle at 32% 18%, rgba(255, 255, 255, .96), rgba(255, 255, 255, .18) 36%, transparent 62%),
                linear-gradient(135deg, #ef4444, #f97316);
            color: #ffffff;
            box-shadow:
                0 9px 16px rgba(239, 68, 68, .24),
                inset 0 1px 0 rgba(255, 255, 255, .48);
        }

        #gnb_1dul .dropdown-item {
            transition:
                transform .16s ease,
                filter .16s ease,
                background-color .16s ease;
        }

        #gnb_1dul .dropdown-item:hover,
        #gnb_1dul .dropdown-item:focus {
            transform: translateX(4px) scale(1.015);
            filter: brightness(1.08);
        }

        @keyframes gnbBubbleOpen {
            0% {
                opacity: 0;
                transform: translateY(-10px) scale(.86);
                filter: blur(1px) saturate(.9);
                border-radius: 24px;
            }
            52% {
                opacity: 1;
                transform: translateY(4px) scale(1.045);
                filter: blur(0) saturate(1.08);
                border-radius: 18px;
            }
            74% {
                transform: translateY(-2px) scale(.985);
                border-radius: 14px;
            }
            100% {
                opacity: 1;
                transform: translateY(0) scale(1);
                filter: blur(0) saturate(1);
            }
        }

        @keyframes gnbBubbleOpenSide {
            0% {
                opacity: 0;
                transform: translateX(-10px) scale(.86);
                filter: blur(1px) saturate(.9);
                border-radius: 24px;
            }
            52% {
                opacity: 1;
                transform: translateX(5px) scale(1.045);
                filter: blur(0) saturate(1.08);
                border-radius: 18px;
            }
            74% {
                transform: translateX(-2px) scale(.985);
                border-radius: 14px;
            }
            100% {
                opacity: 1;
                transform: translateX(0) scale(1);
                filter: blur(0) saturate(1);
            }
        }

        @keyframes gnbBubbleClose {
            0% {
                opacity: 1;
                transform: translateY(0) scale(1);
                filter: blur(0);
            }
            100% {
                opacity: 0;
                transform: translateY(-8px) scale(.9);
                filter: blur(1px) saturate(.88);
            }
        }

        @keyframes gnbBubbleCloseSide {
            0% {
                opacity: 1;
                transform: translateX(0) scale(1);
                filter: blur(0);
            }
            100% {
                opacity: 0;
                transform: translateX(-8px) scale(.9);
                filter: blur(1px) saturate(.88);
            }
        }

        @keyframes gnbWaterDropPop {
            0% {
                opacity: 0;
                transform: translateY(-8px) scale(.25);
            }
            34% {
                opacity: .95;
                transform: translateY(2px) scale(1.22, .78);
            }
            58% {
                opacity: .72;
                transform: translateY(-3px) scale(.82, 1.16);
            }
            100% {
                opacity: 0;
                transform: translateY(8px) scale(.52);
            }
        }

        @keyframes gnbMenuItemBounce {
            0% {
                opacity: 0;
                transform: translateY(-6px) scale(.98);
            }
            62% {
                opacity: 1;
                transform: translateY(2px) scale(1.02);
            }
            100% {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            #gnb_1dul .dropdown-menu,
            #gnb_1dul .dropdown-menu::after,
            #gnb_1dul .dropdown-menu > li,
            #gnb_1dul .dropdown-item {
                animation: none !important;
                transition: none !important;
            }
        }

        #gnb_1dul > .dropdown > .gnb_2dul {
            --gnb-2-col-w: 280px;
            --gnb-3-col-w: 350px;
            --gnb-4-col-w: 350px;
            --gnb-sub-gap: 12px;
            --gnb-scrollbar-space: 8px;
            box-sizing: border-box !important;
            width: var(--gnb-2-col-w) !important;
            min-width: var(--gnb-2-col-w) !important;
            max-width: min(1100px, calc(100vw - 32px)) !important;
            max-height: min(72dvh, calc(100dvh - 92px), 720px) !important;
            padding: 9px calc(8px + var(--gnb-scrollbar-space)) 9px 9px !important;
            overflow-y: auto !important;
            overflow-x: hidden !important;
            overscroll-behavior: contain;
            -webkit-overflow-scrolling: touch;
            scrollbar-gutter: stable;
            scrollbar-width: thin;
            transition:
                width .18s ease-out,
                max-width .18s ease-out,
                box-shadow .18s ease-out !important;
            left: -28px !important;
        }

        #gnb_1dul > .dropdown > .gnb_2dul::-webkit-scrollbar {
            width: 8px;
        }

        #gnb_1dul > .dropdown > .gnb_2dul::-webkit-scrollbar-thumb {
            border: 3px solid transparent;
            border-radius: 999px;
            background: rgba(148, 163, 184, .78);
            background-clip: padding-box;
        }

        #gnb_1dul > .dropdown > .gnb_2dul::-webkit-scrollbar-track {
            border-radius: 999px;
            background: rgba(226, 232, 240, .72);
        }

        #gnb_1dul > .dropdown > .gnb_2dul:has(> .dropdown-submenu.is-open),
        #gnb_1dul > .dropdown > .gnb_2dul.is-sub-open {
            width: var(--gnb-2-col-w) !important;
        }

        #gnb_1dul > .dropdown > .gnb_2dul:has(> .dropdown-submenu > .dropdown-menu .dropdown-submenu.is-open),
        #gnb_1dul > .dropdown > .gnb_2dul.is-deep-open {
            width: var(--gnb-2-col-w) !important;
        }

        #gnb_1dul > .dropdown > .gnb_2dul > li {
            width: 100% !important;
            max-width: 100% !important;
        }

        #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu {
            position: relative !important;
            overflow: visible !important;
        }

        #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul {
            position: fixed !important;
            top: var(--gnb-3-top, 0px) !important;
            left: var(--gnb-3-left, 0px) !important;
            width: var(--gnb-3-col-w) !important;
            min-width: var(--gnb-3-col-w) !important;
            max-width: var(--gnb-3-col-w) !important;
            max-height: min(76dvh, calc(100dvh - var(--gnb-3-top, 0px) - 12px)) !important;
            margin: 0 !important;
            padding: 38px 10px 10px !important;
            overflow-x: visible !important;
            overflow-y: auto !important;
            overscroll-behavior: contain;
            -webkit-overflow-scrolling: touch;
            background: #ffffff !important;
            border: 0 !important;
            border-left: 0 !important;
            border-radius: 12px !important;
            box-shadow:
                0 18px 34px rgba(15, 23, 42, .16),
                0 6px 14px rgba(37, 99, 235, .10) !important;
            z-index: 2 !important;
        }

        #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul::before {
            content: "3단 메뉴";
            position: absolute;
            left: 12px;
            right: 12px;
            top: 10px;
            display: block;
            padding: 0 0 8px;
            border-bottom: 0 !important;
            color: #2563eb;
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0;
            line-height: 1;
        }

        #gnb_1dul .gnb_3dul > .gnb_3dli {
            margin: 0 0 6px;
        }

        #gnb_1dul .gnb_3dul > .gnb_3dli:last-child {
            margin-bottom: 0;
        }

        #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da {
            display: flex !important;
            align-items: center;
            justify-content: space-between;
            min-height: 42px;
            padding: 10px 12px !important;
            border: 0 !important;
            border-left: 0 !important;
            border-radius: 8px !important;
            background: #f8fbff !important;
            color: #0f172a !important;
            font-size: 15px !important;
            font-weight: 700 !important;
            line-height: 1.35;
            white-space: normal;
            word-break: keep-all;
            box-shadow: 0 2px 8px rgba(15, 23, 42, .05);
        }

        #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:hover,
        #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:focus,
        #gnb_1dul .gnb_3dul > .gnb_3dli.is-open > .gnb_menu_item_line > .gnb_3da {
            background: #eaf2ff !important;
            border-color: transparent !important;
            color: #1d4ed8 !important;
            transform: translateX(3px) !important;
            filter: none !important;
            box-shadow: 0 8px 18px rgba(37, 99, 235, .16);
        }

        [data-bs-theme="dark"] #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul,
        .dark #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul,
        .theme-dark #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul,
        body.dark-mode #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul {
            background: #0f172a !important;
            border-color: transparent !important;
            border-left-color: transparent !important;
            box-shadow:
                0 18px 34px rgba(0, 0, 0, .38),
                0 6px 14px rgba(37, 99, 235, .22) !important;
        }

        [data-bs-theme="dark"] #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul::before,
        .dark #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul::before,
        .theme-dark #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul::before,
        body.dark-mode #gnb_1dul > .dropdown > .gnb_2dul > .dropdown-submenu > .gnb_3dul::before {
            border-bottom-color: transparent !important;
            color: #93c5fd;
        }

        [data-bs-theme="dark"] #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da,
        .dark #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da,
        .theme-dark #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da,
        body.dark-mode #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da {
            background: rgba(30, 41, 59, .92) !important;
            border-color: transparent !important;
            border-left-color: transparent !important;
            color: #e5eefb !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
        }

        [data-bs-theme="dark"] #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:hover,
        [data-bs-theme="dark"] #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:focus,
        [data-bs-theme="dark"] #gnb_1dul .gnb_3dul > .gnb_3dli.is-open > .gnb_menu_item_line > .gnb_3da,
        .dark #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:hover,
        .dark #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:focus,
        .dark #gnb_1dul .gnb_3dul > .gnb_3dli.is-open > .gnb_menu_item_line > .gnb_3da,
        .theme-dark #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:hover,
        .theme-dark #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:focus,
        .theme-dark #gnb_1dul .gnb_3dul > .gnb_3dli.is-open > .gnb_menu_item_line > .gnb_3da,
        body.dark-mode #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:hover,
        body.dark-mode #gnb_1dul .gnb_3dul > .gnb_3dli > .gnb_menu_item_line > .gnb_3da:focus,
        body.dark-mode #gnb_1dul .gnb_3dul > .gnb_3dli.is-open > .gnb_menu_item_line > .gnb_3da {
            background: rgba(37, 99, 235, .28) !important;
            border-color: transparent !important;
            color: #ffffff !important;
            box-shadow: 0 8px 18px rgba(37, 99, 235, .22);
        }

        #gnb_1dul .gnb_3dul > .dropdown-submenu {
            position: relative !important;
            width: var(--gnb-3-col-w) !important;
            max-width: var(--gnb-3-col-w) !important;
            overflow: visible !important;
        }

        #gnb_1dul .gnb_3dul > .dropdown-submenu > .gnb_4dul {
            top: 0 !important;
            left: calc(var(--gnb-3-col-w) + var(--gnb-sub-gap)) !important;
            width: var(--gnb-4-col-w) !important;
            min-width: var(--gnb-4-col-w) !important;
            max-width: var(--gnb-4-col-w) !important;
            max-height: none !important;
            margin: 0 !important;
            padding: 8px !important;
            overflow: visible !important;
            box-shadow: none !important;
            z-index: 3 !important;
        }

        #gnb_1dul .gnb_2dul .dropdown-submenu.is-open > .dropdown-menu {
            display: block !important;
            visibility: visible !important;
            opacity: 1 !important;
            pointer-events: auto !important;
        }

        #gnb_1dul .gnb_2dul:has(.dropdown-submenu.is-open) {
            opacity: 1 !important;
            visibility: visible !important;
            pointer-events: auto !important;
        }

        #gnb_all .gnb_all_submenu {
            display: none;
        }

        #gnb_all .is-open > .gnb_all_submenu {
            display: block;
        }

        /*
         * iPad mini / 태블릿 전용 전체메뉴 UI
         * 기존에는 #gnb_all에 표시/숨김 로직만 있고 카드/단계/버튼 스타일이 없어
         * 터치 환경에서 일반 텍스트 목록처럼 보이던 문제를 실제 메뉴 구조에 맞춰 정리한다.
         */
        @media (max-width: 1024px) {
            #gnb_1dul {
                display: flex !important;
                align-items: center;
                min-height: 58px;
                margin: 0;
                padding: 0 12px;
                list-style: none;
            }

            /* 태블릿에서는 hover 기반 데스크톱 드롭다운 대신 전체메뉴 버튼만 사용한다. */
            #gnb_1dul > .gnb_1dli {
                display: none !important;
            }

            #gnb_1dul > li:first-child {
                display: flex !important;
                align-items: center;
                width: 100%;
                min-height: 58px;
            }

            #gnb_1dul .gnb_menu_btn {
                display: inline-flex !important;
                align-items: center;
                justify-content: center;
                gap: 8px;
                width: 46px;
                min-width: 46px;
                height: 46px;
                margin: 0;
                padding: 0;
                border: 1px solid rgba(37, 99, 235, .16);
                border-radius: 14px;
                background:
                    radial-gradient(circle at 30% 22%, rgba(255, 255, 255, .96), rgba(255, 255, 255, .10) 38%, transparent 62%),
                    linear-gradient(135deg, #2563eb, #7c3aed);
                color: #ffffff;
                font-size: 20px;
                box-shadow:
                    0 10px 24px rgba(37, 99, 235, .24),
                    inset 0 1px 0 rgba(255, 255, 255, .42);
                cursor: pointer;
                -webkit-tap-highlight-color: transparent;
            }

            #gnb_1dul .gnb_menu_btn:active {
                transform: scale(.96);
            }

            #gnb_all_bg {
                position: fixed !important;
                inset: 0 !important;
                z-index: 9998 !important;
                background: rgba(15, 23, 42, .52) !important;
                -webkit-backdrop-filter: blur(8px);
                backdrop-filter: blur(8px);
                animation: gnbAllBackdropIn .2s ease-out both;
            }

            #gnb_all {
                position: fixed !important;
                /* 햄버거 버튼과 상단 제목이 겹치지 않도록 태블릿 전체메뉴를 아래로 이동한다. */
                top: max(68px, calc(env(safe-area-inset-top) + 56px)) !important;
                right: auto !important;
                bottom: max(12px, env(safe-area-inset-bottom)) !important;
                left: max(12px, env(safe-area-inset-left)) !important;
                z-index: 9999 !important;
                width: min(440px, calc(100vw - 24px)) !important;
                max-width: none !important;
                height: auto;
                margin: 0 !important;
                padding: 0;
                overflow: hidden;
                box-sizing: border-box;
                border: 1px solid rgba(148, 163, 184, .22);
                border-radius: 0 24px 24px 0;
                background:
                    linear-gradient(180deg, rgba(248, 250, 252, .99), rgba(241, 245, 249, .99));
                box-shadow:
                    18px 30px 80px rgba(15, 23, 42, .30),
                    8px 10px 28px rgba(15, 23, 42, .16);
                animation: gnbAllPanelIn .30s cubic-bezier(.16, 1, .3, 1) both;
                -webkit-overflow-scrolling: touch;
            }

            #gnb_all::before {
                content: "전체 메뉴";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                z-index: 2;
                display: flex;
                align-items: center;
                min-height: 66px;
                padding: 0 72px 0 22px;
                box-sizing: border-box;
                border-bottom: 1px solid rgba(148, 163, 184, .18);
                background: rgba(255, 255, 255, .88);
                -webkit-backdrop-filter: blur(14px);
                backdrop-filter: blur(14px);
                color: #0f172a;
                font-size: 20px;
                font-weight: 900;
                letter-spacing: -.02em;
            }

            /*
             * 전체메뉴 헤더 아래의 바로가기와 1단 메뉴를 하나의 스크롤 흐름으로 묶는다.
             * 바로가기를 absolute 오버레이로 올리지 않아 작은 iPad 화면에서도 메뉴를 가리지 않는다.
             */
            #gnb_all .gnb_all_scroll {
                position: absolute;
                top: 66px;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 1;
                overflow-x: hidden;
                overflow-y: auto;
                overscroll-behavior: contain;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: thin;
            }

            #gnb_all .gnb_all_scroll::-webkit-scrollbar {
                width: 6px;
            }

            #gnb_all .gnb_all_scroll::-webkit-scrollbar-thumb {
                border-radius: 999px;
                background: rgba(148, 163, 184, .58);
            }

            #gnb_all .gnb_quick_menu {
                margin: 0;
                padding: 14px 14px 4px;
            }

            #gnb_all .gnb_quick_title {
                display: flex;
                align-items: center;
                gap: 8px;
                margin: 0 0 10px;
                color: #64748b;
                font-size: 12px;
                font-weight: 900;
                line-height: 1.2;
                letter-spacing: .02em;
            }

            #gnb_all .gnb_quick_title::before {
                content: "";
                display: block;
                width: 4px;
                height: 14px;
                border-radius: 999px;
                background: linear-gradient(180deg, #2563eb, #7c3aed);
            }

            #gnb_all .gnb_quick_grid {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 8px;
            }

            #gnb_all .gnb_quick_link {
                position: relative;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 7px;
                min-width: 0;
                min-height: 68px;
                padding: 9px 6px;
                box-sizing: border-box;
                border: 1px solid rgba(148, 163, 184, .18);
                border-radius: 14px;
                background: #ffffff;
                color: #334155;
                text-align: center;
                text-decoration: none;
                box-shadow: 0 4px 12px rgba(15, 23, 42, .055);
                -webkit-tap-highlight-color: transparent;
                transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
                animation: gnbQuickItemIn .28s cubic-bezier(.16, 1, .3, 1) both;
            }

            #gnb_all .gnb_quick_link:nth-child(1) { animation-delay: .03s; }
            #gnb_all .gnb_quick_link:nth-child(2) { animation-delay: .055s; }
            #gnb_all .gnb_quick_link:nth-child(3) { animation-delay: .08s; }
            #gnb_all .gnb_quick_link:nth-child(4) { animation-delay: .105s; }
            #gnb_all .gnb_quick_link:nth-child(5) { animation-delay: .13s; }
            #gnb_all .gnb_quick_link:nth-child(6) { animation-delay: .155s; }

            #gnb_all .gnb_quick_link i {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 30px;
                height: 30px;
                border-radius: 10px;
                background: #eff6ff;
                color: #2563eb;
                font-size: 15px;
            }

            #gnb_all .gnb_quick_link:nth-child(2) i {
                background: #f5f3ff;
                color: #7c3aed;
            }

            #gnb_all .gnb_quick_link:nth-child(3) i {
                background: #f0fdfa;
                color: #0f766e;
            }

            #gnb_all .gnb_quick_link:nth-child(4) i {
                background: #fff7ed;
                color: #ea580c;
            }

            #gnb_all .gnb_quick_link:nth-child(5) i {
                background: #ecfeff;
                color: #0891b2;
            }

            #gnb_all .gnb_quick_link:nth-child(6) i {
                background: #fef2f2;
                color: #dc2626;
            }

            #gnb_all .gnb_quick_label {
                display: block;
                min-width: 0;
                max-width: 100%;
                overflow: hidden;
                color: inherit;
                font-size: 13px;
                font-weight: 800;
                line-height: 1.2;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            #gnb_all .gnb_quick_count {
                position: absolute;
                top: 6px;
                right: 6px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 20px;
                height: 20px;
                padding: 0 6px;
                box-sizing: border-box;
                border-radius: 999px;
                background: #0ea5e9;
                color: #ffffff;
                font-size: 10px;
                font-weight: 900;
                line-height: 1;
                box-shadow: 0 3px 8px rgba(14, 165, 233, .22);
            }

            #gnb_all .gnb_quick_link:active {
                transform: scale(.965);
                box-shadow: 0 2px 7px rgba(15, 23, 42, .08);
            }

            #gnb_all .gnb_al_ul {
                position: relative;
                z-index: 1;
                display: block;
                width: 100%;
                margin: 0;
                padding: 10px 14px 20px;
                box-sizing: border-box;
                list-style: none;
            }

            #gnb_all .gnb_al_li {
                position: relative;
                display: block;
                margin: 0 0 12px;
                padding: 0;
                overflow: hidden;
                border: 1px solid rgba(59, 130, 246, .20);
                border-left: 5px solid #2563eb;
                border-radius: 18px;
                background: #ffffff;
                box-shadow: 0 7px 18px rgba(15, 23, 42, .07);
                animation: gnbAllItemIn .32s cubic-bezier(.16, 1, .3, 1) both;
            }

            #gnb_all .gnb_al_li:nth-child(1) { animation-delay: .03s; }
            #gnb_all .gnb_al_li:nth-child(2) { animation-delay: .06s; }
            #gnb_all .gnb_al_li:nth-child(3) { animation-delay: .09s; }
            #gnb_all .gnb_al_li:nth-child(4) { animation-delay: .12s; }
            #gnb_all .gnb_al_li:nth-child(n+5) { animation-delay: .15s; }

            #gnb_all .gnb_al_li:last-child {
                margin-bottom: 0;
            }

            #gnb_all .gnb_al_li > .gnb_all_menu_item_line {
                position: relative;
                align-items: center;
                min-height: 64px;
                background: linear-gradient(135deg, #f8fbff, #ffffff 72%);
            }

            #gnb_all .gnb_al_li > .gnb_all_menu_item_line::before {
                content: "1단";
                flex: 0 0 auto;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 38px;
                height: 24px;
                margin-left: 14px;
                padding: 0 8px;
                box-sizing: border-box;
                border-radius: 999px;
                background: linear-gradient(135deg, #2563eb, #4f46e5);
                color: #ffffff;
                font-size: 11px;
                font-weight: 900;
                line-height: 1;
                letter-spacing: -.02em;
                box-shadow: 0 4px 10px rgba(37, 99, 235, .20);
            }

            #gnb_all .gnb_al_li.is-open > .gnb_all_menu_item_line {
                background: linear-gradient(135deg, #eff6ff, #f5f3ff);
            }

            #gnb_all .gnb_al_a {
                display: flex;
                align-items: center;
                min-height: 64px;
                padding: 15px 10px 15px 10px;
                box-sizing: border-box;
                color: #0f172a;
                font-size: 18px;
                font-weight: 900;
                line-height: 1.35;
                text-decoration: none;
                word-break: keep-all;
                -webkit-tap-highlight-color: transparent;
            }

            #gnb_all .gnb_al_li.is-open > .gnb_all_menu_item_line > .gnb_al_a {
                color: #1d4ed8;
            }

            #gnb_all .gnb_submenu_toggle {
                flex: 0 0 38px;
                width: 38px;
                min-width: 38px;
                height: 38px;
                min-height: 38px;
                margin: 0 12px 0 4px;
                border-radius: 12px;
                font-size: 17px;
                -webkit-tap-highlight-color: transparent;
                transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
            }

            #gnb_all .is-open > .gnb_all_menu_item_line > .gnb_submenu_toggle {
                transform: rotate(180deg) scale(1.03);
            }

            #gnb_all .gnb_all_submenu {
                margin: 0;
                padding: 10px 10px 12px 16px;
                list-style: none;
                border-top: 1px solid rgba(148, 163, 184, .14);
                background: #f8fafc;
            }

            #gnb_all .is-open > .gnb_all_submenu {
                animation: gnbAllSubmenuIn .22s ease-out both;
            }

            #gnb_all .gnb_al_2li,
            #gnb_all .gnb_al_3li,
            #gnb_all .gnb_al_4li {
                display: block;
                margin: 0 0 7px;
                overflow: hidden;
                border-radius: 13px;
            }

            #gnb_all .gnb_al_2li:last-child,
            #gnb_all .gnb_al_3li:last-child,
            #gnb_all .gnb_al_4li:last-child {
                margin-bottom: 0;
            }

            #gnb_all .gnb_al_2li > .gnb_all_menu_item_line {
                position: relative;
                align-items: center;
                min-height: 52px;
                border: 1px solid rgba(13, 148, 136, .18);
                border-left: 4px solid #14b8a6;
                border-radius: 13px;
                background: linear-gradient(135deg, #f0fdfa, #ffffff 76%);
                box-shadow: 0 3px 10px rgba(15, 118, 110, .06);
            }

            #gnb_all .gnb_al_2li > .gnb_all_menu_item_line::before {
                content: "2단";
                flex: 0 0 auto;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-width: 36px;
                height: 22px;
                margin-left: 10px;
                padding: 0 7px;
                box-sizing: border-box;
                border-radius: 999px;
                background: #ccfbf1;
                color: #0f766e;
                font-size: 10px;
                font-weight: 900;
                line-height: 1;
                letter-spacing: -.02em;
            }

            #gnb_all .gnb_al_2li.is-open > .gnb_all_menu_item_line {
                border-color: rgba(13, 148, 136, .28);
                border-left-color: #0d9488;
                background: #ecfdf5;
            }

            #gnb_all .gnb_al_2a {
                display: flex;
                align-items: center;
                min-height: 52px;
                padding: 11px 10px 11px 9px;
                color: #23403d;
                font-size: 16px;
                font-weight: 800;
                line-height: 1.35;
                text-decoration: none;
                word-break: keep-all;
            }

            #gnb_all .gnb_al_2li.is-open > .gnb_all_menu_item_line > .gnb_al_2a {
                color: #0f766e;
            }

            #gnb_all .gnb_al_2li > .gnb_all_submenu {
                margin-top: 7px;
                padding: 8px;
                border: 0;
                border-radius: 13px;
                background: #eef2f7;
            }

            #gnb_all .gnb_al_3li > .gnb_all_menu_item_line {
                align-items: center;
                min-height: 46px;
                border-radius: 11px;
                background: #ffffff;
            }

            #gnb_all .gnb_al_3li.is-open > .gnb_all_menu_item_line {
                background: #eaf2ff;
            }

            #gnb_all .gnb_al_3a {
                display: flex;
                align-items: center;
                min-height: 46px;
                padding: 10px 12px;
                color: #475569;
                font-size: 15px;
                font-weight: 750;
                line-height: 1.35;
                text-decoration: none;
                word-break: keep-all;
            }

            #gnb_all .gnb_al_3li > .gnb_all_submenu {
                margin-top: 6px;
                padding: 7px;
                border: 0;
                border-radius: 11px;
                background: #e7edf5;
            }

            #gnb_all .gnb_al_4li > .gnb_all_menu_item_line {
                min-height: 42px;
                border-radius: 10px;
                background: rgba(255, 255, 255, .86);
            }

            #gnb_all .gnb_al_4a {
                display: flex;
                align-items: center;
                min-height: 42px;
                padding: 9px 12px;
                color: #64748b;
                font-size: 14px;
                font-weight: 700;
                line-height: 1.35;
                text-decoration: none;
                word-break: keep-all;
            }

            #gnb_all .gnb_al_2a:active,
            #gnb_all .gnb_al_3a:active,
            #gnb_all .gnb_al_4a:active,
            #gnb_all .gnb_al_a:active {
                opacity: .72;
            }

            #gnb_all .gnb_close_btn {
                position: absolute;
                top: 12px;
                right: 12px;
                z-index: 3;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 42px;
                height: 42px;
                margin: 0;
                padding: 0;
                border: 1px solid rgba(148, 163, 184, .18);
                border-radius: 14px;
                background: #ffffff;
                color: #334155;
                font-size: 20px;
                box-shadow: 0 5px 14px rgba(15, 23, 42, .08);
                cursor: pointer;
                -webkit-tap-highlight-color: transparent;
            }

            #gnb_all .gnb_close_btn:active {
                transform: scale(.95);
            }

            [data-bs-theme="dark"] #gnb_all,
            .dark #gnb_all,
            .theme-dark #gnb_all,
            body.dark-mode #gnb_all {
                border-color: rgba(148, 163, 184, .16);
                background: linear-gradient(180deg, #0f172a, #111827);
                box-shadow:
                    0 30px 80px rgba(0, 0, 0, .5),
                    0 10px 28px rgba(0, 0, 0, .32);
            }

            [data-bs-theme="dark"] #gnb_all::before,
            .dark #gnb_all::before,
            .theme-dark #gnb_all::before,
            body.dark-mode #gnb_all::before {
                border-bottom-color: rgba(148, 163, 184, .14);
                background: rgba(15, 23, 42, .88);
                color: #f8fafc;
            }

            [data-bs-theme="dark"] #gnb_all .gnb_al_li,
            .dark #gnb_all .gnb_al_li,
            .theme-dark #gnb_all .gnb_al_li,
            body.dark-mode #gnb_all .gnb_al_li {
                border-color: rgba(96, 165, 250, .22);
                border-left-color: #3b82f6;
                background: #172033;
                box-shadow: 0 5px 16px rgba(0, 0, 0, .18);
            }

            [data-bs-theme="dark"] #gnb_all .gnb_al_li > .gnb_all_menu_item_line,
            .dark #gnb_all .gnb_al_li > .gnb_all_menu_item_line,
            .theme-dark #gnb_all .gnb_al_li > .gnb_all_menu_item_line,
            body.dark-mode #gnb_all .gnb_al_li > .gnb_all_menu_item_line {
                background: #172033;
            }

            [data-bs-theme="dark"] #gnb_all .gnb_al_li.is-open > .gnb_all_menu_item_line,
            .dark #gnb_all .gnb_al_li.is-open > .gnb_all_menu_item_line,
            .theme-dark #gnb_all .gnb_al_li.is-open > .gnb_all_menu_item_line,
            body.dark-mode #gnb_all .gnb_al_li.is-open > .gnb_all_menu_item_line {
                background: rgba(37, 99, 235, .18);
            }

            [data-bs-theme="dark"] #gnb_all .gnb_al_a,
            .dark #gnb_all .gnb_al_a,
            .theme-dark #gnb_all .gnb_al_a,
            body.dark-mode #gnb_all .gnb_al_a {
                color: #f8fafc;
            }

            [data-bs-theme="dark"] #gnb_all .gnb_all_submenu,
            .dark #gnb_all .gnb_all_submenu,
            .theme-dark #gnb_all .gnb_all_submenu,
            body.dark-mode #gnb_all .gnb_all_submenu {
                border-top-color: rgba(148, 163, 184, .12);
                background: #111827;
            }

            [data-bs-theme="dark"] #gnb_all .gnb_al_2li > .gnb_all_menu_item_line,
            [data-bs-theme="dark"] #gnb_all .gnb_al_3li > .gnb_all_menu_item_line,
            [data-bs-theme="dark"] #gnb_all .gnb_al_4li > .gnb_all_menu_item_line,
            .dark #gnb_all .gnb_al_2li > .gnb_all_menu_item_line,
            .dark #gnb_all .gnb_al_3li > .gnb_all_menu_item_line,
            .dark #gnb_all .gnb_al_4li > .gnb_all_menu_item_line,
            .theme-dark #gnb_all .gnb_al_2li > .gnb_all_menu_item_line,
            .theme-dark #gnb_all .gnb_al_3li > .gnb_all_menu_item_line,
            .theme-dark #gnb_all .gnb_al_4li > .gnb_all_menu_item_line,
            body.dark-mode #gnb_all .gnb_al_2li > .gnb_all_menu_item_line,
            body.dark-mode #gnb_all .gnb_al_3li > .gnb_all_menu_item_line,
            body.dark-mode #gnb_all .gnb_al_4li > .gnb_all_menu_item_line {
                border-color: rgba(148, 163, 184, .12);
                background: #1e293b;
            }

            [data-bs-theme="dark"] #gnb_all .gnb_al_2a,
            [data-bs-theme="dark"] #gnb_all .gnb_al_3a,
            [data-bs-theme="dark"] #gnb_all .gnb_al_4a,
            .dark #gnb_all .gnb_al_2a,
            .dark #gnb_all .gnb_al_3a,
            .dark #gnb_all .gnb_al_4a,
            .theme-dark #gnb_all .gnb_al_2a,
            .theme-dark #gnb_all .gnb_al_3a,
            .theme-dark #gnb_all .gnb_al_4a,
            body.dark-mode #gnb_all .gnb_al_2a,
            body.dark-mode #gnb_all .gnb_al_3a,
            body.dark-mode #gnb_all .gnb_al_4a {
                color: #dbeafe;
            }

            [data-bs-theme="dark"] #gnb_all .gnb_al_2li > .gnb_all_submenu,
            [data-bs-theme="dark"] #gnb_all .gnb_al_3li > .gnb_all_submenu,
            .dark #gnb_all .gnb_al_2li > .gnb_all_submenu,
            .dark #gnb_all .gnb_al_3li > .gnb_all_submenu,
            .theme-dark #gnb_all .gnb_al_2li > .gnb_all_submenu,
            .theme-dark #gnb_all .gnb_al_3li > .gnb_all_submenu,
            body.dark-mode #gnb_all .gnb_al_2li > .gnb_all_submenu,
            body.dark-mode #gnb_all .gnb_al_3li > .gnb_all_submenu {
                background: #0f172a;
            }

            [data-bs-theme="dark"] #gnb_all .gnb_quick_title,
            .dark #gnb_all .gnb_quick_title,
            .theme-dark #gnb_all .gnb_quick_title,
            body.dark-mode #gnb_all .gnb_quick_title {
                color: #94a3b8;
            }

            [data-bs-theme="dark"] #gnb_all .gnb_quick_link,
            .dark #gnb_all .gnb_quick_link,
            .theme-dark #gnb_all .gnb_quick_link,
            body.dark-mode #gnb_all .gnb_quick_link {
                border-color: rgba(148, 163, 184, .14);
                background: #172033;
                color: #e2e8f0;
                box-shadow: 0 4px 12px rgba(0, 0, 0, .16);
            }

            [data-bs-theme="dark"] #gnb_all .gnb_close_btn,
            .dark #gnb_all .gnb_close_btn,
            .theme-dark #gnb_all .gnb_close_btn,
            body.dark-mode #gnb_all .gnb_close_btn {
                border-color: rgba(148, 163, 184, .14);
                background: #1e293b;
                color: #f8fafc;
                box-shadow: 0 5px 14px rgba(0, 0, 0, .18);
            }

        }

        @media (max-width: 520px) {
            #gnb_all .gnb_quick_grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @keyframes gnbAllBackdropIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        @keyframes gnbAllPanelIn {
            0% {
                opacity: 0;
                transform: translateX(-34px) scale(.985);
            }
            100% {
                opacity: 1;
                transform: translateX(0) scale(1);
            }
        }

        @keyframes gnbQuickItemIn {
            0% {
                opacity: 0;
                transform: translateY(7px) scale(.97);
            }
            100% {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        @keyframes gnbAllItemIn {
            0% {
                opacity: 0;
                transform: translateX(-16px);
            }
            100% {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes gnbAllSubmenuIn {
            0% {
                opacity: 0;
                transform: translateY(-5px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @media (prefers-reduced-motion: reduce) {
            #gnb_all,
            #gnb_all_bg {
                animation: none !important;
            }
        }
    </style>

    <ul id="gnb_1dul" class="d-md-flex fs-4">
        <li class="position-relative p-0">
            <button type="button" class="d-none gnb_menu_btn" title="전체메뉴" aria-controls="gnb_all" aria-expanded="false">
                <i class="fa fa-bars" aria-hidden="true"></i>
                <span class="blind">전체메뉴열기</span>
            </button>
        </li>

        
            <li class="gnb_1dli dropdown" style="z-index:998">
                <div class="gnb_menu_item_line">
                    <a href="#"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4 gnb_top_toggle"
                       aria-expanded="false">
                        통계
                    </a>
                </div>

                
                    <span class="blind">하위분류</span>
                    <ul class="dropdown-menu gnb_2dul flex-column main-bg rounded-3">
                        
    
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    당첨결과
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="당첨결과 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_next_3"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    이월수&amp;이웃수
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_next"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    이월수&amp;연속수
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_next_pair"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐이월수&amp;궁합수
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_total"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    통계 통합
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pattern"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    출현패턴
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="출현패턴 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_total_2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    출현패턴&amp;필터패턴
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pattern_2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    출현패턴(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pattern_3"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐출현패턴가로(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pattern_5"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐출현패턴세로(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pattern_4"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐출현패턴주변수(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_search"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    출현&amp;미출현
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_next_2"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    회귀별 출현(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://neolotto.kr/bbs/lotto_number_detail"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐번호별순위
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://neolotto.kr/bbs/lotto_number_detail_2"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐출현수구간1
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐출현수구간1 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://neolotto.kr/bbs/lotto_number_detail_3"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐출현수구간2
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count_4"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐제외번호(유저그룹)
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐제외번호(유저그룹) 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_hot_cool_2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐핫수콜수제외계산
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_3"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐주간출현번호제외(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/hunatsu"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐후나츠분석(유저그룹)
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐후나츠분석(유저그룹) 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_hunatsu_ai_old"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐후나츠분석AI(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/hunatsu_bonus"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐보너스볼분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    

                    </ul>
                
            </li>
        
            
            <li class="gnb_1dli dropdown" style="z-index:997">
                <div class="gnb_menu_item_line">
                    <a href="#"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4 gnb_top_toggle"
                       aria-expanded="false">
                        분석
                    </a>
                </div>

                
                    <span class="blind">하위분류</span>
                    <ul class="dropdown-menu gnb_2dul flex-column main-bg rounded-3">
                        
    
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    필터분석(유저그룹)
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="필터분석(유저그룹) 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_4_garo"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    필터용지가로(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_5_sero"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    필터용지세로(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_1_so3hap"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    필터소3합(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_0_10num"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    필터번호대별(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_2_endnum"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    필터끝수(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_results2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    필터출현번호
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_results"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    필터용지패턴(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_6_other"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐필터기타통합(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_3_9kan"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐필터9칸의비밀(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_7_ban"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    필터3수(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_count"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    연속미출현필터(유저그룹)
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="연속미출현필터(유저그룹) 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="/bbs/lotto_filter_count_2/"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐연속미출현필터_2(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_results3"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐필터잔여출현체크(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                    </ul>
                
            </li>
        
            
            <li class="gnb_1dli dropdown" style="z-index:996">
                <div class="gnb_menu_item_line">
                    <a href="#"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4 gnb_top_toggle"
                       aria-expanded="false">
                        분석(중급)
                    </a>
                </div>

                
                    <span class="blind">하위분류</span>
                    <ul class="dropdown-menu gnb_2dul flex-column main-bg rounded-3">
                        
    
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    잔여출현수
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="잔여출현수 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    잔여출현수2(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_3"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐잔여출현수3(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_3_2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐잔여출현수3_2(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_4"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐잔여출현수4(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_5"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐잔여출현수5(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_5_2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐잔여출현수5_2(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_6"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐잔여출현끝수(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_9"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐잔여출현수9(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_list_num"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    궁합출현번호
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="궁합출현번호 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_list"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    궁합출현리스트
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_history"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    주간출현히스토리
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="주간출현히스토리 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐주간출현번호(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐주간출현번호2(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐주간출현번호(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_4"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐주간출현번호첫구간제외(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_counts_2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐주간출현당첨구별(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_counts"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐주간출현당첨구별
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_7_week"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐7주간출현(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_nak"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐궁합출현 낙첨수
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐궁합출현 낙첨수 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_next"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐궁합출현다음수(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_nak_2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐궁합출현 낙첨수2(유저다중그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_nak_3"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐궁합출현 낙첨수3(유저다중그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="/bbs/lotto_pair_nak_2_1"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐궁합출현 낙첨수 5개이하궁합(유저다중그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐100주간하위출현(유저그룹)
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐100주간하위출현(유저그룹) 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count_2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐100주간하위출현반대(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count_3"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐100주간하위출현반대2(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_hot_cool"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐핫수첫수모음
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_hot_cool_3"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐콜수모음
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="/bbs/lotto_week_strength"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐통합분석
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐통합분석 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="/bbs/lotto_week_strength_2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐통합분석(전이학습예측번호)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_imminent"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐출현임박(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_12years"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐12년주기(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_100week"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐100회귀(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://neolotto.kr/bbs/lotto_imminent_number_week"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐출현임박+주간출현(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_pb"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐피보나치(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_pb_2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐피보나치2(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    

                    </ul>
                
            </li>
        
            
            <li class="gnb_1dli dropdown" style="z-index:995">
                <div class="gnb_menu_item_line">
                    <a href="#"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4 gnb_top_toggle"
                       aria-expanded="false">
                        조합기
                    </a>
                </div>

                
                    <span class="blind">하위분류</span>
                    <ul class="dropdown-menu gnb_2dul flex-column main-bg rounded-3">
                        
    
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="/bbs/lotto_generate_basic"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    기본조합기
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="기본조합기 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_super_generator"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐조합기
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate2"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    네오전용조합기
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="네오전용조합기 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate3"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐네오전용조합기(가중치세팅)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate5"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐네오전용조합기(가중치세팅)_#
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate4"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐네오전용조합기(가중치변칙세팅)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_smart_lotto"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    스마트조합기(초급)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_ai_pair"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    네오전용AI궁합조합기
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="네오전용AI궁합조합기 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_12_100"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐네오전용궁합조합기
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_ai_pair2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐네오전용AI궁합조합기2
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="/bbs/lotto_generate11"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐네오전용AI궁합조합기3
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_ai"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    네오전용AI조합기
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="네오전용AI조합기 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_lstm"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    네오전용딥러닝조합기
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_lstm2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐네오전용딥러닝조합기2
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_lstm3"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐네오전용딥러닝조합기3
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_lstm4"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐네오전용딥러닝조합기4(전이학습적용)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="/bbs/lotto_generate_lstm5"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐네오전용딥러닝조합기5
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_pattern"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    네오전용패턴조합기
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="네오전용패턴조합기 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_pattern2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐네오전용패턴조합기2
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_permu_scope"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐순열조합
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐순열조합 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate8"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐순열조합(궁합조합전용)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate6"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐순열조합2
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate7"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐순열조합2(다양한조합생성)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate9"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐순열조합3(다양한조합생성)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="/bbs/lotto_generate12"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐순열조합5(유저그룹가중치)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="/bbs/lotto_generate10"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐순열조합선택_(다양한조합생성)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    

                    </ul>
                
            </li>
        
            
            <li class="gnb_1dli dropdown" style="z-index:994">
                <div class="gnb_menu_item_line">
                    <a href="#"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4 gnb_top_toggle"
                       aria-expanded="false">
                        나의분석(회원)
                    </a>
                </div>

                
                    <span class="blind">하위분류</span>
                    <ul class="dropdown-menu gnb_2dul flex-column main-bg rounded-3">
                        
    
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_compare"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    나의 조합번호
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_predicted_posts"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    회원추천번호
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_results_auto"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    자동용지분석
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/group-filter3"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    📝희원그룹공유📝
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="📝희원그룹공유📝 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="/bbs/lotto_filter_user"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    나의그룹 출현분석
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/group-filter"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    ‼️회원전용(유저그룹필터)‼️
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="‼️회원전용(유저그룹필터)‼️ 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/group-filter2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    ‼️회원전용2(유저그룹관리)‼️
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_7"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    ‼️회원전용낙첨유저그룹(유저그룹관리)‼️
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_8"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    ‼️회원전용낙첨유저그룹2(유저그룹관리)‼️
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/group-filter_memo"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    ‼️회원전용_메모기능(유저그룹관리)‼️
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    

                    </ul>
                
            </li>
        
            
            <li class="gnb_1dli dropdown" style="z-index:993">
                <div class="gnb_menu_item_line">
                    <a href="#"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4 gnb_top_toggle"
                       aria-expanded="false">
                        커뮤니티
                    </a>
                </div>

                
                    <span class="blind">하위분류</span>
                    <ul class="dropdown-menu gnb_2dul flex-column main-bg rounded-3">
                        
    
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/auto-post"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    주간로또 분석글
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/board/notice/"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    공지사항
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/board/gallery"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    당첨인증
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/bbs/lotto_validate_router"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    필터링 당첨검증
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/video-board"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    네오로또 사용방법
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/board/free/"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    자유게시판
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://neolotto.kr/board/qa/"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    질문&amp;답변
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/board/bug/"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    오류수정요청&amp;분석기추가요청
                </a>

                
            </div>

            
        </li>
    

                    </ul>
                
            </li>
        
            
            <li class="gnb_1dli dropdown" style="z-index:992">
                <div class="gnb_menu_item_line">
                    <a href="#"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4 gnb_top_toggle"
                       aria-expanded="false">
                        생활정보
                    </a>
                </div>

                
                    <span class="blind">하위분류</span>
                    <ul class="dropdown-menu gnb_2dul flex-column main-bg rounded-3">
                        
    
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://neolotto.kr/bbs/lotto_shop_map"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    로또판매점
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://neolotto.kr/bbs/lotto_calc"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    실수령계산기
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://neolotto.kr/bbs/lotto_calendar"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    로또달력
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://neolotto.kr/bbs/content/resize"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    사진크기변경
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://neolotto.kr/bbs/content/convert"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    부동산계산기
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://neolotto.kr/bbs/lotto_dream_numbers"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    꿈 해몽 연관번호
                </a>

                
            </div>

            
        </li>
    

                    </ul>
                
            </li>
        
            
            <li class="gnb_1dli dropdown" style="z-index:991">
                <div class="gnb_menu_item_line">
                    <a href="#"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4 gnb_top_toggle"
                       aria-expanded="false">
                        분석(고급)
                    </a>
                </div>

                
                    <span class="blind">하위분류</span>
                    <ul class="dropdown-menu gnb_2dul flex-column main-bg rounded-3">
                        
    
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_sbs"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐SBS 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_wsbp"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐WSBP 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_gdcs"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐GDCS 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_mlts"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐MLTS 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_sep"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐SEP 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_cosi"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐COSI 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_qwf"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐QWF 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_cpr"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐CPR 분석(유저그룹)
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐CPR 분석(유저그룹) 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_cpr3"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐CPR3 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_ccr"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐CCR 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_cpr2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐CPR2 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_gen"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐GEN 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_ai"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐AI 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli dropdown-submenu">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count2"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    🔐100주간하위출현2(유저그룹)
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐100주간하위출현2(유저그룹) 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="dropdown-menu gnb_3dul main-bg rounded-3">
                    
    
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count3"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐100주간하위출현3(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_3dli">
            <div class="gnb_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_cpr2"
                   target="_self"
                   class="gnb_3da dropdown-item main-bg text-white p-4 fs-4">
                    🔐100주간하위출현CPR2(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/bbs/lotto_basis_analysis"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    통합분석
                </a>

                
            </div>

            
        </li>
    

                    </ul>
                
            </li>
        
            
            <li class="gnb_1dli" style="z-index:990">
                <div class="gnb_menu_item_line">
                    <a href="/bbs/lotto-widgets"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4"
                       >
                        사용자위젯
                    </a>
                </div>

                
            </li>
        
            
            <li class="gnb_1dli dropdown" style="z-index:989">
                <div class="gnb_menu_item_line">
                    <a href="#"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4 gnb_top_toggle"
                       aria-expanded="false">
                        네오전용AI
                    </a>
                </div>

                
                    <span class="blind">하위분류</span>
                    <ul class="dropdown-menu gnb_2dul flex-column main-bg rounded-3">
                        
    
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/bbs/lotto_filter_ai"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    필터분석AI
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/bbs/lotto_nak_ai"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    낙첨수AI
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/bbs/lotto_hunatsu_ai"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    후나츠AI
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_2dli">
            <div class="gnb_menu_item_line">
                <a href="/bbs/lotto_generate_ai_3g"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    조합기AI
                </a>

                
            </div>

            
        </li>
    

                    </ul>
                
            </li>
        
    </ul>

    <div id="gnb_all" class="position-absolute" style="display: none;">
        <h2 class="blind">전체메뉴</h2>

        <div class="gnb_all_scroll">
            <nav class="gnb_quick_menu" aria-label="회원 및 커뮤니티 바로가기">
                <p class="gnb_quick_title">회원 · 커뮤니티</p>
                <div class="gnb_quick_grid">
                    <a href="/bbs/login" class="gnb_quick_link">
                        <i class="fa fa-sign-in" aria-hidden="true"></i>
                        <span class="gnb_quick_label">로그인</span>
                    </a>
                    <a href="/bbs/register" class="gnb_quick_link">
                        <i class="fa fa-user-plus" aria-hidden="true"></i>
                        <span class="gnb_quick_label">회원가입</span>
                    </a>
                    <a href="/bbs/faq" class="gnb_quick_link">
                        <i class="fa fa-question" aria-hidden="true"></i>
                        <span class="gnb_quick_label">FAQ</span>
                    </a>
                    <a href="/bbs/qalist" class="gnb_quick_link">
                        <i class="fa fa-comments" aria-hidden="true"></i>
                        <span class="gnb_quick_label">1:1문의</span>
                    </a>
                    <a href="/bbs/current_connect" class="gnb_quick_link">
                        <i class="fa fa-users" aria-hidden="true"></i>
                        <span class="gnb_quick_label">접속자</span>
                        
                            <span class="gnb_quick_count">0</span>
                        
                    </a>
                    <a href="/bbs/new" class="gnb_quick_link">
                        <i class="fa fa-history" aria-hidden="true"></i>
                        <span class="gnb_quick_label">새글</span>
                    </a>
                </div>
            </nav>

            <ul class="gnb_al_ul">
            
                
                <li class="gnb_al_li has_submenu">
                    <div class="gnb_all_menu_item_line">
                        <a href="#"
                           target="_self"
                           class="gnb_al_a gnb_all_top_toggle"
                           aria-expanded="false">통계</a>

                        
                            <button type="button"
                                    class="gnb_submenu_toggle gnb_all_submenu_toggle"
                                    aria-expanded="false"
                                    aria-label="통계 하위메뉴 열기">
                                <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                            </button>
                        
                    </div>
                    
                        <ul class="gnb_al_2ul gnb_all_submenu">
                            
    
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results" target="_self" class="gnb_al_2a">
                    당첨결과
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="당첨결과 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_next_3" target="_self" class="gnb_al_3a">
                    이월수&amp;이웃수
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_next" target="_self" class="gnb_al_3a">
                    이월수&amp;연속수
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_next_pair" target="_self" class="gnb_al_3a">
                    🔐이월수&amp;궁합수
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_total" target="_self" class="gnb_al_2a">
                    통계 통합
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pattern" target="_self" class="gnb_al_2a">
                    출현패턴
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="출현패턴 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_total_2" target="_self" class="gnb_al_3a">
                    출현패턴&amp;필터패턴
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pattern_2" target="_self" class="gnb_al_3a">
                    출현패턴(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pattern_3" target="_self" class="gnb_al_3a">
                    🔐출현패턴가로(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pattern_5" target="_self" class="gnb_al_3a">
                    🔐출현패턴세로(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pattern_4" target="_self" class="gnb_al_3a">
                    🔐출현패턴주변수(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_search" target="_self" class="gnb_al_2a">
                    출현&amp;미출현
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_next_2" target="_self" class="gnb_al_2a">
                    회귀별 출현(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://neolotto.kr/bbs/lotto_number_detail" target="_self" class="gnb_al_2a">
                    🔐번호별순위
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://neolotto.kr/bbs/lotto_number_detail_2" target="_self" class="gnb_al_2a">
                    🔐출현수구간1
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐출현수구간1 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://neolotto.kr/bbs/lotto_number_detail_3" target="_self" class="gnb_al_3a">
                    🔐출현수구간2
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count_4" target="_self" class="gnb_al_2a">
                    🔐제외번호(유저그룹)
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐제외번호(유저그룹) 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_hot_cool_2" target="_self" class="gnb_al_3a">
                    🔐핫수콜수제외계산
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_3" target="_self" class="gnb_al_3a">
                    🔐주간출현번호제외(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/hunatsu" target="_self" class="gnb_al_2a">
                    🔐후나츠분석(유저그룹)
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐후나츠분석(유저그룹) 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_hunatsu_ai_old" target="_self" class="gnb_al_3a">
                    🔐후나츠분석AI(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/hunatsu_bonus" target="_self" class="gnb_al_3a">
                    🔐보너스볼분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    

                        </ul>
                    
                </li>
            
                
                <li class="gnb_al_li has_submenu">
                    <div class="gnb_all_menu_item_line">
                        <a href="#"
                           target="_self"
                           class="gnb_al_a gnb_all_top_toggle"
                           aria-expanded="false">분석</a>

                        
                            <button type="button"
                                    class="gnb_submenu_toggle gnb_all_submenu_toggle"
                                    aria-expanded="false"
                                    aria-label="분석 하위메뉴 열기">
                                <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                            </button>
                        
                    </div>
                    
                        <ul class="gnb_al_2ul gnb_all_submenu">
                            
    
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter" target="_self" class="gnb_al_2a">
                    필터분석(유저그룹)
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="필터분석(유저그룹) 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_4_garo" target="_self" class="gnb_al_3a">
                    필터용지가로(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_5_sero" target="_self" class="gnb_al_3a">
                    필터용지세로(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_1_so3hap" target="_self" class="gnb_al_3a">
                    필터소3합(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_0_10num" target="_self" class="gnb_al_3a">
                    필터번호대별(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_2_endnum" target="_self" class="gnb_al_3a">
                    필터끝수(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_results2" target="_self" class="gnb_al_3a">
                    필터출현번호
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_results" target="_self" class="gnb_al_3a">
                    필터용지패턴(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_6_other" target="_self" class="gnb_al_2a">
                    🔐필터기타통합(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_3_9kan" target="_self" class="gnb_al_2a">
                    🔐필터9칸의비밀(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_7_ban" target="_self" class="gnb_al_2a">
                    필터3수(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_count" target="_self" class="gnb_al_2a">
                    연속미출현필터(유저그룹)
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="연속미출현필터(유저그룹) 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="/bbs/lotto_filter_count_2/" target="_self" class="gnb_al_3a">
                    🔐연속미출현필터_2(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_results3" target="_self" class="gnb_al_2a">
                    🔐필터잔여출현체크(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                        </ul>
                    
                </li>
            
                
                <li class="gnb_al_li has_submenu">
                    <div class="gnb_all_menu_item_line">
                        <a href="#"
                           target="_self"
                           class="gnb_al_a gnb_all_top_toggle"
                           aria-expanded="false">분석(중급)</a>

                        
                            <button type="button"
                                    class="gnb_submenu_toggle gnb_all_submenu_toggle"
                                    aria-expanded="false"
                                    aria-label="분석(중급) 하위메뉴 열기">
                                <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                            </button>
                        
                    </div>
                    
                        <ul class="gnb_al_2ul gnb_all_submenu">
                            
    
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak" target="_self" class="gnb_al_2a">
                    잔여출현수
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="잔여출현수 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_2" target="_self" class="gnb_al_3a">
                    잔여출현수2(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_3" target="_self" class="gnb_al_3a">
                    🔐잔여출현수3(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_3_2" target="_self" class="gnb_al_3a">
                    🔐잔여출현수3_2(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_4" target="_self" class="gnb_al_3a">
                    🔐잔여출현수4(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_5" target="_self" class="gnb_al_3a">
                    🔐잔여출현수5(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_5_2" target="_self" class="gnb_al_3a">
                    🔐잔여출현수5_2(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_6" target="_self" class="gnb_al_3a">
                    🔐잔여출현끝수(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_9" target="_self" class="gnb_al_3a">
                    🔐잔여출현수9(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_list_num" target="_self" class="gnb_al_2a">
                    궁합출현번호
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="궁합출현번호 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_list" target="_self" class="gnb_al_3a">
                    궁합출현리스트
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_history" target="_self" class="gnb_al_2a">
                    주간출현히스토리
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="주간출현히스토리 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week" target="_self" class="gnb_al_3a">
                    🔐주간출현번호(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_2" target="_self" class="gnb_al_3a">
                    🔐주간출현번호2(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week" target="_self" class="gnb_al_3a">
                    🔐주간출현번호(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_4" target="_self" class="gnb_al_3a">
                    🔐주간출현번호첫구간제외(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_counts_2" target="_self" class="gnb_al_3a">
                    🔐주간출현당첨구별(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_counts" target="_self" class="gnb_al_3a">
                    🔐주간출현당첨구별
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_7_week" target="_self" class="gnb_al_3a">
                    🔐7주간출현(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_nak" target="_self" class="gnb_al_2a">
                    🔐궁합출현 낙첨수
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐궁합출현 낙첨수 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_next" target="_self" class="gnb_al_3a">
                    🔐궁합출현다음수(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_nak_2" target="_self" class="gnb_al_3a">
                    🔐궁합출현 낙첨수2(유저다중그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_nak_3" target="_self" class="gnb_al_3a">
                    🔐궁합출현 낙첨수3(유저다중그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="/bbs/lotto_pair_nak_2_1" target="_self" class="gnb_al_3a">
                    🔐궁합출현 낙첨수 5개이하궁합(유저다중그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count" target="_self" class="gnb_al_2a">
                    🔐100주간하위출현(유저그룹)
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐100주간하위출현(유저그룹) 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count_2" target="_self" class="gnb_al_3a">
                    🔐100주간하위출현반대(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count_3" target="_self" class="gnb_al_3a">
                    🔐100주간하위출현반대2(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_hot_cool" target="_self" class="gnb_al_2a">
                    🔐핫수첫수모음
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_hot_cool_3" target="_self" class="gnb_al_2a">
                    🔐콜수모음
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="/bbs/lotto_week_strength" target="_self" class="gnb_al_2a">
                    🔐통합분석
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐통합분석 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="/bbs/lotto_week_strength_2" target="_self" class="gnb_al_3a">
                    🔐통합분석(전이학습예측번호)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_imminent" target="_self" class="gnb_al_3a">
                    🔐출현임박(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_12years" target="_self" class="gnb_al_3a">
                    🔐12년주기(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_100week" target="_self" class="gnb_al_3a">
                    🔐100회귀(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://neolotto.kr/bbs/lotto_imminent_number_week" target="_self" class="gnb_al_3a">
                    🔐출현임박+주간출현(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_pb" target="_self" class="gnb_al_3a">
                    🔐피보나치(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_pb_2" target="_self" class="gnb_al_3a">
                    🔐피보나치2(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    

                        </ul>
                    
                </li>
            
                
                <li class="gnb_al_li has_submenu">
                    <div class="gnb_all_menu_item_line">
                        <a href="#"
                           target="_self"
                           class="gnb_al_a gnb_all_top_toggle"
                           aria-expanded="false">조합기</a>

                        
                            <button type="button"
                                    class="gnb_submenu_toggle gnb_all_submenu_toggle"
                                    aria-expanded="false"
                                    aria-label="조합기 하위메뉴 열기">
                                <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                            </button>
                        
                    </div>
                    
                        <ul class="gnb_al_2ul gnb_all_submenu">
                            
    
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="/bbs/lotto_generate_basic" target="_self" class="gnb_al_2a">
                    기본조합기
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="기본조합기 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_super_generator" target="_self" class="gnb_al_3a">
                    🔐조합기
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate2" target="_self" class="gnb_al_2a">
                    네오전용조합기
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="네오전용조합기 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate3" target="_self" class="gnb_al_3a">
                    🔐네오전용조합기(가중치세팅)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate5" target="_self" class="gnb_al_3a">
                    🔐네오전용조합기(가중치세팅)_#
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate4" target="_self" class="gnb_al_3a">
                    🔐네오전용조합기(가중치변칙세팅)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_smart_lotto" target="_self" class="gnb_al_2a">
                    스마트조합기(초급)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_ai_pair" target="_self" class="gnb_al_2a">
                    네오전용AI궁합조합기
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="네오전용AI궁합조합기 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_12_100" target="_self" class="gnb_al_3a">
                    🔐네오전용궁합조합기
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_ai_pair2" target="_self" class="gnb_al_3a">
                    🔐네오전용AI궁합조합기2
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="/bbs/lotto_generate11" target="_self" class="gnb_al_3a">
                    🔐네오전용AI궁합조합기3
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_ai" target="_self" class="gnb_al_2a">
                    네오전용AI조합기
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="네오전용AI조합기 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_lstm" target="_self" class="gnb_al_3a">
                    네오전용딥러닝조합기
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_lstm2" target="_self" class="gnb_al_3a">
                    🔐네오전용딥러닝조합기2
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_lstm3" target="_self" class="gnb_al_3a">
                    🔐네오전용딥러닝조합기3
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_lstm4" target="_self" class="gnb_al_3a">
                    🔐네오전용딥러닝조합기4(전이학습적용)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="/bbs/lotto_generate_lstm5" target="_self" class="gnb_al_3a">
                    🔐네오전용딥러닝조합기5
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_pattern" target="_self" class="gnb_al_2a">
                    네오전용패턴조합기
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="네오전용패턴조합기 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_pattern2" target="_self" class="gnb_al_3a">
                    🔐네오전용패턴조합기2
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_permu_scope" target="_self" class="gnb_al_2a">
                    🔐순열조합
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐순열조합 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate8" target="_self" class="gnb_al_3a">
                    🔐순열조합(궁합조합전용)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate6" target="_self" class="gnb_al_3a">
                    🔐순열조합2
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate7" target="_self" class="gnb_al_3a">
                    🔐순열조합2(다양한조합생성)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_generate9" target="_self" class="gnb_al_3a">
                    🔐순열조합3(다양한조합생성)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="/bbs/lotto_generate12" target="_self" class="gnb_al_3a">
                    🔐순열조합5(유저그룹가중치)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="/bbs/lotto_generate10" target="_self" class="gnb_al_3a">
                    🔐순열조합선택_(다양한조합생성)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    

                        </ul>
                    
                </li>
            
                
                <li class="gnb_al_li has_submenu">
                    <div class="gnb_all_menu_item_line">
                        <a href="#"
                           target="_self"
                           class="gnb_al_a gnb_all_top_toggle"
                           aria-expanded="false">나의분석(회원)</a>

                        
                            <button type="button"
                                    class="gnb_submenu_toggle gnb_all_submenu_toggle"
                                    aria-expanded="false"
                                    aria-label="나의분석(회원) 하위메뉴 열기">
                                <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                            </button>
                        
                    </div>
                    
                        <ul class="gnb_al_2ul gnb_all_submenu">
                            
    
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_compare" target="_self" class="gnb_al_2a">
                    나의 조합번호
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_predicted_posts" target="_self" class="gnb_al_2a">
                    회원추천번호
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_results_auto" target="_self" class="gnb_al_2a">
                    자동용지분석
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/group-filter3" target="_self" class="gnb_al_2a">
                    📝희원그룹공유📝
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="📝희원그룹공유📝 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="/bbs/lotto_filter_user" target="_self" class="gnb_al_3a">
                    나의그룹 출현분석
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/group-filter" target="_self" class="gnb_al_2a">
                    ‼️회원전용(유저그룹필터)‼️
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="‼️회원전용(유저그룹필터)‼️ 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/group-filter2" target="_self" class="gnb_al_3a">
                    ‼️회원전용2(유저그룹관리)‼️
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_7" target="_self" class="gnb_al_3a">
                    ‼️회원전용낙첨유저그룹(유저그룹관리)‼️
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_8" target="_self" class="gnb_al_3a">
                    ‼️회원전용낙첨유저그룹2(유저그룹관리)‼️
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/group-filter_memo" target="_self" class="gnb_al_3a">
                    ‼️회원전용_메모기능(유저그룹관리)‼️
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    

                        </ul>
                    
                </li>
            
                
                <li class="gnb_al_li has_submenu">
                    <div class="gnb_all_menu_item_line">
                        <a href="#"
                           target="_self"
                           class="gnb_al_a gnb_all_top_toggle"
                           aria-expanded="false">커뮤니티</a>

                        
                            <button type="button"
                                    class="gnb_submenu_toggle gnb_all_submenu_toggle"
                                    aria-expanded="false"
                                    aria-label="커뮤니티 하위메뉴 열기">
                                <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                            </button>
                        
                    </div>
                    
                        <ul class="gnb_al_2ul gnb_all_submenu">
                            
    
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/auto-post" target="_self" class="gnb_al_2a">
                    주간로또 분석글
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/board/notice/" target="_self" class="gnb_al_2a">
                    공지사항
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/board/gallery" target="_self" class="gnb_al_2a">
                    당첨인증
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/bbs/lotto_validate_router" target="_self" class="gnb_al_2a">
                    필터링 당첨검증
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/video-board" target="_self" class="gnb_al_2a">
                    네오로또 사용방법
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/board/free/" target="_self" class="gnb_al_2a">
                    자유게시판
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://neolotto.kr/board/qa/" target="_self" class="gnb_al_2a">
                    질문&amp;답변
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/board/bug/" target="_self" class="gnb_al_2a">
                    오류수정요청&amp;분석기추가요청
                </a>

                
            </div>

            
        </li>
    

                        </ul>
                    
                </li>
            
                
                <li class="gnb_al_li has_submenu">
                    <div class="gnb_all_menu_item_line">
                        <a href="#"
                           target="_self"
                           class="gnb_al_a gnb_all_top_toggle"
                           aria-expanded="false">생활정보</a>

                        
                            <button type="button"
                                    class="gnb_submenu_toggle gnb_all_submenu_toggle"
                                    aria-expanded="false"
                                    aria-label="생활정보 하위메뉴 열기">
                                <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                            </button>
                        
                    </div>
                    
                        <ul class="gnb_al_2ul gnb_all_submenu">
                            
    
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://neolotto.kr/bbs/lotto_shop_map" target="_self" class="gnb_al_2a">
                    로또판매점
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://neolotto.kr/bbs/lotto_calc" target="_self" class="gnb_al_2a">
                    실수령계산기
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://neolotto.kr/bbs/lotto_calendar" target="_self" class="gnb_al_2a">
                    로또달력
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://neolotto.kr/bbs/content/resize" target="_self" class="gnb_al_2a">
                    사진크기변경
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://neolotto.kr/bbs/content/convert" target="_self" class="gnb_al_2a">
                    부동산계산기
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://neolotto.kr/bbs/lotto_dream_numbers" target="_self" class="gnb_al_2a">
                    꿈 해몽 연관번호
                </a>

                
            </div>

            
        </li>
    

                        </ul>
                    
                </li>
            
                
                <li class="gnb_al_li has_submenu">
                    <div class="gnb_all_menu_item_line">
                        <a href="#"
                           target="_self"
                           class="gnb_al_a gnb_all_top_toggle"
                           aria-expanded="false">분석(고급)</a>

                        
                            <button type="button"
                                    class="gnb_submenu_toggle gnb_all_submenu_toggle"
                                    aria-expanded="false"
                                    aria-label="분석(고급) 하위메뉴 열기">
                                <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                            </button>
                        
                    </div>
                    
                        <ul class="gnb_al_2ul gnb_all_submenu">
                            
    
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_sbs" target="_self" class="gnb_al_2a">
                    🔐SBS 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_wsbp" target="_self" class="gnb_al_2a">
                    🔐WSBP 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_gdcs" target="_self" class="gnb_al_2a">
                    🔐GDCS 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_mlts" target="_self" class="gnb_al_2a">
                    🔐MLTS 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_sep" target="_self" class="gnb_al_2a">
                    🔐SEP 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_cosi" target="_self" class="gnb_al_2a">
                    🔐COSI 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_qwf" target="_self" class="gnb_al_2a">
                    🔐QWF 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_cpr" target="_self" class="gnb_al_2a">
                    🔐CPR 분석(유저그룹)
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐CPR 분석(유저그룹) 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_cpr3" target="_self" class="gnb_al_3a">
                    🔐CPR3 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_ccr" target="_self" class="gnb_al_3a">
                    🔐CCR 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_cpr2" target="_self" class="gnb_al_3a">
                    🔐CPR2 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_gen" target="_self" class="gnb_al_3a">
                    🔐GEN 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_results_ai" target="_self" class="gnb_al_3a">
                    🔐AI 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li has_submenu">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count2" target="_self" class="gnb_al_2a">
                    🔐100주간하위출현2(유저그룹)
                </a>

                
                    <button type="button"
                            class="gnb_submenu_toggle gnb_all_submenu_toggle"
                            aria-expanded="false"
                            aria-label="🔐100주간하위출현2(유저그룹) 하위메뉴 열기">
                        <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                    </button>
                
            </div>

            
                <ul class="gnb_al_3ul gnb_all_submenu">
                    
    
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count3" target="_self" class="gnb_al_3a">
                    🔐100주간하위출현3(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_3li">
            <div class="gnb_all_menu_item_line">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_cpr2" target="_self" class="gnb_al_3a">
                    🔐100주간하위출현CPR2(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/bbs/lotto_basis_analysis" target="_self" class="gnb_al_2a">
                    통합분석
                </a>

                
            </div>

            
        </li>
    

                        </ul>
                    
                </li>
            
                
                <li class="gnb_al_li">
                    <div class="gnb_all_menu_item_line">
                        <a href="/bbs/lotto-widgets"
                           target="_self"
                           class="gnb_al_a"
                           >사용자위젯</a>

                        
                    </div>
                    
                </li>
            
                
                <li class="gnb_al_li has_submenu">
                    <div class="gnb_all_menu_item_line">
                        <a href="#"
                           target="_self"
                           class="gnb_al_a gnb_all_top_toggle"
                           aria-expanded="false">네오전용AI</a>

                        
                            <button type="button"
                                    class="gnb_submenu_toggle gnb_all_submenu_toggle"
                                    aria-expanded="false"
                                    aria-label="네오전용AI 하위메뉴 열기">
                                <span class="gnb_toggle_symbol" aria-hidden="true">+</span>
                            </button>
                        
                    </div>
                    
                        <ul class="gnb_al_2ul gnb_all_submenu">
                            
    
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/bbs/lotto_filter_ai" target="_self" class="gnb_al_2a">
                    필터분석AI
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/bbs/lotto_nak_ai" target="_self" class="gnb_al_2a">
                    낙첨수AI
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/bbs/lotto_hunatsu_ai" target="_self" class="gnb_al_2a">
                    후나츠AI
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/bbs/lotto_generate_ai_3g" target="_self" class="gnb_al_2a">
                    조합기AI
                </a>

                
            </div>

            
        </li>
    

                        </ul>
                    
                </li>
            
            </ul>
        </div>
        <button type="button" class="gnb_close_btn" aria-label="전체메뉴 닫기">
            <i class="fa fa-xmark" aria-hidden="true"></i>
        </button>
    </div>
    <div id="gnb_all_bg" style="display: none;"></div>

    <script>
        $(function() {
            var closeAnimMs = 260;

            function placeThirdDepthPanel($item) {
                var $panel = $item.children(".gnb_3dul");

                if (!$panel.length || !$item.length || !$item[0]) {
                    return;
                }

                var rect = $item[0].getBoundingClientRect();
                var gap = 12;
                var panelWidth = Math.max($panel.outerWidth() || 260, 260);
                var panelHeight = Math.max($panel.outerHeight() || 0, 80);
                var left = rect.right + gap;
                var top = rect.top;
                var maxLeft = Math.max(8, window.innerWidth - panelWidth - 8);
                var maxTop = Math.max(8, window.innerHeight - Math.min(panelHeight, window.innerHeight - 16) - 8);

                if (left > maxLeft) {
                    left = Math.max(8, rect.left - panelWidth - gap);
                }

                if (top > maxTop) {
                    top = maxTop;
                }

                $panel.css({
                    "--gnb-3-left": left + "px",
                    "--gnb-3-top": Math.max(8, top) + "px"
                });
            }

            function isInsideMenu($owner, target) {
                if (!$owner.length || !target) {
                    return false;
                }

                return target === $owner[0] || $.contains($owner[0], target);
            }

            function syncExpandedColumns($menu) {
                var $gnb2 = $menu && $menu.length ? $menu.closest(".gnb_2dul") : $();

                if (!$gnb2.length && $menu && $menu.hasClass("gnb_2dul")) {
                    $gnb2 = $menu;
                }

                if (!$gnb2.length) {
                    return;
                }

                $gnb2.toggleClass("is-sub-open", $gnb2.find("> .dropdown-submenu.is-open").length > 0);
                $gnb2.toggleClass("is-deep-open", $gnb2.find(".gnb_3dul .dropdown-submenu.is-open").length > 0);
                $gnb2.find("> .dropdown-submenu.is-open").each(function() {
                    placeThirdDepthPanel($(this));
                });
            }

            function setToggleState($item, isOpen) {
                var labelName = $.trim($item.children(".gnb_menu_item_line, .gnb_all_menu_item_line").find("> a").first().text());
                var stateText = isOpen ? "닫기" : "열기";
                var signText = isOpen ? "-" : "+";

                $item
                    .children(".gnb_menu_item_line")
                    .children(".gnb_top_toggle")
                    .attr("aria-expanded", isOpen ? "true" : "false");

                $item
                    .children(".gnb_all_menu_item_line")
                    .children(".gnb_all_top_toggle")
                    .attr("aria-expanded", isOpen ? "true" : "false");

                $item
                    .children(".gnb_menu_item_line, .gnb_all_menu_item_line")
                    .children(".gnb_submenu_toggle")
                    .attr("aria-expanded", isOpen ? "true" : "false")
                    .attr("aria-label", labelName ? labelName + " 하위메뉴 " + stateText : "하위메뉴 " + stateText)
                    .find(".gnb_toggle_symbol")
                    .text(signText);
            }

            function closeMenuImmediately($item) {
                if (!$item || !$item.length) {
                    return;
                }

                clearTimeout($item.data("gnbCloseTimer"));
                clearTimeout($item.data("gnbAnimTimer"));

                $item
                    .removeClass("is-open is-closing")
                    .find(".gnb_2dul")
                    .removeClass("is-sub-open is-deep-open")
                    .end()
                    .find(".is-open, .is-closing")
                    .removeClass("is-open is-closing");

                setToggleState($item, false);
                $item.find(".dropdown, .dropdown-submenu").each(function() {
                    setToggleState($(this), false);
                });
            }

            function closeSiblingMenus($item) {
                var $siblings = $item.siblings(".dropdown, .dropdown-submenu");

                $siblings.each(function() {
                    closeMenuImmediately($(this));
                });
            }

            function openMenu($item) {
                clearTimeout($item.data("gnbCloseTimer"));
                clearTimeout($item.data("gnbAnimTimer"));
                $item.parents(".dropdown, .dropdown-submenu").each(function() {
                    clearTimeout($(this).data("gnbCloseTimer"));
                    clearTimeout($(this).data("gnbAnimTimer"));
                });

                closeSiblingMenus($item);

                $item
                    .removeClass("is-closing")
                    .addClass("is-open")
                    .each(function() {
                        setToggleState($(this), true);
                    });

                placeThirdDepthPanel($item);
                syncExpandedColumns($item);
            }

            function closeMenu($item) {
                clearTimeout($item.data("gnbCloseTimer"));
                clearTimeout($item.data("gnbAnimTimer"));

                $item
                    .removeClass("is-open")
                    .addClass("is-closing")
                    .find(".gnb_2dul")
                    .removeClass("is-sub-open is-deep-open")
                    .end()
                    .find(".is-open")
                    .removeClass("is-open")
                    .addClass("is-closing");

                setToggleState($item, false);
                $item.find(".dropdown, .dropdown-submenu").each(function() {
                    setToggleState($(this), false);
                });

                var timer = setTimeout(function() {
                    $item
                        .removeClass("is-closing")
                        .find(".is-closing")
                        .removeClass("is-closing");

                    syncExpandedColumns($item);
                }, closeAnimMs);

                $item.data("gnbAnimTimer", timer);
            }

            function closeAllTopMenus(exceptItem) {
                $("#gnb_1dul > .dropdown").each(function() {
                    var $item = $(this);

                    if (exceptItem && $item[0] === exceptItem[0]) {
                        return;
                    }

                    closeMenuImmediately($item);
                });
            }

            function toggleDropdownMenu($button) {
                var $item = $button.closest(".dropdown, .dropdown-submenu");

                if (!$item.length) {
                    return;
                }

                if ($item.hasClass("is-open")) {
                    closeMenu($item);
                } else {
                    if ($item.hasClass("dropdown")) {
                        closeAllTopMenus($item);
                    }

                    openMenu($item);
                }
            }

            function toggleAllMenu($button) {
                var $item = $button.closest(".has_submenu");
                var $submenu = $item.children(".gnb_all_submenu");
                var willOpen = !$item.hasClass("is-open");

                if (!$submenu.length) {
                    return;
                }

                $submenu.stop(true, true);

                if (willOpen) {
                    $item.addClass("is-open");
                    setToggleState($item, true);
                    $submenu.hide().slideDown(220);
                    return;
                }

                $submenu.slideUp(180, function() {
                    $item.removeClass("is-open");
                    setToggleState($item, false);

                    $item.find(".has_submenu.is-open").each(function() {
                        var $child = $(this);
                        $child.removeClass("is-open");
                        $child.children(".gnb_all_submenu").hide();
                        setToggleState($child, false);
                    });
                });
            }

            function closeAllExpandedAllMenus() {
                $("#gnb_all .has_submenu.is-open").each(function() {
                    var $item = $(this);
                    $item.removeClass("is-open");
                    $item.children(".gnb_all_submenu").stop(true, true).hide();
                    setToggleState($item, false);
                });
            }

            $(".gnb_menu_btn").on("click", function() {
                $(this).attr("aria-expanded", "true");
                $("#gnb_all, #gnb_all_bg").show();
            });

            $(".gnb_close_btn, #gnb_all_bg").on("click", function() {
                closeAllExpandedAllMenus();
                $("#gnb_all, #gnb_all_bg").hide();
                $(".gnb_menu_btn").attr("aria-expanded", "false");
            });

            $("#gnb_1dul").on("click", ".gnb_submenu_toggle", function(event) {
                event.preventDefault();
                event.stopPropagation();
                toggleDropdownMenu($(this));
            });

            $("#gnb_1dul > .dropdown")
                .on("mouseenter focusin", function() {
                    openMenu($(this));
                })
                .on("mouseleave", function() {
                    closeMenu($(this));
                });

            $("#gnb_1dul").on("click", "> .dropdown > .gnb_menu_item_line > .gnb_top_toggle", function(event) {
                var href = String($(this).attr("href") || "");

                if (href === "#" || href === "") {
                    event.preventDefault();
                }
            });

            $("#gnb_1dul .gnb_2dul").on("scroll", function() {
                syncExpandedColumns($(this));
            });

            $(window).on("resize scroll", function() {
                $("#gnb_1dul .gnb_2dul > .dropdown-submenu.is-open").each(function() {
                    placeThirdDepthPanel($(this));
                });
            });

            $("#gnb_1dul").on("click", "a", function(event) {
                var href = String($(this).attr("href") || "");

                if ((href === "#" || href === "") && $(this).closest("li").children(".dropdown-menu").length) {
                    event.preventDefault();
                }
            });

            $("#gnb_all").on("click", ".gnb_all_submenu_toggle", function(event) {
                event.preventDefault();
                event.stopPropagation();
                toggleAllMenu($(this));
            });

            $("#gnb_all").on("click", ".gnb_al_ul > .has_submenu > .gnb_all_menu_item_line > .gnb_all_top_toggle", function(event) {
                event.preventDefault();
                event.stopPropagation();
                toggleAllMenu($(this));
            });

            $(document).on("click", function(event) {
                var gnb = document.getElementById("gnb_1dul");

                if (!gnb || isInsideMenu($("#gnb_1dul"), event.target)) {
                    return;
                }

                closeAllTopMenus();
            });

            $(document).on("keydown", function(event) {
                if (event.key === "Escape") {
                    closeAllTopMenus();
                }
            });
        });
    </script>

      </div>
    </nav>
    <button type="button" id="gnb_open" class="d-block d-md-none fs-1 sub-font bg-transparent me-auto border-0" style="width: 50px;height: 50px;">
      <i class="fa fa-bars" aria-hidden="true"></i>
      <span class="blind">열기</span>
    </button>
    <div id="gnb_mo" class="gnb_mo fs-5">
      <button type="button" id="gnb_close" class="hhd_defined_closer">
        <span class="blind">메뉴 닫기</span>
        <i class="fa fa-xmark" aria-hidden="true"></i>
      </button>
      <!-- 아웃 로그인 -->
      
      <aside id="ol_before" class="ol py-3">
    <h2>회원로그인</h2>
    <a href="/bbs/login" class="btn_b01">로그인</a>
    <a href="/bbs/register" class="btn_b02">회원가입</a>
</aside>
      

      <!-- 사용자페이지 메뉴 -->
      

<style>
    #gnb_mo #gnb_mo_1dul,
    .gnb_mo #gnb_mo_1dul {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        list-style: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    #gnb_mo_1dul ul {
        list-style: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #gnb_mo #gnb_mo_1dul,
    .gnb_mo #gnb_mo_1dul {
        padding: 10px 14px 16px !important;
    }

    #gnb_mo_1dul .gnb_mo_item {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #gnb_mo_1dul .gnb_mo_menu_row {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        width: 100%;
        border-bottom: 1px solid rgba(148, 163, 184, .18);
        border-radius: 14px;
        position: relative;
        overflow: hidden;
        transition:
            background .28s ease,
            box-shadow .28s ease,
            transform .22s ease;
    }

    #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_menu_row {
        background:
            radial-gradient(circle at 92% 50%, rgba(56, 189, 248, .16), transparent 34%),
            linear-gradient(90deg, rgba(244, 63, 94, .10), rgba(255,255,255,0));
        box-shadow: inset 0 0 0 1px rgba(244, 63, 94, .14);
        animation: gnbMoRowBounce .38s cubic-bezier(.2, 1.48, .34, 1) both;
    }

    #gnb_mo_1dul .gnb_mo_link {
        flex: 1 1 auto;
        min-width: 0;
        display: block !important;
        padding: 13px 10px !important;
        color: var(--text-primary, #111827) !important;
        text-decoration: none !important;
        line-height: 1.35;
        font-weight: 800;
        white-space: normal;
        word-break: keep-all;
    }

    :root[color-theme='dark'] #gnb_mo_1dul .gnb_mo_link {
        color: #e5e7eb !important;
    }

    #gnb_mo_1dul .btn_gnb_mo_op {
        flex: 0 0 36px;
        width: 36px;
        min-width: 36px;
        height: 36px;
        min-height: 36px;
        border: 1px solid rgba(255,255,255,.34);
        background:
            radial-gradient(circle at 28% 22%, rgba(255,255,255,.95), rgba(255,255,255,.18) 34%, transparent 60%),
            linear-gradient(135deg, #2563eb, #7c3aed) !important;
        color: #ffffff !important;
        position: relative;
        cursor: pointer;
        touch-action: manipulation;
        font-size: 17px;
        font-weight: 900;
        line-height: 1;
        border-radius: 12px;
        overflow: hidden;
        isolation: isolate;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        margin: 0 10px 0 4px;
        box-shadow:
            0 7px 14px rgba(37,99,235,.24),
            inset 0 1px 0 rgba(255,255,255,.46);
        transition:
            background .22s ease,
            transform .18s ease,
            box-shadow .24s ease;
    }

    #gnb_mo_1dul .btn_gnb_mo_op:hover,
    #gnb_mo_1dul .btn_gnb_mo_op.btn_gnb_mo_cl {
        background:
            radial-gradient(circle at 32% 18%, rgba(255,255,255,1), rgba(255,255,255,.22) 36%, transparent 62%),
            linear-gradient(135deg, #1d4ed8, #9333ea) !important;
        box-shadow:
            0 10px 18px rgba(37,99,235,.30),
            inset 0 1px 0 rgba(255,255,255,.55);
        animation: gnbMoButtonPop .34s cubic-bezier(.18, 1.62, .36, 1) both;
    }

    #gnb_mo_1dul .btn_gnb_mo_op.btn_gnb_mo_cl {
        background:
            radial-gradient(circle at 32% 18%, rgba(255,255,255,.96), rgba(255,255,255,.18) 36%, transparent 62%),
            linear-gradient(135deg, #ef4444, #f97316) !important;
        box-shadow:
            0 10px 18px rgba(239,68,68,.26),
            inset 0 1px 0 rgba(255,255,255,.48);
    }

    #gnb_mo_1dul .btn_gnb_mo_op:active {
        transform: scale(.94);
    }

    #gnb_mo_1dul .blind {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
    }

    :root[color-theme='dark'] #gnb_mo_1dul .btn_gnb_mo_op {
        color: #ffffff !important;
    }

    #gnb_mo_1dul .gnb_mo_toggle_symbol {
        position: relative;
        z-index: 2;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1em;
        height: 1em;
        color: inherit;
        font-size: inherit;
        font-weight: inherit;
        line-height: 1;
        transform: translateY(-1px);
    }

    #gnb_mo_1dul .gnb_mo_ripple {
        position: absolute;
        left: var(--ripple-x, 50%);
        top: var(--ripple-y, 50%);
        z-index: 1;
        width: 12px;
        height: 12px;
        border-radius: 999px;
        pointer-events: none;
        background:
            radial-gradient(circle, rgba(255,255,255,.92) 0%, rgba(125,211,252,.62) 36%, rgba(56,189,248,.22) 58%, transparent 72%);
        transform: translate(-50%, -50%) scale(0);
        animation: gnbMoWaterDrop .58s cubic-bezier(.18,.78,.28,1) forwards;
        filter: blur(.1px);
    }

    @keyframes gnbMoWaterDrop {
        0% {
            opacity: .86;
            transform: translate(-50%, -50%) scale(.2);
        }
        58% {
            opacity: .44;
        }
        100% {
            opacity: 0;
            transform: translate(-50%, -50%) scale(8.8);
        }
    }

    @keyframes gnbMoButtonPop {
        0% {
            transform: scale(.86);
        }
        58% {
            transform: scale(1.12);
        }
        100% {
            transform: scale(1);
        }
    }

    @keyframes gnbMoRowBounce {
        0% {
            transform: translateY(-3px) scaleY(.98);
        }
        48% {
            transform: translateY(2px) scaleY(1.015);
        }
        78% {
            transform: translateY(-1px) scaleY(.998);
        }
        100% {
            transform: translateY(0) scaleY(1);
        }
    }

    #gnb_mo_1dul .gnb_mo_sub_dul {
        display: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-height: none !important;
        overflow: visible !important;
        pointer-events: auto !important;
        transform: none !important;
        will-change: height, opacity, transform;
        position: relative;
        isolation: isolate;
        border-radius: 0 0 18px 18px;
        margin: 2px 0 8px !important;
    }

    #gnb_mo #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_sub_dul,
    .gnb_mo #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_sub_dul,
    #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_sub_dul {
        display: block !important;
        animation: gnbMoSubBounce .42s cubic-bezier(.17, 1.46, .32, 1) both;
    }

    #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_sub_dul::before {
        content: "";
        position: absolute;
        inset: 0 4px 2px 4px;
        z-index: -1;
        border-radius: inherit;
        pointer-events: none;
        background:
            radial-gradient(circle at 16% 8%, rgba(255,255,255,.72) 0 0, rgba(255,255,255,.44) 8px, transparent 26px),
            radial-gradient(circle at 82% 16%, rgba(125,211,252,.32) 0 0, rgba(125,211,252,.18) 18px, transparent 46px),
            radial-gradient(circle at 46% 92%, rgba(244,63,94,.20) 0 0, transparent 54px),
            linear-gradient(180deg, rgba(56,189,248,.07), rgba(244,63,94,.05));
        animation: gnbMoSubWaterBloom .54s cubic-bezier(.18,.84,.3,1) both;
    }

    #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_sub_dul > .gnb_mo_item {
        animation: gnbMoChildItemPop .42s cubic-bezier(.16, 1.55, .34, 1) both;
        transform-origin: top center;
    }

    #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_sub_dul > .gnb_mo_item:nth-child(1) { animation-delay: 0ms; }
    #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_sub_dul > .gnb_mo_item:nth-child(2) { animation-delay: 28ms; }
    #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_sub_dul > .gnb_mo_item:nth-child(3) { animation-delay: 56ms; }
    #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_sub_dul > .gnb_mo_item:nth-child(4) { animation-delay: 84ms; }
    #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_sub_dul > .gnb_mo_item:nth-child(5) { animation-delay: 112ms; }
    #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_sub_dul > .gnb_mo_item:nth-child(n+6) { animation-delay: 140ms; }

    #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_sub_dul > .gnb_mo_item > .gnb_mo_menu_row::after {
        content: "";
        position: absolute;
        left: 12px;
        top: 50%;
        width: 8px;
        height: 8px;
        border-radius: 999px;
        pointer-events: none;
        background: rgba(125, 211, 252, .58);
        box-shadow:
            14px -6px 0 rgba(244, 63, 94, .18),
            25px 7px 0 rgba(56, 189, 248, .16);
        opacity: 0;
        transform: translateY(-50%) scale(.35);
        animation: gnbMoTinyDrops .52s ease-out both;
    }

    @keyframes gnbMoSubBounce {
        0% {
            opacity: 0;
            transform: translateY(-12px) scaleY(.92);
            filter: saturate(.92);
        }
        55% {
            opacity: 1;
            transform: translateY(4px) scaleY(1.04);
            filter: saturate(1.05);
        }
        78% {
            transform: translateY(-2px) scaleY(.99);
        }
        100% {
            opacity: 1;
            transform: translateY(0) scaleY(1);
            filter: saturate(1);
        }
    }

    @keyframes gnbMoSubWaterBloom {
        0% {
            opacity: 0;
            transform: scale(.96);
            filter: blur(2px) saturate(.86);
        }
        48% {
            opacity: 1;
            transform: scale(1.018);
            filter: blur(0) saturate(1.08);
        }
        100% {
            opacity: 1;
            transform: scale(1);
            filter: blur(0) saturate(1);
        }
    }

    @keyframes gnbMoChildItemPop {
        0% {
            opacity: 0;
            transform: translateY(-10px) scale(.96);
        }
        52% {
            opacity: 1;
            transform: translateY(3px) scale(1.025);
        }
        78% {
            transform: translateY(-1px) scale(.996);
        }
        100% {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }

    @keyframes gnbMoTinyDrops {
        0% {
            opacity: 0;
            transform: translateY(-50%) scale(.25);
        }
        36% {
            opacity: .85;
            transform: translateY(-50%) scale(1.25);
        }
        100% {
            opacity: 0;
            transform: translateY(-50%) scale(2.4);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_menu_row,
        #gnb_mo_1dul .btn_gnb_mo_op.btn_gnb_mo_cl,
        #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_sub_dul,
        #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_sub_dul::before,
        #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_sub_dul > .gnb_mo_item,
        #gnb_mo_1dul .gnb_mo_item.is-open > .gnb_mo_sub_dul > .gnb_mo_item > .gnb_mo_menu_row::after,
        #gnb_mo_1dul .gnb_mo_ripple {
            animation: none !important;
            transition: none !important;
        }
    }

    #gnb_mo_1dul .gnb_mo_2dul {
        padding-left: 12px !important;
    }

    #gnb_mo_1dul .gnb_mo_3dul {
        padding-left: 16px !important;
    }

    #gnb_mo_1dul .gnb_mo_4dul {
        padding-left: 20px !important;
    }

    #gnb_mo_1dul .gnb_mo_2dli > .gnb_mo_menu_row,
    #gnb_mo_1dul .gnb_mo_3dli > .gnb_mo_menu_row,
    #gnb_mo_1dul .gnb_mo_4dli > .gnb_mo_menu_row {
        border-left: 3px solid rgba(244, 63, 94, .28);
        padding-left: 6px;
    }
</style>

<ul id="gnb_mo_1dul" class="gnb_mo_recursive_menu">
    
    
        <li class="gnb_mo_item gnb_mo_1dli has_submenu" data-gnb-depth="1">
            <div class="gnb_mo_menu_row">
                <a href="#" target="_self" class="gnb_mo_link gnb_mo_1da">
                    통계
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_1"
                            aria-expanded="false"
                            aria-label="통계 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_2dul gnb_mo_sub_dul" data-gnb-depth="2">
                    
    
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>당첨결과
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="당첨결과 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_next_3" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>이월수&amp;이웃수
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_next" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>이월수&amp;연속수
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_next_pair" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐이월수&amp;궁합수
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_total" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>통계 통합
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_pattern" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>출현패턴
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="출현패턴 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_total_2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>출현패턴&amp;필터패턴
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_pattern_2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>출현패턴(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_pattern_3" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐출현패턴가로(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_pattern_5" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐출현패턴세로(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_pattern_4" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐출현패턴주변수(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_search" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>출현&amp;미출현
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_next_2" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>회귀별 출현(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://neolotto.kr/bbs/lotto_number_detail" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐번호별순위
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://neolotto.kr/bbs/lotto_number_detail_2" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐출현수구간1
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="🔐출현수구간1 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://neolotto.kr/bbs/lotto_number_detail_3" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐출현수구간2
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count_4" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐제외번호(유저그룹)
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="🔐제외번호(유저그룹) 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_hot_cool_2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐핫수콜수제외계산
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_3" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐주간출현번호제외(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/hunatsu" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐후나츠분석(유저그룹)
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="🔐후나츠분석(유저그룹) 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_hunatsu_ai_old" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐후나츠분석AI(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/hunatsu_bonus" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐보너스볼분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_1dli has_submenu" data-gnb-depth="1">
            <div class="gnb_mo_menu_row">
                <a href="#" target="_self" class="gnb_mo_link gnb_mo_1da">
                    분석
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_1"
                            aria-expanded="false"
                            aria-label="분석 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_2dul gnb_mo_sub_dul" data-gnb-depth="2">
                    
    
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_filter" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>필터분석(유저그룹)
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="필터분석(유저그룹) 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_4_garo" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>필터용지가로(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_5_sero" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>필터용지세로(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_1_so3hap" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>필터소3합(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_0_10num" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>필터번호대별(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_2_endnum" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>필터끝수(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_results2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>필터출현번호
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_results" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>필터용지패턴(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_6_other" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐필터기타통합(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_3_9kan" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐필터9칸의비밀(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_7_ban" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>필터3수(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_count" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>연속미출현필터(유저그룹)
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="연속미출현필터(유저그룹) 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="/bbs/lotto_filter_count_2/" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐연속미출현필터_2(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_results3" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐필터잔여출현체크(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_1dli has_submenu" data-gnb-depth="1">
            <div class="gnb_mo_menu_row">
                <a href="#" target="_self" class="gnb_mo_link gnb_mo_1da">
                    분석(중급)
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_1"
                            aria-expanded="false"
                            aria-label="분석(중급) 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_2dul gnb_mo_sub_dul" data-gnb-depth="2">
                    
    
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_nak" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>잔여출현수
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="잔여출현수 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>잔여출현수2(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_3" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐잔여출현수3(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_3_2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐잔여출현수3_2(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_4" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐잔여출현수4(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_5" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐잔여출현수5(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_5_2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐잔여출현수5_2(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_6" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐잔여출현끝수(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_9" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐잔여출현수9(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_list_num" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>궁합출현번호
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="궁합출현번호 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_list" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>궁합출현리스트
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_history" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>주간출현히스토리
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="주간출현히스토리 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐주간출현번호(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐주간출현번호2(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐주간출현번호(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_4" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐주간출현번호첫구간제외(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_counts_2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐주간출현당첨구별(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_counts" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐주간출현당첨구별
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_number_7_week" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐7주간출현(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_nak" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐궁합출현 낙첨수
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="🔐궁합출현 낙첨수 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_next" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐궁합출현다음수(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_nak_2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐궁합출현 낙첨수2(유저다중그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_pair_nak_3" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐궁합출현 낙첨수3(유저다중그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="/bbs/lotto_pair_nak_2_1" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐궁합출현 낙첨수 5개이하궁합(유저다중그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐100주간하위출현(유저그룹)
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="🔐100주간하위출현(유저그룹) 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count_2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐100주간하위출현반대(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count_3" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐100주간하위출현반대2(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_hot_cool" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐핫수첫수모음
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_number_week_hot_cool_3" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐콜수모음
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="/bbs/lotto_week_strength" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐통합분석
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="🔐통합분석 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="/bbs/lotto_week_strength_2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐통합분석(전이학습예측번호)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_imminent" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐출현임박(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_12years" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐12년주기(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_100week" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐100회귀(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://neolotto.kr/bbs/lotto_imminent_number_week" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐출현임박+주간출현(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_pb" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐피보나치(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_pb_2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐피보나치2(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_1dli has_submenu" data-gnb-depth="1">
            <div class="gnb_mo_menu_row">
                <a href="#" target="_self" class="gnb_mo_link gnb_mo_1da">
                    조합기
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_1"
                            aria-expanded="false"
                            aria-label="조합기 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_2dul gnb_mo_sub_dul" data-gnb-depth="2">
                    
    
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="/bbs/lotto_generate_basic" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>기본조합기
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="기본조합기 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_super_generator" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐조합기
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate2" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>네오전용조합기
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="네오전용조합기 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate3" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐네오전용조합기(가중치세팅)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate5" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐네오전용조합기(가중치세팅)_#
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate4" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐네오전용조합기(가중치변칙세팅)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_smart_lotto" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>스마트조합기(초급)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_ai_pair" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>네오전용AI궁합조합기
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="네오전용AI궁합조합기 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_12_100" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐네오전용궁합조합기
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_ai_pair2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐네오전용AI궁합조합기2
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="/bbs/lotto_generate11" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐네오전용AI궁합조합기3
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_ai" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>네오전용AI조합기
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="네오전용AI조합기 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_lstm" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>네오전용딥러닝조합기
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_lstm2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐네오전용딥러닝조합기2
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_lstm3" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐네오전용딥러닝조합기3
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_lstm4" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐네오전용딥러닝조합기4(전이학습적용)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="/bbs/lotto_generate_lstm5" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐네오전용딥러닝조합기5
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_pattern" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>네오전용패턴조합기
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="네오전용패턴조합기 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_pattern2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐네오전용패턴조합기2
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate_permu_scope" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐순열조합
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="🔐순열조합 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate8" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐순열조합(궁합조합전용)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate6" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐순열조합2
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate7" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐순열조합2(다양한조합생성)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_generate9" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐순열조합3(다양한조합생성)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="/bbs/lotto_generate12" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐순열조합5(유저그룹가중치)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="/bbs/lotto_generate10" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐순열조합선택_(다양한조합생성)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_1dli has_submenu" data-gnb-depth="1">
            <div class="gnb_mo_menu_row">
                <a href="#" target="_self" class="gnb_mo_link gnb_mo_1da">
                    나의분석(회원)
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_1"
                            aria-expanded="false"
                            aria-label="나의분석(회원) 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_2dul gnb_mo_sub_dul" data-gnb-depth="2">
                    
    
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_compare" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>나의 조합번호
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_predicted_posts" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>회원추천번호
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_filter_results_auto" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>자동용지분석
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/group-filter3" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>📝희원그룹공유📝
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="📝희원그룹공유📝 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="/bbs/lotto_filter_user" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>나의그룹 출현분석
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/group-filter" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>‼️회원전용(유저그룹필터)‼️
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="‼️회원전용(유저그룹필터)‼️ 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/group-filter2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>‼️회원전용2(유저그룹관리)‼️
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_7" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>‼️회원전용낙첨유저그룹(유저그룹관리)‼️
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_nak_8" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>‼️회원전용낙첨유저그룹2(유저그룹관리)‼️
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/group-filter_memo" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>‼️회원전용_메모기능(유저그룹관리)‼️
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_1dli has_submenu" data-gnb-depth="1">
            <div class="gnb_mo_menu_row">
                <a href="#" target="_self" class="gnb_mo_link gnb_mo_1da">
                    커뮤니티
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_1"
                            aria-expanded="false"
                            aria-label="커뮤니티 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_2dul gnb_mo_sub_dul" data-gnb-depth="2">
                    
    
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="/auto-post" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>주간로또 분석글
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/board/notice/" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>공지사항
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/board/gallery" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>당첨인증
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="/bbs/lotto_validate_router" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>필터링 당첨검증
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/video-board" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>네오로또 사용방법
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/board/free/" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>자유게시판
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://neolotto.kr/board/qa/" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>질문&amp;답변
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="/board/bug/" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>오류수정요청&amp;분석기추가요청
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_1dli has_submenu" data-gnb-depth="1">
            <div class="gnb_mo_menu_row">
                <a href="#" target="_self" class="gnb_mo_link gnb_mo_1da">
                    생활정보
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_1"
                            aria-expanded="false"
                            aria-label="생활정보 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_2dul gnb_mo_sub_dul" data-gnb-depth="2">
                    
    
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://neolotto.kr/bbs/lotto_shop_map" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>로또판매점
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://neolotto.kr/bbs/lotto_calc" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>실수령계산기
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://neolotto.kr/bbs/lotto_calendar" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>로또달력
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://neolotto.kr/bbs/content/resize" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>사진크기변경
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://neolotto.kr/bbs/content/convert" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>부동산계산기
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://neolotto.kr/bbs/lotto_dream_numbers" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>꿈 해몽 연관번호
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_1dli has_submenu" data-gnb-depth="1">
            <div class="gnb_mo_menu_row">
                <a href="#" target="_self" class="gnb_mo_link gnb_mo_1da">
                    분석(고급)
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_1"
                            aria-expanded="false"
                            aria-label="분석(고급) 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_2dul gnb_mo_sub_dul" data-gnb-depth="2">
                    
    
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_sbs" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐SBS 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_wsbp" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐WSBP 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_gdcs" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐GDCS 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_mlts" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐MLTS 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_sep" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐SEP 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_cosi" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐COSI 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_qwf" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐QWF 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_cpr" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐CPR 분석(유저그룹)
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="🔐CPR 분석(유저그룹) 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_cpr3" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐CPR3 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_ccr" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐CCR 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_cpr2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐CPR2 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_gen" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐GEN 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_results_ai" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐AI 분석(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli has_submenu" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count2" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>🔐100주간하위출현2(유저그룹)
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_2"
                            aria-expanded="false"
                            aria-label="🔐100주간하위출현2(유저그룹) 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_3dul gnb_mo_sub_dul" data-gnb-depth="3">
                    
    
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_count3" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐100주간하위출현3(유저그룹)
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_3dli" data-gnb-depth="3">
            <div class="gnb_mo_menu_row">
                <a href="https://www.neolotto.kr/bbs/lotto_100week_cpr2" target="_self" class="gnb_mo_link gnb_mo_3da">
                    <span></span>🔐100주간하위출현CPR2(유저그룹)
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="/bbs/lotto_basis_analysis" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>통합분석
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_1dli" data-gnb-depth="1">
            <div class="gnb_mo_menu_row">
                <a href="/bbs/lotto-widgets" target="_self" class="gnb_mo_link gnb_mo_1da">
                    사용자위젯
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_1dli has_submenu" data-gnb-depth="1">
            <div class="gnb_mo_menu_row">
                <a href="#" target="_self" class="gnb_mo_link gnb_mo_1da">
                    네오전용AI
                </a>

                
                    <button type="button"
                            class="btn_gnb_mo_op btn_gnb_mo_depth_1"
                            aria-expanded="false"
                            aria-label="네오전용AI 하위분류 열기">
                        <span class="gnb_mo_toggle_symbol" aria-hidden="true">+</span>
                        <span class="blind">하위분류</span>
                    </button>
                
            </div>

            
                <ul class="gnb_mo_2dul gnb_mo_sub_dul" data-gnb-depth="2">
                    
    
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="/bbs/lotto_filter_ai" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>필터분석AI
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="/bbs/lotto_nak_ai" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>낙첨수AI
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="/bbs/lotto_hunatsu_ai" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>후나츠AI
                </a>

                
            </div>

            
        </li>
    
        
        <li class="gnb_mo_item gnb_mo_2dli" data-gnb-depth="2">
            <div class="gnb_mo_menu_row">
                <a href="/bbs/lotto_generate_ai_3g" target="_self" class="gnb_mo_link gnb_mo_2da">
                    <span></span>조합기AI
                </a>

                
            </div>

            
        </li>
    

                </ul>
            
        </li>
    

</ul>

<script>
    (function() {
        function bindMobileGnb() {
            var $menu = window.jQuery ? $("#gnb_mo_1dul") : null;

            if (!$menu || !$menu.length || $menu.data("gnbMoBound") === true) {
                return;
            }

            $menu.data("gnbMoBound", true);
            $menu.find(".gnb_mo_sub_dul").hide();

            $menu.on("click", ".btn_gnb_mo_op", function(event) {
                event.preventDefault();
                event.stopPropagation();

                var $button = $(this);
                var $item = $button.closest("li");
                var $submenu = $item.children(".gnb_mo_sub_dul").first();
                var isOpen = $item.hasClass("is-open");
                var label = String($button.attr("aria-label") || "");
                var rect = this.getBoundingClientRect();
                var rippleX = event.clientX ? event.clientX - rect.left : rect.width / 2;
                var rippleY = event.clientY ? event.clientY - rect.top : rect.height / 2;
                var $ripple = $("<span class=\"gnb_mo_ripple\"></span>");

                if (!$submenu.length) {
                    return;
                }

                $ripple.css({
                    "--ripple-x": rippleX + "px",
                    "--ripple-y": rippleY + "px"
                });
                $button.append($ripple);
                window.setTimeout(function() {
                    $ripple.remove();
                }, 620);

                if (isOpen) {
                    $item.removeClass("is-open");
                    $button
                        .removeClass("btn_gnb_mo_cl")
                        .attr("aria-expanded", "false")
                        .attr("aria-label", label.replace("닫기", "열기"));
                    $button.find(".gnb_mo_toggle_symbol").text("+");

                    $item.find("li.is-open").removeClass("is-open");
                    $item.find(".btn_gnb_mo_op")
                        .removeClass("btn_gnb_mo_cl")
                        .attr("aria-expanded", "false");
                    $item.find(".gnb_mo_toggle_symbol").text("+");
                    $item.find(".gnb_mo_sub_dul").stop(true, true).slideUp(280);
                } else {
                    $item.addClass("is-open");
                    $button
                        .addClass("btn_gnb_mo_cl")
                        .attr("aria-expanded", "true")
                        .attr("aria-label", label.replace("열기", "닫기"));
                    $button.find(".gnb_mo_toggle_symbol").text("-");
                    $submenu.removeClass("gnb_mo_anim_restart");
                    void $submenu[0].offsetWidth;
                    $submenu.addClass("gnb_mo_anim_restart");
                    $submenu.stop(true, true).slideDown(300);
                }
            });
        }

        if (window.jQuery) {
            $(bindMobileGnb);
        } else {
            document.addEventListener("DOMContentLoaded", bindMobileGnb);
        }
    })();
</script>

      <ul id="hd_nb">
        <li class="hd_nb1">
          <a href="/bbs/faq" id="snb_faq">
            <i class="fa fa-question" aria-hidden="true"></i>FAQ
          </a>
        </li>
        <li class="hd_nb2">
          <a href="/bbs/qalist" id="snb_qa">
            <i class="fa fa-comments" aria-hidden="true"></i>1:1문의
          </a>
        </li>
        <li class="hd_nb3">
          <a href="/bbs/current_connect" id="snb_cnt">
            <i class="fa fa-users" aria-hidden="true"></i>접속자
            <span>0</span>
          </a>
        </li>
        <li class="hd_nb4">
          <a href="/bbs/new" id="snb_new">
            <i class="fa fa-history" aria-hidden="true"></i>새글
          </a>
        </li>
      </ul>
    </div>

    <!-- 검색영역 -->
    <div id="hd_sch_wr" class="position-fixed start-0 top-0 bg-black bg-opacity-75 w-100 h-100" style="z-index: 999;">
      <fieldset id="hd_sch" class="position-absolute start-50 container-xxl translate-middle-x text-end" style="top: 20px;">
        <div id="sch_close_btn" class="d-inline-block text-white cursor-pointer fs-1 mb-2 me-2"><i class="fa fa-xmark" aria-hidden="true"></i></div>
        <span class="blind">사이트 내 전체검색</span>
        <form name="fsearchbox" method="get" action="/bbs/search" onsubmit="return fsearchbox_submit(this);" class="position-relative h-100" >
          <input type="hidden" name="sfl" value="wr_subject||wr_content">
          <input type="hidden" name="sop" value="and">
          <label for="sch_stx" class="blind">검색어 필수</label>
          <input type="text" name="stx" id="sch_stx" maxlength="20" placeholder="검색어를 입력해주세요" class="form-control form-control-lg card-bg fs-4 rounded-4 overflow-hidden main-border shadow-lg px-3" style="border-radius: 3px 0px 0px 3px;" >
          <button type="submit" id="sch_submit" class="position-absolute top-0 end-0 main-font bg-transparent border-0 fs-4" style="width: 60px; height: 60px;" value="검색">
            <i class="fa fa-search" aria-hidden="true" ></i>
            <span class="blind">검색</span>
          </button>
        </form>
        <script>
          function fsearchbox_submit(f) {
            var stx = f.stx.value.trim();
            if (stx.length < 2) {
              alert("검색어는 두글자 이상 입력하십시오.");
              f.stx.select();
              f.stx.focus();
              return false;
            }
            var cnt = 0;
            for (var i = 0; i < stx.length; i++) { if (stx.charAt(i) == ' ') cnt++; }
            if (cnt > 1) {
              alert("빠른 검색을 위하여 검색어에 공백은 한개만 입력할 수 있습니다.");
              f.stx.select(); f.stx.focus(); return false;
            }
            f.stx.value = stx;
            return true;
          }
        </script>
      </fieldset>
      <!-- 인기검색어 시작 { -->
      

    <section id="popular" class="position-relative mt-2">
        <h2 class="blind">인기검색어</h2>
        <div class="popular_inner overflow-hidden" style="width: 400px;height: 20px;">
            <ul class="d-flex m-0 p-0">
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx=&#34;)/**/OR/**/1 BETWEEN 1 AND 1--KitDgj7E" style="main-font">&#34;)/**/OR/**/1 BETWEEN 1 AND 1--KitDgj7E</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx=&#34;)/**/OR/**/1 BETWEEN 1 AND 1--utR0lGdu" style="main-font">&#34;)/**/OR/**/1 BETWEEN 1 AND 1--utR0lGdu</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx=&#39;)/**/OR/**/1 BETWEEN 2 AND 2--" style="main-font">&#39;)/**/OR/**/1 BETWEEN 2 AND 2--</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx=베타" style="main-font">베타</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx=&#34;)/**/OR/**/1 BETWEEN 1 AND 1--zFwvp30B" style="main-font">&#34;)/**/OR/**/1 BETWEEN 1 AND 1--zFwvp30B</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx=&#34;/**/OR/**/1 BETWEEN 2 AND 2--" style="main-font">&#34;/**/OR/**/1 BETWEEN 2 AND 2--</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx=2025" style="main-font">2025</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx=2026" style="main-font">2026</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx=&#34;)/**/OR/**/1 BETWEEN 1 AND 1--5m7PkwvQ" style="main-font">&#34;)/**/OR/**/1 BETWEEN 1 AND 1--5m7PkwvQ</a>
                    </li>
                
                    <li class="item py-2 pe-4" style="width: auto;">
                        <a href="/bbs/search?stx=&#39;/**/OR/**/1 BETWEEN 1 AND 1--" style="main-font">&#39;/**/OR/**/1 BETWEEN 1 AND 1--</a>
                    </li>
                
            </ul>
            <span class="popular_btns d-none">
                <a href="#" class="pp-next"><i class="fa fa-angle-right" aria-hidden="true"></i></a>
                <a href="#" class="pp-prev"><i class="fa fa-angle-left" aria-hidden="true"></i></a>
            </span>
        </div>
    </section>

    <link rel="stylesheet" href="/theme_static/bootstrap glass/js/owlcarousel/owl.carousel.min.css">
    <script src="/theme_static/bootstrap glass/js/owlcarousel/owl.carousel.min.js"></script>
    <script>
        jQuery(function($){
            
            var popular_el = ".popular_inner ul",
                p_width = $(popular_el).width(),
                c_width = 0;
        
            $(popular_el).children().each(function() {
                c_width += $(this).outerWidth( true );
            });
        
            if( c_width > p_width ){
                var $popular_btns = $(".popular_inner .popular_btns");
                $popular_btns.show();
        
                var p_carousel = $(popular_el).addClass("owl-carousel").owlCarousel({
                    items:5,
                    loop:true,
                    nav:false,
                    dots:false,
                    autoWidth:true,
                    mouseDrag:false,
                });
        
                $popular_btns.on("click", ".pp-next", function(e) {
                    e.preventDefault();
                    p_carousel.trigger('next.owl.carousel');
                })
                .on("click", ".pp-prev", function(e) {
                    e.preventDefault();
                    p_carousel.trigger('prev.owl.carousel');
                });
            }
        });
    </script>

      <!-- } 인기검색어 끝 -->
    </div>

    <div id="util_box" class="d-flex">
      <!-- 검색 버튼 -->
      <button type="button" id="user_btn" class="overflow-hidden border-0 bg-transparent fs-2 sub-font me-1" style="width: 48px; height: 48px;">
        <i class="fa fa-search" aria-hidden="true"></i>
        <span class="blind">사용자메뉴</span>
      </button>
      <!-- 다크모드 버튼 -->
      <button type="button" id="darkmode-toggle-switch" class="overflow-hidden border-0 bg-transparent fs-4 sub-font me-3" style="width: 48px; height: 48px;">
        <i class="fa-solid fa-regular fa-moon visible bright"></i>
        <i class="fa-solid fa-regular fa-sun visible dark"></i>
      </button>
      <!-- 프로필 -->
      <div id="profile" class="dropdown d-none d-md-block bg-transparent">
        <span id="profileDropdown" data-bs-toggle="dropdown" aria-expanded="false" class="d-inline-block rounded-circle overflow-hidden cursor-pointer" style="width: 48px; height: 48px;" tabindex="0">
          <img src="/static/img/no_profile.gif"
               style="width: 100%;" alt="profile_image" width="100%" height="48" loading="lazy" decoding="async">
        </span>
        <div class="dropdown-menu cont-bg rounded-4 main-border overflow-hidden" aria-labelledby="profileDropdown">
          
            <!-- 로그인 전 아웃로그인 시작 { -->
<style>
/* =========================================================
   OUTLOGIN 2026 - INDEPENDENT / SCOPED
   ---------------------------------------------------------
   적용 범위: #ol_before 내부만
   기존 로그인/회원가입 URL 및 필드명 유지
   Bootstrap / 테마 공통 클래스에 의존하지 않음
   ========================================================= */

#ol_before.ol26-widget {
    --ol26-primary: var(--primaryColor, #4b72c5);
    --ol26-bg: #ffffff;
    --ol26-soft: #f5f7fb;
    --ol26-soft-hover: #eef2f7;
    --ol26-text: #111827;
    --ol26-sub: #5f6b7a;
    --ol26-muted: #98a2b3;
    --ol26-border: #cfd6df;
    --ol26-border-hover: #9da8b7;
    --ol26-focus: rgba(75, 114, 197, 0.16);

    position: relative !important;
    display: block !important;

    width: min(100%, 360px) !important;
    max-width: 360px !important;
    min-width: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    border: 1px solid #dde3ea !important;
    border-radius: 18px !important;

    background: var(--ol26-bg) !important;
    color: var(--ol26-text) !important;

    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08) !important;

    overflow: hidden !important;
    isolation: isolate;

    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

#ol_before.ol26-widget,
#ol_before.ol26-widget *,
#ol_before.ol26-widget *::before,
#ol_before.ol26-widget *::after {
    box-sizing: border-box !important;
}

/* ---------------------------------------------------------
   외부 공통 CSS 장식 차단
   --------------------------------------------------------- */
#ol_before.ol26-widget .ol26-tabs,
#ol_before.ol26-widget .ol26-form,
#ol_before.ol26-widget .ol26-fields,
#ol_before.ol26-widget .ol26-options,
#ol_before.ol26-widget .ol26-auto,
#ol_before.ol26-widget .ol26-service {
    border-left: 0 !important;
    border-right: 0 !important;
    background-image: none !important;
}

#ol_before.ol26-widget .ol26-tabs::before,
#ol_before.ol26-widget .ol26-tabs::after,
#ol_before.ol26-widget .ol26-form::before,
#ol_before.ol26-widget .ol26-form::after,
#ol_before.ol26-widget .ol26-fields::before,
#ol_before.ol26-widget .ol26-fields::after,
#ol_before.ol26-widget .ol26-options::before,
#ol_before.ol26-widget .ol26-options::after,
#ol_before.ol26-widget .ol26-auto::before,
#ol_before.ol26-widget .ol26-auto::after,
#ol_before.ol26-widget .ol26-service::before,
#ol_before.ol26-widget .ol26-service::after {
    content: none !important;
    display: none !important;
}

/* ---------------------------------------------------------
   상단 로그인 / 회원가입 탭
   --------------------------------------------------------- */
#ol_before.ol26-widget .ol26-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 12px !important;
    gap: 8px !important;

    border: 0 !important;
    border-bottom: 1px solid #e7ebf0 !important;

    background: #ffffff !important;
}

#ol_before.ol26-widget .ol26-tab-wrap {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}

#ol_before.ol26-widget .ol_tab {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 48px !important;

    margin: 0 !important;
    padding: 12px 14px !important;

    border-radius: 11px !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}

#ol_before.ol26-widget .ol_tab_active {
    border: 1px solid var(--ol26-primary) !important;
    background: rgba(9, 65, 185, 0.78) !important;
    color: #ffffff !important;
    box-shadow: 0 5px 12px rgba(75, 114, 197, 0.18) !important;
}

#ol_before.ol26-widget .ol26-register-link {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    text-decoration: none !important;
}

#ol_before.ol26-widget .ol_tab_join {
    border: 1px solid #cfd8e6 !important;
    background: #f2f5fa !important;
    color: var(--ol26-text) !important;
}

#ol_before.ol26-widget .ol26-register-link:hover .ol_tab_join,
#ol_before.ol26-widget .ol26-register-link:focus-visible .ol_tab_join {
    border-color: #aeb9c8 !important;
    background: #e9eef6 !important;
    color: var(--ol26-text) !important;
}

#ol_before.ol26-widget .ol26-register-link:focus-visible {
    outline: 0 !important;
}

#ol_before.ol26-widget .ol_tab:active {
    transform: translateY(1px) !important;
}

/* ---------------------------------------------------------
   로그인 폼
   --------------------------------------------------------- */
#ol_before.ol26-widget .ol26-form {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 22px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #ffffff !important;
    box-shadow: none !important;
}

#ol_before.ol26-widget .ol26-form fieldset {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}

#ol_before.ol26-widget .ol26-fields {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}

/* ---------------------------------------------------------
   아이디 / 비밀번호 입력폼
   --------------------------------------------------------- */
#ol_before.ol26-widget input.ol26-input {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 52px !important;
    min-height: 52px !important;

    margin: 0 !important;
    padding: 0 15px !important;

    border: 1px solid var(--ol26-border) !important;
    border-radius: 11px !important;
    outline: 0 !important;

    background: #ffffff !important;
    background-image: none !important;

    color: var(--ol26-text) !important;

    box-shadow:
        inset 0 0 0 1px rgba(15, 23, 42, 0.01),
        0 1px 2px rgba(15, 23, 42, 0.025) !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: normal !important;

    text-indent: 0 !important;
    letter-spacing: normal !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease !important;
}

#ol_before.ol26-widget input.ol26-input:hover {
    border-color: var(--ol26-border-hover) !important;
}

#ol_before.ol26-widget input.ol26-input:focus {
    border-color: var(--ol26-primary) !important;
    box-shadow: 0 0 0 4px var(--ol26-focus) !important;
}

#ol_before.ol26-widget input.ol26-input::placeholder {
    color: var(--ol26-muted) !important;
    opacity: 1 !important;
}

/* ---------------------------------------------------------
   로그인 버튼
   --------------------------------------------------------- */
#ol_before.ol26-widget #ol_submit.ol26-submit {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 54px !important;
    min-height: 54px !important;

    margin: 2px 0 0 !important;
    padding: 12px 16px !important;

    border: 1px solid var(--ol26-primary) !important;
    border-radius: 11px !important;
    outline: 0 !important;

    background: rgba(192, 12, 12, 0.85) !important;
    background-image: none !important;
    color: #ffffff !important;

    box-shadow: none !important;

    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-indent: 0 !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    cursor: pointer !important;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}

#ol_before.ol26-widget #ol_submit.ol26-submit:hover {
    filter: brightness(.93);
    box-shadow: 0 7px 16px rgba(75, 114, 197, .20) !important;
}

#ol_before.ol26-widget #ol_submit.ol26-submit:active {
    transform: translateY(1px) !important;
}

/* ---------------------------------------------------------
   자동로그인 / ID·PW 찾기
   --------------------------------------------------------- */
#ol_before.ol26-widget .ol26-options {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;

    width: 100% !important;

    margin: 15px 0 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}

#ol_before.ol26-widget .ol26-auto {
    display: flex !important;
    align-items: center !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
}

#ol_before.ol26-widget .ol26-auto input[type="checkbox"] {
    position: static !important;
    display: block !important;

    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;

    margin: 0 7px 0 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    appearance: auto !important;
    -webkit-appearance: checkbox !important;

    accent-color: var(--ol26-primary);

    cursor: pointer !important;
}

#ol_before.ol26-widget .ol26-auto label {
    position: static !important;
    display: inline !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
    clip: auto !important;

    border: 0 !important;

    background: transparent !important;
    color: var(--ol26-sub) !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;

    text-indent: 0 !important;
    white-space: nowrap !important;

    cursor: pointer !important;
}

#ol_before.ol26-widget .ol26-service {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 5px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;
    color: var(--ol26-muted) !important;

    font-size: 12px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

#ol_before.ol26-widget .ol26-service a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 32px !important;

    margin: 0 !important;
    padding: 0 9px !important;

    border: 1px solid #d8dee6 !important;
    border-radius: 8px !important;

    background: #ffffff !important;
    color: #475467 !important;

    box-shadow: none !important;

    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    transition:
        border-color .18s ease,
        background-color .18s ease,
        color .18s ease !important;
}

#ol_before.ol26-widget .ol26-service a:hover,
#ol_before.ol26-widget .ol26-service a:focus-visible {
    border-color: #aeb7c4 !important;
    background: #f7f9fb !important;
    color: var(--ol26-text) !important;
    outline: 0 !important;
}

/* ---------------------------------------------------------
   접근성 숨김
   --------------------------------------------------------- */
#ol_before.ol26-widget .ol26-blind {
    position: absolute !important;

    width: 1px !important;
    height: 1px !important;

    margin: -1px !important;
    padding: 0 !important;

    overflow: hidden !important;

    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;

    white-space: nowrap !important;

    border: 0 !important;
}

/* ---------------------------------------------------------
   모바일
   --------------------------------------------------------- */
@media (max-width: 420px) {
    #ol_before.ol26-widget {
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 16px !important;
    }

    #ol_before.ol26-widget .ol26-tabs {
        padding: 10px !important;
        gap: 7px !important;
    }

    #ol_before.ol26-widget .ol_tab {
        min-height: 46px !important;
        padding: 11px 10px !important;
        font-size: 14px !important;
    }

    #ol_before.ol26-widget .ol26-form {
        padding: 18px !important;
    }

    #ol_before.ol26-widget .ol26-options {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    #ol_before.ol26-widget .ol26-service {
        justify-content: flex-start !important;
    }
}
</style>

<section id="ol_before" class="ol26-widget" aria-label="회원 로그인">

    <div class="ol26-tabs">
        <h2 class="ol26-tab-wrap">
            <span class="ol_tab ol_tab_active">
                <span class="ol26-blind">회원</span>
                로그인
            </span>
        </h2>

        <a href="/bbs/register" class="ol26-register-link">
            <span class="ol_tab ol_tab_join">
                회원가입
            </span>
        </a>
    </div>

    <form
        name="foutlogin"
        action="/bbs/login"
        onsubmit="return fhead_submit(this);"
        method="post"
        autocomplete="off"
        class="ol26-form"
    >
        <fieldset>
            <legend class="ol26-blind">로그인</legend>

            <input
                type="hidden"
                name="url"
                value="https://neolotto.kr/auto-post/category/미출현그룹"
            >

            <div class="ol26-fields">
                <div>
                    <label
                        for="ol_id"
                        id="ol_idlabel"
                        class="ol26-blind"
                    >
                        회원아이디
                        <strong>필수</strong>
                    </label>

                    <input
                        type="text"
                        id="ol_id"
                        name="mb_id"
                        class="ol26-input required alnum_"
                        required
                        maxlength="20"
                        placeholder="아이디"
                        autocomplete="username"
                    >
                </div>

                <div>
                    <label
                        for="ol_pw"
                        id="ol_pwlabel"
                        class="ol26-blind"
                    >
                        비밀번호
                        <strong>필수</strong>
                    </label>

                    <input
                        type="password"
                        name="mb_password"
                        id="ol_pw"
                        class="ol26-input required"
                        required
                        maxlength="20"
                        placeholder="비밀번호"
                        autocomplete="current-password"
                    >
                </div>

                <input
                    type="submit"
                    id="ol_submit"
                    value="로그인"
                    class="ol26-submit"
                >
            </div>

            <div class="ol26-options">
                <div id="ol_auto" class="ol26-auto">
                    <input
                        type="checkbox"
                        name="auto_login"
                        id="auto_login"
                    >
                    <label for="auto_login">
                        자동로그인
                    </label>
                </div>

                <div id="ol_svc" class="ol26-service">
                    <a href="/bbs/id_lost">
                        ID 찾기
                    </a>

                    <span aria-hidden="true">/</span>

                    <a href="/bbs/password_lost">
                        PW 찾기
                    </a>
                </div>
            </div>
        </fieldset>
    </form>
</section>

<div class="login-sns sns-wrap-32 sns-wrap-over" id="sns_login" class="mt-0 border-top-0">
    <h3 class="blind">소셜계정으로 로그인</h3>
    <div class="sns-wrap">
             <!-- 네이버 로그인을 사용한다면 -->
        <a href="/bbs/social/login?provider=naver" class="sns-icon social_link sns-naver" title="네이버">
            <span class="ico"></span>
            <span class="txt">네이버<i> 로그인</i></span>
        </a>
        
        
             <!-- 구글 로그인을 사용한다면 -->
        <a href="/bbs/social/login?provider=google" class="sns-icon social_link sns-google" title="구글">
            <span class="ico"></span>
            <span class="txt">구글<i> 로그인</i></span>
        </a>
        
        
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const autoLogin = document.querySelector('#ol_before #auto_login');

    if (autoLogin) {
        autoLogin.addEventListener('click', function() {
            if (this.checked) {
                const confirmResult = confirm(
                    "자동로그인을 사용하시면 다음부터 회원아이디와 비밀번호를 입력하실 필요가 없습니다.\n\n" +
                    "공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n" +
                    "자동로그인을 사용하시겠습니까?"
                );

                if (!confirmResult) {
                    this.checked = false;
                }
            }
        });
    }
});

function fhead_submit(f) {
    /*
     * 기존 outlogin1 이벤트가 등록되어 있으면 그대로 실행합니다.
     * jQuery가 없는 환경에서는 로그인 submit 자체를 막지 않습니다.
     */
    if (window.jQuery) {
        if (
            jQuery(document.body).triggerHandler(
                'outlogin1',
                [f, 'foutlogin']
            ) !== false
        ) {
            return true;
        }

        return false;
    }

    return true;
}
</script>
<!-- } 로그인 전 아웃로그인 끝 -->
          
        </div>
      </div>
    </div>
  </div>
</header>
<!-- } 상단 끝 -->


<hr>

<!-- 콘텐츠 시작 { -->
<div id="wrapper" class="container-xxl w-100 overflow-hidden pt-md-5">
  
<div id="autoNewsApp" class="auto-news-wrap">
  <style>
    .auto-news-wrap{--an-bg:#f6f8fb;--an-ink:#111827;--an-sub:#667085;--an-line:#e5e7eb;--an-card:#fff;--an-main:#0b2447;--an-blue:#2563eb;--an-warn:#c2410c;--an-yellow:#fef08a;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif;color:var(--an-ink);background:var(--an-bg);min-height:100vh;font-size:14px}
    .auto-news-wrap *{box-sizing:border-box}
    .an-site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--an-line);box-shadow:0 2px 10px rgba(15,23,42,.06)}
    .an-site-header-inner{max-width:1180px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}
    .an-site-brand{font-size:18px;font-weight:900;color:var(--an-main);text-decoration:none}
    .an-site-nav{display:flex;gap:8px;flex-wrap:wrap}.an-site-nav a{font-size:13px;font-weight:800;color:#344054;text-decoration:none;padding:7px 9px;border-radius:6px}.an-site-nav a:hover{background:#f2f4f7}
    .an-hero{background:linear-gradient(135deg,#07172f,#0b2447 58%,#123d79);color:#fff;padding:34px 18px 28px}
    .an-hero-inner{max-width:1180px;margin:0 auto}.an-kicker{font-size:13px;color:#bfdbfe;margin-bottom:8px}.an-title{font-size:28px;line-height:1.25;margin:0;font-weight:900}.an-desc{font-size:14px;line-height:1.65;color:#dbeafe;margin:10px 0 0;max-width:780px}
    .an-admin{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.an-admin-panel{display:grid;gap:8px;margin-top:12px;padding:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:8px}.an-management-nav{max-width:1180px;margin:16px auto 0;padding:10px 18px;display:flex;gap:8px;flex-wrap:wrap;background:#fff;border:1px solid var(--an-line);border-radius:10px;position:sticky;top:8px;z-index:45;box-shadow:0 8px 22px rgba(15,23,42,.08)}.an-management-nav a,.an-management-nav button{height:38px;border:1px solid #dbe3ef;border-radius:7px;background:#f8fafc;color:#1f2937;padding:0 13px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}.an-management-nav .public-link{margin-left:auto;background:#0b2447;color:#fff;border-color:#0b2447}.an-public-admin-shortcut{margin-top:14px;display:flex}.an-lotto-source-settings{grid-column:1/-1;display:grid;grid-template-columns:minmax(220px,.75fr) minmax(360px,1.4fr);gap:8px;padding:12px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:rgba(255,255,255,.08)}.an-lotto-source-settings label{display:grid;gap:5px;font-size:13px}.an-lotto-source-select-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.an-lotto-source-select-row .an-btn{height:40px}.an-lotto-source-status{font-size:12px;line-height:1.5;color:#bfdbfe}.an-lotto-source-settings p{grid-column:1/-1;margin:0;color:#dbeafe;font-size:13px;line-height:1.6}@media(max-width:760px){.an-lotto-source-settings{grid-template-columns:1fr}.an-lotto-source-select-row{grid-template-columns:1fr}.an-management-nav{position:static;margin-top:8px}.an-management-nav .public-link{margin-left:0}}.an-admin-grid{display:grid;grid-template-columns:minmax(240px,1fr) repeat(6,minmax(128px,170px));gap:8px;align-items:stretch}.an-publish-options{grid-column:1/-2;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;min-width:0}.an-manual-setting-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(170px,.72fr) minmax(220px,1fr);gap:8px}.an-manual-setting-actions .an-btn{width:100%}
    .an-input,.an-select{height:40px;border:1px solid var(--an-line);border-radius:6px;padding:0 11px;font-size:14px;background:#fff;color:var(--an-ink);min-width:0}.an-textarea{width:100%;min-height:210px;border:1px solid var(--an-line);border-radius:6px;padding:12px;font-size:14px;line-height:1.7;resize:vertical;color:var(--an-ink)}
    .an-btn{height:40px;border:0;border-radius:6px;padding:0 14px;font-size:14px;font-weight:800;cursor:pointer;background:var(--an-main);color:#fff;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.an-btn.secondary{background:#eef2ff;color:#1e3a8a}.an-btn.warning{background:#f59e0b;color:#111827}.an-btn.danger{background:#dc2626;color:#fff}.an-btn.success{background:#047857;color:#fff}.an-btn:disabled{opacity:.7;cursor:not-allowed}
    /* ver154: Threads·Instagram·TikTok 외부 발행 버튼이 같은 상태 표현을 사용합니다. */
    .an-buffer-btn,.an-instagram-btn,.an-tiktok-btn,.an-youtube-btn,.an-facebook-btn,.an-x-btn,.an-blogger-btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .16s ease,box-shadow .2s ease,background-color .2s ease,color .2s ease}
    .an-buffer-btn:not(:disabled):hover,.an-instagram-btn:not(:disabled):hover,.an-tiktok-btn:not(:disabled):hover,.an-youtube-btn:not(:disabled):hover,.an-facebook-btn:not(:disabled):hover,.an-x-btn:not(:disabled):hover,.an-blogger-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 7px 16px rgba(4,120,87,.24)}
    .an-buffer-btn:not(:disabled):active,.an-buffer-btn.is-pressed,.an-instagram-btn:not(:disabled):active,.an-instagram-btn.is-pressed,.an-tiktok-btn:not(:disabled):active,.an-tiktok-btn.is-pressed,.an-youtube-btn:not(:disabled):active,.an-youtube-btn.is-pressed,.an-facebook-btn:not(:disabled):active,.an-facebook-btn.is-pressed,.an-x-btn:not(:disabled):active,.an-x-btn.is-pressed,.an-blogger-btn:not(:disabled):active,.an-blogger-btn.is-pressed{transform:translateY(2px) scale(.96);box-shadow:inset 0 3px 8px rgba(15,23,42,.3)}
    .an-buffer-btn.is-loading,.an-instagram-btn.is-loading,.an-tiktok-btn.is-loading,.an-youtube-btn.is-loading,.an-facebook-btn.is-loading,.an-x-btn.is-loading,.an-blogger-btn.is-loading{background:#1d4ed8;color:#fff;cursor:wait;opacity:1}
    .an-buffer-btn.is-loading:before,.an-instagram-btn.is-loading:before,.an-tiktok-btn.is-loading:before,.an-youtube-btn.is-loading:before,.an-facebook-btn.is-loading:before,.an-x-btn.is-loading:before,.an-blogger-btn.is-loading:before{content:"";width:15px;height:15px;border:2px solid rgba(255,255,255,.42);border-top-color:#fff;border-radius:50%;animation:an-buffer-spin .72s linear infinite}
    .an-buffer-btn.is-complete,.an-instagram-btn.is-complete,.an-tiktok-btn.is-complete,.an-youtube-btn.is-complete,.an-facebook-btn.is-complete,.an-x-btn.is-complete,.an-blogger-btn.is-complete{background:#047857;color:#fff;opacity:1;animation:an-buffer-complete .55s ease both}
    .an-buffer-btn.is-queued,.an-instagram-btn.is-queued,.an-tiktok-btn.is-queued,.an-youtube-btn.is-queued,.an-facebook-btn.is-queued,.an-x-btn.is-queued,.an-blogger-btn.is-queued{background:#0369a1;color:#fff;opacity:1}
    .an-buffer-btn.is-attention,.an-instagram-btn.is-attention,.an-tiktok-btn.is-attention,.an-youtube-btn.is-attention,.an-facebook-btn.is-attention,.an-x-btn.is-attention,.an-blogger-btn.is-attention{background:#f59e0b;color:#111827;opacity:1}
    .an-buffer-btn.is-error,.an-instagram-btn.is-error,.an-tiktok-btn.is-error,.an-youtube-btn.is-error,.an-facebook-btn.is-error,.an-x-btn.is-error,.an-blogger-btn.is-error{background:#dc2626;color:#fff;opacity:1;animation:an-buffer-error .34s ease both}
    @keyframes an-buffer-spin{to{transform:rotate(360deg)}}
    @keyframes an-buffer-complete{0%{transform:scale(.94)}55%{transform:scale(1.06)}100%{transform:scale(1)}}
    @keyframes an-buffer-error{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
    .an-manual-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.an-check{min-height:40px;border:1px solid var(--an-line);border-radius:6px;padding:8px 11px;display:flex;align-items:center;gap:8px;font-size:13px;color:#344054;background:#fff}.an-check input{width:16px;height:16px;margin:0}
    .an-toolbar{max-width:1180px;margin:18px auto 0;padding:0 18px}.an-toolbar-box{display:grid;grid-template-columns:minmax(220px,1fr) 150px 145px 110px auto;gap:8px;background:#fff;border:1px solid var(--an-line);border-radius:8px;padding:10px;box-shadow:0 8px 24px rgba(15,23,42,.07)}
    .an-category-nav{max-width:1180px;margin:16px auto 0;padding:0 18px}.an-category-nav-inner{display:flex;gap:7px;align-items:center;overflow-x:auto;padding:2px 0 6px;scrollbar-width:thin}.an-category-nav a{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;min-height:36px;border:1px solid var(--an-line);border-radius:999px;padding:7px 11px;background:#fff;color:#344054;text-decoration:none;font-size:13px;font-weight:800}.an-category-nav a.active,.an-category-nav a:hover{border-color:var(--an-blue);background:#eff6ff;color:#1d4ed8}.an-category-nav-count{font-size:11px;color:#64748b}.an-category-manager-body{padding:16px}.an-category-add-form{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(150px,.7fr) 90px minmax(220px,1.4fr) auto;gap:8px;align-items:start;padding:12px;border:1px solid var(--an-line);border-radius:8px;background:#f8fafc;margin-bottom:12px}.an-category-add-form textarea{min-height:72px}.an-category-manager-list{display:grid;gap:10px}.an-category-manager-item{border:1px solid var(--an-line);border-radius:8px;padding:12px;background:#fff}.an-category-manager-fields{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(150px,.7fr) 90px minmax(220px,1.4fr);gap:8px}.an-category-manager-fields textarea{min-height:72px}.an-category-manager-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px}.an-category-manager-meta{font-size:12px;color:#667085}.an-category-manager-buttons{display:flex;gap:8px}.an-category-manager-empty{padding:28px;text-align:center;border:1px dashed var(--an-line);border-radius:8px;color:#667085}
    .an-detail-list-actions{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.an-inline-form{display:inline-flex;margin:0}.an-inline-form .an-btn{margin:0}
    .an-card-admin{min-width:0;background:#f8fafc;border-left:1px solid var(--an-line)}.an-card-admin>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;min-height:52px;padding:10px 8px;color:#344054;font-size:13px;font-weight:900;text-align:center;user-select:none}.an-card-admin>summary::-webkit-details-marker{display:none}.an-card-admin>summary:hover{background:#eef2ff;color:#1e3a8a}.an-card-admin-toggle-text:before{content:"관리 열기"}.an-card-admin-toggle-icon{display:inline-block;font-size:11px;transition:transform .18s ease}.an-card-admin[open] .an-card-admin-toggle-text:before{content:"관리 접기"}.an-card-admin[open] .an-card-admin-toggle-icon{transform:rotate(180deg)}.an-card-admin[open]>summary{border-bottom:1px solid var(--an-line);background:#eef2ff;color:#1e3a8a}.an-card-actions{display:flex;flex-direction:column;gap:8px;padding:12px}.an-card-actions .an-btn{height:34px;font-size:13px;width:100%}.an-card-admin:focus-within{outline:2px solid rgba(37,99,235,.2);outline-offset:-2px}
    .an-main{max-width:1180px;margin:18px auto;padding:0 18px 44px}.an-status{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;color:var(--an-sub);font-size:13px}.an-grid{display:grid;grid-template-columns:1fr;gap:12px}.an-card{background:var(--an-card);border:1px solid var(--an-line);border-radius:8px;overflow:hidden;display:grid;grid-template-columns:270px minmax(0,1fr);min-height:174px}.an-card.has-admin-actions{grid-template-columns:270px minmax(0,1fr) 130px}.an-thumb{min-height:174px;background:linear-gradient(135deg,#0f172a,#475569);color:#fff;padding:14px;display:flex;position:relative;overflow:hidden}.an-thumb:after{content:"";position:absolute;right:-24px;bottom:-28px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.18)}.an-thumb.cat-naver{background:linear-gradient(135deg,#065f46,#10b981)}.an-thumb.cat-tistory{background:linear-gradient(135deg,#7c2d12,#f97316)}.an-thumb.cat-blogspot{background:linear-gradient(135deg,#1e3a8a,#3b82f6)}.an-thumb.cat-youtube{background:linear-gradient(135deg,#7f1d1d,#ef4444)}.an-thumb.cat-instagram{background:linear-gradient(135deg,#831843,#db2777)}.an-thumb.cat-tiktok{background:linear-gradient(135deg,#111827,#06b6d4)}.an-thumb.cat-threads{background:linear-gradient(135deg,#111827,#7c3aed)}.an-thumb.cat-facebook{background:linear-gradient(135deg,#1e3a8a,#2563eb)}.an-thumb.cat-x{background:linear-gradient(135deg,#111827,#475569)}.an-thumb.cat-all{background:linear-gradient(135deg,#581c87,#8b5cf6)}.an-thumb-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1}.an-thumb-label{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;justify-content:space-between}.an-thumb.has-image{padding:0}.an-thumb.has-image:after,.an-thumb.has-image .an-thumb-label{display:none}.an-thumb small{align-self:flex-start;font-size:12px;color:#fff;background:rgba(15,23,42,.64);padding:5px 8px;border-radius:999px}.an-thumb strong{font-size:17px;line-height:1.38;word-break:keep-all;text-shadow:0 2px 8px rgba(0,0,0,.72)}.an-body{padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0}.an-card h2{font-size:16px;line-height:1.4;margin:0;font-weight:900}.an-card p{font-size:14px;line-height:1.6;margin:0;color:#475467}.an-post-link{display:block;color:inherit;text-decoration:none}.an-post-link:hover h2{color:#1d4ed8;text-decoration:underline}.an-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;font-size:12px;color:#667085}.an-category-card-link{color:#1d4ed8;text-decoration:none;font-weight:800}.an-category-card-link:hover{text-decoration:underline}.an-tag{display:inline-flex;align-items:center;max-width:100%;min-height:24px;border-radius:999px;background:#f2f4f7;color:#344054;padding:3px 8px;font-size:12px;margin:2px 2px 0 0}.an-empty{background:#fff;border:1px dashed var(--an-line);border-radius:8px;padding:34px;text-align:center;color:#667085;font-size:14px}.an-generated-list{display:grid;gap:10px}.an-generated-item{border:1px solid var(--an-line);border-radius:8px;padding:14px;background:#fff}.an-generated-item h2{font-size:16px;line-height:1.45;margin:0 0 8px}.an-generated-item .an-meta{margin:0 0 10px}.an-pager{display:flex;justify-content:center;gap:8px;margin-top:18px}.an-pager .an-btn{height:36px}
    .an-detail-layout{max-width:1180px;margin:20px auto;padding:0 18px 44px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px}.an-detail-main,.an-detail-side{background:#fff;border:1px solid var(--an-line);border-radius:8px}.an-detail-main{padding:26px;min-width:0}.an-detail-side{padding:16px;height:max-content}.an-detail-title{font-size:28px;line-height:1.35;margin:0 0 12px;font-weight:900}.an-detail-meta{font-size:13px;color:var(--an-sub);margin-bottom:14px}.an-attachment-bar{display:flex;gap:8px;flex-wrap:wrap;padding:12px;background:#f8fafc;border:1px solid var(--an-line);border-radius:8px;margin:12px 0 16px}.an-feature-img{display:block;width:100%;max-height:620px;object-fit:contain;border-radius:8px;border:1px solid var(--an-line);margin:8px 0 18px;background:#f8fafc}.an-feature-img.is-unavailable,.an-inline-img.is-unavailable{display:none!important}.an-instagram-video{display:block;width:100%;max-height:720px;aspect-ratio:16/9;object-fit:contain;border-radius:8px;border:1px solid var(--an-line);margin:8px auto 18px;background:#000}.an-video-note{font-size:12px;line-height:1.6;color:var(--an-sub);margin:4px 0 12px}
    .an-generated-figure{margin:18px 0;padding:10px;background:#fff;border:1px solid var(--an-line);border-radius:8px}.an-inline-img{display:block;width:100%;height:auto;max-height:720px;object-fit:contain;border-radius:8px;border:1px solid var(--an-line);background:#f8fafc}.an-figcaption{font-size:13px;line-height:1.6;color:#667085;text-align:center;margin:8px 0 0}
    .an-coupang-partners{margin:0 0 22px;padding:14px;background:#fff;border:1px solid var(--an-line);border-radius:8px;overflow:hidden}.an-coupang-ad-list{display:grid;gap:12px;justify-items:center}.an-coupang-ad-item{max-width:100%;overflow-x:auto;text-align:center}.an-coupang-ad-item iframe{display:block;max-width:100%;margin:0 auto;border:0}.an-coupang-ad-item img{display:block;max-width:100%;height:auto;margin:0 auto}.an-article p.an-coupang-disclosure{margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid var(--an-line);font-size:12px;line-height:1.6;color:#0066cc;text-align:center}.an-code-label{grid-column:1/-1;font-size:14px;font-weight:900;color:#111827}.an-code-textarea{grid-column:1/-1;width:100%;min-height:190px;border:1px solid var(--an-line);border-radius:6px;padding:12px;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical;color:var(--an-ink);background:#fff}.an-mode-summary{font-size:12px;line-height:1.6;color:#667085;background:#f8fafc;border:1px solid var(--an-line);border-radius:7px;padding:10px 12px}.an-coupang-manager-body{padding:16px}.an-coupang-add-form{display:grid;grid-template-columns:minmax(180px,.45fr) minmax(0,1fr) auto;gap:8px;align-items:start;padding:12px;border:1px solid var(--an-line);border-radius:8px;background:#f8fafc;margin-bottom:12px}.an-coupang-add-form .an-code-textarea{grid-column:auto;min-height:110px}.an-coupang-manager-list{display:grid;gap:10px}.an-coupang-manager-item{border:1px solid var(--an-line);border-radius:8px;padding:12px;background:#fff}.an-coupang-manager-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.an-coupang-manager-meta{font-size:12px;color:#667085}.an-coupang-manager-fields{display:grid;grid-template-columns:minmax(180px,.38fr) minmax(0,1fr);gap:8px}.an-coupang-manager-fields textarea{min-height:120px}.an-coupang-manager-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.an-coupang-manager-empty{padding:28px;text-align:center;border:1px dashed var(--an-line);border-radius:8px;color:#667085}.an-coupang-manager-note{font-size:12px;line-height:1.65;color:#667085;margin:0 0 12px}
    .an-article{font-size:14px;line-height:1.78;color:#263241}.an-article h1{font-size:28px;line-height:1.35;margin:8px 0 18px;color:#111827;letter-spacing:-.03em}.an-article h2{font-size:16px;line-height:1.5;margin:28px 0 11px;font-weight:900;padding:9px 12px;border-left:4px solid;border-radius:0 7px 7px 0}.an-article h3{font-size:15px;line-height:1.5;margin:20px 0 8px;font-weight:900}.an-article p{font-size:14px;line-height:1.78;margin:10px 0;color:#263241}.an-article ul,.an-article ol{padding-left:22px;margin:10px 0}.an-article li{margin:6px 0}.an-article a{color:#1d4ed8;font-weight:800;text-decoration:underline;text-underline-offset:2px}.an-article .an-lead-paragraph{font-size:16px;line-height:1.72;font-weight:700;color:#17345f;background:linear-gradient(135deg,#eff6ff,#f8fbff);border-left:4px solid var(--an-blue);padding:14px 15px;border-radius:7px;margin:12px 0 20px}.an-article .an-section-lead{font-size:15px;font-weight:700}.an-article .an-data-paragraph{font-size:15px;color:#065f46;background:#ecfdf5;padding:10px 12px;border-radius:7px}.an-article .an-warning-paragraph{color:#9a3412;background:#fff7ed;padding:10px 12px;border-left:3px solid #fb923c;border-radius:6px}.an-article .an-note-paragraph{font-size:13px;color:#64748b;background:#f8fafc;border-left:3px solid #cbd5e1;padding:10px 12px;margin:14px 0}.an-section-title.an-tone-blue{color:#1d4ed8;border-color:#3b82f6;background:linear-gradient(90deg,#eff6ff,transparent)}.an-section-title.an-tone-purple{color:#6d28d9;border-color:#8b5cf6;background:linear-gradient(90deg,#f5f3ff,transparent)}.an-section-title.an-tone-green{color:#047857;border-color:#10b981;background:linear-gradient(90deg,#ecfdf5,transparent)}.an-section-subtitle.an-tone-blue{color:#1e40af}.an-section-subtitle.an-tone-purple{color:#6d28d9}.an-section-subtitle.an-tone-green{color:#047857}.an-section-lead.an-tone-blue{color:#1e3a8a}.an-section-lead.an-tone-purple{color:#5b21b6}.an-section-lead.an-tone-green{color:#065f46}.an-emphasis-key{color:#1d4ed8;font-size:1.05em;font-weight:900}.an-emphasis-warn{color:#c2410c;font-size:1.04em;font-weight:900}.an-emphasis-highlight{background:linear-gradient(transparent 45%,#fde68a 45%);color:#7c2d12;font-size:1.04em;font-weight:900;padding:0 2px}.an-user-color{font-weight:inherit}.an-user-bold{font-weight:900}.an-user-underline{text-decoration:underline;text-underline-offset:3px}.an-user-size-12{font-size:12px}.an-user-size-14{font-size:14px}.an-user-size-16{font-size:16px}.an-user-size-18{font-size:18px}.an-user-size-20{font-size:20px}.an-user-size-24{font-size:24px}.an-user-size-28{font-size:28px}
    .an-editor-tools{grid-column:1/-1;display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px;border:1px solid var(--an-line);border-radius:7px;background:#f8fafc}.an-editor-tool{height:34px;border:1px solid var(--an-line);border-radius:6px;background:#fff;color:#1f2937;padding:0 10px;font-size:13px;font-weight:800;cursor:pointer}.an-editor-tool:hover{border-color:#93c5fd;background:#eff6ff}.an-editor-color{width:42px;height:34px;border:1px solid var(--an-line);border-radius:6px;background:#fff;padding:3px}.an-editor-size{height:34px;border:1px solid var(--an-line);border-radius:6px;background:#fff;padding:0 8px;font-size:13px}.an-address-row{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px}.an-address-prefix{height:40px;display:flex;align-items:center;padding:0 10px;border:1px solid var(--an-line);border-radius:6px;background:#f8fafc;color:#64748b;font-size:12px;white-space:nowrap}.an-image-current{grid-column:1/-1;display:none;align-items:center;gap:10px;padding:9px;border:1px solid var(--an-line);border-radius:7px;background:#fff}.an-image-current.open{display:flex}.an-image-current img{width:96px;height:64px;object-fit:cover;border-radius:6px;border:1px solid var(--an-line)}.an-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px;display:block;overflow-x:auto}.an-table th,.an-table td{border:1px solid var(--an-line);padding:9px;text-align:left;vertical-align:top;min-width:110px}.an-table th{background:#f8fafc;color:#111827}.an-bullet{padding-left:12px;border-left:3px solid #dbeafe}
    .an-side-title{font-size:14px;font-weight:900;margin:0 0 8px}.an-side-list{display:grid;gap:7px;margin:0;padding:0;list-style:none;color:#344054;font-size:13px}.an-category-list{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px}.an-category-pill{display:inline-flex;align-items:center;border:1px solid var(--an-line);background:#f8fafc;color:#344054;text-decoration:none;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.an-category-pill:hover{border-color:var(--an-blue);color:#1d4ed8}.an-recent-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 0 8px}.an-recent-select{height:32px;border:1px solid var(--an-line);border-radius:6px;background:#fff;font-size:12px;padding:0 6px}.an-recent-list{display:grid;gap:8px;margin:0 0 14px;padding:0;list-style:none}.an-recent-list a{display:block;color:#1f2937;text-decoration:none;font-size:13px;line-height:1.42;font-weight:700}.an-recent-date{display:block;color:var(--an-sub);font-size:11px;margin-top:2px;font-weight:400}
    .an-direct-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:4px}.an-direct-link-field{display:grid;gap:5px}.an-direct-link-field span{font-size:12px;font-weight:800;color:#dbeafe}.an-direct-link-field textarea{min-height:76px;resize:vertical;line-height:1.45}.an-direct-link-note{grid-column:1/-1;margin:0;font-size:12px;line-height:1.55;color:#dbeafe}.an-product-links{display:grid;gap:14px;margin:0 0 18px;padding:14px;border:1px solid #dbeafe;border-radius:8px;background:#f8fbff}.an-product-link-item{display:grid;gap:8px;padding-bottom:14px;border-bottom:1px solid #e5e7eb}.an-product-link-item:last-child{padding-bottom:0;border-bottom:0}.an-article p.an-product-link-disclosure{margin:0;font-size:12px;line-height:1.6;color:#475467}.an-article p.an-product-link-toss-text{margin:0;font-size:13px;line-height:1.7;color:#344054;overflow-wrap:anywhere}.an-product-link-inline{font-weight:800;color:#1d4ed8!important;text-decoration:underline!important;overflow-wrap:anywhere;word-break:break-all}.an-product-card{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:112px;border:1px solid #d0d5dd;border-radius:8px;overflow:hidden;background:#fff;color:#101828!important;text-decoration:none!important}.an-product-card:hover{border-color:#93c5fd;box-shadow:0 4px 14px rgba(15,23,42,.08)}.an-product-card-image{display:flex;align-items:center;justify-content:center;background:#f2f4f7;min-height:112px}.an-product-card-image img{display:block;width:100%;height:100%;min-height:112px;object-fit:cover}.an-product-card-image-empty{font-size:13px;font-weight:800;color:#98a2b3}.an-product-card-body{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:12px 14px;min-width:0}.an-product-card-title{font-size:15px;line-height:1.45;color:#101828}.an-product-card-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.55;color:#475467}.an-product-card-domain{font-size:12px;font-weight:800;color:#667085}.an-product-card-url{font-size:11px;line-height:1.45;color:#1d4ed8;overflow-wrap:anywhere;word-break:break-all}.an-scheduler-body{padding:16px}.an-scheduler-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--an-line);border-radius:8px;background:#f8fafc}.an-scheduler-switch{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:900}.an-scheduler-switch input{width:18px;height:18px}.an-scheduler-times{display:grid;gap:8px;margin:12px 0}.an-scheduler-time-row{display:grid;grid-template-columns:minmax(150px,220px) auto;gap:8px;align-items:center}.an-scheduler-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:12px}.an-scheduler-time-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 6px}.an-scheduler-time-presets .an-coupang-manager-meta{margin-right:auto}.an-scheduler-limit{display:grid;grid-template-columns:minmax(180px,280px) minmax(0,1fr);gap:8px;align-items:center}.an-scheduler-note{font-size:12px;line-height:1.6;color:#667085;margin:10px 0 0}.an-scheduler-gpt-section{margin-top:12px;border:1px solid var(--an-line);border-radius:8px;background:#f8fafc;padding:12px}.an-scheduler-gpt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.an-scheduler-gpt-title{font-size:14px;font-weight:900;color:#111827}.an-scheduler-gpt-meta{font-size:11px;line-height:1.55;color:#667085;margin-top:3px}.an-scheduler-gpt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.an-scheduler-gpt-card{border:1px solid var(--an-line);border-radius:7px;background:#fff;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.an-scheduler-gpt-card strong{display:block;font-size:13px;color:#111827}.an-scheduler-gpt-card small{display:block;font-size:11px;line-height:1.45;color:#667085;margin-top:2px}.an-scheduler-gpt-card input{width:18px;height:18px;flex:0 0 auto}.an-affiliate-edit-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;border:1px solid var(--an-line);border-radius:8px;background:#f8fafc}.an-affiliate-edit-grid label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#344054}
    /* ver402: 기존 상단 제휴카드를 유지하면서 본문 최하단에 스크린샷형 구매영역을 다시 표시합니다. */
    .an-affiliate-purchase-footer{margin:34px 0 4px;padding:24px 18px 18px;border-top:1px solid var(--an-line);background:#fff;text-align:center}.an-affiliate-purchase-title{margin:0 0 14px;font-size:28px;line-height:1.35;font-weight:900;color:#ff0a78}.an-affiliate-footer-item{margin:0 0 20px}.an-affiliate-footer-item:last-child{margin-bottom:0}.an-affiliate-footer-url{margin:5px 0 12px;font-size:13px;line-height:1.55;word-break:break-all}.an-affiliate-footer-url a{color:#2563eb;text-decoration:underline}.an-affiliate-purchase-footer .an-product-links{margin:18px auto 0;max-width:760px;text-align:left}.an-affiliate-purchase-footer .an-coupang-partners{margin:18px auto 0;max-width:760px}.an-affiliate-purchase-footer .an-product-card{max-width:100%}

    /* ver359: 플랫폼별 프롬프트를 코드가 아니라 DB 프로필로 관리하는 한글 관리자 UI */
    .an-prompt-manager-body{padding:16px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px}.an-prompt-sidebar{border:1px solid var(--an-line);border-radius:8px;background:#f8fafc;padding:10px;align-self:start;position:sticky;top:66px}.an-prompt-sidebar-title{font-size:13px;font-weight:900;color:#111827;margin:2px 4px 8px}.an-prompt-platform-list{display:grid;gap:5px}.an-prompt-platform-btn{width:100%;min-height:38px;border:1px solid transparent;border-radius:7px;background:transparent;color:#344054;text-align:left;padding:8px 10px;font-size:13px;font-weight:800;cursor:pointer}.an-prompt-platform-btn:hover{background:#eef2ff;color:#1e3a8a}.an-prompt-platform-btn.active{background:#e0e7ff;border-color:#a5b4fc;color:#1e3a8a}.an-prompt-workspace{min-width:0}.an-prompt-status-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--an-line);border-radius:8px;padding:12px;background:#fff;margin-bottom:10px}.an-prompt-status-title{font-size:15px;font-weight:900;color:#111827}.an-prompt-status-meta{font-size:12px;line-height:1.55;color:#667085;margin-top:4px}.an-prompt-toggle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;color:#344054;white-space:nowrap}.an-prompt-toggle input{width:18px;height:18px}.an-prompt-list{display:grid;gap:8px;margin-bottom:12px}.an-prompt-item{border:1px solid var(--an-line);border-radius:8px;padding:11px;background:#fff}.an-prompt-item.is-default{border-color:#60a5fa;background:#eff6ff}.an-prompt-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.an-prompt-item-name{font-size:13px;font-weight:900;color:#111827}.an-prompt-item-meta{font-size:11px;color:#667085;margin-top:4px;line-height:1.5}.an-prompt-item-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.an-prompt-mini{height:30px;border:1px solid var(--an-line);border-radius:6px;padding:0 9px;background:#fff;color:#344054;font-size:12px;font-weight:800;cursor:pointer}.an-prompt-mini.primary{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.an-prompt-mini.danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}.an-prompt-editor{border:1px solid var(--an-line);border-radius:8px;background:#f8fafc;padding:12px}.an-prompt-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:8px}.an-prompt-editor textarea{width:100%;min-height:310px;border:1px solid var(--an-line);border-radius:7px;padding:12px;font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical;background:#fff;color:#111827}.an-prompt-help{font-size:11px;line-height:1.6;color:#667085;margin:8px 0}.an-prompt-vars{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.an-prompt-var{border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#475467;padding:5px 8px;font-size:11px;font-weight:800;cursor:pointer}.an-prompt-editor-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.an-prompt-empty{border:1px dashed var(--an-line);border-radius:8px;padding:24px;text-align:center;color:#667085;background:#fff}.an-prompt-badge{display:inline-flex;align-items:center;min-height:22px;border-radius:999px;padding:3px 8px;background:#dcfce7;color:#166534;font-size:11px;font-weight:900}.an-prompt-badge.gray{background:#f2f4f7;color:#667085}.an-prompt-badge.blue{background:#dbeafe;color:#1d4ed8}

    /* ver361: 전체 외부 운영 설정 센터. 영문 env 키는 UI에 직접 노출하지 않고 한글 라벨/분류로 관리합니다. */
    .an-settings-center-body{padding:16px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;min-height:620px}.an-settings-sidebar{border:1px solid var(--an-line);border-radius:8px;background:#f8fafc;padding:10px;align-self:start;position:sticky;top:66px}.an-settings-sidebar-title{font-size:13px;font-weight:900;color:#111827;margin:2px 4px 8px}.an-settings-category-list{display:grid;gap:4px;max-height:520px;overflow:auto}.an-settings-category-btn{width:100%;min-height:36px;border:1px solid transparent;border-radius:7px;background:transparent;color:#344054;text-align:left;padding:7px 9px;font-size:12px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.an-settings-category-btn:hover{background:#eef2ff;color:#1e3a8a}.an-settings-category-btn.active{background:#e0e7ff;border-color:#a5b4fc;color:#1e3a8a}.an-settings-category-count{font-size:10px;color:#667085;background:#fff;border:1px solid #d0d5dd;border-radius:999px;padding:2px 6px}.an-settings-workspace{min-width:0}.an-settings-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) auto auto;gap:8px;align-items:center;margin-bottom:10px}.an-settings-toolbar-note{font-size:11px;color:#667085;line-height:1.55;margin:0 0 10px}.an-settings-list{display:grid;gap:8px}.an-setting-item{border:1px solid var(--an-line);border-radius:8px;background:#fff;padding:11px}.an-setting-item.is-overridden{border-color:#93c5fd;background:#f8fbff}.an-setting-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px}.an-setting-title{font-size:13px;font-weight:900;color:#111827}.an-setting-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px;font-size:10px;color:#667085}.an-setting-badge{display:inline-flex;align-items:center;min-height:20px;border-radius:999px;padding:2px 7px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:800}.an-setting-badge.db{background:#dbeafe;color:#1d4ed8}.an-setting-badge.restart{background:#fef3c7;color:#92400e}.an-setting-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.an-setting-control textarea{min-height:82px;resize:vertical}.an-setting-secret-note{font-size:10px;color:#667085;margin-top:5px}.an-setting-empty{padding:28px;border:1px dashed var(--an-line);border-radius:8px;background:#fff;text-align:center;color:#667085}.an-settings-footer{position:sticky;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:10px;border:1px solid var(--an-line);border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 -6px 20px rgba(15,23,42,.07)}.an-settings-dirty{font-size:11px;color:#667085}.an-settings-actions{display:flex;gap:8px;flex-wrap:wrap}.an-setting-toggle{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:#344054}.an-setting-toggle input{width:18px;height:18px}.an-setting-reset{height:34px;border:1px solid #d0d5dd;border-radius:6px;background:#fff;color:#475467;padding:0 9px;font-size:11px;font-weight:800;cursor:pointer}.an-setting-reset:hover{background:#f8fafc}.an-settings-security{border:1px solid #bbf7d0;border-radius:8px;background:#f0fdf4;color:#166534;padding:10px 12px;font-size:11px;line-height:1.55;margin-bottom:10px}.an-settings-profilebar{display:grid;grid-template-columns:minmax(190px,1fr) auto auto auto;gap:7px;align-items:center;margin:0 0 10px;padding:9px;border:1px solid #dbeafe;border-radius:8px;background:#f8fbff}.an-settings-profilebar .an-select{min-width:0}.an-settings-profile-hint{grid-column:1/-1;font-size:10px;line-height:1.45;color:#64748b}

    @media(max-width:760px){.an-prompt-manager-body{grid-template-columns:1fr}.an-prompt-sidebar{position:static}.an-prompt-platform-list{grid-template-columns:repeat(2,minmax(0,1fr))}.an-prompt-editor-grid{grid-template-columns:1fr}.an-prompt-status-card{grid-template-columns:1fr}}
    @media(max-width:760px){.an-settings-center-body{grid-template-columns:1fr}.an-settings-sidebar{position:static}.an-settings-category-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.an-settings-toolbar{grid-template-columns:1fr}.an-settings-profilebar{grid-template-columns:1fr 1fr}.an-settings-profile-hint{grid-column:1/-1}.an-setting-control{grid-template-columns:1fr}.an-settings-footer{position:static;display:block}.an-settings-actions{margin-top:8px}}
    .an-modal{position:fixed;inset:0;background:rgba(2,6,23,.58);display:none;align-items:center;justify-content:center;padding:18px;z-index:9999}.an-modal.open{display:flex}.an-panel{width:min(940px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:8px;border:1px solid var(--an-line)}.an-panel-head{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--an-line);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:2}.an-panel-head h2{font-size:16px;line-height:1.35;margin:0}.an-close{border:0;background:#f2f4f7;border-radius:6px;width:36px;height:36px;font-size:20px;cursor:pointer}.an-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px}.an-edit-grid .wide{grid-column:1/-1}.an-edit-textarea{width:100%;min-height:340px;border:1px solid var(--an-line);border-radius:6px;padding:12px;font-size:14px;line-height:1.7;resize:vertical}.an-toast{position:fixed;right:16px;bottom:16px;max-width:390px;background:#111827;color:#fff;border-radius:8px;padding:12px 14px;font-size:13px;display:none;z-index:10000}.an-toast.show{display:block}.an-site-footer{background:#0b1220;color:#cbd5e1;margin-top:26px}.an-site-footer-inner{max-width:1180px;margin:0 auto;padding:24px 18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;line-height:1.6}.an-site-footer a{color:#bfdbfe;text-decoration:none;font-weight:700}
    @media(max-width:980px){.an-detail-list-actions{margin-left:0}.an-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.an-admin-grid .an-keyword{grid-column:1/-1}.an-publish-options{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.an-direct-links,.an-affiliate-edit-grid{grid-template-columns:1fr 1fr}.an-toolbar-box{grid-template-columns:1fr 1fr 1fr}.an-toolbar-box .an-search-wide{grid-column:1/-1}.an-card,.an-card.has-admin-actions{grid-template-columns:220px minmax(0,1fr)}.an-card-admin{grid-column:1/-1;border-left:0;border-top:1px solid var(--an-line)}.an-card-admin>summary{justify-content:flex-end;min-height:42px;padding:8px 12px}.an-card-actions{flex-direction:row;flex-wrap:wrap}.an-card-actions .an-btn{width:auto;flex:1 1 150px}.an-detail-layout{display:block}.an-detail-side{margin-top:14px}}
    @media(max-width:768px){.an-detail-list-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.an-detail-list-actions .an-btn,.an-detail-list-actions .an-inline-form,.an-detail-list-actions .an-inline-form .an-btn{width:100%}.an-title,.an-detail-title{font-size:24px}.an-scheduler-gpt-grid{grid-template-columns:1fr}.an-admin-grid,.an-publish-options,.an-toolbar-box,.an-edit-grid,.an-coupang-add-form,.an-coupang-manager-fields,.an-category-add-form,.an-category-manager-fields,.an-direct-links,.an-affiliate-edit-grid,.an-scheduler-limit{grid-template-columns:1fr}.an-edit-grid .wide,.an-admin-grid .an-keyword,.an-publish-options,.an-toolbar-box .an-search-wide{grid-column:auto}.an-card,.an-card.has-admin-actions{display:flex;flex-direction:column;min-height:0}.an-thumb{order:1;width:100%;min-height:0;aspect-ratio:16/9}.an-body{order:2;width:100%;padding:14px}.an-card-admin{order:3;width:100%;border-left:0;border-top:1px solid var(--an-line)}.an-card-admin>summary{justify-content:center}.an-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.an-card-actions .an-btn{width:100%}.an-status,.an-site-header-inner{display:block}.an-site-nav{margin-top:8px}.an-detail-main{padding:18px}.an-product-card{grid-template-columns:1fr}.an-product-card-image,.an-product-card-image img{min-height:0;aspect-ratio:16/9}}

    /* -----------------------------------------------------------------------
       ver363 n8n형 한글 운영 스튜디오
       - 기존 생성/발행 DOM과 API는 유지하고 관리자 UI만 단일 스튜디오로 통합합니다.
       - 운영 설정, 자격증명, 프롬프트, 광고 프로필은 DB에서 관리합니다.
       ----------------------------------------------------------------------- */
    .auto-news-wrap.an-studio-mode{--studio-bg:#0b0e14;--studio-panel:#141a25;--studio-panel2:#1b2230;--studio-line:#2d3548;--studio-text:#f3f5fb;--studio-sub:#aab4c8;--studio-muted:#7e8aa4;--studio-orange:#ff6f3d;--studio-green:#42d392;--studio-blue:#6ca6ff;--studio-yellow:#ffcb58;--studio-red:#ff6c7c;--studio-purple:#a98bff;background:var(--studio-bg);color:var(--studio-text);min-height:100vh;padding-left:74px}
    .an-studio-rail{position:fixed;left:0;top:0;bottom:0;width:74px;z-index:9980;background:#090d13;border-right:1px solid var(--studio-line);display:flex;flex-direction:column;align-items:center;padding:9px 0;gap:2px;overflow-y:auto;scrollbar-width:none}.an-studio-rail::-webkit-scrollbar{display:none}
    .an-studio-logo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--studio-orange),#ff9a77);display:grid;place-items:center;color:#fff;font-weight:950;font-size:15px;margin:0 0 7px;box-shadow:0 10px 28px rgba(0,0,0,.32);flex:0 0 auto}
    .an-studio-nav-btn{position:relative;width:54px;min-height:38px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--studio-sub);display:grid;place-items:center;cursor:pointer;padding:4px 2px;flex:0 0 auto}.an-studio-nav-btn:hover{background:#151b27;color:#fff}.an-studio-nav-btn.active{background:rgba(255,111,61,.14);border-color:#663928;color:#ffd7ca}.an-studio-nav-btn span{font-size:9px;font-weight:900;line-height:1.15}.an-studio-nav-sep{width:42px;border-top:1px solid #252c3c;margin:4px 0}
    .an-studio-topbar{position:sticky;top:0;z-index:80;min-height:62px;background:rgba(14,19,29,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--studio-line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px}.an-studio-title-wrap{min-width:0}.an-studio-title{font-size:16px;font-weight:950;letter-spacing:-.02em}.an-studio-subtitle{font-size:11px;color:var(--studio-sub);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-studio-top-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.an-studio-top-actions .an-btn{height:34px;border:1px solid #384258;border-radius:9px;background:#1b2230;color:#f5f7fb}.an-studio-top-actions .an-btn.success{background:#173124;color:#86efac;border-color:#2d6046}.an-studio-top-actions .an-btn.warning{background:#342514;color:#fcd34d;border-color:#66502a}.an-studio-top-actions .an-btn.primary{background:var(--studio-orange);border-color:var(--studio-orange);color:#fff}
    .an-studio-page{display:none;max-width:1500px;margin:0 auto;padding:18px}.studio-view-dashboard [data-studio-page="dashboard"],.studio-view-discover [data-studio-page="discover"],.studio-view-media [data-studio-page="media"],.studio-view-planner [data-studio-page="planner"],.studio-view-publish [data-studio-page="publish"],.studio-view-automation [data-studio-page="automation"],.studio-view-executions [data-studio-page="executions"],.studio-view-monetization [data-studio-page="monetization"],.studio-view-credentials [data-studio-page="credentials"],.studio-view-prompts [data-studio-page="prompts"],.studio-view-connections [data-studio-page="connections"],.studio-view-settings [data-studio-page="settings"]{display:block}
    .an-studio-mode .an-site-header{display:none}.an-studio-mode:not(.studio-view-compose):not(.studio-view-content)>.an-hero,.an-studio-mode:not(.studio-view-compose):not(.studio-view-content)>.an-category-nav,.an-studio-mode:not(.studio-view-compose):not(.studio-view-content)>.an-toolbar,.an-studio-mode:not(.studio-view-compose):not(.studio-view-content)>.an-main,.an-studio-mode>.an-site-footer{display:none}.an-studio-mode.studio-view-compose>.an-category-nav,.an-studio-mode.studio-view-compose>.an-toolbar,.an-studio-mode.studio-view-compose>.an-main{display:none}.an-studio-mode.studio-view-content>.an-hero{display:none}
    .an-studio-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.an-studio-page-head h2{font-size:22px;margin:0 0 5px;letter-spacing:-.03em}.an-studio-page-head p{margin:0;color:var(--studio-sub);font-size:11px;line-height:1.55}.an-studio-page-actions{display:flex;gap:7px;flex-wrap:wrap}
    .an-studio-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.an-studio-kpi{border:1px solid var(--studio-line);border-radius:13px;background:linear-gradient(180deg,#171d29,#121722);padding:13px}.an-studio-kpi span{display:block;color:var(--studio-sub);font-size:10px}.an-studio-kpi b{display:block;font-size:23px;margin-top:5px}.an-studio-kpi small{display:block;color:var(--studio-muted);font-size:9px;margin-top:5px}
    .an-studio-grid2{display:grid;grid-template-columns:1.3fr 1fr;gap:10px}.an-studio-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.an-studio-card{border:1px solid var(--studio-line);border-radius:13px;background:var(--studio-panel);padding:12px;min-width:0}.an-studio-card h3{font-size:12px;margin:0 0 9px}.an-studio-card-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:9px}.an-studio-card-head h3{margin:0}.an-studio-empty{border:1px dashed #3a445b;border-radius:11px;padding:24px;text-align:center;color:var(--studio-muted);font-size:11px}.an-studio-list{display:grid;gap:7px}.an-studio-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;align-items:center;border:1px solid #293247;border-radius:10px;background:#101621;padding:9px}.an-studio-row b{font-size:11px}.an-studio-row small{display:block;color:var(--studio-muted);font-size:9px;margin-top:3px;line-height:1.45}.an-studio-row-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
    .an-studio-badge{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border-radius:999px;background:rgba(108,166,255,.12);color:var(--studio-blue);font-size:9px;font-weight:900}.an-studio-badge.ok{background:rgba(66,211,146,.12);color:var(--studio-green)}.an-studio-badge.warn{background:rgba(255,203,88,.12);color:var(--studio-yellow)}.an-studio-badge.bad{background:rgba(255,108,124,.12);color:#ff98a4}.an-studio-badge.purple{background:rgba(169,139,255,.12);color:var(--studio-purple)}
    .an-studio-table-wrap{overflow:auto;border:1px solid var(--studio-line);border-radius:12px}.an-studio-table{width:100%;border-collapse:collapse;min-width:760px;background:#111722}.an-studio-table th,.an-studio-table td{padding:9px 10px;border-bottom:1px solid #252e40;text-align:left;font-size:10px;vertical-align:middle}.an-studio-table th{position:sticky;top:0;background:#171d29;color:#b9c3d6;font-size:9px;z-index:2}.an-studio-table td{color:#dbe2ef}.an-studio-table tr:last-child td{border-bottom:0}
    .an-studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}.an-studio-filter-group{display:flex;gap:6px;flex-wrap:wrap}.an-studio-chip{height:30px;border:1px solid #384258;border-radius:999px;background:#151b27;color:var(--studio-sub);padding:0 9px;font-size:9px;font-weight:850}.an-studio-chip.active{background:#281914;color:#ffd6c9;border-color:#75422f}
    .an-studio-candidate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.an-studio-candidate{border:1px solid var(--studio-line);border-radius:12px;background:#141a25;padding:12px;display:flex;flex-direction:column;min-height:150px}.an-studio-candidate h3{font-size:13px;margin:0 0 8px;line-height:1.45}.an-studio-candidate p{font-size:10px;color:var(--studio-sub);line-height:1.55;margin:0 0 10px;flex:1}.an-studio-candidate-footer{display:flex;justify-content:space-between;align-items:center;gap:7px;color:var(--studio-muted);font-size:9px}
    .an-studio-media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.an-media-card{border:1px solid var(--studio-line);border-radius:12px;background:#141a25;overflow:hidden}.an-media-preview{aspect-ratio:16/9;background:#0e131d;display:grid;place-items:center;color:var(--studio-muted);overflow:hidden}.an-media-preview img{width:100%;height:100%;object-fit:cover}.an-media-body{padding:9px}.an-media-body b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-media-body small{color:var(--studio-muted);font-size:8px}
    .an-planner-grid{display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));gap:7px;overflow:auto;padding-bottom:5px}.an-planner-day{border:1px solid var(--studio-line);border-radius:11px;background:#121823;min-height:340px;padding:9px}.an-planner-day h3{font-size:11px;margin:0 0 8px}.an-planner-slot{border:1px solid #303950;border-radius:9px;background:#171e2a;padding:8px;margin-bottom:6px}.an-planner-slot b{font-size:10px}.an-planner-slot small{display:block;color:var(--studio-muted);font-size:8px;margin-top:3px}
    .an-studio-flow-shell{min-height:720px;display:grid;grid-template-columns:minmax(760px,1fr) 360px;background:var(--studio-bg);border:1px solid var(--studio-line);border-radius:13px;overflow:hidden}.an-studio-canvas-wrap{position:relative;overflow:auto;background:radial-gradient(circle,rgba(255,255,255,.075) 1px,transparent 1px) 0 0/20px 20px;min-height:720px}.an-studio-canvas-toolbar{position:sticky;left:12px;top:12px;z-index:5;display:flex;gap:5px;width:max-content}.an-studio-canvas-toolbar button{width:31px;height:31px;border:1px solid #384258;border-radius:8px;background:#171e2a;color:#cbd4e5}.an-studio-canvas{position:relative;min-width:1450px;min-height:780px;transform-origin:0 0}.an-studio-links{position:absolute;inset:0;pointer-events:none}.an-studio-link{fill:none;stroke:#59647c;stroke-width:2.1;stroke-dasharray:6 6;stroke-linecap:round}.an-studio-link.live{stroke:#ff8a63;filter:drop-shadow(0 0 4px rgba(255,111,61,.18))}
    .an-flow-node{position:absolute;width:172px;min-height:82px;border:1px solid #313a50;border-radius:15px;background:linear-gradient(180deg,#1a202d,#141a25);box-shadow:0 12px 28px rgba(0,0,0,.32);padding:11px;color:var(--studio-text);cursor:grab;transition:border-color .15s ease,box-shadow .15s ease}.an-flow-node:active{cursor:grabbing}.an-flow-node:hover{border-color:#5d6985}.an-flow-node.selected{border-color:#ff8a63;box-shadow:0 0 0 3px rgba(255,111,61,.14),0 12px 28px rgba(0,0,0,.32)}.an-flow-node-head{display:flex;justify-content:space-between;gap:7px;align-items:center}.an-flow-node-main{display:flex;align-items:center;gap:8px;min-width:0}.an-flow-icon{width:32px;height:32px;border:1px solid #2b3449;border-radius:9px;background:#0e141e;display:grid;place-items:center;font-size:10px;font-weight:950;flex:0 0 32px}.an-flow-node b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.an-flow-node small{display:block;color:var(--studio-sub);font-size:9px;margin-top:2px;line-height:1.35}.an-flow-state{display:inline-flex;margin-top:8px;min-height:21px;align-items:center;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:900;background:rgba(108,166,255,.12);color:var(--studio-blue)}.an-flow-state.ok{background:rgba(66,211,146,.12);color:var(--studio-green)}.an-flow-state.warn{background:rgba(255,203,88,.12);color:var(--studio-yellow)}.an-flow-state.off{background:rgba(255,108,124,.11);color:#ff98a4}.an-flow-state.purple{background:rgba(169,139,255,.12);color:var(--studio-purple)}.an-flow-port{position:absolute;top:50%;transform:translateY(-50%);width:11px;height:11px;border:2px solid #68738e;border-radius:50%;background:var(--studio-bg)}.an-flow-port.in{left:-6px}.an-flow-port.out{right:-6px}
    .an-studio-inspector{border-left:1px solid var(--studio-line);background:linear-gradient(180deg,#101620,#0c1119);padding:12px;overflow:auto;max-height:720px}.an-inspector-card{border:1px solid var(--studio-line);border-radius:12px;background:#151b27;padding:11px;margin-bottom:9px}.an-inspector-card h3{font-size:11px;margin:0 0 8px}.an-inspector-summary{display:flex;gap:9px;align-items:center}.an-inspector-icon{width:42px;height:42px;border:1px solid #2d364b;border-radius:11px;background:#0e141f;display:grid;place-items:center;font-weight:900}.an-inspector-summary b{display:block;font-size:12px}.an-inspector-summary small{display:block;color:var(--studio-sub);font-size:9px;margin-top:3px;line-height:1.45}.an-studio-field{margin-bottom:9px}.an-studio-field label{display:block;color:var(--studio-sub);font-size:9px;font-weight:850;margin-bottom:5px}.an-studio-input,.an-studio-select,.an-studio-textarea{width:100%;border:1px solid #303950;border-radius:8px;background:#0e141f;color:var(--studio-text);padding:0 9px}.an-studio-input,.an-studio-select{height:34px}.an-studio-textarea{min-height:120px;padding:9px;resize:vertical;line-height:1.55}.an-studio-form-actions{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.an-studio-mini{height:29px;border:1px solid #384258;border-radius:8px;background:#1b2230;color:#dbe2ef;padding:0 8px;font-size:9px;font-weight:850}.an-studio-mini.primary{background:var(--studio-orange);border-color:var(--studio-orange);color:#fff}.an-studio-mini.danger{background:#2b171c;border-color:#60323a;color:#ff9ca8}.an-studio-mini.ok{background:#153022;border-color:#2f684c;color:#86efac}
    .an-manager-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:10px}.an-manager-sidebar{border:1px solid var(--studio-line);border-radius:12px;background:#121823;padding:10px;align-self:start}.an-manager-main{min-width:0}.an-manager-list{display:grid;gap:6px;max-height:560px;overflow:auto}.an-manager-item{border:1px solid #2d364b;border-radius:9px;background:#151b27;padding:9px;cursor:pointer}.an-manager-item:hover,.an-manager-item.active{border-color:#ff8a63;background:#241814}.an-manager-item b{font-size:10px}.an-manager-item small{display:block;color:var(--studio-muted);font-size:8px;margin-top:3px}.an-key-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.an-key-item{border:1px solid #2d364b;border-radius:9px;background:#111722;padding:8px}.an-key-item label{font-size:8px;color:var(--studio-sub);display:block;margin-bottom:4px}.an-key-item small{font-size:8px;color:var(--studio-muted)}
    .an-connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.an-connection-card{border:1px solid var(--studio-line);border-radius:12px;background:#141a25;padding:12px}.an-connection-card h3{font-size:12px;margin:0 0 5px}.an-connection-card p{font-size:9px;color:var(--studio-sub);line-height:1.45;min-height:40px}.an-connection-card .an-studio-form-actions{justify-content:flex-start}
    .an-studio-mode .an-hero{background:var(--studio-bg);color:var(--studio-text);padding:22px 18px 16px}.an-studio-mode .an-hero-inner{max-width:1440px}.an-studio-mode .an-kicker{color:var(--studio-orange)}.an-studio-mode .an-desc{color:var(--studio-sub)}.an-studio-mode .an-admin-panel{background:#111722;border-color:var(--studio-line);border-radius:13px;padding:13px}.an-studio-mode .an-admin-grid{grid-template-columns:minmax(260px,1fr) repeat(3,minmax(150px,1fr));gap:8px}.an-studio-mode .an-publish-options{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.an-studio-mode .an-input,.an-studio-mode .an-select,.an-studio-mode .an-textarea{background:#0e141f;color:var(--studio-text);border-color:#303950}.an-studio-mode .an-check{background:#151c29;color:var(--studio-sub);border-color:#303950;border-radius:9px}.an-studio-mode .an-admin .an-btn{border:1px solid #384258;border-radius:9px;background:#1b2230;color:#f4f6fb}.an-studio-mode .an-admin .an-btn.success{background:#173124;color:#86efac;border-color:#2d6046}.an-studio-mode .an-admin .an-btn.warning{background:#342514;color:#fcd34d;border-color:#66502a}.an-studio-mode .an-category-nav,.an-studio-mode .an-toolbar,.an-studio-mode .an-main{max-width:1440px}.an-studio-mode .an-category-nav a{background:#151b27;color:var(--studio-sub);border-color:#303950}.an-studio-mode .an-category-nav a.active,.an-studio-mode .an-category-nav a:hover{background:#281914;color:#ffd6c9;border-color:#75422f}.an-studio-mode .an-toolbar-box{background:#111722;border-color:var(--studio-line);box-shadow:none}.an-studio-mode .an-status{color:var(--studio-sub)}.an-studio-mode .an-card{background:#131925;border-color:var(--studio-line);border-radius:12px}.an-studio-mode .an-card p,.an-studio-mode .an-meta{color:var(--studio-sub)}.an-studio-mode .an-card-admin{background:#101620;border-color:var(--studio-line)}.an-studio-mode .an-tag{background:#1c2432;color:#c3ccdd}
    .an-studio-mode .an-modal{align-items:stretch;justify-content:flex-end;padding:0;background:rgba(2,6,13,.72);backdrop-filter:blur(3px)}.an-studio-mode .an-panel{width:min(860px,94vw);height:100vh;max-height:none;border-radius:0;border:0;border-left:1px solid var(--studio-line);background:#101620;color:var(--studio-text);box-shadow:-24px 0 60px rgba(0,0,0,.42)}.an-studio-mode .an-panel-head{background:#101620;border-color:var(--studio-line)}.an-studio-mode .an-panel-head h2{color:var(--studio-text)}.an-studio-mode .an-close{background:#1b2230;color:#dce3f1;border:1px solid #354057}
    @media(max-width:1180px){.an-studio-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.an-studio-grid2{grid-template-columns:1fr}.an-studio-media-grid,.an-studio-candidate-grid,.an-connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.an-studio-flow-shell{grid-template-columns:1fr}.an-studio-inspector{max-height:none;border-left:0;border-top:1px solid var(--studio-line)}.an-manager-layout{grid-template-columns:1fr}.an-manager-sidebar{position:static}}
    @media(max-width:760px){.auto-news-wrap.an-studio-mode{padding-left:0;padding-top:58px}.an-studio-rail{top:0;right:0;width:100%;height:58px;bottom:auto;flex-direction:row;justify-content:flex-start;padding:6px;overflow-x:auto;overflow-y:hidden}.an-studio-logo{width:38px;height:38px;margin:0 5px 0 0}.an-studio-nav-btn{width:44px;min-width:44px;height:40px;min-height:40px}.an-studio-nav-sep{height:30px;width:1px;border-top:0;border-left:1px solid #252c3c}.an-studio-topbar{top:0}.an-studio-page{padding:12px}.an-studio-kpi-grid,.an-studio-media-grid,.an-studio-candidate-grid,.an-connection-grid,.an-key-grid{grid-template-columns:1fr}.an-studio-page-head{display:block}.an-studio-page-actions{margin-top:8px}.an-studio-mode .an-admin-grid,.an-studio-mode .an-publish-options{grid-template-columns:1fr}.an-studio-mode .an-panel{width:100vw}.an-studio-canvas{min-width:1300px}.an-planner-grid{grid-template-columns:repeat(7,150px)}}

  </style>

  
  <section id="anManualPostSection" class="an-hero"><div class="an-hero-inner"><div class="an-kicker">CATEGORY ARCHIVE</div><h1 class="an-title">미출현그룹</h1><p class="an-desc">미출현그룹 카테고리의 최신 글과 핵심 정보를 한곳에서 확인하세요.</p>
    
    
  </div></section>

  <nav class="an-category-nav" aria-label="콘텐츠 카테고리"><div class="an-category-nav-inner">
    <a href="/auto-post" class="">전체</a>
    
    <a href="/auto-post/category/게임앱" class="">게임·앱 <span class="an-category-nav-count">5</span></a>
    
    <a href="/auto-post/category/미출현그룹" class="active">미출현그룹 <span class="an-category-nav-count">1</span></a>
    
    <a href="/auto-post/category/수동키워드" class="">수동키워드 <span class="an-category-nav-count">2</span></a>
    
    <a href="/auto-post/category/외부검색" class="">외부검색 <span class="an-category-nav-count">8</span></a>
    
    <a href="/auto-post/category/조합기사용법" class="">조합기사용법 <span class="an-category-nav-count">2</span></a>
    
    <a href="/auto-post/category/주간제외예상수" class="">주간제외예상수 <span class="an-category-nav-count">8</span></a>
    
    <a href="/auto-post/category/출현임박번호" class="">출현임박번호 <span class="an-category-nav-count">6</span></a>
    
    <a href="/auto-post/category/회원추천번호" class="">회원추천번호 <span class="an-category-nav-count">2</span></a>
    
    <a href="/auto-post/category/후나츠사카이" class="">후나츠사카이 <span class="an-category-nav-count">11</span></a>
    
  </div></nav>

  <section class="an-toolbar"><div class="an-toolbar-box"><input id="anSearch" class="an-input an-search-wide" type="search" placeholder="제목·본문 검색"><select id="anPlatformFilter" class="an-select"><option value="">전체 플랫폼</option><option value="naver">네이버</option><option value="tistory">티스토리</option><option value="blogspot">블로그스팟</option><option value="youtube">유튜브</option><option value="website">홈페이지</option><option value="community">커뮤니티</option><option value="instagram">Instagram</option><option value="tiktok">TikTok</option><option value="threads">Threads</option><option value="facebook">페이스북</option><option value="x">X</option><option value="sns">SNS 통합(기존)</option><option value="all">전체 플랫폼 글</option></select><select id="anStatus" class="an-select"><option value="published">공개 콘텐츠</option></select><select id="anPageSize" class="an-select"><option value="5">5개</option><option value="10" selected>10개</option><option value="20">20개</option></select><button id="anSearchBtn" class="an-btn" type="button">검색</button></div></section>
  <main id="anContentManagement" class="an-main">
    <div class="an-status"><span id="anCount">총 1개 · 1/1페이지</span></div>
    <div id="anGrid" class="an-grid">
      
      
      <article class="an-card" data-post-card="3">
        <div class="an-thumb cat-naver">
          
          <div class="an-thumb-label"><small>네이버 블로그 · published</small><strong>연속 미출현 그룹과 그룹명 번호 정리</strong></div>
        </div>
        <div class="an-body">
          <a class="an-post-link" href="/auto-post/article/연속-미출현-그룹과-그룹명-번호-정리-포스팅-20260704-eea92053"><h2>연속 미출현 그룹과 그룹명 번호 정리 포스팅 2026.07.04</h2><p>오늘 연속 미출현 그룹과 그룹명 번호 정리에서 가장 중요한 결론은, 최근 여러 회차 동안 나오지 않은 번호 묶음을 그룹명과 번호 기준으로 따로 관리하면서 다음 회차 조합에 참고하는 방식이라는 점입니다. 네오로또 연속미출현필터 화면에서는 특정 번호들이 최근 N주간 출현하</p></a>
          <div class="an-meta"><a class="an-category-card-link" href="/auto-post/category/미출현그룹">미출현그룹</a><span>분석형</span><span>SEO 90</span><span>조회 36</span><span>2026-07-04 18:55:12</span></div>
          <div><span class="an-tag">#네오로또</span><span class="an-tag">#로또분석</span><span class="an-tag">#로또예상번호</span><span class="an-tag">#로또검증</span><span class="an-tag">#로또645</span></div>
        </div>
        
      </article>
      
    </div>
    <div id="anEmpty" class="an-empty" style="display:none">등록된 콘텐츠가 없습니다.</div>
    <div class="an-pager"><a id="anPrev" class="an-btn secondary" rel="prev" href="/auto-post/category/미출현그룹?page=1">이전</a><a id="anNext" class="an-btn secondary" rel="next" href="/auto-post/category/미출현그룹?page=1">다음</a></div>
  </main>

  <div id="anModal" class="an-modal"><article class="an-panel"><div class="an-panel-head"><h2 id="anModalTitle">상세보기</h2><button id="anClose" class="an-close" type="button">×</button></div><div id="anModalActions" class="an-attachment-bar" style="margin:12px 16px 0"></div><div id="anArticle" class="an-article" style="padding:18px"></div></article></div>
  
  <div id="anToast" class="an-toast"></div>

  <script>
  (function(){
    const initialData={"items": [{"id": 3, "title": "연속 미출현 그룹과 그룹명 번호 정리 포스팅 2026.07.04", "slug": "연속-미출현-그룹과-그룹명-번호-정리-포스팅-20260704-eea92053", "summary": "오늘 연속 미출현 그룹과 그룹명 번호 정리에서 가장 중요한 결론은, 최근 여러 회차 동안 나오지 않은 번호 묶음을 그룹명과 번호 기준으로 따로 관리하면서 다음 회차 조합에 참고하는 방식이라는 점입니다. 네오로또 연속미출현필터 화면에서는 특정 번호들이 최근 N주간 출현하", "category": "미출현그룹", "platform": "naver", "intent_type": "analysis", "content_mode": "basic", "publishing_materials_json": null, "tags_json": "[\"네오로또\", \"로또분석\", \"로또예상번호\", \"로또검증\", \"로또645\", \"동행복권\", \"로또조합기\", \"참고용번호\", \"미출현그룹\", \"연속\", \"미출현\", \"그룹과\", \"그룹명\", \"번호\", \"정리\"]", "thumbnail_text": "연속 미출현 그룹과 그룹명 번호 정리", "image_url": "", "image_alt": null, "focus_keyword": "네오로또", "seo_score": 90, "seo_json": "{\"score\": 90, \"focus_keyword\": \"네오로또\", \"checks\": {\"title_length\": true, \"summary_length\": true, \"body_length\": true, \"has_tables\": false, \"has_sections\": true, \"has_faq\": true, \"has_investment_caution\": true, \"has_tags\": true, \"no_forbidden_words\": true}, \"forbidden_hits\": [], \"table_count\": 0, \"section_count\": 7, \"passed\": true}", "status": "published", "view_count": 36, "created_at": "2026-07-04 18:55:12", "updated_at": "2026-07-04 18:55:12", "published_at": "2026-07-04 18:55:12", "tags": ["네오로또", "로또분석", "로또예상번호", "로또검증", "로또645", "동행복권", "로또조합기", "참고용번호", "미출현그룹", "연속", "미출현", "그룹과", "그룹명", "번호", "정리"], "display_tags": ["#네오로또", "#로또분석", "#로또예상번호", "#로또검증", "#로또645", "#동행복권", "#로또조합기", "#참고용번호", "#미출현그룹", "#연속", "#미출현", "#그룹", "#그룹명", "#번호"], "hashtag_text": "#네오로또 #로또분석 #로또예상번호 #로또검증 #로또645 #동행복권 #로또조합기 #참고용번호 #미출현그룹 #연속 #미출현 #그룹 #그룹명 #번호", "seo": {"score": 90, "focus_keyword": "네오로또", "checks": {"title_length": true, "summary_length": true, "body_length": true, "has_tables": false, "has_sections": true, "has_faq": true, "has_investment_caution": true, "has_tags": true, "no_forbidden_words": true}, "forbidden_hits": [], "table_count": 0, "section_count": 7, "passed": true}, "publishing_materials": {}, "instagram_video": {}, "instagram_video_status": "not_created", "instagram_video_error": "", "has_instagram_video": false, "instagram_video_url": "", "instagram_video_download_url": "", "homepage_video": {}, "homepage_video_status": "not_created", "homepage_video_url": "", "homepage_video_download_url": "", "image_fallback_urls": [], "thumbnail_url": "", "has_image": false, "platform_label": "네이버 블로그", "intent_label": "분석형", "public_url": "https://neolotto.kr/auto-post/article/연속-미출현-그룹과-그룹명-번호-정리-포스팅-20260704-eea92053", "local_url": "/auto-post/article/연속-미출현-그룹과-그룹명-번호-정리-포스팅-20260704-eea92053", "category_url": "/auto-post/category/미출현그룹"}], "categories": ["게임·앱", "내부분석", "미출현그룹", "수동키워드", "외부검색", "조합기사용법", "주간제외예상수", "출현임박번호", "통계분석", "해외AI·IT", "회원추천번호", "후나츠사카이"], "category_items": [{"id": 10, "name": "게임·앱", "slug": "게임앱", "description": "", "sort_order": 0, "created_at": "2026-08-22 20:51:18", "updated_at": "2026-08-22 20:51:18", "count": 5, "last_post_at": "2026-09-07 20:09:06", "category": "게임·앱", "local_url": "/auto-post/category/게임앱", "public_url": "https://neolotto.kr/auto-post/category/게임앱"}, {"id": 9, "name": "내부분석", "slug": "내부분석", "description": "", "sort_order": 0, "created_at": "2026-08-22 00:49:24", "updated_at": "2026-08-22 00:49:24", "count": 0, "last_post_at": null, "category": "내부분석", "local_url": "/auto-post/category/내부분석", "public_url": "https://neolotto.kr/auto-post/category/내부분석"}, {"id": 1, "name": "미출현그룹", "slug": "미출현그룹", "description": "", "sort_order": 0, "created_at": "2026-08-15 23:09:25", "updated_at": "2026-08-15 23:09:25", "count": 1, "last_post_at": "2026-07-04 18:55:12", "category": "미출현그룹", "local_url": "/auto-post/category/미출현그룹", "public_url": "https://neolotto.kr/auto-post/category/미출현그룹"}, {"id": 2, "name": "수동키워드", "slug": "수동키워드", "description": "", "sort_order": 0, "created_at": "2026-08-15 23:09:25", "updated_at": "2026-08-15 23:09:25", "count": 2, "last_post_at": "2026-08-16 07:20:46", "category": "수동키워드", "local_url": "/auto-post/category/수동키워드", "public_url": "https://neolotto.kr/auto-post/category/수동키워드"}, {"id": 3, "name": "외부검색", "slug": "외부검색", "description": "", "sort_order": 0, "created_at": "2026-08-15 23:09:25", "updated_at": "2026-08-15 23:09:25", "count": 8, "last_post_at": "2026-08-11 15:21:00", "category": "외부검색", "local_url": "/auto-post/category/외부검색", "public_url": "https://neolotto.kr/auto-post/category/외부검색"}, {"id": 4, "name": "조합기사용법", "slug": "조합기사용법", "description": "", "sort_order": 0, "created_at": "2026-08-15 23:09:25", "updated_at": "2026-08-15 23:09:25", "count": 2, "last_post_at": "2026-07-24 22:12:49", "category": "조합기사용법", "local_url": "/auto-post/category/조합기사용법", "public_url": "https://neolotto.kr/auto-post/category/조합기사용법"}, {"id": 5, "name": "주간제외예상수", "slug": "주간제외예상수", "description": "", "sort_order": 0, "created_at": "2026-08-15 23:09:25", "updated_at": "2026-08-15 23:09:25", "count": 8, "last_post_at": "2026-09-02 19:27:43", "category": "주간제외예상수", "local_url": "/auto-post/category/주간제외예상수", "public_url": "https://neolotto.kr/auto-post/category/주간제외예상수"}, {"id": 6, "name": "출현임박번호", "slug": "출현임박번호", "description": "", "sort_order": 0, "created_at": "2026-08-15 23:09:25", "updated_at": "2026-08-15 23:09:25", "count": 6, "last_post_at": "2026-08-31 00:35:08", "category": "출현임박번호", "local_url": "/auto-post/category/출현임박번호", "public_url": "https://neolotto.kr/auto-post/category/출현임박번호"}, {"id": 11, "name": "통계분석", "slug": "통계분석", "description": "", "sort_order": 0, "created_at": "2026-08-28 21:39:41", "updated_at": "2026-08-28 21:39:41", "count": 0, "last_post_at": null, "category": "통계분석", "local_url": "/auto-post/category/통계분석", "public_url": "https://neolotto.kr/auto-post/category/통계분석"}, {"id": 12, "name": "해외AI·IT", "slug": "해외aiit", "description": "", "sort_order": 0, "created_at": "2026-09-11 07:41:23", "updated_at": "2026-09-11 07:41:23", "count": 0, "last_post_at": null, "category": "해외AI·IT", "local_url": "/auto-post/category/해외aiit", "public_url": "https://neolotto.kr/auto-post/category/해외aiit"}, {"id": 7, "name": "회원추천번호", "slug": "회원추천번호", "description": "", "sort_order": 0, "created_at": "2026-08-15 23:09:25", "updated_at": "2026-08-15 23:09:25", "count": 2, "last_post_at": "2026-09-12 12:17:54", "category": "회원추천번호", "local_url": "/auto-post/category/회원추천번호", "public_url": "https://neolotto.kr/auto-post/category/회원추천번호"}, {"id": 8, "name": "후나츠사카이", "slug": "후나츠사카이", "description": "", "sort_order": 0, "created_at": "2026-08-15 23:09:25", "updated_at": "2026-08-15 23:09:25", "count": 11, "last_post_at": "2026-09-11 09:07:47", "category": "후나츠사카이", "local_url": "/auto-post/category/후나츠사카이", "public_url": "https://neolotto.kr/auto-post/category/후나츠사카이"}], "pagination": {"page": 1, "page_size": 10, "total": 1, "total_pages": 1}, "filters": {"q": "", "category": "미출현그룹", "status": "published", "platform": "", "page_size": 10}},canManage=false;
    const filters=initialData.filters||{};
    const state={page:1,totalPages:1,pageSize:Number(filters.page_size||10),q:filters.q||"",category:filters.category||"",status:filters.status||(canManage?"all":"published"),platform:filters.platform||""};
    const $=id=>document.getElementById(id),grid=$("anGrid"),empty=$("anEmpty"),count=$("anCount"),toast=$("anToast"),modal=$("anModal"),editModal=$("anEditModal"),editForm=$("anEditForm"),categoryManagerModal=$("anCategoryManagerModal"),categoryAddForm=$("anCategoryAddForm"),categoryManagerList=$("anCategoryManagerList"),coupangManagerModal=$("anCoupangManagerModal"),coupangAddForm=$("anCoupangAddForm"),coupangManagerList=$("anCoupangManagerList"),schedulerManagerModal=$("anSchedulerManagerModal"),schedulerForm=$("anSchedulerForm"),schedulerTimes=$("anSchedulerTimes");
    let schedulerTimePresets={odd:["05:00","07:00","09:00","11:00","13:00","15:00","17:00","19:00","21:00","23:00"],even:["06:00","08:00","10:00","12:00","14:00","16:00","18:00","20:00","22:00","00:00"]};
    // ver144: Blogger 체크값은 실제 OAuth 연결 상태와 함께 사용합니다. 연결 전에는
    // 실패 작업을 만들지 않고 관리자 연결 화면으로 안내합니다.
    let bloggerConnected=false;
    // ver384: OAuth 연결 여부는 체크박스 disabled 대신 ON 전환/저장 검증에만 사용합니다.
    let youtubeDirectConnected=false;
    // ver364: 수동 포스팅 기본값은 서버 DB에 저장합니다. 브라우저 localStorage 중복 저장은 제거해
    // 다른 PC/브라우저에서도 같은 관리자 설정을 사용하며 파일 input은 저장하지 않습니다.
    const MANUAL_GENERATION_SELECT_IDS=["anSourceModeSelect","anInternalSourceSelect","anPlatformSelect","anIntentSelect","anModeSelect","anChatGPTModeSelect","anImageCountSelect","anImageProviderSelect","anVideoProviderSelect","anHomepageImageSourceMode","anVideoSourceMode"];
    const MANUAL_GENERATION_CHECK_IDS=["anIncludeNeoCharacterCheck","anPublishThreadsCheck","anPublishInstagramCheck","anPublishTikTokCheck","anPublishYouTubeCheck","anPublishYouTubeVideoCheck","anPublishFacebookCheck","anPublishXCheck","anPublishBloggerCheck","anCoupangAutoCodeCheck"];
    const MANUAL_SETTING_FIELD_BY_ID={anSourceModeSelect:"source_mode",anInternalSourceSelect:"source_url",anPlatformSelect:"platform",anIntentSelect:"intent_type",anModeSelect:"content_mode",anChatGPTModeSelect:"chatgpt_mode",anImageCountSelect:"homepage_image_count",anImageProviderSelect:"image_generation_provider",anVideoProviderSelect:"video_generation_provider",anHomepageImageSourceMode:"homepage_image_source_mode",anVideoSourceMode:"video_source_mode",anIncludeNeoCharacterCheck:"include_neo_character",anPublishThreadsCheck:"publish_threads",anPublishInstagramCheck:"publish_instagram",anPublishTikTokCheck:"publish_tiktok",anPublishYouTubeCheck:"publish_youtube",anPublishYouTubeVideoCheck:"publish_youtube_video",anPublishFacebookCheck:"publish_facebook",anPublishXCheck:"publish_x",anPublishBloggerCheck:"publish_blogger",anCoupangAutoCodeCheck:"apply_coupang_auto_code"};
    function collectManualGenerationPreferences(){const data={};MANUAL_GENERATION_SELECT_IDS.forEach(id=>{const el=$(id),field=MANUAL_SETTING_FIELD_BY_ID[id];if(el&&field)data[field]=id==="anImageCountSelect"?Number(el.value||5):String(el.value||"")});MANUAL_GENERATION_CHECK_IDS.forEach(id=>{const el=$(id),field=MANUAL_SETTING_FIELD_BY_ID[id];if(el&&field)data[field]=Boolean(el.checked)});return data}
    function applyManualGenerationPreferences(data={}){MANUAL_GENERATION_SELECT_IDS.forEach(id=>{const el=$(id),field=MANUAL_SETTING_FIELD_BY_ID[id],value=data[field];if(!el||value==null)return;const target=String(value),valid=[...el.options].some(option=>option.value===target);if(valid)el.value=target});MANUAL_GENERATION_CHECK_IDS.forEach(id=>{const el=$(id),field=MANUAL_SETTING_FIELD_BY_ID[id];if(el&&typeof data[field]==="boolean")el.checked=data[field]});if($("anPlatformSelect")&&$("anPlatformSelect").value==="all"&&$("anModeSelect"))$("anModeSelect").value="all"}
    // ver368: 서버가 실제 네오로또 전체 메뉴에서 찾은 분석 href를 선택 목록에 병합합니다.
    // 공개 /auto-post 렌더링과 분리된 관리자 API만 호출하므로 목록 페이지나 사이트 공용 요청을 막지 않습니다.
    function renderInternalAnalysisPages(data={}){const select=$("anInternalSourceSelect"),status=$("anInternalSourceStatus");if(!select)return;const current=String(select.value||""),items=Array.isArray(data.items)?data.items:[],groups=new Map();items.forEach(item=>{const category=String(item.category||"내부분석"),arr=groups.get(category)||[];arr.push(item);groups.set(category,arr)});select.replaceChildren();const automatic=document.createElement("option");automatic.value="";automatic.textContent="자동 선택 · 주제/키워드로 전체 분석페이지 탐색";select.appendChild(automatic);groups.forEach((groupItems,category)=>{const group=document.createElement("optgroup");group.label=`${category} (${groupItems.length})`;groupItems.forEach(item=>{const option=document.createElement("option");option.value=String(item.source_url||"");option.textContent=`${item.parent_topic||item.topic||"네오로또 분석"} · ${item.source_url||""}`;option.dataset.category=category;group.appendChild(option)});select.appendChild(group)});if(current&&[...select.options].some(option=>option.value===current))select.value=current;if(status){const discovered=Number(data.discovered_count||0),base=Number(data.base_count||0),warning=String(data.warning||"");status.textContent=`내부 분석페이지 ${items.length}개 · 기본 ${base}개 + 전체메뉴 발견 ${discovered}개${warning?` · ${warning}`:""}`}}
    async function loadInternalAnalysisPages(force=false){const status=$("anInternalSourceStatus"),button=$("anInternalSourceRefresh");if(status)status.textContent=force?"네오로또 전체 메뉴에서 분석페이지 주소를 다시 찾는 중입니다.":"네오로또 전체 메뉴의 분석페이지 주소를 확인하는 중입니다.";if(button)button.disabled=true;try{const res=await fetch(`/api/auto-post/internal-analysis-pages?refresh=1&force=${force?1:0}`,{cache:"no-store"}),data=await readJsonResponse(res);renderInternalAnalysisPages(data);return data}finally{if(button)button.disabled=false}}
    async function loadManualGenerationSettings(){const res=await fetch("/api/auto-post/manual-settings",{cache:"no-store"}),data=await readJsonResponse(res);applyManualGenerationPreferences(data);return data}
    async function saveManualGenerationSettings(silent=false){if($("anPublishYouTubeVideoCheck")?.checked&&!youtubeDirectConnected){notice("일반 YouTube 영상 업로드를 사용하려면 YouTube Google OAuth 연결을 먼저 완료해주세요. 체크 해제는 언제든 저장할 수 있습니다.");return null}const payload=collectManualGenerationPreferences(),res=await fetch("/api/auto-post/manual-settings",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(payload)}),data=await readJsonResponse(res);applyManualGenerationPreferences(data);if(!silent)notice(`수동 포스팅 설정을 저장했습니다. · 분석 ${data.source_mode==="site"?"네오로또 내부화면":"외부 웹검색"} · NEO 영상 ${data.include_neo_character?"립싱크 사용":"사용 안 함"} · 이미지 ${data.homepage_image_count||5}장/${data.image_generation_provider||"auto"} · 동영상 ${data.video_generation_provider||"auto"}`);return data}
    function esc(v){return String(v==null?"":v).replace(/[&<>"']/g,m=>({"&":"&amp;","<":"&lt;",">":"&gt;","\"":"&quot;","'":"&#039;"}[m]))}
    function hashTag(v){const clean=String(v==null?"":v).trim().replace(/^#+/,"");return clean?`#${clean}`:""}
    function resolveCardImages(item){const candidates=[item&&item.image_url];if(Array.isArray(item&&item.image_fallback_urls))candidates.push(...item.image_fallback_urls);const output=[],seen=new Set();for(const raw of candidates){const value=String(raw==null?"":raw).trim();if(!value||seen.has(value))continue;if(value.startsWith("/")||/^https?:\/\//i.test(value)||value.startsWith("data:image/")){seen.add(value);output.push(value)}}return output}
    function bindCardImageFallback(image,candidates){let index=candidates.indexOf(image.getAttribute("src")||"");const loadNext=()=>{index+=1;if(index<candidates.length){image.src=candidates[index];return}const thumb=image.closest(".an-thumb");image.remove();if(thumb)thumb.classList.remove("has-image")};image.addEventListener("error",loadNext);if(image.complete&&image.naturalWidth===0)loadNext()}
    function notice(message){toast.textContent=message;toast.classList.add("show");setTimeout(()=>toast.classList.remove("show"),3000)}
    function rateLimitWait(data={}){const seconds=Math.max(0,Number(data.rate_limit_remaining_seconds||data.buffer_global_rate_limit_remaining_seconds||0));return !seconds?"":seconds>=86400?`${Math.ceil(seconds/86400)}일`:seconds>=3600?`${Math.ceil(seconds/3600)}시간`:`${Math.ceil(seconds/60)}분`}
    function rateLimitLabel(service,data={}){return `${service} 수동 재실행`}
    function platformClass(value){value=String(value||"");return value==="naver"?"cat-naver":value==="tistory"?"cat-tistory":value==="blogspot"?"cat-blogspot":value==="youtube"?"cat-youtube":value==="instagram"?"cat-instagram":value==="threads"?"cat-threads":value==="facebook"?"cat-facebook":value==="x"?"cat-x":value==="all"?"cat-all":""}
    function updatePager(){const makeUrl=page=>{const url=new URL(location.href);url.searchParams.set("page",String(page));return url.pathname+url.search};$("anPrev").href=makeUrl(Math.max(1,state.page-1));$("anNext").href=makeUrl(Math.min(state.totalPages,state.page+1));$("anPrev").setAttribute("aria-disabled",state.page<=1?"true":"false");$("anNext").setAttribute("aria-disabled",state.page>=state.totalPages?"true":"false")}
    function render(data){
      const items=data.items||[],p=data.pagination||{};
      state.page=p.page||1;state.totalPages=p.total_pages||1;
      count.textContent=`총 ${p.total||0}개 · ${state.page}/${state.totalPages}페이지`;
      grid.innerHTML="";empty.style.display=items.length?"none":"block";
      items.forEach(item=>{
        const card=document.createElement("article");
        card.className=canManage?"an-card has-admin-actions":"an-card";
        card.dataset.postCard=String(item.id||"");
        const wordAction=canManage&&item.word_download_url?`<a class="an-btn success" href="${esc(item.word_download_url)}">Word</a>`:"";
        const gptArchiveAction=canManage&&item.gpt_archive_download_url?`<a class="an-btn secondary" href="${esc(item.gpt_archive_download_url)}">GPT 원고 ZIP</a>`:"";
        const copyActions=platformCopyActions(item.id);
        const imageAction=canManage&&item.image_zip_download_url?`<a class="an-btn secondary" href="${esc(item.image_zip_download_url)}">이미지 ZIP</a>`:canManage?`<button class="an-btn secondary" type="button" data-gpt-image-id="${item.id}">이미지 생성</button>`:"";
        const instagramVideoAction=canManage&&item.instagram_video_download_url?`<a class="an-btn warning" href="${esc(item.instagram_video_download_url)}">홈페이지 동영상 MP4</a>`:canManage&&String(item.instagram_video_status||"").toLowerCase()==="creating"?`<button class="an-btn warning is-loading" disabled>홈페이지 동영상 제작 중…</button>`:canManage&&item.status==="published"?`<button class="an-btn warning" type="button" data-instagram-video-id="${item.id}">홈페이지 동영상 생성</button>`:"";
        const bufferStatus=String(item.buffer_publication_status||"not_sent").toLowerCase();
        let bufferLabel="Threads 발행",bufferClass="success",bufferDisabled="",bufferForce="0";
        if(bufferStatus==="waiting_for_homepage_images"){bufferLabel="홈페이지 이미지 처리 후 Threads 예정…";bufferClass="is-loading";bufferDisabled=' disabled aria-busy="true"'}
        else if(bufferStatus==="in_progress"||bufferStatus==="generating_text"||bufferStatus==="generating_image"||bufferStatus==="ready"){bufferLabel="Threads 발행 중…";bufferClass="is-loading";bufferDisabled=' disabled aria-busy="true"'}
        else if(bufferStatus==="published"){bufferLabel="✓ Threads 발행 완료";bufferClass="is-complete";bufferDisabled=" disabled"}
        else if(bufferStatus==="queued"){bufferLabel="✓ Threads 대기열 등록";bufferClass="is-queued";bufferDisabled=" disabled"}
        else if(bufferStatus==="retry_wait"){bufferLabel="Threads 지금 재시도";bufferClass="is-queued"}
        else if(bufferStatus==="rate_limited"){bufferLabel="Threads 수동 재실행";bufferClass="is-queued"}
        else if(bufferStatus==="needs_action"){bufferLabel="Threads 확인 후 수동 재실행";bufferClass="is-attention";bufferForce="1"}
        else if(bufferStatus==="failed"||bufferStatus==="unknown"){bufferLabel="Threads 확인 후 수동 재실행";bufferClass="is-attention";bufferForce="1"}
        const bufferAction=canManage&&item.status==="published"?`<button class="an-btn an-buffer-btn ${bufferClass}" type="button" data-buffer-id="${item.id}" data-buffer-force="${bufferForce}" data-buffer-status="${esc(bufferStatus)}" aria-live="polite"${bufferDisabled}>${bufferLabel}</button>`:"";
        const instagramStatus=String(item.instagram_publication_status||"not_sent").toLowerCase();
        let instagramLabel="Instagram 발행",instagramClass="success",instagramDisabled="",instagramForce="0";
        if(instagramStatus==="in_progress"){instagramLabel="Instagram 영상·캡션 발행 중…";instagramClass="is-loading";instagramDisabled=' disabled aria-busy="true"'}
        else if(instagramStatus==="published"){instagramLabel="✓ Instagram 발행 완료";instagramClass="is-complete";instagramDisabled=" disabled"}
        else if(instagramStatus==="queued"){instagramLabel="✓ Instagram 대기열 등록";instagramClass="is-queued";instagramDisabled=" disabled"}
        else if(instagramStatus==="retry_wait"){instagramLabel="Instagram 지금 재시도";instagramClass="is-queued"}
        else if(instagramStatus==="rate_limited"){instagramLabel="Instagram 수동 재실행";instagramClass="is-queued"}
        else if(instagramStatus==="needs_action"){instagramLabel="Instagram 확인 후 수동 재실행";instagramClass="is-attention";instagramForce="1"}
        else if(instagramStatus==="failed"||instagramStatus==="unknown"||instagramStatus==="pending"){instagramLabel="Instagram 확인 후 수동 재실행";instagramClass="is-attention";instagramForce="1"}
        const instagramAction=canManage&&item.status==="published"?`<button class="an-btn an-instagram-btn ${instagramClass}" type="button" data-instagram-id="${item.id}" data-instagram-force="${instagramForce}" data-instagram-status="${esc(instagramStatus)}" aria-live="polite"${instagramDisabled}>${instagramLabel}</button>`:"";
        const tiktokStatus=String(item.tiktok_publication_status||"not_sent").toLowerCase();
        let tiktokLabel="TikTok 발행",tiktokClass="success",tiktokDisabled="",tiktokForce="0";
        if(tiktokStatus==="in_progress"){tiktokLabel="TikTok 영상·캡션 발행 중…";tiktokClass="is-loading";tiktokDisabled=' disabled aria-busy="true"'}
        else if(tiktokStatus==="published"){tiktokLabel="✓ TikTok 발행 완료";tiktokClass="is-complete";tiktokDisabled=" disabled"}
        else if(tiktokStatus==="queued"){tiktokLabel="✓ TikTok 대기열 등록";tiktokClass="is-queued";tiktokDisabled=" disabled"}
        else if(tiktokStatus==="retry_wait"){tiktokLabel="TikTok 지금 재시도";tiktokClass="is-queued"}
        else if(tiktokStatus==="rate_limited"){tiktokLabel="TikTok 수동 재실행";tiktokClass="is-queued"}
        else if(tiktokStatus==="needs_action"){tiktokLabel="TikTok 확인 후 수동 재실행";tiktokClass="is-attention";tiktokForce="1"}
        else if(tiktokStatus==="failed"||tiktokStatus==="unknown"||tiktokStatus==="pending"){tiktokLabel="TikTok 확인 후 수동 재실행";tiktokClass="is-attention";tiktokForce="1"}
        const tiktokAction=canManage&&item.status==="published"?`<button class="an-btn an-tiktok-btn ${tiktokClass}" type="button" data-tiktok-id="${item.id}" data-tiktok-force="${tiktokForce}" data-tiktok-status="${esc(tiktokStatus)}" aria-live="polite"${tiktokDisabled}>${tiktokLabel}</button>`:"";
        const makeBufferVideoAction=(service,label,cssClass)=>{const status=String(item[`${service}_publication_status`]||"not_sent").toLowerCase();let text=`${label} 발행`,cls="success",disabled="",force="0";if(status==="in_progress"||status==="waiting_video"){text=`${label} 영상·원고 발행 중…`;cls="is-loading";disabled=' disabled aria-busy="true"'}else if(status==="published"){text=`✓ ${label} 발행 완료`;cls="is-complete";disabled=" disabled"}else if(status==="queued"){text=`✓ ${label} 대기열 등록`;cls="is-queued";disabled=" disabled"}else if(status==="retry_wait"||status==="rate_limited"){text=`${label} 수동 재실행`;cls="is-queued"}else if(["needs_action","failed","unknown","pending"].includes(status)){text=`${label} 확인 후 재실행`;cls="is-attention";force="1"}return canManage&&item.status==="published"?`<button class="an-btn ${cssClass} ${cls}" type="button" data-${service}-id="${item.id}" data-${service}-force="${force}" data-${service}-status="${esc(status)}" aria-live="polite"${disabled}>${text}</button>`:""};
        const youtubeAction=makeBufferVideoAction("youtube","YouTube","an-youtube-btn");
        const facebookAction=makeBufferVideoAction("facebook","Facebook","an-facebook-btn");
        const xAction=makeBufferVideoAction("x","X","an-x-btn");
        const bloggerStatus=String(item.blogger_publication_status||"not_sent").toLowerCase();
        let bloggerLabel="Blogger 전용 발행",bloggerClass="warning",bloggerDisabled="",bloggerForce="0";
        if(bloggerStatus==="in_progress"){bloggerLabel="Blogger 전용 글 작성·발행 중…";bloggerClass="is-loading";bloggerDisabled=' disabled aria-busy="true"'}
        else if(bloggerStatus==="published"){bloggerLabel="✓ Blogger 발행 완료";bloggerClass="is-complete";bloggerDisabled=" disabled"}
        else if(bloggerStatus==="draft"){bloggerLabel="✓ Blogger 초안 저장";bloggerClass="is-queued";bloggerDisabled=" disabled"}
        else if(bloggerStatus==="retry_wait"||bloggerStatus==="rate_limited"){bloggerLabel="Blogger 수동 재실행";bloggerClass="is-queued"}
        else if(bloggerStatus==="needs_action"){bloggerLabel="Blogger 확인 후 수동 재실행";bloggerClass="is-attention";bloggerForce="1"}
        else if(bloggerStatus==="failed"||bloggerStatus==="unknown"){bloggerLabel="Blogger 확인 후 수동 재실행";bloggerClass="is-attention";bloggerForce="1"}
        const bloggerAction=canManage&&item.status==="published"?`<button class="an-btn an-blogger-btn ${bloggerClass}" type="button" data-blogger-id="${item.id}" data-blogger-force="${bloggerForce}" data-blogger-status="${esc(bloggerStatus)}" aria-live="polite"${bloggerDisabled}>${bloggerLabel}</button>`:"";
        const adminActions=canManage?`<details class="an-card-admin" data-admin-actions="${item.id}"><summary class="an-card-admin-toggle" aria-label="관리 버튼 펼치기 또는 접기"><span class="an-card-admin-toggle-text"></span><span class="an-card-admin-toggle-icon" aria-hidden="true">▼</span></summary><div class="an-card-actions">${wordAction}${gptArchiveAction}${copyActions}${imageAction}${instagramVideoAction}${bufferAction}${instagramAction}${tiktokAction}${youtubeAction}${facebookAction}${xAction}${bloggerAction}<button class="an-btn secondary" data-edit-id="${item.id}">수정</button><button class="an-btn danger" data-delete-id="${item.id}" data-title="${esc(item.title)}">삭제</button></div></details>`:"";
        const categoryLink=item.category_url?`<a class="an-category-card-link" href="${esc(item.category_url)}">${esc(item.category||"")}</a>`:"",imageCandidates=resolveCardImages(item),imageUrl=imageCandidates[0]||"";
        card.innerHTML=`<div class="an-thumb ${platformClass(item.platform)} ${imageUrl?"has-image":""}">${imageUrl?`<img class="an-thumb-img" src="${esc(imageUrl)}" alt="${esc(item.image_alt||item.title)}" loading="eager" fetchpriority="low" decoding="async" referrerpolicy="no-referrer">`:""}<div class="an-thumb-label"><small>${esc(item.platform_label||"자동 선택")} · ${esc(item.status||"")}</small><strong>${esc(item.thumbnail_text||item.focus_keyword||"SEO 콘텐츠")}</strong></div></div><div class="an-body"><a class="an-post-link" href="${esc(item.local_url)}"><h2>${esc(item.title)}</h2><p>${esc(item.summary||"검색의도와 플랫폼에 맞춰 작성된 콘텐츠입니다.")}</p></a><div class="an-meta">${categoryLink}<span>${esc(item.intent_label||"")}</span><span>SEO ${esc(item.seo_score||0)}</span><span>조회 ${esc(item.view_count||0)}</span><span>${esc(item.published_at||item.created_at||"")}</span></div><div>${(item.display_tags||item.tags||[]).slice(0,5).map(tag=>`<span class="an-tag">${esc(hashTag(tag))}</span>`).join("")}</div></div>${adminActions}`;
        grid.appendChild(card);
        const thumbImage=card.querySelector(".an-thumb-img");if(thumbImage)bindCardImageFallback(thumbImage,imageCandidates);
      });
    }
    async function load(){const params=new URLSearchParams({page:state.page,page_size:state.pageSize,q:state.q,category:state.category,status:state.status,platform:state.platform});const controller=new AbortController(),timer=setTimeout(()=>controller.abort(),15000);try{const res=await fetch("/api/auto-post/posts?"+params,{cache:"no-store",signal:controller.signal,headers:{"Accept":"application/json"}});if(!res.ok)throw new Error("목록을 불러오지 못했습니다.");const data=await res.json();render(data);updatePager()}finally{clearTimeout(timer)}}
    // ver94: 목록 상세보기에서도 수수료 문구가 포함된 쿠팡 영역을 실제 본문보다 먼저 배치합니다.
    function platformCopyActions(postId){
      if(!canManage||!postId)return"";
      return [["threads","Threads"],["instagram","Instagram"],["tiktok","TikTok"],["youtube","YouTube"],["facebook","Facebook"],["x","X"],["blogger","Blogger"]].map(([platform,label])=>`<button class="an-btn secondary an-platform-copy-btn" type="button" data-copy-post-id="${postId}" data-copy-platform="${platform}">${label} 원고 복사</button>`).join("")
    }
    async function writeSavedCopyText(content){
      const value=String(content||"");if(!value)throw new Error("복사할 저장 원고가 비어 있습니다.");
      if(navigator.clipboard&&window.isSecureContext){await navigator.clipboard.writeText(value);return}
      const area=document.createElement("textarea");area.value=value;area.setAttribute("readonly","");area.style.position="fixed";area.style.left="-9999px";area.style.top="0";document.body.appendChild(area);area.select();area.setSelectionRange(0,area.value.length);const copied=document.execCommand("copy");area.remove();if(!copied)throw new Error("브라우저가 클립보드 복사를 허용하지 않았습니다.")
    }
    async function copySavedPlatformFromButton(button){
      if(!button||button.disabled)return;const postId=button.dataset.copyPostId,platform=String(button.dataset.copyPlatform||"").toLowerCase(),labels={threads:"Threads",instagram:"Instagram",tiktok:"TikTok",youtube:"YouTube",facebook:"Facebook",blogger:"Blogger"},label=labels[platform]||platform,original=button.textContent;
      button.disabled=true;button.textContent=`${label} 원고 불러오는 중…`;
      try{const res=await fetch(`/api/auto-post/posts/${postId}/saved-copy/${platform}`,{cache:"no-store",headers:{"Accept":"application/json"}}),data=await readJsonResponse(res);await writeSavedCopyText(data.content);button.textContent=`✓ ${label} 원고 복사됨`;notice(`${label} 저장 원고 ${Number(data.character_count||String(data.content||"").length).toLocaleString()}자를 클립보드에 복사했습니다.`);setTimeout(()=>{button.disabled=false;button.textContent=original},1600)}catch(error){button.disabled=false;button.textContent=original;notice(error&&error.message?error.message:`${label} 원고 복사에 실패했습니다.`)}
    }
    async function openPost(id){
      const res=await fetch(`/api/auto-post/posts/${id}`),data=await res.json().catch(()=>({}));
      if(!res.ok)return notice(data.detail||"콘텐츠를 불러오지 못했습니다.");
      const post=data.post||{},word=canManage&&post.word_download_url?`<a class="an-btn success" href="${esc(post.word_download_url)}">MS Word</a>`:"",gptArchiveAction=canManage&&post.gpt_archive_download_url?`<a class="an-btn secondary" href="${esc(post.gpt_archive_download_url)}">GPT 원고 ZIP</a>`:"",copyActions=platformCopyActions(post.id),gptImageAction=canManage&&post.image_zip_download_url?`<a class="an-btn secondary" href="${esc(post.image_zip_download_url)}">이미지 ZIP</a>`:canManage?`<button class="an-btn secondary" type="button" data-gpt-image-id="${post.id}">이미지 생성</button>`:"",videoAction=canManage&&post.instagram_video_download_url?`<a class="an-btn warning" href="${esc(post.instagram_video_download_url)}">홈페이지 동영상 MP4</a>`:canManage&&String(post.instagram_video_status||"").toLowerCase()==="creating"?`<button class="an-btn warning is-loading" disabled>홈페이지 동영상 제작 중…</button>`:canManage&&post.status==="published"?`<button class="an-btn warning" type="button" data-instagram-video-id="${post.id}">홈페이지 동영상 생성</button>`:"";
      const bufferStatus=String(post.buffer_publication_status||"not_sent").toLowerCase(),bufferAction=canManage&&post.status==="published"?(bufferStatus==="published"?`<button class="an-btn an-buffer-btn is-complete" disabled>✓ Threads 발행 완료</button>`:bufferStatus==="queued"?`<button class="an-btn an-buffer-btn is-queued" disabled>✓ Threads 대기열 등록</button>`:bufferStatus==="retry_wait"?`<button class="an-btn an-buffer-btn is-queued" type="button" data-buffer-id="${post.id}" data-buffer-force="0" data-buffer-status="retry_wait">Threads 지금 재시도</button>`:bufferStatus==="rate_limited"?`<button class="an-btn an-buffer-btn is-queued" type="button" data-buffer-id="${post.id}" data-buffer-force="0" data-buffer-status="rate_limited">Threads 수동 재실행</button>`:bufferStatus==="needs_action"?`<button class="an-btn an-buffer-btn is-attention" type="button" data-buffer-id="${post.id}" data-buffer-force="1" data-buffer-status="needs_action">Threads 확인 후 수동 재실행</button>`:bufferStatus==="in_progress"?`<button class="an-btn an-buffer-btn is-loading" disabled>Threads 발행 중…</button>`:`<button class="an-btn an-buffer-btn ${bufferStatus==="failed"||bufferStatus==="unknown"||bufferStatus==="pending"?"is-attention":"success"}" type="button" data-buffer-id="${post.id}" data-buffer-force="${bufferStatus==="failed"||bufferStatus==="unknown"||bufferStatus==="pending"?"1":"0"}" data-buffer-status="${esc(bufferStatus)}">${bufferStatus==="failed"||bufferStatus==="unknown"||bufferStatus==="pending"?"Threads 확인 후 수동 재실행":"Threads 발행"}</button>`):"";
      const instagramStatus=String(post.instagram_publication_status||"not_sent").toLowerCase(),instagramAction=canManage&&post.status==="published"?(instagramStatus==="published"?`<button class="an-btn an-instagram-btn is-complete" disabled>✓ Instagram 발행 완료</button>`:instagramStatus==="queued"?`<button class="an-btn an-instagram-btn is-queued" disabled>✓ Instagram 대기열 등록</button>`:instagramStatus==="retry_wait"?`<button class="an-btn an-instagram-btn is-queued" type="button" data-instagram-id="${post.id}" data-instagram-force="0" data-instagram-status="retry_wait">Instagram 지금 재시도</button>`:instagramStatus==="rate_limited"?`<button class="an-btn an-instagram-btn is-queued" type="button" data-instagram-id="${post.id}" data-instagram-force="0" data-instagram-status="rate_limited">Instagram 수동 재실행</button>`:instagramStatus==="needs_action"?`<button class="an-btn an-instagram-btn is-attention" type="button" data-instagram-id="${post.id}" data-instagram-force="1" data-instagram-status="needs_action">Instagram 확인 후 수동 재실행</button>`:instagramStatus==="in_progress"?`<button class="an-btn an-instagram-btn is-loading" disabled>Instagram 영상·캡션 발행 중…</button>`:`<button class="an-btn an-instagram-btn ${instagramStatus==="failed"||instagramStatus==="unknown"||instagramStatus==="pending"?"is-attention":"success"}" type="button" data-instagram-id="${post.id}" data-instagram-force="${instagramStatus==="failed"||instagramStatus==="unknown"||instagramStatus==="pending"?"1":"0"}" data-instagram-status="${esc(instagramStatus)}">${instagramStatus==="failed"||instagramStatus==="unknown"||instagramStatus==="pending"?"Instagram 확인 후 수동 재실행":"Instagram 발행"}</button>`):"";
      const tiktokStatus=String(post.tiktok_publication_status||"not_sent").toLowerCase(),tiktokAction=canManage&&post.status==="published"?(tiktokStatus==="published"?`<button class="an-btn an-tiktok-btn is-complete" disabled>✓ TikTok 발행 완료</button>`:tiktokStatus==="queued"?`<button class="an-btn an-tiktok-btn is-queued" disabled>✓ TikTok 대기열 등록</button>`:tiktokStatus==="retry_wait"?`<button class="an-btn an-tiktok-btn is-queued" type="button" data-tiktok-id="${post.id}" data-tiktok-force="0" data-tiktok-status="retry_wait">TikTok 지금 재시도</button>`:tiktokStatus==="rate_limited"?`<button class="an-btn an-tiktok-btn is-queued" type="button" data-tiktok-id="${post.id}" data-tiktok-force="0" data-tiktok-status="rate_limited">TikTok 수동 재실행</button>`:tiktokStatus==="needs_action"?`<button class="an-btn an-tiktok-btn is-attention" type="button" data-tiktok-id="${post.id}" data-tiktok-force="1" data-tiktok-status="needs_action">TikTok 확인 후 수동 재실행</button>`:tiktokStatus==="in_progress"?`<button class="an-btn an-tiktok-btn is-loading" disabled>TikTok 영상·캡션 발행 중…</button>`:`<button class="an-btn an-tiktok-btn ${tiktokStatus==="failed"||tiktokStatus==="unknown"||tiktokStatus==="pending"?"is-attention":"success"}" type="button" data-tiktok-id="${post.id}" data-tiktok-force="${tiktokStatus==="failed"||tiktokStatus==="unknown"||tiktokStatus==="pending"?"1":"0"}" data-tiktok-status="${esc(tiktokStatus)}">${tiktokStatus==="failed"||tiktokStatus==="unknown"||tiktokStatus==="pending"?"TikTok 확인 후 수동 재실행":"TikTok 발행"}</button>`):"";
      const makeModalVideoAction=(service,label,cssClass)=>{const status=String(post[`${service}_publication_status`]||"not_sent").toLowerCase();if(!canManage||post.status!=="published")return"";if(status==="published")return`<button class="an-btn ${cssClass} is-complete" disabled>✓ ${label} 발행 완료</button>`;if(status==="queued")return`<button class="an-btn ${cssClass} is-queued" disabled>✓ ${label} 대기열 등록</button>`;if(status==="in_progress"||status==="waiting_video")return`<button class="an-btn ${cssClass} is-loading" disabled>${label} 영상·원고 발행 중…</button>`;if(status==="retry_wait"||status==="rate_limited")return`<button class="an-btn ${cssClass} is-queued" type="button" data-${service}-id="${post.id}" data-${service}-force="0" data-${service}-status="${esc(status)}">${label} 수동 재실행</button>`;const force=["needs_action","failed","unknown","pending"].includes(status)?"1":"0",cls=force==="1"?"is-attention":"success",text=force==="1"?`${label} 확인 후 재실행`:`${label} 발행`;return`<button class="an-btn ${cssClass} ${cls}" type="button" data-${service}-id="${post.id}" data-${service}-force="${force}" data-${service}-status="${esc(status)}">${text}</button>`};
      const youtubeAction=makeModalVideoAction("youtube","YouTube","an-youtube-btn"),facebookAction=makeModalVideoAction("facebook","Facebook","an-facebook-btn"),xAction=makeModalVideoAction("x","X","an-x-btn");
      const bloggerStatus=String(post.blogger_publication_status||"not_sent").toLowerCase(),bloggerAction=canManage&&post.status==="published"?(bloggerStatus==="published"?`<button class="an-btn an-blogger-btn is-complete" disabled>✓ Blogger 발행 완료</button>`:bloggerStatus==="draft"?`<button class="an-btn an-blogger-btn is-queued" disabled>✓ Blogger 초안 저장</button>`:["retry_wait","rate_limited"].includes(bloggerStatus)?`<button class="an-btn an-blogger-btn is-queued" type="button" data-blogger-id="${post.id}" data-blogger-force="0" data-blogger-status="${esc(bloggerStatus)}">Blogger 수동 재실행</button>`:bloggerStatus==="needs_action"?`<button class="an-btn an-blogger-btn is-attention" type="button" data-blogger-id="${post.id}" data-blogger-force="1" data-blogger-status="needs_action">Blogger 확인 후 수동 재실행</button>`:bloggerStatus==="in_progress"?`<button class="an-btn an-blogger-btn is-loading" disabled>Blogger 전용 글 작성·발행 중…</button>`:`<button class="an-btn an-blogger-btn ${bloggerStatus==="failed"||bloggerStatus==="unknown"?"is-attention":"warning"}" type="button" data-blogger-id="${post.id}" data-blogger-force="${bloggerStatus==="failed"||bloggerStatus==="unknown"?"1":"0"}" data-blogger-status="${esc(bloggerStatus)}">${bloggerStatus==="failed"||bloggerStatus==="unknown"?"Blogger 확인 후 수동 재실행":"Blogger 전용 발행"}</button>`):"",video=post.instagram_video_url?`<video class="an-instagram-video" controls playsinline preload="metadata" poster="${esc(post.image_url||"")}"><source src="${esc(post.instagram_video_url)}" type="video/mp4"></video>`:"";
      $("anModalTitle").textContent=post.title||"상세보기";
      $("anArticle").innerHTML=video+(post.instagram_caption?`<p class="an-video-note"><strong>Instagram 캡션</strong> ${esc(post.instagram_caption)}</p>`:"")+(post.tiktok_caption?`<p class="an-video-note"><strong>TikTok 캡션</strong> ${esc(post.tiktok_caption)}</p>`:"")+(post.affiliate_links_html||"")+(post.coupang_partners_html||"")+(post.content_html||"")+(post.affiliate_footer_html||"");
      $("anModalActions").innerHTML=`<a class="an-btn" href="${esc(post.local_url)}">상세 페이지</a>${word}${gptArchiveAction}${copyActions}${gptImageAction}${videoAction}${bufferAction}${instagramAction}${tiktokAction}${youtubeAction}${facebookAction}${xAction}${bloggerAction}`;modal.classList.add("open")
    }
    async function generatePostImages(id,button){
      if(!id)return;const original=button?button.textContent:"";
      if(button){button.disabled=true;button.textContent="GPT 이미지 예약 중…"}
      try{const imageCount=Number($("anImageCountSelect")?$("anImageCountSelect").value:5),provider=$("anImageProviderSelect")?$("anImageProviderSelect").value:"auto",res=await fetch(`/api/auto-post/posts/${id}/generate-images?image_count=${encodeURIComponent(imageCount)}&provider=${encodeURIComponent(provider)}&include_neo_character=${encodeURIComponent(Boolean($("anIncludeNeoCharacterCheck")&&$("anIncludeNeoCharacterCheck").checked))}`,{method:"POST"});const data=await res.json().catch(()=>({}));if(!res.ok||!data.ok)throw new Error(data.detail||(data.image_errors||[]).map(item=>item.detail).join("; ")||"이미지 생성을 시작하지 못했습니다.");notice(`이미지 총 ${imageCount}장 · ${data.image_provider_label||provider} 경로로 처리합니다.`);if(button)button.textContent=data.image_queued?"이미지 생성 중… 새로고침 후 확인":"이미지 생성 완료"}catch(error){if(button){button.disabled=false;button.textContent=original}throw error}
    }
    async function createInstagramVideo(id,button){
      if(!id)return;
      const original=button?button.textContent:"";
      if(button){button.disabled=true;button.textContent="홈페이지 동영상 생성 요청 중…"}
      try{
        const res=await fetch(`/api/auto-post/posts/${id}/instagram-video?force=1&provider=${encodeURIComponent($("anVideoProviderSelect")?$("anVideoProviderSelect").value:"auto")}`,{method:"POST"});
        const data=await res.json().catch(()=>({}));
        if(!res.ok||!data.ok)throw new Error(data.detail||"홈페이지 동영상 생성을 시작하지 못했습니다.");
        notice("홈페이지 확정 원고 전체를 중복 없이 정리한 한국어 TTS 대본으로 만들고, 썸네일의 자연스러운 NEO 안전영역에 크로마키 캐릭터를 합성해 실제 음성 길이 그대로 홈페이지 MP4를 제작합니다. 외부 SNS·YouTube는 자동 발행하지 않으며 MP4를 내려받아 수동 업로드할 수 있습니다.");
        if(modal.classList.contains("open"))await openPost(id);else await load();
      }catch(error){if(button){button.disabled=false;button.textContent=original}throw error}
    }
    async function deletePost(id,title){if(!confirm(`이 콘텐츠를 삭제할까요?\n${title||""}`))return;const res=await fetch(`/api/auto-post/posts/${id}`,{method:"DELETE"});const data=await res.json().catch(()=>({}));if(!res.ok)return notice(data.detail||"삭제하지 못했습니다.");notice("삭제했습니다.");await load()}
    async function waitForThreadsPublication(id,button){
      const labels={generating_text:"GPT가 원문 전체를 Threads 글로 변환 중…",generating_image:"Threads 전용 이미지 생성 중…",ready:"Buffer에 글과 이미지를 전송 중…",in_progress:"Threads 발행 중…"};
      const deadline=Date.now()+12*60*1000;
      while(Date.now()<deadline){
        await new Promise(resolve=>setTimeout(resolve,3000));
        const res=await fetch(`/api/auto-post/posts/${id}/buffer-publication`,{cache:"no-store"});
        const data=await res.json().catch(()=>({}));
        if(!res.ok)throw new Error(data.detail||"Threads 진행 상태를 확인하지 못했습니다.");
        const status=String(data.status||"not_sent").toLowerCase(),stage=String(data.stage||"").toLowerCase();
        if(status==="in_progress"||status==="waiting_for_homepage_images"){button.textContent=labels[stage]||labels[status]||labels.in_progress;continue}
        return data;
      }
      throw new Error("Threads 글·이미지 생성 시간이 길어지고 있습니다. 목록을 새로고침해 상태를 확인하세요.");
    }
    async function publishBuffer(id,force=false,button=null){
      if(!button||button.disabled)return;
      if(force&&!confirm("Buffer/Threads에서 실제 미게시 상태를 확인하셨나요? 강제 재시도는 중복 게시될 수 있습니다."))return;
      const originalText=button.textContent,originalStatus=button.dataset.bufferStatus||"not_sent",originalForce=button.dataset.bufferForce||"0";
      button.classList.add("is-pressed");
      setTimeout(()=>button.classList.remove("is-pressed"),220);
      button.disabled=true;button.setAttribute("aria-busy","true");
      button.classList.remove("success","is-complete","is-queued","is-attention","is-error");
      button.classList.add("is-loading");button.textContent="Threads 발행 중…";
      try{
        const res=await fetch(`/api/auto-post/posts/${id}/buffer-publish${force?"?force=1":""}`,{method:"POST"});
        const raw=await res.text();let data={};
        try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||"Buffer 응답을 읽지 못했습니다."}}
        if(res.ok&&["in_progress","waiting_for_homepage_images"].includes(String(data.status||"").toLowerCase()))data=await waitForThreadsPublication(id,button);
        const status=String(data.status||"").toLowerCase();
        button.classList.remove("is-loading");button.removeAttribute("aria-busy");
        if(res.ok&&data.ok){
          button.dataset.bufferStatus=status||"published";button.dataset.bufferForce="0";
          if(status==="queued"){button.classList.add("is-queued");button.textContent="✓ Threads 대기열 등록"}
          else{button.classList.add("is-complete");button.textContent="✓ Threads 발행 완료"}
          button.disabled=true;
          notice(status==="queued"?"GPT 글·이미지 생성 후 Buffer 대기열에 등록했습니다.":"GPT 글 변환과 전용 이미지 생성 후 Threads 발행을 완료했습니다.");
          return;
        }
        if(["published","queued"].includes(status)||(data.skipped&&["published","queued"].includes(status))){
          button.dataset.bufferStatus=status;button.dataset.bufferForce="0";button.disabled=true;
          if(status==="published"){button.classList.add("is-complete");button.textContent="✓ Threads 발행 완료"}
          else if(status==="queued"){button.classList.add("is-queued");button.textContent="✓ Threads 대기열 등록"}
          notice(data.detail||data.reason||(status==="queued"?"Buffer가 게시물을 접수했으며 발행 확인을 기다립니다.":"Threads 발행을 완료했습니다."));
          return;
        }
        if(status==="retry_wait"){
          button.dataset.bufferStatus=status;button.dataset.bufferForce="0";button.disabled=false;
          button.classList.add("is-queued");button.textContent="Threads 지금 재시도";
          notice(data.detail||data.reason||"자동 재개하지 않습니다. 준비가 되면 이 버튼을 눌러 수동 재실행하세요.");
          return;
        }
        if(status==="rate_limited"){
          button.dataset.bufferStatus=status;button.dataset.bufferForce="0";button.disabled=false;
          button.classList.add("is-queued");button.textContent=rateLimitLabel("Threads",data);
          notice(data.detail||data.reason||"자동 재개하지 않습니다. 제한 해제 후 이 버튼을 다시 눌러 수동 실행하세요.");
          return;
        }
        if(status==="needs_action"||status==="failed"||status==="unknown"||data.retry_requires_force){
          button.dataset.bufferStatus=status||"unknown";button.dataset.bufferForce="1";button.disabled=false;
          button.classList.add("is-attention");button.textContent="Threads 확인 후 수동 재실행";
          notice(data.detail||data.reason||"Buffer에서 실제 게시 여부를 확인한 뒤 다시 시도하세요.");
          return;
        }
        button.dataset.bufferStatus=originalStatus;button.dataset.bufferForce=originalForce;button.disabled=false;
        button.classList.add("is-error");button.textContent="Threads 생성·발행 실패";
        notice(data.detail||data.reason||"Buffer 발행에 실패했습니다.");
        setTimeout(()=>{if(button.dataset.bufferStatus===originalStatus){button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"success":"is-attention");button.textContent=originalText}},1800);
      }catch(error){
        button.classList.remove("is-loading");button.classList.add("is-error");button.removeAttribute("aria-busy");button.disabled=false;button.textContent="Threads 생성·발행 실패";
        notice(error&&error.message?error.message:"Buffer 발행 요청에 실패했습니다.");
        setTimeout(()=>{button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"success":"is-attention");button.textContent=originalText},1800);
      }
    }
    async function waitForInstagramPublication(id,button){
      const labels={waiting_for_shared_video:"공용 쇼츠 영상 생성 대기 중…",waiting_for_video:"공용 쇼츠 영상 생성·검증 중…",instagram_shared_video:"공용 쇼츠 영상 공개 상태 확인 중…",instagram_video:"9:16 공용 프레임·요소 모션 영상 생성 중…",instagram_caption_build:"Instagram 캡션 준비 중…",instagram_gpt_caption:"Instagram 캡션 준비 중…",channel_resolution:"Buffer Instagram 채널 확인 중…",buffer_request:"Instagram Reel 업로드 중…",in_progress:"Instagram 영상·캡션 발행 중…"};
      const deadline=Date.now()+60*60*1000;
      while(Date.now()<deadline){
        await new Promise(resolve=>setTimeout(resolve,2500));
        const res=await fetch(`/api/auto-post/posts/${id}/instagram-publication`,{cache:"no-store"}),data=await res.json().catch(()=>({}));
        if(!res.ok)throw new Error(data.detail||"Instagram 진행 상태를 확인하지 못했습니다.");
        const status=String(data.status||"not_sent").toLowerCase(),stage=String(data.stage||"").toLowerCase();
        if(status==="in_progress"||status==="waiting_video"){button.textContent=labels[stage]||labels[status]||labels.in_progress;continue}
        return data;
      }
      throw new Error("Instagram 작업이 오래 걸리고 있습니다. 서버 백그라운드 처리는 계속되므로 잠시 뒤 목록을 새로고침해 상태를 확인하세요.");
    }
    async function publishInstagram(id,force=false,button=null){
      if(!button||button.disabled)return;
      if(force&&!confirm("Buffer와 Instagram에서 실제 미게시 상태를 확인하셨나요? 강제 재시도는 중복 게시될 수 있습니다."))return;
      const originalText=button.textContent,originalStatus=button.dataset.instagramStatus||"not_sent";
      button.disabled=true;button.setAttribute("aria-busy","true");button.classList.remove("success","is-complete","is-queued","is-attention","is-error");button.classList.add("is-loading");button.textContent="Instagram 영상·캡션 발행 중…";
      try{
        const res=await fetch(`/api/auto-post/posts/${id}/instagram-publish${force?"?force=1":""}`,{method:"POST"});
        const raw=await res.text();let data={};try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||"Instagram 응답을 읽지 못했습니다."}}
        if(res.ok&&["in_progress","waiting_video"].includes(String(data.status||"").toLowerCase()))data=await waitForInstagramPublication(id,button);
        const status=String(data.status||"").toLowerCase();button.classList.remove("is-loading");button.removeAttribute("aria-busy");
        if((res.ok||data.skipped)&&["published","queued"].includes(status)){button.dataset.instagramStatus=status;button.dataset.instagramForce="0";button.disabled=true;if(status==="published"){button.classList.add("is-complete");button.textContent="✓ Instagram 발행 완료"}else{button.classList.add("is-queued");button.textContent="✓ Instagram 대기열 등록"}notice(data.caption?`Instagram 발행 완료 · ${data.caption}`:(data.detail||"Buffer Instagram 전송을 완료했습니다."));return}
        if(status==="retry_wait"){button.dataset.instagramStatus=status;button.dataset.instagramForce="0";button.disabled=false;button.classList.add("is-queued");button.textContent="Instagram 지금 재시도";notice(data.detail||data.reason||"자동 재개하지 않습니다. 준비가 되면 이 버튼을 눌러 수동 재실행하세요.");return}
        if(status==="rate_limited"){button.dataset.instagramStatus=status;button.dataset.instagramForce="0";button.disabled=false;button.classList.add("is-queued");button.textContent=rateLimitLabel("Instagram",data);notice(data.detail||data.reason||"자동 재개하지 않습니다. 제한 해제 후 이 버튼을 다시 눌러 수동 실행하세요.");return}
        if(status==="needs_action"||status==="failed"||status==="unknown"||data.retry_requires_force){button.dataset.instagramStatus=status||"unknown";button.dataset.instagramForce="1";button.disabled=false;button.classList.add("is-attention");button.textContent="Instagram 확인 후 수동 재실행";notice(data.detail||data.reason||"Buffer와 Instagram에서 게시 여부를 확인하세요.");return}
        button.disabled=false;button.dataset.instagramStatus=originalStatus;button.classList.add("is-error");button.textContent="Instagram 발행 실패";notice(data.detail||data.reason||"Instagram 발행에 실패했습니다.");setTimeout(()=>{button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"success":"is-attention");button.textContent=originalText},1800);
      }catch(error){button.classList.remove("is-loading");button.classList.add("is-error");button.removeAttribute("aria-busy");button.disabled=false;button.textContent="Instagram 발행 실패";notice(error&&error.message?error.message:"Instagram 발행 요청에 실패했습니다.");setTimeout(()=>{button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"success":"is-attention");button.textContent=originalText},1800)}
    }
    async function waitForTikTokPublication(id,button){
      const labels={waiting_for_shared_video:"공용 쇼츠 영상 생성 대기 중…",waiting_for_video:"공용 쇼츠 영상 생성·검증 중…",tiktok_shared_video:"공용 쇼츠 영상 공개 상태 확인 중…",tiktok_video:"9:16 공용 프레임·요소 모션 영상 생성 중…",tiktok_caption_build:"TikTok 캡션 준비 중…",tiktok_gpt_caption:"TikTok 캡션 준비 중…",channel_resolution:"Buffer TikTok 채널 확인 중…",buffer_request:"TikTok 영상 업로드 중…",in_progress:"TikTok 영상·캡션 발행 중…"};
      const deadline=Date.now()+60*60*1000;
      while(Date.now()<deadline){
        await new Promise(resolve=>setTimeout(resolve,2500));
        const res=await fetch(`/api/auto-post/posts/${id}/tiktok-publication`,{cache:"no-store"});
        const data=await res.json().catch(()=>({}));
        if(!res.ok)throw new Error(data.detail||"TikTok 진행 상태를 확인하지 못했습니다.");
        const status=String(data.status||"not_sent").toLowerCase(),stage=String(data.stage||"").toLowerCase();
        if(status==="in_progress"||status==="waiting_video"){button.textContent=labels[stage]||labels[status]||labels.in_progress;continue}
        return data;
      }
      throw new Error("TikTok 작업이 오래 걸리고 있습니다. 서버 백그라운드 처리는 계속되므로 잠시 뒤 목록을 새로고침해 상태를 확인하세요.");
    }
    async function publishTikTok(id,force=false,button=null){
      if(!button||button.disabled)return;
      if(force&&!confirm("Buffer와 TikTok에서 실제 미게시 상태를 확인하셨나요? 강제 재시도는 중복 게시될 수 있습니다."))return;
      const originalText=button.textContent,originalStatus=button.dataset.tiktokStatus||"not_sent";
      button.disabled=true;button.setAttribute("aria-busy","true");button.classList.remove("success","is-complete","is-queued","is-attention","is-error");button.classList.add("is-loading");button.textContent="TikTok 영상·캡션 발행 중…";
      try{
        const res=await fetch(`/api/auto-post/posts/${id}/tiktok-publish${force?"?force=1":""}`,{method:"POST"});
        const raw=await res.text();let data={};try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||"TikTok 응답을 읽지 못했습니다."}}
        if(res.ok&&["in_progress","waiting_video"].includes(String(data.status||"").toLowerCase()))data=await waitForTikTokPublication(id,button);
        const status=String(data.status||"").toLowerCase();button.classList.remove("is-loading");button.removeAttribute("aria-busy");
        if((res.ok||data.skipped)&&["published","queued"].includes(status)){button.dataset.tiktokStatus=status;button.dataset.tiktokForce="0";button.disabled=true;if(status==="published"){button.classList.add("is-complete");button.textContent="✓ TikTok 발행 완료"}else{button.classList.add("is-queued");button.textContent="✓ TikTok 대기열 등록"}notice(data.caption?`TikTok 발행 완료 · ${data.caption}`:(data.detail||"Buffer TikTok 전송을 완료했습니다."));return}
        if(status==="retry_wait"){button.dataset.tiktokStatus=status;button.dataset.tiktokForce="0";button.disabled=false;button.classList.add("is-queued");button.textContent="TikTok 지금 재시도";notice(data.detail||data.reason||"자동 재개하지 않습니다. 준비가 되면 이 버튼을 눌러 수동 재실행하세요.");return}
        if(status==="rate_limited"){button.dataset.tiktokStatus=status;button.dataset.tiktokForce="0";button.disabled=false;button.classList.add("is-queued");button.textContent=rateLimitLabel("TikTok",data);notice(data.detail||data.reason||"자동 재개하지 않습니다. 제한 해제 후 이 버튼을 다시 눌러 수동 실행하세요.");return}
        if(status==="needs_action"||status==="failed"||status==="unknown"||data.retry_requires_force){button.dataset.tiktokStatus=status||"unknown";button.dataset.tiktokForce="1";button.disabled=false;button.classList.add("is-attention");button.textContent="TikTok 확인 후 수동 재실행";notice(data.detail||data.reason||"Buffer와 TikTok에서 게시 여부를 확인하세요.");return}
        button.disabled=false;button.dataset.tiktokStatus=originalStatus;button.classList.add("is-error");button.textContent="TikTok 발행 실패";notice(data.detail||data.reason||"TikTok 발행에 실패했습니다.");setTimeout(()=>{button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"success":"is-attention");button.textContent=originalText},1800);
      }catch(error){button.classList.remove("is-loading");button.classList.add("is-error");button.removeAttribute("aria-busy");button.disabled=false;button.textContent="TikTok 발행 실패";notice(error&&error.message?error.message:"TikTok 발행 요청에 실패했습니다.");setTimeout(()=>{button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"success":"is-attention");button.textContent=originalText},1800)}
    }
    async function waitForBufferVideoPublication(service,id,button,label){
      const deadline=Date.now()+60*60*1000;
      while(Date.now()<deadline){
        await new Promise(resolve=>setTimeout(resolve,2500));
        const res=await fetch(`/api/auto-post/posts/${id}/${service}-publication`,{cache:"no-store"});
        const data=await res.json().catch(()=>({}));
        if(!res.ok)throw new Error(data.detail||`${label} 진행 상태를 확인하지 못했습니다.`);
        const status=String(data.status||"not_sent").toLowerCase(),stage=String(data.stage||"").toLowerCase();
        if(status==="in_progress"||status==="waiting_video"){button.textContent=stage?`${label} 처리 중 · ${stage}`:`${label} 영상·원고 발행 중…`;continue}
        return data;
      }
      throw new Error(`${label} 작업이 오래 걸리고 있습니다. 서버 작업 상태를 새로고침해 확인하세요.`);
    }
    async function publishBufferVideoService(service,id,force=false,button=null,label=service){
      if(!button||button.disabled)return;
      if(force&&!confirm(`Buffer와 ${label}에서 실제 미게시 상태를 확인하셨나요? 강제 재실행은 중복 게시될 수 있습니다.`))return;
      const statusKey=`${service}Status`,forceKey=`${service}Force`,originalText=button.textContent,originalStatus=button.dataset[statusKey]||"not_sent";
      button.disabled=true;button.setAttribute("aria-busy","true");button.classList.remove("success","is-complete","is-queued","is-attention","is-error");button.classList.add("is-loading");button.textContent=`${label} 영상·원고 발행 중…`;
      try{
        const res=await fetch(`/api/auto-post/posts/${id}/${service}-publish${force?"?force=1":""}`,{method:"POST"});
        const raw=await res.text();let data={};try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||`${label} 응답을 읽지 못했습니다.`}}
        if(res.ok&&["in_progress","waiting_video"].includes(String(data.status||"").toLowerCase()))data=await waitForBufferVideoPublication(service,id,button,label);
        const status=String(data.status||"").toLowerCase();button.classList.remove("is-loading");button.removeAttribute("aria-busy");
        if((res.ok||data.skipped)&&["published","queued"].includes(status)){button.dataset[statusKey]=status;button.dataset[forceKey]="0";button.disabled=true;if(status==="published"){button.classList.add("is-complete");button.textContent=`✓ ${label} 발행 완료`}else{button.classList.add("is-queued");button.textContent=`✓ ${label} 대기열 등록`}notice(data.detail||`${label} Buffer 전송을 완료했습니다.`);return}
        if(status==="retry_wait"||status==="rate_limited"){button.dataset[statusKey]=status;button.dataset[forceKey]="0";button.disabled=false;button.classList.add("is-queued");button.textContent=`${label} 수동 재실행`;notice(data.detail||"자동 재실행하지 않습니다. 준비되면 버튼을 다시 눌러주세요.");return}
        if(status==="needs_action"||status==="failed"||status==="unknown"||data.retry_requires_force){button.dataset[statusKey]=status||"unknown";button.dataset[forceKey]="1";button.disabled=false;button.classList.add("is-attention");button.textContent=`${label} 확인 후 재실행`;notice(data.detail||`Buffer와 ${label}에서 게시 여부를 확인하세요.`);return}
        button.disabled=false;button.dataset[statusKey]=originalStatus;button.classList.add("is-error");button.textContent=`${label} 발행 실패`;notice(data.detail||`${label} 발행에 실패했습니다.`);setTimeout(()=>{button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"success":"is-attention");button.textContent=originalText},1800);
      }catch(error){button.classList.remove("is-loading");button.classList.add("is-error");button.removeAttribute("aria-busy");button.disabled=false;button.textContent=`${label} 발행 실패`;notice(error&&error.message?error.message:`${label} 발행 요청에 실패했습니다.`);setTimeout(()=>{button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"success":"is-attention");button.textContent=originalText},1800)}
    }
    async function publishYouTube(id,force=false,button=null){return publishBufferVideoService("youtube",id,force,button,"YouTube")}
    async function publishFacebook(id,force=false,button=null){return publishBufferVideoService("facebook",id,force,button,"Facebook")}
    async function publishX(id,force=false,button=null){return publishBufferVideoService("x",id,force,button,"X")}

    async function waitForBloggerPublication(id,button){
      const deadline=Date.now()+4*60*1000;
      while(Date.now()<deadline){
        await new Promise(resolve=>setTimeout(resolve,1800));
        const res=await fetch(`/api/auto-post/posts/${id}/blogger-publication`,{cache:"no-store"});
        const data=await res.json().catch(()=>({}));
        if(!res.ok)throw new Error(data.detail||"Blogger 진행 상태를 확인하지 못했습니다.");
        const status=String(data.status||"not_sent").toLowerCase();
        if(status==="in_progress"||status==="not_sent"){button.textContent="Blogger 전용 글 작성·발행 중…";continue}
        return data;
      }
      throw new Error("Blogger 전용 글 작성과 발행 시간이 길어지고 있습니다. 목록을 새로고침해 상태를 확인하세요.");
    }
    async function publishBlogger(id,force=false,button=null){
      if(!button||button.disabled)return;
      if(!bloggerConnected){
        const status=await loadBloggerConnectionStatus();
        if(!status||!status.connected)return notice("자동 포스팅 설정에서 Blogger Google 연결을 먼저 완료해주세요.");
      }
      if(force&&!confirm("Blogger에서 실제 미등록 상태를 확인하셨나요? 강제 재시도는 중복 게시될 수 있습니다."))return;
      const originalText=button.textContent,originalStatus=button.dataset.bloggerStatus||"not_sent",originalForce=button.dataset.bloggerForce||"0";
      button.classList.add("is-pressed");
      setTimeout(()=>button.classList.remove("is-pressed"),220);
      button.disabled=true;button.setAttribute("aria-busy","true");
      button.classList.remove("warning","success","is-complete","is-queued","is-attention","is-error");
      button.classList.add("is-loading");button.textContent="Blogger 전용 글 작성·발행 중…";
      try{
        const res=await fetch(`/api/auto-post/posts/${id}/blogger-publish${force?"?force=1":""}`,{method:"POST"});
        const raw=await res.text();let data={};
        try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||"Blogger 응답을 읽지 못했습니다."}}
        if(res.ok&&String(data.status||"").toLowerCase()==="in_progress")data=await waitForBloggerPublication(id,button);
        const status=String(data.status||"").toLowerCase();
        button.classList.remove("is-loading");button.removeAttribute("aria-busy");
        if((res.ok||data.skipped)&&["published","draft"].includes(status)){
          button.dataset.bloggerStatus=status;button.dataset.bloggerForce="0";button.disabled=true;
          if(status==="draft"){button.classList.add("is-queued");button.textContent="✓ Blogger 초안 저장";notice("Blogger 초안 저장을 완료했습니다.")}
          else{button.classList.add("is-complete");button.textContent="✓ Blogger 발행 완료";notice("Blogger 전용 글 작성과 발행을 완료했습니다.")}
          return;
        }
        if(status==="connection_required"||status==="auth_failed"){
          bloggerConnected=false;button.dataset.bloggerStatus="not_sent";button.dataset.bloggerForce="0";button.disabled=false;
          button.classList.add("warning");button.textContent="Blogger 전용 발행";
          notice(data.detail||data.reason||"Blogger Google 연결을 다시 완료해주세요.");
          return;
        }
        if(status==="retry_wait"||status==="rate_limited"){
          button.dataset.bloggerStatus=status;button.dataset.bloggerForce="0";button.disabled=false;
          button.classList.add("is-queued");button.textContent="Blogger 수동 재실행";
          notice(data.detail||data.reason||"자동 재개하지 않습니다. 상태를 확인한 뒤 Blogger 버튼을 다시 눌러주세요.");
          return;
        }
        if(status==="needs_action"){
          button.dataset.bloggerStatus=status;button.dataset.bloggerForce="1";button.disabled=false;
          button.classList.add("is-attention");button.textContent="Blogger 확인 후 수동 재실행";
          notice(data.detail||data.reason||"Blogger의 실제 등록 상태를 확인한 뒤 이 버튼으로 수동 재실행하세요.");
          return;
        }
        if(status==="failed"||status==="unknown"||data.retry_requires_force){
          button.dataset.bloggerStatus=status||"unknown";button.dataset.bloggerForce="1";button.disabled=false;
          button.classList.add("is-attention");button.textContent="Blogger 확인 후 수동 재실행";
          notice(data.detail||data.reason||"Blogger에서 실제 등록 여부를 확인한 뒤 다시 시도하세요.");
          return;
        }
        button.dataset.bloggerStatus=originalStatus;button.dataset.bloggerForce=originalForce;button.disabled=false;
        button.classList.add("is-error");button.textContent="Blogger 발행 실패";
        notice(data.detail||data.reason||"Blogger 발행에 실패했습니다.");
        setTimeout(()=>{if(button.dataset.bloggerStatus===originalStatus){button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"warning":"is-attention");button.textContent=originalText}},1800);
      }catch(error){
        button.classList.remove("is-loading");button.classList.add("is-error");button.removeAttribute("aria-busy");button.disabled=false;button.textContent="Blogger 발행 실패";
        notice(error&&error.message?error.message:"Blogger 발행 요청에 실패했습니다.");
        setTimeout(()=>{button.classList.remove("is-error");button.classList.add(originalStatus==="not_sent"?"warning":"is-attention");button.textContent=originalText},1800);
      }
    }
    async function readJsonResponse(res){const raw=await res.text();let data={};try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||"서버 응답을 읽지 못했습니다."}}if(!res.ok)throw new Error(data.detail||`요청을 처리하지 못했습니다. (${res.status})`);return data}
    function renderCategories(items){if(!categoryManagerList)return;categoryManagerList.innerHTML="";if(!items.length){categoryManagerList.innerHTML='<div class="an-category-manager-empty">등록된 카테고리가 없습니다.</div>';return}items.forEach(item=>{const box=document.createElement("section");box.className="an-category-manager-item";box.dataset.categoryId=item.id;box.innerHTML=`<div class="an-category-manager-fields"><input class="an-input" name="name" value="${esc(item.name||"")}" aria-label="카테고리 이름"><input class="an-input" name="slug" value="${esc(item.slug||"")}" aria-label="카테고리 영구주소"><input class="an-input" name="sort_order" type="number" value="${esc(item.sort_order||0)}" aria-label="정렬 순서"><textarea class="an-textarea" name="description" aria-label="카테고리 설명">${esc(item.description||"")}</textarea></div><div class="an-category-manager-actions"><span class="an-category-manager-meta">글 ${esc(item.count||0)}개 · <a class="an-category-card-link" href="${esc(item.local_url||"#")}">아카이브 보기</a></span><div class="an-category-manager-buttons"><button class="an-btn secondary" type="button" data-category-save="${item.id}">수정 저장</button><button class="an-btn danger" type="button" data-category-delete="${item.id}" data-category-name="${esc(item.name||"")}">삭제</button></div></div>`;categoryManagerList.appendChild(box)})}
    async function loadCategories(){if(!canManage||!categoryManagerModal)return;const res=await fetch("/api/auto-post/categories",{cache:"no-store"});const data=await readJsonResponse(res);renderCategories(data.items||[])}
    async function openCategoryManager(){categoryManagerModal.classList.add("open");categoryManagerList.innerHTML='<div class="an-category-manager-empty">카테고리 목록을 불러오는 중입니다.</div>';try{await loadCategories()}catch(e){notice(e.message)}}
    async function saveCategory(id,box){const payload={name:box.querySelector('[name="name"]').value.trim(),slug:box.querySelector('[name="slug"]').value.trim(),sort_order:Number(box.querySelector('[name="sort_order"]').value||0),description:box.querySelector('[name="description"]').value.trim()};if(!payload.name)return notice("카테고리 이름을 입력해주세요.");const res=await fetch(`/api/auto-post/categories/${id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(payload)});await readJsonResponse(res);notice("카테고리와 기존 글 분류를 수정했습니다.");await loadCategories()}
    async function removeCategory(id,name){const replacement=name==="미분류"?"일반정보":"미분류";if(!confirm(`카테고리 '${name||""}'를 삭제할까요?\n포함된 글은 ${replacement}로 이동합니다.`))return;const res=await fetch(`/api/auto-post/categories/${id}`,{method:"DELETE",headers:{"Content-Type":"application/json"},body:JSON.stringify({replacement:replacement})});const data=await readJsonResponse(res);notice(`카테고리를 삭제하고 글 ${data.moved_posts||0}개를 ${data.replacement||replacement}로 이동했습니다.`);await loadCategories()}
    function renderCoupangCodes(items){if(!coupangManagerList)return;coupangManagerList.innerHTML="";if(!items.length){coupangManagerList.innerHTML='<div class="an-coupang-manager-empty">등록된 코드가 없습니다. 새 글에는 쿠팡 영역이 자동 입력되지 않습니다.</div>';return}items.forEach(item=>{const box=document.createElement("section");box.className="an-coupang-manager-item";box.dataset.codeId=item.id;box.innerHTML=`<div class="an-coupang-manager-head"><strong>${esc(item.name||`코드 ${item.id}`)}</strong><span class="an-coupang-manager-meta">사용 ${esc(item.use_count||0)}회${item.last_used_at?` · 최근 ${esc(item.last_used_at)}`:""}</span></div><div class="an-coupang-manager-fields"><input class="an-input" name="name" value="${esc(item.name||"")}" aria-label="코드 이름"><textarea class="an-code-textarea" name="raw_code" aria-label="쿠팡 코드">${esc(item.raw_code||"")}</textarea></div><div class="an-coupang-manager-actions"><button class="an-btn secondary" type="button" data-coupang-save="${item.id}">수정 저장</button><button class="an-btn danger" type="button" data-coupang-delete="${item.id}">삭제</button></div>`;coupangManagerList.appendChild(box)})}
    async function loadCoupangCodes(){if(!canManage||!coupangManagerModal)return;const res=await fetch("/api/auto-post/coupang-codes",{cache:"no-store"});const data=await readJsonResponse(res);renderCoupangCodes(data.items||[])}
    async function openCoupangManager(){coupangManagerModal.classList.add("open");coupangManagerList.innerHTML='<div class="an-coupang-manager-empty">코드 목록을 불러오는 중입니다.</div>';try{await loadCoupangCodes()}catch(e){notice(e.message)}}
    async function saveCoupangCode(id,box){const name=box.querySelector('[name="name"]').value.trim(),rawCode=box.querySelector('[name="raw_code"]').value.trim();if(!name||!rawCode)return notice("코드 이름과 쿠팡 코드를 모두 입력해주세요.");const res=await fetch(`/api/auto-post/coupang-codes/${id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:name,raw_code:rawCode})});await readJsonResponse(res);notice("쿠팡 자동 코드를 수정했습니다.");await loadCoupangCodes()}
    async function removeCoupangCode(id,box){const name=box.querySelector('[name="name"]').value.trim();if(!confirm(`이 자동 코드를 삭제할까요?
${name}`))return;const res=await fetch(`/api/auto-post/coupang-codes/${id}`,{method:"DELETE"});await readJsonResponse(res);notice("쿠팡 자동 코드를 삭제했습니다.");await loadCoupangCodes()}
    function selectedGeneration(){const platform=$("anPlatformSelect").value;let mode=$("anModeSelect").value;const instagramChecked=Boolean($("anPublishInstagramCheck")&&$("anPublishInstagramCheck").checked),tiktokChecked=Boolean($("anPublishTikTokCheck")&&$("anPublishTikTokCheck").checked);if(platform==="all")mode="all";const settings={source_mode:$("anSourceModeSelect")?$("anSourceModeSelect").value:"site",source_url:$("anInternalSourceSelect")?$("anInternalSourceSelect").value:"",platform:platform,intent_type:$("anIntentSelect").value,content_mode:mode,chatgpt_mode:$("anChatGPTModeSelect")?$("anChatGPTModeSelect").value:"current",publish_threads:Boolean($("anPublishThreadsCheck")&&$("anPublishThreadsCheck").checked),publish_instagram:instagramChecked,publish_tiktok:tiktokChecked,publish_youtube:Boolean($("anPublishYouTubeCheck")&&$("anPublishYouTubeCheck").checked),publish_youtube_video:Boolean($("anPublishYouTubeVideoCheck")&&$("anPublishYouTubeVideoCheck").checked),publish_facebook:Boolean($("anPublishFacebookCheck")&&$("anPublishFacebookCheck").checked),publish_x:Boolean($("anPublishXCheck")&&$("anPublishXCheck").checked),publish_blogger:Boolean($("anPublishBloggerCheck")&&$("anPublishBloggerCheck").checked),homepage_image_count:Number($("anImageCountSelect")?$("anImageCountSelect").value:5),image_generation_provider:$("anImageProviderSelect")?$("anImageProviderSelect").value:"auto",video_generation_provider:$("anVideoProviderSelect")?$("anVideoProviderSelect").value:"auto",homepage_image_source_mode:$("anHomepageImageSourceMode")?$("anHomepageImageSourceMode").value:"generate",video_source_mode:$("anVideoSourceMode")?$("anVideoSourceMode").value:"generate",include_neo_character:Boolean($("anIncludeNeoCharacterCheck")&&$("anIncludeNeoCharacterCheck").checked),apply_coupang_auto_code:Boolean($("anCoupangAutoCodeCheck")&&$("anCoupangAutoCodeCheck").checked)},links={toss_sharing_text:$("anTossSharingText")?$("anTossSharingText").value.trim():"",naver_brand_connect_url:$("anNaverBrandConnectUrl")?$("anNaverBrandConnectUrl").value.trim():"",coupang_partners_url:$("anCoupangPartnersUrl")?$("anCoupangPartnersUrl").value.trim():""};if(Object.values(links).some(Boolean))settings.affiliate_links=links;return settings}
    function showGeneratedPosts(data){const posts=data.posts||[],errors=data.errors||[],threadsDisabled=data.buffer&&data.buffer.status==="disabled_by_request";$("anModalTitle").textContent=`플랫폼별 콘텐츠 ${posts.length}개 생성 완료`;$("anModalActions").innerHTML=`<span class="an-tag">${threadsDisabled?"공통 팩트 시트 1개 기준 · 홈페이지 글과 이미지만 생성 · Threads 제외":"홈페이지 저장 완료 · 저장 원고 기반 외부 채널 즉시 준비 · 공용 쇼츠 영상 1개 순차 발행"}</span>`;$("anArticle").innerHTML=`<div class="an-generated-list">${posts.map(item=>{const word=canManage&&item.word_download_url?`<a class="an-btn success" href="${esc(item.word_download_url)}">Word 다운로드</a>`:"",gptArchive=canManage&&item.gpt_archive_download_url?`<a class="an-btn secondary" href="${esc(item.gpt_archive_download_url)}">GPT 원고 ZIP</a>`:"",copyActions=platformCopyActions(item.id),buffer=item.buffer?`<span>Buffer Threads ${esc(item.buffer.status||"확인 필요")}</span>`:"",instagram=item.instagram?`<span>Instagram ${esc(item.instagram.status||"확인 필요")}</span>`:"",tiktok=item.tiktok?`<span>TikTok ${esc(item.tiktok.status||"확인 필요")}</span>`:"",youtube=item.youtube?`<span>YouTube ${esc(item.youtube.status||"확인 필요")}</span>`:"",facebook=item.facebook?`<span>Facebook ${esc(item.facebook.status||"확인 필요")}</span>`:"",blogger=item.blogger?`<span>Blogger ${esc(item.blogger.status||"확인 필요")}</span>`:"",coupang=item.coupang_auto_code_applied?"<span>쿠팡 자동코드 적용</span>":"",affiliate=Number(item.affiliate_link_count||0)>0?`<span>직접 상품링크 ${esc(item.affiliate_link_count)}개</span>`:"",imageLabel=item.image_status==="queued"?"이미지 백그라운드 생성 중":item.image_attached?`이미지 ${esc(item.image_generated_count||0)}장`:item.image_status==="disabled"?"이미지 생성 꺼짐":"글만 저장";return `<section class="an-generated-item"><h2>${esc(item.platform_label)} · ${esc(item.title)}</h2><div class="an-meta"><span>${esc(item.status||"")}</span><span>SEO ${esc(item.seo_score||0)}</span><span>${imageLabel}</span>${coupang}${affiliate}${buffer}${instagram}${tiktok}${youtube}${facebook}${blogger}</div><div class="an-manual-actions"><a class="an-btn" href="${esc(item.local_url)}">게시글 보기</a>${word}${gptArchive}${copyActions}</div></section>`}).join("")}</div>`+(errors.length?`<section class="an-warning-paragraph"><strong>생성 실패 ${errors.length}개</strong><br>${errors.map(item=>`${esc(item.platform_label)}: ${esc(item.detail)}`).join("<br>")}</section>`:"");modal.classList.add("open")}
    async function waitChatgptGenerationJob(jobId){
        const started=Date.now();
        let maxWaitMs=20*60*1000,lastStatus="";
        while(Date.now()-started<maxWaitMs){
            const res=await fetch(`/api/auto-post/chatgpt-generation-jobs/${encodeURIComponent(jobId)}`,{cache:"no-store"});
            const data=await readJsonResponse(res);
            // ver396: backend가 실제 job에 기록한 절대 제한시간을 화면 대기에도 그대로 반영합니다.
            // 고정 20분이 서버 작업보다 짧아 UI만 먼저 실패하던 기존 방식을 대체합니다.
            const serverTimeoutMs=Math.max(0,Number(data.timeout_seconds||0))*1000;
            if(serverTimeoutMs>0)maxWaitMs=Math.max(maxWaitMs,serverTimeoutMs+90*1000);
            const status=String(data.status||"");
            if(status!==lastStatus){
                lastStatus=status;
                if(status==="queued")notice("ChatGPT 생성 작업이 대기 중입니다.");
                else if(status==="running")notice(`ChatGPT 글 생성 중 · worker ${data.owner_pid||"확인중"} · 서버 작업 상태를 조회하고 있습니다.`);
            }
            if(status==="completed"){
                if(!data.result)throw new Error("ChatGPT 생성 작업은 완료됐지만 결과 데이터를 찾지 못했습니다.");
                return data.result;
            }
            if(status==="failed"||status==="cancelled"){
                throw new Error(data.detail||"ChatGPT 생성 작업이 완료되지 못했습니다.");
            }
            await new Promise(resolve=>setTimeout(resolve,2500));
        }
        throw new Error("ChatGPT 생성 작업의 서버 제한시간을 초과했습니다. running 상태는 서버에서 자동 해제됩니다.");
    }

    async function generateContent(){
        const keyword=$("anKeywordInput").value.trim();
        if(!keyword)return notice("주제 또는 키워드를 입력해주세요.");
        const button=$("anKeywordGenerateBtn");
        const settings=selectedGeneration();
        // ver243: Blogger 연결 여부는 홈페이지 생성 요청의 선행조건이 아닙니다.
        // 미연결 상태라도 홈페이지 글은 먼저 published로 저장하고 Blogger만 후속 실패/건너뜀으로 처리합니다.
        const bloggerPreflightWarning=settings.publish_blogger&&!bloggerConnected
            ? " Blogger가 아직 연결되지 않았지만 홈페이지 포스팅은 먼저 진행합니다."
            : "";
        const threadsNotice=settings.publish_threads?" 홈페이지 저장 후 저장된 완성 원고에서 Threads 본문을 즉시 만들고 발행합니다. 별도 GPT 재작성은 선택 설정일 때만 시도합니다.":" Threads 글·전용 이미지·Buffer 발행은 건너뜁니다.",instagramNotice=settings.publish_instagram?" 저장 원고에서 Instagram 캡션을 즉시 만들고 선택한 동영상 공급자 경로로 9:16(1080×1920) 공용 MP4를 만든 뒤 Buffer Reel로 발행합니다.":" Instagram 발행은 선택에 따라 건너뜁니다.",tiktokNotice=settings.publish_tiktok?" 저장 원고에서 TikTok 캡션을 즉시 만들고 Instagram과 동일한 공용 쇼츠 MP4를 사용합니다. 영상은 한 번만 생성합니다.":" TikTok 발행은 선택에 따라 건너뜁니다.",youtubeNotice=settings.publish_youtube?" 저장 원고에서 YouTube Shorts 설명을 만들고 같은 공용 MP4를 Buffer YouTube 채널로 발행합니다.":" YouTube 발행은 건너뜁니다.",facebookNotice=settings.publish_facebook?" 저장 원고에서 Facebook Reel 본문을 만들고 같은 공용 MP4를 Buffer Facebook Page로 발행합니다.":" Facebook 발행은 건너뜁니다.",xNotice=settings.publish_x?" 저장 원고에서 X 전용 독립 문구를 만들고 같은 공용 MP4를 Buffer X/Twitter 채널로 발행합니다.":" X 발행은 건너뜁니다.",bloggerNotice=settings.publish_blogger?" 홈페이지 저장 뒤 확정 원고를 Blogger API 형식으로 변환해 발행하며 400 오류는 최소 본문으로 재검증합니다.":" Blogger API 업로드는 건너뜁니다.",coupangNotice=settings.apply_coupang_auto_code?(settings.publish_threads?" 기존 쿠팡 자동코드는 Threads 첫 댓글에 별도로 넣습니다.":" 기존 쿠팡 자동코드는 홈페이지에만 적용합니다."):" 기존 쿠팡 자동코드는 적용하지 않습니다.",affiliateCount=settings.affiliate_links?Object.values(settings.affiliate_links).filter(Boolean).length:0,affiliateNotice=affiliateCount?` 직접 상품링크 ${affiliateCount}개는 제목·설명·대표 이미지 카드로 홈페이지에 넣${settings.publish_threads?"고 Threads 첫 댓글에는 고지·주소를 넣습니다":"습니다"}.`:" 직접 상품링크는 적용하지 않습니다.";
        const attachedImageInput=$("anAttachedImageFile"),attachedImageFiles=attachedImageInput&&attachedImageInput.files?Array.from(attachedImageInput.files):[],attachedImageSelected=attachedImageFiles.length>0,homepageImageModeLabel=settings.homepage_image_source_mode==="uploaded"?"첨부 이미지 사용":"생성 사용",videoSourceModeLabel=settings.video_source_mode==="uploaded"?"첨부 이미지 사용":"생성 이미지 사용";if((settings.homepage_image_source_mode==="uploaded"||settings.video_source_mode==="uploaded")&&!attachedImageSelected)return notice("첨부 이미지 사용을 선택했다면 이미지 파일을 함께 첨부해주세요.");button.disabled=true;const scopeNotice=settings.content_mode==="all"?"공통 팩트 시트를 만든 뒤 9개 편집 플랫폼 글을 홈페이지에 저장합니다.":"선택한 편집 플랫폼의 홈페이지 글을 저장합니다.",imageProviderLabel={auto:"자동(GPT→서버)",gpt:"GPT만",server:"서버만"}[settings.image_generation_provider]||settings.image_generation_provider,videoProviderLabel={auto:"자동(Gemini→서버)",gemini:"Gemini만",server:"서버만"}[settings.video_generation_provider]||settings.video_generation_provider,imageNotice=` 글당 이미지는 총 ${settings.homepage_image_count}장(대표 1장 + 문단 이미지 최대 4장) · 이미지 ${imageProviderLabel} · 동영상 ${videoProviderLabel} 경로로 처리합니다. 홈페이지 이미지 ${homepageImageModeLabel} · 동영상 원본 ${videoSourceModeLabel} · 첨부 이미지 ${attachedImageFiles.length}장${attachedImageFiles.length>8?" (GPT 전송 시 여러 원본을 이미지 시트로 자동 정리)":""}.`;
        notice(scopeNotice+imageNotice+threadsNotice+instagramNotice+tiktokNotice+youtubeNotice+facebookNotice+xNotice+bloggerNotice+coupangNotice+affiliateNotice+bloggerPreflightWarning);
        try{
            let attachedImageUrls=[];
            let attachedImageUrl="";
            if(attachedImageSelected){
                notice(`첨부 이미지 ${attachedImageFiles.length}장을 업로드하고 있습니다.`);
                attachedImageUrls=await uploadImages(attachedImageInput);
                attachedImageUrl=attachedImageUrls[0]||"";
            }
            const res=await fetch("/api/auto-post/chatgpt-generate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({status:"published",keyword:keyword,chatgpt_url:"",playwright_publish:false,background_generation:true,attached_image_url:attachedImageUrl,attached_image_urls:attachedImageUrls,attached_image_alt:keyword,...settings})});
            const raw=await res.text();
            let data={};
            try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||"서버 응답을 확인하지 못했습니다."}}
            if(!res.ok)return notice(data.detail||"콘텐츠 생성 작업 시작에 실패했습니다.");
            if(data.accepted&&data.job_id){
                notice("ChatGPT 생성 작업을 서버 백그라운드에서 시작했습니다. 완료될 때까지 상태만 확인합니다.");
                data=await waitChatgptGenerationJob(data.job_id);
            }
            if(!data.id||!data.site_registered)return notice(data.detail||"GPT 답변은 생성됐지만 사이트 게시글 등록 결과를 확인하지 못했습니다.");
            state.status="all";
            state.page=1;
            await load();
            if(data.multi_platform){
                showGeneratedPosts(data);
                if(data.buffer&&data.buffer.status==="disabled_by_request")notice(`${data.generated_count||0}개 편집 플랫폼 콘텐츠를 홈페이지에 저장했습니다. 선택에 따라 Threads 글작성·포스팅은 건너뛰었습니다.`);
                else if(data.buffer&&!data.buffer.ok)notice(data.buffer.detail||data.buffer.reason||"홈페이지 글은 저장됐지만 별도 Threads 작업을 시작하지 못했습니다.");
                else notice(`${data.generated_count||0}개 편집 플랫폼 콘텐츠를 홈페이지에 저장했습니다. 선택한 Threads·Instagram·TikTok·YouTube·Facebook·Blogger 외부 작업은 별도로 진행됩니다.`);
                return;
            }
            if(data.quality_hold){notice("엄격 품질 보류 설정으로 초안에 저장했습니다.");return}
            if(data.buffer&&data.buffer.status==="disabled_by_request")notice("홈페이지 포스팅을 완료했습니다. 선택에 따라 Threads 글작성·포스팅은 건너뛰었습니다.");
            else if(data.buffer&&!data.buffer.ok)notice(data.buffer.detail||data.buffer.reason||"홈페이지 글은 저장됐지만 별도 Threads 작업을 시작하지 못했습니다.");
            if(data.local_url){location.href=data.local_url;return}
            notice(data.duplicate?"동일 본문이 있어 기존 등록 글을 열었습니다.":"홈페이지 포스팅을 완료했습니다. 선택한 Threads·Instagram·TikTok·YouTube·Facebook·Blogger 외부 작업은 별도로 진행됩니다.");
        }finally{button.disabled=false}
    }
    function selectedImage(input){const file=input&&input.files&&input.files[0];if(!file)return null;const allowed=["image/jpeg","image/png","image/webp","image/gif","application/octet-stream"];const lower=String(file.name||"").toLowerCase();if(!allowed.includes(file.type)&&!/[.](png|jpe?g|webp|gif)$/.test(lower))throw new Error("JPG, PNG, WEBP, GIF 이미지만 첨부할 수 있습니다.");if(file.size>50*1024*1024)throw new Error("대표 이미지는 50MB 이하만 업로드할 수 있습니다.");return file}
    function selectedImages(input){const files=Array.from(input&&input.files?input.files:[]);if(!files.length)return[];const allowed=["image/jpeg","image/png","image/webp","image/gif","application/octet-stream"];return files.map(file=>{const lower=String(file.name||"").toLowerCase();if(!allowed.includes(file.type)&&!/[.](png|jpe?g|webp|gif)$/.test(lower))throw new Error("JPG, PNG, WEBP, GIF 이미지만 첨부할 수 있습니다.");if(file.size>50*1024*1024)throw new Error("첨부 이미지는 각 파일당 50MB 이하만 업로드할 수 있습니다.");return file})}
    function selectedImageZip(input){const file=input&&input.files&&input.files[0];if(!file)return null;if(!String(file.name||"").toLowerCase().endsWith(".zip"))throw new Error("전체 이미지 파일은 ZIP 형식만 업로드할 수 있습니다.");if(file.size>200*1024*1024)throw new Error("전체 이미지 ZIP은 200MB 이하만 업로드할 수 있습니다.");return file}
    async function parseUploadResponse(res){const raw=await res.text();let data={};try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||"서버 응답을 읽지 못했습니다."}}if(!res.ok)throw new Error(data.detail||`파일 업로드에 실패했습니다. (${res.status})`);return data}
    async function uploadBinaryFile(endpoint,file,fieldName="file"){let firstError=null;try{const res=await fetch(endpoint,{method:"POST",headers:{"Content-Type":file.type||"application/octet-stream","X-File-Name":encodeURIComponent(file.name||"upload.bin")},body:file});return await parseUploadResponse(res)}catch(e){firstError=e}try{const form=new FormData();form.append(fieldName,file,file.name||"upload.bin");const res=await fetch(endpoint,{method:"POST",body:form});return await parseUploadResponse(res)}catch(e){throw new Error(`${e.message||"업로드 실패"}${firstError?` / 원시 업로드: ${firstError.message}`:""}`)}}
    async function normalizePngForUpload(file){if(!file||(!/\.png$/i.test(file.name||"")&&file.type!=="image/png"))return file;let bitmap=null,url="";try{if(typeof createImageBitmap==="function")bitmap=await createImageBitmap(file);else{url=URL.createObjectURL(file);bitmap=await new Promise((resolve,reject)=>{const img=new Image();img.onload=()=>resolve(img);img.onerror=()=>reject(new Error("PNG를 브라우저에서 열지 못했습니다."));img.src=url})}const width=bitmap.width||bitmap.naturalWidth,height=bitmap.height||bitmap.naturalHeight;if(!width||!height)throw new Error("PNG 크기를 확인하지 못했습니다.");const canvas=document.createElement("canvas");canvas.width=width;canvas.height=height;const ctx=canvas.getContext("2d",{alpha:true});if(!ctx)throw new Error("PNG 변환 캔버스를 만들지 못했습니다.");ctx.drawImage(bitmap,0,0,width,height);const blob=await new Promise((resolve,reject)=>canvas.toBlob(value=>value?resolve(value):reject(new Error("표준 PNG 변환에 실패했습니다.")),"image/png"));return new File([blob],String(file.name||"thumbnail.png").replace(/\.[^.]+$/,"_normalized.png"),{type:"image/png",lastModified:Date.now()})}finally{if(bitmap&&typeof bitmap.close==="function")bitmap.close();if(url)URL.revokeObjectURL(url)}}
    async function uploadImage(input){const file=selectedImage(input);if(!file)return"";let data=null;try{data=await uploadBinaryFile("/api/auto-post/image-upload",file,"image_file")}catch(firstError){if(!/\.png$/i.test(file.name||"")&&file.type!=="image/png")throw firstError;notice("PNG를 표준 형식으로 변환해 다시 업로드합니다.");const normalized=await normalizePngForUpload(file);data=await uploadBinaryFile("/api/auto-post/image-upload",normalized,"image_file")}if(!data.url)throw new Error(data.detail||"대표 이미지 주소를 받지 못했습니다.");return data.url}
    async function uploadImages(input){const files=selectedImages(input);if(!files.length)return[];const urls=[];for(let index=0;index<files.length;index+=1){const file=files[index];let data=null;notice(`첨부 이미지 업로드 중 ${index+1}/${files.length}`);try{data=await uploadBinaryFile("/api/auto-post/image-upload",file,"image_file")}catch(firstError){if(!/\.png$/i.test(file.name||"")&&file.type!=="image/png")throw firstError;notice(`첨부 PNG를 표준 형식으로 변환해 다시 업로드합니다. ${index+1}/${files.length}`);const normalized=await normalizePngForUpload(file);data=await uploadBinaryFile("/api/auto-post/image-upload",normalized,"image_file")}if(!data.url)throw new Error(data.detail||`첨부 이미지 ${index+1}의 주소를 받지 못했습니다.`);urls.push(data.url)}return urls}
    async function uploadImageZip(input){const file=selectedImageZip(input);if(!file)return{images:[],thumbnail_fallback_url:""};const data=await uploadBinaryFile("/api/auto-post/image-zip-upload",file,"image_zip_file");if(!Array.isArray(data.images)||!data.images.length)throw new Error(data.detail||"ZIP 안에서 사용할 이미지를 찾지 못했습니다.");return data}
    function wrapSelection(textarea,before,after=before){const start=textarea.selectionStart||0,end=textarea.selectionEnd||0,selected=textarea.value.slice(start,end)||"강조할 내용";textarea.setRangeText(before+selected+after,start,end,"select");textarea.focus()}
    function formatSelected(kind){const textarea=$("anEditContent");if(!textarea)return;if(kind==="bold")return wrapSelection(textarea,"[bold]","[/bold]");if(kind==="blue")return wrapSelection(textarea,"**","**");if(kind==="warn")return wrapSelection(textarea,"^^","^^");if(kind==="highlight")return wrapSelection(textarea,"==","==");if(kind==="underline")return wrapSelection(textarea,"[u]","[/u]");if(kind==="color")return wrapSelection(textarea,`[color=${$("anEditorColor").value}]`,`[/color]`);if(kind==="size")return wrapSelection(textarea,`[size=${$("anEditorSize").value}]`,`[/size]`);const start=textarea.selectionStart||0,lineStart=textarea.value.lastIndexOf("\n",Math.max(0,start-1))+1,prefix=kind==="h2"?"## ":"### ";textarea.setRangeText(prefix,lineStart,lineStart,"end");textarea.focus()}
    async function editPost(id){const res=await fetch(`/api/auto-post/posts/${id}?inc_view=0`);const data=await res.json().catch(()=>({}));if(!res.ok)return notice(data.detail||"콘텐츠를 불러오지 못했습니다.");const p=data.post||{};["id","title","slug","summary","category","thumbnail_text","image_url","image_alt","platform","intent_type","content_mode","status","content_markdown","coupang_partners_code"].forEach(name=>{if(editForm.elements[name])editForm.elements[name].value=name==="coupang_partners_code"?(p.coupang_partners_html||""):(p[name]||"")});const linkMap={};(p.affiliate_links||[]).forEach(item=>linkMap[item.type]=item.type==="toss_sharing"?(item.text||item.url||""):(item.url||""));if(editForm.elements.toss_sharing_text)editForm.elements.toss_sharing_text.value=linkMap.toss_sharing||"";if(editForm.elements.naver_brand_connect_url)editForm.elements.naver_brand_connect_url.value=linkMap.naver_brand_connect||"";if(editForm.elements.coupang_partners_url)editForm.elements.coupang_partners_url.value=linkMap.coupang_partners||"";editForm.elements.tags.value=(p.display_tags||p.tags||[]).map(hashTag).filter(Boolean).join(" ");editForm.elements.seo_boost.checked=false;const preview=$("anEditImagePreview"),current=$("anEditImageCurrent");preview.onerror=()=>{preview.removeAttribute("src");current.classList.remove("open")};if(p.image_url){preview.src=p.image_url;current.classList.add("open")}else{preview.removeAttribute("src");current.classList.remove("open")}editForm.elements.image_file.value="";if(editForm.elements.image_zip_file)editForm.elements.image_zip_file.value="";editModal.classList.add("open")}
    async function saveEdit(){
      const f=editForm,id=f.elements.id.value;
      let imageUrl=f.elements.image_url.value.trim(),zipResult={images:[],thumbnail_fallback_url:""},thumbnailUploadFailed=false,uploadMessages=[];
      try{
        if(f.elements.image_zip_file&&f.elements.image_zip_file.files&&f.elements.image_zip_file.files[0]){
          notice("전체 이미지 ZIP을 업로드하고 있습니다.");
          zipResult=await uploadImageZip(f.elements.image_zip_file);
          uploadMessages.push(`ZIP 이미지 ${zipResult.images.length}장`);
        }
      }catch(e){return notice(e.message)}
      if(f.elements.image_file.files&&f.elements.image_file.files[0]){
        try{
          notice("대표 썸네일 PNG를 업로드하고 있습니다.");
          imageUrl=await uploadImage(f.elements.image_file);
          uploadMessages.push("대표 썸네일 업로드 완료");
        }catch(e){
          thumbnailUploadFailed=true;
          if(zipResult.thumbnail_fallback_url){
            imageUrl=zipResult.thumbnail_fallback_url;
            uploadMessages.push("썸네일 실패 → ZIP 첫 이미지 사용");
          }else{
            notice(`${e.message} 전체 이미지 ZIP이 없어 기존 대표 이미지를 유지합니다.`);
          }
        }
      }else if(!imageUrl&&zipResult.thumbnail_fallback_url){
        imageUrl=zipResult.thumbnail_fallback_url;
        uploadMessages.push("ZIP 첫 이미지를 대표 썸네일로 사용");
      }
      const payload={title:f.elements.title.value.trim(),slug:f.elements.slug.value.trim(),summary:f.elements.summary.value.trim(),category:f.elements.category.value.trim(),thumbnail_text:f.elements.thumbnail_text.value.trim(),tags:f.elements.tags.value.trim(),image_url:imageUrl,image_alt:f.elements.image_alt.value.trim(),uploaded_body_images:zipResult.images||[],thumbnail_upload_failed:thumbnailUploadFailed,platform:f.elements.platform.value,intent_type:f.elements.intent_type.value,content_mode:f.elements.platform.value==="all"?"all":f.elements.content_mode.value,status:f.elements.status.value,seo_boost:f.elements.seo_boost.checked,coupang_partners_code:f.elements.coupang_partners_code.value.trim(),affiliate_links:{toss_sharing_text:f.elements.toss_sharing_text.value.trim(),naver_brand_connect_url:f.elements.naver_brand_connect_url.value.trim(),coupang_partners_url:f.elements.coupang_partners_url.value.trim()},content_markdown:f.elements.content_markdown.value.trim()};
      if(!payload.content_markdown)return notice("본문을 입력해주세요.");
      notice(uploadMessages.length?`${uploadMessages.join(" · ")} · 수정 내용을 저장 중입니다.`:"수정 내용을 저장 중입니다.");
      const res=await fetch(`/api/auto-post/posts/${id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(payload)});
      const raw=await res.text();let data={};try{data=raw?JSON.parse(raw):{}}catch(e){data={detail:raw||"서버 응답을 읽지 못했습니다."}}
      if(!res.ok)return notice(data.detail||"수정하지 못했습니다.");
      if(data.local_url){location.href=data.local_url;return}
      notice("수정 내용을 사이트에 반영했습니다.");editModal.classList.remove("open");await load()
    }
    function schedulerTimeRow(value="09:00"){const row=document.createElement("div");row.className="an-scheduler-time-row";row.innerHTML=`<input class="an-input" type="time" value="${esc(value)}" step="60" aria-label="자동 포스팅 시간"><button class="an-btn danger" type="button" data-scheduler-time-delete>삭제</button>`;return row}
    function renderSchedulerTimes(times){if(!schedulerTimes)return;schedulerTimes.innerHTML="";(Array.isArray(times)&&times.length?times:schedulerTimePresets.even).forEach(value=>schedulerTimes.appendChild(schedulerTimeRow(value)))}
    function applySchedulerTimePreset(name){const values=Array.isArray(schedulerTimePresets[name])?schedulerTimePresets[name]:[];if(!values.length)return notice("시간대 프리셋을 불러오지 못했습니다.");renderSchedulerTimes(values);notice(`${name==="even"?"짝수":"홀수"}시간대 10개를 적용했습니다. 설정 저장을 누르면 확정됩니다.`)}
    // ver366: NEOAI 전용 프롬프트/외부설정 관리 코드는 이 라우터에 해당 API가 없어 제거했습니다.
    async function loadSchedulerSettings(){const res=await fetch("/api/auto-post/scheduler-settings",{cache:"no-store"}),data=await readJsonResponse(res),presets=data.time_presets||{};if(Array.isArray(presets.odd)&&presets.odd.length)schedulerTimePresets.odd=presets.odd;if(Array.isArray(presets.even)&&presets.even.length)schedulerTimePresets.even=presets.even;$("anSchedulerEnabled").checked=Boolean(data.enabled);$("anSchedulerPublishThreads").checked=data.publish_threads!==false;$("anSchedulerPublishInstagram").checked=data.publish_instagram===true;$("anSchedulerPublishTikTok").checked=data.publish_tiktok===true;$("anSchedulerPublishYouTube").checked=data.publish_youtube===true;if($("anSchedulerPublishYouTubeVideo"))$("anSchedulerPublishYouTubeVideo").checked=data.publish_youtube_video===true;$("anSchedulerPublishFacebook").checked=data.publish_facebook===true;$("anSchedulerPublishX").checked=data.publish_x===true;$("anSchedulerPublishBlogger").checked=data.publish_blogger===true;if($("anSchedulerSourceMode"))$("anSchedulerSourceMode").value=String(data.source_mode||"site");$("anSchedulerImageCount").value=String(data.homepage_image_count==null?5:data.homepage_image_count);if($("anSchedulerImageProvider"))$("anSchedulerImageProvider").value=String(data.image_generation_provider||"auto");if($("anSchedulerVideoProvider"))$("anSchedulerVideoProvider").value=String(data.video_generation_provider||"auto");if($("anSchedulerChatGPTMode"))$("anSchedulerChatGPTMode").value=String(data.chatgpt_mode||"current");if($("anSchedulerIncludeNeoCharacter"))$("anSchedulerIncludeNeoCharacter").checked=data.include_neo_character!==false;$("anSchedulerDailyLimit").value=String(data.daily_publish_limit==null?data.times.length:data.daily_publish_limit);renderSchedulerTimes(data.times||schedulerTimePresets.even);return data}
    async function openSchedulerManager(){if(!schedulerManagerModal)return;schedulerManagerModal.classList.add("open");renderSchedulerTimes([]);try{await Promise.all([loadSchedulerSettings(),loadBufferChannelStatus()])}catch(e){notice(e.message)}}
    async function saveSchedulerSettings(){const times=[...schedulerTimes.querySelectorAll('input[type="time"]')].map(input=>input.value.trim()).filter(Boolean);if(!times.length)return notice("자동 포스팅 시간을 한 개 이상 입력해주세요.");if($("anSchedulerPublishBlogger").checked&&!bloggerConnected)return notice("Blogger Google 연결을 먼저 완료한 뒤 자동 업로드를 체크해주세요.");if($("anSchedulerPublishYouTubeVideo")?.checked&&!youtubeDirectConnected)return notice("일반 YouTube 영상 자동 업로드를 사용하려면 YouTube Google OAuth 연결을 먼저 완료해주세요. 체크 해제는 언제든 저장할 수 있습니다.");const payload={enabled:$("anSchedulerEnabled").checked,source_mode:$("anSchedulerSourceMode")?$("anSchedulerSourceMode").value:"site",publish_threads:$("anSchedulerPublishThreads").checked,publish_instagram:$("anSchedulerPublishInstagram").checked,publish_tiktok:$("anSchedulerPublishTikTok").checked,publish_youtube:$("anSchedulerPublishYouTube").checked,publish_youtube_video:$("anSchedulerPublishYouTubeVideo")?$("anSchedulerPublishYouTubeVideo").checked:false,publish_facebook:$("anSchedulerPublishFacebook").checked,publish_x:$("anSchedulerPublishX").checked,publish_blogger:$("anSchedulerPublishBlogger").checked,homepage_image_count:Number($("anSchedulerImageCount").value||5),image_generation_provider:$("anSchedulerImageProvider")?$("anSchedulerImageProvider").value:"auto",video_generation_provider:$("anSchedulerVideoProvider")?$("anSchedulerVideoProvider").value:"auto",chatgpt_mode:$("anSchedulerChatGPTMode")?$("anSchedulerChatGPTMode").value:"current",include_neo_character:$("anSchedulerIncludeNeoCharacter")?$("anSchedulerIncludeNeoCharacter").checked:true,times:times,daily_publish_limit:Number($("anSchedulerDailyLimit").value||0)},res=await fetch("/api/auto-post/scheduler-settings",{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(payload)}),data=await readJsonResponse(res),warnings=Array.isArray(data.channel_warnings)?data.channel_warnings:[],warningLabels=[...new Set(warnings.map(item=>String(item&&item.label||item&&item.service||"").trim()).filter(Boolean))],warningText=warningLabels.length?` · 주의: ${warningLabels.join("·")} 채널 ID 미설정(설정은 저장됨)`:"";notice(`자동 포스팅 설정을 저장했습니다. ${data.enabled?"사용":"중지"} · 분석 ${data.source_mode_label||data.source_mode||"내부화면"} · ChatGPT ${data.chatgpt_mode_label||data.chatgpt_mode||"현재 설정 유지"} · Threads ${data.publish_threads?"포함":"제외"} · Instagram ${data.publish_instagram?"포함":"제외"} · TikTok ${data.publish_tiktok?"포함":"제외"} · YouTube Shorts ${data.publish_youtube?"포함":"제외"} · YouTube 영상 ${data.publish_youtube_video?"포함":"제외"} · Facebook ${data.publish_facebook?"포함":"제외"} · X ${data.publish_x?"포함":"제외"} · Blogger ${data.publish_blogger?"포함":"제외"} · 이미지 ${data.homepage_image_count||5}장/${data.image_generation_provider_label||data.image_generation_provider||"자동"} · NEO 영상 ${data.include_neo_character!==false?"립싱크 사용":"사용 안 함"} · 동영상 ${data.video_generation_provider_label||data.video_generation_provider||"자동"} · ${data.times.join(" · ")}${warningText}`);schedulerManagerModal.classList.remove("open");await Promise.all([loadSchedulerStatus(),loadBufferChannelStatus()])}
    async function loadSchedulerStatus(){
      const el=$("anSchedulerStatus");if(!canManage||!el)return;
      try{
        const res=await fetch("/api/auto-post/health",{cache:"no-store"}),data=await res.json().catch(()=>({}));
        if(!res.ok)throw new Error(data.detail||"상태 확인 실패");
        const limitSeconds=Math.max(0,Number(data.buffer_global_rate_limit_remaining_seconds||0));
        const bufferLimit=limitSeconds>0?` · Buffer ${String(data.buffer_global_rate_limit_window||"24h")} 제한 · 약 ${rateLimitWait(data)} 후 수동 재실행`:"";
        [[".an-buffer-btn","Threads","bufferStatus"],[".an-instagram-btn","Instagram","instagramStatus"],[".an-tiktok-btn","TikTok","tiktokStatus"],[".an-youtube-btn","YouTube","youtubeStatus"],[".an-facebook-btn","Facebook","facebookStatus"],[".an-x-btn","X","xStatus"]].forEach(([selector,service,statusKey])=>document.querySelectorAll(selector).forEach(button=>{if(String(button.dataset[statusKey]||"").toLowerCase()!=="rate_limited"&&!/(요청 제한|Buffer 제한|수동 재실행)/.test(button.textContent||""))return;button.disabled=false;button.textContent=rateLimitLabel(service,data)}))
        if(!data.scheduler_enabled){el.textContent=`자동발행이 비활성화되어 있습니다.${bufferLimit}`;return}
        const running=data.scheduler_task_running?"실행 중":"대기 중",result=String(data.scheduler_last_result||""),todayAuto=Math.max(0,Number(data.scheduler_today_automatic_count||0)),dailyLimit=Math.max(0,Number(data.daily_publish_limit||0)),limitReached=dailyLimit>0&&todayAuto>=dailyLimit,last=result.startsWith("failed")?"최근 실행 실패·재시도 없음":result==="duplicate_skipped"?"최근 중복 글 건너뜀":result==="daily_limit"?(limitReached?"오늘 자동 등록 한도 도달·수동 발행 가능":"최근 예약 슬롯 한도 확인 후 건너뜀"):"최근 실행 정상",quota=dailyLimit>0?` · 오늘 자동 등록 ${todayAuto}/${dailyLimit}${limitReached?" · 수동 발행 가능":""}`:` · 오늘 자동 등록 ${todayAuto} · 한도 없음`,next=data.scheduler_next_run_at?` · 다음 ${data.scheduler_next_run_at}`:"",times=Array.isArray(data.scheduled_times)&&data.scheduled_times.length?data.scheduled_times.join("·"):"고정 시각",buffer=data.scheduler_publish_threads&&data.buffer_enabled?(data.buffer_configured?` · Buffer Threads ${data.buffer_post_mode==="shareNow"?"즉시 발행":"대기열"}`:" · Buffer 설정 필요"):"",platform=data.scheduled_content_platform?` · 예약 플랫폼 ${data.scheduled_content_platform}`:"",sourceMode=data.scheduler_source_mode_label?` · 분석 ${data.scheduler_source_mode_label}`:"",chatgptMode=data.scheduler_chatgpt_mode_label?` · ChatGPT ${data.scheduler_chatgpt_mode_label}`:"",threads=data.scheduler_publish_threads?" · Threads 포함":" · Threads 제외",instagram=data.scheduler_publish_instagram?" · Instagram 포함":" · Instagram 제외",tiktok=data.scheduler_publish_tiktok?" · TikTok 포함":" · TikTok 제외",youtube=data.scheduler_publish_youtube?" · YouTube Shorts 포함":" · YouTube Shorts 제외",youtubeVideo=data.scheduler_publish_youtube_video?" · YouTube 영상 포함":" · YouTube 영상 제외",facebook=data.scheduler_publish_facebook?" · Facebook 포함":" · Facebook 제외",x=data.scheduler_publish_x?" · X 포함":" · X 제외",blogger=data.scheduler_publish_blogger?" · Blogger 포함":" · Blogger 제외",images=` · 이미지 ${Math.max(1,Number(data.scheduler_homepage_image_count||5))}장/${data.scheduler_image_generation_provider_label||"자동"} · 동영상 ${data.scheduler_video_generation_provider_label||"자동"}`,detail=String(data.scheduler_last_detail||""),match=detail.match(/buffer_status=([^,\s]+)/),bufferResult=match?` · 최근 Buffer ${match[1]}`:"";
        el.textContent=`고정 ${times} 자동발행 ${running} · ${last}${quota}${platform}${sourceMode}${chatgptMode}${threads}${instagram}${tiktok}${youtube}${youtubeVideo}${facebook}${x}${blogger}${images}${buffer}${bufferResult}${bufferLimit}${next}`;
        if(detail)el.title=detail;
      }catch(e){el.textContent="자동발행 상태를 확인하지 못했습니다."}
    }
    async function loadBufferChannelStatus(){
      const el=$("anBufferChannelStatus"),metaEl=$("anMetaConnectionStatus");if(!el&&!metaEl)return null;
      try{
        const res=await fetch("/api/auto-post/buffer/status?limit=1",{cache:"no-store"}),data=await readJsonResponse(res),buffer=data.buffer||{},meta=buffer.meta_fallback||{},threadsMeta=meta.threads||{},instagramMeta=meta.instagram||{};
        const labels=[
          buffer.threads_channel_resolved?"Threads 저장":"Threads 미설정",
          buffer.instagram_channel_resolved?"Instagram 저장":"Instagram 미설정",
          buffer.tiktok_direct_ready?"TikTok 직접 발행":(buffer.tiktok_channel_resolved?"TikTok 저장":"TikTok 미설정"),
          buffer.youtube_channel_resolved?"YouTube 저장":"YouTube 미설정",
          buffer.facebook_channel_resolved?"Facebook 저장":"Facebook 미설정",
          buffer.x_channel_resolved?"X 저장":"X 미설정"
        ];
        if(el)el.textContent=labels.join(" · ")+" · 발행 시 조직 조회 없음";
        const activeLimit=Math.max(0,Number(buffer.global_rate_limit_remaining_seconds||0));
        const reasonLabel=value=>({buffer_rate_limit:"Buffer 제한",buffer_disabled:"Buffer 꺼짐",buffer_api_key_missing:"Buffer API 키 없음",buffer_channel_id_missing:"Buffer 채널 ID 없음"}[String(value||"")]||"");
        const activeDirect=[
          buffer.threads_meta_direct_active?`Threads 직접 발행${reasonLabel(buffer.threads_meta_direct_reason)?`(${reasonLabel(buffer.threads_meta_direct_reason)})`:""}`:"",
          buffer.instagram_meta_direct_active?`Instagram 직접 발행${reasonLabel(buffer.instagram_meta_direct_reason)?`(${reasonLabel(buffer.instagram_meta_direct_reason)})`:""}`:"",
          buffer.tiktok_direct_ready?"TikTok 직접 발행":""
        ].filter(Boolean).join(" · ");
        if(metaEl)metaEl.textContent=`Threads ${threadsMeta.fallback_ready?"직접 발행 준비":"연결 필요"} · Instagram ${instagramMeta.fallback_ready?"직접 발행 준비":"연결 필요"}${activeDirect?` · ${activeDirect}`:""}${activeLimit>0?` · Buffer ${String(buffer.global_rate_limit_window||"24h")} 제한 적용 중`:""}`;
        const threadsButton=$("anThreadsMetaConnectBtn"),instagramButton=$("anInstagramMetaConnectBtn");
        if(threadsButton){threadsButton.textContent=threadsMeta.access_token_configured?"Threads Meta 다시 연결":"Threads Meta 연결";threadsButton.disabled=!threadsMeta.app_id_configured||!threadsMeta.app_secret_configured;threadsButton.title=threadsButton.disabled?"서버에 Threads App ID와 App Secret을 먼저 설정하세요.":"Threads 공식 OAuth로 사용자 토큰을 연결합니다."}
        if(instagramButton){instagramButton.textContent=instagramMeta.access_token_configured?"Instagram Meta 다시 연결":"Instagram Meta 연결";instagramButton.disabled=!instagramMeta.app_id_configured||!instagramMeta.app_secret_configured;instagramButton.title=instagramButton.disabled?"서버에 Instagram App ID와 App Secret을 먼저 설정하세요.":"Instagram 공식 OAuth로 프로페셔널 계정을 연결합니다."}
        return data;
      }catch(e){if(el)el.textContent=e.message||"Buffer 채널 ID 상태를 확인하지 못했습니다.";if(metaEl)metaEl.textContent="Meta 직접 발행 상태를 확인하지 못했습니다.";return null}
    }
    async function discoverBufferChannels(){
      const button=$("anBufferDiscoverBtn");if(button)button.disabled=true;
      try{
        notice("Buffer 조직과 채널을 한 번만 조회해 실제 채널 ID를 저장합니다.");
        const res=await fetch("/api/auto-post/buffer/discover-channels",{method:"POST"}),data=await readJsonResponse(res);
        notice(data.detail||"Buffer 채널 ID를 저장했습니다.");
        await loadBufferChannelStatus();
      }finally{if(button)button.disabled=false}
    }
    async function loadBloggerConnectionStatus(){const el=$("anBloggerConnectionStatus");try{const res=await fetch("/api/auto-post/blogger/status",{cache:"no-store"}),data=await readJsonResponse(res),blogger=data.blogger||{};bloggerConnected=Boolean(blogger.connected);const manualCheck=$("anPublishBloggerCheck"),schedulerCheck=$("anSchedulerPublishBlogger");if(manualCheck){manualCheck.disabled=false;const label=manualCheck.closest("label");if(label)label.title=bloggerConnected?"연결된 Blogger 블로그에 API로 업로드합니다.":"Blogger 연결 전에도 이 수동 선택값은 기억합니다. 홈페이지 글은 먼저 저장되고 Blogger 단계만 연결 필요 상태로 남습니다."}if(schedulerCheck){schedulerCheck.disabled=!bloggerConnected;if(!bloggerConnected)schedulerCheck.checked=false;const label=schedulerCheck.closest("label");if(label)label.title=bloggerConnected?"연결된 Blogger 블로그에 API로 업로드합니다.":"자동 포스팅 설정에서 Blogger Google 연결을 먼저 완료하세요."}if(el)el.textContent=bloggerConnected?`연결됨 · ${blogger.blog_name||"Blogger"} · ${blogger.blog_url||""} · API 발행 준비 완료`:(blogger.live_check_error?`Blogger API 연결 확인 실패 · ${blogger.live_check_error}`:(!blogger.client_id_configured?"OAuth 클라이언트 ID 설정이 필요합니다.":(!blogger.client_secret_configured?"OAuth 클라이언트 보안 비밀 설정 후 Google 계정을 연결하세요.":"Google 계정 연결이 필요합니다.")));if($("anBloggerConnectBtn"))$("anBloggerConnectBtn").textContent=bloggerConnected?"Google 다시 연결":"Google 통합 연결";return blogger}catch(e){bloggerConnected=false;const manualCheck=$("anPublishBloggerCheck"),schedulerCheck=$("anSchedulerPublishBlogger");if(manualCheck)manualCheck.disabled=false;if(schedulerCheck){schedulerCheck.disabled=true;schedulerCheck.checked=false}if(el)el.textContent=e.message||"Blogger 연결 상태를 확인하지 못했습니다.";return null}}
    async function loadYouTubeConnectionStatus(){const el=$("anYouTubeConnectionStatus"),button=$("anYouTubeConnectBtn");try{const res=await fetch("/api/auto-post/youtube/status",{cache:"no-store"}),data=await readJsonResponse(res),youtube=data.youtube||{},connected=Boolean(youtube.connected&&youtube.direct_upload_ready);youtubeDirectConnected=connected;if(el){if(connected)el.textContent=`직접 업로드 준비 완료 · API 키 적용 · OAuth refresh token DB 저장 · 공개범위 ${youtube.privacy||"public"}`;else if(!youtube.api_key_configured)el.textContent="YouTube Data API v3 API 키가 설정되지 않았습니다.";else if(!youtube.client_id_configured)el.textContent="YouTube OAuth Client ID가 필요합니다.";else if(!youtube.client_secret_configured)el.textContent="YouTube OAuth Client Secret이 필요합니다. Blogger와 같은 Google OAuth 클라이언트를 재사용할 수도 있습니다.";else el.textContent="API 키 적용 완료 · 동영상 업로드를 위해 Google OAuth 연결이 필요합니다."}if(button){button.textContent=connected?"Google 다시 연결":"Google 통합 연결";button.disabled=!youtube.client_id_configured||!youtube.client_secret_configured;button.title=button.disabled?"OAuth Client ID/Secret을 먼저 설정하세요.":"Blogger 글쓰기와 YouTube 업로드 권한을 한 번에 승인합니다."}const manual=$("anPublishYouTubeCheck"),manualVideo=$("anPublishYouTubeVideoCheck"),scheduler=$("anSchedulerPublishYouTube"),schedulerVideo=$("anSchedulerPublishYouTubeVideo");if(manual){manual.disabled=false;const label=manual.closest("label");if(label)label.title=connected?"YouTube Shorts 9:16 MP4를 Data API v3로 직접 업로드합니다.":"OAuth 미연결 상태에서는 기존 Buffer YouTube Shorts 경로를 사용합니다."}if(manualVideo){manualVideo.disabled=false;const label=manualVideo.closest("label");if(label)label.title=connected?"홈페이지용 16:9 완성 MP4를 일반 YouTube 영상으로 직접 업로드합니다.":"체크 해제는 언제든 가능합니다. 업로드를 ON으로 설정하려면 YouTube Google OAuth 연결을 먼저 완료하세요."}if(scheduler){scheduler.disabled=false;const label=scheduler.closest("label");if(label)label.title=connected?"예약 Shorts도 YouTube Data API v3로 직접 업로드합니다.":"OAuth 미연결 상태에서는 기존 Buffer YouTube Shorts 경로를 사용합니다."}if(schedulerVideo){schedulerVideo.disabled=false;const label=schedulerVideo.closest("label");if(label)label.title=connected?"예약 글의 홈페이지용 16:9 MP4를 일반 YouTube 영상으로 직접 업로드합니다.":"체크 해제는 언제든 가능합니다. 자동 업로드를 ON으로 설정하려면 YouTube Google OAuth 연결을 먼저 완료하세요."}return youtube}catch(e){youtubeDirectConnected=false;if(el)el.textContent=e.message||"YouTube 연결 상태를 확인하지 못했습니다.";if(button)button.disabled=false;for(const id of ["anPublishYouTubeVideoCheck","anSchedulerPublishYouTubeVideo"]){const checkbox=$(id);if(checkbox)checkbox.disabled=false}return null}}
    $("anBloggerConnectBtn")&&$("anBloggerConnectBtn").addEventListener("click",()=>{location.href="/api/auto-post/blogger/oauth/start"});
    $("anYouTubeConnectBtn")&&$("anYouTubeConnectBtn").addEventListener("click",()=>{location.href="/api/auto-post/youtube/oauth/start"});
    $("anThreadsMetaConnectBtn")&&$("anThreadsMetaConnectBtn").addEventListener("click",()=>{location.href="/api/auto-post/threads/oauth/start"});
    $("anInstagramMetaConnectBtn")&&$("anInstagramMetaConnectBtn").addEventListener("click",()=>{location.href="/api/auto-post/instagram/oauth/start"});
    $("anDirectVerifyBtn")&&$("anDirectVerifyBtn").addEventListener("click",async()=>{const btn=$("anDirectVerifyBtn"),el=$("anMetaConnectionStatus");btn.disabled=true;const old=btn.textContent;btn.textContent="점검 중";try{const res=await fetch("/api/auto-post/direct-connections/verify",{method:"POST",headers:{"Accept":"application/json"}}),data=await readJsonResponse(res),c=data.connections||{};const label=(name,item)=>`${name} ${item&&item.ok?"정상":item&&item.configured?"오류":"미설정"}${item&&item.username?`(@${item.username})`:item&&item.creator_username?`(@${item.creator_username})`:""}`;if(el)el.textContent=[label("Threads",c.threads),label("Instagram",c.instagram),label("TikTok",c.tiktok)].join(" · ");if(!res.ok)throw new Error(data.detail||"직접 연결 점검 실패")}catch(e){if(el)el.textContent=e.message||"직접 연결 상태를 확인하지 못했습니다."}finally{btn.disabled=false;btn.textContent=old}});
    $("anBufferDiscoverBtn")&&$("anBufferDiscoverBtn").addEventListener("click",()=>discoverBufferChannels().catch(e=>notice(e.message)));
    $("anSchedulerManagerBtn")&&$("anSchedulerManagerBtn").addEventListener("click",()=>{openSchedulerManager().then(()=>Promise.all([loadBloggerConnectionStatus(),loadYouTubeConnectionStatus()])).catch(e=>notice(e.message))});
    if(schedulerManagerModal){$("anSchedulerManagerClose").addEventListener("click",()=>schedulerManagerModal.classList.remove("open"));$("anSchedulerCancel").addEventListener("click",()=>schedulerManagerModal.classList.remove("open"));$("anSchedulerOddPreset")&&$("anSchedulerOddPreset").addEventListener("click",()=>applySchedulerTimePreset("odd"));$("anSchedulerEvenPreset")&&$("anSchedulerEvenPreset").addEventListener("click",()=>applySchedulerTimePreset("even"));$("anSchedulerTimeAdd").addEventListener("click",()=>schedulerTimes.appendChild(schedulerTimeRow("09:00")));schedulerTimes.addEventListener("click",e=>{const del=e.target.closest("[data-scheduler-time-delete]");if(!del)return;if(schedulerTimes.children.length<=1)return notice("자동 포스팅 시간은 한 개 이상 필요합니다.");del.closest(".an-scheduler-time-row").remove()});schedulerForm.addEventListener("submit",e=>{e.preventDefault();saveSchedulerSettings().catch(err=>notice(err.message))});schedulerManagerModal.addEventListener("click",e=>{if(e.target===schedulerManagerModal)schedulerManagerModal.classList.remove("open")})}
    $("anCategoryManagerBtn")&&$("anCategoryManagerBtn").addEventListener("click",()=>openCategoryManager().catch(e=>notice(e.message)));
    if(categoryManagerModal){$("anCategoryManagerClose").addEventListener("click",()=>categoryManagerModal.classList.remove("open"));categoryManagerModal.addEventListener("click",e=>{if(e.target===categoryManagerModal)categoryManagerModal.classList.remove("open")});categoryManagerList.addEventListener("click",e=>{const save=e.target.closest("[data-category-save]"),del=e.target.closest("[data-category-delete]");if(save){const box=save.closest(".an-category-manager-item");saveCategory(Number(save.dataset.categorySave),box).catch(err=>notice(err.message))}if(del)removeCategory(Number(del.dataset.categoryDelete),del.dataset.categoryName).catch(err=>notice(err.message))})}
    if(categoryAddForm)categoryAddForm.addEventListener("submit",e=>{e.preventDefault();const payload={name:categoryAddForm.elements.name.value.trim(),slug:categoryAddForm.elements.slug.value.trim(),sort_order:Number(categoryAddForm.elements.sort_order.value||0),description:categoryAddForm.elements.description.value.trim()};if(!payload.name)return notice("카테고리 이름을 입력해주세요.");fetch("/api/auto-post/categories",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(payload)}).then(readJsonResponse).then(()=>{categoryAddForm.reset();categoryAddForm.elements.sort_order.value="0";notice("카테고리를 추가했습니다.");return loadCategories()}).catch(err=>notice(err.message))});
    $("anCoupangManagerBtn")&&$("anCoupangManagerBtn").addEventListener("click",()=>openCoupangManager().catch(e=>notice(e.message)));
    if(coupangManagerModal){$("anCoupangManagerClose").addEventListener("click",()=>coupangManagerModal.classList.remove("open"));coupangManagerModal.addEventListener("click",e=>{if(e.target===coupangManagerModal)coupangManagerModal.classList.remove("open")});coupangManagerList.addEventListener("click",e=>{const save=e.target.closest("[data-coupang-save]"),del=e.target.closest("[data-coupang-delete]");if(save){const box=save.closest(".an-coupang-manager-item");saveCoupangCode(Number(save.dataset.coupangSave),box).catch(err=>notice(err.message))}if(del){const box=del.closest(".an-coupang-manager-item");removeCoupangCode(Number(del.dataset.coupangDelete),box).catch(err=>notice(err.message))}})}
    if(coupangAddForm)coupangAddForm.addEventListener("submit",e=>{e.preventDefault();const name=coupangAddForm.elements.name.value.trim(),rawCode=coupangAddForm.elements.raw_code.value.trim();if(!name||!rawCode)return notice("코드 이름과 쿠팡 코드를 모두 입력해주세요.");fetch("/api/auto-post/coupang-codes",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:name,raw_code:rawCode})}).then(readJsonResponse).then(()=>{coupangAddForm.reset();notice("쿠팡 자동 코드를 추가했습니다.");return loadCoupangCodes()}).catch(err=>notice(err.message))});
    $("anKeywordGenerateBtn")&&$("anKeywordGenerateBtn").addEventListener("click",()=>generateContent().catch(e=>notice(e.message)));
    $("anPlatformSelect")&&$("anPlatformSelect").addEventListener("change",()=>{if($("anPlatformSelect").value==="all")$("anModeSelect").value="all"});
    // ver384: OFF는 항상 허용합니다. OAuth 미연결 상태에서 OFF→ON으로 바꾸는 경우에만 다시 OFF로 돌립니다.
    const guardYouTubeVideoEnable=(checkbox,label)=>{if(!checkbox||!checkbox.checked||youtubeDirectConnected)return true;checkbox.checked=false;notice(`${label}을 사용하려면 YouTube Google OAuth 연결을 먼저 완료해주세요.`);return false};
    $("anPublishYouTubeVideoCheck")?.addEventListener("change",event=>guardYouTubeVideoEnable(event.currentTarget,"일반 YouTube 영상 업로드"));
    $("anSchedulerPublishYouTubeVideo")?.addEventListener("change",event=>guardYouTubeVideoEnable(event.currentTarget,"일반 YouTube 영상 자동 업로드"));
    $("anManualSettingsSaveBtn")&&$("anManualSettingsSaveBtn").addEventListener("click",()=>saveManualGenerationSettings(false).catch(e=>notice(e.message)));
    $("anSearchBtn").addEventListener("click",()=>{state.q=$("anSearch").value.trim();state.status=$("anStatus").value;state.pageSize=Number($("anPageSize").value);state.platform=$("anPlatformFilter").value;state.page=1;load().catch(e=>notice(e.message))});$("anSearch").addEventListener("keydown",e=>{if(e.key==="Enter")$("anSearchBtn").click()});$("anPrev").addEventListener("click",e=>{e.preventDefault();if(state.page>1){state.page--;load().catch(err=>notice(err.message))}});$("anNext").addEventListener("click",e=>{e.preventDefault();if(state.page<state.totalPages){state.page++;load().catch(err=>notice(err.message))}});
    grid.addEventListener("click",e=>{const copy=e.target.closest("[data-copy-post-id][data-copy-platform]"),edit=e.target.closest("[data-edit-id]"),del=e.target.closest("[data-delete-id]"),buffer=e.target.closest("[data-buffer-id]"),instagram=e.target.closest("[data-instagram-id]"),tiktok=e.target.closest("[data-tiktok-id]"),youtube=e.target.closest("[data-youtube-id]"),facebook=e.target.closest("[data-facebook-id]"),x=e.target.closest("[data-x-id]"),blogger=e.target.closest("[data-blogger-id]"),gptImage=e.target.closest("[data-gpt-image-id]"),instagramVideo=e.target.closest("[data-instagram-video-id]");if(copy){e.preventDefault();copySavedPlatformFromButton(copy);return}if(edit)editPost(edit.dataset.editId).catch(err=>notice(err.message));if(del)deletePost(del.dataset.deleteId,del.dataset.title).catch(err=>notice(err.message));if(buffer)publishBuffer(buffer.dataset.bufferId,buffer.dataset.bufferForce==="1",buffer).catch(err=>notice(err.message));if(instagram)publishInstagram(instagram.dataset.instagramId,instagram.dataset.instagramForce==="1",instagram).catch(err=>notice(err.message));if(tiktok)publishTikTok(tiktok.dataset.tiktokId,tiktok.dataset.tiktokForce==="1",tiktok).catch(err=>notice(err.message));if(youtube)publishYouTube(youtube.dataset.youtubeId,youtube.dataset.youtubeForce==="1",youtube).catch(err=>notice(err.message));if(facebook)publishFacebook(facebook.dataset.facebookId,facebook.dataset.facebookForce==="1",facebook).catch(err=>notice(err.message));if(x)publishX(x.dataset.xId,x.dataset.xForce==="1",x).catch(err=>notice(err.message));if(blogger)publishBlogger(blogger.dataset.bloggerId,blogger.dataset.bloggerForce==="1",blogger).catch(err=>notice(err.message));if(gptImage)generatePostImages(gptImage.dataset.gptImageId,gptImage).catch(err=>notice(err.message));if(instagramVideo)createInstagramVideo(instagramVideo.dataset.instagramVideoId,instagramVideo).catch(err=>notice(err.message))});
    $("anClose").addEventListener("click",()=>modal.classList.remove("open"));modal.addEventListener("click",e=>{const copy=e.target.closest("[data-copy-post-id][data-copy-platform]"),instagramVideo=e.target.closest("[data-instagram-video-id]"),gptImage=e.target.closest("[data-gpt-image-id]"),buffer=e.target.closest("[data-buffer-id]"),instagram=e.target.closest("[data-instagram-id]"),tiktok=e.target.closest("[data-tiktok-id]"),youtube=e.target.closest("[data-youtube-id]"),facebook=e.target.closest("[data-facebook-id]"),x=e.target.closest("[data-x-id]"),blogger=e.target.closest("[data-blogger-id]");if(copy){e.preventDefault();copySavedPlatformFromButton(copy);return}if(instagramVideo)createInstagramVideo(instagramVideo.dataset.instagramVideoId,instagramVideo).catch(err=>notice(err.message));if(gptImage)generatePostImages(gptImage.dataset.gptImageId,gptImage).catch(err=>notice(err.message));if(buffer)publishBuffer(buffer.dataset.bufferId,buffer.dataset.bufferForce==="1",buffer).catch(err=>notice(err.message));if(instagram)publishInstagram(instagram.dataset.instagramId,instagram.dataset.instagramForce==="1",instagram).catch(err=>notice(err.message));if(tiktok)publishTikTok(tiktok.dataset.tiktokId,tiktok.dataset.tiktokForce==="1",tiktok).catch(err=>notice(err.message));if(youtube)publishYouTube(youtube.dataset.youtubeId,youtube.dataset.youtubeForce==="1",youtube).catch(err=>notice(err.message));if(facebook)publishFacebook(facebook.dataset.facebookId,facebook.dataset.facebookForce==="1",facebook).catch(err=>notice(err.message));if(x)publishX(x.dataset.xId,x.dataset.xForce==="1",x).catch(err=>notice(err.message));if(blogger)publishBlogger(blogger.dataset.bloggerId,blogger.dataset.bloggerForce==="1",blogger).catch(err=>notice(err.message));if(e.target===modal)modal.classList.remove("open")});
    if(editForm){editForm.addEventListener("submit",e=>{e.preventDefault();saveEdit().catch(err=>notice(err.message))});$("anEditClose").addEventListener("click",()=>editModal.classList.remove("open"));$("anEditCancel").addEventListener("click",()=>editModal.classList.remove("open"));editModal.addEventListener("click",e=>{if(e.target===editModal)editModal.classList.remove("open")});editForm.querySelectorAll("[data-format]").forEach(button=>button.addEventListener("click",()=>formatSelected(button.dataset.format)));editForm.elements.image_file.addEventListener("change",()=>{try{const file=selectedImage(editForm.elements.image_file),preview=$("anEditImagePreview"),current=$("anEditImageCurrent");if(file){if(preview.dataset.objectUrl)URL.revokeObjectURL(preview.dataset.objectUrl);const objectUrl=URL.createObjectURL(file);preview.dataset.objectUrl=objectUrl;preview.src=objectUrl;current.classList.add("open")}}catch(e){editForm.elements.image_file.value="";notice(e.message)}});if(editForm.elements.image_zip_file)editForm.elements.image_zip_file.addEventListener("change",()=>{try{const file=selectedImageZip(editForm.elements.image_zip_file);if(file)notice(`전체 이미지 ZIP 선택: ${file.name}`)}catch(e){editForm.elements.image_zip_file.value="";notice(e.message)}})}
    $("anManagementSchedulerBtn")?.addEventListener("click",()=>$("anSchedulerManagerBtn")?.click());const syncSourceModeUi=()=>{const mode=$("anSourceModeSelect")?.value||"site",source=$("anInternalSourceSelect"),refresh=$("anInternalSourceRefresh");if(source){source.disabled=mode!=="site";source.title=mode==="site"?"직접 선택하지 않으면 주제·키워드에 맞는 전체 내부 분석페이지를 자동 탐색합니다.":"외부 웹검색 모드에서는 내부 주소를 사용하지 않습니다."}if(refresh)refresh.disabled=mode!=="site"};$("anSourceModeSelect")?.addEventListener("change",syncSourceModeUi);$("anInternalSourceRefresh")?.addEventListener("click",async()=>{try{await loadInternalAnalysisPages(true);await loadManualGenerationSettings();syncSourceModeUi();notice("네오로또 전체 분석페이지 주소를 다시 불러왔습니다.")}catch(e){notice(`내부 분석페이지 탐색 실패: ${e.message}`)}});syncSourceModeUi();if(canManage){loadInternalAnalysisPages(false).then(()=>loadManualGenerationSettings()).then(syncSourceModeUi).catch(e=>notice(`내부주소/수동 포스팅 설정 불러오기 실패: ${e.message}`))}render(initialData);updatePager();$("anSearch").value=state.q;$("anStatus").value=state.status;$("anPageSize").value=String(state.pageSize);$("anPlatformFilter").value=state.platform;if(canManage){loadSchedulerStatus();loadBloggerConnectionStatus();loadYouTubeConnectionStatus();setInterval(loadSchedulerStatus,60000)}const params=new URLSearchParams(location.search),postId=params.get("post"),editId=params.get("edit"),bloggerResult=params.get("blogger"),bloggerError=params.get("blogger_error"),youtubeResult=params.get("youtube"),youtubeError=params.get("youtube_error");if(bloggerResult==="connected"){notice("Blogger Google 연결을 완료했습니다.");loadBloggerConnectionStatus()}if(bloggerError)notice(`Blogger 연결 실패: ${bloggerError}`);if(youtubeResult==="connected"){notice("YouTube Google OAuth 연결을 완료했습니다. 이후 영상은 YouTube Data API v3 직접 업로드를 우선합니다.");loadYouTubeConnectionStatus()}if(youtubeError)notice(`YouTube 연결 실패: ${youtubeError}`);if(postId)openPost(postId);if(editId&&canManage)setTimeout(()=>editPost(editId),300);
  })();
  </script>
  

</div>


  <script>
    // aside/최신글 - 탭메뉴 기능
    var tabItems = document.querySelectorAll('.aside_tab ul.tab_01 li');
    tabItems.forEach(function (item) {
      item.addEventListener('click', function () {
        var asideTabId = this.getAttribute('data-tab');
        tabItems.forEach(function (tabItem) { tabItem.classList.remove('current'); });
        var contentElements = document.querySelectorAll('.aside_tab .content01');
        contentElements.forEach(function (contentElement) { contentElement.classList.remove('current'); });
        this.classList.add('current');
        document.getElementById(asideTabId).classList.add('current');
      });
    });
  </script>
</div>
<!-- } 콘텐츠 끝 -->

<!-- ✅ 크리스탈블록 블라스트 반응형 배너 START -->
<style id="zpOwnFinalResponsiveAdStyle">
  /* =========================================================
     크리스탈블록 블라스트 반응형 광고 슬롯
     - 기존 Google 광고/adsbygoogle/ins 태그 건드리지 않음
     - 콘텐츠 끝 / 푸터 시작 전 직접 삽입
     - 데스크톱/태블릿: 가로형 레이아웃
     - 모바일: 세로형 단일 광고 레이아웃
     - YouTube Shorts 동영상은 화면 진입 시에만 재생
     ========================================================= */
  #zpOwnFinalAdSlot,
  #zpOwnFinalAdSlot *{
    box-sizing: border-box;
  }

  #zpOwnFinalAdSlot{
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 10px 0 12px;
    clear: both;
    position: relative;
    z-index: 1;
    overflow: visible;
  }

  #zpOwnFinalAdSlot .zp-final-frame{
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  #zpOwnFinalAdSlot .zp-final-ad{
    display: grid;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 728 / 120;
    min-height: 96px;
    max-height: 190px;
    overflow: hidden;
    position: relative;
    isolation: isolate;
    text-decoration: none !important;
    border-radius: 0;
    border: 0;
    transform: translateZ(0);
  }

  #zpOwnFinalAdSlot .zp-ad-mark{
    position: absolute;
    right: 8px;
    top: 6px;
    z-index: 20;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(255,255,255,.94);
    color: rgba(15,23,42,.55);
    font-size: 10px;
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: .02em;
  }


  /* =========================
     크리스탈블록 블라스트 광고
     - 로컬 이미지 없는 항목은 호출하지 않음
     - YouTube Shorts 동영상 광고를 iframe으로 직접 표시
     ========================= */
  #zpOwnFinalAdSlot .zp-cbb-ad{
    grid-template-columns: minmax(0, .9fr) clamp(128px, 17vw, 214px) clamp(112px, 15vw, 166px);
    align-items: center;
    gap: clamp(8px, 1.8vw, 24px);
    padding: clamp(8px, 1.35vw, 16px) clamp(12px, 3vw, 42px);
    aspect-ratio: 728 / 340;
    min-height: 280px;
    max-height: 430px;
    color: #fff !important;
    background:
      radial-gradient(circle at 54% 48%, rgba(56, 232, 255, .42) 0%, transparent 28%),
      radial-gradient(circle at 88% 14%, rgba(244, 63, 202, .36) 0%, transparent 30%),
      linear-gradient(105deg, #040716 0%, #081552 48%, #3b1377 100%);
    box-shadow:
      inset 0 0 0 1px rgba(151, 207, 255, .22),
      0 12px 34px rgba(9, 12, 40, .24);
  }

  #zpOwnFinalAdSlot .zp-cbb-ad::before,
  #zpOwnFinalAdSlot .zp-cbb-ad::after{
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: -1;
  }

  #zpOwnFinalAdSlot .zp-cbb-ad::before{
    inset: -24%;
    background:
      radial-gradient(circle, rgba(255,255,255,.92) 0 1px, transparent 2px) 0 0 / 34px 34px,
      radial-gradient(circle, rgba(80,232,255,.78) 0 1px, transparent 2px) 18px 20px / 58px 58px;
    opacity: .34;
    transform: rotate(-7deg);
  }

  #zpOwnFinalAdSlot .zp-cbb-ad::after{
    left: 0;
    right: 0;
    top: 54%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(61,232,255,.98), #fff, rgba(244,63,202,.95), transparent);
    filter: drop-shadow(0 0 16px rgba(61,232,255,.88));
    opacity: .82;
  }

  #zpOwnFinalAdSlot .zp-cbb-copy{
    min-width: 0;
    display: grid;
    gap: clamp(2px, .45vw, 7px);
    position: relative;
    z-index: 3;
    overflow: hidden;
  }

  #zpOwnFinalAdSlot .zp-cbb-kicker{
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    align-items: center;
    gap: 6px;
    padding: 4px 9px;
    border-radius: 999px;
    background: rgba(255,255,255,.13);
    border: 1px solid rgba(132, 233, 255, .38);
    color: #c9fbff;
    font-size: clamp(9px, 1vw, 13px);
    line-height: 1;
    font-weight: 1000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #zpOwnFinalAdSlot .zp-cbb-title{
    margin: 0;
    color: #faffff;
    font-size: clamp(19px, 3vw, 42px);
    line-height: .98;
    letter-spacing: -.075em;
    font-weight: 1000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 0 18px rgba(65,232,255,.68), 0 3px 0 rgba(30,64,175,.68);
  }

  #zpOwnFinalAdSlot .zp-cbb-title b{
    display: inline-block;
    color: #ffc0ff;
    text-shadow: 0 0 18px rgba(244,63,202,.68), 0 3px 0 rgba(126,34,206,.70);
  }

  #zpOwnFinalAdSlot .zp-cbb-heart{
    margin: 0;
    color: #fff;
    font-size: clamp(13px, 1.65vw, 23px);
    line-height: 1.1;
    letter-spacing: -.048em;
    font-weight: 1000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #zpOwnFinalAdSlot .zp-cbb-device{
    margin: 0;
    color: rgba(228, 247, 255, .90);
    font-size: clamp(10px, 1.06vw, 14px);
    line-height: 1.18;
    letter-spacing: -.02em;
    font-weight: 850;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #zpOwnFinalAdSlot .zp-cbb-device strong{
    color: #fef08a;
    font-weight: 1000;
  }

  #zpOwnFinalAdSlot .zp-cbb-video{
    width: 100%;
    aspect-ratio: 9 / 16;
    position: relative;
    z-index: 4;
    display: block;
    border-radius: clamp(10px, 1.3vw, 18px);
    overflow: hidden;
    background: #050716;
    border: 2px solid rgba(255,255,255,.34);
    box-shadow:
      0 10px 22px rgba(0,0,0,.38),
      0 0 28px rgba(62,232,255,.34);
    text-decoration: none !important;
  }

  #zpOwnFinalAdSlot .zp-cbb-video iframe{
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
  }

  #zpOwnFinalAdSlot .zp-cbb-video-label{
    position: absolute;
    left: 7px;
    top: 7px;
    z-index: 2;
    padding: 3px 6px;
    border-radius: 999px;
    background: rgba(0,0,0,.72);
    color: #fff;
    font-size: 9px;
    line-height: 1;
    font-weight: 1000;
  }

  #zpOwnFinalAdSlot .zp-cbb-store{
    justify-self: end;
    min-width: 0;
    width: 100%;
    display: grid;
    gap: clamp(5px, .7vw, 8px);
    align-content: center;
    position: relative;
    z-index: 4;
  }

  #zpOwnFinalAdSlot .zp-cbb-store-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
    padding: clamp(7px, .9vw, 10px) clamp(8px, 1vw, 12px);
    border-radius: clamp(10px, 1.2vw, 14px);
    background: rgba(255,255,255,.16);
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.28);
    font-size: clamp(10px, 1.08vw, 14px);
    font-weight: 1000;
    line-height: 1;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16);
    text-decoration: none !important;
    white-space: nowrap;
  }

  #zpOwnFinalAdSlot .zp-cbb-store-btn:hover{
    filter: brightness(1.10);
  }

  #zpOwnFinalAdSlot .zp-cbb-note{
    color: rgba(231, 247, 255, .78);
    font-size: clamp(9px, .9vw, 11px);
    line-height: 1.22;
    text-align: center;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #zpOwnFinalAdSlot .zp-final-ad:hover{
    filter: brightness(1.025) saturate(1.035);
  }

  @media (max-width: 860px){
    #zpOwnFinalAdSlot .zp-final-ad{
      aspect-ratio: 728 / 150;
      max-height: 210px;
    }


    #zpOwnFinalAdSlot .zp-cbb-ad{
      grid-template-columns: minmax(0, .86fr) clamp(140px, 22vw, 230px) clamp(104px, 18vw, 136px);
      aspect-ratio: 728 / 360;
      min-height: 300px;
      max-height: 410px;
      gap: 10px;
      padding-left: 12px;
      padding-right: 12px;
    }
  }

  @media (max-width: 680px){
    #zpOwnFinalAdSlot{
      padding: 10px 0 14px;
    }

    #zpOwnFinalAdSlot .zp-final-ad{
      width: 100%;
      aspect-ratio: 1 / 1;
      min-height: 0;
      max-height: none;
      border-radius: 0;
    }

    #zpOwnFinalAdSlot .zp-ad-mark{
      right: 10px;
      top: 10px;
    }


    #zpOwnFinalAdSlot .zp-cbb-ad{
      grid-template-columns: 1fr;
      grid-template-rows: auto minmax(330px, 1fr) auto;
      aspect-ratio: auto;
      min-height: 680px;
      max-height: none;
      align-content: stretch;
      text-align: center;
      gap: clamp(10px, 3.4vw, 17px);
      padding: clamp(17px, 5vw, 30px) clamp(14px, 5vw, 26px);
      background:
        radial-gradient(circle at 50% 50%, rgba(62,232,255,.42) 0%, transparent 31%),
        radial-gradient(circle at 84% 14%, rgba(244,63,202,.36) 0%, transparent 27%),
        linear-gradient(160deg, #040716 0%, #0b1552 48%, #3b1377 100%);
    }

    #zpOwnFinalAdSlot .zp-cbb-copy{
      justify-items: center;
      gap: 7px;
      width: 100%;
    }

    #zpOwnFinalAdSlot .zp-cbb-kicker{
      max-width: 92%;
      font-size: clamp(12px, 3.3vw, 16px);
    }

    #zpOwnFinalAdSlot .zp-cbb-title{
      font-size: clamp(31px, 9.3vw, 58px);
      white-space: normal;
      overflow: visible;
      text-overflow: clip;
      line-height: .98;
    }

    #zpOwnFinalAdSlot .zp-cbb-heart{
      font-size: clamp(19px, 5.1vw, 31px);
      white-space: normal;
      overflow: visible;
      text-overflow: clip;
      line-height: 1.15;
      max-width: 94%;
    }

    #zpOwnFinalAdSlot .zp-cbb-device{
      font-size: clamp(13px, 3.55vw, 18px);
      white-space: normal;
      overflow: visible;
      text-overflow: clip;
      line-height: 1.35;
      max-width: 94%;
    }

    #zpOwnFinalAdSlot .zp-cbb-video{
      width: min(58vw, 230px);
      aspect-ratio: 9 / 16;
      justify-self: center;
      align-self: center;
      border-radius: 18px;
    }

    #zpOwnFinalAdSlot .zp-cbb-store{
      justify-self: stretch;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
    }

    #zpOwnFinalAdSlot .zp-cbb-store-btn{
      width: auto;
      min-width: 138px;
      padding: 10px 13px;
      border-radius: 16px;
      font-size: 13px;
    }

    #zpOwnFinalAdSlot .zp-cbb-note{
      flex-basis: 100%;
      font-size: 11px;
      white-space: normal;
      overflow: visible;
      text-overflow: clip;
    }
  }
</style>

<section id="zpOwnFinalAdSlot" class="zp-own-final-ad-slot" aria-label="크리스탈블록 블라스트 추천 배너">
  <div class="zp-final-frame">

    <div class="zp-final-ad zp-cbb-ad" role="group" aria-label="크리스탈블록 블라스트 다운로드 광고">
      <span class="zp-ad-mark">AD</span>
      <div class="zp-cbb-copy">
        <span class="zp-cbb-kicker">💎 가족 감성 크리스탈 퍼즐</span>
        <p class="zp-cbb-title">크리스탈블록 <b>블라스트</b></p>
        <p class="zp-cbb-heart">우리 아이 목소리가 게임에 나온다</p>
        <p class="zp-cbb-device">녹음한 목소리는 <strong>해당 기기에만 저장</strong>됩니다.</p>
      </div>

      <div class="zp-cbb-video" aria-label="크리스탈블록 블라스트 동영상 광고">
        <span class="zp-cbb-video-label">Shorts</span>
        <iframe
          src="about:blank"
          data-src="https://www.youtube.com/embed/ANxdac3hCvA?autoplay=1&loop=1&playlist=ANxdac3hCvA&rel=0&modestbranding=1&playsinline=1"
          title="크리스탈블록 블라스트 동영상 광고"
          loading="lazy"
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
          referrerpolicy="strict-origin-when-cross-origin"
          allowfullscreen></iframe>
      </div>

      <div class="zp-cbb-store">
        <a class="zp-cbb-store-btn"
           href="https://play.google.com/store/apps/details?id=com.crystalpark.crystalblockblast&hl=ko"
           target="_blank"
           rel="noopener noreferrer"
           aria-label="Google Play에서 크리스탈블록 블라스트 열기">▶ Google Play</a>
        <a class="zp-cbb-store-btn"
           href="https://apps.apple.com/id/app/crystal-block-blast/id6766795215?l=id"
           target="_blank"
           rel="noopener noreferrer"
           aria-label="App Store에서 크리스탈블록 블라스트 열기"> App Store</a>
        <span class="zp-cbb-note">구글플레이·앱스토어 모두 이동 가능</span>
      </div>
    </div>
  </div>
</section>

<script id="zpOwnFinalResponsiveAdScript">
(function(){
  try{
    var slots = document.querySelectorAll('#zpOwnFinalAdSlot');
    if(!slots.length) return;

    var activeIframe = null;

    function stopVideo(iframe){
      if(iframe && iframe.src !== 'about:blank') iframe.src = 'about:blank';
    }

    function playVideo(iframe){
      if(!iframe) return;
      if(activeIframe && activeIframe !== iframe) stopVideo(activeIframe);
      activeIframe = iframe;
      if(iframe.src === 'about:blank') iframe.src = iframe.dataset.src || 'about:blank';
    }

    function bindViewportPlayback(slot, iframe){
      if(!iframe) return;
      if(!('IntersectionObserver' in window)){
        playVideo(iframe);
        return;
      }

      var observer = new IntersectionObserver(function(entries){
        entries.forEach(function(entry){
          if(entry.isIntersecting && entry.intersectionRatio >= 0.35){
            playVideo(iframe);
          }else{
            stopVideo(iframe);
            if(activeIframe === iframe) activeIframe = null;
          }
        });
      }, { threshold: [0, 0.35, 0.7] });

      observer.observe(slot);
    }

    slots.forEach(function(slot){
      if(slot.dataset.zpOwnFinalReady === 'true') return;
      slot.dataset.zpOwnFinalReady = 'true';

      var iframe = slot.querySelector('.zp-cbb-video iframe');
      if(iframe) iframe.src = 'about:blank';


      if(!iframe) return;
      bindViewportPlayback(slot, iframe);
    });
  }catch(e){}
})();
</script>
<!-- ✅ 크리스탈블록 블라스트 반응형 배너 END -->


<hr>

<!-- 하단 시작 { -->
<div id="ft" class="my-0 mx-auto text-center main-bt">
  <div id="ft_wr" class="container-xxl position-relative d-flex flex-column text-start" style="padding: 40px 0;margin: 0 auto;">
    <div id="ft_link" class="d-flex flex-column flex-md-row gap-3 px-4 text-start">
      <a class="d-block sub-font fw-bold fs-4 text-decoration-none py-3 px-2" href="https://neolotto.kr/bbs/content/company">회사소개</a>

<a
  class="d-block sub-font fw-bold fs-4 text-decoration-none py-3 px-2"
  href="mailto:axjxxtv@gmail.com?subject=제휴 및 광고 문의"
>
  제휴 및 광고 문의
</a>


      <a class="d-block sub-font fw-bold fs-4 text-decoration-none py-3 px-2" href="https://neolotto.kr/bbs/content/privacy">개인정보처리방침</a>
      <a class="d-block sub-font fw-bold fs-4 text-decoration-none py-3 px-2" href="https://neolotto.kr/bbs/content/provision">서비스이용약관</a>
      
    </div>
  </div>
  <div id="ft_copy" class="ft-copy-bg text-center my-0 mx-auto py-4 fs-5 fw-bold" style="color: #999999;">Copyright &copy; <b>neolotto.kr.</b> All rights reserved.</div>

  <button type="button" id="top_btn">
    <i class="fa fa-arrow-up" aria-hidden="true"></i><span class="blind">상단으로</span>
  </button>
</div>


<!-- } 하단 끝 -->

<script>
  // 기존 변수 선언 하단에 이어서 추가/치환
  var profileImg = document.querySelector("#profile");
  var mypageBox = document.querySelector(".hd_login");

  function handleProfileClick() { if (mypageBox) mypageBox.classList.add("active"); }
  function handleProfileFocusout() { if (mypageBox) mypageBox.classList.remove("active"); }

  if (profileImg) {
    profileImg.addEventListener("click", handleProfileClick);
    profileImg.addEventListener("focusout", handleProfileFocusout);
  }

  var gnb_opener = document.querySelector("#gnb_open");
  var sch_opener = document.querySelector("#user_btn");
  var close_btn = document.querySelector("#gnb_close");
  var hd_sch_wr = document.querySelector("#hd_sch_wr");
  var hd_gnb_wr = document.querySelector("#gnb_mo");
  var sch_close_btn = document.querySelector("#sch_close_btn");

  function handleSearchClick() { if (hd_sch_wr) hd_sch_wr.classList.add("active"); }
  function delSearchClick() { if (hd_sch_wr) hd_sch_wr.classList.remove("active"); }
  function handleGnbClick() { if (hd_gnb_wr) hd_gnb_wr.classList.add("active"); }
  function delGnbClick() { if (hd_gnb_wr) hd_gnb_wr.classList.remove("active"); }

  if (sch_opener) sch_opener.addEventListener("click", handleSearchClick);
  if (sch_close_btn) sch_close_btn.addEventListener("click", delSearchClick);
  if (gnb_opener) gnb_opener.addEventListener("click", handleGnbClick);
  if (close_btn) close_btn.addEventListener("click", delGnbClick);
</script>

<script src="/theme_static/bootstrap glass/js/aos/aos.js?ver=2.3.1"></script>

<script>
  AOS.init();
  $( document ).ready( function() {
    $( window ).scroll( function() {
      if ( $( document ).scrollTop() > 0 ) $('#hd').addClass('topFixed');
      else $('#hd').removeClass('topFixed');
    });
  });
  $(function() {
    $("#top_btn").on("click", function() {
      $("html, body").animate({scrollTop:0}, '500');
      return false;
    });
  });
</script>

<!-- =========================================================
  ✅ 2026 SOLID UI (투명/글래스 제거 + 라이트/다크 대응)
  - :root[color-theme='light'|'dark'] 토글 구조 존중
  - 이 템플릿에서 사용하는 모달/버튼/오버레이만 "완전 솔리드"로 재디자인
========================================================= -->
<style>
  /* ✅ 검색 오버레이도 투명 제거(기존 bg-opacity-75 무력화) */
  #hd_sch_wr{ background:#000 !important; }

  :root{
    --ui-radius: 18px;
    --ui-radius2: 14px;
    --ui-gap: 10px;
    --ui-shadow: 0 16px 40px rgba(0,0,0,.22);
    --ui-shadow-strong: 0 22px 60px rgba(0,0,0,.32);

    --ui-accent: var(--primaryColor, #4b72c5);
    --ui-danger: #ef4444;
    --ui-green: #16a34a;
    --ui-blue: #2563eb;
    --ui-purple: #7c3aed;
  }

  :root[color-theme='light']{
    --ui-bg: #f6f7fb;
    --ui-surface: #ffffff;
    --ui-surface2: #f1f3f8;
    --ui-border: #e5e7eb;
    --ui-text: #0f172a;
    --ui-muted: #64748b;
  }
  :root[color-theme='dark']{
    --ui-bg: #0b1020;
    --ui-surface: #111827;
    --ui-surface2: #0f172a;
    --ui-border: #243044;
    --ui-text: #e5e7eb;
    --ui-muted: #9ca3af;
    --ui-shadow: 0 18px 56px rgba(0,0,0,.55);
    --ui-shadow-strong: 0 26px 80px rgba(0,0,0,.68);
  }

  @media (prefers-reduced-motion: reduce){
    *{ animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  }

  /* =========================================================
     ✅ 공통 오버레이(투명 제거 → 완전 솔리드)
  ========================================================= */
  #modal-overlay,
  .modal-overlay-extra,
  .lotto-modal-backdrop{
    background:rgba(80, 80, 80, 0.67)
  }

  /* =========================================================
     ✅ 유저그룹 모달(기존 기능 유지 + 솔리드)
  ========================================================= */
  #modal-overlay{
    display:none; position:fixed; inset:0; z-index:9998;
  }
  #modal-content{
    display:none;
    position:fixed;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    width:min(980px, 100%);
    max-height:min(56vh, 560px);
    overflow:auto;
    z-index:9999;

    border-radius: var(--ui-radius);
    background: var(--ui-surface);
    color: var(--ui-text);
    border: 1px solid var(--ui-border);
    box-shadow: var(--ui-shadow-strong);
  }

  #modal-content *{
    color: inherit;
  }

  #modal-close{
    position: sticky;
    top: 0;
    float:right;
    margin: 12px 12px 0 0;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface2);
    cursor:pointer;
    font-size: 20px;
    line-height: 1;
    display:grid;
    place-items:center;
  }
  #modal-close:hover{ filter: brightness(0.98); }

  .modal-position-buttons{
    display:flex;
    justify-content:center;
    gap: 8px;
    padding: 12px 12px 10px;
    border-bottom: 1px solid var(--ui-border);
    background: var(--ui-surface);
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .modal-position-buttons button{
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface2);
    color: var(--ui-text);
    font-weight: 900;
    cursor:pointer;
    transition: transform 120ms ease, filter 120ms ease;
  }
  .modal-position-buttons button:hover{
    filter: brightness(0.98);
    transform: translateY(-1px);
  }
  #modal-body{
    padding: 14px 14px 18px;
  }

  /* =========================================================
     ✅ 챗봇/추천 모달(솔리드 + 라이트/다크 대응)
  ========================================================= */
  .modal-overlay-extra{
    position:fixed; inset:0; z-index:9998;
    display:none;
  }
  .modal-content-extra{
    position:fixed;
    left:50%;
    bottom: 10%;
    transform: translateX(-50%);
    width:min(920px, 94vw);
    max-height: 80vh;
    overflow:auto;

    padding: 16px;
    z-index:9999;
    border-radius: var(--ui-radius);
    background: var(--ui-surface);
    color: var(--ui-text);
    border: 1px solid var(--ui-border);
    box-shadow: var(--ui-shadow-strong);
    display:none;
  }
  .modal-body-extra{ color: var(--ui-text); }

  .modal-close-extra{
    position:absolute; top:12px; right:12px;
    width: 40px; height: 40px;
    border-radius: 999px;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface2);
    color: var(--ui-text);
    font-size: 22px;
    cursor:pointer;
    display:grid;
    place-items:center;
  }
  .modal-close-extra:hover{ filter: brightness(0.98); }

  .modal-position-buttons-extra{
    display:flex;
    justify-content:center;
    gap:8px;
    margin: 0 0 10px;
    padding: 10px 0 12px;
    border-bottom: 1px solid var(--ui-border);
  }
  .modal-position-buttons-extra button{
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface2);
    color: var(--ui-text);
    font-weight: 900;
    cursor:pointer;
  }

  /* 챗 UI */
  #chatbot-container{ display:flex; flex-direction:column; height:100%; gap:12px; }
  #chatbot-messages{
    flex: 1;
    overflow:auto;
    padding: 14px;
    border-radius: var(--ui-radius2);
    border: 1px solid var(--ui-border);
    background: var(--ui-surface2);
    display:flex;
    flex-direction:column;
    gap: 12px;
  }

  .bot-message-wrapper,.user-message-wrapper{ display:flex; }
  .bot-message-wrapper{ justify-content:flex-start; }
  .user-message-wrapper{ justify-content:flex-end; }

  .chatbot-message{
    max-width: 86%;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface);
    color: var(--ui-text);
    font-size: 15px;
    line-height: 1.5;
    word-break: break-word;
    white-space: pre-wrap;
  }
  .bot-message{
    background: var(--ui-surface);
  }
  .user-message{
    background: var(--ui-accent);
    border-color: color-mix(in srgb, var(--ui-accent) 70%, #000 30%);
    color: #fff;
  }

  .chatbot-input-area{
    display:flex;
    align-items:center;
    gap: 10px;
    padding: 10px;
    border-radius: var(--ui-radius);
    border: 1px solid var(--ui-border);
    background: var(--ui-surface);
  }
  #chatbot-input{
    flex:1;
    padding: 12px 12px;
    border-radius: 14px;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface2);
    color: var(--ui-text);
    font-size: 16px;
  }
  #chatbot-input:focus{
    outline: none;
    border-color: color-mix(in srgb, var(--ui-accent) 55%, var(--ui-border) 45%);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--ui-accent) 20%, transparent);
  }
  #chatbot-send-btn{
    padding: 12px 14px;
    border-radius: 14px;
    border: 0;
    background: var(--ui-accent);
    color: #fff;
    font-weight: 900;
    cursor:pointer;
    min-width: 72px;
  }
  #chatbot-send-btn:disabled{ opacity:.6; cursor:not-allowed; }

  .message-meta{
    margin-top: 8px;
    font-size: 12px;
    color: var(--ui-muted);
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }
  .message-actions{ display:inline-flex; gap:8px; margin-left:auto; }
  .message-action-btn{
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface2);
    color: var(--ui-text);
    cursor:pointer;
    font-size: 12px;
    font-weight: 900;
  }
  .message-chip{
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface2);
    color: var(--ui-muted);
    font-weight: 900;
    font-size: 11px;
  }
  .quick-replies{
    display:flex;
    gap: 8px;
    margin-top: 10px;
    flex-wrap:wrap;
  }
  .quick-reply-btn{
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface2);
    color: var(--ui-text);
    cursor:pointer;
    font-size: 13px;
    font-weight: 900;
  }

  .example-questions-container{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
  .example-question-btn{
    padding: 8px 12px;
    border-radius: 999px;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface2);
    color: var(--ui-text);
    cursor:pointer;
    font-size: 13px;
    font-weight: 900;
    white-space:nowrap;
  }
  .debug-small{ font-size:12px; color: var(--ui-muted); margin: 8px 0 0; }
  .chatbot-message.error{
    border-color: color-mix(in srgb, var(--ui-danger) 40%, var(--ui-border) 60%);
    background: color-mix(in srgb, var(--ui-danger) 12%, var(--ui-surface) 88%);
    color: var(--ui-text);
  }

  /* ✅ 로또 공(투명 배경 제거: 공은 솔리드 유지) */
  .lotto-ball{
    display:inline-grid; place-items:center;
    width:28px; height:28px; border-radius:999px;
    font-weight:900; font-size:12px;
    margin:2px 3px 2px 0;
    border:1px solid rgba(0,0,0,.12);
    box-shadow: 0 6px 12px rgba(0,0,0,.12);
  }
  :root[color-theme='dark'] .lotto-ball{
    border-color: rgba(255,255,255,.12);
    box-shadow: 0 10px 18px rgba(0,0,0,.55);
  }
  .lotto-yellow{ background:#fbc400; color:#111; }
  .lotto-blue{ background:#69c8f2; color:#0b1b2b; }
  .lotto-red{ background:#ff7272; color:#2b0b0b; }
  .lotto-black{ background:#aaaaaa; color:#111; }
  .lotto-green{ background:#00c57c; color:#062016; }

  /* =========================================================
     ✅ (요청) 왼쪽 하단 버튼들 "왼쪽→오른쪽" 가로 배치
     - 52x52 원형, bottom 20px, left 20px
     - 투명 제거(솔리드 컬러)
     - ID 유지: fixed-button / fixed-button-recommend / fixed-button-gpt / lottoMinibar
  ========================================================= */
  #leftFabRow{
    position:fixed;
    left: calc(20px + env(safe-area-inset-left));
    bottom: calc(20px + env(safe-area-inset-bottom));
    z-index: 998; /* 검색(999) 아래 */
    display:flex;
    flex-direction: row;
    align-items:center;
    gap: 10px;
    flex-wrap: wrap;
    bottom:20px;

  }

  .left-fab-btn{
    width:52px;
    height:52px;
    border-radius:10px;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface);
    color: var(--ui-text);
bottom:0px;
    display:grid;
    place-items:center;
    cursor:pointer;
    user-select:none;
    -webkit-user-select:none;
font-weight:700;
    box-shadow: var(--ui-shadow);
    transition: transform 120ms ease, filter 120ms ease, box-shadow 120ms ease;
  }
  .left-fab-btn i{
    font-size: 16px;
  }
  .left-fab-btn:hover{
    transform: translateY(-1px);
    filter: brightness(0.98);
    box-shadow: var(--ui-shadow-strong);
  }
  .left-fab-btn:active{
    transform: translateY(0);
    filter: brightness(0.96);
  }
  .left-fab-btn:focus{
    outline:none;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--ui-accent) 20%, transparent), var(--ui-shadow-strong);
    border-color: color-mix(in srgb, var(--ui-accent) 55%, var(--ui-border) 45%);
  }

  /* 버튼별 "솔리드" 컬러(라이트/다크에서 자연스럽게 보이도록) */
  #fixed-button{ background: var(--ui-danger); color:#fff; border-color: color-mix(in srgb, var(--ui-danger) 70%, #000 30%); }
  #fixed-button-recommend{ background: var(--ui-green); color:#fff; border-color: color-mix(in srgb, var(--ui-green) 70%, #000 30%); }
  #fixed-button-gpt{ background: var(--ui-blue); color:#fff; border-color: color-mix(in srgb, var(--ui-blue) 70%, #000 30%); }
  #lottoMinibar{ background: var(--ui-purple); color:#fff; border-color: color-mix(in srgb, var(--ui-purple) 70%, #000 30%); }

  #lottoMinibar.hidden{ display:none; }

  /* =========================================================
     ✅ 최근 7회 모달(투명/블러 제거 + 솔리드)
  ========================================================= */
  .lotto-modal-backdrop{
    position:fixed; inset:0;
    display:flex; align-items:flex-end; justify-content:center;
    z-index:9999;

    pointer-events:none;
    opacity:0;
    transition: opacity 180ms ease;
  }
  .lotto-modal-backdrop.open{ opacity:1; pointer-events:auto; }

  .lotto-modal{
    width:min(920px,96%);
    max-height:70vh;
    border-radius: var(--ui-radius);
    background: var(--ui-surface);
    color: var(--ui-text);
    border: 1px solid var(--ui-border);
    box-shadow: var(--ui-shadow-strong);

    padding: 16px 16px 14px;
    transform: translateY(120%);
    transition: transform 220ms cubic-bezier(.22,.9,.32,1);
    overflow:auto;
    position:relative;
    margin: 0 0 18px 0;
  }
  .lotto-modal-backdrop.open .lotto-modal{ transform: translateY(0); }

  .lotto-modal h3{
    margin: 0 0 10px 0;
    font-size: 1.15rem;
    font-weight: 1000;
    color: var(--ui-text);
    letter-spacing: -0.2px;
  }
  .lotto-modal-close{
    position:absolute; top:12px; right:12px;
    width: 40px; height: 40px;
    border-radius: 999px;
    border: 1px solid var(--ui-border);
    background: var(--ui-surface2);
    color: var(--ui-text);
    font-size: 22px;
    cursor:pointer;
    display:grid;
    place-items:center;
  }
  .lotto-draw{
    margin: 10px 0;
    display:flex;
    align-items:center;
    gap: 10px;
    flex-wrap:wrap;
    padding: 10px;
    border-radius: var(--ui-radius2);
    border: 1px solid var(--ui-border);
    background: var(--ui-surface2);
  }
  .lotto-draw .draw-meta{
    color: var(--ui-text);
    font-weight: 1000;
    letter-spacing: -0.2px;
  }
  .lotto-modal-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap: 10px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--ui-border);
    color: var(--ui-muted);
    flex-wrap:wrap;
  }
  #lottoModalConfirm{
    padding: 10px 14px;
    border-radius: 14px;
    border: 0;
    background: var(--ui-accent);
    color:#fff;
    font-weight: 1000;
    cursor:pointer;
  }
</style>

<!-- =========================
   ✅ 유저그룹 모달 HTML
========================= -->
<div id="modal-overlay"></div>
<div id="modal-content">
  <button id="modal-close" aria-label="닫기">&times;</button>
  <div class="modal-position-buttons">
    <button data-pos="top" type="button">상</button>
    <button data-pos="middle" type="button">중</button>
    <button data-pos="bottom" type="button">하</button>
  </div>
  <div id="modal-body">로딩 중...</div>
</div>

<script>
  $(document).ready(function() {
    const MODAL_STORAGE_KEY = 'modal_open_state';
    const MODAL_POS_KEY = 'modal_position';

    function openModal() {
      $("#modal-overlay, #modal-content").fadeIn(120);
      localStorage.setItem(MODAL_STORAGE_KEY, 'open');
      loadModalContent();
      applyModalPosition();
    }
    function closeModal() {
      $("#modal-overlay, #modal-content").fadeOut(120);
      localStorage.setItem(MODAL_STORAGE_KEY, 'closed');
      $("#modal-body").html("로딩 중...");
    }
    function loadModalContent() {
      $.get("/bbs/group-filter", function(data) {
        const $tempDiv = $('<div>').html(data);
        $tempDiv.find('header, footer, #hd, #ft, #top_btn').remove();
        const $content = $tempDiv.find('#wrapper, #container, .content, main').first();
        $("#modal-body").html($content.length ? $content.html() : $tempDiv.html());
      });
    }
    function applyModalPosition() {
      const position = localStorage.getItem(MODAL_POS_KEY) || 'bottom';
      const modal = document.getElementById("modal-content");
      if (position === 'top') { modal.style.top = '0'; modal.style.bottom = ''; modal.style.transform = 'translateX(-50%)'; }
      else if (position === 'middle') { modal.style.top = '50%'; modal.style.bottom = ''; modal.style.transform = 'translate(-50%, -50%)'; }
      else { modal.style.top = ''; modal.style.bottom = '0'; modal.style.transform = 'translateX(-50%)'; }
    }

    // 트리거 버튼 바인딩: #fixed-button
    $(document).on("click", "#fixed-button", openModal);
    $("#modal-close, #modal-overlay").on("click", closeModal);
    $(".modal-position-buttons button").on("click", function() {
      const pos = $(this).data("pos");
      localStorage.setItem(MODAL_POS_KEY, pos);
      applyModalPosition();
    });
    if (localStorage.getItem(MODAL_STORAGE_KEY) === 'open') openModal();
  });
</script>

<!-- =========================
   ✅ AI 챗봇 / 1초조합기 모달 HTML
========================= -->
<div id="modal-overlay-recommend" class="modal-overlay-extra"></div>
<div id="modal-content-recommend" class="modal-content-extra">
  <button class="modal-close-extra" data-modal="recommend" aria-label="닫기">&times;</button>
  <div class="modal-position-buttons-extra">
    <button data-pos="top" type="button">상</button>
    <button data-pos="middle" type="button">중</button>
    <button data-pos="bottom" type="button">하</button>
  </div>
  <div class="modal-body-extra">로딩 중...</div>
</div>

<div id="modal-overlay-gpt" class="modal-overlay-extra"></div>
<div id="modal-content-gpt" class="modal-content-extra">
  <button class="modal-close-extra" data-modal="gpt" aria-label="닫기">&times;</button>
  <div class="modal-position-buttons-extra">
    <button data-pos="top" type="button">상</button>
    <button data-pos="middle" type="button">중</button>
    <button data-pos="bottom" type="button">하</button>
  </div>
  <div class="modal-body-extra">로딩 중...</div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function() {

  // ---------- utils ----------
  const nowTimeString = () => {
    const d = new Date();
    return d.toLocaleTimeString([], {hour:'2-digit', minute:'2-digit'});
  };

  const escapeHtml = (s) => String(s).replace(/[&<>"'`]/g, m => ({
    '&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;','`':'&#96;'
  }[m]));

  const sanitizeBotTextToHtml = (s) => escapeHtml(s || '').replace(/\n/g, '<br/>');

  const createLottoBallHtml = (numbers) => {
    if (!Array.isArray(numbers)) return '';
    return numbers.map(n => {
      const num = Number(n);
      let colorClass = '';
      if (num >= 1 && num <= 10) colorClass = 'lotto-yellow';
      else if (num >= 11 && num <= 20) colorClass = 'lotto-blue';
      else if (num >= 21 && num <= 30) colorClass = 'lotto-red';
      else if (num >= 31 && num <= 40) colorClass = 'lotto-black';
      else if (num >= 41 && num <= 45) colorClass = 'lotto-green';
      return `<span class="lotto-ball ${colorClass}">${String(num).padStart(2,"0")}</span>`;
    }).join('');
  };

  const applyModalPosition = (contentElement, modalType) => {
    const position = localStorage.getItem(`modal_position_${modalType}`) || 'bottom';
    if (position === 'top') { contentElement.style.top = '10%'; contentElement.style.bottom = ''; contentElement.style.transform = 'translateX(-50%)'; }
    else if (position === 'middle') { contentElement.style.top = '50%'; contentElement.style.bottom = ''; contentElement.style.transform = 'translate(-50%, -50%)'; }
    else { contentElement.style.top = 'auto'; contentElement.style.bottom = '10%'; contentElement.style.transform = 'translateX(-50%)'; }
  };

  const toggleModal = (modalType, show) => {
    const overlay = document.getElementById(`modal-overlay-${modalType}`);
    const content = document.getElementById(`modal-content-${modalType}`);
    if (show) {
      overlay.style.display = 'block'; content.style.display = 'block';
      localStorage.setItem(`modal_open_state_${modalType}`, 'open');
      applyModalPosition(content, modalType);
    } else {
      overlay.style.display = 'none'; content.style.display = 'none';
      localStorage.setItem(`modal_open_state_${modalType}`, 'closed');
    }
  };

  document.querySelectorAll('.modal-overlay-extra').forEach(el => {
    el.addEventListener('click', () => {
      const modalType = el.id.replace('modal-overlay-', '');
      toggleModal(modalType, false);
    });
  });
  document.querySelectorAll('.modal-close-extra').forEach(el => {
    el.addEventListener('click', (e) => {
      const modalType = e.currentTarget.dataset.modal;
      toggleModal(modalType, false);
    });
  });
  document.querySelectorAll('.modal-position-buttons-extra button').forEach(button => {
    button.addEventListener('click', (e) => {
      const wrap = button.closest('.modal-content-extra');
      const modalType = wrap && wrap.id.includes('gpt') ? 'gpt' : 'recommend';
      const position = e.currentTarget.dataset.pos;
      localStorage.setItem(`modal_position_${modalType}`, position);
      applyModalPosition(document.getElementById(`modal-content-${modalType}`), modalType);
    });
  });

  // ---------- localStorage history ----------
  const STORAGE_KEY = 'lotto_chat_history_v2';
  const SESSION_KEY = 'lotto_chat_session_id_v2';

  const getSessionId = () => {
    let sid = localStorage.getItem(SESSION_KEY);
    if (!sid || sid.length < 8) {
      sid = (crypto?.randomUUID?.() || (`sid_${Math.random().toString(16).slice(2)}_${Date.now()}`));
      localStorage.setItem(SESSION_KEY, sid);
    }
    return sid;
  };

  const saveChatHistory = (history) => {
    try {
      const trimmed = (history || []).slice(-80);
      const s = JSON.stringify(trimmed);
      if (s.length > 180000) localStorage.setItem(STORAGE_KEY, JSON.stringify(trimmed.slice(-50)));
      else localStorage.setItem(STORAGE_KEY, s);
    } catch (e) {}
  };

  const loadChatHistory = () => {
    try {
      const raw = localStorage.getItem(STORAGE_KEY);
      if (!raw) return [];
      const arr = JSON.parse(raw);
      return Array.isArray(arr) ? arr : [];
    } catch(e) {
      return [];
    }
  };

  const clearChatHistory = () => {
    try { localStorage.removeItem(STORAGE_KEY); } catch(e){}
  };

  const QUICK_REPLY_DEFAULTS = [
    "가장 최근 당첨 번호 알려줘",
    "최근 10회차 보여줘",
    "가장 많이 나온 번호",
    "보너스 번호 통계",
    "25번이 몇 번 나왔어?",
    "25번 마지막 출현",
    "/help",
    "/clear"
  ];

  // ---------- Chatbot ----------
  class LottoChatbot {
    constructor() {
      this.btn = document.getElementById('fixed-button-gpt');
      this.content = document.getElementById('modal-content-gpt');
      this.body = this.content.querySelector('.modal-body-extra');
      this.sessionId = getSessionId();
      this.history = loadChatHistory();
      this.sending = false;
      this.init();
    }

    init() {
      if (this.btn) this.btn.addEventListener('click', () => this.open());
      if (localStorage.getItem('modal_open_state_gpt') === 'open') this.open();
    }

    open() {
      toggleModal('gpt', true);
      this.loadChatbotInterface();
    }

    loadChatbotInterface() {
      this.body.innerHTML = `
        <div id="chatbot-container">
          <div id="chatbot-messages"></div>
          <div class="chatbot-input-area">
            <input type="text" id="chatbot-input" placeholder="질문을 입력하세요... (예: 최근 10회차 / Top20 / 25번 마지막 출현)">
            <button id="chatbot-send-btn">전송</button>
          </div>
          <div class="debug-small">session: <span>${escapeHtml(this.sessionId)}</span></div>
        </div>
      `;

      const messagesContainer = this.body.querySelector("#chatbot-messages");
      const inputField = this.body.querySelector("#chatbot-input");
      const sendButton = this.body.querySelector("#chatbot-send-btn");

      const exampleWrapper = document.createElement('div');
      exampleWrapper.className = 'bot-message-wrapper';
      exampleWrapper.innerHTML = `<div class="chatbot-message bot-message">
        ${this._randomGreeting()}
        <div class="example-questions-container" style="margin-top:10px;">
          ${[
            "1089회차 당첨 번호 알려줘",
            "가장 최근 당첨 번호 알려줘",
            "최근 10회차 결과",
            "가장 많이 나온 번호",
            "가장 적게 나온 번호",
            "보너스 번호 통계",
            "홀수 번호 통계",
            "짝수 번호 통계",
            "25번이 총 몇 번 나왔어?",
            "25번 마지막 출현",
            "12번과 25번이 같이 나온 횟수는?",
            "10번대 번호가 3개 나온 회차는 몇 번이야?",
            "최근 5주간 3번 출현한 번호는?",
            "최근 100회 핫번호 Top10",
            "최근 100회 콜드번호 Top10",
            "/help",
            "/clear"
          ].map(t=>`<button class="example-question-btn">${escapeHtml(t)}</button>`).join('')}
        </div>
      </div>`;
      messagesContainer.appendChild(exampleWrapper);

      exampleWrapper.querySelectorAll('.example-question-btn').forEach(btn=>{
        btn.addEventListener('click', ()=>{
          inputField.value = btn.textContent;
          inputField.focus();
        });
      });

      this._renderHistory(messagesContainer);

      sendButton.addEventListener('click', () => this.sendMessage(messagesContainer, inputField, sendButton));
      inputField.addEventListener('keypress', (e) => { if (e.key === 'Enter') this.sendMessage(messagesContainer, inputField, sendButton); });
    }

    _randomGreeting() {
      const opts = [
        "안녕하세요! 로또 통계 챗봇입니다 🙂<br/>궁금한 걸 말하면 최대한 자연스럽게 도와드릴게요.",
        "로또 질문 주세요! (회차 조회/빈도/최근 기준/핫·콜드/연속번호 등) 🧠",
        "원하는 통계를 말해보세요. 애매하면 제가 되묻고 정확히 맞춰드릴게요 😄"
      ];
      return opts[Math.floor(Math.random()*opts.length)];
    }

    _renderHistory(container) {
      if (!this.history || this.history.length === 0) return;
      this.history.forEach(msg => container.appendChild(this._createMessageElement(msg)));
      container.scrollTop = container.scrollHeight;
    }

    _createMessageElement(msgObj) {
      const wrapper = document.createElement('div');
      wrapper.className = msgObj.role === 'user' ? 'user-message-wrapper' : 'bot-message-wrapper';

      const bubble = document.createElement('div');
      bubble.className = 'chatbot-message ' + (msgObj.role === 'user' ? 'user-message' : 'bot-message');
      bubble.innerHTML = msgObj.text || '';

      const meta = document.createElement('div');
      meta.className = 'message-meta';
      meta.innerHTML = `<span>${escapeHtml(msgObj.time || nowTimeString())}</span>`;

      if (msgObj.query_type) meta.innerHTML += ` <span class="message-chip">${escapeHtml(msgObj.query_type)}</span>`;
      if (msgObj.took_ms != null) meta.innerHTML += ` <span class="message-chip">${escapeHtml(String(msgObj.took_ms))}ms</span>`;
      if (msgObj.cached) meta.innerHTML += ` <span class="message-chip">cache</span>`;

      if (msgObj.role === 'bot') {
        const actions = document.createElement('span');
        actions.className = 'message-actions';

        const regen = document.createElement('button');
        regen.className = 'message-action-btn';
        regen.innerText = '다시요청';
        regen.addEventListener('click', () => {
          const lastUser = this.history.slice().reverse().find(h=>h.role==='user');
          if (lastUser) {
            const inputField = this.body.querySelector("#chatbot-input");
            inputField.value = (lastUser.raw || '').trim() || this._stripHtml(lastUser.text || '');
            this.sendMessage(this.body.querySelector("#chatbot-messages"), inputField, this.body.querySelector("#chatbot-send-btn"));
          }
        });

        const copy = document.createElement('button');
        copy.className = 'message-action-btn';
        copy.innerText = '복사';
        copy.addEventListener('click', async () => {
          const plain = this._stripHtml(msgObj.text || '');
          try { await navigator.clipboard.writeText(plain); copy.innerText = '복사됨'; setTimeout(()=>copy.innerText='복사', 1200); }
          catch(e){ copy.innerText='실패'; setTimeout(()=>copy.innerText='복사', 1200); }
        });

        actions.appendChild(regen);
        actions.appendChild(copy);
        meta.appendChild(actions);
      }

      bubble.appendChild(meta);

      if (msgObj.quick_replies && Array.isArray(msgObj.quick_replies) && msgObj.quick_replies.length>0) {
        const qrContainer = document.createElement('div');
        qrContainer.className = 'quick-replies';
        msgObj.quick_replies.slice(0,10).forEach(q=>{
          const b = document.createElement('button');
          b.className='quick-reply-btn';
          b.innerText = q;
          b.addEventListener('click', ()=>{
            const inputField = this.body.querySelector("#chatbot-input");
            inputField.value = q;
            inputField.focus();
          });
          qrContainer.appendChild(b);
        });
        bubble.appendChild(qrContainer);
      }

      wrapper.appendChild(bubble);
      return wrapper;
    }

    _stripHtml(html) {
      const div = document.createElement('div');
      div.innerHTML = html;
      return (div.textContent || div.innerText || '').trim();
    }

    _pushHistory(obj) {
      this.history.push(obj);
      saveChatHistory(this.history);
    }

    _appendUser(messagesContainer, text) {
      const t = nowTimeString();
      const html = `<div class="user-message-wrapper">
        <div class="chatbot-message user-message">${escapeHtml(text)}
          <div class="message-meta"><span>${escapeHtml(t)}</span></div>
        </div>
      </div>`;
      messagesContainer.insertAdjacentHTML('beforeend', html);
      messagesContainer.scrollTop = messagesContainer.scrollHeight;
      this._pushHistory({ role:'user', raw:text, text:`<div>${escapeHtml(text)}</div>`, time:t });
    }

    _appendLoading(messagesContainer) {
      const w = document.createElement('div');
      w.className = 'bot-message-wrapper';
      w.innerHTML = `<div class="chatbot-message bot-message">
        <div>응답 준비 중...</div>
        <div class="message-meta"><span>${escapeHtml(nowTimeString())}</span></div>
      </div>`;
      messagesContainer.appendChild(w);
      messagesContainer.scrollTop = messagesContainer.scrollHeight;
      return w;
    }

    _renderBotFromApi(data) {
      const qt = data.query_type || 'unknown';
      const msg = data.message || '';
      const preview = (data.data_preview && Array.isArray(data.data_preview)) ? data.data_preview : [];
      const qrs = (data.quick_replies && Array.isArray(data.quick_replies)) ? data.quick_replies : QUICK_REPLY_DEFAULTS;
      const meta = data.meta || {};
      const took = meta.took_ms ?? null;
      const cached = !!meta.cached;

      let botHtml = '';

      if (preview.length > 0 && (qt === 'specific_draw' || qt === 'latest_draw')) {
        const it = preview[0];
        const nums = [it.num1, it.num2, it.num3, it.num4, it.num5, it.num6].filter(Boolean);
        const bonus = it.num7;
        botHtml = `
          <div>
            <div style="font-weight:1000; margin-bottom:6px;">${escapeHtml(String(it.draw_number))}회 당첨 결과</div>
            <div>당첨 번호: ${createLottoBallHtml(nums)}</div>
            <div style="margin-top:4px;">보너스: ${createLottoBallHtml([bonus])}</div>
            <div style="margin-top:10px;">${sanitizeBotTextToHtml(msg)}</div>
          </div>
        `;
      }
      else if (preview.length > 0 && (qt === 'recent_draws' || qt === 'consecutive_numbers')) {
        const listHtml = preview.map(it=>{
          const nums = [it.num1, it.num2, it.num3, it.num4, it.num5, it.num6].filter(Boolean);
          const bonus = it.num7;
          return `
            <div style="margin:10px 0; padding:10px; border-radius:16px; border:1px solid var(--ui-border); background: var(--ui-surface2);">
              <div style="font-weight:1000; margin-bottom:6px;">${escapeHtml(String(it.draw_number))}회</div>
              <div>${createLottoBallHtml(nums)}</div>
              ${bonus ? `<div style="margin-top:4px;">보너스: ${createLottoBallHtml([bonus])}</div>` : ''}
            </div>
          `;
        }).join('');
        botHtml = `<div>${sanitizeBotTextToHtml(msg)}<div>${listHtml}</div></div>`;
      }
      else if (preview.length > 0 && (
        qt === 'most_frequent_numbers' || qt === 'least_frequent_numbers' || qt === 'odd_even_top10' ||
        qt === 'recent_hot_numbers' || qt === 'recent_cold_numbers'
      )) {
        const items = preview.map(it => {
          const num = it.num;
          const cnt = it.count;
          return `<li><strong>${escapeHtml(String(num))}번</strong> — ${escapeHtml(String(cnt))}회</li>`;
        }).join('');
        botHtml = `<div>${sanitizeBotTextToHtml(msg)}<ol style="margin:10px 0 0 18px;">${items}</ol></div>`;
      }
      else if (preview.length > 0 && qt === 'bonus_number_stats') {
        const items = preview.map(it => {
          const num = it.bonus_num;
          const cnt = it.count;
          return `<li><strong>${escapeHtml(String(num))}번</strong> — ${escapeHtml(String(cnt))}회</li>`;
        }).join('');
        botHtml = `<div>${sanitizeBotTextToHtml(msg)}<ol style="margin:10px 0 0 18px;">${items}</ol></div>`;
      }
      else if (preview.length > 0 && qt === 'number_last_seen') {
        const it = preview[0];
        botHtml = `<div>${sanitizeBotTextToHtml(msg)}<div class="debug-small">마지막 출현: ${escapeHtml(String(it.draw_number))}회 / ${escapeHtml(String(it.draw_date))}</div></div>`;
      }
      else {
        botHtml = `<div>${sanitizeBotTextToHtml(msg || '응답이 없습니다.')}</div>`;
      }

      return { botHtml, quickReplies: qrs, queryType: qt, tookMs: took, cached };
    }

    async _callApi(question) {
      const payload = { question, session_id: this.sessionId };
      const controller = new AbortController();
      const timeoutId = setTimeout(()=>controller.abort(), 90000);

      try {
        const resp = await fetch(`/lotto/chat`, {
          method: 'POST',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify(payload),
          signal: controller.signal
        });
        clearTimeout(timeoutId);
        if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
        return await resp.json();
      } catch (e) {
        clearTimeout(timeoutId);
        const url = `/lotto_chatbot_router?question=${encodeURIComponent(question)}&session_id=${encodeURIComponent(this.sessionId)}`;
        const resp2 = await fetch(url);
        if (!resp2.ok) throw new Error(`HTTP ${resp2.status}`);
        return await resp2.json();
      }
    }

    async sendMessage(messagesContainer, inputField, sendButton) {
      const question = (inputField.value || '').trim();
      if (!question) return;
      if (this.sending) return;

      if (question === '/clear') {
        clearChatHistory();
        this.history = [];
        messagesContainer.innerHTML = '';
        inputField.value = '';
        this._appendBot(messagesContainer, {
          botHtml: `<div>대화 기록을 로컬에서 삭제했어요 ✅</div>`,
          quickReplies: QUICK_REPLY_DEFAULTS,
          queryType: 'local_clear',
          tookMs: 0,
          cached: false
        });
        return;
      }

      this.sending = true;
      try { sendButton.disabled = true; inputField.disabled = true; } catch(e){}

      this._appendUser(messagesContainer, question);
      inputField.value = '';

      const loadingEl = this._appendLoading(messagesContainer);

      try {
        const data = await this._callApi(question);

        const base = 220;
        const len = (data && data.message) ? String(data.message).length : 120;
        const minTypingMs = Math.min(900, Math.max(base, len * 8));
        await new Promise(r => setTimeout(r, minTypingMs));

        loadingEl.remove();

        const rendered = this._renderBotFromApi(data);
        this._appendBot(messagesContainer, rendered);

      } catch (error) {
        loadingEl.remove();
        const errMsg = `챗봇 호출 오류: ${String(error?.message || error)}`;
        this._appendBot(messagesContainer, {
          botHtml: `<div class="error">${escapeHtml(errMsg)}</div>`,
          quickReplies: QUICK_REPLY_DEFAULTS,
          queryType: 'error',
          tookMs: null,
          cached: false
        });
      } finally {
        this.sending = false;
        try { sendButton.disabled = false; inputField.disabled = false; inputField.focus(); } catch(e){}
      }
    }

    _appendBot(messagesContainer, rendered) {
      const t = nowTimeString();
      const msgObj = {
        role: 'bot',
        text: rendered.botHtml,
        time: t,
        quick_replies: rendered.quickReplies || QUICK_REPLY_DEFAULTS,
        query_type: rendered.queryType || 'unknown',
        took_ms: rendered.tookMs,
        cached: rendered.cached
      };

      this._pushHistory(msgObj);

      const el = this._createMessageElement(msgObj);
      messagesContainer.appendChild(el);
      messagesContainer.scrollTop = messagesContainer.scrollHeight;
    }
  }

  // ---------- Recommend ----------
  class LottoRecommend {
    constructor() {
      this.btn = document.getElementById('fixed-button-recommend');
      this.content = document.getElementById('modal-content-recommend');
      this.body = this.content.querySelector('.modal-body-extra');
      this.init();
    }
    init() {
      if (this.btn) this.btn.addEventListener('click', () => this.open());
      if (localStorage.getItem('modal_open_state_recommend') === 'open') this.open();
    }
    open() {
      toggleModal('recommend', true);
      this.loadRecommendData();
    }
    async loadRecommendData() {
      this.body.innerHTML = "<div class='debug-small'>로딩 중... (API 호출)</div>";
      const reqData = { num_combinations:5, num_balls:6, same_week_pair_count:1, jump_pair_count:1, nak_pair_count:1, extra_filters_str:"{}", recent_target_numbers_json:"[]" };
      const queryParams = new URLSearchParams(reqData).toString();
      try {
        const response = await fetch(`/bbs/lotto_generate_api_12_100_index?${queryParams}`);
        const data = await response.json();
        if (data && Array.isArray(data.combinations)) this.renderCombinations(data.combinations, data.used_pairs_summary || {});
        else if (data && data.error) this.body.innerHTML = `<p>❌ ${escapeHtml(data.error)}</p>`;
        else this.body.innerHTML = `<p>⚠️ 응답 포맷이 예상과 다릅니다.</p>`;
      } catch (error) {
        this.body.innerHTML = `<p>🚨 로그인 후 사용 가능합니다.: ${escapeHtml(error.message || error)}</p>`;
      }
    }
    renderCombinations(combinations, used_pairs) {
      this.body.innerHTML = "";
      if (!combinations || combinations.length === 0) { this.body.innerHTML = "<p>생성된 추천 조합이 없습니다.</p>"; return; }

      let html = "<h3 style='margin:4px 0 10px; font-weight:1000; letter-spacing:-0.2px;'>추천 조합</h3><div>";
      combinations.forEach((c, idx) => {
        const numbers = (typeof c === "string") ? c.split(',').map(x => parseInt(x.trim(),10)) : Array.from(c);
        html += `<div style="margin-bottom:10px; padding:10px; border:1px solid var(--ui-border); border-radius:16px; background:var(--ui-surface2); display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap;">
          <div>${createLottoBallHtml(numbers)}</div>
          <button data-comb-index="${idx}" class="message-action-btn">복사</button>
        </div>`;
      });
      html += "</div>";
      if (used_pairs && Object.keys(used_pairs).length > 0) {
        html += `<div class="debug-small">궁합조합: ${escapeHtml(JSON.stringify(used_pairs).slice(0, 500))}</div>`;
      }
      this.body.innerHTML = html;

      this.body.querySelectorAll('button[data-comb-index]').forEach(btn=>{
        btn.addEventListener('click', async (e)=>{
          const idx = Number(e.currentTarget.dataset.combIndex);
          const c = combinations[idx];
          const text = (typeof c === "string") ? c : c.join(',');
          try {
            await navigator.clipboard.writeText(text);
            e.currentTarget.innerText = "복사됨";
            setTimeout(()=> e.currentTarget.innerText = "복사", 1200);
          } catch(e2) {
            e.currentTarget.innerText = "복사실패";
            setTimeout(()=> e.currentTarget.innerText = "복사", 1200);
          }
        });
      });
    }
  }

  try { new LottoChatbot(); } catch(e) {}
  try { new LottoRecommend(); } catch(e) {}

});
</script>

<!-- =========================
   ✅ 최근 7회 모달 HTML
========================= -->
<div id="lottoModalBackdrop" class="lotto-modal-backdrop" aria-hidden="true">
  <div class="lotto-modal" id="lottoModal">
    <button id="lottoModalClose" class="lotto-modal-close" aria-label="닫기">&times;</button>
    <h3 id="lottoModalTitle">최근 로또 결과</h3>
    <div id="lottoModalBody"><p>불러오는 중...</p></div>
    <div class="lotto-modal-footer">
      <label><input id="lottoNoShowToday" type="checkbox"> 오늘 하루 보지 않기</label>
      <button id="lottoModalConfirm" type="button">확인</button>
    </div>
  </div>
</div>

<!-- =========================================================
   ✅ (요청 반영) 왼쪽 하단 가로 버튼 row
   - 왼쪽 → 오른쪽 배치
   - 52x52 원형
========================================================= -->
<div id="leftFabRow" aria-label="빠른 메뉴">
  <button id="fixed-button" type="button" class="left-fab-btn" title="유저 그룹">
    <span class="fab-label">유저그룹</span>
  </button>

  <button id="fixed-button-recommend" type="button" class="left-fab-btn" title="1초조합기">
    <span class="fab-label">1초조합</span>
  </button>

  <button id="fixed-button-gpt" type="button" class="left-fab-btn" title="AI 챗봇">
    <span class="fab-label">챗봇AI</span>
  </button>

  <button id="lottoMinibar" type="button" class="left-fab-btn" title="최근 7회">
    <span class="fab-label">최근7회</span>
  </button>
</div>


<!-- 최근 7회 모달 JS -->
<script>
(function(){
  const backdrop = document.getElementById('lottoModalBackdrop');
  const modalBody = document.getElementById('lottoModalBody');
  const closeBtn = document.getElementById('lottoModalClose');
  const confirmBtn = document.getElementById('lottoModalConfirm');
  const hideTodayCheckbox = document.getElementById('lottoNoShowToday');
  const miniBar = document.getElementById('lottoMinibar');

  const apiUrl = "/bbs/lotto_results_api/recent?limit=7";

  function setCookie(name,value,days){
    const expires = days ? ("; expires="+new Date(Date.now()+days*864e5).toUTCString()) : "";
    document.cookie = name+"="+encodeURIComponent(value)+expires+"; path=/";
  }
  function getCookie(name){
    return document.cookie.split('; ').reduce((r,v)=>{
      const p=v.split('=');
      return p[0]===name?decodeURIComponent(p.slice(1).join('=')):r
    },'');
  }
  function openModal(){
    backdrop.classList.add('open');
    miniBar.classList.add('hidden');
    backdrop.setAttribute('aria-hidden','false');
  }
  function closeModal(){
    backdrop.classList.remove('open');
    miniBar.classList.remove('hidden');
    backdrop.setAttribute('aria-hidden','true');
  }

  closeBtn.addEventListener('click',()=>{
    if(hideTodayCheckbox.checked) setCookie('lottoModalHiddenToday','1',1);
    closeModal();
  });
  confirmBtn.addEventListener('click',()=>{
    if(hideTodayCheckbox.checked) setCookie('lottoModalHiddenToday','1',1);
    closeModal();
  });
  miniBar.addEventListener('click',()=>{
    backdrop.classList.contains('open') ? closeModal() : openModal();
  });

  function renderResults(results){
    if(!results.length){ modalBody.innerHTML='<p>데이터가 없습니다.</p>'; return; }
    modalBody.innerHTML='';
    results.forEach(draw=>{
      const wrap=document.createElement('div'); wrap.className='lotto-draw';
      const meta=document.createElement('div'); meta.className='draw-meta';
      meta.textContent=`${draw.draw_number}` + (draw.draw_date ? ` (${draw.draw_date})` : '');
      wrap.appendChild(meta);
      const balls=document.createElement('div'); balls.className='lotto-balls';
      draw.numbers.forEach(b=>{
        const span=document.createElement('span'); span.className='lotto-ball';
        if(b.style) span.setAttribute('style', b.style + ' ');
        span.textContent=b.num; balls.appendChild(span);
      });
      wrap.appendChild(balls); modalBody.appendChild(wrap);
    });
  }

  document.addEventListener('DOMContentLoaded', function(){
    const hideToday = getCookie('lottoModalHiddenToday');
    fetch(apiUrl, {cache:'no-store'})
      .then(r=>r.json())
      .then(json=>{
        if(json.ok) renderResults(json.results || []);
        else modalBody.innerHTML='<p>데이터를 불러오지 못했습니다.</p>';
      })
      .catch(err=>{
        modalBody.innerHTML='<p>데이터 로드 실패</p>';
      });
  });
})();
</script>


<style>
  /* 전역 FAB: 다른 CSS랑 충돌 안 나게 id 기반 */
  #globalMapFab{
    position: fixed;
    right: 260px;
    bottom: 20px;
    z-index: 998;
    width: 52px;
    padding:4px 6px;
    color:#fff;
    height: 52px;
    border-radius: 10px;
    display: grid;
    place-items: center;
text-align:center;
    background: radial-gradient(120% 120% at 30% 20%, 
color-mix(in srgb, var(--primaryColor, #4b72c5) 40%, transparent), rgba(15, 23, 42, .78));
    border: 1px solid color-mix(in srgb, var(--border, rgba(255, 255, 255, .22)) 70%, transparent);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .32);
    backdrop-filter: blur(10px) saturate(120%);
    -webkit-backdrop-filter: blur(10px) saturate(120%);
    cursor: pointer;
    user-select: none;
    text-decoration: none;
  }

  #globalMapFab:hover{
    transform: translateY(-1px);
    filter: brightness(1.05);
  }
  #globalMapFab:active{
    transform: translateY(0px) scale(0.98);
  }

  /* 라벨(말풍선) */
  #globalMapFabLabel{
    position: fixed;
    right: calc(16px + 56px + 10px + env(safe-area-inset-right));
    bottom: calc(16px + 10px + env(safe-area-inset-bottom));
    z-index: 10080;

    padding: 10px 12px;
    border-radius: 999px;
    background: rgba(15,23,42,.88);
    color: #fff;

    border: 1px solid rgba(255,255,255,.18);
    box-shadow: 0 18px 45px rgba(0,0,0,.28);
    backdrop-filter: blur(10px) saturate(120%);
    -webkit-backdrop-filter: blur(10px) saturate(120%);

    font-weight: 900;
    font-size: 13px;
    letter-spacing: .2px;

    opacity: 0;
    transform: translateY(6px);
    pointer-events: none;

    transition: opacity .18s ease, transform .18s ease;
  }

  /* hover 시 라벨 보이기 */
  #globalMapFab:hover + #globalMapFabLabel{
    opacity: 1;
    transform: translateY(0);
  }

  /* 지도 페이지에서는 FAB 숨기고 싶으면(선택) */
  body.is-map-page #globalMapFab,
  body.is-map-page #globalMapFabLabel{
    display: none !important;
  }
</style>

<a id="globalMapFab" href="/bbs/lotto_shop_map" title="로또 판매점 지도 열기" aria-label="로또 판매점 지도 열기">
  <span style="font-size:15px;font-weight:700;  line-height:1;">주변 로또 판매점</span>
</a>
<div id="globalMapFabLabel">로또 판매점 지도</div>

<script>
  // ✅ (선택) 현재 페이지가 지도 페이지면 FAB 숨김 처리
  // - MAP_URL이 정확히 매칭될 때만 숨김
  (function(){
    try{
      const mapUrl = "/bbs/lotto_shop_map";
      const path = location.pathname || "";
      if (mapUrl && mapUrl !== "/" && (path === mapUrl || path.startsWith(mapUrl + "/"))){
        document.body.classList.add("is-map-page");
      }
    }catch(e){}
  })();
</script>
<!-- 구글 광고: 모바일 세로 스크롤 방해 방지 -->
<style>
  .google-ad-scroll-safe {
    display: block;
    width: 100%;
    max-width: 970px;
    min-width: 0;
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden;

    /* 광고 위에서 시작한 세로 터치도 페이지 스크롤로 처리 */
    touch-action: pan-y;
    -ms-touch-action: pan-y;
    overscroll-behavior-x: none;
    overscroll-behavior-y: auto;
  }

  .google-ad-scroll-safe .adsbygoogle {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;

    /* 모바일 브라우저에 세로 스크롤 허용을 명확히 전달 */
    touch-action: pan-y !important;
    -ms-touch-action: pan-y !important;
  }

  .google-ad-scroll-safe iframe {
    max-width: 100% !important;
    touch-action: pan-y !important;
    -ms-touch-action: pan-y !important;
  }

  @media (max-width: 680px) {
    .google-ad-scroll-safe {
      width: 100%;
      overflow: hidden;
      contain: layout paint;
    }
  }
</style>


    </div>

    <!-- ✅ [ADD] 전역 팝오버 DOM -->
    <div id="globalNumPeek" aria-hidden="true"></div>

    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <script>
(function(){
  try{
    const supports = (CSS && (CSS.supports('backdrop-filter: blur(1px)') || CSS.supports('-webkit-backdrop-filter: blur(1px)')));
    const isAndroidish = /Android|Adr|SM-|SAMSUNG|; wv\)/i.test(navigator.userAgent);
    // 안드로이드 WebView/저사양 기기에서 지원 표기가 애매한 경우까지 안전 폴백
    if(!supports || isAndroidish){
      document.documentElement.setAttribute('data-no-backdrop','1');
    }
  }catch(e){
    document.documentElement.setAttribute('data-no-backdrop','1');
  }
})();
</script>

  
<style>
  /* =========================
     Lotto Site Memo Panel (LSM) - LIGHTWEIGHT
     - color-mix 제거
     - 큰 box-shadow 제거
     - linear/radial gradient 제거
     - hover transform/brightness 최소화
  ========================= */

  :root{
    --lsm-accent:  var(--accent-pink, #ffffffff);
    --lsm-accent2: var(--accent-lime, #a8ff3e);
    --lsm-danger:  var(--accent-red,  #ff4d4f);
  }

  /* ✅ 기본(테마 미지정) = 라이트 기준 */
  :root{
    --lsm-bg:      var(--wrapperBg, #ffffff);
    --lsm-surface: rgba(0,0,0,.04);
    --lsm-stroke:  rgba(0,0,0,.18);
    --lsm-text:    var(--fontColor, #111);
    --lsm-muted:   rgba(0,0,0,.55);
    --lsm-shadow:  none;
  }

  :root[color-theme="light"]{
    --lsm-bg:      #ffffff;
    --lsm-surface: rgba(0,0,0,.04);
    --lsm-stroke:  rgba(0,0,0,.18);
    --lsm-text:    var(--fontColor, #111);
    --lsm-muted:   rgba(0,0,0,.55);
    --lsm-shadow:  none;
  }

  :root[color-theme="dark"]{
    --lsm-bg:      var(--wrapperBg, #2c2c2d);
    --lsm-surface: rgba(255,255,255,.08);
    --lsm-stroke:  rgba(255,255,255,.16);
    --lsm-text:    var(--fontColor, #e5e7eb);
    --lsm-muted:   rgba(255,255,255,.65);
    --lsm-shadow:  none;
  }

  /* FAB */
  #lsmFab{
    position: fixed;
    right: 137px;
    bottom: 20px;
    z-index: 9991;
    width: 50px;
    height: 50px;
    align-items: center;
    border-radius: 10px;
    border: 1px solid var(--lsm-stroke);
    background: rgba(224, 81, 42, 0.9);
color:#fff;
    box-shadow: var(--lsm-shadow);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    backdrop-filter: blur(16px) saturate(160%);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    transition: transform .14s ease, filter .14s ease;
     text-align:center;
    padding: 4px 6px;

  }
  #lsmFab .dot{
    width: 10px; height: 10px; border-radius: 999px;
    /* ✅ radial-gradient + glow 제거 */
    background: var(--lsm-accent);
    box-shadow: none;
  }
  #lsmFab .label{ font-weight: 900; letter-spacing: .2px; }
  #lsmFab .count{
    color: var(--lsm-muted);
    padding: 4px 6px;
    border-radius: 999px;
    border: 1px solid var(--lsm-stroke);
    background: #ef4444
    text-align: center;
  }

  /* Overlay */
  #lsmOverlay{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 9997;
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease; /* 최소만 */
  }
  #lsmOverlay.open{ opacity: 1; pointer-events: auto; }

  /* Drawer */
  #lsmDrawer{
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: min(350px, 94vw);
    z-index: 9999;

    transform: translateX(102%);
    transition: transform .14s ease; /* 최소만 */

    border-left: 1px solid var(--lsm-stroke);
    background: var(--lsm-bg);
    box-shadow: var(--lsm-shadow);

    color: var(--lsm-text);
    display: flex;
    flex-direction: column;
  }
  #lsmDrawer.open{ transform: translateX(0); }

  #lsmDrawer .hd{
    padding: 80px 14px 10px;
    border-bottom: 1px solid var(--lsm-stroke);
    display: flex;
    align-items: center;
    gap: 10px;
  }
  #lsmDrawer .hd .title{ font-weight: 900; font-size: 16px; }
  #lsmDrawer .hd .spacer{ flex: 1; }
  #lsmDrawer .hd button{
    border: 1px solid var(--lsm-stroke);
    background: var(--lsm-surface);
    color: var(--lsm-text);
    border-radius: 12px;
    padding: 8px 10px;
    cursor: pointer;
  }
  #lsmDrawer .hd button:hover{ filter: none; }

  #lsmDrawer .body{
    padding: 12px 14px 14px;
    overflow: auto;
    flex: 1;
  }

  #lsmDrawer .row{ display:flex; gap:8px; align-items:center; }

  /* inputs */
  #lsmDrawer input[type="text"],
  #lsmDrawer input[type="number"],
  #lsmDrawer textarea{
    width: 100%;
    border: 1px solid var(--lsm-stroke);
    background: var(--lsm-surface);
    color: var(--lsm-text);
    border-radius: 12px;
    padding: 10px 12px;
    outline: none;
  }
  #lsmDrawer textarea{ min-height: 120px; resize: vertical; }

  #lsmDrawer .muted{ color: var(--lsm-muted); font-size: 12px; }
  #lsmDrawer .divider{ height:1px; background: var(--lsm-stroke); margin: 12px 0; }

  #lsmDrawer .btn{
    border: 1px solid var(--lsm-stroke);
    background: var(--lsm-surface);
    color: var(--lsm-text);
    border-radius: 14px;
    padding: 10px 12px;
    cursor: pointer;
    font-weight: 900;
  }
  #lsmDrawer .btn.primary{
    border-color: rgba(255, 43, 181, .55);
    box-shadow: none; /* ✅ 링 효과 제거 */
  }
  #lsmDrawer .btn.danger{
    border-color: rgba(255, 77, 79, .55);
  }

  #lsmDrawer .memo{
    border: 1px solid var(--lsm-stroke);
    border-radius: 16px;
    padding: 12px;
    background: var(--lsm-surface);
    margin-bottom: 10px;
  }
  #lsmDrawer .memo .top{ display:flex; align-items:center; gap:8px; }
  #lsmDrawer .memo .top .t{ font-weight: 900; flex:1; }
  #lsmDrawer .memo .top .pin{
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 999px;
    border: 1px solid var(--lsm-stroke);
    background: var(--lsm-surface);
  }
  #lsmDrawer .memo .c{ margin-top: 8px; white-space: pre-wrap; line-height: 1.35; }
  #lsmDrawer .memo .actions{ margin-top: 10px; display:flex; gap:8px; flex-wrap:wrap; }

  /* chips */
  #lsmDrawer .chips{
    margin-top: 8px;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
  }
  #lsmDrawer .chip{
    border: 1px solid var(--lsm-stroke);
    background: var(--lsm-surface);
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    user-select:none;
    -webkit-user-select:none;
  }
  #lsmDrawer .chip:hover{ filter: none; }
  #lsmDrawer .chip.active{
    border-color: rgba(255, 43, 181, .55);
    box-shadow: none; /* ✅ 링 제거 */
  }

  /* ✅ 7x7 번호 선택 표 */
  #lsmDrawer .num-picker{
    border: 1px solid var(--lsm-stroke);
    border-radius: 14px;
    padding: 10px;
    background: var(--lsm-surface);
  }
  #lsmDrawer table.lsm-num-table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 6px;
  }
  #lsmDrawer .lsm-num-td{ padding:0; vertical-align: middle; }

  #lsmDrawer .lsm-num-btn{
    width: 100%;
    height: 34px;
    border-radius: 12px;
    border: 1px solid var(--lsm-stroke);
    background: var(--lsm-surface);
    color: var(--lsm-text);
    font-weight: 900;
    cursor: pointer;

    /* ✅ hover 애니메이션 제거 */
    transition: none;
  }
  #lsmDrawer .lsm-num-btn:hover{ transform: none; filter: none; }
  #lsmDrawer .lsm-num-btn.active{
    border-color: rgba(255, 43, 181, .55);
    box-shadow: none;
  }
  #lsmDrawer .lsm-num-empty{ height: 34px; }

  /* number badge */
  .lsm-num-badge{
    position: absolute;
    top: -13px;
    right: 7px;
    font-size: 13px;
    line-height: 1;
    padding: 0px 2px;
    border-radius: 999px;
    border: 1px solid rgba(255, 43, 181, .55);
    background: var(--lsm-accent); /* ✅ radial-gradient 제거 */
    color: #111;
    box-shadow: none; /* ✅ */
    cursor: pointer;

    z-index: 6;
    pointer-events: auto;
  }
  .lsm-num-badge.pin{ border-color: rgba(255, 77, 79, .60); }

  /* ✅ Hover Tooltip (번호 메모 전체내용) */
  #lsmHoverTip{
    position: fixed;
    z-index: 10000;
    display: none;
    max-width: min(520px, 94vw);
    max-height: 340px;
    overflow: auto;
    padding: 10px 12px;
    border-radius: 14px;
    border: 1px solid var(--lsm-stroke);
    background: var(--lsm-bg);   /* ✅ gradient 제거 */
    color: var(--lsm-text);
  }
  #lsmHoverTip .h{
    font-weight: 900;
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap: wrap;
  }
  #lsmHoverTip .h .pill{
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid var(--lsm-stroke);
    background: var(--lsm-surface);
    color: var(--lsm-muted);
  }
  #lsmHoverTip .itm{
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed var(--lsm-stroke);
  }
  #lsmHoverTip .itm .t{
    font-weight: 900;
    display:flex;
    align-items:center;
    gap:8px;
  }
  #lsmHoverTip .itm .t .pin{
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid var(--lsm-stroke);
    background: var(--lsm-surface);
  }
  #lsmHoverTip .itm .c{
    margin-top: 8px;
    white-space: pre-wrap;
    line-height: 1.35;
    color: var(--lsm-text);
  }
  #lsmHoverTip .empty{
    margin-top: 8px;
    color: var(--lsm-muted);
    font-size: 12px;
  }

  /* =========================================================
     ✅ 전역 포스트잇(스티키) 레이어 (경량)
  ========================================================= */
  #lsmStickyHost{
    position: fixed;
    inset: 0;
    z-index: 9996;
    pointer-events: none;
  }

  .lsm-sticky{
    position: absolute;
    width: 280px;
    max-width: min(340px, 88vw);
    border-radius: 16px;
    border: 1px solid rgba(0,0,0,.18);
    box-shadow: none;          /* ✅ */
    pointer-events: auto;
    overflow: hidden;
    transform: none;           /* ✅ translateZ 제거 */
    backdrop-filter: none;     /* ✅ */

    /* ✅ gradient 제거, 단색(포스트잇 느낌 유지) */
    background: rgba(255, 235, 150, 0.96);
    color: #1b1b1b;
  }
  :root[color-theme="dark"] .lsm-sticky{
    background: rgba(255, 220, 120, 0.94);
  }

  .lsm-sticky .shd{
    display:flex;
    align-items:center;
    gap:8px;
    padding: 10px 10px 8px;
    border-bottom: 1px dashed rgba(0,0,0,.18);
    cursor: grab;
    user-select:none;
  }
  .lsm-sticky .shd:active{ cursor: grabbing; }

  .lsm-sticky .st{
    font-weight: 900;
    font-size: 14px;
    line-height: 1.2;
    flex:1;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .lsm-sticky .sx{
    border:1px solid rgba(0,0,0,.18);
    background: rgba(255,255,255,.35);
    width: 28px;
    height: 28px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 900;
  }
  .lsm-sticky .sx:hover{ filter: none; }

  .lsm-sticky .sb{
    padding: 10px 12px 12px;
    max-height: 260px;
    overflow:auto;
    white-space: pre-wrap;
    line-height: 1.35;
    font-size: 13px;
  }
  .lsm-sticky .sf{
    display:flex;
    gap:8px;
    padding: 10px 10px 10px;
    border-top: 1px solid rgba(0,0,0,.12);
    background: rgba(255,255,255,.18);
  }
  .lsm-sticky .sbtn{
    border:1px solid rgba(0,0,0,.18);
    background: rgba(255,255,255,.35);
    padding: 8px 10px;
    border-radius: 12px;
    cursor: pointer;
    font-weight: 900;
    font-size: 12px;
  }
  .lsm-sticky .sbtn:hover{ filter: none; }
  .lsm-sticky.collapsed .sb{ display:none; }

  /* =========================================================
     ✅ 번호 카운트 차트(드로어 내부) - 경량
  ========================================================= */
  #lsmStatsBox{
    border: 1px solid var(--lsm-stroke);
    border-radius: 16px;
    padding: 10px 10px 8px;
    background: var(--lsm-surface);
  }
  #lsmStatsBox .sh{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
  }
  #lsmStatsBox .st{
    font-weight: 900;
    flex: 1;
    display:flex;
    align-items:center;
    gap:8px;
  }
  #lsmStatsBox .st .mini{
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid var(--lsm-stroke);
    background: var(--lsm-surface);
    color: var(--lsm-muted);
  }
  #lsmStatsBox .sa{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
  }
  #lsmStatsBox .sa .sbtn{
    border: 1px solid var(--lsm-stroke);
    background: var(--lsm-surface);
    color: var(--lsm-text);
    border-radius: 12px;
    padding: 6px 10px;
    cursor: pointer;
    font-weight: 900;
    font-size: 12px;
    user-select:none;
  }
  #lsmStatsBox .sa .sbtn.active{
    border-color: rgba(255, 43, 181, .55);
    box-shadow: none;
  }
  #lsmStatsBox .meta{
    margin-top: 6px;
    color: var(--lsm-muted);
    font-size: 12px;
  }
  #lsmStatsList{
    margin-top: 10px;
    display:flex;
    flex-direction:column;
    gap:6px;
  }

  .lsm-bar-row{
    display:flex;
    align-items:center;
    gap:8px;
    padding: 6px 8px;
    border-radius: 12px;
    border: 1px solid var(--lsm-stroke);
    background: var(--lsm-surface);
    cursor: pointer;
    user-select:none;
  }
  .lsm-bar-row:hover{ filter: none; }

  .lsm-bar-row .n{
    width: 34px;
    text-align:center;
    font-weight: 900;
    border-radius: 10px;
    padding: 4px 0;
    border: 1px solid var(--lsm-stroke);
    background: var(--lsm-surface);
  }

  .lsm-bar-row .b{
    flex:1;
    height: 10px;
    border-radius: 999px;
    border: 1px solid var(--lsm-stroke);
    background: rgba(0,0,0,.08);
    overflow:hidden;
    position: relative;
  }
  :root[color-theme="dark"] .lsm-bar-row .b{ background: rgba(255,255,255,.10); }

  .lsm-bar-row .b > i{
    position:absolute;
    inset: 0;
    width: 0%;
    border-radius: 999px;
    /* ✅ gradient + glow 제거 */
    background: var(--lsm-accent);
    box-shadow: none;
  }

  .lsm-bar-row .c{
    min-width: 54px;
    text-align:right;
    font-weight: 900;
    color: var(--lsm-text);
  }
  .lsm-bar-row .c .p{
    margin-left: 6px;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 999px;
    border: 1px solid var(--lsm-stroke);
    color: var(--lsm-muted);
    background: var(--lsm-surface);
  }

  .lsm-bar-row.active{
    border-color: rgba(255, 43, 181, .55);
    box-shadow: none;
  }

  /* =========================================================
     ✅ 포스트잇처럼 떠있는 차트 위젯(드래그/접기) - 경량
  ========================================================= */
  #lsmChartWidget{
    position: fixed;
    z-index: 9996;
    left: 18px;
    bottom: 22px;
    width: 280px;
    max-width: min(340px, 92vw);

    border-radius: 16px;
    border: 1px solid var(--lsm-stroke);
    background: var(--lsm-bg);

    color: var(--lsm-text);
    overflow: hidden;
    pointer-events: auto;
    display: none;
  }
  #lsmChartWidget.open{ display:block; }

  #lsmChartWidget .whd{
    display:flex;
    align-items:center;
    gap:8px;
    padding: 10px 10px 8px;
    border-bottom: 1px dashed var(--lsm-stroke);
    cursor: grab;
  }
  #lsmChartWidget .whd:active{ cursor: grabbing; }

  #lsmChartWidget .wt{
    font-weight: 900;
    font-size: 13px;
    flex:1;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #lsmChartWidget .wx{
    border: 1px solid var(--lsm-stroke);
    background: var(--lsm-surface);
    color: var(--lsm-text);
    width: 30px;
    height: 30px;
    border-radius: 12px;
    cursor: pointer;
    font-weight: 900;
  }
  #lsmChartWidget .wx:hover{ filter: none; }

  #lsmChartWidget .wbody{ padding: 10px 10px 10px; }
  #lsmChartWidget .wmeta{
    color: var(--lsm-muted);
    font-size: 12px;
    margin-bottom: 8px;
  }
  #lsmChartWidget.collapsed .wbody{ display:none; }

  #lsmWidgetList{
    display:flex;
    flex-direction:column;
    gap:6px;
  }
  #lsmWidgetList .lsm-bar-row{ padding: 6px 8px; }
</style>


<div id="lsmOverlay" aria-hidden="true"></div>

<div id="lsmDrawer" aria-hidden="true">
  <div class="hd">
    <div class="title">📝 메모장</div>
    <div class="spacer"></div>
    <button type="button" id="lsmWidgetBtn" title="차트 위젯 토글">차트위젯</button>
    <button type="button" id="lsmReloadBtn">새로고침</button>
    <button type="button" id="lsmCloseBtn">닫기</button>
  </div>

  <div class="body">
    <div class="muted">어느 페이지에서든 메모 저장 가능. (번호 뱃지/칩 클릭 → 그 번호 메모 전부 보기)</div>

    <div class="divider"></div>

    <div class="row">
      <div style="flex:1;">
        <input type="text" id="lsmQ" placeholder="검색(그룹명/그룹번호/태그)..." />
      </div>
      <button type="button" class="btn" id="lsmSearchBtn">검색</button>
    </div>

    <div class="row" style="margin-top:10px; flex-wrap:wrap;">
      <button type="button" class="btn primary" id="lsmNewBtn">+ 새 메모</button>
      <button type="button" class="btn" id="lsmNewFromSelectedBtn">선택번호로 새 메모</button>
      <button type="button" class="btn" id="lsmClearFilterBtn">필터 초기화</button>
    </div>

    <div class="muted" style="margin-top:8px;" id="lsmFilterInfo">번호 필터 없음</div>

    <div class="divider"></div>
    <div id="lsmStatsBox" aria-label="번호 카운트 차트">
      <div class="sh">
        <div class="st">
          📊 번호 카운트
          <span class="mini" id="lsmStatsModePill">전체</span>
        </div>
        <div class="sa">
          <button type="button" class="sbtn active" id="lsmStatsModeAll">전체</button>
          <button type="button" class="sbtn" id="lsmStatsModePinned">고정</button>
          <button type="button" class="sbtn" id="lsmStatsToggleAll">TOP</button>
        </div>
      </div>
      <div class="meta" id="lsmStatsMeta">요약 불러오는중…</div>
      <div id="lsmStatsList"></div>
    </div>

    <div class="divider"></div>

    <div id="lsmEditor" style="display:none;">
      <div class="row">
        <div style="flex:1;">
          <!-- ✅ 메모 제목 = 그룹명 -->
          <input type="text" id="lsmTitle" placeholder="그룹명(비우면 자동 생성)" />
        </div>
        <label class="muted" style="display:flex; gap:8px; align-items:center; padding-left:8px;">
          <input type="checkbox" id="lsmPinned" />
          <span>📌 고정</span>
        </label>
      </div>

      <div style="margin-top:10px;">
        <input type="text" id="lsmTags" placeholder="태그(쉼표) 예: 제외,핫,조심" />
      </div>

      <!-- =========================================================
           ✅ [ADD] 최소/최대 + 적용/제외/보험 (새메모 저장시 입력/체크 가능)
      ========================================================== -->
      <div class="row" style="margin-top:10px; flex-wrap:wrap; align-items:flex-end;">
        <div style="flex:1; min-width:120px;">
          <div class="muted" style="margin:0 0 6px 2px;">최소(0~6)</div>
          <input type="number" id="lsmMinOcc" min="0" max="6" step="1" value="0" />
        </div>
        <div style="flex:1; min-width:120px;">
          <div class="muted" style="margin:0 0 6px 2px;">최대(0~6)</div>
          <input type="number" id="lsmMaxOcc" min="0" max="6" step="1" value="6" />
        </div>
      </div>

      <div class="row" style="margin-top:8px; flex-wrap:wrap;">
        <label class="muted" style="display:flex; gap:8px; align-items:center;">
          <input type="checkbox" id="lsmApply" checked />
          <span>✅ 적용</span>
        </label>
        <label class="muted" style="display:flex; gap:8px; align-items:center;">
          <input type="checkbox" id="lsmExclude" />
          <span>⛔ 제외</span>
        </label>
        <label class="muted" style="display:flex; gap:8px; align-items:center;">
          <input type="checkbox" id="lsmInsurance" />
          <span>🛡️ 보험</span>
        </label>
      </div>

      <div style="margin-top:10px;" class="num-picker">
        <div class="muted" style="margin-bottom:8px;">그룹번호 선택 (7×7 표 · 1~45)</div>
        <table class="lsm-num-table" id="lsmNumTable" aria-label="번호 선택 테이블"></table>
        <div class="row" style="margin-top:8px; flex-wrap:wrap;">
          <button type="button" class="btn" id="lsmNumClearBtn">번호 선택 해제</button>
          <div class="muted" id="lsmNumPickInfo">선택: 0개</div>
        </div>
      </div>

      <div style="margin-top:10px;">
        <!-- ✅ 메모 내용 = 그룹번호 -->
        <textarea id="lsmContent" placeholder="그룹번호 (예: 1,7,23) · Ctrl+Enter 저장 / Esc 취소"></textarea>
      </div>

      <div class="row" style="margin-top:10px; flex-wrap:wrap;">
        <button type="button" class="btn" id="lsmUseSelectedBtn">현재 선택번호 넣기</button>
        <button type="button" class="btn primary" id="lsmSaveBtn">저장</button>
        <button type="button" class="btn" id="lsmCancelBtn">취소</button>
      </div>

      <div class="divider"></div>
    </div>

    <div id="lsmList"></div>
  </div>
</div>

<div id="lsmFab" title="메모 열기">
  <div class="label">간편그룹</div>
  <div class="count" id="lsmFabCount">0</div>
</div>

<div id="lsmHoverTip" role="tooltip" aria-hidden="true"></div>
<div id="lsmStickyHost" aria-hidden="false"></div>

<div id="lsmChartWidget" aria-hidden="true">
  <div class="whd" id="lsmChartWidgetHandle">
    <div class="wt">📊 번호 카운트 위젯</div>
    <button type="button" class="wx" id="lsmChartWidgetCollapse" title="접기/펼치기">–</button>
    <button type="button" class="wx" id="lsmChartWidgetClose" title="닫기">×</button>
  </div>
  <div class="wbody">
    <div class="wmeta" id="lsmWidgetMeta">요약 불러오는중…</div>
    <div id="lsmWidgetList"></div>
  </div>
</div>

<script>
(() => {
  if (window.__lottoSiteMemoInit) return;
  window.__lottoSiteMemoInit = true;

  const BASE = "/bbs/memo"; // ✅ 사이트 공용 메모 엔드포인트(/bbs/memo/*)
  const $ = (id) => document.getElementById(id);

  // ✅ 툴팁 기능 완전 해제
  const TIP_ENABLED = false;

  const overlay = $("lsmOverlay");
  const drawer  = $("lsmDrawer");
  const fab     = $("lsmFab");
  const cntEl   = $("lsmFabCount");

  const listEl  = $("lsmList");
  const editor  = $("lsmEditor");

  const qEl     = $("lsmQ");
  const filterInfoEl = $("lsmFilterInfo");

  // ✅ 메모 제목=그룹명
  const titleEl = $("lsmTitle");
  const tagsEl  = $("lsmTags");

  // ✅ 메모 내용=그룹번호 (textarea)
  const contentEl = $("lsmContent");
  // 기존 헬퍼들이 numsEl을 쓰므로 alias로 통일
  const numsEl = contentEl;

  const pinnedEl = $("lsmPinned");

  // ✅ [ADD] 최소/최대 + 적용/제외/보험 UI
  const minOccEl = $("lsmMinOcc");
  const maxOccEl = $("lsmMaxOcc");
  const applyEl = $("lsmApply");
  const excludeEl = $("lsmExclude");
  const insuranceEl = $("lsmInsurance");

  const numTable = $("lsmNumTable");
  const numPickInfo = $("lsmNumPickInfo");
  const numClearBtn = $("lsmNumClearBtn");

  const tipEl = $("lsmHoverTip");
  let tipHideTimer = null;
  let tipLastN = null;
  const numMemoCache = {}; // { [n]: {ts:number, list:array} }

  const stickyHost = $("lsmStickyHost");
  let stickyListCache = [];

  const statsMetaEl = $("lsmStatsMeta");
  const statsListEl = $("lsmStatsList");
  const statsModePill = $("lsmStatsModePill");
  const statsModeAllBtn = $("lsmStatsModeAll");
  const statsModePinnedBtn = $("lsmStatsModePinned");
  const statsToggleAllBtn = $("lsmStatsToggleAll");

  const widgetBtn = $("lsmWidgetBtn");
  const chartWidget = $("lsmChartWidget");
  const chartWidgetHandle = $("lsmChartWidgetHandle");
  const chartWidgetClose = $("lsmChartWidgetClose");
  const chartWidgetCollapse = $("lsmChartWidgetCollapse");
  const widgetMetaEl = $("lsmWidgetMeta");
  const widgetListEl = $("lsmWidgetList");

  const LS_WIDGET = "lsm_chart_widget_v1";
  const LS_WIDGET_POS = "lsm_chart_widget_pos_v1";

  const state = {
    list: [],
    q: "",
    number: null,
    editingId: null,
    editingMeta: null,
    summary: null,
    picked: new Set(),
    stats: { mode: "all", showAll: false },
    widget: { open: false, collapsed: false },
  };

  // ─────────────────────────────────────────────
  // fetch helpers (Abort 지원)
  // ─────────────────────────────────────────────
  const apiGet = async (url, signal) => {
    const r = await fetch(url, { credentials: "same-origin", signal });
    const t = await r.text().catch(()=> "");
    let j = null;
    try { j = JSON.parse(t); } catch (_) {}
    if (!r.ok) {
      const msg = (j && j.error) ? j.error : (t || `HTTP ${r.status}`);
      throw new Error(msg);
    }
    return j;
  };

  const apiPost = async (url, payload, signal) => {
    const r = await fetch(url, {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      credentials: "same-origin",
      body: JSON.stringify(payload || {}),
      signal
    });
    const t = await r.text().catch(()=> "");
    let j = null;
    try { j = JSON.parse(t); } catch (_) {}
    if (!r.ok) {
      const msg = (j && j.error) ? j.error : (t || `HTTP ${r.status}`);
      throw new Error(msg);
    }
    return j;
  };

  const showErr = (e) => {
    if (e && (e.name === "AbortError")) return; // ✅ 중복 요청 취소는 조용히
    console.error(e);
    alert("메모 오류: " + (e.message || e));
  };

  const normalizeNumbers = (v) => {
    const nums = [];
    if (v == null) return [];
    if (Array.isArray(v)) {
      for (const x of v) {
        const n = parseInt(String(x).trim(), 10);
        if (n >= 1 && n <= 45) nums.push(n);
      }
    } else {
      const raw = String(v).replace(/[\n\t]/g, " ").replace(/,/g, " ").split(/\s+/);
      for (const x of raw) {
        const n = parseInt(String(x).trim(), 10);
        if (n >= 1 && n <= 45) nums.push(n);
      }
    }
    return Array.from(new Set(nums)).sort((a,b)=>a-b);
  };

  const setNumsInput = (nums) => {
    const arr = normalizeNumbers(nums);
    numsEl.value = arr.join(",");
  };

  const syncPickInfo = () => {
    const arr = Array.from(state.picked).sort((a,b)=>a-b);
    const preview = arr.length > 12 ? (arr.slice(0,12).join(",") + "…") : arr.join(",");
    numPickInfo.textContent = `선택: ${arr.length}개` + (arr.length ? ` (${preview})` : "");
  };

  const syncTableFromPicked = () => {
    if (!numTable) return;
    numTable.querySelectorAll(".lsm-num-btn[data-num]").forEach(btn => {
      const n = parseInt(btn.getAttribute("data-num"), 10);
      if (state.picked.has(n)) btn.classList.add("active");
      else btn.classList.remove("active");
    });
    syncPickInfo();
  };

  const syncPickedFromNumsInput = () => {
    state.picked.clear();
    const arr = normalizeNumbers(numsEl.value || "");
    for (const n of arr) state.picked.add(n);
    syncTableFromPicked();
  };

  const getSelectedNumbers = () => {
    const actives = Array.from(document.querySelectorAll(".filter-cell.active"));
    const nums = [];
    for (const a of actives) {
      const dn = a.getAttribute("data-num") || (a.dataset ? (a.dataset.num || a.dataset.number) : null);
      const raw = (dn || a.textContent || "").trim();
      const m = raw.match(/\d+/);
      if (m) {
        const v = parseInt(m[0], 10);
        if (v >= 1 && v <= 45) nums.push(v);
      }
    }
    return Array.from(new Set(nums)).sort((a,b)=>a-b);
  };

  const open = () => {
    overlay.classList.add("open");
    drawer.classList.add("open");
    overlay.setAttribute("aria-hidden", "false");
    drawer.setAttribute("aria-hidden", "false");
  };

  const close = () => {
    overlay.classList.remove("open");
    drawer.classList.remove("open");
    overlay.setAttribute("aria-hidden", "true");
    drawer.setAttribute("aria-hidden", "true");
    hideEditor();
  };

  // ✅ [ADD] bool/int parsing helpers
  const clampInt = (v, a, b, defVal) => {
    const n = parseInt(String(v), 10);
    if (!Number.isFinite(n)) return defVal;
    return Math.max(a, Math.min(b, n));
  };
  const to01 = (v, def01) => {
    if (v == null) return def01;
    if (typeof v === "boolean") return v ? 1 : 0;
    const s = String(v).trim().toLowerCase();
    if (!s) return def01;
    if (["0","false","no","off"].includes(s)) return 0;
    if (["1","true","yes","on"].includes(s)) return 1;
    const n = parseInt(s, 10);
    if (Number.isFinite(n)) return n ? 1 : 0;
    return def01;
  };

  // ✅ [ADD] meta <-> UI sync
  const syncMetaUIFromState = () => {
    const meta = state.editingMeta || null;
    if (!meta) return;
    if (minOccEl) minOccEl.value = String(meta.min_occurrence ?? 0);
    if (maxOccEl) maxOccEl.value = String(meta.max_occurrence ?? 6);
    if (applyEl) applyEl.checked = !!meta.apply;
    if (excludeEl) excludeEl.checked = !!meta.exclude;
    if (insuranceEl) insuranceEl.checked = !!meta.insurance;
  };

  const readMetaFromUI = () => {
    // 기본값
    let minO = 0, maxO = 6;
    let apply = 1, exclude = 0, insurance = 0;

    if (minOccEl) minO = clampInt(minOccEl.value, 0, 6, 0);
    if (maxOccEl) maxO = clampInt(maxOccEl.value, 0, 6, 6);

    // min > max 방지
    if (minO > maxO) {
      const t = minO; minO = maxO; maxO = t;
      if (minOccEl) minOccEl.value = String(minO);
      if (maxOccEl) maxOccEl.value = String(maxO);
    }

    if (applyEl) apply = applyEl.checked ? 1 : 0;
    if (excludeEl) exclude = excludeEl.checked ? 1 : 0;
    if (insuranceEl) insurance = insuranceEl.checked ? 1 : 0;

    return { min_occurrence: minO, max_occurrence: maxO, apply, exclude, insurance };
  };

  const hideEditor = () => {
    editor.style.display = "none";
    state.editingId = null;
    state.editingMeta = null;
    titleEl.value = "";
    tagsEl.value = "";
    contentEl.value = "";
    pinnedEl.checked = false;

    // ✅ meta reset
    if (minOccEl) minOccEl.value = "0";
    if (maxOccEl) maxOccEl.value = "6";
    if (applyEl) applyEl.checked = true;
    if (excludeEl) excludeEl.checked = false;
    if (insuranceEl) insuranceEl.checked = false;

    state.picked.clear();
    syncTableFromPicked();
  };

  const showEditor = (memo) => {
    editor.style.display = "block";
    state.editingId = memo ? memo.id : null;

    state.editingMeta = memo ? {
      min_occurrence: clampInt((memo.min_occurrence != null ? memo.min_occurrence : 0), 0, 6, 0),
      max_occurrence: clampInt((memo.max_occurrence != null ? memo.max_occurrence : 6), 0, 6, 6),
      apply: to01(memo.apply, 0),
      exclude: to01(memo.exclude, 0),
      insurance: to01(memo.insurance, 0),
    } : {
      min_occurrence: 0,
      max_occurrence: 6,
      apply: 1,
      exclude: 0,
      insurance: 0,
    };

    syncMetaUIFromState();

    titleEl.value = memo ? (memo.group_name || memo.title || "") : "";
    tagsEl.value  = memo ? (memo.tags || "") : "";

    const numsArr = memo
      ? (
          (Array.isArray(memo.numbers) && memo.numbers.length)
            ? memo.numbers
            : normalizeNumbers(memo.memo_content || memo.content || "")
        )
      : [];
    contentEl.value = numsArr.join(",");

    pinnedEl.checked = memo ? !!memo.pinned : false;

    syncPickedFromNumsInput();

    setTimeout(() => {
      if (!titleEl.value) titleEl.focus();
      else contentEl.focus();
    }, 0);
  };

  const _clean = (v) => (v == null ? "" : String(v)).replace(/\s+/g, " ").trim();

  function _prettifyGroupName(t){
    let s = (t == null ? "" : String(t)).replace(/\s+/g, " ").trim();
    if (!s) return "";
    s = s.split("|")[0].split("｜")[0];
    s = s.split(" - ")[0];
    return s.replace(/\s+/g, " ").trim();
  }

  const getActiveUserGroupName = () => {
    const keys = ["lgw_user_group_name", "lotto_user_group_name", "active_group_name"];
    for (const k of keys) {
      const v = _clean(localStorage.getItem(k));
      if (v) return _prettifyGroupName(v);
    }

    const bd = document.body && document.body.dataset
      ? (document.body.dataset.userGroupName || document.body.dataset.groupName || "")
      : "";
    const bdn = _clean(bd);
    if (bdn) return _prettifyGroupName(bdn);

    try {
      const u = new URL(location.href);
      const v = _clean(
        u.searchParams.get("user_group_name") ||
        u.searchParams.get("userGroupName") ||
        u.searchParams.get("group_name") ||
        u.searchParams.get("groupName") ||
        u.searchParams.get("group") ||
        u.searchParams.get("gname")
      );
      if (v) return _prettifyGroupName(v);
    } catch (e) {}

    return "";
  };

  const autoTitle = () => {
    const g = getActiveUserGroupName();
    if (g) return g;

    const pageName = String(document.title || "")
      .split("|")[0].split("｜")[0].split(" - ")[0]
      .replace(/\s+/g, " ")
      .trim();
    if (pageName) return pageName;

    const nums = normalizeNumbers(numsEl.value || "");
    if (nums.length) return `번호(${nums.join(",")}) 메모`;
    const d = new Date();
    const hh = String(d.getHours()).padStart(2,"0");
    const mm = String(d.getMinutes()).padStart(2,"0");
    return `메모 ${hh}:${mm}`;
  };

  // ───────── Hover Tooltip helpers ─────────
  const clamp = (v, a, b) => Math.max(a, Math.min(b, v));
  const hideTip = () => {
    tipEl.style.display = "none";
    tipEl.setAttribute("aria-hidden","true");
    tipLastN = null;
  };
  if (!TIP_ENABLED) hideTip();

  const buildNumTable = () => {
    if (!numTable) return;
    const tbody = document.createElement("tbody");

    let n = 1;
    for (let r = 0; r < 7; r++) {
      const tr = document.createElement("tr");
      for (let c = 0; c < 7; c++) {
        const td = document.createElement("td");
        td.className = "lsm-num-td";
        if (n <= 45) {
          const btn = document.createElement("button");
          btn.type = "button";
          btn.className = "lsm-num-btn";
          btn.setAttribute("data-num", String(n));
          btn.textContent = String(n);

          btn.addEventListener("click", () => {
            const num = parseInt(btn.getAttribute("data-num"), 10);
            if (state.picked.has(num)) state.picked.delete(num);
            else state.picked.add(num);

            syncTableFromPicked();
            setNumsInput(Array.from(state.picked));
            syncPickedFromNumsInput();
          });

          td.appendChild(btn);
          n++;
        } else {
          const empty = document.createElement("div");
          empty.className = "lsm-num-empty";
          td.appendChild(empty);
        }
        tr.appendChild(td);
      }
      tbody.appendChild(tr);
    }

    numTable.innerHTML = "";
    numTable.appendChild(tbody);
  };

  // ─────────────────────────────────────────────
  // load() (Abort로 중복 요청 취소)
  // ─────────────────────────────────────────────
  let _loadCtl = null;

  const load = async () => {
    if (_loadCtl) { try { _loadCtl.abort(); } catch(e){} }
    _loadCtl = new AbortController();

    const params = new URLSearchParams();
    if (state.q) params.set("q", state.q);
    if (state.number) params.set("number", String(state.number));

    const ug = (typeof getActiveUserGroupName === "function") ? (getActiveUserGroupName() || "") : "";
    if (ug) params.set("user_group_name", ug);

    const url = `${BASE}/list_partial?${params.toString()}`;
    const list = await apiGet(url, _loadCtl.signal);

    state.list = Array.isArray(list) ? list : [];
    cntEl.textContent = String(state.list.length);
    filterInfoEl.textContent = state.number ? `번호 필터: ${state.number}` : "번호 필터 없음";
  };

  // =========================================================
  // ✅ Sticky helpers
  // =========================================================
  const safeJson = (v) => {
    if (!v) return {};
    if (typeof v === "object") return v;
    try { return JSON.parse(String(v)); } catch(e) { return {}; }
  };

  const getDisplayTitle = (m) => {
    const t = _prettifyGroupName(_clean(m && (m.group_name || m.title || m.user_group_name)));
    return t || "(제목없음)";
  };

  const getDefaultStickyPos = () => {
    const vw = window.innerWidth;
    const vh = window.innerHeight;
    return {
      x: Math.max(12, Math.min(vw - 320, vw * 0.55)),
      y: Math.max(80, Math.min(vh - 240, 120)),
      collapsed: false
    };
  };

  const setSticky = async (memoId, sticky, sticky_json) => {
    return apiPost(`${BASE}/sticky_set_partial`, {
      memo_id: memoId,
      sticky: sticky ? 1 : 0,
      sticky_json: sticky_json || null
    });
  };

  const loadStickies = async () => {
    try {
      const params = new URLSearchParams();
      params.set("limit", "50");
      const ug = (typeof getActiveUserGroupName === "function") ? (getActiveUserGroupName() || "") : "";
      if (ug) params.set("user_group_name", ug);

      const list = await apiGet(`${BASE}/sticky_list_partial?${params.toString()}`);
      stickyListCache = Array.isArray(list) ? list : [];
    } catch(e) {
      stickyListCache = [];
    }
  };

  const clampStickyPos = (pos) => {
    const pad = 10;
    const vw = window.innerWidth;
    const vh = window.innerHeight;
    const w = 280;
    const h = 180;
    return {
      x: clamp(pos.x || 10, pad, vw - w - pad),
      y: clamp(pos.y || 80, pad, vh - h - pad),
      collapsed: !!pos.collapsed
    };
  };

  const renderStickies = () => {
    if (!stickyHost) return;
    stickyHost.innerHTML = "";

    for (const m of stickyListCache) {
      const sj = clampStickyPos(safeJson(m.sticky_json || m.sticky || null));
      const el = document.createElement("div");
      el.className = "lsm-sticky" + (sj.collapsed ? " collapsed" : "");
      el.style.left = sj.x + "px";
      el.style.top  = sj.y + "px";
      el.setAttribute("data-id", String(m.id));

      const hd = document.createElement("div");
      hd.className = "shd";

      const st = document.createElement("div");
      st.className = "st";
      st.textContent = getDisplayTitle(m);

      const bx = document.createElement("button");
      bx.className = "sx";
      bx.type = "button";
      bx.title = "포스트잇 닫기(해제)";
      bx.textContent = "×";

      hd.appendChild(st);
      hd.appendChild(bx);

      const body = document.createElement("div");
      body.className = "sb";

      const nums = Array.isArray(m.numbers) ? m.numbers : normalizeNumbers(m.content || "");
      body.textContent = nums.length ? nums.join(",") : (m.content || "");

      const ft = document.createElement("div");
      ft.className = "sf";

      const bCollapse = document.createElement("button");
      bCollapse.type = "button";
      bCollapse.className = "sbtn";
      bCollapse.textContent = sj.collapsed ? "펼치기" : "접기";

      const bEdit = document.createElement("button");
      bEdit.type = "button";
      bEdit.className = "sbtn";
      bEdit.textContent = "편집";

      ft.appendChild(bCollapse);
      ft.appendChild(bEdit);

      el.appendChild(hd);
      el.appendChild(body);
      el.appendChild(ft);

      bx.addEventListener("click", async (ev) => {
        ev.preventDefault(); ev.stopPropagation();
        try{
          await setSticky(m.id, false, null);
          await refreshStickies();
        } catch(e){ showErr(e); }
      });

      bCollapse.addEventListener("click", async (ev) => {
        ev.preventDefault(); ev.stopPropagation();
        const nowCollapsed = !el.classList.contains("collapsed");
        el.classList.toggle("collapsed", nowCollapsed);
        bCollapse.textContent = nowCollapsed ? "펼치기" : "접기";
        try{
          const pos = clampStickyPos({ x: parseFloat(el.style.left)||sj.x, y: parseFloat(el.style.top)||sj.y, collapsed: nowCollapsed });
          await setSticky(m.id, true, pos);
        } catch(e){}
      });

      bEdit.addEventListener("click", (ev) => {
        ev.preventDefault(); ev.stopPropagation();
        open();
        showEditor(m);
      });

      let drag = null;
      const onMove = (ev) => {
        if (!drag) return;
        const nx = drag.ox + (ev.clientX - drag.sx);
        const ny = drag.oy + (ev.clientY - drag.sy);
        const pos = clampStickyPos({ x: nx, y: ny, collapsed: el.classList.contains("collapsed") });
        el.style.left = pos.x + "px";
        el.style.top  = pos.y + "px";
      };
      const onUp = async () => {
        if (!drag) return;
        const pos = clampStickyPos({
          x: parseFloat(el.style.left) || sj.x,
          y: parseFloat(el.style.top) || sj.y,
          collapsed: el.classList.contains("collapsed")
        });
        drag = null;
        window.removeEventListener("pointermove", onMove);
        window.removeEventListener("pointerup", onUp);
        try{ await setSticky(m.id, true, pos); } catch(e){}
      };

      hd.addEventListener("pointerdown", (ev) => {
        if (ev.target && (ev.target.closest && ev.target.closest("button"))) return;
        ev.preventDefault();
        const rect = el.getBoundingClientRect();
        drag = { sx: ev.clientX, sy: ev.clientY, ox: rect.left, oy: rect.top };
        window.addEventListener("pointermove", onMove, { passive: false });
        window.addEventListener("pointerup", onUp, { passive: true });
      });

      stickyHost.appendChild(el);
    }
  };

  const refreshStickies = async () => {
    await loadStickies();
    renderStickies();
  };

  // viewport 변경 시 화면 밖으로 나간 스티키 보정
  window.addEventListener("resize", () => {
    renderStickies();
    clampAndApplyWidgetPos();
  });

  // =========================================================
  // ✅ Stats + Widget helpers
  // =========================================================
  const getCountsMap = (mode) => {
    const s = state.summary;
    const counts = {};
    if (!s || !s.ok) {
      for (let i=1;i<=45;i++) counts[i] = 0;
      return counts;
    }
    const src = (mode === "pinned") ? (s.pinned_counts || {}) : (s.counts || {});
    for (let i=1;i<=45;i++){
      const key = String(i);
      const v = (src[key] != null) ? src[key] : src[i];
      const n = parseInt(v || 0, 10);
      counts[i] = Number.isFinite(n) ? n : 0;
    }
    return counts;
  };

  const sumCounts = (map) => {
    let s = 0;
    for (let i=1;i<=45;i++) s += (map[i] || 0);
    return s;
  };

  const listByMode = (mode, showAll) => {
    const counts = getCountsMap(mode);
    const pinned = getCountsMap("pinned");
    let arr = [];
    for (let i=1;i<=45;i++){
      const c = counts[i] || 0;
      const pc = pinned[i] || 0;
      arr.push({ n:i, c, pc });
    }

    if (showAll) return arr;

    arr.sort((a,b) => (b.c - a.c) || (a.n - b.n));
    return arr.filter(x => x.c > 0).slice(0, 12);
  };

  const setStatsButtonsUI = () => {
    if (!statsModeAllBtn || !statsModePinnedBtn || !statsToggleAllBtn) return;
    statsModeAllBtn.classList.toggle("active", state.stats.mode === "all");
    statsModePinnedBtn.classList.toggle("active", state.stats.mode === "pinned");
    statsToggleAllBtn.classList.toggle("active", state.stats.showAll);
    statsToggleAllBtn.textContent = state.stats.showAll ? "45개" : "TOP";
    if (statsModePill) statsModePill.textContent = (state.stats.mode === "pinned") ? "고정" : "전체";
  };

  const renderBarRows = (hostEl, mode, showAll, limitForWidget) => {
    if (!hostEl) return;
    hostEl.innerHTML = "";

    const rows = listByMode(mode, showAll);
    const counts = getCountsMap(mode);
    const max = Math.max(1, ...Object.values(counts));

    const finalRows = (typeof limitForWidget === "number")
      ? rows.slice(0, limitForWidget)
      : rows;

    if (!finalRows.length) {
      const div = document.createElement("div");
      div.className = "muted";
      div.textContent = "표시할 데이터가 없어요. (아직 그룹번호가 없거나, 고정 메모가 없어요)";
      hostEl.appendChild(div);
      return;
    }

    for (const r of finalRows) {
      const row = document.createElement("div");
      row.className = "lsm-bar-row" + ((state.number === r.n) ? " active" : "");

      const n = document.createElement("div");
      n.className = "n";
      n.textContent = String(r.n);

      const b = document.createElement("div");
      b.className = "b";
      const i = document.createElement("i");
      const pct = Math.round((r.c / max) * 1000) / 10;
      i.style.width = pct + "%";
      b.appendChild(i);

      const c = document.createElement("div");
      c.className = "c";
      c.textContent = String(r.c);

      if (r.pc) {
        const p = document.createElement("span");
        p.className = "p";
        p.textContent = `★${r.pc}`;
        c.appendChild(p);
      }

      row.appendChild(n);
      row.appendChild(b);
      row.appendChild(c);

      row.addEventListener("click", (ev) => {
        ev.preventDefault(); ev.stopPropagation();
        state.number = r.n;
        open();
        load().then(render).catch(showErr);
      });

      hostEl.appendChild(row);
    }
  };

  const renderStats = () => {
    const counts = getCountsMap(state.stats.mode);
    const totalLinks = sumCounts(counts);
    const usedNums = Object.values(counts).filter(v => (v||0) > 0).length;

    const now = new Date();
    const hh = String(now.getHours()).padStart(2,"0");
    const mm = String(now.getMinutes()).padStart(2,"0");

    if (statsMetaEl) {
      statsMetaEl.textContent =
        `그룹번호 합계: ${totalLinks} · 사용된 번호: ${usedNums}개 · 업데이트: ${hh}:${mm} · (클릭=해당번호 전체보기)`;
    }
    setStatsButtonsUI();
    renderBarRows(statsListEl, state.stats.mode, state.stats.showAll, null);

    if (widgetMetaEl) {
      widgetMetaEl.textContent =
        `${(state.stats.mode === "pinned") ? "고정" : "전체"} TOP · 합계 ${totalLinks} · ${hh}:${mm}`;
    }
    renderBarRows(widgetListEl, state.stats.mode, false, 8);
  };

  const setWidgetOpen = (open_) => {
    state.widget.open = !!open_;
    if (!chartWidget) return;
    chartWidget.classList.toggle("open", state.widget.open);
    chartWidget.setAttribute("aria-hidden", state.widget.open ? "false" : "true");
    try {
      localStorage.setItem(LS_WIDGET, JSON.stringify({ open: state.widget.open, collapsed: state.widget.collapsed }));
    } catch(e){}
  };

  const setWidgetCollapsed = (collapsed) => {
    state.widget.collapsed = !!collapsed;
    if (!chartWidget) return;
    chartWidget.classList.toggle("collapsed", state.widget.collapsed);
    if (chartWidgetCollapse) chartWidgetCollapse.textContent = state.widget.collapsed ? "+" : "–";
    try {
      const cur = JSON.parse(localStorage.getItem(LS_WIDGET) || "{}");
      localStorage.setItem(LS_WIDGET, JSON.stringify({ ...cur, open: state.widget.open, collapsed: state.widget.collapsed }));
    } catch(e){}
  };

  const getWidgetDefaultPos = () => {
    const vw = window.innerWidth;
    const vh = window.innerHeight;
    return { x: clamp(18, 10, vw - 300), y: clamp(vh - 220, 80, vh - 160) };
  };

  const clampWidgetPos = (pos) => {
    const pad = 10;
    const vw = window.innerWidth;
    const vh = window.innerHeight;
    const w = (chartWidget && chartWidget.getBoundingClientRect().width) ? chartWidget.getBoundingClientRect().width : 280;
    const h = (chartWidget && chartWidget.getBoundingClientRect().height) ? chartWidget.getBoundingClientRect().height : 200;
    return {
      x: clamp(pos.x || 10, pad, vw - w - pad),
      y: clamp(pos.y || 80, pad, vh - h - pad),
    };
  };

  const applyWidgetPos = (pos) => {
    if (!chartWidget) return;
    const p = clampWidgetPos(pos);
    chartWidget.style.left = p.x + "px";
    chartWidget.style.top  = p.y + "px";
    chartWidget.style.bottom = "auto";
    try { localStorage.setItem(LS_WIDGET_POS, JSON.stringify(p)); } catch(e){}
  };

  const clampAndApplyWidgetPos = () => {
    if (!chartWidget || !state.widget.open) return;
    const rect = chartWidget.getBoundingClientRect();
    const p = clampWidgetPos({ x: rect.left, y: rect.top });
    chartWidget.style.left = p.x + "px";
    chartWidget.style.top  = p.y + "px";
    chartWidget.style.bottom = "auto";
    try { localStorage.setItem(LS_WIDGET_POS, JSON.stringify(p)); } catch(e){}
  };

  const initWidgetFromStorage = () => {
    try{
      const cfg = JSON.parse(localStorage.getItem(LS_WIDGET) || "{}");
      state.widget.open = !!cfg.open;
      state.widget.collapsed = !!cfg.collapsed;
    } catch(e){}
    try{
      const pos = JSON.parse(localStorage.getItem(LS_WIDGET_POS) || "null");
      if (pos && typeof pos === "object") applyWidgetPos(pos);
      else applyWidgetPos(getWidgetDefaultPos());
    } catch(e){
      applyWidgetPos(getWidgetDefaultPos());
    }

    setWidgetOpen(state.widget.open);
    setWidgetCollapsed(state.widget.collapsed);
  };

  const bindWidgetDrag = () => {
    if (!chartWidget || !chartWidgetHandle) return;
    let drag = null;

    const onMove = (ev) => {
      if (!drag) return;
      const nx = drag.ox + (ev.clientX - drag.sx);
      const ny = drag.oy + (ev.clientY - drag.sy);
      const p = clampWidgetPos({ x: nx, y: ny });
      chartWidget.style.left = p.x + "px";
      chartWidget.style.top  = p.y + "px";
      chartWidget.style.bottom = "auto";
    };

    const onUp = () => {
      if (!drag) return;
      drag = null;
      window.removeEventListener("pointermove", onMove);
      window.removeEventListener("pointerup", onUp);
      clampAndApplyWidgetPos();
    };

    chartWidgetHandle.addEventListener("pointerdown", (ev) => {
      if (ev.target && (ev.target.closest && ev.target.closest("button"))) return;
      ev.preventDefault();
      const rect = chartWidget.getBoundingClientRect();
      drag = { sx: ev.clientX, sy: ev.clientY, ox: rect.left, oy: rect.top };
      window.addEventListener("pointermove", onMove, { passive: false });
      window.addEventListener("pointerup", onUp, { passive: true });
    });
  };

  // =========================================================
  // 리스트 렌더
  // =========================================================
  const render = () => {
    listEl.innerHTML = "";

    const all = [
      ...state.list.filter(m => m.pinned),
      ...state.list.filter(m => !m.pinned),
    ];

    if (all.length === 0) {
      const div = document.createElement("div");
      div.className = "muted";
      div.textContent = "저장된 메모가 없어요. ✍️";
      listEl.appendChild(div);
      return;
    }

    for (const m of all) {
      const box = document.createElement("div");
      box.className = "memo";

      const top = document.createElement("div");
      top.className = "top";

      const t = document.createElement("div");
      t.className = "t";
      t.textContent = getDisplayTitle(m);

      const pin = document.createElement("span");
      pin.className = "pin";
      pin.textContent = m.pinned ? "📌" : "•";
      pin.title = m.pinned ? "고정됨" : "일반";

      top.appendChild(t);
      top.appendChild(pin);

      const meta = document.createElement("div");
      meta.className = "muted";
      meta.style.marginTop = "6px";
      meta.textContent = m.tags ? ("태그: " + m.tags) : "";

      const nums = Array.isArray(m.numbers) ? m.numbers : normalizeNumbers(m.content || "");
      let chips = null;
      if (nums.length) {
        chips = document.createElement("div");
        chips.className = "chips";
        for (const n of nums) {
          const chip = document.createElement("span");
          chip.className = "chip" + ((state.number === n) ? " active" : "");
          chip.textContent = String(n);
          chip.title = `번호 ${n} 메모 전부 보기`;

          chip.addEventListener("click", async () => {
            state.number = n;
            try { await load(); render(); renderStats(); } catch(e){ showErr(e); }
          });
          chips.appendChild(chip);
        }
      }

      const c = document.createElement("div");
      c.className = "c";
      c.textContent = nums.length ? nums.join(",") : (m.content || "");

      const actions = document.createElement("div");
      actions.className = "actions";

      const btnEdit = document.createElement("button");
      btnEdit.type = "button";
      btnEdit.className = "btn";
      btnEdit.textContent = "수정";
      btnEdit.onclick = () => showEditor(m);

      const btnDel = document.createElement("button");
      btnDel.type = "button";
      btnDel.className = "btn danger";
      btnDel.textContent = "삭제";
      btnDel.onclick = async () => {
        if (!confirm(`메모 삭제할까요?\n\n- ${getDisplayTitle(m)}`)) return;
        try {
          await apiPost(`${BASE}/delete_partial`, { memo_id: m.id });
          await load();
          render();
          await refreshSummaryAndBadges();
          await refreshStickies();
        } catch(e){ showErr(e); }
      };

      const btnPin = document.createElement("button");
      btnPin.type = "button";
      btnPin.className = "btn";
      btnPin.textContent = m.pinned ? "고정해제" : "고정";
      btnPin.onclick = async () => {
        try {
          await apiPost(`${BASE}/update_partial`, { memo_id: m.id, pinned: m.pinned ? 0 : 1 });
          await load();
          render();
          await refreshSummaryAndBadges();
          await refreshStickies();
        } catch(e){ showErr(e); }
      };

      const btnSticky = document.createElement("button");
      btnSticky.type = "button";
      btnSticky.className = "btn";
      btnSticky.textContent = m.sticky ? "포스트잇 해제" : "포스트잇";
      btnSticky.title = "이 메모를 화면에 고정(전역) 표시";

      btnSticky.onclick = async () => {
        try{
          if (m.sticky) {
            await setSticky(m.id, false, null);
          } else {
            const pos = getDefaultStickyPos();
            await setSticky(m.id, true, pos);
          }
          await load();
          render();
          await refreshStickies();
        } catch(e){ showErr(e); }
      };

      actions.appendChild(btnEdit);
      actions.appendChild(btnDel);
      actions.appendChild(btnPin);
      actions.appendChild(btnSticky);

      box.appendChild(top);
      if (m.tags) box.appendChild(meta);
      if (chips) box.appendChild(chips);
      box.appendChild(c);
      box.appendChild(actions);

      listEl.appendChild(box);
    }
  };

  const extractNumberFromEl = (el) => {
    if (!el) return null;
    const dn = el.getAttribute("data-num") || el.getAttribute("data-number") ||
               (el.dataset ? (el.dataset.num || el.dataset.number) : null);
    let raw = (dn || el.textContent || "").trim();
    const m = raw.match(/(\d{1,2})/);
    if (!m) return null;
    const n = parseInt(m[1], 10);
    if (n >= 1 && n <= 45) return n;
    return null;
  };

  // =========================================================
  // ✅ [SPEED-UP] Badge apply (전체 재스캔 최소화 + addedNodes 기반)
  // =========================================================
  const CAND_SEL = [
    "[data-num]","[data-number]",
    ".ball",".lotto-ball",".filter-cell",".red-circle",".match-ball",
    ".ball-1",".ball-2",".ball-3",".ball-4",".ball-5",".ball-6",".ball-7",
    ".lotto-ball-yellow",".lotto-ball-blue",".lotto-ball-red",".lotto-ball-black",".lotto-ball-green",
    ".ball.yellow",".ball.blue",".ball.red",".ball.black",".ball.green", ".tile ",".numchip.hot",".numchip.cold",".numchip.over",".numchip.pair",".numchip",
  ].join(",");

  const isInsideMemoUi = (el) => {
    return !!(el.closest && (
      el.closest("#lsmDrawer") ||
      el.closest("#lsmHoverTip") ||
      el.closest("#lsmStickyHost") ||
      el.closest("#lsmChartWidget")
    ));
  };

  const hasDirectBadge = (el) => {
    try {
      const b = el.querySelector(":scope > .lsm-num-badge");
      if (b) return true;
    } catch(e) {}
    const ch = el.children ? Array.from(el.children) : [];
    return ch.some(x => x && x.classList && x.classList.contains("lsm-num-badge"));
  };

  const getCount = (map, n) => {
    if (!map) return 0;
    const v = (map[n] != null) ? map[n] : map[String(n)];
    const num = parseInt(v || 0, 10);
    return Number.isFinite(num) ? num : 0;
  };
// 가장 적절한 배지 부착 지점을 정한다(우선순위: .ball-box > [data-num] > [data-number] > 원소 자체)
const getBadgeAnchor = (el) => {
  if (!el || el.nodeType !== 1) return null;
  return el.closest('.ball-box,[data-num],[data-number]') || el;
};

const applyBadgeToEl = (node, summary, incremental) => {
  if (!node || node.nodeType !== 1) return;
  if (isInsideMemoUi(node)) return;

  // ★ 항상 한 지점(앵커)에만 배지 부착
  const el = getBadgeAnchor(node);
  if (!el) return;

  // 이미 배지 됐으면 스킵 (증분 모드)
  if (incremental) {
    if (el.dataset && el.dataset.lsmBadged === "1") return;
    if (el.querySelector(':scope > .lsm-num-badge')) { 
      if (el.dataset) el.dataset.lsmBadged = "1"; 
      return; 
    }
  }

  // 숫자는 "앵커"에서만 추출
  const n = extractNumberFromEl(el);
  if (!n) return;

  const c = getCount(summary.counts, n);
  if (!c) return;

  const pc = getCount(summary.pinned_counts, n);

  const st = window.getComputedStyle(el);
  if (st.position === "static") el.style.position = "relative";
  if (st.overflow !== "visible") { try { el.style.overflow = "visible"; } catch(e){} }

  // 단일 배지 보장: 있으면 업데이트, 없으면 생성
  let badge = el.querySelector(':scope > .lsm-num-badge');
  if (!badge) {
    badge = document.createElement("span");
    badge.className = "lsm-num-badge";
    el.appendChild(badge);
  }
  badge.classList.toggle("pin", !!pc);
  badge.textContent = pc ? `${c}★` : String(c);

  badge.onclick = (ev) => {
    ev.preventDefault(); ev.stopPropagation();
    state.number = n;
    open();
    load().then(render).catch(showErr);
  };

  if (el.dataset) el.dataset.lsmBadged = "1";
};


  const clearBadges = () => {
    document.querySelectorAll(".lsm-num-badge").forEach(b => {
      if (isInsideMemoUi(b)) return;
      b.remove();
    });
    document.querySelectorAll('[data-lsm-badged="1"]').forEach(el => {
      try { delete el.dataset.lsmBadged; } catch(e) {}
    });
  };

  const applyBadgesFull = (summary) => {
    if (!summary || !summary.ok || !summary.counts) return;

    clearBadges();

    const nodes = document.querySelectorAll(CAND_SEL);
    for (let i=0; i<nodes.length; i++){
      applyBadgeToEl(nodes[i], summary, false);
    }
  };

  // addedNodes 기반 incremental (큐로 배치)
  let badgeObserver = null;
  let pendingBadgeEls = new Set();
  let pendingTimer = null;

  const collectFromNode = (node) => {
    if (!node || node.nodeType !== 1) return;
    const el = node;
    try {
      if (el.matches && el.matches(CAND_SEL)) pendingBadgeEls.add(el);
      const found = el.querySelectorAll ? el.querySelectorAll(CAND_SEL) : null;
      if (found && found.length) {
        for (let i=0;i<found.length;i++) pendingBadgeEls.add(found[i]);
      }
    } catch(e) {}
  };

  const flushPendingBadges = () => {
    pendingTimer = null;
    const s = state.summary;
    if (!s || !s.ok) { pendingBadgeEls.clear(); return; }
    const arr = Array.from(pendingBadgeEls);
    pendingBadgeEls.clear();
    for (let i=0;i<arr.length;i++){
      applyBadgeToEl(arr[i], s, true);
    }
  };

  const scheduleFlushBadges = () => {
    if (pendingTimer) return;
    pendingTimer = setTimeout(flushPendingBadges, 140);
  };

  const startBadgeObserver = () => {
    if (badgeObserver) return;
    if (!document.body) return;

    badgeObserver = new MutationObserver((records) => {
      for (const rec of records) {
        if (!rec.addedNodes || !rec.addedNodes.length) continue;
        for (let i=0;i<rec.addedNodes.length;i++){
          collectFromNode(rec.addedNodes[i]);
        }
      }
      scheduleFlushBadges();
    });

    badgeObserver.observe(document.body, { childList: true, subtree: true });
  };

  // =========================================================
  // ✅ Summary + Badges
  // =========================================================
  let _summaryCtl = null;

  const refreshSummaryAndBadges = async () => {
    try {
      if (_summaryCtl) { try { _summaryCtl.abort(); } catch(e){} }
      _summaryCtl = new AbortController();

      const params = new URLSearchParams();
      const ug = (typeof getActiveUserGroupName === "function") ? (getActiveUserGroupName() || "") : "";
      if (ug) params.set("user_group_name", ug);

      const summary = await apiGet(`${BASE}/summary_partial?${params.toString()}`, _summaryCtl.signal);
      state.summary = summary;

      const run = () => applyBadgesFull(summary);

      // ✅ 초기/갱신 시 전체 뱃지는 idle에 올리면 체감이 더 부드러움
      if (window.requestIdleCallback) {
        window.requestIdleCallback(run, { timeout: 600 });
      } else {
        setTimeout(run, 0);
      }

      renderStats();
      startBadgeObserver();
    } catch (e) {
      console.warn(e);
    }
  };

  // events
  fab.addEventListener("click", open);
  overlay.addEventListener("click", (e) => { if (e.target === overlay) close(); });

  $("lsmCloseBtn").addEventListener("click", close);
  $("lsmReloadBtn").addEventListener("click", async () => {
    try { await load(); render(); await refreshSummaryAndBadges(); await refreshStickies(); } catch(e){ showErr(e); }
  });

  $("lsmSearchBtn").addEventListener("click", async () => {
    state.q = (qEl.value || "").trim();
    try { await load(); render(); } catch(e){ showErr(e); }
  });

  $("lsmNewBtn").addEventListener("click", () => {
    if (state.number) {
      showEditor({
        id: null,
        title: "",
        tags: "",
        numbers: [state.number],
        content: String(state.number),
        pinned: false
      });
    } else {
      showEditor(null);
    }
  });

  $("lsmNewFromSelectedBtn").addEventListener("click", () => {
    const sel = getSelectedNumbers();
    showEditor({
      id: null,
      title: sel.length ? `선택번호 메모 (${sel.join(",")})` : "",
      tags: "",
      numbers: sel,
      content: sel.join(","),
      pinned: false
    });
  });

  $("lsmClearFilterBtn").addEventListener("click", async () => {
    state.q = "";
    state.number = null;
    qEl.value = "";
    hideEditor();
    try { await load(); render(); renderStats(); } catch(e){ showErr(e); }
  });

  // ✅ 그룹번호 입력 변경 시 picker 동기화
  numsEl.addEventListener("input", () => {
    syncPickedFromNumsInput();
  });

  // ✅ meta 변경 시 state.editingMeta 동기화
  const onMetaChange = () => { state.editingMeta = readMetaFromUI(); };
  if (minOccEl) minOccEl.addEventListener("input", onMetaChange);
  if (maxOccEl) maxOccEl.addEventListener("input", onMetaChange);
  if (applyEl) applyEl.addEventListener("change", onMetaChange);
  if (excludeEl) excludeEl.addEventListener("change", onMetaChange);
  if (insuranceEl) insuranceEl.addEventListener("change", onMetaChange);

  numClearBtn.addEventListener("click", () => {
    state.picked.clear();
    syncTableFromPicked();
    setNumsInput([]);
    syncPickedFromNumsInput();
  });

  $("lsmUseSelectedBtn").addEventListener("click", () => {
    const sel = getSelectedNumbers();
    const cur = normalizeNumbers((numsEl.value || "").trim());
    const merged = Array.from(new Set([...cur, ...sel])).sort((a,b)=>a-b);
    setNumsInput(merged);
    syncPickedFromNumsInput();
  });

  $("lsmCancelBtn").addEventListener("click", hideEditor);

  // ✅ 그룹번호 textarea 단축키
  contentEl.addEventListener("keydown", (e) => {
    if (e.key === "Escape") {
      e.preventDefault();
      hideEditor();
      return;
    }
    if ((e.ctrlKey || e.metaKey) && e.key === "Enter") {
      e.preventDefault();
      $("lsmSaveBtn").click();
    }
  });

  $("lsmSaveBtn").addEventListener("click", async () => {
    const numsArr = normalizeNumbers((numsEl.value || "").trim());
    if (!numsArr.length) return alert("그룹번호를 1개 이상 선택/입력하세요.");
    const numsStr = numsArr.join(",");

    const userGroupName = (typeof getActiveUserGroupName === "function") ? (getActiveUserGroupName() || "") : "";

    // ✅ 제목(= group_name): 입력값 우선, 없으면 자동
    let memoTitle = (titleEl.value || "").trim();
    if (!memoTitle) memoTitle = autoTitle();

    const memoJsonObj = {
      url: location.href,
      page_title: document.title || "",
      user_group_name: userGroupName || "",
      group_name: memoTitle || "",
      selected_numbers: getSelectedNumbers()
    };

    // ✅ meta는 UI에서 직접 읽어 저장(새메모/수정 모두)
    const meta = readMetaFromUI();
    state.editingMeta = meta;

    const payload = {
      // ✅ save_partial 업서트용
      id: (state.editingId != null ? state.editingId : undefined),

      // ✅ 백엔드 필드
      group_name: memoTitle,
      title: memoTitle, // 호환
      tags: (tagsEl.value || "").trim(),
      numbers: numsArr,
      content: numsStr,
      memo_content: numsStr,
      pinned: pinnedEl.checked ? 1 : 0,

      // ✅ 유저그룹(카테고리) 저장용
      user_group_name: userGroupName,

      // ✅ meta
      min_occurrence: meta.min_occurrence,
      max_occurrence: meta.max_occurrence,
      apply: meta.apply,
      exclude: meta.exclude,
      insurance: meta.insurance,

      // ✅ 메타(선택)
      memo_json: memoJsonObj,
      memo_json_text: JSON.stringify(memoJsonObj)
    };

    try {
      await apiPost(`${BASE}/save_partial`, payload);

      hideEditor();

      await load();
      render();
      await refreshSummaryAndBadges();
      await refreshStickies();

      // ✅ 캐시 무효화
      Object.keys(numMemoCache).forEach(k => { try { numMemoCache[k].ts = 0; } catch(e){} });
    } catch(e){ showErr(e); }
  });

  if (statsModeAllBtn) statsModeAllBtn.addEventListener("click", () => {
    state.stats.mode = "all";
    setStatsButtonsUI();
    renderStats();
  });
  if (statsModePinnedBtn) statsModePinnedBtn.addEventListener("click", () => {
    state.stats.mode = "pinned";
    setStatsButtonsUI();
    renderStats();
  });
  if (statsToggleAllBtn) statsToggleAllBtn.addEventListener("click", () => {
    state.stats.showAll = !state.stats.showAll;
    setStatsButtonsUI();
    renderStats();
  });

  if (widgetBtn) widgetBtn.addEventListener("click", () => {
    setWidgetOpen(!state.widget.open);
    if (state.widget.open) clampAndApplyWidgetPos();
  });
  if (chartWidgetClose) chartWidgetClose.addEventListener("click", (ev) => {
    ev.preventDefault(); ev.stopPropagation();
    setWidgetOpen(false);
  });
  if (chartWidgetCollapse) chartWidgetCollapse.addEventListener("click", (ev) => {
    ev.preventDefault(); ev.stopPropagation();
    setWidgetCollapsed(!state.widget.collapsed);
  });
  bindWidgetDrag();

  // init
  (async () => {
    buildNumTable();
    syncPickedFromNumsInput();

    initWidgetFromStorage();

    try {
      await load();
      render();
    } catch (e) {
      console.warn(e);
    }

    await refreshSummaryAndBadges();
    await refreshStickies();
  })();

  window.LottoSiteMemo = {
    open: () => open(),
    openForNumber: (n) => { state.number = n; open(); load().then(render).catch(showErr); },
    refreshBadges: () => refreshSummaryAndBadges(),
    refreshStickies: () => refreshStickies(),
    toggleChartWidget: () => setWidgetOpen(!state.widget.open),
  };
})();
</script>


<style>
  /* ✅ 패널 열릴 때: 부모 페이지는 그대로(헤더/푸터 숨기지 않음) */
  body.nak-nak3-panel-open{ overflow:hidden; }

  /* ✅ 경량: 최소 스타일 */
  #nakGlobalFab{
position: fixed;
    right: 198px;
    bottom: 20px;
    z-index: 998;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    border-radius: 10px;
    border: 1px solid var(--lsm-stroke);
    background: rgba(17, 175, 237, 0.9);
    color:#fff;
    box-shadow: var(--lsm-shadow);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    backdrop-filter: blur(16px) saturate(160%);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    transition: transform .14s ease, filter .14s ease;
    gap: 10px;
    padding: 4px 6px;
     text-align:center;

  }
  #nakGlobalFab .dot{ width:10px; height:10px; border-radius:999px; background: currentColor; opacity:.6; }
  #nakGlobalFab .t{ font-weight: 900; }
  #nakGlobalFab .sub{ font-size: 12px; font-weight: 800; opacity:.65; }

  /* ✅ FIX: 오타(W) 제거 */
  #nakGlobalOverlay{
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, 0.55);
    opacity: 0;
    pointer-events: none;
    transition: opacity .12s ease;
    z-index: 9992; /* ✅ 추가: 패널이 헤더 밑으로 들어가는 문제 방지 */
  }
  #nakGlobalOverlay.open{ opacity: 1; pointer-events: auto; }

  #nakGlobalDrawer{
    position: fixed;
    padding:78px 8px 10px;

    /* ✅ FIX: 잘못된 $fff -> 유효한 배경 */
    background: color-mix(in srgb, var(--lsm-surface, #fff), transparent 0%);

    right: 0;
    top: 0;
    bottom: 0;
    height: 100dvh;
    width: min(360px, 96vw);
    transform: translateX(102%);
    transition: transform .14s ease;
    border-left: 1px solid var(--stroke, rgba(0,0,0,.2));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 9993; /* ✅ 추가 */
    backdrop-filter: blur(16px) saturate(160%);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    transition: transform .14s ease, filter .14s ease;
  }
  #nakGlobalDrawer.open{ transform: translateX(0); }

  #nakGlobalDrawer .hd{
    border-bottom: 1px solid var(--stroke, rgba(0,0,0,.2));
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  #nakGlobalDrawer .hd .title{ font-weight: 900; font-size: 16px; }
  #nakGlobalDrawer .hd .sp{ flex: 1; }
  #nakGlobalDrawer .hd button{
    border: 1px solid var(--stroke, rgba(0,0,0,.2));
    border-radius: 10px;
    padding: 8px 10px;
    cursor: pointer;
    font-weight: 900;
  }

  /* ✅ 설정바(6·7/궁합/대각선) */
  .nakCfg{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    width: 100%;
  }
  .nakCfg label{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-weight: 900;
  }
  .nakCfg select{
    border: 1px solid var(--stroke, rgba(0,0,0,.2));
    border-radius: 10px;
    padding: 6px 10px;
    font-weight: 900;
    max-width: 180px;
  }
  .nakCfg input[type="checkbox"]{ transform: translateY(1px); }
  .nakCfg .hint{ font-size: 12px; font-weight: 800; opacity:.65; margin-left:auto; }
  .nakCfg .mini-btn{
    border: 1px solid var(--stroke, rgba(0,0,0,.2));
    border-radius: 10px;
    cursor: pointer;
    font-weight: 900;
  }

  /* ✅ 회차 선택은 "아래(iframe 폼)"만 보이게: 패널 상단 회차 UI는 숨김 */
  .nakCfgRoundBlock{ display:none !important; }

  #nakGlobalTop{
    border-bottom: 1px solid var(--stroke, rgba(0,0,0,.2));
  }
  #nakGlobalTop .row1{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom: 8px; }
  #nakGlobalPickedText{ font-weight: 900; }

  table#nakGlobalSheetTable{ width: 100%; border-collapse: separate;  }
  #nakGlobalSheetTable td{ padding:0; }

  .nak-sheet-btn{
    width: 100%;
    height: 34px;
    border-radius: 10px;
    border: 1px solid var(--stroke, rgba(0,0,0,.2));
    cursor: pointer;
    user-select:none;
    font-weight: 900;
  }
  .nak-sheet-btn.active{ outline: 2px solid currentColor; outline-offset: 1px; }
  .nak-sheet-empty{ height:34px; }

  #nakGlobalTop .actions{ display:flex; flex-wrap:wrap; margin-top: 8px; }
  #nakGlobalTop .actions button{
    border: 1px solid var(--stroke, rgba(0,0,0,.2));
    border-radius: 10px;
    cursor: pointer;
    font-weight: 900;
  }

  #nakGlobalDrawer .bd{ flex: 1; overflow: hidden; }

  /* ✅ iframe 플래시 방지 */
  #nakGlobalFrame,
  #nakResultFrame{
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    visibility: hidden;
  }

  /* ===== 플로팅 위젯(경량) ===== */
  .nakFloat{
    position: fixed;
    z-index: 9998;
    max-height: min(76vh, 760px);
    display: none;
    border-radius: 14px;
    border: 1px solid var(--stroke, rgba(0,0,0,.2));
    left: 16px;
    bottom: 16px;
  }
  .nakFloat.open{ display:block; }

  .nakFloat .fhd{
    border-bottom: 1px solid var(--stroke, rgba(0,0,0,.2));
    display:flex;
    align-items:center;
    user-select:none;
    cursor: grab;
    backdrop-filter: blur(16px) saturate(160%);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    transition: transform .14s ease, filter .14s ease;
  }
  .nakFloat .fhd:active{ cursor: grabbing; }
  .nakFloat .fhd .t{ font-weight: 900; }
  .nakFloat .fhd .sp{ flex: 1; }
  .nakFloat .fhd button{
    border: 1px solid var(--stroke, rgba(0,0,0,.2));
    border-radius: 10px;
    cursor: pointer;
    font-weight: 900;
    backdrop-filter: blur(16px) saturate(160%);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    transition: transform .14s ease, filter .14s ease;
  }

  #nakResultWidget .fbd{
    padding: 0;
    height: calc(100% - 46px);
    backdrop-filter: blur(16px) saturate(160%);
    -webkit-backdrop-filter: blur(16px) saturate(160%);
    transition: transform .14s ease, filter .14s ease;
  }
</style>

<div id="nakGlobalOverlay" aria-hidden="true"></div>

<div id="nakGlobalDrawer" aria-hidden="true">
  <div class="hd">
    <div class="title">📌낙첨수</div>
    <div class="sp"></div>

    <button type="button" id="nakOpenSheetWidgetBtn">용지 위젯</button>
    <button type="button" id="nakOpenResultWidgetBtn">결과 위젯</button>
    <button type="button" id="nakGlobalReloadBtn">새로고침</button>
    <button type="button" id="nakGlobalCloseBtn">닫기</button>
  </div>

  <div id="nakGlobalTop">
  <!--  <div class="row1">
      <span class="label">🎫 로또용지(7×7)</span>
      <span id="nakGlobalPickedText"></span>
    </div>

    <table id="nakGlobalSheetTable" aria-label="전역 로또용지 번호 선택"></table>
  -->
    <div class="actions">
      <button type="button" id="nakGlobalClearBtn">선택 해제</button>
      <button type="button" id="nakGlobalSendBtn">위젯에 반영</button>
      <button type="button" id="nakGlobalSavePicksBtn">선택번호 유저그룹 저장</button>
    </div>
  </div>

  <div class="bd">
    <iframe id="nakGlobalFrame" title="낙3 위젯" loading="lazy"></iframe>
  </div>
</div>

<div id="nakGlobalFab" title="낙3 위젯 열기">
  <div style="display:flex;flex-direction:column;">
    <span class="t">낙첨위젯</span>
  </div>
</div>

<div id="nakSheetWidget" class="nakFloat" aria-hidden="true">
  <div class="fhd" id="nakSheetWidgetHd">
    <div class="t">🎫 로또용지 위젯</div>
    <div class="sp"></div>
    <button type="button" id="nakSheetWidgetClearBtn">해제</button>
    <button type="button" id="nakSheetWidgetCloseBtn">×</button>
  </div>
  <div class="fbd">
    <div id="nakSheetWidgetPickedText" style="font-weight:900;"></div>
    <table id="nakSheetWidgetTable" aria-label="로또용지 위젯 번호 선택"></table>
  </div>
</div>

<div id="nakResultWidget" class="nakFloat" aria-hidden="true"
     style="width:min(360px, 96vw); height:min(76vh, 820px); left:auto; right:16px;">
  <div class="fhd" id="nakResultWidgetHd">
    <div class="t">📊 결과 위젯</div>
    <div class="sp"></div>
    <button type="button" id="nakResultWidgetReloadBtn">새로고침</button>
    <button type="button" id="nakResultWidgetCloseBtn">×</button>
  </div>
  <div class="fbd">
    <iframe id="nakResultFrame" title="결과 위젯" loading="lazy"></iframe>
  </div>
</div>

<script>
(() => {
  if (window.__NAK_EMBED) return;

  function dedupeById(id){
    const els = document.querySelectorAll(`[id="${id}"]`);
    if (!els || els.length <= 1) return;
    for (let i=1; i<els.length; i++){
      try { els[i].remove(); } catch(e){}
    }
  }
  [
    "nakGlobalOverlay","nakGlobalDrawer","nakGlobalFab",
    "nakGlobalTop","nakGlobalSheetTable",
    "nakSheetWidget","nakResultWidget",
    "nakCfgBar","nakCfgRound","nakCfgLatestBtn","nakCfgWin","nakCfgNumCount","nakCfgDiag"
  ].forEach(dedupeById);

  if (window.__nakGlobalWidgetInit) return;
  window.__nakGlobalWidgetInit = true;

  try{
    if (String(location.pathname || "").includes("/lotto_nak_3_widget")) {
      const fab = document.getElementById("nakGlobalFab");
      if (fab) fab.style.display = "none";
    }
  }catch(e){}

  let API_BASE = "/bbs";

  const KEY_PICKS = "lotto_global_picks_v1";
  const KEY_CFG   = "lotto_nak3_panel_cfg_v4"; // diag 기본 OFF

  // ✅ [NEW] 플로팅 위젯 “열림 유지” 키 (페이지 이동해도 유지)
  const KEY_SHEET_OPEN  = "lotto_global_sheet_widget_open_v1";
  const KEY_RESULT_OPEN = "lotto_global_result_widget_open_v1";

  function setOpenFlag(key, on){
    try{
      if(on) localStorage.setItem(key, "1");
      else localStorage.removeItem(key);
    }catch(e){}
  }
  function isOpenFlag(key){
    try{ return localStorage.getItem(key) === "1"; }catch(e){ return false; }
  }

  const overlay = document.getElementById("nakGlobalOverlay");
  const drawer  = document.getElementById("nakGlobalDrawer");
  const fab     = document.getElementById("nakGlobalFab");
  const frame   = document.getElementById("nakGlobalFrame");
  const closeBtn  = document.getElementById("nakGlobalCloseBtn");
  const reloadBtn = document.getElementById("nakGlobalReloadBtn");

  const pickedText = document.getElementById("nakGlobalPickedText");
  const sheetTable = document.getElementById("nakGlobalSheetTable");
  const clearBtn   = document.getElementById("nakGlobalClearBtn");
  const sendBtn    = document.getElementById("nakGlobalSendBtn");
  const savePicksBtn  = document.getElementById("nakGlobalSavePicksBtn");

  const openSheetWidgetBtn  = document.getElementById("nakOpenSheetWidgetBtn");
  const openResultWidgetBtn = document.getElementById("nakOpenResultWidgetBtn");

  const sheetWidget = document.getElementById("nakSheetWidget");
  const sheetWidgetHd = document.getElementById("nakSheetWidgetHd");
  const sheetWidgetTable = document.getElementById("nakSheetWidgetTable");
  const sheetWidgetPickedText = document.getElementById("nakSheetWidgetPickedText");
  const sheetWidgetCloseBtn = document.getElementById("nakSheetWidgetCloseBtn");
  const sheetWidgetClearBtn = document.getElementById("nakSheetWidgetClearBtn");

  const resultWidget = document.getElementById("nakResultWidget");
  const resultWidgetHd = document.getElementById("nakResultWidgetHd");
  const resultFrame = document.getElementById("nakResultFrame");
  const resultWidgetCloseBtn = document.getElementById("nakResultWidgetCloseBtn");
  const resultWidgetReloadBtn = document.getElementById("nakResultWidgetReloadBtn");

  const picks = new Set();
  const pending = { diag: null, cfg: null, picks: null };

  const intOrNull = (v)=> {
    const n = parseInt(v,10);
    return Number.isFinite(n) ? n : null;
  };
  function sortNums(arr){ return arr.slice().sort((a,b)=>a-b); }

  function loadPicks(){
    picks.clear();
    try{
      const raw = localStorage.getItem(KEY_PICKS);
      if (!raw) return;
      const data = JSON.parse(raw);
      const nums = Array.isArray(data) ? data : (data && Array.isArray(data.nums) ? data.nums : []);
      nums.forEach(x=>{
        const n = intOrNull(x);
        if (n && n>=1 && n<=45) picks.add(n);
      });
    }catch(e){}
  }
  function savePicks(){
    try{
      const arr = sortNums(Array.from(picks));
      localStorage.setItem(KEY_PICKS, JSON.stringify(arr));
    }catch(e){}
  }

function loadCfg(){
  let cfg = { round: null, win: 6, num: 1, diag: false };
  try{
    const raw = localStorage.getItem(KEY_CFG);
    if (raw){
      const x = JSON.parse(raw);
      if (x && typeof x === "object"){
        // ✅ round는 읽지 않음 (항상 최신)
        if (x.win) cfg.win = parseInt(x.win,10);
        if (x.num) cfg.num = parseInt(x.num,10);
        if (typeof x.diag === "boolean") cfg.diag = x.diag;
      }
    }
  }catch(e){}

  cfg.win  = (cfg.win === 7) ? 7 : 6;
  cfg.num  = Math.max(1, Math.min(7, cfg.num || 1));
  cfg.diag = !!cfg.diag;
  cfg.round = null; // ✅ 항상 최신회차(=selectedRound 파라미터 안 보냄)
  return cfg;
}

function saveCfg(cfg){
  try{
    localStorage.setItem(KEY_CFG, JSON.stringify({
      // ✅ round는 저장하지 않음
      win: cfg.win,
      num: cfg.num,
      diag: !!cfg.diag
    }));
  }catch(e){}
}

  let CFG = loadCfg();

  function renderPickedText(){
    const arr = sortNums(Array.from(picks));
    const txt = arr.length ? ("선택: " + arr.join(", ")) : "선택: -";
    if (pickedText) pickedText.textContent = txt;
    if (sheetWidgetPickedText) sheetWidgetPickedText.textContent = txt;
  }

  function syncTableUI(tableEl){
    if (!tableEl) return;
    tableEl.querySelectorAll('.nak-sheet-btn[data-num]').forEach(btn=>{
      const n = intOrNull(btn.dataset.num);
      btn.classList.toggle('active', !!(n && picks.has(n)));
    });
  }

  function syncAllUI(){
    renderPickedText();
    syncTableUI(sheetTable);
    syncTableUI(sheetWidgetTable);
  }

  function postToIframe(iframeEl, payload){
    if (!iframeEl || !iframeEl.contentWindow) return false;
    try{ iframeEl.contentWindow.postMessage(payload, "*"); return true; }catch(e){ return false; }
  }

  function callIframeFn(iframeEl, fnName, arg){
    try{
      const cw = iframeEl && iframeEl.contentWindow;
      if (!cw) return false;
      const fn = cw[fnName];
      if (typeof fn === "function"){ fn(arg); return true; }
      return false;
    }catch(e){
      return false;
    }
  }

  function sendCfgToIframe(iframeEl){
    if (!iframeEl) return;
    const payload = { round: CFG.round, win: CFG.win, num: CFG.num };
    if (callIframeFn(iframeEl, "__nak3_applyCfg", payload)) return;
    postToIframe(iframeEl, Object.assign({ type:"LOTTO_CFG" }, payload));
  }

  function sendPicksToIframe(iframeEl){
    if (!iframeEl) return;
    const arr = sortNums(Array.from(picks));
    if (callIframeFn(iframeEl, "__nak3_setPicks", arr)) return;
    postToIframe(iframeEl, { type: "LOTTO_GLOBAL_PICKS", nums: arr });
  }

  function sendDiagToIframe(iframeEl){
    if (!iframeEl) return;
    if (callIframeFn(iframeEl, "__nak3_applyDiag", !!CFG.diag)) return;
    postToIframe(iframeEl, { type:"LOTTO_TOGGLE_LINES", show: !!CFG.diag });
  }

  function buildSrc(view){
    const qp = new URLSearchParams();
    qp.set("embed", "1");
    if (view) qp.set("view", view);

    if (CFG.round) qp.set("selectedRound1", String(CFG.round));
    qp.set("winning_count1", String(CFG.win || 6));
    qp.set("num_count1", String(CFG.num || 1));
    qp.set("result_count", "1");
    qp.set("_t", String(Date.now()));
    return `${API_BASE}/lotto_nak_3_widget?${qp.toString()}`;
  }

  function hideFrameWhileLoading(iframeEl){
    if (!iframeEl) return;
    try{ iframeEl.style.visibility = "hidden"; }catch(e){}
  }
  function showFrame(iframeEl){
    if (!iframeEl) return;
    try{ iframeEl.style.visibility = "visible"; }catch(e){}
  }

  function applyToIframes(){
    sendCfgToIframe(frame);
    sendPicksToIframe(frame);
    sendDiagToIframe(frame);

    sendCfgToIframe(resultFrame);
    sendPicksToIframe(resultFrame);
    sendDiagToIframe(resultFrame);
  }

  function togglePick(n){
    if (!n || n<1 || n>45) return;
    if (picks.has(n)) picks.delete(n);
    else picks.add(n);

    savePicks();
    syncAllUI();

    sendPicksToIframe(frame);
    sendPicksToIframe(resultFrame);
  }

  function buildSheet(tableEl){
    if (!tableEl) return;
    if (tableEl.dataset.built === "1") { syncTableUI(tableEl); return; }

    const tbody = document.createElement('tbody');
    let n = 1;
    for (let r=0; r<7; r++){
      const tr = document.createElement('tr');
      for (let c=0; c<7; c++){
        const td = document.createElement('td');
        if (n <= 45){
          const nn = n;
          const btn = document.createElement('button');
          btn.type = "button";
          btn.className = "nak-sheet-btn";
          btn.dataset.num = String(nn);
          btn.textContent = String(nn);
          btn.addEventListener('click', (ev)=>{ ev.preventDefault(); togglePick(nn); });
          td.appendChild(btn);
          n++;
        } else {
          const empty = document.createElement('div');
          empty.className = "nak-sheet-empty";
          td.appendChild(empty);
        }
        tr.appendChild(td);
      }
      tbody.appendChild(tr);
    }
    tableEl.innerHTML = "";
    tableEl.appendChild(tbody);
    tableEl.dataset.built = "1";
  }
function resetPicks(removeStorage=true){
  picks.clear();

  // ✅ 저장된 선택번호도 제거(다시 열 때 완전 초기화)
  try{
    if (removeStorage) localStorage.removeItem(KEY_PICKS);
    else localStorage.setItem(KEY_PICKS, "[]");
  }catch(e){}

  // UI/iframe 동기화
  syncAllUI();
  pending.picks = [];                 // ✅ iframe load 시에도 빈 값으로
  sendPicksToIframe(frame);
  sendPicksToIframe(resultFrame);
}

function openDrawer(){
  // ✅ 이미 열려있으면 중복 실행 방지
  if (drawer && drawer.classList.contains("open")) return;

  // ✅ 패널 다시 열 때 번호 선택 초기화
  resetPicks(true);

  document.body.classList.add("nak-nak3-panel-open");
  overlay.classList.add("open");
  drawer.classList.add("open");
  overlay.setAttribute("aria-hidden","false");
  drawer.setAttribute("aria-hidden","false");

  if (frame && !frame.src){
    hideFrameWhileLoading(frame);
    frame.src = buildSrc("");
  }

  pending.cfg = { round: CFG.round, win: CFG.win, num: CFG.num };
  pending.diag = !!CFG.diag;

  applyToIframes({ cfg:false, picks:true, diag:true });
}


  function closeDrawer(){
    overlay.classList.remove("open");
    drawer.classList.remove("open");
    overlay.setAttribute("aria-hidden","true");
    drawer.setAttribute("aria-hidden","true");
    document.body.classList.remove("nak-nak3-panel-open");
  }

  function reloadMain(){
    if (!frame) return;
    hideFrameWhileLoading(frame);
    frame.src = buildSrc("");
  }

  // ✅ [CHANGE] 용지 위젯: 열림 상태 저장
  function openSheetWidget(){
    if (!sheetWidget) return;
    sheetWidget.classList.add("open");
    sheetWidget.setAttribute("aria-hidden","false");
    setOpenFlag(KEY_SHEET_OPEN, true);
  }
  function closeSheetWidget(){
    if (!sheetWidget) return;
    sheetWidget.classList.remove("open");
    sheetWidget.setAttribute("aria-hidden","true");
    setOpenFlag(KEY_SHEET_OPEN, false);
  }

  // ✅ [CHANGE] 결과 위젯: 열림 상태 저장
  function openResultWidget(){
    if (!resultWidget || !resultFrame) return;
    resultWidget.classList.add("open");
    resultWidget.setAttribute("aria-hidden","false");
    setOpenFlag(KEY_RESULT_OPEN, true);

    // 새 페이지에서는 iframe이 새로 생성되므로 src 재설정이 필요
    hideFrameWhileLoading(resultFrame);
    resultFrame.src = buildSrc("results");

    pending.cfg = { round: CFG.round, win: CFG.win, num: CFG.num };
    pending.picks = sortNums(Array.from(picks));
    pending.diag = !!CFG.diag;
  }
  function closeResultWidget(){
    if (!resultWidget) return;
    resultWidget.classList.remove("open");
    resultWidget.setAttribute("aria-hidden","true");
    setOpenFlag(KEY_RESULT_OPEN, false);
  }
  function reloadResult(){
    if (!resultFrame) return;
    hideFrameWhileLoading(resultFrame);
    resultFrame.src = buildSrc("results");
  }

  function enableDrag(widgetEl, headerEl, posKey){
    if (!widgetEl || !headerEl) return;
    let drag = null;

    function clampPos(x,y){
      const vw = window.innerWidth;
      const rect = widgetEl.getBoundingClientRect();
      const w = rect.width || 560;
      const h = rect.height || 420;
      const nx = Math.max(10, Math.min(vw - w - 10, x));
      const ny = Math.max(10, Math.min(window.innerHeight - h - 10, y));
      return {x:nx, y:ny};
    }

    function restore(){
      try{
        const raw = localStorage.getItem(posKey);
        if (!raw) return;
        const p = JSON.parse(raw);
        if (!p || typeof p.x !== "number" || typeof p.y !== "number") return;
        widgetEl.style.left = p.x + "px";
        widgetEl.style.top  = p.y + "px";
        widgetEl.style.right = "auto";
        widgetEl.style.bottom = "auto";
      }catch(e){}
    }
    restore();

    headerEl.addEventListener("pointerdown", (ev)=>{
      if (ev.target && ev.target.closest && ev.target.closest("button")) return;
      ev.preventDefault();
      const rect = widgetEl.getBoundingClientRect();
      drag = { sx: ev.clientX, sy: ev.clientY, ox: rect.left, oy: rect.top };
      widgetEl.setPointerCapture(ev.pointerId);
    });

    widgetEl.addEventListener("pointermove", (ev)=>{
      if (!drag) return;
      const nx = drag.ox + (ev.clientX - drag.sx);
      const ny = drag.oy + (ev.clientY - drag.sy);
      const p = clampPos(nx, ny);
      widgetEl.style.left = p.x + "px";
      widgetEl.style.top  = p.y + "px";
      widgetEl.style.right = "auto";
      widgetEl.style.bottom = "auto";
    });

    widgetEl.addEventListener("pointerup", ()=>{
      if (!drag) return;
      drag = null;
      try{
        const rect = widgetEl.getBoundingClientRect();
        localStorage.setItem(posKey, JSON.stringify({x: rect.left, y: rect.top}));
      }catch(e){}
    });

    widgetEl.addEventListener("pointercancel", ()=>{ drag = null; });
  }

  // ---------- init ----------
  buildSheet(sheetTable);
  buildSheet(sheetWidgetTable);

  loadPicks();
  syncAllUI();

  if (frame){
    frame.addEventListener("load", ()=>{
      showFrame(frame);
      if (pending.cfg) sendCfgToIframe(frame);
      if (pending.picks) sendPicksToIframe(frame);
      if (pending.diag != null) sendDiagToIframe(frame);
    });
  }
  if (resultFrame){
    resultFrame.addEventListener("load", ()=>{
      showFrame(resultFrame);
      if (pending.cfg) sendCfgToIframe(resultFrame);
      if (pending.picks) sendPicksToIframe(resultFrame);
      if (pending.diag != null) sendDiagToIframe(resultFrame);
    });
  }

  function applyCfgFromIframe(d){
    const prev = { round: CFG.round, win: CFG.win, num: CFG.num };

    if (d.round != null) CFG.round = parseInt(d.round, 10) || CFG.round;
    if (d.win   != null) CFG.win   = (parseInt(d.win, 10) === 7) ? 7 : 6;
    if (d.num   != null) CFG.num   = Math.max(1, Math.min(7, parseInt(d.num,10) || 1));

    saveCfg(CFG);

    const metaChanged =
      (prev.round !== CFG.round) ||
      (prev.win !== CFG.win) ||
      (prev.num !== CFG.num);

    // 결과 위젯이 열려있으면(페이지 내) 즉시 갱신
    if (metaChanged && resultWidget && resultWidget.classList.contains("open") && resultFrame){
      hideFrameWhileLoading(resultFrame);
      resultFrame.src = buildSrc("results");
    }
  }

  window.addEventListener("message", (ev)=>{
    const d = ev && ev.data ? ev.data : null;
    if (!d || typeof d !== "object") return;

    if (d.type === "LOTTO_CFG_SYNC"){ applyCfgFromIframe(d); return; }

    if (d.type === "LOTTO_PICKS_CHANGED" && Array.isArray(d.nums)){
      picks.clear();
      d.nums.forEach(x=>{
        const n = parseInt(x,10);
        if (Number.isFinite(n) && n>=1 && n<=45) picks.add(n);
      });
      savePicks();
      syncAllUI();
      sendPicksToIframe(frame);
      sendPicksToIframe(resultFrame);
      return;
    }

    if (d.type === "LOTTO_DIAG_CHANGED"){
      CFG.diag = !!d.show;
      saveCfg(CFG);
      sendDiagToIframe(frame);
      sendDiagToIframe(resultFrame);
      return;
    }
  });

  if (fab) fab.addEventListener("click", openDrawer);

  // 패널은 기본처럼 overlay 클릭 시 닫기
  if (overlay) overlay.addEventListener("click", (e)=>{ if (e.target === overlay) closeDrawer(); });
  if (closeBtn) closeBtn.addEventListener("click", closeDrawer);
  if (reloadBtn) reloadBtn.addEventListener("click", reloadMain);

  if (clearBtn) clearBtn.addEventListener("click", ()=>{
    picks.clear();
    savePicks();
    syncAllUI();
    sendPicksToIframe(frame);
    sendPicksToIframe(resultFrame);
  });

  if (sendBtn) sendBtn.addEventListener("click", applyToIframes);

  if (savePicksBtn) savePicksBtn.addEventListener("click", ()=>{
    const arr = sortNums(Array.from(picks));
    if (!arr.length) {
      alert("용지(7×7) 또는 낙첨표(공)를 클릭해서 번호를 선택하세요.");
      return;
    }
    sendCfgToIframe(frame);
    sendPicksToIframe(frame);
    sendDiagToIframe(frame);

    postToIframe(frame, { type:"LOTTO_CMD_SAVE_PICKS", nums: arr, cfg: {round:CFG.round, win:CFG.win, num:CFG.num} });
  });

  if (openSheetWidgetBtn) openSheetWidgetBtn.addEventListener("click", openSheetWidget);
  if (sheetWidgetCloseBtn) sheetWidgetCloseBtn.addEventListener("click", closeSheetWidget);
  if (sheetWidgetClearBtn) sheetWidgetClearBtn.addEventListener("click", ()=>{
    picks.clear();
    savePicks();
    syncAllUI();
    sendPicksToIframe(frame);
    sendPicksToIframe(resultFrame);
  });

  if (openResultWidgetBtn) openResultWidgetBtn.addEventListener("click", openResultWidget);
  if (resultWidgetCloseBtn) resultWidgetCloseBtn.addEventListener("click", closeResultWidget);
  if (resultWidgetReloadBtn) resultWidgetReloadBtn.addEventListener("click", reloadResult);

  enableDrag(sheetWidget, sheetWidgetHd, "lotto_global_sheet_widget_pos_v1");
  enableDrag(resultWidget, resultWidgetHd, "lotto_global_result_widget_pos_v1");

  if (frame){
    hideFrameWhileLoading(frame);
    frame.src = buildSrc("");
  }

  // ✅ [NEW] 페이지 이동 후에도 “열려있던 플로팅 위젯” 자동 복원
  try{
    if (isOpenFlag(KEY_SHEET_OPEN)) openSheetWidget();
    if (isOpenFlag(KEY_RESULT_OPEN)) openResultWidget();
  }catch(e){}
})();
</script>

<!-- ✅ [ADD] 사이트 전역 "번호 꾹누르기(롱프레스/우클릭)" 동작 스크립트 -->
<script>
(() => {
  const peek = document.getElementById("globalNumPeek");
  if (!peek) return;

  // ✅ memo summary endpoint (로그인 되어있으면 번호별 메모카운트 보여줌)
  const prefix = (location.pathname || "").startsWith("/bbs/") ? "/bbs" : "";
  const memoSummaryUrl = `${prefix}/group-filter_memo/memo/summary_partial`;

  let memoSummaryCache = null; // {counts, pinned_counts, ...}
  let longPressed = false;
  let lpTimer = null;
  let startXY = { x: 0, y: 0 };
  let currentNum = null;

  const _escape = (s) => String(s).replace(/[&<>"'`]/g, (m)=>({
    "&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","`":"&#96;"
  }[m]));

  const getNumFromTarget = (t) => {
    if (!t) return null;

    // 가까운 후보 노드 탐색(상위로)
    const el = t.closest?.('[data-num],[data-number],[data-lotto-num],.lotto-ball,.chip,.filter-cell,.red-circle,[class*="ball-"]');
    if (!el) return null;

    // dataset 우선
    const dn = el.getAttribute("data-num") || el.getAttribute("data-number") || el.getAttribute("data-lotto-num");
    if (dn && String(dn).trim().match(/^\d+$/)) {
      const n = parseInt(dn, 10);
      return (n >= 1 && n <= 45) ? n : null;
    }

    // 텍스트에서 숫자 추출(01, 1, 45 등)
    const tx = (el.textContent || "").trim();
    const m = tx.match(/\b(\d{1,2})\b/);
    if (!m) return null;
    const n = parseInt(m[1], 10);
    return (n >= 1 && n <= 45) ? n : null;
  };

  const clampPos = (x, y) => {
    const pad = 10;
    const w = peek.offsetWidth || 280;
    const h = peek.offsetHeight || 150;
    const nx = Math.max(pad + w/2, Math.min(window.innerWidth - pad - w/2, x));
    const ny = Math.max(pad + h, Math.min(window.innerHeight - pad, y));
    return { x: nx, y: ny };
  };

  const hide = () => {
    peek.classList.remove("open");
    peek.setAttribute("aria-hidden", "true");
    currentNum = null;
  };

  const fetchMemoSummaryOnce = async () => {
    if (memoSummaryCache) return memoSummaryCache;
    try {
      const r = await fetch(memoSummaryUrl, { credentials: "same-origin", cache: "no-store" });
      const j = await r.json();
      if (j && j.ok) memoSummaryCache = j;
    } catch (_) {}
    return memoSummaryCache || { counts: {}, pinned_counts: {} };
  };

  const openMemoMaybe = async (n) => {
    // 1) 만약 전역 메모 패널이 openWithNumber를 제공하면 그걸 사용
    if (window.UG_MEMO && typeof window.UG_MEMO.openWithNumber === "function") {
      await window.UG_MEMO.openWithNumber(n);
      return true;
    }

    // 2) 전역 메모 패널(FAB)이 있으면 열어주기라도
    const fab = document.getElementById("lsmFab") || document.getElementById("lottoMemoFab");
    if (fab) {
      try { fab.click(); } catch(_) {}
      // 검색 입력이 있으면 숫자 넣어봄(있을 때만)
      setTimeout(() => {
        const inp = document.querySelector(
          "#lsmDrawer input[type='search'], #lsmDrawer input[name='q'], #lsmDrawer input[placeholder*='검색'], " +
          "#lottoMemoDrawer input[type='search'], #lottoMemoDrawer input[name='q'], #lottoMemoDrawer input[placeholder*='검색']"
        );
        if (inp) {
          inp.value = String(n);
          inp.dispatchEvent(new Event("input", { bubbles: true }));
        }
      }, 260);
      return true;
    }

    // 3) 그래도 없으면 그룹필터 메모 페이지로 이동(최소한의 fallback)
    try { window.location.href = `${prefix}/group-filter_memo`; } catch(_) {}
    return false;
  };

  const renderPeek = async (n, x, y) => {
    const ms = await fetchMemoSummaryOnce();
    const mc = (ms.counts && ms.counts[n]) ? ms.counts[n] : 0;
    const mp = (ms.pinned_counts && ms.pinned_counts[n]) ? ms.pinned_counts[n] : 0;

    peek.innerHTML = `
      <div class="t">번호 <span class="n">${n}</span></div>
      <div class="rows">
        <div class="row"><span>메모</span><b>${mc}개</b></div>
        <div class="row"><span>고정메모</span><b>${mp}개</b></div>
      </div>
      <div class="acts">
        <button type="button" data-act="memo">메모보기</button>
        <button type="button" data-act="copy">복사</button>
        <button type="button" data-act="close">닫기</button>
      </div>
    `;

    peek.onclick = async (e) => {
      const act = e.target && e.target.getAttribute && e.target.getAttribute("data-act");
      if (!act) return;

      if (act === "close") { hide(); return; }

      if (act === "copy") {
        try { await navigator.clipboard.writeText(String(n)); } catch(_) {}
        hide();
        return;
      }

      if (act === "memo") {
        await openMemoMaybe(n);
        hide();
        return;
      }
    };

    // 먼저 열고(사이즈 계산용) → 위치 보정
    peek.style.left = "0px";
    peek.style.top = "0px";
    peek.classList.add("open");
    peek.setAttribute("aria-hidden", "false");

    requestAnimationFrame(() => {
      const p = clampPos(x, y);
      peek.style.left = p.x + "px";
      peek.style.top  = p.y + "px";
    });

    currentNum = n;
  };

  const cancelLP = () => {
    if (lpTimer) { clearTimeout(lpTimer); lpTimer = null; }
  };

  const startLP = (n, x, y) => {
    cancelLP();
    longPressed = false;
    startXY = { x, y };
    lpTimer = setTimeout(async () => {
      longPressed = true;
      await renderPeek(n, x, y);
    }, 450);
  };

  // ✅ 캡처링으로 잡아야 "전체 영역"에서 stopPropagation이 있어도 잡힘
  const onDown = (e) => {
    // 팝오버 위에서 누르면 무시(버튼 클릭용)
    if (e.target && e.target.closest && e.target.closest("#globalNumPeek")) return;

    const n = getNumFromTarget(e.target);
    if (!n) return;

    // 좌클릭만(마우스)
    if (e.type === "mousedown" && e.button !== 0) return;

    startLP(n, e.clientX || (e.touches && e.touches[0] && e.touches[0].clientX) || 0,
              e.clientY || (e.touches && e.touches[0] && e.touches[0].clientY) || 0);
  };

  const onMove = (e) => {
    if (!lpTimer) return;
    const cx = e.clientX || (e.touches && e.touches[0] && e.touches[0].clientX) || 0;
    const cy = e.clientY || (e.touches && e.touches[0] && e.touches[0].clientY) || 0;
    const dx = Math.abs(cx - startXY.x);
    const dy = Math.abs(cy - startXY.y);
    if (dx + dy > 12) cancelLP();
  };

  const onUp = () => cancelLP();

  // 포인터 이벤트 우선
  if (window.PointerEvent) {
    document.addEventListener("pointerdown", onDown, true);
    document.addEventListener("pointermove", onMove, true);
    document.addEventListener("pointerup", onUp, true);
    document.addEventListener("pointercancel", onUp, true);
  } else {
    // 폴백
    document.addEventListener("mousedown", onDown, true);
    document.addEventListener("mousemove", onMove, true);
    document.addEventListener("mouseup", onUp, true);

    document.addEventListener("touchstart", onDown, { capture:true, passive:true });
    document.addEventListener("touchmove", onMove, { capture:true, passive:true });
    document.addEventListener("touchend", onUp, { capture:true, passive:true });
    document.addEventListener("touchcancel", onUp, { capture:true, passive:true });
  }

  // ✅ 롱프레스 직후 발생하는 click이 기존 클릭동작을 건드리지 않게 차단(캡처)
  document.addEventListener("click", (e) => {
    if (!longPressed) return;
    // 팝오버 외 클릭이면 닫고 클릭 막기
    if (!e.target.closest("#globalNumPeek")) {
      e.preventDefault();
      e.stopPropagation();
      hide();
    }
    longPressed = false;
  }, true);

  // ✅ 데스크탑: 우클릭(contextmenu)로도 열기
  document.addEventListener("contextmenu", async (e) => {
    const n = getNumFromTarget(e.target);
    if (!n) return;
    e.preventDefault();
    await renderPeek(n, e.clientX, e.clientY);
  }, true);

  // ESC 닫기
  document.addEventListener("keydown", (e) => {
    if (e.key === "Escape") hide();
  });

  // 화면 리사이즈/스크롤 시 닫기
  window.addEventListener("resize", hide);
  window.addEventListener("scroll", hide, { passive: true });
})();
</script>


<!-- ✅ [ADD] 사이트 전역 모든 버튼 클릭/터치 효과 스크립트 -->
<script>
(() => {
  if (window.__G6_GLOBAL_BUTTON_EFFECTS__) return;
  window.__G6_GLOBAL_BUTTON_EFFECTS__ = true;

  const BUTTON_SELECTOR = [
    'button',
    'input[type="button"]',
    'input[type="submit"]',
    'input[type="reset"]',
    'a.btn',
    '.btn',
    '.large-btn',
    '.generate-btn',
    '.delete-btn',
    '[role="button"]',
    '[data-button]',
    '.button',
    '.g6-button'
  ].join(',');

  const isUsableButton = (el) => {
    if (!el || !el.matches || !el.matches(BUTTON_SELECTOR)) return false;
    if (el.classList.contains('g6-no-press-effect')) return false;
    if (el.disabled) return false;
    if (el.getAttribute('aria-disabled') === 'true') return false;
    if (el.classList.contains('disabled')) return false;
    return true;
  };

  const getButton = (target) => {
    const btn = target && target.closest ? target.closest(BUTTON_SELECTOR) : null;
    return isUsableButton(btn) ? btn : null;
  };

  const isRealElementButton = (btn) => {
    const tag = (btn.tagName || '').toLowerCase();
    return tag !== 'input';
  };

  const ensureButtonBase = (btn) => {
    if (!btn || btn.__g6BtnEffectReady) return;
    btn.__g6BtnEffectReady = true;

    // inline/정적 버튼에서도 리플이 보이도록 최소 보정
    const cs = window.getComputedStyle(btn);
    if (isRealElementButton(btn)) {
      if (cs.position === 'static') btn.style.position = 'relative';
      if (cs.overflow === 'visible') btn.style.overflow = 'hidden';
      if (cs.display === 'inline') btn.style.display = 'inline-flex';
      if (!btn.style.alignItems && /inline-flex|flex/.test(window.getComputedStyle(btn).display)) {
        btn.style.alignItems = 'center';
        btn.style.justifyContent = btn.style.justifyContent || 'center';
      }
    }
  };

  const addRipple = (btn, ev) => {
    if (!isRealElementButton(btn)) return;
    ensureButtonBase(btn);

    const rect = btn.getBoundingClientRect();
    if (!rect.width || !rect.height) return;

    const clientX = ev && typeof ev.clientX === 'number' ? ev.clientX : rect.left + rect.width / 2;
    const clientY = ev && typeof ev.clientY === 'number' ? ev.clientY : rect.top + rect.height / 2;
    const x = clientX - rect.left;
    const y = clientY - rect.top;
    const maxSide = Math.max(rect.width, rect.height);
    const scale = Math.max(14, Math.ceil(maxSide / 6));

    const r = document.createElement('span');
    r.className = 'g6-btn-ripple';
    r.style.left = x + 'px';
    r.style.top = y + 'px';
    r.style.setProperty('--g6-ripple-scale', String(scale));
    btn.appendChild(r);
    setTimeout(() => r.remove(), 620);
  };

  const flash = (btn, cls = 'g6-btn-flash', ms = 460) => {
    if (!btn || !btn.classList) return;
    btn.classList.remove(cls);
    // reflow로 연속 클릭 시 애니메이션 재시작
    void btn.offsetWidth;
    btn.classList.add(cls);
    setTimeout(() => btn.classList.remove(cls), ms);
  };

  const press = (btn, ev) => {
    ensureButtonBase(btn);
    btn.classList.add('g6-btn-pressing');
    flash(btn);
    addRipple(btn, ev);

    // 모바일에서 살짝 진동 지원(지원 기기만)
    try {
      if (navigator.vibrate && window.matchMedia('(pointer: coarse)').matches) {
        navigator.vibrate(10);
      }
    } catch (_) {}
  };

  const release = (btn) => {
    if (!btn || !btn.classList) return;
    setTimeout(() => btn.classList.remove('g6-btn-pressing'), 120);
  };

  let activeBtn = null;

  document.addEventListener('pointerdown', (ev) => {
    if (ev.button !== undefined && ev.button !== 0) return;
    const btn = getButton(ev.target);
    if (!btn) return;
    activeBtn = btn;
    press(btn, ev);
  }, true);

  document.addEventListener('pointerup', () => {
    if (activeBtn) release(activeBtn);
    activeBtn = null;
  }, true);

  document.addEventListener('pointercancel', () => {
    if (activeBtn) release(activeBtn);
    activeBtn = null;
  }, true);

  document.addEventListener('pointerleave', (ev) => {
    const btn = getButton(ev.target);
    if (btn && btn === activeBtn) release(btn);
  }, true);

  // 키보드 접근성: Enter/Space에도 효과 표시
  document.addEventListener('keydown', (ev) => {
    if (ev.key !== 'Enter' && ev.key !== ' ') return;
    const btn = getButton(ev.target);
    if (!btn || btn.__g6KeyPressing) return;
    btn.__g6KeyPressing = true;
    press(btn, null);
  }, true);

  document.addEventListener('keyup', (ev) => {
    if (ev.key !== 'Enter' && ev.key !== ' ') return;
    const btn = getButton(ev.target);
    if (!btn) return;
    btn.__g6KeyPressing = false;
    release(btn);
  }, true);

  // submit/input 버튼처럼 리플을 못 넣는 요소도 클릭 완료 플래시 보장
  document.addEventListener('click', (ev) => {
    const btn = getButton(ev.target);
    if (!btn) return;
    flash(btn);
  }, true);

  // 조합생성 버튼 전용: 클릭 직후 로딩 느낌 강화 + 완료 후 자동 복구
  document.addEventListener('click', (ev) => {
    const btn = getButton(ev.target);
    if (!btn) return;

    const onclick = String(btn.getAttribute('onclick') || '');
    const text = String(btn.textContent || btn.value || '').trim();
    const isGenerateButton =
      btn.classList.contains('generate-btn') ||
      btn.id === 'generate-btn' ||
      onclick.includes('generateCombinations') ||
      btn.matches('[data-action*="generate"], [data-role="generate"]') ||
      /조합\s*(생성|시작)|생성하기|추천\s*조합/i.test(text);

    if (!isGenerateButton) return;

    if (!btn.__g6OriginalText) {
      btn.__g6OriginalText = btn.tagName.toLowerCase() === 'input' ? btn.value : btn.textContent;
    }

    btn.classList.add('g6-btn-processing');

    // type=button 기반 기존 onclick은 그대로 실행되게 두고, 시각 효과만 자동 복구
    const restore = () => {
      btn.classList.remove('g6-btn-processing');
      btn.classList.add('g6-btn-success');
      setTimeout(() => btn.classList.remove('g6-btn-success'), 700);
    };

    clearTimeout(btn.__g6ProcessingTimer);
    btn.__g6ProcessingTimer = setTimeout(restore, 1600);
  }, true);

  // 동적으로 생긴 버튼도 기본 보정
  const prepareAll = () => {
    document.querySelectorAll(BUTTON_SELECTOR).forEach(ensureButtonBase);
  };

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', prepareAll, { once: true });
  } else {
    prepareAll();
  }

  const mo = new MutationObserver((mutations) => {
    for (const m of mutations) {
      for (const node of m.addedNodes || []) {
        if (!node || node.nodeType !== 1) continue;
        if (node.matches && node.matches(BUTTON_SELECTOR)) ensureButtonBase(node);
        if (node.querySelectorAll) node.querySelectorAll(BUTTON_SELECTOR).forEach(ensureButtonBase);
      }
    }
  });
  try { mo.observe(document.documentElement, { childList:true, subtree:true }); } catch(_) {}
})();
</script>

  <!--카카오 애드핏 애드센스관련-->
<div style="text-align:center;">
<ins class="kakao_ad_area" style="display:none;"
data-ad-unit = "DAN-toC01fjtrWjLquiD"
data-ad-width = "300"
data-ad-height = "250"></ins>
<script type="text/javascript" src="//t1.kakaocdn.net/kas/static/ba.min.js" async></script>
</div>
</body>
</html>