
<!-- ver627: 내부 준비도는 운영자만 표시하며 실제 Google/Naver 평가처럼 공개하지 않습니다. -->
<!-- ver609: GPT 완료 판정은 private response package와 실제 terminal UI를 사용하며 generation POST 종료/편집 가능한 composer만으로 중간 응답을 확정하지 않습니다. 공개 본문 정제는 저장 단계에서만 수행하고 UI/CSS는 변경하지 않습니다. -->
<!-- ver607: ChatGPT role/testid가 없는 최신 UI에서도 이번 프롬프트 뒤의 실제 화면 응답을 회수해 완료 즉시 홈페이지 저장·후속 작업으로 넘깁니다. -->
<!-- ver606: GPT 정상 작업은 시간 기반 대기나 강제 복구 없이 공통 상태 머신의 실제 생성/idle 이벤트로 진행합니다. -->
<!-- ver605: GPT 현재 요청 상태는 정확한 generation POST + Stop/Send/composer + assistant 실제 텍스트로만 판정하며, assistant count 미증가/과거 page status 문자열 때문에 작업이 무한 대기하던 회귀를 제거합니다. -->
<!-- ver603: 모든 GPT 작업의 완료 판정을 pending→active→done UI 상태 머신으로 통합합니다. assistant 시작 전에는 종료로 보지 않고, Stop 종료 + Send/composer 복귀 + 응답 완결 검증 시 즉시 다음 작업으로 진행하며 `내가 한 말:` 사용자 프롬프트는 assistant 본문 후보에서 제외합니다. -->
<!-- ver602: GPT 작업 간 고정 120~180초 요청 간격과 stable/240초 완료 추정을 제거하고 실제 backend/Stop/본문/Continue 상태 종료 즉시 다음 본문·이미지·TTS·플랫폼 작업으로 진행합니다. 마지막 이미지도 GPT idle 확인 후 다음 단계로 넘어갑니다. -->
<!-- ver599: 홈페이지 본문 앞에 남던 ChatGPT `더 보기/답변` UI shell, 짧은 정상 제목을 `추천 정보와 구매 전 확인 포인트`로 바꾸던 SEO fallback, 제휴/쿠팡 블록의 본문 상단 중복 출력을 제거합니다. 제휴 블록은 기존 footer 경로에서 본문 하단에 1회만 유지합니다. -->
<!-- ver598: ChatGPT 최신 UI에서 제목 wrapper만 먼저 잡혀 홈페이지 본문이 40자 제목으로 오인되고 240초에 조기 실패하던 백엔드 수정과 동기화합니다. assistant 전체 본문 안전 복구와 active_wait 유지, 기존 UI chrome 차단·CDP·429 보호·플랫폼 발행 기능은 유지합니다. -->
<!-- ver597: ChatGPT 최신 UI의 `더 보기 / ChatGPT 답변:` 래퍼와 하단 면책문이 홈페이지 공개 본문·제목으로 섞이지 않도록 실제 assistant 콘텐츠 우선 추출/저장 직전 정제·차단을 적용합니다. persistence-first 중복 H1/제휴 링크 기반 오제목 수정과 동기화하며 기존 UI/DOM/생성·발행 기능은 유지합니다. -->
<!-- ver596: 자동 예약 작업의 부모/child Chrome CDP를 동일한 Auto News 최종 격리 주소로 통일하고, child만으로 복구 불가능한 parent-CDP 준비 오류의 반복 로그를 차단하는 백엔드 변경과 동기화합니다. 기존 UI/DOM/예약·생성·발행 기능은 유지합니다. -->
<!-- ver595: 관리형 Chrome CDP가 아직 열리지 않은 경우 watchdog 문자열에만 있던 잘못된 Chrome launch lock 참조로 포스팅이 NameError 중단되던 백엔드 수정과 동기화합니다. 기존 UI/DOM/생성·발행 기능은 유지합니다. -->
<!-- ver594: ChatGPT 전송 버튼 1회 클릭 후 최신 UI의 대화-turn DOM 등록이 늦어도 composer 프롬프트 소비를 안전한 로컬 접수 증거로 인정해 정상 자동 포스팅을 계속합니다. 중복 재전송·기존 UI/DOM/발행 흐름은 유지합니다. -->
<!-- ver593: 콜론 없는 발행자료 라벨 단독 줄도 공개 본문 경계로 처리해 메타 설명·슬러그·내부 링크 제안·태그·썸네일·alt·후속 콘텐츠가 게시글에 노출되지 않도록 백엔드 파서와 동기화합니다. 기존 UI/DOM/발행 기능은 유지합니다. -->
<!-- ver592: 자동 주제 탐색은 생활 문제 해결 20개 대분류를 고정 축으로 사용하고, 최근 저노출 4~6개+랜덤+현재변화 영역만 GPT 실시간 웹검색합니다. 중분류·소분류·최종 질문은 검색결과에 맞게 GPT가 동적으로 만들며 12개 질문 포맷을 강제 순환하지 않습니다. 기존 NEW/UPDATE/HOLD와 플랫폼별 자동 작성·발행 체인은 유지합니다. -->
<!-- ver591: 예약 자동 포스팅에서 NEW 후보가 없고 검증된 UPDATE 후보가 있을 때 전체 슬롯을 HOLD로 끝내지 않고 기존 같은 검색의도 글을 동일 URL/ID에서 갱신해 발행하도록 백엔드를 수정합니다. NEW 신규 발행과 기존 UI/DOM/요청 보호·Blogger·영상 기능은 유지합니다. -->
<!-- ver583: 이미지 수 선택에 “내용 범주별 GPT 이미지” 옵션을 추가합니다. 기존 1~5장 고정 선택은 유지하며 문단 모드는 본문 완성 뒤 실제 문단별로 대표1+문단 이미지를 GPT 전용으로 생성합니다. 수동/예약 설정과 프롬프트 지침을 같은 기준으로 연결합니다. -->
<!-- ver546: 홈페이지의 단일 SEO 점수 고정을 제거하고 Content Quality·Homepage Readiness와 Google Search/Discover/News, Naver Search/Home, AI Summary/Search, Bing/Copilot, Image/Visual 노출면별 내부 준비도를 계산·표시합니다. -->
<!-- ver462: TikTok 질문형 제목 캡션 충돌, 불필요한 전용 정지 이미지 선행 생성, service 검증 channelId 반복 discovery를 제거해 공용 MP4가 Buffer createPost까지 바로 이어지도록 수정합니다. ver461 GPT 대표 썸네일 정책과 기존 UI/DOM/발행 동작은 유지합니다. -->
<!-- ver459: TikTok Buffer 공용 영상 발행 흐름 유지 -->
<!-- ver458: TikTok Buffer 우선 발행. channelId 문자열 비교 차단 제거; 기존 UI/DOM 유지. -->
<!-- ver455: 공용 영상은 최대 1분 29초(89초)까지만 생성합니다. TTS 실제 길이, FFmpeg 출력, Buffer 업로드 전 검증을 동일 기준으로 맞춥니다. -->
<!-- ver454: GPT 이미지가 생성중 UI에 고착될 때 Stop 표시 자체를 진행으로 오인해 690초 worker timeout까지 멈추던 상태 머신을 수정합니다. 실제 assistant/network/image 변화만 진행으로 인정하고 저장 성공 후 stale surface는 짧게 정리하며, worker 비정상 종료 시 DB에 체크포인트된 GPT 이미지를 복구해 누락 슬롯만 GPT로 재생성합니다. 서버 fallback 이미지는 기존 PPT형 대신 주제별 벡터 hero visual·대형 타이포·핵심 카드 기반 editorial poster v2로 개선합니다. -->
<!-- ver453: TTS 생성 후 긴 하단 자막이 24% 안전영역을 넘으면 서버 영상 전체가 중단되던 오류를 수정합니다. 자막은 관리자 선택 이미지 N장 장면에 균형 배분되고 자동 글꼴 축소/영역 확장으로 원문을 보존하며, Gemini source dict가 문자열로 바뀌어 auto 영상 경로가 실패하던 오류도 백엔드에서 수정합니다. -->
<!-- ver452: 자동/수동 포스팅에서 관리자가 선택한 이미지 총 N장(1~5)을 그대로 생성하고 실제 렌더 가능한 고유 이미지가 N/N일 때만 영상/TTS로 진행합니다. 구 ver406의 1장→5장 강제 마이그레이션은 백엔드에서 무력화하며, GPT 이미지에는 팔·손·손가락 중복과 참고 시트 포즈 합성을 금지하는 공통 해부학 규칙을 적용합니다. -->
<!-- ver447: 포스팅 기본 이미지를 대표1+본문1(총2장)으로 변경하고, 예약/수동 UI의 1~5장 직접 선택 기능은 유지합니다. 백엔드는 공용 MP4를 채널별 GPT 캡션보다 먼저 생성해 server 영상의 ChatGPT 슬롯 충돌을 제거합니다. -->
<!-- ver450: X Buffer 발행은 Buffer GraphQL의 공식 서비스 키 twitter 메타데이터를 사용합니다. UI/내부 채널명은 X를 유지하고 createPost payload만 metadata.twitter로 보내 정상 X 채널이 메타데이터 불일치로 거절되는 문제를 수정합니다. -->
<!-- ver445: 서버 동영상 하단 자막에 불투명 검정 박스를 복원하고 자막 폰트를 확대하는 백엔드 변경에 맞춘 전체 UI입니다. GPT 이미지 하단 24% 자연 여백과 기존 DOM ID·설정·발행 버튼 동작은 변경하지 않습니다. -->
<!-- ver408: 서버 TTS에 Voicebox를 통합하고 자동/Voicebox/Edge TTS 선택을 수동 생성과 예약 설정에 추가합니다. Voicebox 대본은 문장 단위로 안전하게 분할되며 실제 생성 오디오 길이로 자막·사진 타임라인을 동기화합니다. -->
<!-- ver407: 새 글 생성 요청을 최신 자동 작업으로 고정해 이전 queued/후속 자동 발행을 중단합니다. 과거 글은 자동 재처리하지 않고 해당 글에서 관리자가 직접 누른 수동 발행만 허용하며, superseded 상태를 화면에서 명확히 표시합니다. -->
<!-- ver406: 홈페이지 이미지 대기 상한/서버 보충, Threads 영상 독립 발행, TTS 음성 경계 기반 자막·사진 전환과 백엔드 버전 동기화를 반영합니다. -->
<!-- ver405: Buffer queued를 실제 SNS 게시 성공과 분리합니다. Threads·Instagram·YouTube 등은 published만 발행 완료로 표시하고 queued는 "대기열 등록·게시 확인 필요"로 표시합니다. Instagram 예약 자동발행 초기 체크를 ON으로 바꾸고 화면의 기대 BUILD_VERSION을 백엔드 ver405와 일치시킵니다. 기존 UI/버튼/API/생성·발행 흐름은 유지합니다. -->
<!-- ver396: 백엔드에서 [발행자료] 헤더가 빠진 메타 설명·URL 슬러그·내부 링크·태그·썸네일·이미지 alt·후속 콘텐츠 블록을 공개 본문과 분리하도록 수정했습니다. 기존 UI/DOM/API/생성·발행 동작은 변경하지 않습니다. -->
<!-- ver394: Threads 마지막의 불완전 연결 조각을 발행 차단 대신 정제해 정상 원고를 유지하는 백엔드 수정에 맞춘 전체 UI. 기존 생성/플랫폼/GPT 설정과 발행 동작은 변경하지 않습니다. -->
<!-- ver393: Threads 공개문에서 이미지 alt 발행자료와 연결어미로 끊긴 마지막 문장을 차단하는 백엔드 수정에 맞춘 전체 UI. 기존 생성/플랫폼/GPT 설정과 발행 동작은 변경하지 않습니다. -->
<!-- ver392: 백엔드 중복 background 생성 차단과 GPT 단일 전송 안전장치에 맞춘 전체 UI. 기존 생성/플랫폼/GPT 설정과 발행 동작은 변경하지 않습니다. -->
<!-- ver390: ChatGPT 실제 보호 팝업을 backend 429와 동일한 10분 전역 회로차단 신호로 처리하고, 직전 ChatGPT 작업 완료 뒤 최소 180초 quiet period를 적용하는 백엔드 변경에 맞춘 버전 표기입니다. 기존 발행 UI 동작은 변경하지 않습니다. -->
<!-- ver388: ChatGPT 한 프롬프트 단일 전송, 화면 과거 제한문구 오판 제거, 외부 소셜 전용 GPT master-off 복원. 기존 발행 UI는 유지합니다. -->
<!-- ver387: ChatGPT 관리형 Chrome/작업 탭을 1개로 유지하고 작업별 브라우저 재시작을 제거합니다. ver386의 10분+수동 재확인 및 기존 발행 UI는 유지합니다. -->
<!-- ver386: ChatGPT 429 보호 회로 최소 냉각을 10분으로 변경하고, 10분 경과 후에도 자동 재개하지 않으며 관리자 수동 생성에서만 1회 재확인합니다. ver385 전용 탭 1개·수동 탭 보호와 ver384 전역 요청 직렬화는 유지합니다. -->
<!-- ver385: ChatGPT 자동화는 사용자 수동 탭과 분리된 소유 탭 1개만 재사용하고, 429 실패 탭 누적 및 recovery의 수동 탭 오인을 제거합니다. 429 회로는 냉각 종료 후에도 자동 재개하지 않고 관리자 수동 생성에서만 1회 재확인합니다. ver384 전역 요청 직렬화는 유지합니다. -->
<!-- ver384: ChatGPT 본문·이미지·Continue 전송은 백엔드의 단일 전역 직렬 슬롯을 사용하며, UI 전송 버튼 활성화로 보호간격을 건너뛰던 이미지 fast-path를 제거합니다. -->
<!-- ver383: 포스트 직렬큐 + ChatGPT 429 전역 회로차단 + recovery 차단 + 저호출 Agent 운영. -->
<!-- ver366: Metricool/Buffer형 운영 관제센터 UI. 메인 메뉴 8개, 운영 대시보드, 3단계 콘텐츠 작성, 카드형 채널 선택, 고급설정 접기, 계정별 채널/챗지피티 연결 프로필을 적용합니다. ver365 기능/ID/API는 유지합니다. -->
<!-- ver365: ver364 기능을 모두 유지하면서 스튜디오 좌측 메뉴를 현재 사이트 콘텐츠 영역에 붙여 정렬하고, 사이트 라이트/다크 모드를 자동 추종하며 관리자 화면의 지나치게 작은 8~11px 글자를 가독성 기준으로 상향합니다. -->
<!-- ver368: 계정별 설정에서 현재 실제 사용값과 저장/수정값을 나란히 표시합니다. 버퍼·유튜브·각 플랫폼 연결값은 로그인 사용자별 프로필로 관리하고, 프롬프트 화면에는 현재 실행 코드의 원본 플랫폼 프롬프트를 읽기 전용으로 복원해 표시합니다. -->
<!-- ver367: /news는 공개 콘텐츠만 표시하고 /studio는 레벨5 이상 관리 스튜디오로 분리합니다. 버퍼 우선/버퍼만/공식 API만 발행 전략과 복원된 플랫폼별 기본 GPT 프롬프트를 사용자별 채널 설정에 연결합니다. -->
<!-- ver364: /news는 공개 콘텐츠 전용으로 유지하고 /content-studio를 레벨5 이상 로그인 사용자 전용 관리 화면으로 분리합니다. 사용자별 자격증명·광고·노드·게시물 소유권을 분리하고 관리자 프롬프트/기본설정은 공통 기본값으로 상속합니다. TTS 약어는 음성에서 철자 발음으로 정규화합니다. -->
<!-- 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 name="viewport" content="width=device-width, initial-scale=1.0">


<title>IT·디지털 | REGOLITH 유용한 정보</title>
<link rel="icon" href="/static/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/theme_static/bootstrap_neo/css/default.css?ver=708">
<link rel="stylesheet" href="/static/js/font-awesome/css/all.min.css?ver=6.5.1">
<link rel="stylesheet" href="/theme_static/bootstrap_neo/js/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
<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_neo/js/bootstrap/bootstrap.bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M8CFJB8VGP"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-M8CFJB8VGP');
</script>

<script>
// 자바스크립트에서 사용하는 전역변수 선언
const g6_url       = "https://regolith.kr/";
const g6_bbs_url   = "https://regolith.kr/bbs";
const g6_is_member = "";
const g6_is_mobile = "";
const g6_editor    = "ckeditor4";
const g6_cookie_domain = "";
const g6_shop_url = "https://regolith.kr/shop";
</script>
  <!--구글애드센스관련-->
  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7126814579735103"
     crossorigin="anonymous"></script>


<script>
(()=>{'use strict';
const key='regolith.device-tools.v1',en=location.pathname.startsWith('/en/');
const names=['target_kb','target_mb','width','height','quality','dpi','scale','format','keep_ratio','resize_mode','scale_percent','keep_aspect'];
let state={version:1,recent:[],settings:{}},available=true,restoring=false;
try{
 const saved=JSON.parse(localStorage.getItem(key)||'null');
 if(saved?.version===1&&Array.isArray(saved.recent)&&saved.settings&&typeof saved.settings==='object'&&!Array.isArray(saved.settings))state=saved;
 // Migrate old English slugs once; the old writer and renderer are removed.
 const old=JSON.parse(localStorage.getItem('regolith.en.recent')||'[]');
 if(Array.isArray(old))state.recent=[...new Set([...state.recent,...old])];
 state.recent=state.recent.filter(x=>typeof x==='string'&&/^[a-z0-9-]{1,90}$/.test(x)).slice(0,8);
 localStorage.setItem(key,JSON.stringify(state));localStorage.removeItem('regolith.en.recent');
}catch{available=false}
function write(){try{localStorage.setItem(key,JSON.stringify(state));available=true;return true}catch{available=false;return false}}
function render(){
 const section=document.getElementById('deviceRecent'),host=document.getElementById('deviceRecentTools'),source=document.getElementById('deviceToolNames');
 if(!section||!host||!source)return;
 const catalog=JSON.parse(source.textContent),fragment=document.createDocumentFragment();
 for(const slug of state.recent){
  if(!Object.hasOwn(catalog,slug))continue;
  const a=document.createElement('a');a.className='device-recent-tool';a.href=(en?'/en':'')+'/tools/'+slug;
  const title=document.createElement('strong');title.textContent=catalog[slug];a.append(title);
  const options=state.settings[slug]||{},parts=[];
  if(Number(options.target_kb)>0)parts.push(options.target_kb+' KB');
  if(Number(options.target_mb)>0)parts.push(options.target_mb+' MB');
  if(Number(options.width)>0||Number(options.height)>0)parts.push((options.width||'auto')+' × '+(options.height||'auto')+' px');
  if(options.resize_mode==='percent'&&options.scale_percent)parts.push(options.scale_percent+'%');
  if(options.quality)parts.push((en?'Quality ':'품질 ')+options.quality);
  if(options.format)parts.push(String(options.format).toUpperCase());
  const text=document.createElement('small');text.textContent=parts.join(' · ')||(en?'Open again →':'바로 다시 사용 →');a.append(text);fragment.append(a);
 }
 host.replaceChildren(fragment);section.hidden=!host.children.length;
}
function restore(form){
 const slug=form.dataset.slug||form.dataset.toolSlug||form.dataset.homeRun,settings=state.settings[slug];if(!settings||typeof settings!=='object')return;
 restoring=true;
 for(const field of form.querySelectorAll('[name]')){
  if(!names.includes(field.name)||!Object.hasOwn(settings,field.name)||field.type==='file')continue;
  const value=settings[field.name];
  if(field.type==='checkbox'){field.checked=value===true;}
  else if(field.tagName==='SELECT'){
   const option=[...field.options].find(o=>o.value===value||(field.name==='format'&&value==='original'&&['원본','original','same'].includes(o.value.toLowerCase())));
   if(!option)continue;field.value=option.value;
  }else{
   if(value!==''&&(!Number.isFinite(Number(value))||Number(value)<0))continue;
   field.value=String(value);
  }
  field.dispatchEvent(new Event('input',{bubbles:true}));
 }
 window.RegolithNumbers?.refresh(form);restoring=false;
}
function save(form){
 if(restoring)return;
 const slug=form.dataset.slug||form.dataset.toolSlug||form.dataset.homeRun;if(!slug)return;
 // Forms expose different subsets; updating a quick form must not erase editor dimensions.
 const settings=Object.fromEntries(Object.entries(state.settings[slug]||{}).filter(([name])=>names.includes(name)));
 for(const field of form.querySelectorAll('[name]')){
  if(!names.includes(field.name)||field.type==='file'||field.disabled)continue;
  if(field.type==='checkbox'){settings[field.name]=field.checked;continue}
  if(field.tagName==='SELECT'){
   if(/^[a-z0-9_-]{1,16}$/i.test(field.value)||field.value==='원본')settings[field.name]=field.name==='format'&&['원본','original','same'].includes(field.value.toLowerCase())?'original':field.value;
   continue;
  }
  const raw=field.value.trim();
  const value=raw===''?'':Number(window.RegolithNumbers&&field.dataset.numberFormat!==undefined?RegolithNumbers.parse(raw):raw);
  if(value!==''&&(!Number.isFinite(value)||value<0||value>1e9))continue;
  settings[field.name]=String(value);
 }
 state.settings[slug]=settings;write();render();
 const status=form.querySelector('[data-device-settings-status]');
 if(status)status.textContent=available?(en?'Size and output settings saved on this device. Select your files again to reuse them.':'용량·크기 설정을 이 기기에 저장했습니다. 파일을 다시 선택하면 이어서 사용할 수 있습니다.'):(en?'Device storage is unavailable in this browser.':'현재 브라우저에서 기기 저장을 사용할 수 없습니다.');
}
function start(){
 const forms=[...document.querySelectorAll('#toolForm,.home-direct-form,form[data-home-run]')];
 const current=document.getElementById('toolForm')?.dataset.slug||document.querySelector('.de[data-template]')?.dataset.template;
 if(current){state.recent=[current,...state.recent.filter(x=>x!==current)].slice(0,8);write()}
 for(const form of forms){
  const slug=form.dataset.slug||form.dataset.toolSlug||form.dataset.homeRun;
  if(!slug)continue;
  // Retire path-specific tool drafts; document draft storage remains independent.
  try{localStorage.removeItem('rg-draft:/tools/'+slug);localStorage.removeItem('rg-draft:/en/tools/'+slug)}catch{}
  restore(form);
  // ver711: An explicit homepage limit wins over saved settings for this tool.
  // Only the existing target_kb field is set; no automatic upload or second submit handler.
  const limit=new URLSearchParams(location.search).get('target_kb');
  if(slug===current&&['pdf-compress','image-compress'].includes(slug)&&limit!==null&&/^\d+(?:\.\d+)?$/.test(limit)&&Number(limit)>0&&Number(limit)<=1e9){
   const field=form.querySelector('[name="target_kb"]');
   if(field){field.value=limit;field.dispatchEvent(new Event('input',{bubbles:true}));save(form)}
  }
  if([...form.querySelectorAll('[name]')].some(f=>names.includes(f.name))){
   const note=document.createElement('p');note.className='small-note device-settings-note';note.dataset.deviceSettingsStatus='';note.setAttribute('role','status');
   note.textContent=available?(state.settings[slug]&&Object.keys(state.settings[slug]).length?(en?'Saved size and output settings restored from this device. Select your files again.':'이 기기에 저장한 용량·크기 설정을 불러왔습니다. 파일을 다시 선택하세요.'):(en?'This device remembers size and output settings. Files are not saved.':'이 기기에 용량·크기 설정을 기억합니다. 파일 자체는 저장하지 않습니다.')):(en?'Device storage is unavailable in this browser.':'현재 브라우저에서 기기 저장을 사용할 수 없습니다.');form.append(note);
  }
  for(const event of ['input','change'])form.addEventListener(event,e=>{if(names.includes(e.target.name))save(form)});
  form.addEventListener('submit',()=>{state.recent=[slug,...state.recent.filter(x=>x!==slug)].slice(0,8);save(form);write();render()});
  form.addEventListener('tools:reset',()=>{delete state.settings[slug];write();const note=form.querySelector('[data-device-settings-status]');if(note)note.textContent=en?'Saved settings for this tool have been reset.':'이 도구의 저장한 설정을 초기화했습니다.';render()});
 }
 document.getElementById('clearDeviceTools')?.addEventListener('click',()=>{
  state={version:1,recent:[],settings:{}};try{localStorage.removeItem(key)}catch{}
  render();document.getElementById('deviceRecentStatus').textContent=en?'Device tool history and settings cleared.':'이 기기의 도구 기록과 설정을 지웠습니다.';
 });
 render();
 window.addEventListener('pageshow',e=>{if(e.persisted){try{state=JSON.parse(localStorage.getItem(key)||'{"version":1,"recent":[],"settings":{}}')}catch{}forms.forEach(restore);render()}});
 window.addEventListener('storage',e=>{if(e.key===key){try{state=e.newValue?JSON.parse(e.newValue):{version:1,recent:[],settings:{}};render()}catch{}}});
}
if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',start,{once:true});else start();
})();
</script>

<meta name="description" lang="ko" content="IT·디지털 카테고리의 최신 글과 핵심 정보를 한곳에서 확인하세요.">
<meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1">
<link rel="canonical" href="https://regolith.kr/news/category/it디지털">
<link rel="alternate" type="application/rss+xml" title="REGOLITH 유용한 정보 RSS" href="https://regolith.kr/news/rss.xml">
<meta property="og:type" content="website">
<meta property="og:locale" content="ko_KR">
<meta property="og:site_name" content="REGOLITH 유용한 정보">
<meta property="og:title" content="IT·디지털 | REGOLITH 유용한 정보">
<meta property="og:description" content="IT·디지털 카테고리의 최신 글과 핵심 정보를 한곳에서 확인하세요.">
<meta property="og:url" content="https://regolith.kr/news/category/it디지털">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="IT·디지털 | REGOLITH 유용한 정보">
<meta name="twitter:description" content="IT·디지털 카테고리의 최신 글과 핵심 정보를 한곳에서 확인하세요.">
</head>

<body>
    

<!-- ver668: Bootstrap 간격 클래스 자체를 축소해 상단 링크·메뉴 여백을 줄입니다. 별도 CSS 덮어쓰기 없이 기존 헤더 기능을 유지합니다. -->
<!-- 상단 시작 { -->


<header id="hd" class="wrapper-bg py-1 pt-md-0 sticky-top main-bb">
  <div id="skip_to_container"><a href="#container">본문 바로가기</a></div>

  
  <div id="tnb" class="d-block card-bg fs-5 mb-0 py-1">
      <ul id="hd_qnb" class="container-xxl d-flex justify-content-end align-items-center">
          
          <li class="neo-language-switch">


<style>
.neo-language-choice{display:inline-flex;align-items:center;gap:2px;vertical-align:middle;padding:2px;border:1px solid #cbd5e1;border-radius:999px;background:linear-gradient(180deg,#fff,#edf2f8);box-shadow:0 1px 3px #182b4812;line-height:1;margin-right:8px}
.neo-language-choice a{display:inline-flex;align-items:center;justify-content:center;min-width:37px;height:21px;padding:0 9px;border-radius:999px;color:#52637b;font:700 11px/1 system-ui,sans-serif;letter-spacing:.035em;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s}
.neo-language-choice a[aria-current="page"]{background:#243f67;color:#fff;box-shadow:0 1px 3px #10274633}
.neo-language-choice a:hover{background:#dbe6f5;color:#172f53;text-decoration:none}
.neo-language-choice a[aria-current="page"]:hover{background:#243f67;color:#fff}
.neo-language-choice a:focus-visible{outline:2px solid #547ed1;outline-offset:2px}
</style>
<div class="neo-language-choice" role="group" aria-label="Language">
<a href="/language/ko?next=/news/category/it%EB%94%94%EC%A7%80%ED%84%B8" lang="ko" hreflang="ko" aria-label="Korean" title="Korean" aria-current="page">KOR</a>
<a href="/language/en?next=/en/" lang="en" hreflang="en" aria-label="English" title="English">EN</a>
</div></li>
          <li><a href="https://regolith.kr/bbs/faq" class="sub-font px-2">FAQ</a></li>
          <li><a href="https://regolith.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">58</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_neo/img/logo.png" width="96" height="48" alt="그누보드6"></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 {
            /* 3단은 2단 스크롤 높이를 바꾸지 않고 열린 2단 항목 옆에만 띄운다. */
            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;
        }
    </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="전체메뉴">
                <i class="fa fa-bars" aria-hidden="true"></i>
                <span class="blind">전체메뉴열기</span>
            </button>
        </li>

        
            <li class="gnb_1dli" style="z-index:998">
                <div class="gnb_menu_item_line">
                    <a href="/news"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4"
                       >
                        최신정보
                    </a>
                </div>

                
            </li>
        
            
            <li class="gnb_1dli" style="z-index:997">
                <div class="gnb_menu_item_line">
                    <a href="/tools"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4"
                       >
                        웹도구
                    </a>
                </div>

                
            </li>
        
            
            <li class="gnb_1dli" style="z-index:996">
                <div class="gnb_menu_item_line">
                    <a href="https://speak.regolith.kr"
                       target="_self"
                       class="d-block fw-bold p-4 sub-font text-decoration-none fs-4"
                       >
                        한글·일본어 학습
                    </a>
                </div>

                
            </li>
        
            
            <li class="gnb_1dli" style="z-index:995">
                <div class="gnb_menu_item_line">
                    <a href="/video-board"
                       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: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="/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="/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="/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="/board/qa/"
                   target="_self"
                   class="gnb_2da dropdown-item main-bg text-white p-4 fs-4">
                    질문&amp;답변
                </a>

                
            </div>

            
        </li>
    

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

    <div id="gnb_all" class="position-absolute d-none">
        <h2 class="blind">전체메뉴</h2>
        <ul class="gnb_al_ul">
            
                
                <li class="gnb_al_li">
                    <div class="gnb_all_menu_item_line">
                        <a href="/news"
                           target="_self"
                           class="gnb_al_a"
                           >최신정보</a>
                    </div>
                    
                </li>
            
                
                <li class="gnb_al_li">
                    <div class="gnb_all_menu_item_line">
                        <a href="/tools"
                           target="_self"
                           class="gnb_al_a"
                           >웹도구</a>
                    </div>
                    
                </li>
            
                
                <li class="gnb_al_li">
                    <div class="gnb_all_menu_item_line">
                        <a href="https://speak.regolith.kr"
                           target="_self"
                           class="gnb_al_a"
                           >한글·일본어 학습</a>
                    </div>
                    
                </li>
            
                
                <li class="gnb_al_li">
                    <div class="gnb_all_menu_item_line">
                        <a href="/video-board"
                           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">커뮤니티</a>
                    </div>
                    
                        <ul class="gnb_al_2ul gnb_all_submenu">
                            
    
        <li class="gnb_al_2li">
            <div class="gnb_all_menu_item_line">
                <a href="/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="/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="/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="/board/qa/" target="_self" class="gnb_al_2a">
                    질문&amp;답변
                </a>

                
            </div>

            
        </li>
    

                        </ul>
                    
                </li>
            
        </ul>
        <button type="button" class="gnb_close_btn">
            <i class="fa fa-xmark" aria-hidden="true"></i>
        </button>
    </div>
    <div id="gnb_all_bg"></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 ? "\ub2eb\uae30" : "\uc5f4\uae30";
                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 + " \ud558\uc704\uba54\ub274 " + stateText : "\ud558\uc704\uba54\ub274 " + 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 willOpen = !$item.hasClass("is-open");

                $item.toggleClass("is-open", willOpen);
                setToggleState($item, willOpen);

                if (!willOpen) {
                    $item.find(".has_submenu.is-open").each(function() {
                        $(this).removeClass("is-open");
                        setToggleState($(this), false);
                    });
                }
            }

            function closeAllExpandedAllMenus() {
                $("#gnb_all .has_submenu.is-open").each(function() {
                    $(this).removeClass("is-open");
                    setToggleState($(this), false);
                });
            }

            $(".gnb_menu_btn").on("click", function() {
                $("#gnb_all, #gnb_all_bg").show();
            });

            $(".gnb_close_btn, #gnb_all_bg").on("click", function() {
                closeAllExpandedAllMenus();
                $("#gnb_all, #gnb_all_bg").hide();
            });

            $("#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="neo-mobile-trigger me-auto" aria-controls="gnb_mo" aria-expanded="false">
      <span class="neo-mobile-trigger-lines" aria-hidden="true"><i></i><i></i><i></i></span>
      <span class="blind">전체 메뉴 열기</span>
    </button>
    <div id="neoMobileMenuBackdrop" class="neo-mobile-backdrop" hidden></div>
    <aside id="gnb_mo" class="neo-mobile-drawer" aria-hidden="true" inert aria-label="모바일 전체 메뉴">
      
<style>
.neo-mobile-menu,.neo-mobile-menu *{box-sizing:border-box}
.neo-mobile-backdrop{position:fixed;inset:0;z-index:2080;background:rgba(8,15,30,.55);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}
.neo-mobile-backdrop.is-open{opacity:1;visibility:visible}
.neo-mobile-drawer{position:fixed;inset:0 0 0 auto;z-index:2090;width:min(94vw,430px);height:100dvh;overflow:hidden;background:var(--contBg,#fff);color:var(--fontColor,#172033);box-shadow:-24px 0 70px rgba(12,22,44,.22);transform:translateX(105%);transition:transform .24s ease}
.neo-mobile-drawer.is-open{transform:translateX(0)}
.neo-mobile-menu{display:flex;flex-direction:column;height:100%;font-size:14px}
.neo-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.neo-mobile-brand{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800}
.neo-mobile-brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#5b5cf0;color:#fff}
.neo-mobile-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:12px;background:color-mix(in srgb,currentColor 7%,transparent);color:inherit;font-size:20px}
.neo-mobile-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 16px calc(24px + env(safe-area-inset-bottom))}
.neo-mobile-search{margin:0 0 12px}
.neo-mobile-search label{display:block;margin-bottom:7px;font-size:14px;font-weight:700}
.neo-mobile-search-box{display:flex;gap:8px}
.neo-mobile-search-box input{width:100%;min-width:0;height:48px;padding:0 12px;border:1px solid #b8c2d3;border-radius:12px;background:var(--bodyBg,#f7f9fc);color:inherit;font-size:16px}
.neo-mobile-search-box button{flex:none;width:auto;min-width:60px;min-height:48px;padding:0 12px;border:0;border-radius:12px;background:#5b5cf0;color:#fff;font-size:14px;font-weight:700}
.neo-mobile-all-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding:12px 14px;border-radius:12px;background:#5b5cf0;color:#fff;text-decoration:none;font-weight:800}
.neo-mobile-section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:18px 0 10px}
.neo-mobile-section-title h2{margin:0;font-size:16px}
.neo-mobile-categories,.neo-mobile-primary,.neo-mobile-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.neo-mobile-categories a,.neo-mobile-primary a,.neo-mobile-shortcuts a{display:flex;align-items:center;gap:8px;min-width:0;min-height:54px;padding:10px;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:12px;background:var(--bodyBg,#f7f9fc);color:inherit;text-decoration:none;font-size:14px;line-height:1.4;font-weight:700;overflow-wrap:anywhere}
.neo-mobile-categories i,.neo-mobile-primary i{font-style:normal;font-size:19px;flex:none}
.neo-mobile-more{margin-top:12px;padding:0;border:0}
.neo-mobile-more>summary{min-height:44px;padding:12px 0;font-size:14px;font-weight:700;cursor:pointer}
.neo-mobile-shortcuts a{display:block;font-weight:400}
.neo-mobile-shortcuts strong,.neo-mobile-shortcuts span{display:block;font-size:14px}
.neo-mobile-shortcuts span{margin-top:4px;color:var(--subFontColor,#68758b)}
.neo-mobile-footer{display:flex;gap:8px;margin-top:18px}
.neo-mobile-footer a{display:grid;place-items:center;flex:1;min-height:44px;padding:8px;border-radius:10px;background:color-mix(in srgb,currentColor 7%,transparent);color:inherit;text-align:center;text-decoration:none;font-size:14px}
.neo-mobile-trigger{display:none;width:48px;height:48px;border:0;border-radius:15px;background:color-mix(in srgb,#5b5cf0 10%,transparent);color:var(--fontColor,#172033);font-size:20px}
.neo-mobile-trigger-lines{display:grid;gap:4px}.neo-mobile-trigger-lines i{display:block;width:20px;height:2px;border-radius:9px;background:currentColor}
.neo-menu-lock{overflow:hidden}
.neo-mobile-account{margin-bottom:18px;padding:14px;border:1px solid color-mix(in srgb,#5b5cf0 22%,currentColor 10%);border-radius:17px;background:linear-gradient(145deg,color-mix(in srgb,#5b5cf0 9%,var(--contBg,#fff)),var(--contBg,#fff))}.neo-mobile-account-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.neo-mobile-account-avatar{display:grid;place-items:center;width:42px;height:42px;flex:none;overflow:hidden;border-radius:14px;background:#5b5cf0;color:#fff;font-size:18px;font-weight:900}.neo-mobile-account-avatar img{width:100%;height:100%;object-fit:cover}.neo-mobile-account-copy strong,.neo-mobile-account-copy span{display:block}.neo-mobile-account-copy strong{font-size:14px}.neo-mobile-account-copy span{margin-top:2px;color:var(--subFontColor,#68758b);font-size:11px}.neo-mobile-account-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.neo-mobile-account-actions a{display:flex;align-items:center;justify-content:center;min-height:42px;padding:9px;border:1px solid color-mix(in srgb,currentColor 11%,transparent);border-radius:12px;background:var(--contBg,#fff);color:inherit;text-align:center;text-decoration:none;font-size:12px;font-weight:850}.neo-mobile-account-actions a.neo-mobile-account-primary{border-color:#5b5cf0;background:#5b5cf0;color:#fff}.neo-mobile-account-actions a.neo-mobile-account-wide{grid-column:1/-1}

@media(max-width:767.98px){.neo-mobile-trigger{display:grid;place-items:center}}
@media(prefers-reduced-motion:reduce){.neo-mobile-backdrop,.neo-mobile-drawer{transition:none}}
</style>


<div class="neo-mobile-menu">
  <header class="neo-mobile-head">
    <div class="neo-mobile-brand"><span class="neo-mobile-brand-mark">R</span><span>REGOLITH 도구 찾기</span></div>
    <button type="button" id="gnb_close" class="neo-mobile-close" aria-label="메뉴 닫기">✕</button>
  </header>
  <div class="neo-mobile-body">
    <form class="neo-mobile-search" action="/tools/" method="get" role="search">
      <label for="neoMobileToolSearch">도구 이름·확장자로 검색</label>
      <div class="neo-mobile-search-box"><input id="neoMobileToolSearch" name="q" type="search" placeholder="예: M4A MP3, PDF 합치기" enterkeyhint="search"><button type="submit">검색</button></div>
    </form>
    <a class="neo-mobile-all-tools" href="/tools/"><span>🧰 전체 도구</span><span aria-hidden="true">→</span></a>
    <div class="neo-mobile-section-title"><h2>도구 카테고리</h2></div>
    <nav class="neo-mobile-categories" aria-label="도구 카테고리">
      <a href="/tools/?category=document&amp;view=directory"><i aria-hidden="true">📄</i><span>PDF·문서</span></a><a href="/tools/?category=image&amp;view=directory"><i aria-hidden="true">🖼️</i><span>이미지</span></a><a href="/tools/?category=calculator&amp;view=directory"><i aria-hidden="true">🧮</i><span>계산기</span></a><a href="/tools/?category=video&amp;view=directory"><i aria-hidden="true">🎥</i><span>영상</span></a><a href="/tools/?category=audio&amp;view=directory"><i aria-hidden="true">🎵</i><span>오디오</span></a><a href="/tools/?category=converter&amp;view=directory"><i aria-hidden="true">🔄</i><span>단위 변환</span></a><a href="/tools/?category=data&amp;view=directory"><i aria-hidden="true">📊</i><span>엑셀·데이터</span></a><a href="/tools/?category=text&amp;view=directory"><i aria-hidden="true">✍️</i><span>글·생활</span></a>
    </nav>
    <details class="neo-mobile-more"><summary>다른 분야 보기</summary>
      <nav class="neo-mobile-categories" aria-label="추가 도구 분야">
      <a href="/tools/?category=security&amp;view=directory"><i aria-hidden="true">🛡️</i><span>보안</span></a><a href="/tools/?category=qr&amp;view=directory"><i aria-hidden="true">▦</i><span>QR·바코드</span></a><a href="/tools/?category=forms&amp;view=directory"><i aria-hidden="true">🗃️</i><span>문서양식</span></a><a href="/tools/?category=signature&amp;view=directory"><i aria-hidden="true">✒️</i><span>전자서명</span></a><a href="/tools/?category=map&amp;view=directory"><i aria-hidden="true">🗺️</i><span>지도</span></a><a href="/tools/?category=website&amp;view=directory"><i aria-hidden="true">🌐</i><span>사이트·SEO</span></a><a href="/tools/?category=capture&amp;view=directory"><i aria-hidden="true">📸</i><span>웹 캡처</span></a><a href="/tools/?category=automation&amp;view=directory"><i aria-hidden="true">⚙️</i><span>자동화</span></a><a href="/tools/?category=developer&amp;view=directory"><i aria-hidden="true">⌘</i><span>개발자</span></a><a href="/tools/?category=accessibility&amp;view=directory"><i aria-hidden="true">♿</i><span>접근성</span></a>
      </nav>
    </details>
    <div class="neo-mobile-section-title"><h2>메인메뉴</h2></div>
    <nav class="neo-mobile-primary" aria-label="모바일 메인메뉴">
      <a href="/news"><i>📰</i>최신정보</a><a href="/board/notice/"><i>📣</i>공지사항</a>
      <a href="/board/free/"><i>💬</i>자유게시판</a><a href="/board/gallery/"><i>🖼️</i>갤러리</a>
      <a href="/board/qa/"><i>❓</i>질문·답변</a><a href="/tools"><i>🧰</i>웹도구</a>
    </nav>

    <details class="neo-mobile-more"><summary>사용 안내</summary>
    <nav class="neo-mobile-shortcuts" aria-label="주요 페이지">
      <a href="/tools"><strong>전체 도구</strong><span>모든 기능 한눈에 보기</span></a>
      <a href="/tools/features"><strong>기능 소개</strong><span>분야별 기능 살펴보기</span></a>
      <a href="/tools/guide"><strong>사용 안내</strong><span>처음부터 결과 저장까지</span></a>
      <a href="/tools/formats"><strong>형식 안내</strong><span>파일 포맷 비교하기</span></a>
    </nav>
    </details>
    <details class="neo-mobile-more"><summary>회원 메뉴</summary>
    <section class="neo-mobile-account" aria-label="회원 메뉴">
      
      <div class="neo-mobile-account-head">
        <span class="neo-mobile-account-avatar" aria-hidden="true">R</span>
        <span class="neo-mobile-account-copy"><strong>회원 서비스</strong><span>로그인하면 쪽지·스크랩·포인트를 이용할 수 있습니다.</span></span>
      </div>
      <nav class="neo-mobile-account-actions" aria-label="로그인 및 회원가입">
        <a href="/bbs/login" class="neo-mobile-account-primary">로그인</a><a href="/bbs/register">회원가입</a>
        <a href="/bbs/id_lost">아이디 찾기</a><a href="/bbs/password_lost">비밀번호 찾기</a>
      </nav>
      
    </section>
    </details>
    <nav class="neo-mobile-footer" aria-label="고객 지원"><a href="/bbs/faq">FAQ</a><a href="/bbs/qalist">1:1 문의</a><a href="/bbs/new">새글</a></nav>
  </div>
</div>
    </aside>
       <!-- 검색영역 -->
       <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>
        <!-- 인기검색어 시작 { -->
        

        <!-- } 인기검색어 끝 -->
      </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">
        </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://regolith.kr/news/category/it디지털"
            >

            <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=kakao" class="sns-icon social_link sns-kakao" 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>
<script>
  // ver677: These handlers belong to the Korean header and render with that component only.
  // 프로필 이미지 클릭 이벤트
  var profileImg = document.querySelector("#profile");
  var mypageBox = document.querySelector(".hd_login");

  function handleProfileClick() {
    mypageBox?.classList.add("active");
  }

  function handleProfileFocusout() {
    mypageBox?.classList.remove("active");
  }

  profileImg.addEventListener("click", handleProfileClick);
  profileImg.addEventListener("focusout", handleProfileFocusout);

  // util box내 메뉴,검색바 이벤트리스너
  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() {
    hd_sch_wr.classList.add("active");
  }

  function delSearchClick() {
    hd_sch_wr.classList.remove("active");
  }

  var mobileBackdrop = document.querySelector("#neoMobileMenuBackdrop");

  // 이전의 중복 데스크톱 메뉴 이벤트를 대체하는 단일 모바일 드로어 상태입니다.
  function setMobileMenu(open) {
    hd_gnb_wr.classList.toggle("is-open", open);
    mobileBackdrop.hidden = !open;
    requestAnimationFrame(function () { mobileBackdrop.classList.toggle("is-open", open); });
    hd_gnb_wr.setAttribute("aria-hidden", String(!open));
    gnb_opener.setAttribute("aria-expanded", String(open));
    document.documentElement.classList.toggle("neo-menu-lock", open);
    // ver701: Opening navigation must not summon the mobile keyboard. Closed drawer controls stay unfocusable.
    hd_gnb_wr.inert = !open;
    if (open) close_btn.focus({preventScroll:true});
    else gnb_opener.focus({preventScroll:true});
  }

  function handleGnbClick() { setMobileMenu(true); }
  function delGnbClick() { setMobileMenu(false); }

  sch_opener.addEventListener("click", handleSearchClick);
  sch_close_btn.addEventListener("click", delSearchClick);
  gnb_opener.addEventListener("click", handleGnbClick);
  close_btn.addEventListener("click", delGnbClick);
  mobileBackdrop.addEventListener("click", delGnbClick);
  hd_gnb_wr.addEventListener("click", function (event) { if (event.target.closest("a")) delGnbClick(); });
  document.addEventListener("keydown", function (event) { if (event.key === "Escape" && hd_gnb_wr.classList.contains("is-open")) delGnbClick(); });

</script>
</header>
<!-- } 상단 끝 -->


<hr>

<!-- 콘텐츠 시작 { -->
 
<div id="wrapper" class="container-xxl w-100 overflow-hidden pt-md-2">

  
  <h2 id="container_title" class="pb-3"><span class="fs-4 main-font"></span></h2>
  
    
<div id="autoNewsApp" class="auto-news-wrap">


  <style>
 .an-control-field{display:grid;gap:6px;min-width:0;font-size:14px}.an-control-field>span{font-weight:600}.an-control-field>select,.an-control-field>input{width:100%;min-width:0}
/* ver638: semantic settings sections replace the unbroken list; controls and handlers stay unique. */
.an-settings-intro{font-size:14px;line-height:1.6;color:#64748b;margin:0 0 14px}
.an-settings-section{border:1px solid #dbe3ee;border-radius:12px;margin:12px 0;overflow:clip}
.an-settings-section>summary{padding:16px;cursor:pointer;font-size:16px;font-weight:700;list-style-position:inside}
.an-settings-section[open]>summary{border-bottom:1px solid #dbe3ee;background:#eff5ff;color:#214a88}
.an-settings-section-body{padding:16px;display:grid;gap:12px;min-width:0}
.an-settings-help{margin:14px 0;font-size:14px}.an-settings-help summary{cursor:pointer}
.an-settings-section-body .an-scheduler-limit{display:grid;grid-template-columns:minmax(140px,1fr) minmax(160px,1.4fr);align-items:center;gap:10px}
.an-settings-section-body .an-scheduler-limit select{width:100%;min-width:0}
@media(max-width:640px){.an-settings-section-body .an-scheduler-limit{grid-template-columns:1fr}.an-settings-section-body{padding:12px}.an-scheduler-head{flex-wrap:wrap}}

    .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:not([hidden]){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-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;align-items:end}.an-publish-options{grid-column:1/-2;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;min-width:0}.an-admin-grid>.an-btn{grid-column:-2/-1;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-summary{font-size:14px;line-height:1.7;margin:12px 0 18px;color:var(--an-muted)}.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;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px;margin:12px 0}.an-scheduler-time-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.an-scheduler-actions{position:sticky;bottom:0;z-index:3;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin-top:16px;padding:12px;background:var(--an-card,#fff);border-top:1px solid var(--an-line,#dbe3ee)}.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}
    /* 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-admin-grid>.an-btn{grid-column:1/-1}.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-admin-grid>.an-btn,.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:12px;border-bottom:1px solid #252e40;text-align:left;font-size:14px;vertical-align:middle}.an-studio-table th{position:sticky;top:0;background:#171d29;color:#b9c3d6;font-size:14px;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:var(--studio-panel);min-height:340px;padding:9px;color:var(--studio-text)}.an-planner-day h3{font-size:12px;margin:0 0 8px;color:var(--studio-text)}.an-planner-slot{border:1px solid var(--studio-line);border-radius:9px;background:var(--studio-panel2);padding:8px;margin-bottom:6px;color:var(--studio-text)}.an-planner-slot b{font-size:11px;color:var(--studio-text)}.an-planner-slot small{display:block;color:var(--studio-muted);font-size:10px;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-buffer-accounts{margin:16px 0;font-size:14px}.an-buffer-accounts h3{font-size:16px;margin:8px 0}.an-buffer-account{border:1px solid #bac5d4;border-radius:8px;padding:12px;margin:10px 0}.an-buffer-account summary{font-weight:600;cursor:pointer;overflow-wrap:anywhere}.an-buffer-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:12px 0}.an-buffer-account-grid label{display:block;font-size:14px}.an-buffer-account-grid input:not([type=checkbox]){width:100%;padding:8px;font:inherit;box-sizing:border-box}.an-buffer-account small{display:block;margin:6px 0;overflow-wrap:anywhere}.an-buffer-account-results{overflow:auto;max-height:260px}.an-buffer-account-results table{width:100%;font-size:14px}.an-buffer-account-results td,.an-buffer-account-results th{padding:6px;text-align:left}
    .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:9px}.an-key-item{border:1px solid #2d364b;border-radius:10px;background:#111722;padding:10px}.an-key-item label{font-size:11px;color:var(--studio-sub);display:block;margin-bottom:6px}.an-key-item small{font-size:9px;color:var(--studio-muted)}.an-current-setting{border:1px solid var(--studio-line);border-radius:8px;background:rgba(108,166,255,.07);padding:8px;margin-bottom:8px}.an-current-setting-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.an-current-setting-head span{font-size:9px;color:var(--studio-muted)}.an-current-setting-head strong{font-size:11px;color:var(--studio-text);word-break:break-all;text-align:right}.an-current-setting-source{font-size:9px;color:var(--studio-sub);margin-top:4px}.an-credential-summary{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin-bottom:10px}.an-credential-summary b{font-size:13px}.an-credential-summary small{display:block;color:var(--studio-muted);font-size:10px;margin-top:4px}.an-system-prompt-card{margin-bottom:10px}.an-system-prompt-card textarea{min-height:340px;font-size:12px;line-height:1.6}.an-system-prompt-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:7px;color:var(--studio-muted);font-size:10px}
    .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:var(--studio-panel);padding:13px;min-width:0}.an-connection-card h3{font-size:14px;margin:0 0 5px}.an-connection-card p{font-size:12px;color:var(--studio-sub);line-height:1.55;min-height:40px}.an-connection-card .an-studio-form-actions{justify-content:flex-start}.an-connection-meta{display:grid;gap:5px;margin:9px 0;font-size:11px;color:var(--studio-muted)}.an-connection-meta strong{color:var(--studio-text)}.an-connection-paths{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.an-connection-path{border:1px solid var(--studio-line);border-radius:999px;padding:4px 7px;font-size:10px;color:var(--studio-muted)}.an-connection-path.ok{color:var(--studio-green);border-color:color-mix(in srgb,var(--studio-green) 40%,var(--studio-line))}.an-connection-path.bad{color:var(--studio-red)}
    .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-admin-grid>.an-btn{grid-column:auto}.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)}}


    /* -----------------------------------------------------------------------
       ver365 스튜디오 레이아웃·테마·가독성 보정
       - fixed 메뉴의 left:0 문제를 사이트 콘텐츠 영역 좌표에 맞춰 동기화합니다.
       - 사이트 라이트/다크 상태를 data-studio-theme로 반영합니다.
       - 8~11px까지 내려가던 운영 UI 글자를 실사용 가능한 크기로 올립니다.
       ----------------------------------------------------------------------- */
    .auto-news-wrap.an-studio-mode{
      --studio-rail-width:96px;
      padding-left:var(--studio-rail-width);
      font-size:15px;
      line-height:1.5;
      position:relative;
      isolation:isolate;
    }
    .an-studio-rail{
      left:var(--studio-rail-left,0px);
      top:var(--studio-rail-top,0px);
      bottom:auto;
      width:var(--studio-rail-width);
      height:calc(100vh - var(--studio-rail-top,0px));
      padding:10px 7px 14px;
      gap:3px;
    }
    .an-studio-logo{width:44px;height:44px;font-size:16px;margin-bottom:8px}
    .an-studio-nav-btn{width:76px;min-height:42px;padding:5px 4px}
    .an-studio-nav-btn span{font-size:11.5px;line-height:1.2;letter-spacing:-.02em}
    .an-studio-nav-sep{width:62px;margin:5px 0}
    .an-studio-topbar{min-height:66px;padding:11px 18px}
    .an-studio-title{font-size:19px}
    .an-studio-subtitle{font-size:13px}
    .an-studio-top-actions .an-btn{height:36px;font-size:13px}
    .an-studio-page{padding:20px}
    .an-studio-page-head h2{font-size:26px}
    .an-studio-page-head p{font-size:13px;line-height:1.65}
    .an-studio-kpi span{font-size:12px}
    .an-studio-kpi b{font-size:25px}
    .an-studio-kpi small{font-size:11px}
    .an-studio-card h3,.an-studio-card-head h3{font-size:14px}
    .an-studio-row{padding:11px}
    .an-studio-row b{font-size:13px}
    .an-studio-row small{font-size:11px;line-height:1.5}
    .an-studio-badge{font-size:11px;min-height:25px;padding:3px 8px}
    .an-studio-chip{font-size:11px;height:32px}
    .an-studio-candidate h3{font-size:15px}
    .an-studio-candidate p{font-size:12px}
    .an-studio-candidate-footer{font-size:11px}
    .an-media-body b{font-size:12px}
    .an-media-body small{font-size:11px}
    .an-flow-node{width:184px;min-height:90px;padding:12px}
    .an-flow-icon{width:36px;height:36px;flex-basis:36px;font-size:12px}
    .an-flow-node b{font-size:13px}
    .an-flow-node small{font-size:11px;line-height:1.4}
    .an-flow-state{font-size:11px;min-height:24px}
    .an-inspector-card{padding:13px}
    .an-inspector-card h3{font-size:13px}
    .an-inspector-summary b{font-size:14px}
    .an-inspector-summary small{font-size:11px}
    .an-studio-field label{font-size:12px;margin-bottom:6px}
    .an-studio-input,.an-studio-select{height:38px;font-size:13px}
    .an-studio-textarea{font-size:13px}
    .an-studio-mini{height:33px;font-size:11px;padding:0 10px}
    .an-manager-sidebar{padding:12px}
    .an-manager-item{padding:11px}
    .an-manager-item b{font-size:12px}
    .an-manager-item small{font-size:10.5px;line-height:1.45}
    .an-key-item{padding:10px}
    .an-key-item label,.an-key-item small{font-size:10.5px}
    .an-connection-card h3{font-size:14px}
    .an-connection-card p{font-size:12px;line-height:1.55}
    .an-studio-empty{font-size:12px}
    .an-prompt-platform-btn{font-size:13px}
    .an-prompt-item-name{font-size:13px}
    .an-prompt-item-meta,.an-prompt-help{font-size:11.5px}
    .an-prompt-mini{font-size:11px}
    .an-prompt-editor textarea{font-size:13px}
    .an-studio-mode .an-input,.an-studio-mode .an-select,.an-studio-mode .an-textarea,
    .an-studio-mode .an-btn,.an-studio-mode .an-check{font-size:13px}
    .an-studio-mode .an-status,.an-studio-mode .an-meta{font-size:12px}

    /* 밝은 사이트 테마 */
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"]{
      --studio-bg:#f6f8fb;
      --studio-panel:#ffffff;
      --studio-panel2:#f8fafc;
      --studio-line:#d8dee9;
      --studio-text:#172033;
      --studio-sub:#526078;
      --studio-muted:#76839a;
      --studio-orange:#e85d2f;
      --studio-green:#14875c;
      --studio-blue:#2563eb;
      --studio-yellow:#a16207;
      --studio-red:#c24155;
      --studio-purple:#6d5bd0;
      background:var(--studio-bg);
      color:var(--studio-text);
    }
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-rail{
      background:#f8fafc;border-color:var(--studio-line);box-shadow:8px 0 24px rgba(15,23,42,.04)
    }
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-nav-btn{color:#56637a}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-nav-btn:hover{background:#eef2f7;color:#172033}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-nav-btn.active{background:#fff0e9;border-color:#f2b097;color:#a63d1e}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-nav-sep{border-color:#dfe4ec}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-topbar{
      background:rgba(255,255,255,.94);border-color:var(--studio-line);box-shadow:0 4px 18px rgba(15,23,42,.035)
    }
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-top-actions .an-btn,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-mini,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-chip{
      background:#fff;color:#344054;border-color:#cfd6e2
    }
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-top-actions .an-btn.success,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-mini.ok{background:#eaf8f1;color:#166534;border-color:#a7d9bd}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-top-actions .an-btn.warning{background:#fff8e7;color:#92400e;border-color:#ead29a}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-top-actions .an-btn.primary,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-mini.primary{background:var(--studio-orange);color:#fff;border-color:var(--studio-orange)}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-mini.danger{background:#fff1f2;color:#be123c;border-color:#fecdd3}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-kpi,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-card,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-candidate,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-media-card,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-manager-sidebar,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-manager-item,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-key-item,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-connection-card,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-inspector-card{
      background:#fff;color:var(--studio-text);border-color:var(--studio-line);box-shadow:0 4px 14px rgba(15,23,42,.025)
    }
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-manager-item:hover,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-manager-item.active{
      background:#fff4ef;border-color:#f0a184
    }
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-row{
      background:#fbfcfe;border-color:#dce2eb
    }
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-table{background:#fff}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-table th{background:#f4f6f9;color:#475467}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-table td{color:#273449;border-color:#e4e8ef}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-input,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-select,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-textarea{
      background:#fff;color:#172033;border-color:#cfd6e2
    }
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-input::placeholder,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-textarea::placeholder{color:#98a2b3}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-flow-shell{border-color:var(--studio-line);background:#fff}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-canvas-wrap{
      background-color:#f7f9fc;background-image:radial-gradient(circle,rgba(71,84,103,.17) 1px,transparent 1px)
    }
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-canvas-toolbar button{background:#fff;color:#344054;border-color:#cfd6e2}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-flow-node{background:linear-gradient(180deg,#fff,#f7f9fc);color:#172033;border-color:#d1d8e4;box-shadow:0 10px 24px rgba(15,23,42,.08)}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-flow-icon{background:#f8fafc;border-color:#d8dee8}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-flow-port{background:#fff;border-color:#8995a8}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-inspector{
      background:#f7f9fc;border-color:var(--studio-line)
    }
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-mode .an-admin-panel,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-admin-panel,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-toolbar-box,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-card,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-card-admin{
      background:#fff;color:#172033;border-color:#d8dee9
    }
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-input,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-select,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-textarea{
      background:#fff;color:#172033;border-color:#cfd6e2
    }
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-check{background:#f8fafc;color:#526078;border-color:#d8dee9}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-category-nav a{background:#fff;color:#526078;border-color:#d8dee9}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-category-nav a.active,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-category-nav a:hover{background:#fff0e9;color:#a63d1e;border-color:#f2b097}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-modal{background:rgba(15,23,42,.28)}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-panel,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-panel-head{
      background:#fff;color:#172033;border-color:#d8dee9
    }
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-panel-head h2{color:#172033}
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-close{background:#f8fafc;color:#344054;border-color:#cfd6e2}

    @media(max-width:760px){
      .auto-news-wrap.an-studio-mode{--studio-rail-width:0px;padding-left:0;padding-top:64px}
      .an-studio-rail{
        left:var(--studio-rail-left,0px);
        top:var(--studio-rail-top,0px);
        width:var(--studio-mobile-width,100vw);
        height:64px;
        right:auto;
        padding:7px 8px;
      }
      .an-studio-nav-btn{width:58px;min-width:58px;height:46px;min-height:46px}
      .an-studio-nav-btn span{font-size:10.5px}
      .an-studio-page{padding:14px}
      .an-studio-page-head h2{font-size:23px}
    }

  
    /* ver366 운영 관제센터: Metricool/Buffer형 단순 운영 UX */
    .auto-news-wrap.an-studio-mode{--studio-rail-width:148px}
    .an-studio-rail{width:var(--studio-rail-width);align-items:stretch;padding:12px 10px;gap:5px}
    .an-studio-logo{align-self:center;width:46px;height:46px;margin:0 auto 10px}
    .an-studio-nav-btn{width:100%;min-height:44px;display:flex;align-items:center;justify-content:flex-start;padding:9px 11px;border-radius:10px;gap:8px}
    .an-studio-nav-btn span{font-size:13px;line-height:1.25;white-space:nowrap}
    .an-studio-nav-btn::before{content:attr(data-nav-icon);width:20px;display:inline-grid;place-items:center;font-size:14px;font-weight:900;opacity:.9}
    .an-studio-nav-sep{width:100%;margin:5px 0}
    .an-studio-topbar{padding:12px 20px;min-height:68px}
    .an-studio-title{font-size:20px}.an-studio-subtitle{font-size:13px}
    .an-studio-page{max-width:1460px;padding:22px 24px}
    .an-studio-page-head h2{font-size:28px}.an-studio-page-head p{font-size:13px}
    .an-studio-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
    .an-studio-kpi{padding:17px 18px;border-radius:14px}.an-studio-kpi span{font-size:12px}.an-studio-kpi b{font-size:29px}.an-studio-kpi small{font-size:11px}
    .an-ops-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:12px;margin-top:12px}
    .an-ops-schedule{display:grid;gap:0}.an-ops-schedule-row{display:grid;grid-template-columns:78px 1fr auto;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid var(--studio-line)}
    .an-ops-schedule-row:last-child{border-bottom:0}.an-ops-time{font-weight:900;font-size:13px}.an-ops-channel{font-size:13px;font-weight:800}.an-ops-detail{font-size:11px;color:var(--studio-muted);margin-top:3px}
    .an-ops-error{border-left:3px solid var(--studio-red);padding-left:10px}.an-ops-action{margin-top:7px}
    .an-ops-server{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:850}.an-ops-server::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--studio-green);box-shadow:0 0 0 4px color-mix(in srgb,var(--studio-green) 14%,transparent)}
    /* ver700: Account captions belong to the canonical results table, with one readable size rule. */
    .an-studio-table td small{display:block;font-size:14px;color:var(--studio-sub);margin-top:4px}

    /* 콘텐츠 작성은 기존 실제 입력요소를 3단계 카드 안으로 이동합니다. */
    .studio-view-compose>.an-hero{padding:18px 24px 30px;background:var(--studio-bg)}
    .studio-view-compose>.an-hero .an-kicker,.studio-view-compose>.an-hero .an-title,.studio-view-compose>.an-hero .an-desc{display:none}
    .studio-view-compose .an-hero-inner{max-width:1280px;margin:0 auto}
    .studio-view-compose .an-admin-panel{padding:0!important;background:transparent!important;border:0!important}
    .studio-view-compose .an-admin-grid{display:block!important}
    .an-compose-wizard{display:grid;gap:13px}
    .an-compose-step{color:var(--studio-text,var(--an-ink));background:var(--studio-panel,var(--an-card));border:1px solid var(--studio-line,var(--an-line));border-radius:15px;padding:18px}
    .an-compose-step-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.an-compose-step-num{width:30px;height:30px;border-radius:9px;background:var(--studio-blue,var(--an-blue));color:white;display:grid;place-items:center;font-weight:950;font-size:12px;flex:0 0 auto}
    .an-compose-step h3{margin:0;font-size:16px}.an-compose-step p{margin:4px 0 0;color:var(--studio-sub,var(--an-sub));font-size:14px}
    .an-compose-main-input{width:100%;min-height:48px;font-size:14px;font-weight:700}
    .an-content-type-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.an-content-type{height:36px;border:1px solid var(--studio-line,var(--an-line));border-radius:9px;background:var(--studio-panel2,var(--an-card));color:var(--studio-sub,var(--an-sub));padding:0 13px;font-weight:850;font-size:14px}.an-content-type.active{border-color:var(--studio-blue,var(--an-blue));background:color-mix(in srgb,var(--studio-blue,var(--an-blue)) 12%,var(--studio-panel,var(--an-card)));color:var(--studio-text,var(--an-ink))}
    .an-compose-simple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.an-compose-simple-box label{display:block;font-size:11px;color:var(--studio-sub,var(--an-sub));font-weight:850;margin-bottom:6px}
    .an-compose-info-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--studio-line,var(--an-line));border-radius:999px;padding:7px 10px;font-size:11px;color:var(--studio-sub,var(--an-sub));margin-top:10px}.an-compose-info-pill::before{content:"✓";color:var(--studio-green,var(--an-blue));font-weight:950}
    .an-compose-advanced{margin-top:12px;border-top:1px solid var(--studio-line,var(--an-line));padding-top:10px}.an-compose-advanced summary{cursor:pointer;font-size:12px;font-weight:900;color:var(--studio-sub,var(--an-sub));user-select:none}.an-compose-advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:11px}.an-compose-advanced-grid>*{min-width:0}
    .studio-view-compose .an-publish-options{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin:0!important}
    .studio-view-compose .an-publish-options .an-check{position:relative;min-height:98px;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;padding:13px 8px!important;border:1px solid var(--studio-line,var(--an-line))!important;border-radius:13px!important;background:var(--studio-panel2,var(--an-card))!important;color:var(--studio-sub,var(--an-sub))!important;font-size:12px!important;font-weight:850!important;cursor:pointer}
    .studio-view-compose .an-publish-options .an-check input{position:absolute;top:9px;right:9px;width:17px;height:17px;accent-color:var(--studio-blue,var(--an-blue))}
    .studio-view-compose .an-publish-options .an-check:has(input:checked){border-color:var(--studio-blue,var(--an-blue))!important;background:color-mix(in srgb,var(--studio-blue,var(--an-blue)) 10%,var(--studio-panel,var(--an-card)))!important;color:var(--studio-text,var(--an-ink))!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--studio-blue,var(--an-blue)) 35%,transparent)}
    .an-platform-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--studio-bg,var(--an-card));border:1px solid var(--studio-line,var(--an-line));font-size:13px;font-weight:950;color:var(--studio-text,var(--an-ink))}
    .an-homepage-platform-card{min-height:98px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;padding:13px 8px;border:1px solid var(--studio-blue,var(--an-blue));border-radius:13px;background:color-mix(in srgb,var(--studio-blue,var(--an-blue)) 10%,var(--studio-panel,var(--an-card)));font-size:12px;font-weight:850;color:var(--studio-text,var(--an-ink))}
    .an-homepage-platform-card small{color:var(--studio-green,var(--an-blue));font-size:11px;font-weight:900}
    .an-compose-channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.an-compose-channel-grid .an-publish-options{display:contents!important}
    .studio-view-compose #anKeywordGenerateBtn{width:100%;min-height:52px!important;font-size:15px!important;font-weight:950!important;border-radius:12px!important;margin-top:14px!important;background:var(--studio-blue,var(--an-blue))!important;border-color:var(--studio-blue,var(--an-blue))!important;color:#fff!important}

    /* 채널/계정 프로필 */
    .an-channel-profile-toolbar{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.an-channel-profile-card{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--studio-line,var(--an-line));border-radius:12px;background:var(--studio-panel,var(--an-card));padding:13px 14px}.an-channel-profile-card b{font-size:13px}.an-channel-profile-card small{display:block;margin-top:4px;color:var(--studio-muted);font-size:11px}
    .an-channel-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}
    .an-credential-help{border:1px solid var(--studio-line,var(--an-line));background:var(--studio-panel2,var(--an-card));border-radius:10px;padding:10px 11px;color:var(--studio-sub,var(--an-sub));font-size:11px;line-height:1.55;margin-bottom:10px}
    .an-settings-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:12px}.an-settings-shortcut{border:1px solid var(--studio-line,var(--an-line));background:var(--studio-panel,var(--an-card));border-radius:12px;padding:13px;cursor:pointer}.an-settings-shortcut b{display:block;font-size:13px}.an-settings-shortcut small{display:block;color:var(--studio-muted);font-size:11px;margin-top:4px}

    .an-delivery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0}.an-delivery-card{border:1px solid var(--studio-line,var(--an-line));border-radius:12px;background:var(--studio-panel,var(--an-card));padding:13px}.an-delivery-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:9px}.an-delivery-card h3{margin:0;font-size:13px}.an-delivery-card p{margin:4px 0 0;color:var(--studio-muted);font-size:11px;line-height:1.5}.an-delivery-card .an-studio-select{margin-top:7px}.an-delivery-note{font-size:10px;color:var(--studio-muted);margin-top:7px;line-height:1.45}.an-delivery-ready{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:900;background:color-mix(in srgb,var(--studio-green,var(--an-blue)) 12%,transparent);color:var(--studio-green,var(--an-blue))}.an-delivery-ready.warn{background:color-mix(in srgb,var(--studio-yellow) 12%,transparent);color:var(--studio-yellow)}.an-delivery-account-list{display:grid;gap:7px;margin-top:9px}.an-delivery-account{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,280px);gap:8px;align-items:center;border:1px solid var(--studio-line,var(--an-line));border-radius:10px;background:var(--studio-panel2,var(--an-card));padding:9px}.an-delivery-account b{font-size:11px;color:var(--studio-text,var(--an-ink))}.an-delivery-account small{display:block;color:var(--studio-muted);font-size:9px;margin-top:3px}.an-delivery-account .an-studio-select{margin:0}.an-delivery-account.active{border-color:color-mix(in srgb,var(--studio-blue,var(--an-blue)) 45%,var(--studio-line,var(--an-line)))}

    /* 자동화는 타임라인을 우선하고 n8n 캔버스는 고급 보기로 내립니다. */
    .an-automation-timeline{display:grid;gap:0;border:1px solid var(--studio-line,var(--an-line));border-radius:14px;background:var(--studio-panel,var(--an-card));padding:8px 15px;margin-bottom:12px}.an-auto-line{display:grid;grid-template-columns:80px 26px 1fr auto;align-items:center;min-height:54px;border-bottom:1px solid var(--studio-line,var(--an-line));font-size:14px}.an-auto-line:last-child{border-bottom:0}.an-auto-line-time{font-weight:950}.an-auto-line-dot{width:10px;height:10px;border-radius:50%;background:var(--studio-blue,var(--an-blue));position:relative}.an-auto-line-dot::after{content:"";position:absolute;left:4px;top:10px;width:2px;height:44px;background:var(--studio-line,var(--an-line))}.an-auto-line:last-child .an-auto-line-dot::after{display:none}.an-auto-line b{font-size:13px}.an-auto-line small{display:block;color:var(--studio-muted);font-size:10px;margin-top:3px}.an-auto-advanced{border:1px solid var(--studio-line,var(--an-line));border-radius:14px;background:var(--studio-panel,var(--an-card));overflow:hidden}.an-auto-advanced>summary{padding:14px 16px;cursor:pointer;font-weight:900;font-size:13px}.an-auto-advanced .an-studio-flow-shell{border:0;border-top:1px solid var(--studio-line,var(--an-line));border-radius:0}

    @media(max-width:1100px){.auto-news-wrap.an-studio-mode{--studio-rail-width:112px}.an-studio-nav-btn span{font-size:12px}.an-compose-simple-grid,.an-compose-advanced-grid{grid-template-columns:1fr 1fr}.studio-view-compose .an-publish-options,.an-compose-channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.an-ops-dashboard-grid{grid-template-columns:1fr}.an-channel-profile-grid{grid-template-columns:1fr}}
    @media(max-width:760px){.auto-news-wrap.an-studio-mode{--studio-rail-width:0px}.an-studio-rail{width:100%;padding:7px;align-items:center}.an-studio-nav-btn{width:auto;min-width:72px;justify-content:center;padding:7px}.an-studio-nav-btn::before{display:none}.an-studio-nav-btn span{font-size:11px}.an-compose-simple-grid,.an-compose-advanced-grid{grid-template-columns:1fr}.studio-view-compose .an-publish-options,.an-compose-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.an-studio-kpi-grid{grid-template-columns:1fr 1fr}.an-settings-shortcuts,.an-delivery-grid{grid-template-columns:1fr}}


    /* ver369: 자동 포스팅 설정을 사이트 레이아웃과 분리된 실제 뷰포트 Drawer로 표시합니다. */
    .an-modal.an-studio-drawer{position:fixed!important;inset:0!important;z-index:2147482000!important;display:none;align-items:stretch;justify-content:flex-end;padding:0!important;background:rgba(2,6,13,.72);backdrop-filter:blur(3px);overflow:hidden}
    .an-modal.an-studio-drawer.open{display:flex!important}
    .an-modal.an-studio-drawer .an-panel{width:min(900px,96vw)!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;margin:0!important;border-radius:0!important;border:0!important;border-left:1px solid #2d3548!important;background:#101620;color:#f3f5fb;box-shadow:-24px 0 60px rgba(0,0,0,.42);overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;padding-bottom:max(18px,env(safe-area-inset-bottom))}
    .an-modal.an-studio-drawer .an-panel-head{position:sticky;top:0;z-index:20;background:#101620;color:#f3f5fb;border-color:#2d3548}
    .an-modal.an-studio-drawer .an-panel-head h2{color:#f3f5fb}.an-modal.an-studio-drawer .an-close{background:#1b2230;color:#dce3f1;border:1px solid #354057}
    .an-modal.an-studio-drawer .an-scheduler-body{padding:16px 16px 42px}
    .an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-scheduler-head,.an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-scheduler-gpt-section{background:#151c28;color:#f3f5fb;border-color:#30394d}
    .an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-scheduler-gpt-card{background:#101620;color:#f3f5fb;border-color:#30394d}.an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-scheduler-gpt-card strong,.an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-scheduler-gpt-title{color:#f3f5fb}.an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-scheduler-gpt-meta,.an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-scheduler-gpt-card small,.an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-scheduler-note,.an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-coupang-manager-meta{color:#aab4c8}
    .an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-input,.an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-select,.an-modal.an-studio-drawer:not([data-studio-theme="light"]) .an-textarea{background:#0d131d;color:#f3f5fb;border-color:#354057}
    .an-modal.an-studio-drawer[data-studio-theme="light"]{background:rgba(15,23,42,.28)}
    .an-modal.an-studio-drawer[data-studio-theme="light"] .an-panel,.an-modal.an-studio-drawer[data-studio-theme="light"] .an-panel-head{background:#fff;color:#172033;border-color:#d8dee9}
    .an-modal.an-studio-drawer[data-studio-theme="light"] .an-panel-head h2{color:#172033}.an-modal.an-studio-drawer[data-studio-theme="light"] .an-close{background:#f8fafc;color:#344054;border-color:#cfd6e2}
    .an-modal.an-studio-drawer[data-studio-theme="light"] .an-scheduler-head,.an-modal.an-studio-drawer[data-studio-theme="light"] .an-scheduler-gpt-section{background:#f8fafc;color:#172033;border-color:#d8dee9}
    .an-modal.an-studio-drawer[data-studio-theme="light"] .an-scheduler-gpt-card{background:#fff;color:#172033;border-color:#d8dee9}.an-modal.an-studio-drawer[data-studio-theme="light"] .an-scheduler-gpt-card strong,.an-modal.an-studio-drawer[data-studio-theme="light"] .an-scheduler-gpt-title{color:#172033}.an-modal.an-studio-drawer[data-studio-theme="light"] .an-scheduler-gpt-meta,.an-modal.an-studio-drawer[data-studio-theme="light"] .an-scheduler-gpt-card small,.an-modal.an-studio-drawer[data-studio-theme="light"] .an-scheduler-note,.an-modal.an-studio-drawer[data-studio-theme="light"] .an-coupang-manager-meta{color:#667085}
    .an-modal.an-studio-drawer[data-studio-theme="light"] .an-input,.an-modal.an-studio-drawer[data-studio-theme="light"] .an-select,.an-modal.an-studio-drawer[data-studio-theme="light"] .an-textarea{background:#fff;color:#172033;border-color:#cfd6e2}
    @media(max-width:760px){.an-modal.an-studio-drawer .an-panel{width:100vw!important}}

    /* ver366 최종: 콘텐츠 목록은 자동화 대량 운영에 맞춘 테이블형 행 UI */
    .studio-view-content .an-category-nav{display:none!important}
    .studio-view-content .an-toolbar{max-width:1460px;margin:0 auto;padding:18px 24px 0;background:transparent}
    .studio-view-content .an-toolbar-box{border:1px solid var(--studio-line);background:var(--studio-panel);border-radius:12px;padding:10px;box-shadow:none}
    .studio-view-content .an-main{max-width:1460px;margin:0 auto;padding:12px 24px 42px}
    .studio-view-content .an-status{font-size:12px;margin:0 0 9px}
    .an-content-table-head{display:grid;grid-template-columns:76px minmax(0,1fr) 180px;gap:12px;padding:9px 12px;border:1px solid var(--studio-line);border-bottom:0;border-radius:12px 12px 0 0;background:var(--studio-panel2);color:var(--studio-muted);font-size:11px;font-weight:900}
    .studio-view-content .an-grid{display:grid;gap:0;border:1px solid var(--studio-line);border-radius:0 0 12px 12px;overflow:visible;background:var(--studio-panel)}
    .studio-view-content .an-card,.studio-view-content .an-card.has-admin-actions{display:grid;grid-template-columns:76px minmax(0,1fr) 180px;min-height:94px;border:0;border-bottom:1px solid var(--studio-line);border-radius:0;background:var(--studio-panel);overflow:visible}
    .studio-view-content .an-card:last-child{border-bottom:0}
    .studio-view-content .an-thumb{width:56px;height:56px;min-height:56px;margin:18px 10px;border-radius:10px;padding:0;background:var(--studio-panel2)!important;border:1px solid var(--studio-line)}
    .studio-view-content .an-thumb:after{display:none}.studio-view-content .an-thumb .an-thumb-label{display:flex!important;padding:5px}.studio-view-content .an-thumb .an-thumb-label strong{display:none}.studio-view-content .an-thumb small{font-size:9px;padding:3px 5px;background:color-mix(in srgb,var(--studio-text) 10%,transparent);color:var(--studio-text);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .studio-view-content .an-thumb-img{border-radius:9px}
    .studio-view-content .an-body{padding:14px 10px;gap:5px;justify-content:center}.studio-view-content .an-card h2{font-size:14px;line-height:1.4}.studio-view-content .an-card p{display:none}.studio-view-content .an-meta{margin:0;font-size:11px;color:var(--studio-muted)}.studio-view-content .an-tag{display:none}
    .studio-view-content .an-card-admin{display:flex;align-items:center;justify-content:flex-end;padding:14px 12px;border-left:1px solid var(--studio-line);position:relative}.studio-view-content .an-card-admin-toggle{width:100%;min-height:34px;border:1px solid var(--studio-line);border-radius:8px;background:var(--studio-panel2);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--studio-sub)}.studio-view-content .an-card-admin-toggle-text:before{content:"상태 · 관리"}.studio-view-content .an-card-admin[open] .an-card-actions{position:absolute;right:12px;top:64px;z-index:30;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;width:320px;max-width:calc(100vw - 32px);max-height:min(70vh,560px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;border:1px solid var(--studio-line);border-radius:11px;background:var(--studio-panel);padding:10px;box-shadow:0 14px 36px rgba(0,0,0,.22)}.studio-view-content .an-card-admin[open] .an-card-actions .an-btn{box-sizing:border-box;display:flex;flex:none;width:100%;height:auto;min-height:36px;margin:0;padding:7px 10px;line-height:1.35;white-space:normal;text-align:center;overflow-wrap:anywhere}.studio-view-content .an-card-admin[open] .an-card-actions>a.an-btn{flex-shrink:0}
    .an-log-error{border-left:3px solid var(--studio-red)!important}.an-log-warning{border-left:3px solid var(--studio-yellow)!important}.an-log-running{border-left:3px solid var(--studio-blue)!important}
    .an-execution-action{margin-top:6px;display:flex;gap:5px}
    .an-compose-search-toggle{display:inline-flex;align-items:center;gap:7px;margin-left:8px;border:1px solid var(--studio-line);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:850;color:var(--studio-sub);background:var(--studio-panel2)}.an-compose-search-toggle input{accent-color:var(--studio-blue)}
    @media(max-width:760px){.an-content-table-head{display:none}.studio-view-content .an-card,.studio-view-content .an-card.has-admin-actions{grid-template-columns:64px minmax(0,1fr);}.studio-view-content .an-card-admin{grid-column:1/-1;border-left:0;border-top:1px solid var(--studio-line);padding:8px 12px}.studio-view-content .an-card-admin[open] .an-card-actions{position:fixed;left:16px;right:16px;top:auto;bottom:16px;width:auto;max-width:none;max-height:min(72vh,620px);z-index:120}.studio-view-content .an-thumb{width:48px;height:48px;min-height:48px;margin:15px 8px}}

    .an-credential-guide{border:1px solid var(--studio-line);background:var(--studio-card)}
    .an-credential-guide h3{margin:0 0 10px;font-size:15px}
    .an-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .an-guide-grid>div{padding:11px;border:1px solid var(--studio-line);border-radius:12px;background:var(--studio-soft)}
    .an-guide-grid b{display:block;font-size:13px;margin-bottom:5px}
    .an-guide-grid small{display:block;font-size:12px;line-height:1.6;color:var(--studio-muted)}
    @media(max-width:900px){.an-guide-grid{grid-template-columns:1fr}}

    /* 운영 스튜디오 가독성: 어떤 보조 문구도 12px 이하로 내려가지 않습니다. */
    .auto-news-wrap.an-studio-mode *{font-size:13px!important}
    .auto-news-wrap.an-studio-mode .an-studio-title{font-size:20px!important}
    .auto-news-wrap.an-studio-mode .an-studio-page-head h2{font-size:28px!important}
    .auto-news-wrap.an-studio-mode .an-studio-kpi b{font-size:29px!important}
    .auto-news-wrap.an-studio-mode .an-compose-step h3{font-size:17px!important}
    .auto-news-wrap.an-studio-mode .an-connection-card h3,
    .auto-news-wrap.an-studio-mode .an-studio-card h3{font-size:15px!important}
    .auto-news-wrap.an-studio-mode .an-studio-card,
    .auto-news-wrap.an-studio-mode .an-studio-kpi,
    .auto-news-wrap.an-studio-mode .an-connection-card,
    .auto-news-wrap.an-studio-mode .an-manager-sidebar,
    .auto-news-wrap.an-studio-mode .an-key-item,
    .auto-news-wrap.an-studio-mode .an-settings-shortcut,
    .auto-news-wrap.an-studio-mode .an-delivery-card,
    .auto-news-wrap.an-studio-mode .an-compose-step,
    .auto-news-wrap.an-studio-mode .an-planner-day,
    .auto-news-wrap.an-studio-mode .an-media-card,
    .auto-news-wrap.an-studio-mode .an-studio-table-wrap{
      box-shadow:0 8px 22px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.12)!important;
    }
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-card,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-studio-kpi,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-connection-card,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-manager-sidebar,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-key-item,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-settings-shortcut,
    .auto-news-wrap.an-studio-mode[data-studio-theme="light"] .an-delivery-card{
      box-shadow:0 8px 20px rgba(15,23,42,.10),0 2px 5px rgba(15,23,42,.08)!important;
    }
    .an-dashboard-error{border-color:var(--studio-red)!important;color:var(--studio-red)!important}
</style>

  
  <section class="an-hero"><div class="an-hero-inner"><div class="an-kicker">CATEGORY ARCHIVE</div><h1 class="an-title">IT·디지털</h1><p class="an-desc">IT·디지털 카테고리의 최신 글과 핵심 정보를 한곳에서 확인하세요.</p>
    
  </div></section>

  <nav class="an-category-nav" aria-label="콘텐츠 카테고리"><div class="an-category-nav-inner">
    <a href="/news" class="">전체</a>
    
    <a href="/news/category/it디지털" class="active">IT·디지털 <span class="an-category-nav-count">1</span></a>
    
    <a href="/news/category/가전생활전자" class="">가전·생활전자 <span class="an-category-nav-count">35</span></a>
    
    <a href="/news/category/가족육아반려생활" class="">가족·육아·반려생활 <span class="an-category-nav-count">13</span></a>
    
    <a href="/news/category/건강생활" class="">건강·생활 <span class="an-category-nav-count">14</span></a>
    
    <a href="/news/category/건강의료-이용정보" class="">건강·의료 이용정보 <span class="an-category-nav-count">12</span></a>
    
    <a href="/news/category/게임앱" class="">게임·앱 <span class="an-category-nav-count">16</span></a>
    
    <a href="/news/category/교육자격학습" class="">교육·자격·학습 <span class="an-category-nav-count">17</span></a>
    
    <a href="/news/category/국가별글로벌뉴스" class="">국가별글로벌뉴스 <span class="an-category-nav-count">7</span></a>
    
    <a href="/news/category/금융세금보험" class="">금융·세금·보험 <span class="an-category-nav-count">19</span></a>
    
    <a href="/news/category/모바일it" class="">모바일·IT <span class="an-category-nav-count">39</span></a>
    
    <a href="/news/category/부동산" class="">부동산 <span class="an-category-nav-count">1</span></a>
    
    <a href="/news/category/부동산주거비" class="">부동산·주거비 <span class="an-category-nav-count">15</span></a>
    
    <a href="/news/category/비트코인가상자산" class="">비트코인·가상자산 <span class="an-category-nav-count">10</span></a>
    
    <a href="/news/category/사회제도생활변경" class="">사회·제도·생활변경 <span class="an-category-nav-count">9</span></a>
    
    <a href="/news/category/상품추천" class="">상품추천 <span class="an-category-nav-count">2</span></a>
    
    <a href="/news/category/생활과학원리" class="">생활과학·원리 <span class="an-category-nav-count">2</span></a>
    
    <a href="/news/category/세금정부지원" class="">세금·정부지원 <span class="an-category-nav-count">2</span></a>
    
    <a href="/news/category/소비자구매as" class="">소비자·구매·AS <span class="an-category-nav-count">15</span></a>
    
    <a href="/news/category/스마트폰스마트기기" class="">스마트폰·스마트기기 <span class="an-category-nav-count">18</span></a>
    
    <a href="/news/category/스포츠" class="">스포츠 <span class="an-category-nav-count">5</span></a>
    
    <a href="/news/category/식품요리식생활" class="">식품·요리·식생활 <span class="an-category-nav-count">14</span></a>
    
    <a href="/news/category/실시간이슈" class="">실시간이슈 <span class="an-category-nav-count">5</span></a>
    
    <a href="/news/category/안전재난보안" class="">안전·재난·보안 <span class="an-category-nav-count">15</span></a>
    
    <a href="/news/category/여행교통" class="">여행·교통 <span class="an-category-nav-count">15</span></a>
    
    <a href="/news/category/여행생활" class="">여행·생활 <span class="an-category-nav-count">20</span></a>
    
    <a href="/news/category/연예" class="">연예 <span class="an-category-nav-count">4</span></a>
    
    <a href="/news/category/연예법률" class="">연예·법률 <span class="an-category-nav-count">1</span></a>
    
    <a href="/news/category/연예스포츠" class="">연예·스포츠 <span class="an-category-nav-count">1</span></a>
    
    <a href="/news/category/자동차모빌리티" class="">자동차·모빌리티 <span class="an-category-nav-count">23</span></a>
    
    <a href="/news/category/재난" class="">재난 <span class="an-category-nav-count">1</span></a>
    
    <a href="/news/category/정치" class="">정치 <span class="an-category-nav-count">2</span></a>
    
    <a href="/news/category/정치국방" class="">정치·국방 <span class="an-category-nav-count">2</span></a>
    
    <a href="/news/category/정치안보" class="">정치·안보 <span class="an-category-nav-count">3</span></a>
    
    <a href="/news/category/주거집관리" class="">주거·집관리 <span class="an-category-nav-count">15</span></a>
    
    <a href="/news/category/직장근로취업" class="">직장·근로·취업 <span class="an-category-nav-count">17</span></a>
    
    <a href="/news/category/청소세탁정리보관" class="">청소·세탁·정리·보관 <span class="an-category-nav-count">20</span></a>
    
    <a href="/news/category/컴퓨터인터넷ai" class="">컴퓨터·인터넷·AI <span class="an-category-nav-count">21</span></a>
    
    <a href="/news/category/통신구독온라인서비스" class="">통신·구독·온라인서비스 <span class="an-category-nav-count">13</span></a>
    
    <a href="/news/category/해외aiit" class="">해외AI·IT <span class="an-category-nav-count">19</span></a>
    
    <a href="/news/category/해외경제미국주식" class="">해외경제·미국주식 <span class="an-category-nav-count">36</span></a>
    
    <a href="/news/category/해외뉴스" class="">해외뉴스 <span class="an-category-nav-count">14</span></a>
    
    <a href="/news/category/행정정부서비스" class="">행정·정부서비스 <span class="an-category-nav-count">24</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="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 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="742">
        <div class="an-thumb cat- has-image">
          <img class="an-thumb-img" src="/api/auto-news/generated-image/thumb_p742_b53ac5afa58cbe725f87_s1080.jpg" alt="QR코드 오류정정 L 7%, M 15%, Q 25%, H 30%의 전체 코드워드 기준 복원율 비교" loading="eager" fetchpriority="low" decoding="async" referrerpolicy="no-referrer">
          <div class="an-thumb-label"><strong>QR코드 오류정정 7·15·25·30%의 의미: 화면 면적이 아니라 코드워드 복원율</strong></div>
        </div>
        <div class="an-body">
          <a class="an-post-link" href="/news/article/qr코드-오류정정-7152530-가려도-읽히는-면적이-아니라-데이터-복원-능력입니다-c11643a9"><h2>QR코드 오류정정 7·15·25·30%, 가려도 읽히는 면적이 아니라 데이터 복원 능력입니다</h2><p>QR코드의 7%·15%·25%·30%는 이미지 면적이 아니라 전체 코드워드 기준 복원율입니다. 네 수준의 정의와 25% 계산 예시를 DENSO WAVE 공식 자료로 설명합니다.</p></a>
          <div class="an-meta"><a class="an-category-card-link" href="/news/category/it디지털">IT·디지털</a><span>조회 21</span><span>2026-10-25 09:10:56</span></div>
          <div><span class="an-tag">#QR코드</span><span class="an-tag">#QR코드오류정정</span><span class="an-tag">#코드워드</span><span class="an-tag">#리드솔로몬</span><span class="an-tag">#오류정정</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="/news/category/it디지털?page=1">이전</a><a id="anNext" class="an-btn secondary" rel="next" href="/news/category/it디지털?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": 742, "title": "QR코드 오류정정 7·15·25·30%, 가려도 읽히는 면적이 아니라 데이터 복원 능력입니다", "slug": "qr코드-오류정정-7152530-가려도-읽히는-면적이-아니라-데이터-복원-능력입니다-c11643a9", "summary": "QR코드의 7%·15%·25%·30%는 이미지 면적이 아니라 전체 코드워드 기준 복원율입니다. 네 수준의 정의와 25% 계산 예시를 DENSO WAVE 공식 자료로 설명합니다.", "category": "IT·디지털", "tags": ["QR코드", "QR코드오류정정", "코드워드", "리드솔로몬", "오류정정", "가려", "스마트폰", "읽히", "면적", "아니라", "데이터", "복원", "IT·디지털"], "display_tags": ["#QR코드", "#QR코드오류정정", "#코드워드", "#리드솔로몬", "#오류정정", "#가려", "#스마트폰", "#읽히", "#면적", "#아니라", "#데이터", "#복원", "#IT디지털"], "thumbnail_text": "QR코드 오류정정 7·15·25·30%의 의미: 화면 면적이 아니라 코드워드 복원율", "image_url": "/api/auto-news/generated-image/thumb_p742_b53ac5afa58cbe725f87_s1080.jpg", "image_alt": "QR코드 오류정정 L 7%, M 15%, Q 25%, H 30%의 전체 코드워드 기준 복원율 비교", "image_fallback_urls": ["/api/auto-news/generated-image/thumb_p742_b53ac5afa58cbe725f87_s1080.jpg", "/api/auto-news/generated-image/body_p742_b53ac5afa58cbe72_1_s1080.jpg", "/api/auto-news/generated-image/body_p742_b53ac5afa58cbe72_2_s1080.jpg", "/api/auto-news/generated-image/body_p742_b53ac5afa58cbe72_3_s1080.jpg"], "thumbnail_url": "/api/auto-news/generated-image/thumb_p742_b53ac5afa58cbe725f87_s1080.jpg", "has_image": true, "view_count": 21, "created_at": "2026-10-25 08:59:34", "updated_at": "2026-10-25 09:15:44", "published_at": "2026-10-25 09:10:56", "public_url": "https://regolith.kr/news/article/qr코드-오류정정-7152530-가려도-읽히는-면적이-아니라-데이터-복원-능력입니다-c11643a9", "local_url": "/news/article/qr코드-오류정정-7152530-가려도-읽히는-면적이-아니라-데이터-복원-능력입니다-c11643a9", "category_url": "/news/category/it디지털"}], "categories": ["IT·디지털", "IT·인터넷", "가전·생활전자", "가족·육아·반려생활", "건강·생활", "건강·의료 이용정보", "게임·앱", "경제·생활", "교육·자격·학습", "국가별글로벌뉴스", "국방·안보", "금융·세금·보험", "디지털 생활", "모바일·IT", "부동산", "부동산·주거비", "비트코인·가상자산", "사회·제도·생활변경", "상품추천", "생활과학·원리", "생활정보", "세금·정부지원", "소비자·구매·AS", "스마트폰·스마트기기", "스포츠", "식품·요리·식생활", "실시간이슈", "안전·재난·보안", "여행·교통", "여행·생활", "연예", "연예·법률", "연예·스포츠", "자동차·모빌리티", "재난", "정치", "정치·국방", "정치·안보", "정치·정책", "주거·집관리", "직장·근로·취업", "청소·세탁·정리·보관", "컴퓨터·인터넷·AI", "통신·구독·온라인서비스", "해외AI·IT", "해외경제·미국주식", "해외뉴스", "행정·정부서비스"], "category_items": [{"id": 50, "name": "IT·디지털", "slug": "it디지털", "description": "", "sort_order": 0, "created_at": "2026-10-25 08:59:34", "updated_at": "2026-10-25 08:59:34", "count": 1, "last_post_at": "2026-10-25 09:15:44", "category": "IT·디지털", "local_url": "/news/category/it디지털", "public_url": "https://regolith.kr/news/category/it디지털"}, {"id": 48, "name": "IT·인터넷", "slug": "it인터넷", "description": "", "sort_order": 0, "created_at": "2026-10-24 22:16:05", "updated_at": "2026-10-24 22:16:05", "count": 0, "last_post_at": null, "category": "IT·인터넷", "local_url": "/news/category/it인터넷", "public_url": "https://regolith.kr/news/category/it인터넷"}, {"id": 36, "name": "가전·생활전자", "slug": "가전생활전자", "description": "", "sort_order": 0, "created_at": "2026-10-05 16:01:45", "updated_at": "2026-10-05 16:01:45", "count": 35, "last_post_at": "2026-11-01 23:57:52", "category": "가전·생활전자", "local_url": "/news/category/가전생활전자", "public_url": "https://regolith.kr/news/category/가전생활전자"}, {"id": 30, "name": "가족·육아·반려생활", "slug": "가족육아반려생활", "description": "", "sort_order": 0, "created_at": "2026-09-26 21:22:37", "updated_at": "2026-09-26 21:22:37", "count": 13, "last_post_at": "2026-11-02 16:28:11", "category": "가족·육아·반려생활", "local_url": "/news/category/가족육아반려생활", "public_url": "https://regolith.kr/news/category/가족육아반려생활"}, {"id": 1, "name": "건강·생활", "slug": "건강생활", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:53", "updated_at": "2026-07-31 10:08:53", "count": 14, "last_post_at": "2026-10-18 16:10:44", "category": "건강·생활", "local_url": "/news/category/건강생활", "public_url": "https://regolith.kr/news/category/건강생활"}, {"id": 40, "name": "건강·의료 이용정보", "slug": "건강의료-이용정보", "description": "", "sort_order": 0, "created_at": "2026-10-19 00:08:52", "updated_at": "2026-10-19 00:08:52", "count": 12, "last_post_at": "2026-11-03 06:25:23", "category": "건강·의료 이용정보", "local_url": "/news/category/건강의료-이용정보", "public_url": "https://regolith.kr/news/category/건강의료-이용정보"}, {"id": 2, "name": "게임·앱", "slug": "게임앱", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:53", "updated_at": "2026-07-31 10:08:53", "count": 16, "last_post_at": "2026-09-10 17:47:55", "category": "게임·앱", "local_url": "/news/category/게임앱", "public_url": "https://regolith.kr/news/category/게임앱"}, {"id": 21, "name": "경제·생활", "slug": "경제생활", "description": "", "sort_order": 0, "created_at": "2026-08-13 12:02:26", "updated_at": "2026-08-13 12:02:26", "count": 0, "last_post_at": null, "category": "경제·생활", "local_url": "/news/category/경제생활", "public_url": "https://regolith.kr/news/category/경제생활"}, {"id": 29, "name": "교육·자격·학습", "slug": "교육자격학습", "description": "", "sort_order": 0, "created_at": "2026-09-26 18:58:09", "updated_at": "2026-09-26 18:58:09", "count": 17, "last_post_at": "2026-11-03 08:25:52", "category": "교육·자격·학습", "local_url": "/news/category/교육자격학습", "public_url": "https://regolith.kr/news/category/교육자격학습"}, {"id": 9, "name": "국가별글로벌뉴스", "slug": "국가별글로벌뉴스", "description": "", "sort_order": 0, "created_at": "2026-07-31 16:09:14", "updated_at": "2026-07-31 16:09:14", "count": 7, "last_post_at": "2026-08-19 08:14:55", "category": "국가별글로벌뉴스", "local_url": "/news/category/국가별글로벌뉴스", "public_url": "https://regolith.kr/news/category/국가별글로벌뉴스"}, {"id": 18, "name": "국방·안보", "slug": "국방안보", "description": "", "sort_order": 0, "created_at": "2026-08-10 18:02:07", "updated_at": "2026-08-10 18:02:07", "count": 0, "last_post_at": null, "category": "국방·안보", "local_url": "/news/category/국방안보", "public_url": "https://regolith.kr/news/category/국방안보"}, {"id": 28, "name": "금융·세금·보험", "slug": "금융세금보험", "description": "", "sort_order": 0, "created_at": "2026-09-24 00:05:17", "updated_at": "2026-09-24 00:05:17", "count": 19, "last_post_at": "2026-11-03 17:16:57", "category": "금융·세금·보험", "local_url": "/news/category/금융세금보험", "public_url": "https://regolith.kr/news/category/금융세금보험"}, {"id": 49, "name": "디지털 생활", "slug": "디지털-생활", "description": "", "sort_order": 0, "created_at": "2026-10-24 22:21:50", "updated_at": "2026-10-24 22:21:50", "count": 0, "last_post_at": null, "category": "디지털 생활", "local_url": "/news/category/디지털-생활", "public_url": "https://regolith.kr/news/category/디지털-생활"}, {"id": 3, "name": "모바일·IT", "slug": "모바일it", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:53", "updated_at": "2026-07-31 10:08:53", "count": 39, "last_post_at": "2026-10-13 20:08:59", "category": "모바일·IT", "local_url": "/news/category/모바일it", "public_url": "https://regolith.kr/news/category/모바일it"}, {"id": 26, "name": "부동산", "slug": "부동산", "description": "", "sort_order": 0, "created_at": "2026-08-21 12:04:07", "updated_at": "2026-08-21 12:04:07", "count": 1, "last_post_at": "2026-08-21 12:15:12", "category": "부동산", "local_url": "/news/category/부동산", "public_url": "https://regolith.kr/news/category/부동산"}, {"id": 31, "name": "부동산·주거비", "slug": "부동산주거비", "description": "", "sort_order": 0, "created_at": "2026-09-27 14:04:16", "updated_at": "2026-09-27 14:04:16", "count": 15, "last_post_at": "2026-11-01 20:44:30", "category": "부동산·주거비", "local_url": "/news/category/부동산주거비", "public_url": "https://regolith.kr/news/category/부동산주거비"}, {"id": 25, "name": "비트코인·가상자산", "slug": "비트코인가상자산", "description": "", "sort_order": 0, "created_at": "2026-08-19 00:10:03", "updated_at": "2026-08-19 00:10:03", "count": 10, "last_post_at": "2026-10-25 18:42:49", "category": "비트코인·가상자산", "local_url": "/news/category/비트코인가상자산", "public_url": "https://regolith.kr/news/category/비트코인가상자산"}, {"id": 35, "name": "사회·제도·생활변경", "slug": "사회제도생활변경", "description": "", "sort_order": 0, "created_at": "2026-10-01 10:21:35", "updated_at": "2026-10-01 10:21:35", "count": 9, "last_post_at": "2026-11-04 00:42:28", "category": "사회·제도·생활변경", "local_url": "/news/category/사회제도생활변경", "public_url": "https://regolith.kr/news/category/사회제도생활변경"}, {"id": 12, "name": "상품추천", "slug": "상품추천", "description": "", "sort_order": 0, "created_at": "2026-08-01 12:37:50", "updated_at": "2026-08-01 12:37:50", "count": 2, "last_post_at": "2026-09-07 19:42:12", "category": "상품추천", "local_url": "/news/category/상품추천", "public_url": "https://regolith.kr/news/category/상품추천"}, {"id": 47, "name": "생활과학·원리", "slug": "생활과학원리", "description": "", "sort_order": 0, "created_at": "2026-10-19 20:31:44", "updated_at": "2026-10-19 20:31:44", "count": 2, "last_post_at": "2026-11-01 00:30:34", "category": "생활과학·원리", "local_url": "/news/category/생활과학원리", "public_url": "https://regolith.kr/news/category/생활과학원리"}, {"id": 51, "name": "생활정보", "slug": "생활정보", "description": "", "sort_order": 0, "created_at": "2026-10-25 13:01:44", "updated_at": "2026-10-25 13:01:44", "count": 0, "last_post_at": null, "category": "생활정보", "local_url": "/news/category/생활정보", "public_url": "https://regolith.kr/news/category/생활정보"}, {"id": 27, "name": "세금·정부지원", "slug": "세금정부지원", "description": "", "sort_order": 0, "created_at": "2026-09-13 08:08:42", "updated_at": "2026-09-13 08:08:42", "count": 2, "last_post_at": "2026-09-13 23:03:30", "category": "세금·정부지원", "local_url": "/news/category/세금정부지원", "public_url": "https://regolith.kr/news/category/세금정부지원"}, {"id": 39, "name": "소비자·구매·AS", "slug": "소비자구매as", "description": "", "sort_order": 0, "created_at": "2026-10-13 06:01:46", "updated_at": "2026-10-13 06:01:46", "count": 15, "last_post_at": "2026-11-03 04:25:35", "category": "소비자·구매·AS", "local_url": "/news/category/소비자구매as", "public_url": "https://regolith.kr/news/category/소비자구매as"}, {"id": 41, "name": "스마트폰·스마트기기", "slug": "스마트폰스마트기기", "description": "", "sort_order": 0, "created_at": "2026-10-19 00:08:52", "updated_at": "2026-10-19 00:08:52", "count": 18, "last_post_at": "2026-11-02 22:27:37", "category": "스마트폰·스마트기기", "local_url": "/news/category/스마트폰스마트기기", "public_url": "https://regolith.kr/news/category/스마트폰스마트기기"}, {"id": 15, "name": "스포츠", "slug": "스포츠", "description": "", "sort_order": 0, "created_at": "2026-08-05 09:36:33", "updated_at": "2026-08-05 09:36:33", "count": 5, "last_post_at": "2026-10-23 20:57:50", "category": "스포츠", "local_url": "/news/category/스포츠", "public_url": "https://regolith.kr/news/category/스포츠"}, {"id": 32, "name": "식품·요리·식생활", "slug": "식품요리식생활", "description": "", "sort_order": 0, "created_at": "2026-09-28 00:02:09", "updated_at": "2026-09-28 00:02:09", "count": 14, "last_post_at": "2026-11-02 06:37:13", "category": "식품·요리·식생활", "local_url": "/news/category/식품요리식생활", "public_url": "https://regolith.kr/news/category/식품요리식생활"}, {"id": 17, "name": "실시간이슈", "slug": "실시간이슈", "description": "", "sort_order": 0, "created_at": "2026-08-08 13:37:11", "updated_at": "2026-08-08 13:37:11", "count": 5, "last_post_at": "2026-08-20 12:19:38", "category": "실시간이슈", "local_url": "/news/category/실시간이슈", "public_url": "https://regolith.kr/news/category/실시간이슈"}, {"id": 34, "name": "안전·재난·보안", "slug": "안전재난보안", "description": "", "sort_order": 0, "created_at": "2026-10-01 00:20:45", "updated_at": "2026-10-01 00:20:45", "count": 15, "last_post_at": "2026-10-26 11:05:48", "category": "안전·재난·보안", "local_url": "/news/category/안전재난보안", "public_url": "https://regolith.kr/news/category/안전재난보안"}, {"id": 42, "name": "여행·교통", "slug": "여행교통", "description": "", "sort_order": 0, "created_at": "2026-10-19 00:08:52", "updated_at": "2026-10-19 00:08:52", "count": 15, "last_post_at": "2026-11-03 20:31:55", "category": "여행·교통", "local_url": "/news/category/여행교통", "public_url": "https://regolith.kr/news/category/여행교통"}, {"id": 4, "name": "여행·생활", "slug": "여행생활", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:53", "updated_at": "2026-07-31 10:08:53", "count": 20, "last_post_at": "2026-10-07 00:08:38", "category": "여행·생활", "local_url": "/news/category/여행생활", "public_url": "https://regolith.kr/news/category/여행생활"}, {"id": 13, "name": "연예", "slug": "연예", "description": "", "sort_order": 0, "created_at": "2026-08-02 17:34:35", "updated_at": "2026-08-02 17:34:35", "count": 4, "last_post_at": "2026-08-11 00:15:21", "category": "연예", "local_url": "/news/category/연예", "public_url": "https://regolith.kr/news/category/연예"}, {"id": 24, "name": "연예·법률", "slug": "연예법률", "description": "", "sort_order": 0, "created_at": "2026-08-18 16:03:10", "updated_at": "2026-08-18 16:03:10", "count": 1, "last_post_at": "2026-08-18 16:12:44", "category": "연예·법률", "local_url": "/news/category/연예법률", "public_url": "https://regolith.kr/news/category/연예법률"}, {"id": 23, "name": "연예·스포츠", "slug": "연예스포츠", "description": "", "sort_order": 0, "created_at": "2026-08-17 06:03:04", "updated_at": "2026-08-17 06:03:04", "count": 1, "last_post_at": "2026-08-17 06:12:47", "category": "연예·스포츠", "local_url": "/news/category/연예스포츠", "public_url": "https://regolith.kr/news/category/연예스포츠"}, {"id": 38, "name": "자동차·모빌리티", "slug": "자동차모빌리티", "description": "", "sort_order": 0, "created_at": "2026-10-12 10:01:53", "updated_at": "2026-10-12 10:01:53", "count": 23, "last_post_at": "2026-10-31 00:48:43", "category": "자동차·모빌리티", "local_url": "/news/category/자동차모빌리티", "public_url": "https://regolith.kr/news/category/자동차모빌리티"}, {"id": 19, "name": "재난", "slug": "재난", "description": "", "sort_order": 0, "created_at": "2026-08-11 08:02:04", "updated_at": "2026-08-11 08:02:04", "count": 1, "last_post_at": "2026-08-11 08:06:36", "category": "재난", "local_url": "/news/category/재난", "public_url": "https://regolith.kr/news/category/재난"}, {"id": 20, "name": "정치", "slug": "정치", "description": "", "sort_order": 0, "created_at": "2026-08-11 20:02:29", "updated_at": "2026-08-11 20:02:29", "count": 2, "last_post_at": "2026-08-18 08:13:37", "category": "정치", "local_url": "/news/category/정치", "public_url": "https://regolith.kr/news/category/정치"}, {"id": 14, "name": "정치·국방", "slug": "정치국방", "description": "", "sort_order": 0, "created_at": "2026-08-03 18:06:59", "updated_at": "2026-08-03 18:06:59", "count": 2, "last_post_at": "2026-08-18 12:13:14", "category": "정치·국방", "local_url": "/news/category/정치국방", "public_url": "https://regolith.kr/news/category/정치국방"}, {"id": 22, "name": "정치·안보", "slug": "정치안보", "description": "", "sort_order": 0, "created_at": "2026-08-16 18:02:47", "updated_at": "2026-08-16 18:02:47", "count": 3, "last_post_at": "2026-08-20 20:07:02", "category": "정치·안보", "local_url": "/news/category/정치안보", "public_url": "https://regolith.kr/news/category/정치안보"}, {"id": 10, "name": "정치·정책", "slug": "정치정책", "description": "", "sort_order": 0, "created_at": "2026-07-31 20:33:52", "updated_at": "2026-07-31 20:33:52", "count": 0, "last_post_at": null, "category": "정치·정책", "local_url": "/news/category/정치정책", "public_url": "https://regolith.kr/news/category/정치정책"}, {"id": 37, "name": "주거·집관리", "slug": "주거집관리", "description": "", "sort_order": 0, "created_at": "2026-10-09 22:12:06", "updated_at": "2026-10-09 22:12:06", "count": 15, "last_post_at": "2026-11-01 12:48:08", "category": "주거·집관리", "local_url": "/news/category/주거집관리", "public_url": "https://regolith.kr/news/category/주거집관리"}, {"id": 43, "name": "직장·근로·취업", "slug": "직장근로취업", "description": "", "sort_order": 0, "created_at": "2026-10-19 00:08:52", "updated_at": "2026-10-19 00:08:52", "count": 17, "last_post_at": "2026-11-01 17:45:34", "category": "직장·근로·취업", "local_url": "/news/category/직장근로취업", "public_url": "https://regolith.kr/news/category/직장근로취업"}, {"id": 44, "name": "청소·세탁·정리·보관", "slug": "청소세탁정리보관", "description": "", "sort_order": 0, "created_at": "2026-10-19 00:08:52", "updated_at": "2026-10-19 00:08:52", "count": 20, "last_post_at": "2026-11-03 12:58:04", "category": "청소·세탁·정리·보관", "local_url": "/news/category/청소세탁정리보관", "public_url": "https://regolith.kr/news/category/청소세탁정리보관"}, {"id": 45, "name": "컴퓨터·인터넷·AI", "slug": "컴퓨터인터넷ai", "description": "", "sort_order": 0, "created_at": "2026-10-19 00:08:52", "updated_at": "2026-10-19 00:08:52", "count": 21, "last_post_at": "2026-11-03 00:45:04", "category": "컴퓨터·인터넷·AI", "local_url": "/news/category/컴퓨터인터넷ai", "public_url": "https://regolith.kr/news/category/컴퓨터인터넷ai"}, {"id": 33, "name": "통신·구독·온라인서비스", "slug": "통신구독온라인서비스", "description": "", "sort_order": 0, "created_at": "2026-09-30 12:20:38", "updated_at": "2026-09-30 12:20:38", "count": 13, "last_post_at": "2026-11-03 18:56:17", "category": "통신·구독·온라인서비스", "local_url": "/news/category/통신구독온라인서비스", "public_url": "https://regolith.kr/news/category/통신구독온라인서비스"}, {"id": 5, "name": "해외AI·IT", "slug": "해외aiit", "description": "", "sort_order": 0, "created_at": "2026-07-31 10:08:53", "updated_at": "2026-07-31 10:08:53", "count": 19, "last_post_at": "2026-10-07 00:49:07", "category": "해외AI·IT", "local_url": "/news/category/해외aiit", "public_url": "https://regolith.kr/news/category/해외aiit"}, {"id": 11, "name": "해외경제·미국주식", "slug": "해외경제미국주식", "description": "", "sort_order": 0, "created_at": "2026-08-01 08:19:04", "updated_at": "2026-08-01 08:19:04", "count": 36, "last_post_at": "2026-09-25 22:40:59", "category": "해외경제·미국주식", "local_url": "/news/category/해외경제미국주식", "public_url": "https://regolith.kr/news/category/해외경제미국주식"}, {"id": 16, "name": "해외뉴스", "slug": "해외뉴스", "description": "", "sort_order": 0, "created_at": "2026-08-05 23:45:33", "updated_at": "2026-08-05 23:45:33", "count": 14, "last_post_at": "2026-10-30 08:52:06", "category": "해외뉴스", "local_url": "/news/category/해외뉴스", "public_url": "https://regolith.kr/news/category/해외뉴스"}, {"id": 46, "name": "행정·정부서비스", "slug": "행정정부서비스", "description": "", "sort_order": 0, "created_at": "2026-10-19 00:08:52", "updated_at": "2026-10-19 00:08:52", "count": 24, "last_post_at": "2026-10-29 19:37:46", "category": "행정·정부서비스", "local_url": "/news/category/행정정부서비스", "public_url": "https://regolith.kr/news/category/행정정부서비스"}], "pagination": {"page": 1, "page_size": 10, "total": 1, "total_pages": 1}, "filters": {"q": "", "category": "IT·디지털", "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"),promptManagerModal=$("anPromptManagerModal"),promptPlatformList=$("anPromptPlatformList"),promptProfileList=$("anPromptProfileList"),promptEditorForm=$("anPromptEditorForm"),externalSettingsModal=$("anExternalSettingsModal"),externalSettingsCategories=$("anExternalSettingsCategories"),externalSettingsList=$("anExternalSettingsList");
    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"]};
    // ver626: GPT 주소는 서버의 활성 사용자 프로필에서 선택합니다. 고정 주소 전송을 제거했습니다.
    // ver144: Blogger 체크값은 실제 OAuth 연결 상태와 함께 사용합니다. 연결 전에는
    // 실패 작업을 만들지 않고 관리자 연결 화면으로 안내합니다.
    let bloggerConnected=false;
    // ver356: 수동 포스팅 체크박스·드롭다운은 브라우저 localStorage에 저장합니다.
    // 페이지 새로고침/재접속 후에도 마지막 선택값을 복원하며 파일 input은 브라우저 보안상 저장하지 않습니다.
    // ver617: 수동 작성 설정은 자동 스케줄러 설정과 독립적으로 유지합니다.
    // ver616까지의 v1 저장값에는 자동 설정에서 유입된 paragraphs가 남아 있을 수 있으므로
    // 최초 1회 v2로 옮길 때 이미지 수만 안전한 기본 5장으로 되돌리고 나머지 수동 선택은 보존합니다.
    const LEGACY_MANUAL_GENERATION_PREFS_KEY="auto_news_manual_generation_preferences_v1";
    const MANUAL_GENERATION_PREFS_KEY="auto_news_manual_generation_preferences_v2";
    const MANUAL_GENERATION_PREFS_SCHEMA=2;
    const MANUAL_GENERATION_SELECT_IDS=["anPlatformSelect","anIntentSelect","anModeSelect","anChatGPTModeSelect","anImageCountSelect","anThumbnailAspectSelect","anSquareVideoAspectSelect","anImageProviderSelect","anVideoProviderSelect","anTtsProviderSelect","anHomepageImageSourceMode","anVideoSourceMode"];
    const MANUAL_GENERATION_CHECK_IDS=["anPublishYouTubeCheck","anPublishYouTubeLongformCheck","anPublishBloggerCheck"];
    function readManualGenerationPreferences(){try{const currentRaw=localStorage.getItem(MANUAL_GENERATION_PREFS_KEY);if(currentRaw){const current=JSON.parse(currentRaw);return current&&typeof current==="object"?current:{}}const legacyRaw=localStorage.getItem(LEGACY_MANUAL_GENERATION_PREFS_KEY);if(!legacyRaw)return{};const legacy=JSON.parse(legacyRaw);const data=legacy&&typeof legacy==="object"?{...legacy}:{};if(String(data.anImageCountSelect||"")==="paragraphs")data.anImageCountSelect="5";data._schema=MANUAL_GENERATION_PREFS_SCHEMA;localStorage.setItem(MANUAL_GENERATION_PREFS_KEY,JSON.stringify(data));return data}catch(e){return{}}}
    function saveManualGenerationPreferences(){try{const data={_schema:MANUAL_GENERATION_PREFS_SCHEMA};MANUAL_GENERATION_SELECT_IDS.forEach(id=>{const el=$(id);if(el)data[id]=String(el.value||"")});MANUAL_GENERATION_CHECK_IDS.forEach(id=>{const el=$(id);if(el)data[id]=Boolean(el.checked)});localStorage.setItem(MANUAL_GENERATION_PREFS_KEY,JSON.stringify(data))}catch(e){console.warn("[AUTO_NEWS] manual preferences save skipped",e)}}
    function restoreManualGenerationPreferences(){const data=readManualGenerationPreferences();MANUAL_GENERATION_SELECT_IDS.forEach(id=>{const el=$(id),value=data[id];if(!el||value==null)return;const valid=[...el.options].some(option=>option.value===String(value));if(valid)el.value=String(value)});MANUAL_GENERATION_CHECK_IDS.forEach(id=>{const el=$(id);if(el&&typeof data[id]==="boolean")el.checked=data[id]});if($("anPlatformSelect")&&$("anPlatformSelect").value==="all"&&$("anModeSelect"))$("anModeSelect").value="all";return data}
    function bindManualGenerationPreferenceMemory(){[...MANUAL_GENERATION_SELECT_IDS,...MANUAL_GENERATION_CHECK_IDS].forEach(id=>{const el=$(id);if(!el)return;el.addEventListener("change",saveManualGenerationPreferences)})}
    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 readinessValue(seo,key){const root=seo&&seo.visibility_readiness&&seo.visibility_readiness[key];return Number(root&&root.score||0)}
    function readinessCompact(seo){if(!seo||!seo.visibility_readiness)return"";return `<span>Google ${readinessValue(seo,"google_search")}</span><span>Discover ${readinessValue(seo,"google_discover")}</span><span>Naver ${readinessValue(seo,"naver_search")}</span><span>홈피드 ${readinessValue(seo,"naver_homefeed")}</span><span>AI ${readinessValue(seo,"ai_summary_search")}</span>`}
    function readinessPanel(seo){if(!canManage||!seo||!seo.visibility_readiness)return"";const rows=[["Content Quality",Number(seo.content_quality_score||0)],["Homepage Readiness",Number(seo.platform_readiness_score||0)],["노출면 평균",Number(seo.visibility_average_score||0)],["Google Search",readinessValue(seo,"google_search")],["Google Discover",readinessValue(seo,"google_discover")],["Google News",readinessValue(seo,"google_news")],["Naver Search",readinessValue(seo,"naver_search")],["Naver Home/Feed",readinessValue(seo,"naver_homefeed")],["AI Summary/Search",readinessValue(seo,"ai_summary_search")],["Bing/Copilot",readinessValue(seo,"bing_copilot")],["Image/Visual",readinessValue(seo,"image_visual")]];return `<section class="an-warning-paragraph"><strong>다면 노출 준비도 · 종합 ${Number(seo.score||0)}/100</strong><br><small>내부 발행 준비도이며 실제 검색순위·Discover/홈피드 추천·AI 인용 확률이 아닙니다.</small><div class="an-meta" style="margin-top:8px">${rows.map(([label,value])=>`<span>${esc(label)} ${esc(value)}/100</span>`).join("")}</div></section>`}
    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");const progress=$("anGenerationStatus"),button=$("anKeywordGenerateBtn");if(progress&&(button?.disabled||document.activeElement===button)){progress.hidden=false;progress.textContent=message}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>동영상 준비·6채널 발행 중…</button>`:canManage&&item.status==="published"?`<button class="an-btn warning" type="button" data-instagram-video-id="${item.id}">동영상 생성·6채널</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=""}
        else if(bloggerStatus==="draft"){bloggerLabel="✓ Blogger 초안 저장";bloggerClass="is-queued";bloggerDisabled=""}
        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}${canManage&&item.status==="published"?`<button class="an-btn success" type="button" data-longform-post-id="${item.id}" aria-live="polite">YouTube 롱폼 제작·발행</button>`:""}${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">${canManage?`<small>${esc(item.platform_label||"자동 선택")} · ${esc(item.status||"")}</small>`:""}<strong>${esc(item.thumbnail_text||item.focus_keyword||"콘텐츠")}</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}${canManage?`<span>${esc(item.intent_label||"")}</span>`:""}${canManage?`<span>내부 준비도 ${esc(item.seo_score||0)}</span>${readinessCompact(item.seo)}`:""}<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-news/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-news/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-news/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>동영상 준비·6채널 발행 중…</button>`:canManage&&post.status==="published"?`<button class="an-btn warning" type="button" data-instagram-video-id="${post.id}">동영상 생성·6채널 발행</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" type="button" data-blogger-id="${post.id}" data-blogger-force="0">Blogger 계정별 발행</button>`:bloggerStatus==="draft"?`<button class="an-btn an-blogger-btn is-queued" type="button" data-blogger-id="${post.id}" data-blogger-force="0">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">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=readinessPanel(post.seo)+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.content_html||"")+(post.affiliate_links_html||"")+(post.coupang_partners_html||"");
      $("anModalActions").innerHTML=`<a class="an-btn" href="${esc(post.local_url)}">상세 페이지</a>${word}${gptArchiveAction}${copyActions}${gptImageAction}${videoAction}${bufferAction}${instagramAction}${tiktokAction}${youtubeAction}${canManage&&post.status==="published"?`<button class="an-btn success" type="button" data-longform-post-id="${post.id}" aria-live="polite">YouTube 롱폼 제작·발행</button>`:""}${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=($("anImageCountSelect")&&$("anImageCountSelect").value==="paragraphs")?"paragraphs":Number($("anImageCountSelect")?$("anImageCountSelect").value:5),provider=imageCount==="paragraphs"?"gpt":($("anImageProviderSelect")?$("anImageProviderSelect").value:"auto"),res=await fetch(`/api/auto-news/posts/${id}/generate-images?image_count=${encodeURIComponent(imageCount)}&provider=${encodeURIComponent(provider)}`,{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==="paragraphs"?"대표1+실제 문단별":`총 ${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="동영상 생성·6채널 예약 중…"}
      try{
        const params=new URLSearchParams({force:"1",provider:$("anVideoProviderSelect")?$("anVideoProviderSelect").value:"auto"});if($("anSquareVideoAspectSelect"))params.set("square_video_aspect_ratio",$("anSquareVideoAspectSelect").value);
        const res=await fetch(`/api/auto-news/posts/${id}/instagram-video?${params.toString()}`,{method:"POST"});
        const data=await res.json().catch(()=>({}));
        if(!res.ok||!data.ok)throw new Error(data.detail||"동영상 생성·6채널 발행을 시작하지 못했습니다.");
        notice("홈페이지 확정 원고로 30~59초 한국어 TTS를 만들고, 같은 TTS 대본을 PPT형 보고서 장면으로 렌더링해 실제 음성 길이에 맞춘 저장된 출력 비율의 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-news/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-news/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-news/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"||status==="superseded"||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-news/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-news/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)&&status==="published"){button.dataset.instagramStatus=status;button.dataset.instagramForce="0";button.disabled=true;button.classList.add("is-complete");button.textContent="✓ Instagram 발행 완료";notice(data.caption?`Instagram 발행 완료 · ${data.caption}`:(data.detail||"Instagram 발행을 완료했습니다."));return}
        if(status==="queued"){button.dataset.instagramStatus=status;button.dataset.instagramForce="0";button.disabled=true;button.classList.add("is-queued");button.textContent="⏳ Instagram 대기열 등록 · 게시 확인 필요";notice(data.detail||"Buffer Instagram 대기열 접수는 확인했지만 실제 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"||status==="superseded"||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-news/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-news/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)&&status==="published"){button.dataset.tiktokStatus=status;button.dataset.tiktokForce="0";button.disabled=true;button.classList.add("is-complete");button.textContent="✓ TikTok 발행 완료";notice(data.caption?`TikTok 발행 완료 · ${data.caption}`:(data.detail||"TikTok 발행을 완료했습니다."));return}
        if(status==="queued"){button.dataset.tiktokStatus=status;button.dataset.tiktokForce="0";button.disabled=true;button.classList.add("is-queued");button.textContent="⏳ TikTok 대기열 등록 · 게시 확인 필요";notice(data.detail||"Buffer TikTok 대기열 접수는 확인했지만 실제 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"||status==="superseded"||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-news/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-news/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)&&status==="published"){button.dataset[statusKey]=status;button.dataset[forceKey]="0";button.disabled=true;button.classList.add("is-complete");button.textContent=`✓ ${label} 발행 완료`;notice(data.detail||`${label} 발행을 완료했습니다.`);return}
        if(status==="queued"){button.dataset[statusKey]=status;button.dataset[forceKey]="0";button.disabled=true;button.classList.add("is-queued");button.textContent=`⏳ ${label} 대기열 등록 · 게시 확인 필요`;notice(data.detail||`Buffer ${label} 대기열 접수는 확인했지만 실제 ${label} 게시 완료는 아직 확인되지 않았습니다.`);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"||status==="superseded"||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-news/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(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-news/posts/${id}/blogger-publish${force?"?force=1":""}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(window.regolithPublicationTargets("manual"))});
        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=false;
          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-news/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-news/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-news/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-news/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-news/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-news/coupang-codes/${id}`,{method:"DELETE"});await readJsonResponse(res);notice("쿠팡 자동 코드를 삭제했습니다.");await loadCoupangCodes()}
    function selectedGeneration(){const platform=$("anPlatformSelect").value;let mode=$("anModeSelect").value;const aspectSelect=$("anThumbnailAspectSelect");if(!aspectSelect||!["16:9","9:16","1:1"].includes(aspectSelect.value))throw new Error("이미지 가로·세로 비율을 선택해주세요.");if(platform==="all")mode="all";saveManualGenerationPreferences();const settings={manual_preferences_schema:MANUAL_GENERATION_PREFS_SCHEMA,platform:platform,intent_type:$("anIntentSelect").value,content_mode:mode,chatgpt_mode:$("anChatGPTModeSelect")?$("anChatGPTModeSelect").value:"current",publish_threads:false,publish_instagram:false,publish_tiktok:false,publish_youtube:Boolean($("anPublishYouTubeCheck")&&$("anPublishYouTubeCheck").checked),publish_youtube_longform:Boolean($("anPublishYouTubeLongformCheck")&&$("anPublishYouTubeLongformCheck").checked),publish_facebook:false,publish_x:false,...window.regolithPublicationTargets("manual"),publish_blogger:Boolean($("anPublishBloggerCheck")&&$("anPublishBloggerCheck").checked),homepage_image_count:($("anImageCountSelect")&&$("anImageCountSelect").value==="paragraphs")?"paragraphs":Number($("anImageCountSelect")?$("anImageCountSelect").value:5),homepage_image_count_mode:($("anImageCountSelect")&&$("anImageCountSelect").value==="paragraphs")?"paragraphs":"fixed",thumbnail_aspect_ratio:aspectSelect.value,square_video_aspect_ratio:$("anSquareVideoAspectSelect")?$("anSquareVideoAspectSelect").value:"9:16",image_generation_provider:($("anImageCountSelect")&&$("anImageCountSelect").value==="paragraphs")?"gpt":($("anImageProviderSelect")?$("anImageProviderSelect").value:"auto"),video_generation_provider:$("anVideoProviderSelect")?$("anVideoProviderSelect").value:"auto",tts_provider:$("anTtsProviderSelect")?$("anTtsProviderSelect").value:"edge",homepage_image_source_mode:$("anHomepageImageSourceMode")?$("anHomepageImageSourceMode").value:"generate",video_source_mode:$("anVideoSourceMode")?$("anVideoSourceMode").value:"generate",apply_coupang_auto_code:true},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>종합 ${esc(item.seo_score||0)}</span><span>Content ${esc(item.content_quality_score||item.seo&&item.seo.content_quality_score||0)}</span><span>노출면 평균 ${esc(item.visibility_average_score||item.seo&&item.seo.visibility_average_score||0)}</span>${readinessCompact(item.seo||{visibility_readiness:item.visibility_readiness||{}})}<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(),maxWaitMs=20*60*1000;
        let lastStatus="";
        while(Date.now()-started<maxWaitMs){
            const res=await fetch(`/api/auto-news/chatgpt-generation-jobs/${encodeURIComponent(jobId)}`,{cache:"no-store"});
            const data=await readJsonResponse(res);
            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==="superseded"){
                throw new Error(data.detail||"더 새로운 글 생성 요청이 시작되어 이전 자동 작업을 중단했습니다.");
            }
            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");
        if(button.disabled)return;
        const settings=selectedGeneration();
        // ver243: Blogger 연결 여부는 홈페이지 생성 요청의 선행조건이 아닙니다.
        // 미연결 상태라도 홈페이지 글은 먼저 published로 저장하고 Blogger만 후속 실패/건너뜀으로 처리합니다.
        const bloggerPreflightWarning=settings.publish_blogger&&!bloggerConnected
            ? " Blogger가 아직 연결되지 않았지만 홈페이지 포스팅은 먼저 진행합니다."
            : "";
        const attachedImageInput=$("anAttachedImageFile"),attachedImageFiles=attachedImageInput&&attachedImageInput.files?Array.from(attachedImageInput.files):[],attachedImageSelected=attachedImageFiles.length>0;
        if((settings.homepage_image_source_mode==="uploaded"||settings.video_source_mode==="uploaded")&&!attachedImageSelected)return notice("첨부 이미지 사용을 선택했다면 이미지 파일을 함께 첨부해주세요.");
        button.disabled=true;const originalButtonText=button.textContent;button.textContent="포스팅 진행 중…";button.setAttribute("aria-busy","true");
        notice("주제로 원고 작성 → 홈페이지 등록 → 이미지·영어 번역 → 선택 계정 발행 순서로 진행합니다. Buffer 자동 발행이 켜져 있으면 연결된 채널에 한국어로 발행합니다."+bloggerPreflightWarning);
        try{
            let attachedImageUrls=[];
            let attachedImageUrl="";
            if(attachedImageSelected){
                notice(`첨부 이미지 ${attachedImageFiles.length}장을 업로드하고 있습니다.`);
                attachedImageUrls=await uploadImages(attachedImageInput);
                attachedImageUrl=attachedImageUrls[0]||"";
            }
            const requestedHomepageImageCount=settings.homepage_image_count==="paragraphs"?"paragraphs":Math.max(1,Math.min(5,Number(settings.homepage_image_count||5)));settings.homepage_image_count=requestedHomepageImageCount;settings.homepage_image_count_mode=requestedHomepageImageCount==="paragraphs"?"paragraphs":"fixed";console.log("[AUTO_NEWS][IMAGE_COUNT] content-center submit",{homepage_image_count:requestedHomepageImageCount,homepage_image_count_mode:settings.homepage_image_count_mode,image_generation_provider:settings.image_generation_provider});
            const res=await fetch("/api/auto-news/chatgpt-generate",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({status:"published",prompt:"최신 검색 수요 주제",keyword:keyword,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((data.quality_hold_reason||[]).join(" · ")||"공개 검수에서 확인할 항목이 있어 검토 대기로 저장했습니다.");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){notice("홈페이지 저장 완료 · 선택한 계정의 이미지·번역·외부 발행은 계속 진행됩니다. 아래 게시글의 채널별 상태를 확인하세요.");return}
            notice(data.duplicate?"동일 본문이 있어 기존 등록 글을 열었습니다.":"홈페이지 포스팅을 완료했습니다. 선택한 Threads·Instagram·TikTok·YouTube·Facebook·Blogger 외부 작업은 별도로 진행됩니다.");
        }catch(error){notice(error.message||"포스팅 작업에 실패했습니다.")}finally{button.disabled=false;button.textContent=originalButtonText;button.removeAttribute("aria-busy")}
    }
    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-news/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-news/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-news/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-news/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-news/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-news/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=(p.affiliate_links||[]).filter(x=>x.type==='coupang_partners').flatMap(x=>(x.selected_products?.length?x.selected_products:x.products?.length?x.products:[x]).map(y=>y.source_url||y.affiliate_url||y.url)).filter(Boolean).join('\n')||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-news/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.quality_hold){notice((data.quality_hold_reason||[]).join(" · ")||"검토 대기로 저장되었습니다.");return}
      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개를 적용했습니다. 설정 저장을 누르면 확정됩니다.`)}
    // ver359: 플랫폼별 활성 프롬프트와 전용 GPT 사용 여부를 DB에서 직접 관리합니다.
    const promptPlatformOrder=["website","blogspot","threads","instagram","tiktok","youtube","facebook","x","naver","tistory","community","common_facts"];
    const promptPlatformLabels={website:"홈페이지",blogspot:"블로거",threads:"스레드",instagram:"인스타그램",tiktok:"틱톡",youtube:"유튜브",facebook:"페이스북",x:"엑스",naver:"네이버 블로그",tistory:"티스토리",community:"커뮤니티",common_facts:"공통 사실자료"};
    let promptManagerState={platform:"website",settings:{},profiles:[],editingId:0};
    function promptKindForPlatform(platform){return platform==="common_facts"?"facts":"text"}
    function renderPromptPlatformButtons(){if(!promptPlatformList)return;promptPlatformList.innerHTML=promptPlatformOrder.map(key=>`<button class="an-prompt-platform-btn${key===promptManagerState.platform?" active":""}" type="button" data-prompt-platform="${key}">${esc(promptPlatformLabels[key]||key)}</button>`).join("")}
    function promptPlatformSetting(platform){const items=Array.isArray(promptManagerState.settings.platforms)?promptManagerState.settings.platforms:[];return items.find(item=>item.platform===platform)||{platform:platform,label:promptPlatformLabels[platform]||platform,dedicated_gpt_supported:false,dedicated_gpt_enabled:true}}
    function renderPromptProfiles(){
      if(!promptProfileList||!promptEditorForm)return;
      const platform=promptManagerState.platform,setting=promptPlatformSetting(platform),items=promptManagerState.profiles.filter(item=>item.platform===platform);
      $("anPromptPlatformTitle").textContent=`${promptPlatformLabels[platform]||platform} 프롬프트`;
      $("anPromptPlatformMeta").textContent=setting.profile_name?`현재 기본: ${setting.profile_name} · 버전 ${setting.version||1}`:"현재 기본 프롬프트를 확인하세요.";
      $("anPromptDedicatedWrap").style.display=setting.dedicated_gpt_supported?"flex":"none";
      $("anPromptDedicatedEnabled").checked=Boolean(setting.dedicated_gpt_enabled);
      promptProfileList.innerHTML=items.length?items.map(item=>`<div class="an-prompt-item${item.is_default?" is-default":""}" data-prompt-profile-id="${item.id}"><div class="an-prompt-item-head"><div><div class="an-prompt-item-name">${esc(item.name)}</div><div class="an-prompt-item-meta">버전 ${Number(item.version||1)} · ${item.enabled?"사용":"사용 안 함"} · ${item.is_default?"현재 기본":"보조 프로필"}${item.updated_at?` · 수정 ${esc(String(item.updated_at).slice(0,16))}`:""}</div></div><div class="an-prompt-item-actions">${item.is_default?'<span class="an-prompt-badge">사용 중</span>':`<button class="an-prompt-mini primary" type="button" data-prompt-activate="${item.id}">기본 사용</button>`}<button class="an-prompt-mini" type="button" data-prompt-edit="${item.id}">수정</button><button class="an-prompt-mini" type="button" data-prompt-copy="${item.id}">복제</button><button class="an-prompt-mini danger" type="button" data-prompt-delete="${item.id}">삭제</button></div></div></div>`).join(""):'<div class="an-prompt-empty">저장된 프롬프트가 없습니다.</div>';
      if(!promptManagerState.editingId&&items.length){const target=items.find(item=>item.is_default)||items[0];fillPromptEditor(target)}
    }
    function fillPromptEditor(item,clone=false){if(!promptEditorForm||!item)return;promptManagerState.editingId=clone?0:Number(item.id||0);promptEditorForm.elements.id.value=clone?"":String(item.id||"");promptEditorForm.elements.platform.value=promptManagerState.platform;promptEditorForm.elements.prompt_kind.value=promptKindForPlatform(promptManagerState.platform);promptEditorForm.elements.name.value=clone?`${item.name} 복제`:item.name;promptEditorForm.elements.prompt_text.value=item.prompt_text||"";promptEditorForm.elements.enabled.value=item.enabled?"1":"0";promptEditorForm.elements.is_default.checked=false}
    function newPromptEditor(){if(!promptEditorForm)return;promptManagerState.editingId=0;promptEditorForm.reset();promptEditorForm.elements.id.value="";promptEditorForm.elements.platform.value=promptManagerState.platform;promptEditorForm.elements.prompt_kind.value=promptKindForPlatform(promptManagerState.platform);promptEditorForm.elements.enabled.value="1";promptEditorForm.elements.name.value=`${promptPlatformLabels[promptManagerState.platform]||promptManagerState.platform} 새 프롬프트`;promptEditorForm.elements.prompt_text.value="";promptEditorForm.elements.is_default.checked=false;promptEditorForm.elements.prompt_text.focus()}
    async function loadPromptManager(platform){
      const target=platform||promptManagerState.platform||"website";promptManagerState.platform=target;promptManagerState.editingId=0;
      const [settingsRes,profilesRes]=await Promise.all([fetch("/api/auto-news/prompt-settings",{cache:"no-store"}),fetch(`/api/auto-news/prompt-profiles?platform=${encodeURIComponent(target)}`,{cache:"no-store"})]);
      promptManagerState.settings=await readJsonResponse(settingsRes);const profileData=await readJsonResponse(profilesRes);promptManagerState.profiles=Array.isArray(profileData.items)?profileData.items:[];renderPromptPlatformButtons();renderPromptProfiles();
    }
    async function openPromptManager(){if(!promptManagerModal)return;promptManagerModal.classList.add("open");await loadPromptManager(promptManagerState.platform)}

    
    async function savePromptDedicatedSetting(){const platform=promptManagerState.platform,setting=promptPlatformSetting(platform);if(!setting.dedicated_gpt_supported)return;const res=await fetch(`/api/auto-news/prompt-settings/${encodeURIComponent(platform)}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({dedicated_gpt_enabled:$("anPromptDedicatedEnabled").checked})});await readJsonResponse(res);notice(`${promptPlatformLabels[platform]} 전용 GPT 설정을 저장했습니다.`);await loadPromptManager(platform)}
    async function savePromptEditor(){
      const id=Number(promptEditorForm.elements.id.value||0),payload={platform:promptManagerState.platform,prompt_kind:promptKindForPlatform(promptManagerState.platform),name:promptEditorForm.elements.name.value.trim(),prompt_text:promptEditorForm.elements.prompt_text.value.trim(),enabled:promptEditorForm.elements.enabled.value==="1",is_default:promptEditorForm.elements.is_default.checked};
      if(!payload.name||payload.prompt_text.length<20)throw new Error("프롬프트 이름과 20자 이상의 명령을 입력해주세요.");
      const res=await fetch(id?`/api/auto-news/prompt-profiles/${id}`:"/api/auto-news/prompt-profiles",{method:id?"PUT":"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(payload)});await readJsonResponse(res);notice(id?"프롬프트를 수정했습니다.":"새 프롬프트를 추가했습니다.");promptManagerState.editingId=0;await loadPromptManager(promptManagerState.platform)
    }
    async function activatePromptProfile(id){const res=await fetch(`/api/auto-news/prompt-profiles/${Number(id)}/activate`,{method:"POST"});await readJsonResponse(res);notice("이 프롬프트를 현재 기본으로 적용했습니다.");promptManagerState.editingId=0;await loadPromptManager(promptManagerState.platform)}
    async function deletePromptProfile(id){const item=promptManagerState.profiles.find(x=>Number(x.id)===Number(id));if(!item)return;if(!confirm(`'${item.name}' 프롬프트를 삭제할까요?`))return;const res=await fetch(`/api/auto-news/prompt-profiles/${Number(id)}`,{method:"DELETE"});await readJsonResponse(res);notice("프롬프트를 삭제했습니다.");promptManagerState.editingId=0;await loadPromptManager(promptManagerState.platform)}
    function insertPromptVariable(value){const area=promptEditorForm&&promptEditorForm.elements.prompt_text;if(!area)return;const start=area.selectionStart||0,end=area.selectionEnd||0;area.value=area.value.slice(0,start)+value+area.value.slice(end);area.focus();area.selectionStart=area.selectionEnd=start+value.length}

    const externalSettingsState={items:[],categories:[],category:"전체",query:"",changedOnly:false,dirty:new Map(),reset:new Set(),profiles:[]};
    function externalSettingControl(item){
      const key=String(item.key||""),value=String(item.value==null?"":item.value),type=String(item.type||"text"),dirtyValue=externalSettingsState.dirty.has(key)?String(externalSettingsState.dirty.get(key)):value;
      if(type==="bool")return `<label class="an-setting-toggle"><input type="checkbox" data-external-setting-key="${esc(key)}" data-external-setting-type="bool" ${["1","true","yes","on"].includes(dirtyValue.toLowerCase())?"checked":""}>사용</label>`;
      if(type==="select"&&Array.isArray(item.options)&&item.options.length){return `<select class="an-select" data-external-setting-key="${esc(key)}" data-external-setting-type="select">${item.options.map(opt=>`<option value="${esc(opt.value)}" ${String(opt.value)===dirtyValue?"selected":""}>${esc(opt.label)}</option>`).join("")}</select>`}
      if(type==="secret")return `<div><input class="an-input" type="password" autocomplete="new-password" data-external-setting-key="${esc(key)}" data-external-setting-type="secret" placeholder="${item.secret_configured?"저장된 비밀값 유지":"새 비밀값 입력"}"><div class="an-setting-secret-note">${item.secret_configured?"현재 비밀값이 설정되어 있습니다. 새 값을 입력할 때만 교체됩니다.":"현재 비밀값이 없습니다."}</div></div>`;
      if(type==="longtext")return `<textarea class="an-textarea" data-external-setting-key="${esc(key)}" data-external-setting-type="longtext">${esc(dirtyValue)}</textarea>`;
      const htmlType=type==="number"?"number":type==="url"?"url":"text";return `<input class="an-input" type="${htmlType}" data-external-setting-key="${esc(key)}" data-external-setting-type="${esc(type)}" value="${esc(dirtyValue)}">`;
    }
    function renderExternalSettingsCategories(){
      if(!externalSettingsCategories)return;const counts=new Map((externalSettingsState.categories||[]).map(x=>[String(x.name||""),Number(x.count||0)]));
      const names=["전체",...[...counts.keys()]];externalSettingsCategories.innerHTML=names.map(name=>`<button class="an-settings-category-btn ${externalSettingsState.category===name?"active":""}" type="button" data-external-category="${esc(name)}"><span>${esc(name)}</span><span class="an-settings-category-count">${name==="전체"?externalSettingsState.items.length:(counts.get(name)||0)}</span></button>`).join("");
    }
    function renderExternalSettings(){
      if(!externalSettingsList)return;const query=externalSettingsState.query.trim().toLowerCase();let items=externalSettingsState.items.filter(item=>(externalSettingsState.category==="전체"||item.category===externalSettingsState.category)&&(!query||String(item.label||"").toLowerCase().includes(query))&&(!externalSettingsState.changedOnly||item.overridden||externalSettingsState.dirty.has(item.key)||externalSettingsState.reset.has(item.key)));
      externalSettingsList.innerHTML=items.length?items.map(item=>{const changed=externalSettingsState.dirty.has(item.key),reset=externalSettingsState.reset.has(item.key),source=reset?"기본값으로 복귀 예정":changed?"저장 대기":item.source;return `<article class="an-setting-item ${(item.overridden||changed)&&!reset?"is-overridden":""}" data-setting-item="${esc(item.key)}"><div class="an-setting-item-head"><div><div class="an-setting-title">${esc(item.label)}</div><div class="an-setting-meta"><span class="an-setting-badge ${item.overridden&&!reset?"db":""}">${esc(source)}</span><span class="an-setting-badge">${esc(item.category)}</span>${item.linked_setting?`<span class="an-setting-badge">${esc(item.linked_setting)}</span>`:''}${item.restart_recommended?'<span class="an-setting-badge restart">재시작 후 완전 적용</span>':''}</div></div><button class="an-setting-reset" type="button" data-external-reset-key="${esc(item.key)}">${item.overridden||changed?"환경·기본값 사용":"초기값"}</button></div><div class="an-setting-control">${externalSettingControl(item)}<span class="an-coupang-manager-meta">${item.type==="secret"?esc(item.effective_display||""):"현재 "+esc(item.effective_display||"")}</span></div></article>`}).join(""):'<div class="an-setting-empty">조건에 맞는 설정이 없습니다.</div>';
      const dirtyCount=externalSettingsState.dirty.size+externalSettingsState.reset.size;$('anExternalSettingsDirty').textContent=dirtyCount?`${dirtyCount}개 설정이 저장 대기 중입니다.`:"변경된 설정이 없습니다.";
    }
    function renderExternalProfiles(){
      const select=$('anExternalProfileSelect');if(!select)return;const items=Array.isArray(externalSettingsState.profiles)?externalSettingsState.profiles:[];
      select.innerHTML='<option value="">'+(externalSettingsState.category==='전체'?'분류를 선택하면 설정 프로필을 사용할 수 있습니다.':'저장된 설정 프로필 선택')+'</option>'+items.map(item=>`<option value="${Number(item.id||0)}">${esc(item.name||'이름 없음')}${item.is_active?' · 사용 중':''}</option>`).join('');
      const active=items.find(item=>item.is_active);if(active)select.value=String(active.id||'');
    }
    async function loadExternalProfiles(){
      if(externalSettingsState.category==='전체'){externalSettingsState.profiles=[];renderExternalProfiles();return []}
      const res=await fetch('/api/auto-news/external-setting-profiles?category='+encodeURIComponent(externalSettingsState.category),{cache:'no-store'}),data=await readJsonResponse(res);externalSettingsState.profiles=Array.isArray(data.items)?data.items:[];renderExternalProfiles();return externalSettingsState.profiles;
    }
    async function captureExternalProfile(){
      if(externalSettingsState.category==='전체')return notice('먼저 챗지피티·버퍼·블로거처럼 한 설정 분류를 선택해주세요.');
      if(externalSettingsState.dirty.size||externalSettingsState.reset.size)return notice('저장 대기 중인 변경값을 먼저 저장한 뒤 설정 프로필을 만들어주세요.');
      const name=window.prompt(`${externalSettingsState.category} 설정 프로필 이름을 입력해주세요.`,`${externalSettingsState.category} 운영 프로필`);if(!name||!name.trim())return;
      const res=await fetch('/api/auto-news/external-setting-profiles',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({category:externalSettingsState.category,name:name.trim()})}),data=await readJsonResponse(res);await loadExternalProfiles();notice(`${data.item&&data.item.name||name} 프로필을 저장했습니다.`);
    }
    async function activateExternalProfile(){
      const id=Number($('anExternalProfileSelect').value||0);if(!id)return notice('사용할 설정 프로필을 선택해주세요.');if(externalSettingsState.dirty.size||externalSettingsState.reset.size)return notice('저장 대기 중인 변경값을 먼저 저장하거나 취소해주세요.');
      const res=await fetch(`/api/auto-news/external-setting-profiles/${id}/activate`,{method:'POST'}),data=await readJsonResponse(res);await Promise.all([loadExternalSettings(),loadExternalProfiles(),loadSchedulerSettings(),loadBufferChannelStatus(),loadBloggerConnectionStatus()]);notice(`${data.name||'설정 프로필'}을 적용했습니다. ${Number(data.applied_count||0)}개 설정이 전환되었습니다.`);
    }
    async function deleteExternalProfile(){
      const id=Number($('anExternalProfileSelect').value||0);if(!id)return notice('삭제할 설정 프로필을 선택해주세요.');const item=(externalSettingsState.profiles||[]).find(x=>Number(x.id)===id);if(item&&item.is_active)return notice('현재 사용 중인 프로필은 다른 프로필로 전환한 뒤 삭제해주세요.');if(!window.confirm('선택한 설정 프로필을 삭제할까요?'))return;
      const res=await fetch(`/api/auto-news/external-setting-profiles/${id}`,{method:'DELETE'});await readJsonResponse(res);await loadExternalProfiles();notice('설정 프로필을 삭제했습니다.');
    }
    async function loadExternalSettings(){
      const res=await fetch('/api/auto-news/external-settings',{cache:'no-store'}),data=await readJsonResponse(res);externalSettingsState.items=Array.isArray(data.items)?data.items:[];externalSettingsState.categories=Array.isArray(data.categories)?data.categories:[];externalSettingsState.dirty.clear();externalSettingsState.reset.clear();renderExternalSettingsCategories();renderExternalSettings();return data;
    }
    async function openExternalSettings(){externalSettingsModal.classList.add('open');await loadExternalSettings();await loadExternalProfiles();await loadBufferAccounts()}
    function markExternalSetting(key,value){externalSettingsState.reset.delete(key);externalSettingsState.dirty.set(key,value);renderExternalSettings()}
    async function saveExternalSettings(){
      const settings={};for(const [key,value] of externalSettingsState.dirty.entries())settings[key]=value;const resetKeys=[...externalSettingsState.reset];if(!Object.keys(settings).length&&!resetKeys.length)return notice('변경된 설정이 없습니다.');const res=await fetch('/api/auto-news/external-settings',{method:'PUT',headers:{'Content-Type':'application/json'},body:JSON.stringify({settings:settings,reset_keys:resetKeys})}),data=await readJsonResponse(res);notice(`전체 운영 설정을 저장했습니다. ${Object.keys(settings).length}개 변경 · ${resetKeys.length}개 기본값 복귀`);await loadExternalSettings();await Promise.allSettled([loadSchedulerSettings(),loadBufferChannelStatus(),loadBloggerConnectionStatus()]);return data;
    }
    const DEFAULT_SCHEDULER_IMAGE_COUNT=5;
    // ver628: 화면 초기 조회와 열기 조회가 선택값을 덮어쓰지 않도록 한 번의 로딩이 편집 상태를 소유합니다.
    let schedulerSettingsLoading=false;
    let schedulerSettingsLoaded=false;
    let schedulerLastFixedImageProvider="auto";
    function normalizedSchedulerImageCount(value){if(String(value||"").toLowerCase()==="paragraphs")return "paragraphs";const num=Number(value);return Number.isFinite(num)&&num>=1&&num<=5?String(Math.trunc(num)):String(DEFAULT_SCHEDULER_IMAGE_COUNT)}
    function syncSchedulerImageControls(selectedValue){const normalizedCount=normalizedSchedulerImageCount(selectedValue);const providerSelect=$("anSchedulerImageProvider");if(!providerSelect)return normalizedCount;const currentProvider=String(providerSelect.value||"auto");if(currentProvider&&currentProvider!=="gpt")schedulerLastFixedImageProvider=currentProvider;if(normalizedCount==="paragraphs"){if(currentProvider&&currentProvider!=="gpt")schedulerLastFixedImageProvider=currentProvider;providerSelect.value="gpt";providerSelect.disabled=true;providerSelect.setAttribute("title","내용 범주별 GPT 이미지 모드에서는 GPT만 사용합니다.")}else{providerSelect.disabled=false;if((!currentProvider||currentProvider==="gpt")&&schedulerLastFixedImageProvider&&schedulerLastFixedImageProvider!=="gpt")providerSelect.value=schedulerLastFixedImageProvider;providerSelect.setAttribute("title","자동은 GPT를 먼저 사용하고 부족하거나 실패한 이미지만 서버가 채웁니다. GPT만/서버만은 선택한 생성기로 바로 직행하며 다른 생성기로 우회하지 않습니다.")}return normalizedCount}
    function closeSchedulerManager(event){
      if(event){try{event.preventDefault()}catch(_e){}try{event.stopPropagation()}catch(_e){}}
      const targetModal=schedulerManagerModal||document.getElementById("anSchedulerManagerModal");
      if(!targetModal)return false;
      // ver424: 공용 drawer helper가 아직 등록되지 않았거나 다른 JS 오류로 등록이 생략돼도 직접 닫습니다.
      targetModal.classList.remove("open");
      targetModal.setAttribute("aria-hidden","true");
      try{if(typeof window.__neoCloseStudioDrawer==="function")window.__neoCloseStudioDrawer(targetModal)}catch(_e){}
      return false;
    }
    async function loadSchedulerSettings(){const res=await fetch("/api/auto-news/scheduler-settings",{cache:"no-store"}),data=await readJsonResponse(res),presets=data.time_presets||{},dedicated=data.dedicated_gpt_by_platform||{};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);$("anSchedulerPublishYouTube").checked=data.publish_youtube===true;$("anSchedulerPublishYouTubeLongform").checked=data.publish_youtube_longform===true;$("anSchedulerPublishBlogger").checked=data.publish_blogger===true;if($("anSchedulerDedicatedBlogger"))$("anSchedulerDedicatedBlogger").checked=dedicated.blogspot!==false;if($("anSchedulerDedicatedThreads"))$("anSchedulerDedicatedThreads").checked=dedicated.threads===true;if($("anSchedulerDedicatedInstagram"))$("anSchedulerDedicatedInstagram").checked=dedicated.instagram===true;if($("anSchedulerDedicatedTikTok"))$("anSchedulerDedicatedTikTok").checked=dedicated.tiktok===true;if($("anSchedulerDedicatedYouTube"))$("anSchedulerDedicatedYouTube").checked=dedicated.youtube===true;if($("anSchedulerDedicatedFacebook"))$("anSchedulerDedicatedFacebook").checked=dedicated.facebook===true;if($("anSchedulerDedicatedX"))$("anSchedulerDedicatedX").checked=dedicated.x===true;const loadedSchedulerImageCount=normalizedSchedulerImageCount(data.homepage_image_count);$("anSchedulerImageCount").value=loadedSchedulerImageCount;if($("anSchedulerThumbnailAspect"))$("anSchedulerThumbnailAspect").value=String(data.thumbnail_aspect_ratio||"16:9");if($("anSchedulerSquareVideoAspect"))$("anSchedulerSquareVideoAspect").value=String(data.square_video_aspect_ratio||"9:16");if($("anSchedulerImageProvider")){const loadedProvider=String(data.image_generation_provider||"auto");if(loadedProvider&&loadedProvider!=="gpt")schedulerLastFixedImageProvider=loadedProvider;$("anSchedulerImageProvider").value=loadedProvider}syncSchedulerImageControls(loadedSchedulerImageCount);if($("anSchedulerVideoProvider"))$("anSchedulerVideoProvider").value=String(data.video_generation_provider||"auto");if($("anSchedulerTtsProvider"))$("anSchedulerTtsProvider").value=String(data.tts_provider||"edge");if($("anSchedulerChatGPTMode"))$("anSchedulerChatGPTMode").value=String(data.chatgpt_mode||"current");$("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||schedulerSettingsLoading)return;
      window.__neoPrepareStudioDrawer?.(schedulerManagerModal);
      schedulerManagerModal.removeAttribute("aria-hidden");
      schedulerManagerModal.classList.add("open");
      schedulerSettingsLoading=true;schedulerSettingsLoaded=false;
      const controls=[...schedulerForm.querySelectorAll("input,select,button[type='submit']")];
      const disabledStates=controls.map(control=>control.disabled);
      controls.forEach(control=>control.disabled=true);
      try{
        await loadSchedulerSettings();
        schedulerSettingsLoaded=true;
      }catch(error){closeSchedulerManager();notice("자동 포스팅 설정을 불러오지 못했습니다. 창을 다시 열어주세요. "+error.message)}
      finally{
        schedulerSettingsLoading=false;
        controls.forEach((control,index)=>control.disabled=disabledStates[index]);
        if(schedulerSettingsLoaded)syncSchedulerImageControls($("anSchedulerImageCount").value);
      }
      loadBufferChannelStatus().catch(error=>console.warn("[AUTO_NEWS] channel status",error));
    }
    async function saveSchedulerSettings(){if(schedulerSettingsLoading||!schedulerSettingsLoaded)throw new Error("저장된 설정을 먼저 불러와야 합니다. 설정창을 다시 열어주세요.");const times=[...schedulerTimes.querySelectorAll('input[type="time"]')].map(input=>input.value.trim()).filter(Boolean);if(!times.length)return notice("자동 포스팅 시간을 한 개 이상 입력해주세요.");const normalizedImageCount=syncSchedulerImageControls($("anSchedulerImageCount")?$("anSchedulerImageCount").value:DEFAULT_SCHEDULER_IMAGE_COUNT),payload={enabled:$("anSchedulerEnabled").checked,publish_threads:false,publish_instagram:false,publish_tiktok:false,publish_youtube:$("anSchedulerPublishYouTube").checked,publish_youtube_longform:$("anSchedulerPublishYouTubeLongform").checked,publish_facebook:false,publish_x:false,...window.regolithPublicationTargets("scheduler"),publish_blogger:$("anSchedulerPublishBlogger").checked,dedicated_gpt_blogger:$("anSchedulerDedicatedBlogger")?$("anSchedulerDedicatedBlogger").checked:true,dedicated_gpt_threads:$("anSchedulerDedicatedThreads")?$("anSchedulerDedicatedThreads").checked:false,dedicated_gpt_instagram:$("anSchedulerDedicatedInstagram")?$("anSchedulerDedicatedInstagram").checked:false,dedicated_gpt_tiktok:$("anSchedulerDedicatedTikTok")?$("anSchedulerDedicatedTikTok").checked:false,dedicated_gpt_youtube:$("anSchedulerDedicatedYouTube")?$("anSchedulerDedicatedYouTube").checked:false,dedicated_gpt_facebook:$("anSchedulerDedicatedFacebook")?$("anSchedulerDedicatedFacebook").checked:false,dedicated_gpt_x:$("anSchedulerDedicatedX")?$("anSchedulerDedicatedX").checked:false,homepage_image_count:normalizedImageCount==="paragraphs"?"paragraphs":Number(normalizedImageCount),homepage_image_count_mode:normalizedImageCount==="paragraphs"?"paragraphs":"fixed",scheduler_preferences_schema:2,thumbnail_aspect_ratio:$("anSchedulerThumbnailAspect")?$("anSchedulerThumbnailAspect").value:"16:9",square_video_aspect_ratio:$("anSchedulerSquareVideoAspect")?$("anSchedulerSquareVideoAspect").value:"9:16",image_generation_provider:normalizedImageCount==="paragraphs"?"gpt":($("anSchedulerImageProvider")?$("anSchedulerImageProvider").value:"auto"),video_generation_provider:$("anSchedulerVideoProvider")?$("anSchedulerVideoProvider").value:"auto",tts_provider:$("anSchedulerTtsProvider")?$("anSchedulerTtsProvider").value:"edge",chatgpt_mode:$("anSchedulerChatGPTMode")?$("anSchedulerChatGPTMode").value:"current",times:times,daily_publish_limit:Number($("anSchedulerDailyLimit").value||0)},res=await fetch("/api/auto-news/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("·")} 연결 설정 확인 필요(설정은 저장됨)`:"",gpt=data.dedicated_gpt_by_platform||{},gptOn=[gpt.blogspot&&"Blogger",gpt.threads&&"Threads",gpt.instagram&&"Instagram",gpt.tiktok&&"TikTok",gpt.youtube&&"YouTube",gpt.facebook&&"Facebook",gpt.x&&"X"].filter(Boolean);notice(`자동 포스팅 설정을 저장했습니다. ${data.enabled?"사용":"중지"} · 전용 GPT ${gptOn.length?gptOn.join("·"):"모두 끔"} · ChatGPT ${data.chatgpt_mode_label||data.chatgpt_mode||"현재 설정 유지"} · Threads ${data.publish_threads?"포함":"제외"} · Instagram ${data.publish_instagram?"포함":"제외"} · TikTok ${data.publish_tiktok?"포함":"제외"} · YouTube ${data.publish_youtube?"포함":"제외"} · Facebook ${data.publish_facebook?"포함":"제외"} · X ${data.publish_x?"포함":"제외"} · Blogger ${data.publish_blogger?"포함":"제외"} · 이미지 ${String(data.homepage_image_count||"")==="paragraphs"?"대표1+문단별 GPT":String(data.homepage_image_count||5)+"장"}/${data.thumbnail_aspect_ratio||"16:9"} 720p/${data.image_generation_provider_label||data.image_generation_provider||"자동"} · 동영상 ${data.video_generation_provider_label||data.video_generation_provider||"자동"}/${data.video_aspect_ratio||data.thumbnail_aspect_ratio||"16:9"} · TTS ${data.tts_provider_label||data.tts_provider||"자동"} · ${data.times.join(" · ")}${warningText}`);closeSchedulerManager();await Promise.all([loadSchedulerStatus(),loadBufferChannelStatus()])}
    async function loadSchedulerStatus(){
      const el=$("anSchedulerStatus");if(!canManage||!el)return;
      try{
        const res=await fetch("/api/auto-news/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}`:"",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 제외",longform=data.scheduler_publish_youtube_longform?" · YouTube 롱폼 포함":" · YouTube 롱폼 제외",youtube=data.scheduler_publish_youtube?" · YouTube 포함":" · YouTube 제외",facebook=data.scheduler_publish_facebook?" · Facebook 포함":" · Facebook 제외",x=data.scheduler_publish_x?" · X 포함":" · X 제외",blogger=data.scheduler_publish_blogger?" · Blogger 포함":" · Blogger 제외",images=` · 이미지 ${String(data.scheduler_homepage_image_count||"")==="paragraphs"?"대표1+문단별 GPT":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}${threads}${instagram}${tiktok}${youtube}${longform}${facebook}${x}${blogger}${images}${buffer}${bufferResult}${bufferLimit}${next}`;
        if(detail)el.title=detail;
      }catch(e){el.textContent="자동발행 상태를 확인하지 못했습니다."}
    }
    // ver644: 두 설정 화면은 같은 계정 저장 API와 동일한 카드 렌더러를 사용합니다.
    let bufferAccountItems=[];
    const bufferAccountLabels={threads:'Threads',instagram:'Instagram',tiktok:'TikTok',youtube:'YouTube Shorts',facebook:'Facebook Reel',x:'X'};
    async function loadBufferAccounts(){
      const [response,historyResponse]=await Promise.all([fetch('/api/auto-news/studio/credentials?service=buffer',{cache:'no-store'}),fetch('/api/auto-news/buffer/account-results',{cache:'no-store'})]);
      const data=await readJsonResponse(response),history=await readJsonResponse(historyResponse);bufferAccountItems=data.items||[];
      document.querySelectorAll('[data-buffer-accounts]').forEach(root=>{
        root.querySelector('[data-buffer-account-list]').innerHTML=(bufferAccountItems.length?'':'<p>별도 계정 프로필이 없으면 현재 저장된 기본 Buffer 연결을 사용합니다. 연결 채널과 발행 결과는 아래에서 확인하세요.</p>')+[...bufferAccountItems,{id:'',name:'새 Buffer 계정',enabled:false,settings:{}}].map(item=>`<details class="an-buffer-account" data-buffer-account-id="${esc(item.id)}"><summary>${esc(item.name)} · ${item.enabled?'사용':'중지'} · 연결 채널 자동 발행</summary><div class="an-buffer-account-grid"><label>계정 이름<input data-buffer-name value="${esc(item.name)}"></label><label>API 키<input type="password" autocomplete="new-password" data-buffer-key placeholder="${(item.configured_secrets||[]).includes('AUTO_NEWS_BUFFER_API_KEY')?'저장된 키 유지: 빈칸':'이 계정의 API 키 입력'}"></label><label><input type="checkbox" data-buffer-enabled ${item.enabled?'checked':''}> 이 계정 활성화</label></div><small>프로필 ID: ${esc(item.id||'저장 후 생성')} · 활성 계정에 연결된 채널 전체에 한국어로 자동 발행합니다.</small><button type="button" class="an-btn success" data-buffer-account-save>이 계정 저장</button><span role="status" data-buffer-save-status></span></details>`).join('');
        root.querySelector('[data-buffer-account-results]').innerHTML='<h3>최근 계정별 발행 결과</h3><table><thead><tr><th>계정</th><th>플랫폼</th><th>글</th><th>상태</th></tr></thead><tbody>'+(history.items||[]).map(x=>`<tr><td>${esc(bufferAccountItems.find(a=>a.id===x.credential_id)?.name||x.credential_id)}</td><td>${esc(bufferAccountLabels[x.service]||x.service)}</td><td>${esc(x.post_id)}</td><td>${esc(({published:'게시 완료',queued:'접수 · 게시 확인 필요',in_progress:'진행/이전 작업 확인 필요',unknown:'전송 결과 확인 필요',failed:'실패',needs_action:'설정 확인 필요'})[x.status]||x.status)}<small>${esc(x.updated_at)}</small></td></tr>`).join('')+'</tbody></table>';
      });
    }
    document.addEventListener('click',async event=>{
      const save=event.target.closest('[data-buffer-account-save]'),refresh=event.target.closest('[data-buffer-accounts-refresh]');
      if(!save&&!refresh)return;
      if(refresh){loadBufferChannelStatus().catch(error=>notice(error.message));return}
      const card=save.closest('[data-buffer-account-id]'),id=card.dataset.bufferAccountId,existing=bufferAccountItems.find(x=>x.id===id),status=card.querySelector('[data-buffer-save-status]');
      const settings={AUTO_NEWS_BUFFER_API_KEY:card.querySelector('[data-buffer-key]').value.trim()};
      const payload={name:card.querySelector('[data-buffer-name]').value.trim(),service:'buffer',enabled:card.querySelector('[data-buffer-enabled]').checked,is_default:!!existing?.is_default,settings};
      save.disabled=true;status.textContent='저장 중…';try{await readJsonResponse(await fetch('/api/auto-news/studio/credentials'+(id?'/'+encodeURIComponent(id):''),{method:id?'PUT':'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(payload)}));await loadBufferAccounts();notice('계정을 저장했습니다. 연결 채널 전체가 다음 신규 발행부터 자동 포함됩니다.')}catch(error){status.textContent=error.message}finally{save.disabled=false}
    });
    async function loadBufferChannelStatus(){
      loadBufferAccounts().catch(error=>document.querySelectorAll('[data-buffer-account-list]').forEach(el=>el.textContent=error.message));
      const el=$("anBufferChannelStatus"),metaEl=$("anMetaConnectionStatus");if(!el&&!metaEl)return null;
      try{
        const res=await fetch("/api/auto-news/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-news/buffer/discover-channels",{method:"POST"}),data=await readJsonResponse(res);
        notice(data.detail||"Buffer 채널 ID를 저장했습니다.");
        await loadBufferChannelStatus();
        if(typeof loadConnections==='function')await loadConnections();
      }finally{if(button)button.disabled=false}
    }
    async function loadBloggerConnectionStatus(){const el=$("anBloggerConnectionStatus");try{const res=await fetch('/api/auto-news/publication-profiles',{cache:'no-store'}),data=await readJsonResponse(res),profiles=data.profiles||[];bloggerConnected=profiles.some(p=>p.blogger&&p.blogger.connected);for(const id of ['anPublishBloggerCheck','anSchedulerPublishBlogger'])if($(id))$(id).disabled=false;if(el)el.textContent=profiles.map(p=>p.name+': '+(p.blogger&&p.blogger.connected?'연결됨':'연결 필요')).join(' · ');return {connected:bloggerConnected,profiles}}catch(e){if(el)el.textContent=e.message;return null}}

    $("anThreadsMetaConnectBtn")&&$("anThreadsMetaConnectBtn").addEventListener("click",()=>{location.href="/api/auto-news/threads/oauth/start"});
    $("anInstagramMetaConnectBtn")&&$("anInstagramMetaConnectBtn").addEventListener("click",()=>{location.href="/api/auto-news/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-news/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(typeof loadConnections==='function')await loadConnections();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(loadBloggerConnectionStatus).catch(e=>notice(e.message))});
    if(schedulerManagerModal){const schedulerCloseBtn=$("anSchedulerManagerClose"),schedulerCancelBtn=$("anSchedulerCancel");schedulerCloseBtn&&schedulerCloseBtn.addEventListener("click",closeSchedulerManager);schedulerCancelBtn&&schedulerCancelBtn.addEventListener("click",closeSchedulerManager);schedulerManagerModal.addEventListener("keydown",e=>{if(e.key==="Escape")closeSchedulerManager(e)});$("anSchedulerOddPreset")&&$("anSchedulerOddPreset").addEventListener("click",()=>applySchedulerTimePreset("odd"));$("anSchedulerEvenPreset")&&$("anSchedulerEvenPreset").addEventListener("click",()=>applySchedulerTimePreset("even"));$("anSchedulerTimeAdd")&&$("anSchedulerTimeAdd").addEventListener("click",()=>schedulerTimes.appendChild(schedulerTimeRow("09:00")));schedulerTimes&&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&&schedulerForm.addEventListener("submit",async e=>{e.preventDefault();const button=schedulerForm.querySelector('button[type="submit"]');if(button.disabled)return;button.disabled=true;try{await saveSchedulerSettings()}catch(err){notice(err.message)}finally{button.disabled=false}});schedulerManagerModal.addEventListener("click",e=>{if(e.target===schedulerManagerModal)closeSchedulerManager(e)})}
    // ver424: 자동 포스팅 설정 X/닫기 버튼은 문서 캡처 단계에서도 직접 닫습니다.
    // 일부 UI 초기화가 중간 실패하거나 drawer helper가 등록되지 않은 경우에도 이 경로가 살아 있습니다.
    document.addEventListener("click",e=>{const closeTarget=e.target&&e.target.closest?e.target.closest("[data-an-scheduler-close='1']"):null;if(!closeTarget)return;closeSchedulerManager(e)},true);
    document.addEventListener("keydown",e=>{if(e.key!=="Escape")return;const m=document.getElementById("anSchedulerManagerModal");if(m&&m.classList.contains("open"))closeSchedulerManager(e)},true);
    $("anPromptManagerBtn")&&$("anPromptManagerBtn").addEventListener("click",()=>openPromptManager().catch(e=>notice(e.message)));$("anSchedulerOpenPromptManager")&&$("anSchedulerOpenPromptManager").addEventListener("click",()=>{schedulerManagerModal&&window.__neoCloseStudioDrawer?.(schedulerManagerModal);openPromptManager().catch(e=>notice(e.message))});
    if(promptManagerModal){
      $("anPromptManagerClose").addEventListener("click",()=>promptManagerModal.classList.remove("open"));
      promptManagerModal.addEventListener("click",e=>{if(e.target===promptManagerModal)promptManagerModal.classList.remove("open")});
      promptPlatformList.addEventListener("click",e=>{const btn=e.target.closest("[data-prompt-platform]");if(btn)loadPromptManager(btn.dataset.promptPlatform).catch(err=>notice(err.message))});
      promptProfileList.addEventListener("click",e=>{const edit=e.target.closest("[data-prompt-edit]"),copy=e.target.closest("[data-prompt-copy]"),activate=e.target.closest("[data-prompt-activate]"),del=e.target.closest("[data-prompt-delete]");const id=Number((edit&&edit.dataset.promptEdit)||(copy&&copy.dataset.promptCopy)||(activate&&activate.dataset.promptActivate)||(del&&del.dataset.promptDelete)||0),item=promptManagerState.profiles.find(x=>Number(x.id)===id);if(edit&&item)fillPromptEditor(item);if(copy&&item)fillPromptEditor(item,true);if(activate)activatePromptProfile(id).catch(err=>notice(err.message));if(del)deletePromptProfile(id).catch(err=>notice(err.message))});
      $("anPromptDedicatedEnabled").addEventListener("change",()=>savePromptDedicatedSetting().catch(err=>notice(err.message)));
      $("anPromptNewBtn").addEventListener("click",newPromptEditor);
      $("anPromptCloneBtn").addEventListener("click",()=>{const item=promptManagerState.profiles.find(x=>Number(x.id)===Number(promptEditorForm.elements.id.value||0));if(item)fillPromptEditor(item,true);else notice("복제할 기존 프롬프트를 먼저 선택해주세요.")});
      promptEditorForm.addEventListener("submit",e=>{e.preventDefault();savePromptEditor().catch(err=>notice(err.message))});
      promptEditorForm.querySelectorAll("[data-prompt-var]").forEach(btn=>btn.addEventListener("click",()=>insertPromptVariable(btn.dataset.promptVar||"")));
    }
    $("anExternalSettingsBtn")&&$("anExternalSettingsBtn").addEventListener("click",()=>openExternalSettings().catch(e=>notice(e.message)));
    if(externalSettingsModal){
      $("anExternalSettingsClose").addEventListener("click",()=>externalSettingsModal.classList.remove("open"));externalSettingsModal.addEventListener("click",e=>{if(e.target===externalSettingsModal)externalSettingsModal.classList.remove("open")});
      externalSettingsCategories.addEventListener("click",e=>{const btn=e.target.closest("[data-external-category]");if(!btn)return;externalSettingsState.category=btn.dataset.externalCategory||"전체";renderExternalSettingsCategories();renderExternalSettings();loadExternalProfiles().catch(err=>notice(err.message))});
      externalSettingsList.addEventListener("change",e=>{const el=e.target.closest("[data-external-setting-key]");if(!el)return;const key=el.dataset.externalSettingKey,type=el.dataset.externalSettingType;markExternalSetting(key,type==="bool"?(el.checked?"1":"0"):el.value)});
      externalSettingsList.addEventListener("input",e=>{const el=e.target.closest("[data-external-setting-key]");if(!el||el.dataset.externalSettingType==="bool")return;externalSettingsState.reset.delete(el.dataset.externalSettingKey);externalSettingsState.dirty.set(el.dataset.externalSettingKey,el.value);const dirtyCount=externalSettingsState.dirty.size+externalSettingsState.reset.size;$('anExternalSettingsDirty').textContent=`${dirtyCount}개 설정이 저장 대기 중입니다.`});
      externalSettingsList.addEventListener("click",e=>{const btn=e.target.closest("[data-external-reset-key]");if(!btn)return;const key=btn.dataset.externalResetKey;externalSettingsState.dirty.delete(key);externalSettingsState.reset.add(key);renderExternalSettings()});
      $("anExternalSettingsSearch").addEventListener("input",e=>{externalSettingsState.query=e.target.value||"";renderExternalSettings()});
      $("anExternalSettingsChangedOnly").addEventListener("change",e=>{externalSettingsState.changedOnly=e.target.checked;renderExternalSettings()});
      $("anExternalProfileCapture").addEventListener("click",()=>captureExternalProfile().catch(e=>notice(e.message)));
      $("anExternalProfileUse").addEventListener("click",()=>activateExternalProfile().catch(e=>notice(e.message)));
      $("anExternalProfileDelete").addEventListener("click",()=>deleteExternalProfile().catch(e=>notice(e.message)));
      $("anExternalSettingsRefresh").addEventListener("click",()=>loadExternalSettings().then(()=>notice("현재 설정값을 다시 읽었습니다.")).catch(e=>notice(e.message)));
      $("anExternalSettingsDiscard").addEventListener("click",()=>{externalSettingsState.dirty.clear();externalSettingsState.reset.clear();renderExternalSettings();notice("저장 전 변경을 취소했습니다.")});
      $("anExternalSettingsSave").addEventListener("click",()=>saveExternalSettings().catch(e=>notice(e.message)));
    }
    $("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-news/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-news/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))});
    // ver712: One wizard owns the same controls and click handler in both management views.
    function buildComposeWizard(){const grid=document.querySelector('.an-admin-grid');if(!grid||grid.dataset.wizardBuilt==='1')return;grid.dataset.wizardBuilt='1';const $id=id=>document.getElementById(id);const wizard=document.createElement('div');wizard.className='an-compose-wizard';const step1=document.createElement('section');step1.className='an-compose-step';step1.innerHTML='<div class="an-compose-step-head"><div class="an-compose-step-num">1</div><div><h3>콘텐츠</h3><p>유형에 맞춰 첫 3초와 장면을 구성합니다. 작성 단계에서 근거를 확인하고 선택한 채널로 자동 발행합니다.</p></div></div><div id="anComposeTopicSlot"></div><div class="an-content-type-row" id="anContentTypeRow"><button class="an-content-type active" data-intent="auto">자동 선택</button><button class="an-content-type" data-intent="latest">뉴스</button><button class="an-content-type" data-intent="tip">실용 팁</button><button class="an-content-type" data-intent="howto">사용법</button><button class="an-content-type" data-intent="problem">문제 해결</button><button class="an-content-type" data-intent="information">정보글</button><button class="an-content-type" data-intent="purchase">제품·구매</button><button class="an-content-type" data-intent="review">후기</button></div>';
      const step2=document.createElement('section');step2.className='an-compose-step';step2.innerHTML='<div class="an-compose-step-head"><div class="an-compose-step-num">2</div><div><h3>생성 옵션</h3><p>기본값으로 바로 작성할 수 있습니다. 세부 설정은 필요할 때만 펼치세요.</p></div></div><div class="an-compose-simple-grid"><div class="an-compose-simple-box"><label>AI 작성</label><div id="anComposeAiSlot"></div></div><div class="an-compose-simple-box"><label>이미지</label><div id="anComposeImageSlot"></div></div><div class="an-compose-simple-box"><label>영상</label><div id="anComposeVideoSlot"></div></div></div><div class="an-compose-info-pill">최신 자료 확인과 관리자 기본 프롬프트 적용</div><label class="an-compose-search-toggle"><input type="checkbox" checked disabled> 최신 자료 검색 사용</label><details class="an-compose-advanced"><summary>고급 설정 ▾</summary><div class="an-compose-advanced-grid" id="anComposeAdvancedGrid"></div></details>';
      const step3=document.createElement('section');step3.className='an-compose-step';step3.innerHTML='<div class="an-compose-step-head"><div class="an-compose-step-num">3</div><div><h3>발행 채널</h3><p>홈페이지에 기본 저장합니다. 함께 발행할 외부 채널을 선택하세요.</p></div></div><div class="an-compose-channel-grid"><div class="an-homepage-platform-card"><span class="an-platform-icon">홈</span>홈페이지<small>기본 저장</small></div><div id="anComposePublishSlot" class="an-publish-options"></div></div>';
      wizard.append(step1,step2,step3);grid.parentNode.insertBefore(wizard,grid);wizard.appendChild($id('anKeywordGenerateBtn').closest('label.an-control-field')||$id('anKeywordGenerateBtn'));wizard.appendChild($id('anGenerationStatus').closest('label.an-control-field')||$id('anGenerationStatus'));
      const topic=$id('anKeywordInput');topic.classList.add('an-compose-main-input');$id('anComposeTopicSlot').appendChild(topic.closest('label.an-control-field')||topic);
      // ver434: 실제 수동 작성 폼의 비율 입력을 카드로 이동합니다. 초기화 뒤 임시 생성하던 이전 방식을 대체합니다.
      $id('anComposeAiSlot').appendChild($id('anChatGPTModeSelect').closest('label.an-control-field')||$id('anChatGPTModeSelect'));$id('anComposeImageSlot').appendChild($id('anImageCountSelect').closest('label.an-control-field')||$id('anImageCountSelect'));$id('anComposeImageSlot').appendChild($id('anThumbnailAspectSelect').closest('label.an-control-field')||$id('anThumbnailAspectSelect'));$id('anComposeVideoSlot').appendChild($id('anVideoProviderSelect').closest('label.an-control-field')||$id('anVideoProviderSelect'));if($id('anTtsProviderSelect'))$id('anComposeVideoSlot').appendChild($id('anTtsProviderSelect').closest('label.an-control-field')||$id('anTtsProviderSelect'));
      const adv=$id('anComposeAdvancedGrid');['anPlatformSelect','anIntentSelect','anModeSelect','anImageProviderSelect','anAttachedImageFile','anHomepageImageSourceMode','anVideoSourceMode','anSquareVideoAspectSelect'].forEach(id=>{const el=$id(id);if(el)adv.appendChild(el.closest('label.an-control-field')||el)});
      const publish=grid.querySelector('.an-publish-options');if(publish){$id('anComposePublishSlot').replaceWith(publish);const iconMap={anPublishYouTubeLongformCheck:'롱',anPublishYouTubeCheck:'유',anPublishBloggerCheck:'블'};publish.querySelectorAll('.an-check').forEach(label=>{const input=label.querySelector('input');if(!input)return;const icon=document.createElement('span');icon.className='an-platform-icon';icon.textContent=iconMap[input.id]||'채';label.insertBefore(icon,input.nextSibling)})}
      // ver700: One destination selector per context; moving it preserves checked state and existing publisher input.
      step3.appendChild(document.querySelector('[data-publication-targets="manual"]'));
      if(!grid.querySelector('input,select,button,textarea'))grid.remove();
      document.querySelectorAll('#anContentTypeRow [data-intent]').forEach(btn=>btn.onclick=()=>{const value=btn.dataset.intent;$id('anIntentSelect').value=value;$id('anIntentSelect').dispatchEvent(new Event('change',{bubbles:true}));document.querySelectorAll('#anContentTypeRow [data-intent]').forEach(x=>x.classList.toggle('active',x===btn))});
      $id('anIntentSelect')?.addEventListener('change',()=>document.querySelectorAll('#anContentTypeRow [data-intent]').forEach(x=>x.classList.toggle('active',x.dataset.intent===$id('anIntentSelect').value)));
    }
    if(canManage)buildComposeWizard();
    $("anKeywordGenerateBtn")&&$("anKeywordGenerateBtn").addEventListener("click",()=>generateContent().catch(e=>notice(e.message)));
    $("anImageCountSelect")&&$("anImageCountSelect").addEventListener("change",()=>{if($("anImageCountSelect").value==="paragraphs"&&$("anImageProviderSelect"))$("anImageProviderSelect").value="gpt";saveManualGenerationPreferences()});
    $("anSchedulerImageCount")&&$("anSchedulerImageCount").addEventListener("change",()=>{syncSchedulerImageControls($("anSchedulerImageCount").value)});$("anSchedulerImageProvider")&&$("anSchedulerImageProvider").addEventListener("change",()=>{const currentProvider=String($("anSchedulerImageProvider").value||"auto");if(currentProvider&&currentProvider!=="gpt")schedulerLastFixedImageProvider=currentProvider});
    $("anPlatformSelect")&&$("anPlatformSelect").addEventListener("change",()=>{if($("anPlatformSelect").value==="all")$("anModeSelect").value="all";saveManualGenerationPreferences()});
    $("anSearchBtn").addEventListener("click",()=>{state.q=$("anSearch").value.trim();state.status=canManage?$("anStatus").value:"published";state.pageSize=Number($("anPageSize").value);state.platform=canManage?$("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)}})}
    if(canManage){restoreManualGenerationPreferences();bindManualGenerationPreferenceMemory()}render(initialData);updatePager();$("anSearch").value=state.q;if(canManage)$("anStatus").value=state.status;$("anPageSize").value=String(state.pageSize);if(canManage)$("anPlatformFilter").value=state.platform;if(canManage){loadSchedulerStatus();loadBloggerConnectionStatus();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");if(bloggerResult==="connected"){notice("Blogger Google 연결을 완료했습니다.");loadBloggerConnectionStatus()}if(bloggerError)notice(`Blogger 연결 실패: ${bloggerError}`);if(params.get("settings")==="google"&&canManage){$("gpPanel").open=true;setTimeout(()=>$("gpPanel").scrollIntoView({block:"start"}),100)}if(postId)openPost(postId);if(editId&&canManage)setTimeout(()=>editPost(editId),300);
  })();
  </script>
  

</div>


    <section id="visit" class="position-relative main-bg rounded-4 overflow-hidden text-white w-100 mt-md-4">
        <h2 class="fs-4 p-4 border-white">접속자집계</h2>
        <ul class="p-4">
            <li class="d-flex justify-content-between fs-5 py-2">
            <span class="col-6 position-relative ps-4">오늘</span>
            <strong class="col-6 text-end text-white">390</strong>
            </li>
            <li class="d-flex justify-content-between fs-5 py-2">
            <span class="col-6 position-relative ps-4">어제</span>
            <strong class="col-6 text-end text-white">822</strong>
            </li>
            <li class="d-flex justify-content-between fs-5 py-2">
            <span class="col-6 position-relative ps-4">최대</span>
            <strong class="col-6 text-end text-white">1,469</strong>
            </li>
            <li class="d-flex justify-content-between fs-5 py-2">
            <span class="col-6 position-relative ps-4">전체</span>
            <strong class="col-6 text-end text-white">24,260</strong>
            </li>
        </ul>
        
    </section>


</div>
<!-- } 콘텐츠 끝 -->

  <!-- 방문자 집계도 본문과 같은 container-xxl 기준으로 배치해 전체 화면 폭으로 튀어나오던 구조를 대체합니다. -->

<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://regolith.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://regolith.kr/bbs/content/privacy">개인정보처리방침</a>
      <a class="d-block sub-font fw-bold fs-4 text-decoration-none py-3 px-2" href="https://regolith.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>regolith.kr.</b> All rights reserved. <a href="https://db-ip.com">IP Geolocation by DB-IP</a></div>

  <button type="button" id="top_btn">
    <i class="fa fa-arrow-up" aria-hidden="true"></i><span class="blind">상단으로</span>
  </button>
  
</div>


<!-- } 하단 끝 -->

<script>
  // 상단 스크롤 버튼
  $(function () {
    $("#top_btn").on("click", function () {
      $("html, body").animate({
        scrollTop: 0
      }, '500');
      return false;
    });
  });
  </script>


  <!--카카오 애드핏 애드센스관련-->
<div style="text-align:center;">

<ins class="kakao_ad_area" style="display:none;"
data-ad-unit = "DAN-agN2sZPfO2lrfH6Y"
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>

<script>
(()=>{'use strict';
async function start(){
 // Replace the fixed home topic with finite interests from existing local tool slugs.
 // Only category codes and a rotation counter leave the browser, never file/settings/history text.
 let recent=[],visit=Math.floor(Date.now()/1000)%1000000;
 if(document.querySelector('[data-coupang-context-post]')){
  try{
   const memory=JSON.parse(localStorage.getItem('regolith.device-tools.v1')||'null');
   if(memory?.version===1&&Array.isArray(memory.recent))recent=memory.recent.filter(s=>typeof s==='string'&&/^[a-z0-9-]{1,90}$/.test(s)).slice(0,8);
   const previous=Number(localStorage.getItem('regolith.coupang.home-visit.v1'));
   visit=Number.isSafeInteger(previous)&&previous>=0?(previous+1)%1000000:1;
   localStorage.setItem('regolith.coupang.home-visit.v1',String(visit));
  }catch{}
 }
 const interests=[...new Set(recent.map(slug=>/^(map-|travel-|currency-|timezone-|distance-)/.test(slug)?'travel':/(loan|salary|tax|electric|mortgage|budget|pension)/.test(slug)?'home':'digital'))];
 let placementIndex=0;
 for(const slot of document.querySelectorAll('[data-coupang-context-post]')){
  if(slot.dataset.coupangBound)continue;slot.dataset.coupangBound='1';
  const status=slot.querySelector('[data-coupang-status]'),results=slot.querySelector('[data-coupang-results]');
  slot.setAttribute('aria-busy','true');
  try{
   const index=placementIndex++;
   const personalInterest=interests.length?interests[index%interests.length]:['digital','home','cleaning','travel'][(visit+index)%4];
   let interest='topic',rotation=(visit+index*3)%1000000,personalized=false;
   if(slot.dataset.coupangContextPost==='home'){
    interest=personalInterest;
   }
   let response=await fetch('/api/auto-news/context-products/'+encodeURIComponent(slot.dataset.coupangContextPost)+'?'+new URLSearchParams({interest,rotation:String(rotation),language:'ko'}),{credentials:'same-origin'});
   let data=await response.json();if(!response.ok||!data.ok)throw new Error('Products unavailable');
   // ver766: Retry only an empty/unmatched topic with the device's finite interest code.
   // This replaces the server's unrelated kitchen fallback; external posts never run this script.
   if(interest==='topic'&&data.needs_personalization){
    response=await fetch('/api/auto-news/context-products/'+encodeURIComponent(slot.dataset.coupangContextPost)+'?'+new URLSearchParams({interest:personalInterest,rotation:String(rotation),language:'ko'}),{credentials:'same-origin'});
    data=await response.json();if(!response.ok||!data.ok)throw new Error('Products unavailable');
    personalized=true;
   }
   // Only the existing server-side escaped official-API product HTML is inserted.
   results.innerHTML=String(data.html||'');status.textContent=(personalized&&data.count?'관심 분야 추천 · ':'')+String(data.message||'');
  }catch{status.textContent='상품 정보를 잠시 불러올 수 없습니다. 잠시 후 다시 확인해주세요.';}
  finally{slot.removeAttribute('aria-busy');}
 }
}
if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',start,{once:true});else start();
})();
</script>
</body>
</html>