feat: 애플톤 UI 전면 적용 · 사주 만세력(자체 엔진+JGOS UI) · TeXray AI글판별 흡수

app.py

@@ -3627,3 +3627,55 @@ async def demo_file(filename: str):
 
     return FileResponse(fp, media_type=mt, filename=filename)
 
+
+# ===== 🔮 사주 만세력 (LifeOS 정밀 엔진) =====
+try:
+    from saju_manseryeok import SajuManseryeok as _Saju
+    _SAJU_OK = True
+except Exception as _e:          # 의존성 미설치 시에도 나머지 서비스는 살아야 한다
+    _SAJU_OK = False
+    _SAJU_ERR = str(_e)
+
+@app.post("/api/saju")
+async def api_saju(payload: dict = Body(...)):
+    if not _SAJU_OK:
+        raise HTTPException(503, f"사주 엔진을 불러오지 못했습니다: {_SAJU_ERR}")
+    try:
+        y = int(payload["year"]); m = int(payload["month"]); d = int(payload["day"])
+    except Exception:
+        raise HTTPException(400, "생년월일을 확인해 주세요.")
+    if not (1900 <= y <= 2100 and 1 <= m <= 12 and 1 <= d <= 31):
+        raise HTTPException(400, "1900~2100년 사이의 날짜만 계산할 수 있습니다.")
+    hour = payload.get("hour")
+    unknown_hour = hour in (None, "", -1, "-1")
+    hh = 12 if unknown_hour else max(0, min(23, int(hour)))
+    gender = "female" if str(payload.get("gender","male")).startswith(("f","여")) else "male"
+    is_lunar = bool(payload.get("is_lunar"))
+    try:
+        s = _Saju(y, m, d, hour=hh, minute=int(payload.get("minute") or 0),
+                  is_lunar=is_lunar, is_leap_month=bool(payload.get("is_leap_month")),
+                  gender=gender)
+        pil = s.saju_pillars
+        out = {
+            "pillars": pil,
+            "saju_text": s.saju_text,
+            "saju_hanja": s.saju_text_hanja,
+            "day_master": s.day_master,
+            "day_master_element": s.day_master_element,
+            "day_master_yinyang": s.day_master_yinyang,
+            "animal": s.animal_sign,
+            "oheng": s.oheng_balance,
+            "oheng_pct": s.oheng_percentages,
+            "dominant": s.dominant_element,
+            "weak": s.weak_element,
+            "unknown_hour": unknown_hour,
+        }
+        for name, fn in (("sipseong","get_sipseong_table"),("twelve_stages","get_twelve_stages"),
+                         ("jijanggan","get_jijanggan_table")):
+            try: out[name] = getattr(s, fn)()
+            except Exception: out[name] = None
+        return JSONResponse(out)
+    except HTTPException:
+        raise
+    except Exception as e:
+        raise HTTPException(500, f"사주 계산 중 문제가 생겼습니다: {e}")

requirements.txt

@@ -1,20 +1,23 @@
-fastapi==0.115.0
-uvicorn[standard]==0.32.0
-httpx==0.27.2
-openai==1.54.0
-pydantic==2.9.2
-python-multipart==0.0.12
-# file extraction
-pymupdf==1.24.10
-python-docx==1.1.2
-python-pptx==1.0.2
-openpyxl==3.1.5
-pandas==2.2.3
-pillow==11.0.0
-xlrd==2.0.1
-huggingface_hub==0.26.2
-# 행정 AX 탭
-lxml>=5.0
-pdfplumber>=0.10
-chardet>=5.0
-reportlab>=4.0
+fastapi==0.115.0
+uvicorn[standard]==0.32.0
+httpx==0.27.2
+openai==1.54.0
+pydantic==2.9.2
+python-multipart==0.0.12
+# file extraction
+pymupdf==1.24.10
+python-docx==1.1.2
+python-pptx==1.0.2
+openpyxl==3.1.5
+pandas==2.2.3
+pillow==11.0.0
+xlrd==2.0.1
+huggingface_hub==0.26.2
+# 행정 AX 탭
+lxml>=5.0
+pdfplumber>=0.10
+chardet>=5.0
+reportlab>=4.0
+# 사주 만세력 (LifeOS 엔진)
+korean-lunar-calendar>=0.3.1
+pymeeus>=0.5.12

saju_manseryeok.py

@@ -0,0 +1,1600 @@
+# -*- coding: utf-8 -*-
+"""
+사주 만세력 (四柱 萬歲曆) — Korean Four Pillars of Destiny Calculation Engine
+==============================================================================
+
+Accurate manseryeok calculation using:
+  - pymeeus    : Precise solar term (절기) dates via Sun ecliptic longitude
+  - korean_lunar_calendar : Solar <-> Lunar date conversion
+
+Core rules:
+  1. Year pillar changes at 입춘 (立春, lon 315°), NOT Jan 1
+  2. Month pillar uses 절기 boundaries, NOT calendar months
+  3. Day pillar uses Julian Day Number, NOT approximate formulas
+  4. Hour pillar handles 23:00 자시 as next day's 자시
+
+Author: VIDraft / LifeOS
+"""
+
+from __future__ import annotations
+
+import math
+from datetime import datetime, timedelta
+from functools import lru_cache
+from typing import Dict, List, Optional, Tuple
+
+from korean_lunar_calendar import KoreanLunarCalendar
+from pymeeus.Epoch import Epoch
+from pymeeus.Sun import Sun
+
+# =============================================================================
+# 1. CONSTANTS
+# =============================================================================
+
+# 10 Heavenly Stems (천간)
+CHEONGAN = ["갑", "을", "병", "정", "무", "기", "경", "신", "임", "계"]
+CHEONGAN_HANJA = ["甲", "乙", "丙", "丁", "戊", "己", "庚", "辛", "壬", "癸"]
+
+# 12 Earthly Branches (지지)
+JIJI = ["자", "축", "인", "묘", "진", "사", "오", "미", "신", "유", "술", "해"]
+JIJI_HANJA = ["子", "丑", "寅", "卯", "辰", "巳", "午", "未", "申", "酉", "戌", "亥"]
+JIJI_ANIMALS = [
+    "쥐", "소", "호랑이", "토끼", "용", "뱀",
+    "말", "양", "원숭이", "닭", "개", "돼지",
+]
+
+# 60 갑자 (sexagenary cycle)
+GANJI_60 = []
+for i in range(60):
+    GANJI_60.append(CHEONGAN[i % 10] + JIJI[i % 12])
+
+GANJI_60_HANJA = []
+for i in range(60):
+    GANJI_60_HANJA.append(CHEONGAN_HANJA[i % 10] + JIJI_HANJA[i % 12])
+
+# Five Elements mapping (오행)
+OHENG_MAP = {
+    # Stems
+    "갑": "목", "을": "목",
+    "병": "화", "정": "화",
+    "무": "토", "기": "토",
+    "경": "금", "신": "금",
+    "임": "수", "계": "수",
+    # Branches
+    "자": "수", "축": "토",
+    "인": "목", "묘": "목",
+    "진": "토", "사": "화",
+    "오": "화", "미": "토",
+    "신": "금", "유": "금",
+    "술": "토", "해": "수",
+}
+
+# Element names
+OHENG_NAMES = {"목": "木", "화": "火", "토": "土", "금": "金", "수": "水"}
+OHENG_ENGLISH = {"목": "wood", "화": "fire", "토": "earth", "금": "metal", "수": "water"}
+
+# Yin/Yang for stems (음양): even index = yang, odd index = yin
+STEM_YINYANG = ["양", "음", "양", "음", "양", "음", "양", "음", "양", "음"]
+BRANCH_YINYANG = ["양", "음", "양", "음", "양", "음", "양", "음", "양", "음", "양", "음"]
+
+# =============================================================================
+# 2. SOLAR TERMS (절기) — Using pymeeus
+# =============================================================================
+
+# 24 solar terms: (name_kr, name_hanja, ecliptic_longitude)
+# The 12 "절" (jol) terms that determine saju months are marked with is_jol=True
+SOLAR_TERMS_24 = [
+    # name_kr, name_hanja, longitude, is_jol, saju_month (if jol)
+    ("소한", "小寒", 285, True, 12),    # Month 12 (축월)
+    ("대한", "大寒", 300, False, None),
+    ("입춘", "立春", 315, True, 1),      # Month 1 (인월) — YEAR CHANGES HERE
+    ("우수", "雨水", 330, False, None),
+    ("경칩", "驚蟄", 345, True, 2),      # Month 2 (묘월)
+    ("춘분", "春分", 0, False, None),
+    ("청명", "清明", 15, True, 3),       # Month 3 (진월)
+    ("곡우", "穀雨", 30, False, None),
+    ("입하", "立夏", 45, True, 4),       # Month 4 (사월)
+    ("소만", "小滿", 60, False, None),
+    ("망종", "芒種", 75, True, 5),       # Month 5 (오월)
+    ("하지", "夏至", 90, False, None),
+    ("소서", "小暑", 105, True, 6),      # Month 6 (미월)
+    ("대서", "大暑", 120, False, None),
+    ("입추", "立秋", 135, True, 7),      # Month 7 (신월)
+    ("처서", "處暑", 150, False, None),
+    ("백로", "白露", 165, True, 8),      # Month 8 (유월)
+    ("추분", "秋分", 180, False, None),
+    ("한로", "寒露", 195, True, 9),      # Month 9 (술월)
+    ("상강", "霜降", 210, False, None),
+    ("입동", "立冬", 225, True, 10),     # Month 10 (해월)
+    ("소설", "小雪", 240, False, None),
+    ("대설", "大雪", 255, True, 11),     # Month 11 (자월)
+    ("동지", "冬至", 270, False, None),
+]
+
+# Just the 12 절 terms for month boundary calculation
+JOL_TERMS = [t for t in SOLAR_TERMS_24 if t[3]]
+
+# Saju month -> branch index mapping:
+# Month 1 (인월, starts at 입춘) -> branch 2 (인)
+# Month 2 (묘월, starts at 경칩) -> branch 3 (묘)
+# ...
+# Month 11 (자월, starts at 대설) -> branch 0 (자)
+# Month 12 (축월, starts at 소한) -> branch 1 (축)
+SAJU_MONTH_TO_BRANCH = {
+    1: 2,   # 인(寅)
+    2: 3,   # 묘(卯)
+    3: 4,   # 진(辰)
+    4: 5,   # 사(巳)
+    5: 6,   # 오(午)
+    6: 7,   # 미(未)
+    7: 8,   # 신(申)
+    8: 9,   # 유(酉)
+    9: 10,  # 술(戌)
+    10: 11, # 해(亥)
+    11: 0,  # 자(子)
+    12: 1,  # 축(丑)
+}
+
+
+def _sun_apparent_longitude(epoch_or_jde) -> float:
+    """Calculate the Sun's apparent ecliptic longitude.
+
+    Uses pymeeus Sun.apparent_geocentric_position for high precision
+    (~0.01 degree, sufficient for solar term determination within minutes).
+
+    Args:
+        epoch_or_jde: A pymeeus Epoch object or a JDE float.
+    """
+    if isinstance(epoch_or_jde, (int, float)):
+        epoch_or_jde = Epoch(epoch_or_jde)
+    # apparent_geocentric_position returns (longitude_Angle, latitude_Angle, radius)
+    lon_angle, _, _ = Sun.apparent_geocentric_position(epoch_or_jde)
+    lon = float(lon_angle) % 360.0
+    return lon
+
+
+def _epoch_from_datetime(dt: datetime) -> Epoch:
+    """Convert a Python datetime to a pymeeus Epoch."""
+    d = dt.day + dt.hour / 24.0 + dt.minute / 1440.0 + dt.second / 86400.0
+    return Epoch(dt.year, dt.month, d)
+
+
+def _jde_from_datetime(dt: datetime) -> float:
+    """Convert a Python datetime to Julian Ephemeris Day."""
+    return _epoch_from_datetime(dt).jde()
+
+
+def _datetime_from_jde(jde: float) -> datetime:
+    """Convert a Julian Ephemeris Day to a Python datetime (UTC)."""
+    epoch = Epoch(jde)
+    y, m, d = epoch.get_date()
+    # d is a float with fractional day
+    day_int = int(d)
+    frac = d - day_int
+    hours = frac * 24.0
+    hour_int = int(hours)
+    mins = (hours - hour_int) * 60.0
+    min_int = int(mins)
+    secs = (mins - min_int) * 60.0
+    sec_int = int(round(secs))
+    if sec_int >= 60:
+        sec_int = 0
+        min_int += 1
+    if min_int >= 60:
+        min_int = 0
+        hour_int += 1
+    if hour_int >= 24:
+        hour_int = 0
+        day_int += 1
+    try:
+        return datetime(int(y), int(m), day_int, hour_int, min_int, sec_int)
+    except ValueError:
+        # Handle month overflow etc.
+        base = datetime(int(y), int(m), 1) + timedelta(days=day_int - 1,
+                                                         hours=hour_int,
+                                                         minutes=min_int,
+                                                         seconds=sec_int)
+        return base
+
+
+@lru_cache(maxsize=512)
+def get_solar_term_date(year: int, target_longitude: float) -> datetime:
+    """Find the exact datetime when the Sun reaches a specific ecliptic longitude.
+
+    Uses Newton-Raphson iteration on the Sun's apparent longitude.
+
+    Args:
+        year: The Gregorian year (approximate) in which to search.
+        target_longitude: The ecliptic longitude in degrees [0, 360).
+
+    Returns:
+        datetime (UTC) when the Sun reaches the target longitude.
+    """
+    # Estimate initial JDE based on longitude
+    # The Sun is at ~280° on Jan 1. Each degree takes ~1.0145 days.
+    # Spring equinox (0°) is ~March 20.
+
+    # Better estimation: days from March equinox
+    # 0° -> ~March 20 (day ~79)
+    # Each degree ~ 365.25/360 ~ 1.01458 days
+
+    if target_longitude >= 0 and target_longitude < 280:
+        # After spring equinox and before ~Jan 1
+        est_day = 79 + target_longitude * (365.25 / 360.0)
+    else:
+        # Before spring equinox (280-360 -> corresponds to Jan-Mar)
+        est_day = 79 + (target_longitude - 360) * (365.25 / 360.0)
+
+    est_dt = datetime(year, 1, 1) + timedelta(days=est_day - 1)
+    jde = _jde_from_datetime(est_dt)
+
+    # Newton-Raphson iteration
+    for _ in range(50):
+        current_lon = _sun_apparent_longitude(jde)
+
+        # Calculate difference, handling the 0°/360° boundary
+        diff = target_longitude - current_lon
+        if diff > 180:
+            diff -= 360
+        elif diff < -180:
+            diff += 360
+
+        # Convergence check: ~0.0001° ≈ 8.6 seconds of time
+        if abs(diff) < 0.0001:
+            break
+
+        # Sun moves ~360°/365.25 ≈ 0.9856° per day
+        jde += diff / 0.9856
+
+    result = _datetime_from_jde(jde)
+
+    # Apply approximate UT-KST offset (+9 hours) for Korean standard time
+    result_kst = result + timedelta(hours=9)
+    return result_kst
+
+
+def get_all_jol_dates(year: int) -> List[Tuple[str, str, int, datetime, int]]:
+    """Get the dates of all 12 절 terms for a given year.
+
+    Returns list of (name_kr, name_hanja, longitude, datetime_kst, saju_month).
+    The list covers from 소한 of the given year through 소한 of the next year.
+    """
+    results = []
+    for name_kr, name_hanja, lon, is_jol, saju_month in JOL_TERMS:
+        if saju_month is None:
+            continue
+        # 소한(285°) and 대설(255°) occur at end of solar year
+        # 입춘(315°) through 소한 next cycle
+        search_year = year
+        # For terms after winter solstice (소한 285°, 입춘 315°, etc.)
+        # that actually occur in late year or early next year
+        if lon >= 285:  # 소한, ���춘
+            # 소한 is early January, 입춘 is early February
+            # These happen in the calendar year = year
+            pass
+        dt = get_solar_term_date(search_year, lon)
+        results.append((name_kr, name_hanja, lon, dt, saju_month))
+
+    return results
+
+
+def get_ipchun_date(year: int) -> datetime:
+    """Get the exact 입춘 (立春, longitude 315°) date for a given year."""
+    return get_solar_term_date(year, 315.0)
+
+
+# =============================================================================
+# 3. JULIAN DAY NUMBER
+# =============================================================================
+
+def julian_day_number(year: int, month: int, day: int) -> float:
+    """Calculate Julian Day Number for a Gregorian calendar date.
+
+    Standard formula from Meeus "Astronomical Algorithms" ch.7.
+    """
+    y = year
+    m = month
+    if m <= 2:
+        y -= 1
+        m += 12
+    A = y // 100
+    B = 2 - A + A // 4
+    jd = int(365.25 * (y + 4716)) + int(30.6001 * (m + 1)) + day + B - 1524.5
+    return jd
+
+
+# =============================================================================
+# 4. LUNAR-SOLAR CONVERSION
+# =============================================================================
+
+def lunar_to_solar(year: int, month: int, day: int, is_leap_month: bool = False) -> Tuple[int, int, int]:
+    """Convert a Korean lunar date to solar (Gregorian) date.
+
+    Returns (solar_year, solar_month, solar_day).
+    """
+    cal = KoreanLunarCalendar()
+    cal.setLunarDate(year, month, day, is_leap_month)
+    solar_iso = cal.SolarIsoFormat()  # "YYYY-MM-DD"
+    parts = solar_iso.split("-")
+    return int(parts[0]), int(parts[1]), int(parts[2])
+
+
+def solar_to_lunar(year: int, month: int, day: int) -> Tuple[int, int, int, bool]:
+    """Convert a solar (Gregorian) date to Korean lunar date.
+
+    Returns (lunar_year, lunar_month, lunar_day, is_leap_month).
+    """
+    cal = KoreanLunarCalendar()
+    cal.setSolarDate(year, month, day)
+    lunar_iso = cal.LunarIsoFormat()  # "YYYY-MM-DD" (leap month has special notation)
+    ly = cal.lunarYear
+    lm = cal.lunarMonth
+    ld = cal.lunarDay
+    is_leap = cal.isIntercalation
+    return ly, lm, ld, is_leap
+
+
+# =============================================================================
+# 5. YEAR PILLAR (년주)
+# =============================================================================
+
+def calc_year_pillar(solar_year: int, solar_month: int, solar_day: int,
+                     solar_hour: int = 0, solar_minute: int = 0) -> Tuple[int, int]:
+    """Calculate the year pillar (년주).
+
+    The saju year changes at 입춘 (立春), NOT January 1st.
+    If the date is before 입춘 of the given year, use the previous year.
+
+    Returns (stem_idx, branch_idx) where:
+        stem_idx is 0-9 index into CHEONGAN
+        branch_idx is 0-11 index into JIJI
+    """
+    ipchun = get_ipchun_date(solar_year)
+    birth_dt = datetime(solar_year, solar_month, solar_day, solar_hour, solar_minute)
+
+    if birth_dt < ipchun:
+        adjusted_year = solar_year - 1
+    else:
+        adjusted_year = solar_year
+
+    # Standard formula: 甲子 year = 4 CE (year 4 in the cycle)
+    stem_idx = (adjusted_year - 4) % 10
+    branch_idx = (adjusted_year - 4) % 12
+
+    return stem_idx, branch_idx
+
+
+# =============================================================================
+# 6. MONTH PILLAR (월주)
+# =============================================================================
+
+# 오호결원법 (Five Tiger Starting Method)
+# Maps year stem (mod 5) to the starting stem for 인월 (Month 1)
+OHOGYEOL_START = {
+    0: 2,   # 갑(0)/기(5) year -> 병인 (stem 2 = 병)
+    1: 4,   # 을(1)/경(6) year -> 무인 (stem 4 = 무)
+    2: 6,   # 병(2)/신(7) year -> 경인 (stem 6 = 경)
+    3: 8,   # 정(3)/임(8) year -> 임인 (stem 8 = 임)
+    4: 0,   # 무(4)/계(9) year -> 갑인 (stem 0 = 갑)
+}
+
+
+def _get_jol_boundaries_for_date(solar_year: int, solar_month: int, solar_day: int) -> Tuple[int, int]:
+    """Determine which 절기 month a date falls into and the year context.
+
+    Returns (saju_month, saju_year_for_month) where:
+        saju_month is 1-12 (1=인월 at 입춘, 12=축월 at 소한)
+        saju_year_for_month is the adjusted saju year for month stem calc
+    """
+    birth_dt = datetime(solar_year, solar_month, solar_day)
+
+    # We need to check jol dates from the previous year's 소한 through
+    # the current year's 대설, and possibly next year's 소한.
+
+    # Build a complete ordered list of jol boundaries
+    boundaries = []
+
+    # Get 소한 and 대설 from the previous year (for dates in early January)
+    for name_kr, name_hanja, lon, is_jol, saju_month in JOL_TERMS:
+        search_year = solar_year - 1 if lon >= 255 else solar_year  # Rough heuristic
+        # More precise: get all jol for solar_year-1 and solar_year
+
+    # Better approach: get jol dates for both years and sort
+    all_boundaries = []
+
+    for check_year in [solar_year - 1, solar_year, solar_year + 1]:
+        for name_kr, name_hanja, lon, is_jol, saju_month in JOL_TERMS:
+            dt = get_solar_term_date(check_year, lon)
+            all_boundaries.append((dt, saju_month, name_kr, check_year))
+
+    # Sort by date
+    all_boundaries.sort(key=lambda x: x[0])
+
+    # Remove duplicates that are too close (same term computed from different years)
+    filtered = [all_boundaries[0]]
+    for i in range(1, len(all_boundaries)):
+        if abs((all_boundaries[i][0] - filtered[-1][0]).total_seconds()) > 86400 * 15:
+            filtered.append(all_boundaries[i])
+    all_boundaries = filtered
+
+    # Find which interval the birth date falls into
+    saju_month = 12  # default: before first 소한 = 축월
+    for i in range(len(all_boundaries) - 1, -1, -1):
+        if birth_dt >= datetime(all_boundaries[i][0].year, all_boundaries[i][0].month,
+                                 all_boundaries[i][0].day):
+            saju_month = all_boundaries[i][1]
+            break
+
+    return saju_month
+
+
+def calc_month_pillar(solar_year: int, solar_month: int, solar_day: int,
+                      year_stem_idx: int) -> Tuple[int, int]:
+    """Calculate the month pillar (월주).
+
+    Uses 절기 boundaries for the month and 오호결원법 for the stem.
+
+    Args:
+        solar_year, solar_month, solar_day: Solar date
+        year_stem_idx: The stem index (0-9) of the year pillar
+
+    Returns (stem_idx, branch_idx)
+    """
+    saju_month = _get_jol_boundaries_for_date(solar_year, solar_month, solar_day)
+
+    # Branch: saju_month -> branch index
+    branch_idx = SAJU_MONTH_TO_BRANCH[saju_month]
+
+    # Stem: 오호결원법
+    # The starting stem for 인월 (month 1) is determined by year stem % 5
+    stem_start = OHOGYEOL_START[year_stem_idx % 5]
+
+    # Month 1 (인월) gets stem_start.
+    # Month 2 (묘월) gets stem_start + 1, etc.
+    # month_offset = saju_month - 1 (since month 1 is the base)
+    month_offset = saju_month - 1
+    stem_idx = (stem_start + month_offset) % 10
+
+    return stem_idx, branch_idx
+
+
+# =============================================================================
+# 7. DAY PILLAR (일주)
+# =============================================================================
+
+# Reference: 2000년 1월 7일 (양력) = 甲子 (갑자일, pillar index 0)
+# JDN for 2000-01-07 = 2451551.5 (at noon)
+_REF_JDN = 2451550.5  # 2000-01-06 at midnight -> 갑자 day starts
+# Actually, let's use a verified reference:
+# 2000-01-07 is 갑자일. JDN(2000,1,7) = 2451551.5
+# The 60-cycle index for this day is 0 (갑자)
+# So: cycle_index = (JDN - 2451551) % 60... but JDN is at noon
+# Let's use integer JDN at noon for simplicity
+_REF_JIAZI_JDN = 2451551  # JDN at noon for 2000-01-07 = 甲子
+
+
+def calc_day_pillar(solar_year: int, solar_month: int, solar_day: int,
+                    solar_hour: int = 0) -> Tuple[int, int]:
+    """Calculate the day pillar (일주).
+
+    Uses Julian Day Number for precise calculation.
+
+    IMPORTANT: If the hour is 23:00 or later (자시 of next day),
+    the day pillar advances to the next day.
+
+    Returns (stem_idx, branch_idx)
+    """
+    # Adjust for 야자시 (23:00+ is next day's 자시)
+    y, m, d = solar_year, solar_month, solar_day
+    if solar_hour >= 23:
+        # Advance to next day
+        next_day = datetime(y, m, d) + timedelta(days=1)
+        y, m, d = next_day.year, next_day.month, next_day.day
+
+    jdn = int(julian_day_number(y, m, d) + 0.5)  # Round to integer JDN
+
+    # Calculate 60-cycle index
+    cycle_idx = (jdn - _REF_JIAZI_JDN) % 60
+
+    stem_idx = cycle_idx % 10
+    branch_idx = cycle_idx % 12
+
+    return stem_idx, branch_idx
+
+
+# =============================================================================
+# 8. HOUR PILLAR (시주)
+# =============================================================================
+
+# 시진 (時辰): 2-hour periods mapped to branches
+# 23:00-00:59 -> 자(0)
+# 01:00-02:59 -> 축(1)
+# 03:00-04:59 -> 인(2)
+# 05:00-06:59 -> 묘(3)
+# 07:00-08:59 -> 진(4)
+# 09:00-10:59 -> 사(5)
+# 11:00-12:59 -> 오(6)
+# 13:00-14:59 -> 미(7)
+# 15:00-16:59 -> 신(8)
+# 17:00-18:59 -> 유(9)
+# 19:00-20:59 -> 술(10)
+# 21:00-22:59 -> 해(11)
+
+# 오자결원법 (Five Rat Starting Method)
+# Maps day stem (mod 5) to the starting stem for 자시
+OJAGYEOL_START = {
+    0: 0,   # 갑(0)/기(5) day -> 갑자시 (stem 0 = 갑)
+    1: 2,   # 을(1)/경(6) day -> 병자시 (stem 2 = 병)
+    2: 4,   # 병(2)/신(7) day -> 무자시 (stem 4 = 무)
+    3: 6,   # 정(3)/임(8) day -> 경자시 (stem 6 = 경)
+    4: 8,   # 무(4)/계(9) day -> 임자시 (stem 8 = 임)
+}
+
+
+def calc_hour_pillar(solar_hour: int, day_stem_idx: int) -> Tuple[int, int]:
+    """Calculate the hour pillar (시주).
+
+    Args:
+        solar_hour: Hour (0-23) of birth
+        day_stem_idx: The stem index (0-9) of the day pillar
+                      NOTE: If hour >= 23, this should be the NEXT day's stem
+
+    Returns (stem_idx, branch_idx)
+    """
+    # Map hour to branch index (시진)
+    hour_branch_idx = ((solar_hour + 1) // 2) % 12
+
+    # Stem: 오자결원법
+    stem_start = OJAGYEOL_START[day_stem_idx % 5]
+    hour_stem_idx = (stem_start + hour_branch_idx) % 10
+
+    return hour_stem_idx, hour_branch_idx
+
+
+# =============================================================================
+# 9. FIVE ELEMENTS ANALYSIS (오행 분석)
+# =============================================================================
+
+def calc_oheng_balance(pillars: List[Tuple[int, int]]) -> Tuple[Dict[str, int], Dict[str, int]]:
+    """Calculate the five elements balance across all pillars.
+
+    Args:
+        pillars: List of (stem_idx, branch_idx) for year/month/day/hour
+
+    Returns:
+        (raw_counts, percentages) — both are dicts keyed by element name (목/화/토/금/수)
+    """
+    balance = {"목": 0, "화": 0, "토": 0, "금": 0, "수": 0}
+
+    for stem_idx, branch_idx in pillars:
+        stem_element = OHENG_MAP[CHEONGAN[stem_idx]]
+        branch_element = OHENG_MAP[JIJI[branch_idx]]
+        balance[stem_element] += 1
+        balance[branch_element] += 1
+
+    total = sum(balance.values())
+    if total == 0:
+        percentages = {k: 0 for k in balance}
+    else:
+        percentages = {k: round(v / total * 100) for k, v in balance.items()}
+
+    return balance, percentages
+
+
+def get_dominant_element(balance: Dict[str, int]) -> str:
+    """Get the most dominant element."""
+    return max(balance, key=balance.get)
+
+
+def get_weak_element(balance: Dict[str, int]) -> str:
+    """Get the weakest element."""
+    return min(balance, key=balance.get)
+
+
+# =============================================================================
+# 10. 십성 (10 Gods / Ten Stars)
+# =============================================================================
+
+SIPSEONG_NAMES = [
+    "비견", "겁재", "식신", "상관", "편재",
+    "정재", "편관", "정관", "편인", "정인",
+]
+
+SIPSEONG_HANJA = [
+    "比肩", "劫財", "食神", "傷官", "偏財",
+    "正財", "偏官", "正官", "偏印", "正印",
+]
+
+# Element interaction table for 십성:
+# Based on the day master's element:
+#   same element  -> 비견(same yin/yang) or 겁재(different)
+#   I produce     -> 식신(same yin/yang) or 상관(different)
+#   I overcome    -> 편재(same yin/yang) or 정재(different)
+#   overcomes me  -> 편관(same yin/yang) or 정관(different)
+#   produces me   -> 편인(same yin/yang) or 정인(different)
+
+# Production cycle: 목->화->토->금->수->목
+# Overcoming cycle: 목->토->수->화->금->목
+
+PRODUCTION_CYCLE = {"목": "화", "화": "토", "토": "금", "금": "수", "수": "목"}
+OVERCOME_CYCLE = {"목": "토", "토": "수", "수": "화", "화": "금", "금": "목"}
+PRODUCED_BY = {v: k for k, v in PRODUCTION_CYCLE.items()}
+OVERCOME_BY = {v: k for k, v in OVERCOME_CYCLE.items()}
+
+
+def calc_sipseong(day_stem_idx: int, other_stem_idx: int) -> str:
+    """Calculate the 십성 (10 Gods) relationship.
+
+    The relationship is determined by:
+    1. The five-element interaction between day stem and other stem
+    2. Whether they share the same yin/yang polarity
+
+    Args:
+        day_stem_idx: The day master stem index (0-9)
+        other_stem_idx: The other stem index (0-9)
+
+    Returns:
+        Name of the 십성 relationship (Korean)
+    """
+    # Direct index-based approach: the 10 gods cycle exactly with stem difference
+    diff = (other_stem_idx - day_stem_idx) % 10
+    return SIPSEONG_NAMES[diff]
+
+
+def calc_sipseong_for_branch(day_stem_idx: int, branch_idx: int) -> str:
+    """Calculate 십성 for a branch (using the branch's hidden stem / 지장간).
+
+    Uses the primary hidden stem of each branch.
+    """
+    # Primary hidden stems for each branch (주기 / 본기)
+    BRANCH_PRIMARY_STEM = {
+        0: 9,   # 자 -> 계(9)
+        1: 5,   # 축 -> 기(5)
+        2: 0,   # 인 -> 갑(0)
+        3: 1,   # 묘 -> 을(1)
+        4: 4,   # 진 -> 무(4)
+        5: 2,   # 사 -> 병(2)
+        6: 3,   # 오 -> 정(3)
+        7: 5,   # 미 -> 기(5)
+        8: 6,   # 신 -> 경(6)
+        9: 7,   # 유 -> 신(7)
+        10: 4,  # 술 -> 무(4)
+        11: 8,  # 해 -> 임(8)
+    }
+    hidden_stem = BRANCH_PRIMARY_STEM[branch_idx]
+    return calc_sipseong(day_stem_idx, hidden_stem)
+
+
+# =============================================================================
+# 11. 지장간 (Hidden Stems in Branches)
+# =============================================================================
+
+# Each branch contains 1-3 hidden stems: (stem_idx, proportion_days)
+# Order: 여기(余氣), 중기(中氣), 정기(正氣/本氣)
+JIJANGGAN = {
+    0:  [(9, 30)],                          # 자: 계(30)
+    1:  [(9, 9), (7, 3), (5, 18)],          # 축: 계9, 신3, 기18
+    2:  [(4, 7), (2, 7), (0, 16)],          # 인: 무7, 병7, 갑16
+    3:  [(1, 30)],                          # 묘: 을(30)  -- sometimes (0, 10), (1, 20)
+    4:  [(1, 9), (9, 3), (4, 18)],          # 진: 을9, 계3, 무18
+    5:  [(4, 7), (6, 7), (2, 16)],          # 사: 무7, 경7, 병16
+    6:  [(2, 11), (5, 9), (3, 10)],         # 오: 병11, 기9, 정10  -- some say (3,30)
+    7:  [(3, 9), (1, 3), (5, 18)],          # 미: 정9, 을3, 기18
+    8:  [(4, 7), (8, 7), (6, 16)],          # 신: 무7, 임7, 경16  -- some say 기 not 무
+    9:  [(7, 30)],                          # 유: 신(30)
+    10: [(7, 9), (3, 3), (4, 18)],          # 술: 신9, 정3, 무18
+    11: [(4, 7), (0, 5), (8, 18)],          # 해: 무7, 갑5, 임18  -- some say 무5, 갑7
+}
+
+
+def get_jijanggan(branch_idx: int) -> List[Tuple[str, str, int]]:
+    """Get the hidden stems for a branch.
+
+    Returns list of (stem_hangul, stem_hanja, days).
+    """
+    result = []
+    for stem_idx, days in JIJANGGAN[branch_idx]:
+        result.append((CHEONGAN[stem_idx], CHEONGAN_HANJA[stem_idx], days))
+    return result
+
+
+# =============================================================================
+# 12. 12운성 (Twelve Lifecycle Stages)
+# =============================================================================
+
+TWELVE_STAGES = [
+    "장생", "목욕", "관대", "건록", "제왕",
+    "쇠", "병", "사", "묘", "절", "태", "양",
+]
+
+TWELVE_STAGES_HANJA = [
+    "長生", "沐浴", "冠帶", "建祿", "帝旺",
+    "衰", "病", "死", "墓", "絶", "胎", "養",
+]
+
+# Standard 12운성 table:
+# For each stem, the branch where 장생 starts, and direction (forward/backward)
+# Yang stems (갑,병,무,경,임) go FORWARD
+# Yin stems (을,정,기,신,계) go BACKWARD
+#
+# 장생 positions (branch index):
+# 갑(0, 목양) -> 해(11)에서 장생    forward
+# 을(1, 목음) -> 오(6)에서 장생     backward
+# 병(2, 화양) -> 인(2)에서 장생     forward
+# 정(3, 화음) -> 유(9)에서 장생     backward
+# 무(4, 토양) -> 인(2)에서 장생     forward  (무 follows 병)
+# 기(5, 토음) -> 유(9)에서 장생     backward (기 follows 정)
+# 경(6, 금양) -> 사(5)에서 장생     forward
+# 신(7, 금음) -> 자(0)에서 장생     backward
+# 임(8, 수양) -> 신(8)에서 장생     forward
+# 계(9, 수음) -> 묘(3)에서 장생     backward
+
+_TWELVE_STAGE_JANGSAENG = {
+    0: (11, 1),   # 갑 -> 해, forward
+    1: (6, -1),   # 을 -> 오, backward
+    2: (2, 1),    # 병 -> 인, forward
+    3: (9, -1),   # 정 -> 유, backward
+    4: (2, 1),    # 무 -> 인, forward
+    5: (9, -1),   # 기 -> 유, backward
+    6: (5, 1),    # 경 -> 사, forward
+    7: (0, -1),   # 신 -> 자, backward
+    8: (8, 1),    # 임 -> 신, forward
+    9: (3, -1),   # 계 -> 묘, backward
+}
+
+
+def calc_twelve_stage(day_stem_idx: int, branch_idx: int) -> str:
+    """Calculate the 12운성 for a given day stem against a branch.
+
+    Args:
+        day_stem_idx: The day master stem index (0-9)
+        branch_idx: The branch index (0-11) to evaluate
+
+    Returns:
+        Name of the lifecycle stage (Korean)
+    """
+    start_branch, direction = _TWELVE_STAGE_JANGSAENG[day_stem_idx]
+
+    if direction == 1:  # Forward (양)
+        stage_idx = (branch_idx - start_branch) % 12
+    else:  # Backward (음)
+        stage_idx = (start_branch - branch_idx) % 12
+
+    return TWELVE_STAGES[stage_idx]
+
+
+# =============================================================================
+# 13. 대운 (Major Fortune Cycles) and 세운 (Annual Fortune)
+# =============================================================================
+
+def calc_daeun(gender: str, year_stem_idx: int,
+               month_stem_idx: int, month_branch_idx: int,
+               birth_year: int, birth_month: int, birth_day: int,
+               birth_hour: int = 12) -> List[Dict]:
+    """Calculate 대운 (10-year major fortune cycles).
+
+    Direction:
+        - Male + yang year stem  -> forward (순행)
+        - Female + yin year stem -> forward (순행)
+        - Male + yin year stem   -> backward (역행)
+        - Female + yang year stem -> backward (역행)
+
+    Start age: calculated from birth date to the nearest 절기 boundary,
+    converted to years (3 days ≈ 1 year in saju tradition).
+
+    Returns list of dicts: [{age, stem_idx, branch_idx, hangul, hanja}, ...]
+    """
+    is_male = gender.lower() in ("male", "남", "남자", "m")
+    is_yang_year = (year_stem_idx % 2 == 0)
+
+    # Determine direction
+    if (is_male and is_yang_year) or (not is_male and not is_yang_year):
+        forward = True  # 순행
+    else:
+        forward = False  # 역행
+
+    # Calculate start age by finding the nearest 절기 boundary
+    birth_dt = datetime(birth_year, birth_month, birth_day, birth_hour)
+
+    # Get all jol dates for the birth year and adjacent years
+    all_jol = []
+    for y in [birth_year - 1, birth_year, birth_year + 1]:
+        for name_kr, name_hanja, lon, is_jol, saju_month in JOL_TERMS:
+            dt = get_solar_term_date(y, lon)
+            all_jol.append(dt)
+    all_jol.sort()
+
+    # Find the nearest jol AFTER and BEFORE birth
+    next_jol = None
+    prev_jol = None
+    for dt in all_jol:
+        if dt > birth_dt and next_jol is None:
+            next_jol = dt
+        if dt <= birth_dt:
+            prev_jol = dt
+
+    # Use forward or backward jol
+    if forward:
+        target_jol = next_jol
+    else:
+        target_jol = prev_jol
+
+    if target_jol is None:
+        days_diff = 0
+    else:
+        days_diff = abs((target_jol - birth_dt).total_seconds()) / 86400.0
+
+    # Convert days to 대운 start age: 3 days = 1 year
+    start_age = round(days_diff / 3.0)
+    if start_age < 1:
+        start_age = 1
+
+    # Generate 대운 pillars (10 cycles, each lasting 10 years)
+    result = []
+
+    # Starting sexagenary index from the month pillar
+    month_60_idx = None
+    for i in range(60):
+        if i % 10 == month_stem_idx and i % 12 == month_branch_idx:
+            month_60_idx = i
+            break
+
+    if month_60_idx is None:
+        month_60_idx = 0  # fallback
+
+    for i in range(1, 13):  # Generate 12 대운 periods
+        if forward:
+            idx = (month_60_idx + i) % 60
+        else:
+            idx = (month_60_idx - i) % 60
+
+        s_idx = idx % 10
+        b_idx = idx % 12
+        age = start_age + (i - 1) * 10
+
+        result.append({
+            "age": age,
+            "end_age": age + 9,
+            "stem_idx": s_idx,
+            "branch_idx": b_idx,
+            "hangul": CHEONGAN[s_idx] + JIJI[b_idx],
+            "hanja": CHEONGAN_HANJA[s_idx] + JIJI_HANJA[b_idx],
+            "element": OHENG_MAP[CHEONGAN[s_idx]],
+        })
+
+    return result
+
+
+def calc_seun(target_year: int) -> Tuple[int, int]:
+    """Calculate 세운 (annual fortune) for a given year.
+
+    Returns (stem_idx, branch_idx) for the year's heavenly stem and earthly branch.
+    """
+    stem_idx = (target_year - 4) % 10
+    branch_idx = (target_year - 4) % 12
+    return stem_idx, branch_idx
+
+
+# =============================================================================
+# 14. ADDITIONAL RELATIONS
+# =============================================================================
+
+# 삼합 (Three Harmony)
+SAMHAP = {
+    # branch_idx: (partner1, partner2, resulting_element)
+    2: (6, 10, "화"),   # 인오술 -> 화
+    5: (9, 1, "금"),    # 사유축 -> 금
+    8: (0, 4, "수"),    # 신자진 -> 수
+    11: (3, 7, "목"),   # 해묘미 -> 목
+}
+
+# 육합 (Six Harmonies)
+YUKHAP = {
+    0: 1,   # 자축합 -> 토
+    1: 0,
+    2: 11,  # 인해합 -> 목
+    11: 2,
+    3: 10,  # 묘술합 -> 화
+    10: 3,
+    4: 9,   # 진유합 -> 금
+    9: 4,
+    5: 8,   # 사신합 -> 수
+    8: 5,
+    6: 7,   # 오미합 -> 화(토)
+    7: 6,
+}
+
+# 충 (Clash/Opposition)
+CHUNG = {
+    0: 6,   # 자오충
+    1: 7,   # 축미충
+    2: 8,   # 인신충
+    3: 9,   # 묘유충
+    4: 10,  # 진술충
+    5: 11,  # 사해충
+    6: 0, 7: 1, 8: 2, 9: 3, 10: 4, 11: 5,
+}
+
+# 형 (Punishment)
+HYEONG = {
+    2: 5,   # 인사형 (무례지형)
+    5: 8,   # 사신형
+    8: 2,   # 신인형
+    1: 10,  # 축술형 (무은지형)
+    10: 7,  # 술미형
+    7: 1,   # 미축형
+    0: 3,   # 자묘형 (무례지형)
+    3: 0,   # 묘자형
+    # 자형 (self-punishment)
+    4: 4,   # 진진 자형
+    6: 6,   # 오오 자형
+    9: 9,   # 유유 자형
+    11: 11, # 해해 자형
+}
+
+
+def check_relations(branch_indices: List[int]) -> Dict[str, List]:
+    """Check for notable relations among the four pillar branches.
+
+    Returns dict with keys: 'samhap', 'yukhap', 'chung', 'hyeong'
+    """
+    relations = {"samhap": [], "yukhap": [], "chung": [], "hyeong": []}
+
+    n = len(branch_indices)
+
+    # Check 충 (clashes)
+    for i in range(n):
+        for j in range(i + 1, n):
+            if CHUNG.get(branch_indices[i]) == branch_indices[j]:
+                relations["chung"].append(
+                    (JIJI[branch_indices[i]], JIJI[branch_indices[j]])
+                )
+
+    # Check 육합
+    for i in range(n):
+        for j in range(i + 1, n):
+            if YUKHAP.get(branch_indices[i]) == branch_indices[j]:
+                relations["yukhap"].append(
+                    (JIJI[branch_indices[i]], JIJI[branch_indices[j]])
+                )
+
+    # Check 형
+    for i in range(n):
+        for j in range(i + 1, n):
+            if HYEONG.get(branch_indices[i]) == branch_indices[j]:
+                relations["hyeong"].append(
+                    (JIJI[branch_indices[i]], JIJI[branch_indices[j]])
+                )
+
+    # Check 삼합 (need 3 branches)
+    branch_set = set(branch_indices)
+    for key, (p1, p2, element) in SAMHAP.items():
+        if key in branch_set and p1 in branch_set and p2 in branch_set:
+            relations["samhap"].append(
+                (JIJI[key], JIJI[p1], JIJI[p2], element)
+            )
+
+    return relations
+
+
+# =============================================================================
+# 15. MAIN CLASS: SajuManseryeok
+# =============================================================================
+
+class SajuManseryeok:
+    """Complete Four Pillars (사주팔��) calculation engine.
+
+    Usage:
+        saju = SajuManseryeok(1990, 5, 15, hour=14, gender="male")
+        print(saju.saju_text)
+        print(saju.oheng_balance)
+    """
+
+    def __init__(self, year: int, month: int, day: int,
+                 hour: int = 12, minute: int = 0,
+                 is_lunar: bool = False, is_leap_month: bool = False,
+                 gender: str = "male"):
+        """
+        Args:
+            year, month, day: Birth date
+            hour: Birth hour (0-23). Default 12 (noon) if unknown.
+            minute: Birth minute (0-59).
+            is_lunar: If True, the input date is in Korean lunar calendar
+            is_leap_month: If True and is_lunar, this is a leap month
+            gender: "male"/"남"/"m" or "female"/"여"/"f"
+        """
+        self.input_year = year
+        self.input_month = month
+        self.input_day = day
+        self.input_hour = hour
+        self.input_minute = minute
+        self.is_lunar = is_lunar
+        self.is_leap_month = is_leap_month
+        self.gender = gender
+
+        # Convert lunar to solar if needed
+        if is_lunar:
+            sy, sm, sd = lunar_to_solar(year, month, day, is_leap_month)
+            self.solar_year = sy
+            self.solar_month = sm
+            self.solar_day = sd
+            self.lunar_year = year
+            self.lunar_month = month
+            self.lunar_day = day
+            self.lunar_is_leap = is_leap_month
+        else:
+            self.solar_year = year
+            self.solar_month = sm if False else month  # type trick avoided
+            self.solar_month = month
+            self.solar_day = day
+            ly, lm, ld, ll = solar_to_lunar(year, month, day)
+            self.lunar_year = ly
+            self.lunar_month = lm
+            self.lunar_day = ld
+            self.lunar_is_leap = ll
+
+        # --- Calculate all four pillars ---
+
+        # Year pillar
+        self._year_stem, self._year_branch = calc_year_pillar(
+            self.solar_year, self.solar_month, self.solar_day,
+            hour, minute
+        )
+
+        # Month pillar
+        self._month_stem, self._month_branch = calc_month_pillar(
+            self.solar_year, self.solar_month, self.solar_day,
+            self._year_stem
+        )
+
+        # Day pillar (handles 야자시 internally)
+        self._day_stem, self._day_branch = calc_day_pillar(
+            self.solar_year, self.solar_month, self.solar_day,
+            hour
+        )
+
+        # Hour pillar
+        # For 야자시 (23:00+), the day stem used for hour calculation
+        # must be the NEXT day's day stem
+        self._hour_stem, self._hour_branch = calc_hour_pillar(
+            hour, self._day_stem
+        )
+
+        # Pillars as list
+        self._pillars = [
+            (self._year_stem, self._year_branch),
+            (self._month_stem, self._month_branch),
+            (self._day_stem, self._day_branch),
+            (self._hour_stem, self._hour_branch),
+        ]
+
+        # Five elements
+        self._balance, self._percentages = calc_oheng_balance(self._pillars)
+
+    # --- Properties ---
+
+    @property
+    def year_pillar(self) -> Tuple[int, int]:
+        return (self._year_stem, self._year_branch)
+
+    @property
+    def month_pillar(self) -> Tuple[int, int]:
+        return (self._month_stem, self._month_branch)
+
+    @property
+    def day_pillar(self) -> Tuple[int, int]:
+        return (self._day_stem, self._day_branch)
+
+    @property
+    def hour_pillar(self) -> Tuple[int, int]:
+        return (self._hour_stem, self._hour_branch)
+
+    @property
+    def day_master(self) -> str:
+        """The day stem (일간/일주천간) — the core identity in saju."""
+        return CHEONGAN[self._day_stem]
+
+    @property
+    def day_master_element(self) -> str:
+        """The five element of the day master."""
+        return OHENG_MAP[self.day_master]
+
+    @property
+    def day_master_yinyang(self) -> str:
+        """Yin/Yang of the day master."""
+        return STEM_YINYANG[self._day_stem]
+
+    @property
+    def saju_pillars(self) -> Dict:
+        """Returns structured pillar data matching frontend format."""
+        def _fmt(stem_idx, branch_idx):
+            return {
+                "stem": CHEONGAN[stem_idx],
+                "branch": JIJI[branch_idx],
+                "hangul": CHEONGAN[stem_idx] + JIJI[branch_idx],
+                "hanja": CHEONGAN_HANJA[stem_idx] + JIJI_HANJA[branch_idx],
+                "stem_hanja": CHEONGAN_HANJA[stem_idx],
+                "branch_hanja": JIJI_HANJA[branch_idx],
+                "stem_element": OHENG_MAP[CHEONGAN[stem_idx]],
+                "branch_element": OHENG_MAP[JIJI[branch_idx]],
+                "stem_element_hanja": OHENG_NAMES[OHENG_MAP[CHEONGAN[stem_idx]]],
+                "branch_element_hanja": OHENG_NAMES[OHENG_MAP[JIJI[branch_idx]]],
+                "stem_yinyang": STEM_YINYANG[stem_idx],
+                "branch_yinyang": BRANCH_YINYANG[branch_idx],
+            }
+
+        return {
+            "year": _fmt(self._year_stem, self._year_branch),
+            "month": _fmt(self._month_stem, self._month_branch),
+            "day": _fmt(self._day_stem, self._day_branch),
+            "hour": _fmt(self._hour_stem, self._hour_branch),
+        }
+
+    @property
+    def saju_text(self) -> str:
+        """Compact text representation: 시 일 월 년 (right to left, traditional)."""
+        p = self.saju_pillars
+        return (f"{p['hour']['hangul']}  {p['day']['hangul']}  "
+                f"{p['month']['hangul']}  {p['year']['hangul']}")
+
+    @property
+    def saju_text_hanja(self) -> str:
+        p = self.saju_pillars
+        return (f"{p['hour']['hanja']}  {p['day']['hanja']}  "
+                f"{p['month']['hanja']}  {p['year']['hanja']}")
+
+    @property
+    def animal_sign(self) -> str:
+        """The zodiac animal for the year branch."""
+        return JIJI_ANIMALS[self._year_branch]
+
+    @property
+    def oheng_balance(self) -> Dict[str, int]:
+        """Raw element counts."""
+        return dict(self._balance)
+
+    @property
+    def oheng_percentages(self) -> Dict[str, int]:
+        """Element percentages."""
+        return dict(self._percentages)
+
+    @property
+    def oheng_balance_english(self) -> Dict[str, int]:
+        """Element percentages with English keys for frontend."""
+        return {OHENG_ENGLISH[k]: v for k, v in self._percentages.items()}
+
+    @property
+    def dominant_element(self) -> str:
+        return get_dominant_element(self._balance)
+
+    @property
+    def weak_element(self) -> str:
+        return get_weak_element(self._balance)
+
+    def get_sipseong_table(self) -> Dict[str, Dict[str, str]]:
+        """Get 십성 for all stems relative to day master.
+
+        Returns dict keyed by pillar name with stem and branch 십성.
+        """
+        result = {}
+        pillar_names = ["year", "month", "day", "hour"]
+
+        for name, (s_idx, b_idx) in zip(pillar_names, self._pillars):
+            stem_ss = calc_sipseong(self._day_stem, s_idx) if name != "day" else "일간"
+            branch_ss = calc_sipseong_for_branch(self._day_stem, b_idx)
+            result[name] = {
+                "stem_sipseong": stem_ss,
+                "branch_sipseong": branch_ss,
+            }
+
+        return result
+
+    def get_twelve_stages(self) -> Dict[str, str]:
+        """Get 12운성 for each pillar's branch relative to day master."""
+        result = {}
+        pillar_names = ["year", "month", "day", "hour"]
+
+        for name, (_, b_idx) in zip(pillar_names, self._pillars):
+            result[name] = calc_twelve_stage(self._day_stem, b_idx)
+
+        return result
+
+    def get_jijanggan_table(self) -> Dict[str, List]:
+        """Get 지장간 for each pillar's branch."""
+        result = {}
+        pillar_names = ["year", "month", "day", "hour"]
+
+        for name, (_, b_idx) in zip(pillar_names, self._pillars):
+            result[name] = get_jijanggan(b_idx)
+
+        return result
+
+    def get_daeun(self) -> List[Dict]:
+        """Get 대운 (10-year fortune cycles)."""
+        return calc_daeun(
+            self.gender, self._year_stem,
+            self._month_stem, self._month_branch,
+            self.solar_year, self.solar_month, self.solar_day,
+            self.input_hour
+        )
+
+    def get_seun(self, target_year: int) -> Dict:
+        """Get 세운 (annual fortune) for a specific year."""
+        s_idx, b_idx = calc_seun(target_year)
+        return {
+            "year": target_year,
+            "stem_idx": s_idx,
+            "branch_idx": b_idx,
+            "hangul": CHEONGAN[s_idx] + JIJI[b_idx],
+            "hanja": CHEONGAN_HANJA[s_idx] + JIJI_HANJA[b_idx],
+            "element": OHENG_MAP[CHEONGAN[s_idx]],
+            "animal": JIJI_ANIMALS[b_idx],
+        }
+
+    def get_relations(self) -> Dict:
+        """Check for 삼합, 육합, 충, 형 among the four pillars."""
+        branches = [b for _, b in self._pillars]
+        return check_relations(branches)
+
+    def to_dict(self) -> Dict:
+        """Export everything as a flat dictionary for JSON serialization."""
+        pillars = self.saju_pillars
+        stages = self.get_twelve_stages()
+        sipseong = self.get_sipseong_table()
+        jijanggan = self.get_jijanggan_table()
+        relations = self.get_relations()
+
+        return {
+            "input": {
+                "year": self.input_year,
+                "month": self.input_month,
+                "day": self.input_day,
+                "hour": self.input_hour,
+                "minute": self.input_minute,
+                "is_lunar": self.is_lunar,
+                "gender": self.gender,
+            },
+            "solar_date": {
+                "year": self.solar_year,
+                "month": self.solar_month,
+                "day": self.solar_day,
+            },
+            "lunar_date": {
+                "year": self.lunar_year,
+                "month": self.lunar_month,
+                "day": self.lunar_day,
+                "is_leap": self.lunar_is_leap,
+            },
+            "pillars": pillars,
+            "day_master": {
+                "hangul": self.day_master,
+                "hanja": CHEONGAN_HANJA[self._day_stem],
+                "element": self.day_master_element,
+                "element_hanja": OHENG_NAMES[self.day_master_element],
+                "yinyang": self.day_master_yinyang,
+            },
+            "animal_sign": self.animal_sign,
+            "oheng": {
+                "balance": self.oheng_balance,
+                "percentages": self.oheng_percentages,
+                "percentages_en": self.oheng_balance_english,
+                "dominant": self.dominant_element,
+                "dominant_hanja": OHENG_NAMES[self.dominant_element],
+                "weak": self.weak_element,
+                "weak_hanja": OHENG_NAMES[self.weak_element],
+            },
+            "sipseong": sipseong,
+            "twelve_stages": stages,
+            "jijanggan": jijanggan,
+            "relations": relations,
+        }
+
+    def to_prompt_context(self) -> str:
+        """Generate a rich context string for LLM interpretation prompts."""
+        p = self.saju_pillars
+        stages = self.get_twelve_stages()
+        sipseong = self.get_sipseong_table()
+        daeun = self.get_daeun()
+        relations = self.get_relations()
+        bal = self.oheng_balance
+        pct = self.oheng_percentages
+
+        lines = []
+        lines.append("=" * 60)
+        lines.append("사주팔자 (四柱八字) 만세력 분석")
+        lines.append("=" * 60)
+
+        # Birth info
+        lines.append(f"\n[생년월일시]")
+        lines.append(f"  양력: {self.solar_year}년 {self.solar_month}월 {self.solar_day}일 {self.input_hour}시")
+        lines.append(f"  음력: {self.lunar_year}년 {self.lunar_month}월 {self.lunar_day}일"
+                      f"{'(윤달)' if self.lunar_is_leap else ''}")
+        lines.append(f"  성별: {'남' if self.gender.lower() in ('male','남','남자','m') else '여'}")
+        lines.append(f"  띠: {self.animal_sign}")
+
+        # Four pillars table
+        lines.append(f"\n[사주팔자]")
+        lines.append(f"         시주    일주    월주    년주")
+        lines.append(f"  한글:  {p['hour']['hangul']}    {p['day']['hangul']}    "
+                      f"{p['month']['hangul']}    {p['year']['hangul']}")
+        lines.append(f"  한자:  {p['hour']['hanja']}    {p['day']['hanja']}    "
+                      f"{p['month']['hanja']}    {p['year']['hanja']}")
+
+        # Stems line
+        lines.append(f"\n  천간:  {p['hour']['stem']}({p['hour']['stem_element']})  "
+                      f"{p['day']['stem']}({p['day']['stem_element']})  "
+                      f"{p['month']['stem']}({p['month']['stem_element']})  "
+                      f"{p['year']['stem']}({p['year']['stem_element']})")
+        lines.append(f"  지지:  {p['hour']['branch']}({p['hour']['branch_element']})  "
+                      f"{p['day']['branch']}({p['day']['branch_element']})  "
+                      f"{p['month']['branch']}({p['month']['branch_element']})  "
+                      f"{p['year']['branch']}({p['year']['branch_element']})")
+
+        # Day master
+        lines.append(f"\n[일간 (Day Master)]")
+        lines.append(f"  {self.day_master}({CHEONGAN_HANJA[self._day_stem]}) "
+                      f"— {self.day_master_element}({OHENG_NAMES[self.day_master_element]}) "
+                      f"{self.day_master_yinyang}")
+
+        # 십성
+        lines.append(f"\n[십성 (Ten Gods)]")
+        for name_kr, name_en in [("년주","year"),("월주","month"),("일주","day"),("시주","hour")]:
+            ss = sipseong[name_en]
+            lines.append(f"  {name_kr}: 천간={ss['stem_sipseong']}, 지지={ss['branch_sipseong']}")
+
+        # 12운성
+        lines.append(f"\n[12운성 (Twelve Stages)]")
+        for name_kr, name_en in [("년주","year"),("월주","month"),("일주","day"),("시주","hour")]:
+            lines.append(f"  {name_kr}: {stages[name_en]}")
+
+        # 오행
+        lines.append(f"\n[오행 분석 (Five Elements)]")
+        for elem in ["목", "화", "토", "금", "수"]:
+            bar = "█" * bal[elem] + "░" * (8 - bal[elem])
+            lines.append(f"  {elem}({OHENG_NAMES[elem]}): {bar} {bal[elem]}개 ({pct[elem]}%)")
+        lines.append(f"  강한 오행: {self.dominant_element}({OHENG_NAMES[self.dominant_element]})")
+        lines.append(f"  약한 오행: {self.weak_element}({OHENG_NAMES[self.weak_element]})")
+
+        # Relations
+        lines.append(f"\n[합충형 관계]")
+        if relations["samhap"]:
+            for r in relations["samhap"]:
+                lines.append(f"  삼합: {r[0]}{r[1]}{r[2]} -> {r[3]}")
+        if relations["yukhap"]:
+            for r in relations["yukhap"]:
+                lines.append(f"  육합: {r[0]}{r[1]}")
+        if relations["chung"]:
+            for r in relations["chung"]:
+                lines.append(f"  충: {r[0]}{r[1]}")
+        if relations["hyeong"]:
+            for r in relations["hyeong"]:
+                lines.append(f"  형: {r[0]}{r[1]}")
+        if not any(relations.values()):
+            lines.append("  특이 관계 없음")
+
+        # 대운
+        lines.append(f"\n[대운 (10년 大運)]")
+        for du in daeun[:8]:  # Show first 8
+            lines.append(f"  {du['age']:2d}~{du['end_age']:2d}세: "
+                          f"{du['hangul']}({du['hanja']}) — {du['element']}")
+
+        lines.append("\n" + "=" * 60)
+
+        return "\n".join(lines)
+
+    def __repr__(self) -> str:
+        p = self.saju_pillars
+        return (f"SajuManseryeok({self.solar_year}-{self.solar_month:02d}-{self.solar_day:02d} "
+                f"{self.input_hour:02d}:{self.input_minute:02d}, "
+                f"{'남' if self.gender.lower() in ('male','남','남자','m') else '여'}) = "
+                f"{p['year']['hangul']} {p['month']['hangul']} "
+                f"{p['day']['hangul']} {p['hour']['hangul']}")
+
+
+# =============================================================================
+# 16. CONVENIENCE FUNCTIONS
+# =============================================================================
+
+def calculate_saju(year: int, month: int, day: int,
+                   hour: int = 12, minute: int = 0,
+                   is_lunar: bool = False, is_leap_month: bool = False,
+                   gender: str = "male") -> SajuManseryeok:
+    """Convenience function to create a SajuManseryeok instance."""
+    return SajuManseryeok(year, month, day, hour, minute,
+                          is_lunar, is_leap_month, gender)
+
+
+def quick_saju(year: int, month: int, day: int,
+               hour: int = 12, gender: str = "male") -> str:
+    """Quick one-line saju result."""
+    s = SajuManseryeok(year, month, day, hour, gender=gender)
+    return repr(s)
+
+
+# =============================================================================
+# 17. VALIDATION & TEST
+# =============================================================================
+
+if __name__ == "__main__":
+    print("=" * 70)
+    print("사주 만세력 (四柱 萬歲曆) — Validation Tests")
+    print("=" * 70)
+
+    # ---------------------------------------------------------------
+    # Test 1: 입춘 date calculation
+    # ---------------------------------------------------------------
+    print("\n--- Test 1: 입춘 (立春) dates ---")
+    for y in [2024, 2025, 2026]:
+        ip = get_ipchun_date(y)
+        print(f"  {y}년 입춘: {ip.strftime('%Y-%m-%d %H:%M:%S')} KST")
+
+    # ---------------------------------------------------------------
+    # Test 2: Reference case — 1985-01-15 양력 08:30 남성
+    # ---------------------------------------------------------------
+    print("\n--- Test 2: 1985-01-15 08:30 남성 ---")
+    print("  Expected: 년주=甲子 (갑자) — Jan 15 is before 입춘 so year is 1984")
+
+    saju = SajuManseryeok(1985, 1, 15, 8, 30, gender="male")
+    p = saju.saju_pillars
+
+    print(f"  년주: {p['year']['hangul']} ({p['year']['hanja']})")
+    print(f"  월주: {p['month']['hangul']} ({p['month']['hanja']})")
+    print(f"  일주: {p['day']['hangul']} ({p['day']['hanja']})")
+    print(f"  시주: {p['hour']['hangul']} ({p['hour']['hanja']})")
+    print(f"  일간: {saju.day_master} ({saju.day_master_element})")
+    print(f"  띠: {saju.animal_sign}")
+
+    assert p['year']['hangul'] == "갑자", f"Year pillar mismatch: got {p['year']['hangul']}"
+    print("  [PASS] Year pillar is 갑자 (甲子) as expected")
+
+    # ---------------------------------------------------------------
+    # Test 3: Day pillar via Julian Day Number
+    # ---------------------------------------------------------------
+    print("\n--- Test 3: Julian Day Number validation ---")
+    # 2000-01-07 should be 甲子 (갑자)
+    jdn = julian_day_number(2000, 1, 7)
+    print(f"  JDN(2000-01-07) = {jdn}")
+    s, b = calc_day_pillar(2000, 1, 7)
+    print(f"  Day pillar: {CHEONGAN[s]}{JIJI[b]} ({CHEONGAN_HANJA[s]}{JIJI_HANJA[b]})")
+    # 2000-01-07 is known to be 갑자일
+    assert CHEONGAN[s] == "갑" and JIJI[b] == "자", \
+        f"Day pillar for 2000-01-07 should be 갑자, got {CHEONGAN[s]}{JIJI[b]}"
+    print("  [PASS] 2000-01-07 is 갑자 (甲子) day")
+
+    # ---------------------------------------------------------------
+    # Test 4: 오호결원법 (Month stem derivation)
+    # ---------------------------------------------------------------
+    print("\n--- Test 4: 오호결원법 verification ---")
+    # 갑(0) year -> 인월 stem should be 병(2) -> 병인
+    stem_start = OHOGYEOL_START[0 % 5]
+    assert stem_start == 2, f"갑년 인월 stem should be 병(2), got {stem_start}"
+    print(f"  갑년 인월: {CHEONGAN[stem_start]}인 = 병인 [PASS]")
+
+    # 을(1) year -> 인월 stem should be 무(4) -> 무인
+    stem_start = OHOGYEOL_START[1 % 5]
+    assert stem_start == 4
+    print(f"  을년 인월: {CHEONGAN[stem_start]}인 = 무인 [PASS]")
+
+    # ---------------------------------------------------------------
+    # Test 5: 오자결원법 (Hour stem derivation)
+    # ---------------------------------------------------------------
+    print("\n--- Test 5: 오자결원법 verification ---")
+    # 갑(0) day -> 자시 stem should be 갑(0) -> 갑자
+    stem_start = OJAGYEOL_START[0 % 5]
+    assert stem_start == 0
+    print(f"  갑일 자시: {CHEONGAN[stem_start]}자 = 갑자 [PASS]")
+
+    # 을(1) day -> 자시 stem should be 병(2) -> 병자
+    stem_start = OJAGYEOL_START[1 % 5]
+    assert stem_start == 2
+    print(f"  을일 자시: {CHEONGAN[stem_start]}자 = 병자 [PASS]")
+
+    # ---------------------------------------------------------------
+    # Test 6: 야자시 (23:00) handling
+    # ---------------------------------------------------------------
+    print("\n--- Test 6: 야자시 handling ---")
+    # At 23:00, the day pillar should advance to next day
+    dp_22 = calc_day_pillar(2026, 5, 7, 22)
+    dp_23 = calc_day_pillar(2026, 5, 7, 23)
+    dp_next = calc_day_pillar(2026, 5, 8, 0)
+    print(f"  2026-05-07 22시 일주: {CHEONGAN[dp_22[0]]}{JIJI[dp_22[1]]}")
+    print(f"  2026-05-07 23시 일주: {CHEONGAN[dp_23[0]]}{JIJI[dp_23[1]]}")
+    print(f"  2026-05-08 00시 일주: {CHEONGAN[dp_next[0]]}{JIJI[dp_next[1]]}")
+    assert dp_23 == dp_next, "23시 day pillar should match next day's 0시"
+    print("  [PASS] 23시 일주 = 다음날 0시 일주")
+
+    # ---------------------------------------------------------------
+    # Test 7: Full saju with context output
+    # ---------------------------------------------------------------
+    print("\n--- Test 7: Full saju analysis ---")
+    saju2 = SajuManseryeok(1990, 3, 15, 14, 0, gender="male")
+    print(saju2.to_prompt_context())
+
+    # ---------------------------------------------------------------
+    # Test 8: Lunar date conversion
+    # ---------------------------------------------------------------
+    print("\n--- Test 8: Lunar-Solar conversion ---")
+    # Test lunar date (설날 2025 = lunar 2025-01-01 = solar 2025-01-29)
+    try:
+        sy, sm, sd = lunar_to_solar(2025, 1, 1)
+        print(f"  2025년 음력 1월 1일 = 양력 {sy}-{sm:02d}-{sd:02d}")
+        ly, lm, ld, ll = solar_to_lunar(sy, sm, sd)
+        print(f"  역변환: 음력 {ly}-{lm:02d}-{ld:02d} (윤달: {ll})")
+        assert lm == 1 and ld == 1, "Round-trip conversion failed"
+        print("  [PASS] Lunar-Solar round trip")
+    except Exception as e:
+        print(f"  [WARN] Lunar conversion: {e}")
+
+    # ---------------------------------------------------------------
+    # Test 9: 12운성 spot check
+    # ---------------------------------------------------------------
+    print("\n--- Test 9: 12운성 spot check ---")
+    # 갑(0) at 해(11) should be 장생
+    stage = calc_twelve_stage(0, 11)
+    print(f"  갑일간 at 해: {stage}")
+    assert stage == "장생", f"갑 at 해 should be 장생, got {stage}"
+    print("  [PASS] 갑 at 해 = 장생")
+
+    # 갑(0) at 자(0) should be 목욕  (해=장생, 자=목욕, 축=관대...)
+    stage = calc_twelve_stage(0, 0)
+    print(f"  갑일간 at 자: {stage}")
+    assert stage == "목욕", f"갑 at 자 should be 목욕, got {stage}"
+    print("  [PASS] 갑 at 자 = 목욕")
+
+    # 갑(0) at 오(6) should be 사
+    stage = calc_twelve_stage(0, 6)
+    print(f"  갑일간 at 오: {stage}")
+    assert stage == "사", f"갑 at 오 should be 사, got {stage}"
+    print("  [PASS] 갑 at 오 = 사")
+
+    # ---------------------------------------------------------------
+    # Test 10: 십성 basic check
+    # ---------------------------------------------------------------
+    print("\n--- Test 10: 십성 basic check ---")
+    # Day stem = 갑(0), same stem -> 비견
+    ss = calc_sipseong(0, 0)
+    assert ss == "비견", f"Same stem should be 비견, got {ss}"
+    print(f"  갑 vs 갑: {ss} [PASS]")
+
+    # Day stem = 갑(0), stem 을(1) -> 겁재
+    ss = calc_sipseong(0, 1)
+    assert ss == "겁재", f"갑 vs 을 should be 겁재, got {ss}"
+    print(f"  갑 vs 을: {ss} [PASS]")
+
+    # ---------------------------------------------------------------
+    # Test 11: Multiple known dates cross-check
+    # ---------------------------------------------------------------
+    print("\n--- Test 11: Known dates ---")
+
+    # 2000-01-01 00:00 -> Year should still be 1999 (before 입춘)
+    s0 = SajuManseryeok(2000, 1, 1, 0, gender="male")
+    p0 = s0.saju_pillars
+    print(f"  2000-01-01: 년주={p0['year']['hangul']}({p0['year']['hanja']})")
+    # 1999 year: (1999-4)%10=5(기), (1999-4)%12=3(묘) -> 기묘
+    assert p0['year']['hangul'] == "기묘", f"Expected 기묘, got {p0['year']['hangul']}"
+    print("  [PASS] 2000-01-01 년주 = 기묘 (1999 year, before 입춘)")
+
+    # 2000-02-05 -> After 입춘 (2000 입춘 ~ Feb 4)
+    s1 = SajuManseryeok(2000, 2, 5, 12, gender="male")
+    p1 = s1.saju_pillars
+    print(f"  2000-02-05: 년주={p1['year']['hangul']}({p1['year']['hanja']})")
+    # 2000 year: (2000-4)%10=6(경), (2000-4)%12=4(진) -> 경진
+    assert p1['year']['hangul'] == "경��", f"Expected 경진, got {p1['year']['hangul']}"
+    print("  [PASS] 2000-02-05 년주 = 경진 (after 입춘)")
+
+    # ---------------------------------------------------------------
+    # Test 12: 대운 generation
+    # ---------------------------------------------------------------
+    print("\n--- Test 12: 대운 generation ---")
+    saju3 = SajuManseryeok(1985, 1, 15, 8, 30, gender="male")
+    daeun = saju3.get_daeun()
+    print(f"  대운 ({len(daeun)}개):")
+    for d in daeun[:6]:
+        print(f"    {d['age']:2d}~{d['end_age']:2d}세: {d['hangul']} ({d['hanja']})")
+
+    # ---------------------------------------------------------------
+    # Summary
+    # ---------------------------------------------------------------
+    print("\n" + "=" * 70)
+    print("All validation tests passed successfully!")
+    print("=" * 70)

static/index.html

@@ -1,639 +1,850 @@
-<!DOCTYPE html>
-<html lang="ko">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
-<meta name="theme-color" content="#0052a4">
-<title>[제안 테스트] JGOS · 행정 AI 서비스 특화 모델</title>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link rel="stylesheet" href="/static/style.css?v=20260612a">
-<script src="https://cdn.jsdelivr.net/npm/marked@14.1.3/marked.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/dompurify@3.1.7/dist/purify.min.js"></script>
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/github.min.css">
-<script src="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/highlight.min.js"></script>
-<style id="ax-modal-fix">#ax-modal[hidden]{display:none !important;}</style>
-
-<style id="jgos-home-css">
-#view-home{padding:22px 20px 60px;overflow-y:auto}
-.svc-wrap{max-width:1080px;margin:0 auto}
-.svc-hero{background:linear-gradient(135deg,#0b5a87,#0d4a6e);color:#fff;border-radius:16px;padding:26px 28px;margin-bottom:26px;cursor:pointer}
-.svc-hero:hover{filter:brightness(1.06)}
-.svc-hero .eyebrow{font-size:12px;letter-spacing:.12em;opacity:.85;font-weight:600}
-.svc-hero h2{margin:8px 0 8px;font-size:clamp(23px,3.2vw,31px);line-height:1.3}
-.svc-hero p{margin:0;opacity:.92;font-size:14.5px;max-width:50ch;line-height:1.65}
-.svc-hero .go{display:inline-block;margin-top:16px;background:#fff;color:#0b5a87;border-radius:8px;padding:9px 18px;font-weight:700;font-size:14px}
-.svc-group{margin-top:28px}
-.svc-group h3{font-size:16px;margin:0 0 4px;padding-bottom:9px;border-bottom:1px solid rgba(128,128,128,.28)}
-.svc-grid{display:grid;gap:13px;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));margin-top:15px}
-.svc-card{border:1px solid rgba(128,128,128,.3);border-radius:12px;padding:16px 16px 14px;background:rgba(128,128,128,.045);display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:border-color .15s,transform .15s}
-.svc-card:hover,.svc-card:focus-visible{border-color:#0b5a87;transform:translateY(-2px);outline:none}
-.svc-card .row{display:flex;align-items:flex-start;gap:8px}
-.svc-card h4{margin:0;font-size:15px;font-weight:700;line-height:1.4}
-.svc-card p{margin:0;font-size:12.8px;opacity:.78;line-height:1.6}
-.svc-st{flex:none;margin-left:auto;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:5px;white-space:nowrap}
-.st-live{background:rgba(31,107,90,.16);color:#1f6b5a}
-.st-soon{background:rgba(138,100,20,.16);color:#8a6414}
-.svc-card.soon{cursor:default;opacity:.72}
-.svc-card.soon:hover{border-color:rgba(128,128,128,.3);transform:none}
-.svc-card.saju{background:linear-gradient(180deg,rgba(180,85,31,.12),rgba(128,128,128,.045) 60%)}
-#view-building{padding:0}
-#building-frame{width:100%;height:calc(100vh - 168px);border:0;display:block}
-@media(prefers-color-scheme:dark){.svc-card{background:rgba(255,255,255,.04)}}
-</style>
-</head>
-<body>
-<div id="proposal-banner" style="background:#b91c1c;color:#fff;text-align:center;padding:7px 12px;font-size:13px;font-weight:600;line-height:1.45;position:relative;z-index:9999;">⚠️ 본 서비스는 <b>제안용 테스트(시범) 버전</b>입니다 — 실제 행정 서비스가 아니며, 응답의 정확성을 보장하지 않습니다.</div>
-<div id="app">
-
-  <!-- ===== 모바일 햄버거 ===== -->
-  <button id="hamburger-btn" aria-label="메뉴 열기">
-    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-      <line x1="3" y1="6" x2="21" y2="6"/>
-      <line x1="3" y1="12" x2="21" y2="12"/>
-      <line x1="3" y1="18" x2="21" y2="18"/>
-    </svg>
-  </button>
-
-  <!-- ===== 사이드바 ===== -->
-  <aside id="sidebar">
-    <div class="sidebar-head">
-      <div class="brand-top">
-        <div class="emblem">🏛️</div>
-        <div>
-          <div class="brand-title">전남광주 통합특별시</div>
-          <div class="brand-sub">시민의 AI</div>
-        </div>
-      </div>
-      <button id="new-chat-btn" title="새 대화">＋ 새 상담</button>
-    </div>
-    <div class="sidebar-section-label">최근 상담</div>
-    <ul id="chat-list"></ul>
-    <div class="sidebar-foot">
-      <div class="brand-small">
-        <strong>Powered by @비드래프트</strong>
-        <small>JGOS v0.1 preview</small>
-      </div>
-    </div>
-  </aside>
-
-  <main id="main">
-    <!-- ===== 상단 시민포털 헤더 ===== -->
-    <header id="topbar">
-      <div class="topbar-left">
-        <button id="sidebar-toggle" class="mobile-only" aria-label="사이드바">☰</button>
-        <div class="title-block">
-          <div class="title-main">🏛️ 전남광주 통합특별시 · 시민의 AI</div>
-          <div class="title-sub">행정 특화 언어모델 <b>JGOS</b> 탑재 · 행정·법령·관광·민원 안내</div>
-        </div>
-      </div>
-      <nav class="top-tabs">
-        <button class="top-tab active" data-view="home">🏠 서비스</button>
-        <button class="top-tab" data-view="chat">💬 JGOS 챗봇</button>
-        <button class="top-tab" data-view="building">🏗️ 건축 도면</button>
-        <button class="top-tab" data-view="office">📑 무료 오피스</button>
-        <button class="top-tab" data-view="image">🎨 이미지 생성</button>
-        <button class="top-tab" data-view="ax">🏛️ 행정 AX(테스트)</button>
-      </nav>
-      <div class="topbar-right">
-        <span class="status-pill" id="status">● 정상</span>
-      </div>
-    </header>
-
-    <div id="view-chat">
-    <div id="messages-wrap">
-      <div id="messages"></div>
-
-      <!-- ===== 첫 화면 시민포털 (메시지 0건 시 표시) ===== -->
-      <div id="portal" class="portal">
-        <div class="portal-hero">
-          <div class="hero-emblem">🏛️</div>
-          <h1 class="hero-title">전남광주 통합특별시민과<br>함께하는 AI <strong>JGOS</strong></h1>
-          <p class="hero-sub">행정·민원·법령·관광·교통·문화·통계·산업·농수산 정보를<br>친절하게 안내해 드립니다. 무엇이 궁금하신가요?</p>
-        </div>
-
-        <!-- ===== 방안1: 히어로 파일 드롭존 ===== -->
-        <button class="hero-dropzone" id="hero-dropzone" type="button">
-          <div class="hd-icon">📎</div>
-          <div class="hd-main">파일을 끌어다 놓거나 클릭하세요</div>
-          <div class="hd-sub">HWP · 이미지 · PDF · 엑셀 무엇이든 올리면 <strong>바로 분석</strong>해 드립니다</div>
-          <div class="hd-badge">🇰🇷 타 AI가 못 읽는 <strong>한글 HWP</strong>도 분석하는 sovereign AI</div>
-          <!-- 방안2: 지원 형식 아이콘 띠 -->
-          <div class="fmt-strip">
-            <span class="fmt hwp">HWP</span><span class="fmt hwp">HWPX</span>
-            <span class="fmt pdf">PDF</span><span class="fmt doc">DOCX</span>
-            <span class="fmt xls">XLSX</span><span class="fmt ppt">PPTX</span>
-            <span class="fmt csv">CSV</span><span class="fmt img">이미지</span>
-            <span class="fmt more">+10종</span>
-          </div>
-        </button>
-
-        <!-- 8개 카테고리 큰 카드 -->
-        <div class="cat-grid">
-          <button class="cat-card" data-q="민원 처리 절차와 필요한 서류를 알려주세요.">
-            <div class="cat-emoji">📝</div>
-            <div class="cat-name">민원</div>
-            <div class="cat-desc">절차·서류·전화</div>
-          </button>
-          <button class="cat-card" data-q="전남광주통합특별법의 주요 조항을 알려주세요.">
-            <div class="cat-emoji">📜</div>
-            <div class="cat-name">법령</div>
-            <div class="cat-desc">특별법·조례</div>
-          </button>
-          <button class="cat-card" data-q="전남광주 통합특별시 관광 명소를 추천해 주세요.">
-            <div class="cat-emoji">🗺️</div>
-            <div class="cat-name">관광</div>
-            <div class="cat-desc">22 시군 + 5구</div>
-          </button>
-          <button class="cat-card" data-q="전남광주 통합특별시 교통편을 안내해 주세요.">
-            <div class="cat-emoji">🚆</div>
-            <div class="cat-name">교통</div>
-            <div class="cat-desc">KTX·공항·페리</div>
-          </button>
-          <button class="cat-card" data-q="전남광주 통합특별시의 농수산 특산품을 알려주세요.">
-            <div class="cat-emoji">🌾</div>
-            <div class="cat-name">농수산</div>
-            <div class="cat-desc">GI 특산·수산물</div>
-          </button>
-          <button class="cat-card" data-q="전남광주 통합특별시의 주요 산업과 경제 규모를 알려주세요.">
-            <div class="cat-emoji">🏭</div>
-            <div class="cat-name">산업</div>
-            <div class="cat-desc">경제·기업</div>
-          </button>
-          <button class="cat-card" data-q="전남광주 통합특별시의 인구 통계와 지역 현황을 알려주세요.">
-            <div class="cat-emoji">📊</div>
-            <div class="cat-name">통계</div>
-            <div class="cat-desc">인구·경제</div>
-          </button>
-          <button class="cat-card" data-attach="true">
-            <div class="cat-emoji">📎</div>
-            <div class="cat-name">첨부문서</div>
-            <div class="cat-desc">HWP·PDF·이미지</div>
-          </button>
-        </div>
-
-        <!-- 추천 질문 (자주 묻는) -->
-        <div class="quick-section">
-          <div class="quick-label">자주 묻는 질문</div>
-          <div class="quick-grid">
-            <button class="quick-btn" data-q="전남광주 통합특별시장과 광주 5개 구청장, 전남 시장·군수 당선인이 각각 누구인가요?">🏛️ 지자체장 당선인</button>
-            <button class="quick-btn" data-q="전남광주(광주·전남) 지역구 국회의원 명단을 알려주세요.">🗳️ 지역구 국회의원</button>
-            <button class="quick-btn" data-q="주민등록증 재발급 절차와 필요한 서류는?">📇 주민등록증 재발급</button>
-            <button class="quick-btn" data-q="전남광주 통합특별시 인구는?">👥 통합특별시 인구</button>
-            <button class="quick-btn" data-q="보성 녹차밭 관광 안내 부탁해.">🍃 보성 녹차밭</button>
-            <button class="quick-btn" data-q="전남광주통합특별법 제6조 내용은?">📜 특별법 제6조</button>
-            <button class="quick-btn" data-q="전남광주 통합특별시청 대표 전화번호와 부서 안내는?">📞 시청 대표번호</button>
-            <button class="quick-btn" data-q="여수에서 가볼 만한 곳 3곳만 추천해.">🏖️ 여수 가볼 곳</button>
-            <button class="quick-btn" data-q="5·18 민주화운동 기록관 위치와 관람 안내는?">🏛️ 5·18 기록관</button>
-            <button class="quick-btn" data-q="2026년 7월 1일 전남광주 통합특별시 출범의 의미와 일정은?">🎌 7·1 출범</button>
-          </div>
-        </div>
-
-        <!-- 신뢰 배지 (첫 화면 only — NIA 본문은 composer footer에서 영구 표시) -->
-        <div class="portal-foot">
-          <div class="trust-line">
-            <span class="trust-badge">🔒 sovereign AI</span>
-            <span class="trust-badge">📅 기준일 2026-06-01</span>
-            <span class="trust-badge">📚 RAG 21,192 청크</span>
-            <span class="trust-badge">⚖️ 정식 행정 안내 아님 · 062-120 확인 권장</span>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- ===== 입력 영역 ===== -->
-    <footer id="composer">
-      <div class="warn-bar" id="warn-bar" hidden>
-        ✅ 2026년 6월 3일 지방선거 완료 — 민형배 통합특별시장 당선(7월 1일 취임). 단체장·지역구 국회의원 명단 반영 완료.
-      </div>
-      <div class="attach-row" id="attach-row"></div>
-      <div class="input-row">
-        <button id="attach-btn" title="파일 첨부 (HWP/HWPX/PDF/DOCX/PPTX/XLSX/XLS/CSV/이미지)" aria-label="파일 첨부">📎</button>
-        <button id="web-btn" title="웹검색 — 켜면 네이버·웹에서 최신 정보를 함께 검색합니다" aria-label="웹검색 켜기/끄기" aria-pressed="false">🔍</button>
-        <button id="minwon-btn" title="민원 — 켜면 질문을 민원으로 보고 담당 부서·연락처를 찾아드립니다" aria-label="민원 모드 켜기/끄기" aria-pressed="false">📞</button>
-        <input type="file" id="file-input" hidden multiple
-               accept=".hwp,.hwpx,.pdf,.docx,.pptx,.xlsx,.xls,.csv,.txt,.md,.jpg,.jpeg,.png,.gif,.webp">
-        <textarea id="input" rows="1" placeholder="질문을 입력하거나 파일을 첨부하세요 (Shift+Enter 줄바꿈)"></textarea>
-        <button id="send-btn" title="전송 (Enter)" aria-label="전송">
-          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>
-        </button>
-      </div>
-
-      <!-- ===== NIA K-AI 1위 출처 문구 (항상 표시 — 모든 화면 하단) ===== -->
-      <div class="nia-disclaimer">
-        본 모델은 과학기술정보통신부·한국지능정보사회진흥원(NIA) K-AI 리더보드 1위 달성 모델을 기반으로,
-        전남광주 통합특별시 관련 공개정보를 추가 학습·최적화한 한국어 특화 모델입니다.
-        한국어 처리 능력과 한국 문화·사회·행정·전문 분야에 대한 이해를 바탕으로
-        시민 질의에 정확하고 친절하게 응답합니다.
-      </div>
-    </footer>
-    </div><!-- /view-chat -->
-
-    <!-- ===== 무료 오피스 (HanSoo 엔진 흡수 · same-origin iframe 임베디드) ===== -->
-    
-<section id="view-home" hidden>
- <div class="svc-wrap">
-
-  <div class="svc-hero" data-view="chat">
-    <div class="eyebrow">가장 먼저 · 무엇이든 물어보세요</div>
-    <h2>JGOS 챗봇</h2>
-    <p>전입신고부터 재산세 납부 기한까지. 전남광주 통합특별시 행정에 맞춰 만든 우리 시 전용 AI가 24시간 답합니다.</p>
-    <span class="go">상담 시작하기 →</span>
-  </div>
-
-  <div class="svc-group">
-   <h3>지금 바로 쓰는 서비스</h3>
-   <div class="svc-grid">
-    <div class="svc-card" data-view="building" tabindex="0"><div class="row"><h4>🏗️ 건축 도면 만들기</h4><span class="svc-st st-live">가동</span></div><p>말로 설명하면 평면도와 도면 파일(DXF)을 만들어 드립니다.</p></div>
-    <div class="svc-card" data-view="office" tabindex="0"><div class="row"><h4>📑 무료 오피스</h4><span class="svc-st st-live">가동</span></div><p>한글(HWP)·PDF 문서를 설치 없이 열고 고치고 저장합니다.</p></div>
-    <div class="svc-card" data-view="image" tabindex="0"><div class="row"><h4>🎨 이미지 만들기</h4><span class="svc-st st-live">가동</span></div><p>가게 홍보물, 마을 안내문에 쓸 그림을 말로 설명해 만듭니다.</p></div>
-    <div class="svc-card" data-view="ax" tabindex="0"><div class="row"><h4>🏛️ 엑셀 자동 통합</h4><span class="svc-st st-live">가동</span></div><p>양식이 제각각인 부서 파일을 하나의 표로 합칩니다.</p></div>
-    <div class="svc-card" data-view="chat" data-q="이 파일 내용을 정리해 주세요." tabindex="0"><div class="row"><h4>📎 파일 분석</h4><span class="svc-st st-live">가동</span></div><p>고지서·계약서 사진을 올리면 무슨 내용인지 풀어 설명합니다.</p></div>
-    <div class="svc-card" data-view="chat" data-q="전남광주 통합특별시 관광 명소와 특산품, 교통편을 안내해 주세요." tabindex="0"><div class="row"><h4>🚄 관광·특산·교통</h4><span class="svc-st st-live">가동</span></div><p>명소, 지리적표시 특산품, KTX·공항·페리를 한자리에서.</p></div>
-    <div class="svc-card" data-view="chat" data-q="전남광주통합특별법의 주요 조항을 알려주세요." tabindex="0"><div class="row"><h4>⚖️ 특별법·조례</h4><span class="svc-st st-live">가동</span></div><p>통합특별법과 시 조례 내용을 찾아 설명합니다.</p></div>
-    <div class="svc-card" data-view="chat" data-q="어려운 행정 용어를 어르신도 알아듣기 쉬운 말로 풀어서 설명해 주세요." tabindex="0"><div class="row"><h4>🧓 쉬운 말로 듣기</h4><span class="svc-st st-live">가동</span></div><p>어려운 행정 용어를 알아듣기 쉬운 말로 바꿔 안내합니다.</p></div>
-   </div>
-  </div>
-
-  <div class="svc-group">
-   <h3>준비 중인 서비스</h3>
-   <div class="svc-grid">
-    <div class="svc-card soon"><div class="row"><h4>🔮 사주 라이프차트</h4><span class="svc-st st-soon">준비 중</span></div><p>생년월일시로 백 년 흐름을 그려 보는 남도 전통문화 체험.</p></div>
-    <div class="svc-card soon"><div class="row"><h4>📄 문서 판독</h4><span class="svc-st st-soon">준비 중</span></div><p>손글씨 서식·진단서를 읽어 표로 정리합니다.</p></div>
-    <div class="svc-card soon"><div class="row"><h4>🗣️ 안내 아바타</h4><span class="svc-st st-soon">준비 중</span></div><p>사람 얼굴로 말하며 안내합니다. 글보다 말이 편한 분께.</p></div>
-    <div class="svc-card soon"><div class="row"><h4>☎️ AI 전화상담</h4><span class="svc-st st-soon">준비 중</span></div><p>인터넷을 안 쓰셔도 전화 한 통이면 됩니다.</p></div>
-    <div class="svc-card soon"><div class="row"><h4>🛡️ 어르신 생활반응</h4><span class="svc-st st-soon">준비 중</span></div><p>카메라 없이 집 안 움직임을 살펴 이상이 길어지면 알립니다.</p></div>
-    <div class="svc-card soon"><div class="row"><h4>🌾 영농 상담</h4><span class="svc-st st-soon">준비 중</span></div><p>작물 시기, 판로, 지원 사업을 물어보세요.</p></div>
-    <div class="svc-card soon"><div class="row"><h4>🏢 조달·나라장터</h4><span class="svc-st st-soon">준비 중</span></div><p>우리 시 기업이 낼 수 있는 공고를 찾아 드립니다.</p></div>
-    <div class="svc-card soon"><div class="row"><h4>💡 특허·지식재산</h4><span class="svc-st st-soon">준비 중</span></div><p>아이디어가 이미 나온 것인지 확인하고 출원을 돕습니다.</p></div>
-   </div>
-  </div>
-
- </div>
-</section>
-
-<section id="view-building" hidden>
-  <iframe id="building-frame" title="건축 도면 만들기" src="about:blank"></iframe>
-</section>
-
-<section id="view-office" hidden>
-      <iframe id="office-frame" title="무료 오피스 (HWP·DOCX·XLSX·PPTX·PDF)"
-              allow="clipboard-read; clipboard-write"></iframe>
-    </section>
-
-    <!-- ===== JGOS-Image (Qwen-Image-2512 한글 이미지 생성) ===== -->
-    <section id="view-image" hidden>
-      <div class="img-studio">
-        <div class="img-head">
-          <h2>🎨 이미지 생성 <small>한국형 AI 이미지 · 한국 인물·배경 · 영문 텍스트 · Qwen-Image-2512</small></h2>
-        </div>
-        <div class="img-examples">
-          <button class="img-ex" data-p="전남광주 통합특별시 출범 기념 포스터, 한국 시민들이 함께 모인 장면, 영문 제목 'Better Together', 밝고 희망찬">🎌 출범 포스터</button>
-          <button class="img-ex" data-p="보성 녹차밭 관광 포스터, 한국 전통 정취, 영문 문구 'Green Healing Tour', 청량하고 시원한">🍃 관광 홍보</button>
-          <button class="img-ex" data-p="민원 안내 인포그래픽, 깔끔한 한국 행정 디자인, 영문 제목 'Civil Service Guide', 아이콘">📋 민원 안내</button>
-          <button class="img-ex" data-p="전남 청정 농수산물 홍보, 한국 농촌 배경, 영문 문구 'Fresh Local Food', 풍성한">🌾 특산물</button>
-        </div>
-        <div class="img-opts">
-          <label class="img-opt-label">📐 비율
-            <select id="img-ratio">
-              <option value="1:1" selected>⬜ 정사각형 1:1</option>
-              <option value="3:4">📄 세로 3:4 (포스터)</option>
-              <option value="9:16">📱 세로 9:16 (모바일)</option>
-              <option value="4:3">🖼️ 가로 4:3</option>
-              <option value="16:9">🖥️ 가로 16:9 (배너)</option>
-            </select>
-          </label>
-        </div>
-        <div class="img-input-row">
-          <textarea id="img-prompt" rows="2" placeholder="원하는 이미지를 설명하세요 (예: 여수 밤바다 야경, 영문 문구 'Visit Yeosu')"></textarea>
-          <button id="img-gen-btn">🎨 생성</button>
-        </div>
-        <div id="img-status" class="img-status" hidden></div>
-        <div id="img-result" class="img-result"></div>
-        <div class="img-foot">⚖️ AI 생성 이미지 · 공식 행정자료 아님 · 상업적 이용 시 별도 검토</div>
-      </div>
-    </section>
-
-    <!-- ===== 🎓 AI 교육 (AI 시민 대학) ===== -->
-    <section id="view-edu" hidden>
-      <div class="edu-wrap">
-        <div class="edu-head">
-          <h2>🎓 AI 시민 대학 <small>AI 선생님에게 배우고 바로 실습하세요 · 누구나 무료</small></h2>
-        </div>
-        <div class="edu-cat-title">📱 JGOS 100% 활용</div>
-        <div class="edu-cards">
-          <button class="edu-card" data-q="JGOS에서 민원을 어떻게 물어보나요? 처음 쓰는 사람도 알 수 있게 쉽게 알려주세요." data-go="chat">① 민원 물어보기</button>
-          <button class="edu-card" data-q="JGOS 무료 오피스로 한글(HWP) 문서를 편집하고 저장하는 법을 알려주세요." data-go="office">② HWP 편집</button>
-          <button class="edu-card" data-q="JGOS 이미지 생성 기능 사용법과 좋은 설명(프롬프트) 쓰는 법을 알려주세요." data-go="image">③ 이미지 생성</button>
-          <button class="edu-card" data-q="JGOS에 PDF나 사진 파일을 올려서 내용을 분석하는 방법을 알려주세요." data-go="chat">④ 파일 분석</button>
-        </div>
-        <div class="edu-cat-title">🤖 AI 기본 소양</div>
-        <div class="edu-cards">
-          <button class="edu-card" data-q="AI가 무엇인지 어르신도 이해하기 쉽게 비유를 들어 설명해주세요.">⑤ AI란 무엇?</button>
-          <button class="edu-card" data-q="AI에게 질문을 잘 하는 방법(프롬프트)을 쉬운 예시와 함께 알려주세요.">⑥ 질문 잘하기</button>
-          <button class="edu-card" data-q="AI가 만든 가짜 정보(환각)를 구별하고 조심하는 방법을 알려주세요.">⑦ 가짜정보 판별</button>
-          <button class="edu-card" data-q="AI를 사용할 때 내 개인정보를 안전하게 지키는 방법을 알려주세요.">⑧ 개인정보 보호</button>
-        </div>
-        <div class="edu-cat-title">🌱 생활 맞춤</div>
-        <div class="edu-cards">
-          <button class="edu-card" data-q="컴퓨터가 익숙하지 않은 어르신을 위해 AI를 처음 사용하는 법을 아주 쉽고 천천히 알려주세요.">⑨ 어르신 첫걸음</button>
-          <button class="edu-card" data-q="소상공인이 AI로 가게 홍보물과 안내 문서를 만드는 방법을 알려주세요.">⑩ 소상공인 홍보</button>
-          <button class="edu-card" data-q="학생이 AI를 공부와 학습에 올바르고 똑똑하게 활용하는 방법을 알려주세요.">⑪ 학생 학습</button>
-          <button class="edu-card" data-q="농어민이 AI로 농수산물 홍보·판매와 영농 정보를 활용하는 방법을 알려주세요.">⑫ 농어민 활용</button>
-        </div>
-        <div class="edu-teacher">
-          <div class="edu-teacher-head">🧑‍🏫 AI 선생님 — 무엇이든 편하게 물어보세요</div>
-          <div id="edu-messages" class="edu-messages"></div>
-          <div id="edu-goto" class="edu-goto" hidden></div>
-          <div class="edu-input-row">
-            <textarea id="edu-input" rows="1" placeholder="예: AI가 뭐예요?  /  프롬프트가 뭔가요?"></textarea>
-            <button id="edu-send">질문</button>
-          </div>
-        </div>
-        <div class="edu-foot">🎓 전남광주 통합특별시 AI 시민 대학 · 모든 시민 무료 · 위 강의를 누르면 AI 선생님이 설명해 드려요</div>
-      </div>
-    </section>
-
-    <!-- ===== 🏛️ 행정 AX 데이터 통합 (테스트 데모) ===== -->
-    <section id="view-ax" hidden>
-      <div class="ax-container">
-        <div class="ax-header">
-          <h2>🏛️ 행정 AX 데이터 통합 — 테스트 데모</h2>
-          <p class="ax-desc">이종 파일 포맷·서식의 행정 데이터를 자동으로 인식·정규화·통합합니다</p>
-        </div>
-
-        <!-- Demo 1: 이종 Excel 통합 -->
-        <div class="ax-demo-card">
-          <div class="ax-demo-header">
-            <span class="ax-demo-badge">Demo 1</span>
-            <h3>📊 이종 Excel 자동 통합</h3>
-            <p>27개 지자체가 제각각 다른 서식으로 제출한 Excel을 자동으로 표준화·통합합니다</p>
-          </div>
-          <div class="ax-demo-files">
-            <div class="ax-files-label">📁 예제 파일 (클릭하여 미리보기)</div>
-            <div class="ax-file-icons" id="ax-excel-demos"><!-- JS로 채움 --></div>
-          </div>
-          <div class="ax-upload-zone" id="ax-excel-drop">
-            <div class="ax-upload-inner">
-              <span class="ax-upload-icon">📤</span>
-              <div>Excel/CSV 파일을 여기에 드래그하거나 클릭하세요</div>
-              <div class="ax-upload-hint">XLSX, XLS, CSV — 여러 파일 동시 업로드 가능</div>
-            </div>
-            <input type="file" id="ax-excel-input" hidden multiple accept=".xlsx,.xls,.csv">
-          </div>
-          <div class="ax-actions">
-            <button class="ax-btn ax-btn-primary" id="ax-excel-run" disabled>
-              <span>⚡</span> 통합 실행
-            </button>
-            <span class="ax-file-count" id="ax-excel-count"></span>
-          </div>
-          <div class="ax-result-area" id="ax-excel-result" hidden></div>
-        </div>
-
-        <!-- Demo 2: 이종 포맷 통합 -->
-        <div class="ax-demo-card">
-          <div class="ax-demo-header">
-            <span class="ax-demo-badge ax-demo-badge-2">Demo 2</span>
-            <h3>🗂️ 이종 포맷 자동 통합</h3>
-            <p>HWP, XLSX, CSV, PPTX, DOCX, PDF — 7가지 다른 포맷의 데이터를 하나의 표로 통합합니다</p>
-          </div>
-          <div class="ax-demo-files">
-            <div class="ax-files-label">📁 예제 파일 7종 (클릭하여 미리보기)</div>
-            <div class="ax-file-icons" id="ax-format-demos"><!-- JS로 채움 --></div>
-          </div>
-          <div class="ax-upload-zone" id="ax-format-drop">
-            <div class="ax-upload-inner">
-              <span class="ax-upload-icon">📤</span>
-              <div>이종 포맷 파일을 여기에 드래그하거나 클릭하세요</div>
-              <div class="ax-upload-hint">HWPX, XLSX, CSV, PPTX, DOCX, PDF — 혼합 업로드 가능</div>
-            </div>
-            <input type="file" id="ax-format-input" hidden multiple accept=".hwp,.hwpx,.xlsx,.xls,.csv,.docx,.pptx,.pdf">
-          </div>
-          <div class="ax-actions">
-            <button class="ax-btn ax-btn-primary ax-btn-2" id="ax-format-run" disabled>
-              <span>⚡</span> 통합 실행
-            </button>
-            <span class="ax-file-count" id="ax-format-count"></span>
-          </div>
-          <div class="ax-result-area" id="ax-format-result" hidden></div>
-        </div>
-      </div>
-
-      <!-- 파일 미리보기 모달 -->
-      <div id="ax-modal" class="ax-modal-overlay" hidden>
-        <div class="ax-modal-box">
-          <div class="ax-modal-header">
-            <span id="ax-modal-title">파일 미리보기</span>
-            <button class="ax-modal-close" id="ax-modal-close">✕</button>
-          </div>
-          <div class="ax-modal-body" id="ax-modal-body">
-            <div class="ax-loading">⏳ 불러오는 중...</div>
-          </div>
-        </div>
-      </div>
-    </section>
-  </main>
-
-  <!-- 모바일 사이드바 백드롭 -->
-  <div id="sidebar-backdrop" hidden></div>
-</div>
-
-<div id="drag-overlay" hidden>
-  <div class="drop-card">
-    📂 여기에 파일을 놓으세요
-    <small>HWP · HWPX · PDF · DOCX · PPTX · XLSX · CSV · 이미지<br>(ESC 또는 클릭으로 닫기)</small>
-  </div>
-</div>
-
-<script src="/static/jgos_app_v611.js?v=612"></script>
-
-<script>
-/* JGOS AX 미리보기 — 인라인 (캐시 우회, v611-INLINE) */
-window.axPreviewDemo = async function(filename, label){
-  var modal=document.getElementById("ax-modal");
-  var body=document.getElementById("ax-modal-body");
-  var title=document.getElementById("ax-modal-title");
-  if(!modal||!body)return;
-  if(title)title.textContent="\uD83D\uDCC4 "+label+" \u2014 \uBBF8\uB9AC\uBCF4\uAE30";
-  body.innerHTML='<div class="ax-loading">\u23F3 \uBD88\uB7EC\uC624\uB294 \uC911... [INLINE]</div>';
-  modal.hidden=false;
-  try{
-    var r=await fetch("/api/demo/preview/"+encodeURIComponent(filename)+"?t="+Date.now());
-    if(!r.ok){body.innerHTML="<p style=\'color:#b91c1c\'>\uC11C\uBC84 \uC624\uB958 ("+r.status+")</p>";return;}
-    var d=await r.json();
-    body.innerHTML=(d.rows>0)?(d.html||"<p>\uBE48 \uACB0\uACFC</p>"):"<p style=\'color:#92400e\'>\u26A0\uFE0F \uD30C\uC2F1 \uC2E4\uD328</p>";
-  }catch(e){
-    body.innerHTML="<p style=\'color:red\'>\uC624\uB958: "+(e&&e.message?e.message:e)+"</p>";
-  }
-};
-/* 칩 onclick 재바인딩 (외부 js가 이미 그렸어도 인라인 함수로 연결) */
-(function(){
-  function rebind(){
-    document.querySelectorAll(".ax-file-chip").forEach(function(chip){
-      chip.onclick=function(){ window.axPreviewDemo(chip.dataset.demo, chip.dataset.label); };
-    });
-  }
-  if(document.readyState!=="loading")setTimeout(rebind,300);
-  else document.addEventListener("DOMContentLoaded",function(){setTimeout(rebind,300);});
-  // 탭 전환 후에도 재바인딩
-  document.addEventListener("click",function(e){
-    var t=e.target.closest&&e.target.closest('[data-view="ax"]');
-    if(t)setTimeout(rebind,400);
-  });
-})();
-console.log("[JGOS] AX inline preview v611-INLINE loaded");
-</script>
-
-
-<script>
-/* JGOS AX 예제 바로 실행 버튼 — DEMO-RUN-v1 */
-(function(){
-  async function runDemoMerge(btn, resultId, demoType){
-    var result=document.getElementById(resultId);
-    var old=btn.innerHTML; btn.disabled=true; btn.innerHTML="\u23F3 \uD1B5\uD569 \uC911...";
-    if(result){result.hidden=false;result.innerHTML='<div class="ax-loading">\u23F3 \uC608\uC81C \uD1B5\uD569 \uC911...</div>';}
-    try{
-      var r=await fetch("/api/demo/merge/"+demoType+"?t="+Date.now());
-      var d=await r.json();
-      if(result){
-        var src=(d.sources||[]).map(function(s){return '<span class="ax-source-chip">'+(s["\uD3EC\uB9F7"]||"")+' '+s["\uD30C\uC77C"]+' ('+s["\uAC74\uC218"]+'\uAC74)</span>';}).join("");
-        result.innerHTML='<div class="ax-source-list">'+src+'</div>'+(d.html||"");
-      }
-    }catch(e){if(result)result.innerHTML="<p style=\'color:red\'>\uC624\uB958: "+(e&&e.message?e.message:e)+"</p>";}
-    btn.disabled=false; btn.innerHTML=old;
-  }
-  function addBtn(runBtnId, resultId, demoType){
-    var runBtn=document.getElementById(runBtnId);
-    if(!runBtn) return;
-    if(document.getElementById(runBtnId+"-demo")) return;
-    var btn=document.createElement("button");
-    btn.id=runBtnId+"-demo";
-    btn.className=runBtn.className;
-    btn.style.background="#0d7377";
-    btn.style.marginLeft="8px";
-    btn.innerHTML="\uD83D\uDCC2 \uC608\uC81C\uB85C \uBC14\uB85C \uD1B5\uD569";
-    runBtn.parentNode.insertBefore(btn, runBtn.nextSibling);
-    btn.onclick=function(){ runDemoMerge(btn, resultId, demoType); };
-  }
-  function setup(){
-    addBtn("ax-excel-run","ax-excel-result","excel");
-    addBtn("ax-format-run","ax-format-result","formats");
-  }
-  if(document.readyState!=="loading") setTimeout(setup,500);
-  else document.addEventListener("DOMContentLoaded",function(){setTimeout(setup,500);});
-  document.addEventListener("click",function(e){
-    var t=e.target.closest&&e.target.closest('[data-view="ax"]');
-    if(t) setTimeout(setup,500);
-  });
-  console.log("[JGOS] AX demo-run buttons v1 loaded");
-})();
-</script>
-
-
-<script>
-/* AX-INTEGRATE-v2: 통합 결과 표시 + XLSX 다운로드 */
-(function(){
-  function chip(s){return '<span class="ax-source-chip">'+(s["\uD3EC\uB9F7"]||"")+" "+(s["\uD30C\uC77C"]||"")+" ("+(s["\uAC74\uC218"]||0)+"\uAC74)</span>";}
-  window.__axShow=function(resultId,d){
-    var result=document.getElementById(resultId);
-    if(!result)return;
-    result.hidden=false;
-    var src=(d.sources||[]).map(chip).join("");
-    result.innerHTML='<div class="ax-source-list">'+src+'</div>'+(d.html||"");
-    if(d.records&&d.records.length){
-      var dl=document.createElement("button");
-      dl.style.cssText="background:#1d6f42;color:#fff;margin-top:14px;padding:11px 24px;border:none;border-radius:9px;font-weight:700;cursor:pointer;font-size:0.95rem";
-      dl.textContent="\uD83D\uDCE5 \uD1B5\uD569\uBCF8 XLSX \uB2E4\uC6B4\uB85C\uB4DC ("+d.records.length+"\uAC74)";
-      dl.onclick=async function(){
-        var o=dl.textContent; dl.disabled=true; dl.textContent="\u23F3 \uC0DD\uC131 \uC911...";
-        try{
-          var rr=await fetch("/api/export/xlsx",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({records:d.records,title:"JGOS \uD589\uC815AX \uD1B5\uD569\uACB0\uACFC"})});
-          if(!rr.ok)throw new Error("\uC11C\uBC84 "+rr.status);
-          var b=await rr.blob(); var u=URL.createObjectURL(b);
-          var a=document.createElement("a"); a.href=u; a.download="JGOS_\uD589\uC815AX_\uD1B5\uD569\uACB0\uACFC.xlsx";
-          document.body.appendChild(a); a.click(); a.remove(); URL.revokeObjectURL(u);
-        }catch(e){alert("\uB2E4\uC6B4\uB85C\uB4DC \uC2E4\uD328: "+(e.message||e));}
-        dl.disabled=false; dl.textContent=o;
-      };
-      result.appendChild(dl);
-    }
-  };
-  async function exampleMerge(btn,resultId,type){
-    var o=btn.innerHTML; btn.disabled=true; btn.innerHTML="\u23F3 \uD1B5\uD569 \uC911...";
-    var result=document.getElementById(resultId);
-    if(result){result.hidden=false;result.innerHTML='<div class="ax-loading">\u23F3 \uC608\uC81C \uD1B5\uD569 \uC911...</div>';}
-    try{var r=await fetch("/api/demo/merge/"+type+"?t="+Date.now());var d=await r.json();window.__axShow(resultId,d);}
-    catch(e){if(result)result.innerHTML="<p style=\'color:red\'>\uC624\uB958: "+(e.message||e)+"</p>";}
-    btn.disabled=false; btn.innerHTML=o;
-  }
-  async function uploadMerge(btn,inputId,resultId,apiPath){
-    var input=document.getElementById(inputId);
-    if(!input||!input.files||!input.files.length){alert("\uD30C\uC77C\uC744 \uC120\uD0DD\uD558\uC138\uC694");return;}
-    var o=btn.innerHTML; btn.disabled=true; btn.innerHTML="\u23F3 \uD1B5\uD569 \uC911...";
-    var result=document.getElementById(resultId);
-    if(result){result.hidden=false;result.innerHTML='<div class="ax-loading">\u23F3 \uD1B5\uD569 \uC911...</div>';}
-    var fd=new FormData(); for(var i=0;i<input.files.length;i++)fd.append("files",input.files[i]);
-    try{var r=await fetch(apiPath,{method:"POST",body:fd});var d=await r.json();window.__axShow(resultId,d);}
-    catch(e){if(result)result.innerHTML="<p style=\'color:red\'>\uC624\uB958: "+(e.message||e)+"</p>";}
-    btn.disabled=false; btn.innerHTML=o;
-  }
-  function setup(){
-    var er=document.getElementById("ax-excel-run");
-    if(er)er.onclick=function(){uploadMerge(er,"ax-excel-input","ax-excel-result","/api/excel/merge");};
-    var fr=document.getElementById("ax-format-run");
-    if(fr)fr.onclick=function(){uploadMerge(fr,"ax-format-input","ax-format-result","/api/files/merge-formats");};
-    [["ax-excel-run","ax-excel-result","excel"],["ax-format-run","ax-format-result","formats"]].forEach(function(x){
-      var run=document.getElementById(x[0]); if(!run)return;
-      var id=x[0]+"-demo"; var b=document.getElementById(id);
-      if(!b){b=document.createElement("button");b.id=id;b.className=run.className;b.style.background="#0d7377";b.style.marginLeft="8px";b.innerHTML="\uD83D\uDCC2 \uC608\uC81C\uB85C \uBC14\uB85C \uD1B5\uD569";run.parentNode.insertBefore(b,run.nextSibling);}
-      b.onclick=function(){exampleMerge(b,x[1],x[2]);};
-    });
-  }
-  if(document.readyState!=="loading")setTimeout(setup,600);
-  else document.addEventListener("DOMContentLoaded",function(){setTimeout(setup,600);});
-  document.addEventListener("click",function(e){var t=e.target.closest&&e.target.closest('[data-view="ax"]');if(t)setTimeout(setup,600);});
-  console.log("[JGOS] AX integrate+download v2 loaded");
-})();
-</script>
-
-
-<script id="jgos-home-js">
-/* 서비스 첫화면 + 건축도면 뷰 — 기존 showView/switchTab 을 감싸서 확장 (원본 JS 무수정) */
-(function(){
-  var home=document.getElementById('view-home');
-  var build=document.getElementById('view-building');
-  var frame=document.getElementById('building-frame');
-  var chat=document.getElementById('view-chat');
-  var loaded=false;
-  function paint(name){
-    home.hidden = name!=='home';
-    build.hidden = name!=='building';
-    if(name==='building' && !loaded){ frame.src='https://VIDraft-building.hf.space/'; loaded=true; }
-    if(name==='home'||name==='building'){ if(chat) chat.style.display='none'; }
-  }
-  function go(name){
-    document.querySelectorAll('.top-tab').forEach(function(t){
-      t.classList.toggle('active', t.dataset.view===name);
-    });
-    if(typeof showView==='function') showView(name==='home'||name==='building' ? '__none__' : name);
-    paint(name);
-  }
-  window.jgosGo = go;
-  document.querySelectorAll('.top-tab').forEach(function(t){
-    t.addEventListener('click', function(){ go(t.dataset.view); });
-  });
-  document.addEventListener('click', function(e){
-    var c=e.target.closest('.svc-card, .svc-hero');
-    if(!c || c.classList.contains('soon')) return;
-    var v=c.dataset.view; if(!v) return;
-    go(v);
-    if(v==='chat' && c.dataset.q){
-      var box=document.querySelector('#composer-input, #input, textarea');
-      if(box){ box.value=c.dataset.q; box.focus(); }
-    }
-  });
-  go('home');   /* 첫 화면 = 서비스 */
-})();
-</script>
-</body>
-</html>
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+<meta name="theme-color" content="#0052a4">
+<title>[제안 테스트] JGOS · 행정 AI 서비스 특화 모델</title>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link rel="stylesheet" href="/static/style.css?v=20260612a">
+<script src="https://cdn.jsdelivr.net/npm/marked@14.1.3/marked.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/dompurify@3.1.7/dist/purify.min.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/github.min.css">
+<script src="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/highlight.min.js"></script>
+<style id="ax-modal-fix">#ax-modal[hidden]{display:none !important;}</style>
+
+
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css">
+<style id="jgos-apple-css">
+:root{
+  --bg:#F5F5F7; --surface:#FFFFFF; --surface-2:rgba(255,255,255,.72);
+  --ink:#1D1D1F; --ink-2:#4B4F55; --ink-3:#86868B; --hair:rgba(0,0,0,.09);
+  --blue:#0071E3; --green:#00875A; --amber:#8A6414;
+  --r-lg:22px; --r-md:16px;
+  --sh:0 1px 2px rgba(0,0,0,.04), 0 12px 32px -20px rgba(0,0,0,.30);
+  --sh-hi:0 2px 6px rgba(0,0,0,.06), 0 24px 48px -24px rgba(0,0,0,.34);
+}
+@media (prefers-color-scheme: dark){
+  :root{
+    --bg:#000000; --surface:#1C1C1E; --surface-2:rgba(28,28,30,.72);
+    --ink:#F5F5F7; --ink-2:#C7C9CC; --ink-3:#8E8E93; --hair:rgba(255,255,255,.12);
+    --blue:#0A84FF; --green:#30D158; --amber:#FFD60A;
+    --sh:0 1px 2px rgba(0,0,0,.5), 0 12px 32px -20px rgba(0,0,0,.9);
+    --sh-hi:0 2px 8px rgba(0,0,0,.6), 0 24px 56px -26px rgba(0,0,0,1);
+  }
+}
+body,#app,#main{background:var(--bg)!important;color:var(--ink)!important;
+  font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",system-ui,sans-serif!important;
+  -webkit-font-smoothing:antialiased;letter-spacing:-.011em}
+
+#topbar{background:var(--surface-2)!important;backdrop-filter:saturate(180%) blur(20px);
+  -webkit-backdrop-filter:saturate(180%) blur(20px);
+  border-bottom:1px solid var(--hair)!important;box-shadow:none!important}
+.title-main{font-size:17px!important;font-weight:650!important;letter-spacing:-.02em!important;color:var(--ink)!important}
+.title-sub{font-size:12.5px!important;color:var(--ink-3)!important;font-weight:400!important}
+.top-tabs{gap:2px!important}
+.top-tab{background:transparent!important;border:0!important;color:var(--ink-2)!important;
+  font-size:13.5px!important;font-weight:500!important;padding:7px 13px!important;border-radius:980px!important;
+  transition:background .18s,color .18s}
+.top-tab:hover{background:rgba(127,127,127,.12)!important;color:var(--ink)!important}
+.top-tab.active{background:var(--ink)!important;color:var(--bg)!important;font-weight:600!important}
+#sidebar{background:var(--surface-2)!important;backdrop-filter:blur(20px);border-right:1px solid var(--hair)!important}
+.status-pill{border-radius:980px!important;font-size:11.5px!important;color:var(--ink-3)!important;background:transparent!important;border:1px solid var(--hair)!important}
+
+#view-home{padding:0 0 88px;overflow-y:auto;background:var(--bg)}
+.svc-wrap{max-width:1040px;margin:0 auto;padding:0 22px}
+.svc-hero{position:relative;margin:44px 0 40px;padding:64px 48px;border-radius:var(--r-lg);
+  background:linear-gradient(158deg,#0A2540 0%,#123A63 45%,#0071E3 130%);color:#fff;cursor:pointer;
+  overflow:hidden;box-shadow:var(--sh);transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
+.svc-hero::after{content:"";position:absolute;inset:auto -18% -62% auto;width:520px;height:520px;border-radius:50%;
+  background:radial-gradient(circle,rgba(255,255,255,.16),transparent 66%);pointer-events:none}
+.svc-hero:hover{transform:translateY(-3px);box-shadow:var(--sh-hi)}
+.svc-hero .eyebrow{font-size:12.5px;letter-spacing:.02em;font-weight:600;color:rgba(255,255,255,.72)}
+.svc-hero h2{margin:14px 0 12px;font-size:clamp(32px,5vw,52px);font-weight:700;letter-spacing:-.035em;line-height:1.08}
+.svc-hero p{margin:0;font-size:17px;line-height:1.62;color:rgba(255,255,255,.88);max-width:34em;font-weight:400}
+.svc-hero .go{display:inline-flex;align-items:center;gap:7px;margin-top:26px;background:#fff;color:#0A2540;
+  border-radius:980px;padding:12px 24px;font-weight:600;font-size:15px;letter-spacing:-.01em}
+
+.svc-group{margin-top:52px}
+.svc-group h3{font-size:26px;font-weight:680;letter-spacing:-.025em;margin:0 0 20px;padding:0;border:0;color:var(--ink)}
+.svc-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(238px,1fr))}
+.svc-card{background:var(--surface);border:0;border-radius:var(--r-md);padding:24px 22px 20px;
+  display:flex;flex-direction:column;gap:8px;cursor:pointer;box-shadow:var(--sh);
+  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}
+.svc-card:hover,.svc-card:focus-visible{transform:translateY(-4px);box-shadow:var(--sh-hi);outline:none}
+.svc-card .row{display:flex;align-items:flex-start;gap:9px}
+.svc-card h4{margin:0;font-size:17px;font-weight:620;letter-spacing:-.02em;line-height:1.35;color:var(--ink)}
+.svc-card p{margin:0;font-size:13.5px;line-height:1.62;color:var(--ink-3);font-weight:400}
+.svc-st{flex:none;margin-left:auto;font-size:11px;font-weight:600;padding:3px 9px;border-radius:980px;white-space:nowrap}
+.st-live{background:rgba(0,135,90,.11);color:var(--green)}
+.st-soon{background:rgba(138,100,20,.12);color:var(--amber)}
+.svc-card.soon{cursor:default;box-shadow:none;background:transparent;border:1px solid var(--hair)}
+.svc-card.soon:hover{transform:none;box-shadow:none}
+
+#view-saju{padding:0 0 88px;overflow-y:auto;background:var(--bg)}
+.saju-wrap{max-width:880px;margin:0 auto;padding:52px 22px 0}
+.saju-head h2{font-size:clamp(30px,4.4vw,44px);font-weight:700;letter-spacing:-.035em;margin:0 0 10px}
+.saju-head p{margin:0 0 30px;color:var(--ink-3);font-size:16px;line-height:1.6}
+.saju-form{background:var(--surface);border-radius:var(--r-md);padding:22px;box-shadow:var(--sh)}
+.saju-row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}
+.saju-row label{display:flex;flex-direction:column;gap:7px;font-size:12.5px;font-weight:600;color:var(--ink-3);flex:1 1 150px}
+.saju-row input,.saju-row select{font-family:inherit;font-size:15px;color:var(--ink);background:var(--bg);
+  border:1px solid var(--hair);border-radius:11px;padding:11px 13px;font-weight:450;-webkit-appearance:none;appearance:none}
+.saju-row input:focus,.saju-row select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3.5px rgba(0,113,227,.16)}
+#sj-go{flex:0 0 auto;background:var(--blue);color:#fff;border:0;border-radius:980px;padding:12px 26px;
+  font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;letter-spacing:-.01em;transition:opacity .18s}
+#sj-go:hover{opacity:.86}
+#sj-go:disabled{opacity:.45;cursor:default}
+.saju-msg{margin-top:18px;padding:14px 16px;border-radius:12px;background:var(--surface);color:var(--ink-2);font-size:14px;box-shadow:var(--sh)}
+.saju-result{margin-top:26px;display:flex;flex-direction:column;gap:16px}
+.sj-card{background:var(--surface);border-radius:var(--r-md);padding:26px 24px;box-shadow:var(--sh)}
+.sj-card h3{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--ink-3)}
+.sj-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
+.sj-p{text-align:center;background:var(--bg);border-radius:13px;padding:18px 8px}
+.sj-p .lab{font-size:11.5px;color:var(--ink-3);font-weight:600}
+.sj-p .han{font-size:clamp(26px,4.6vw,38px);font-weight:600;letter-spacing:-.02em;margin:8px 0 2px;line-height:1.1}
+.sj-p .kor{font-size:13px;color:var(--ink-2)}
+.sj-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
+.sj-tag{background:var(--bg);border-radius:980px;padding:7px 14px;font-size:13px;color:var(--ink-2);font-weight:500}
+.sj-tag b{color:var(--ink);font-weight:640}
+.sj-bars{display:flex;flex-direction:column;gap:11px;margin-top:16px}
+.sj-bar{display:grid;grid-template-columns:34px 1fr 46px;align-items:center;gap:12px;font-size:13.5px}
+.sj-bar .n{font-weight:620;color:var(--ink)}
+.sj-bar .t{height:8px;border-radius:980px;background:rgba(127,127,127,.16);overflow:hidden}
+.sj-bar .f{height:100%;border-radius:980px;background:var(--blue);transition:width .7s cubic-bezier(.2,.8,.2,1)}
+.sj-bar .v{text-align:right;color:var(--ink-3);font-variant-numeric:tabular-nums}
+.saju-note{margin:26px 0 0;font-size:12.5px;color:var(--ink-3);text-align:center}
+
+#view-building,#view-texray{padding:0;background:var(--bg)}
+#building-frame,#texray-frame{width:100%;height:calc(100vh - 168px);border:0;display:block;background:var(--bg)}
+@media(max-width:720px){.svc-hero{padding:44px 26px}.sj-pillars{grid-template-columns:repeat(2,1fr)}}
+@media (prefers-reduced-motion:reduce){*{transition:none!important}}
+</style>
+</head>
+<body>
+<div id="proposal-banner" style="background:#b91c1c;color:#fff;text-align:center;padding:7px 12px;font-size:13px;font-weight:600;line-height:1.45;position:relative;z-index:9999;">⚠️ 본 서비스는 <b>제안용 테스트(시범) 버전</b>입니다 — 실제 행정 서비스가 아니며, 응답의 정확성을 보장하지 않습니다.</div>
+<div id="app">
+
+  <!-- ===== 모바일 햄버거 ===== -->
+  <button id="hamburger-btn" aria-label="메뉴 열기">
+    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+      <line x1="3" y1="6" x2="21" y2="6"/>
+      <line x1="3" y1="12" x2="21" y2="12"/>
+      <line x1="3" y1="18" x2="21" y2="18"/>
+    </svg>
+  </button>
+
+  <!-- ===== 사이드바 ===== -->
+  <aside id="sidebar">
+    <div class="sidebar-head">
+      <div class="brand-top">
+        <div class="emblem">🏛️</div>
+        <div>
+          <div class="brand-title">전남광주 통합특별시</div>
+          <div class="brand-sub">시민의 AI</div>
+        </div>
+      </div>
+      <button id="new-chat-btn" title="새 대화">＋ 새 상담</button>
+    </div>
+    <div class="sidebar-section-label">최근 상담</div>
+    <ul id="chat-list"></ul>
+    <div class="sidebar-foot">
+      <div class="brand-small">
+        <strong>Powered by @비드래프트</strong>
+        <small>JGOS v0.1 preview</small>
+      </div>
+    </div>
+  </aside>
+
+  <main id="main">
+    <!-- ===== 상단 시민포털 헤더 ===== -->
+    <header id="topbar">
+      <div class="topbar-left">
+        <button id="sidebar-toggle" class="mobile-only" aria-label="사이드바">☰</button>
+        <div class="title-block">
+          <div class="title-main">🏛️ 전남광주 통합특별시 · 시민의 AI</div>
+          <div class="title-sub">행정 특화 언어모델 <b>JGOS</b> 탑재 · 행정·법령·관광·민원 안내</div>
+        </div>
+      </div>
+      <nav class="top-tabs">
+        <button class="top-tab active" data-view="home">🏠 서비스</button>
+        <button class="top-tab" data-view="chat">💬 JGOS 챗봇</button>
+        <button class="top-tab" data-view="building">🏗️ 건축 도면</button>
+        <button class="top-tab" data-view="office">📑 무료 오피스</button>
+        <button class="top-tab" data-view="image">🎨 이미지 생성</button>
+        <button class="top-tab" data-view="saju">🔮 사주</button>
+        <button class="top-tab" data-view="texray">🔍 AI 글 판별</button>
+        <button class="top-tab" data-view="ax">🏛️ 행정 AX(테스트)</button>
+      </nav>
+      <div class="topbar-right">
+        <span class="status-pill" id="status">● 정상</span>
+      </div>
+    </header>
+
+    <div id="view-chat">
+    <div id="messages-wrap">
+      <div id="messages"></div>
+
+      <!-- ===== 첫 화면 시민포털 (메시지 0건 시 표시) ===== -->
+      <div id="portal" class="portal">
+        <div class="portal-hero">
+          <div class="hero-emblem">🏛️</div>
+          <h1 class="hero-title">전남광주 통합특별시민과<br>함께하는 AI <strong>JGOS</strong></h1>
+          <p class="hero-sub">행정·민원·법령·관광·교통·문화·통계·산업·농수산 정보를<br>친절하게 안내해 드립니다. 무엇이 궁금하신가요?</p>
+        </div>
+
+        <!-- ===== 방안1: 히어로 파일 드롭존 ===== -->
+        <button class="hero-dropzone" id="hero-dropzone" type="button">
+          <div class="hd-icon">📎</div>
+          <div class="hd-main">파일을 끌어다 놓거나 클릭하세요</div>
+          <div class="hd-sub">HWP · 이미지 · PDF · 엑셀 무엇이든 올리면 <strong>바로 분석</strong>해 드립니다</div>
+          <div class="hd-badge">🇰🇷 타 AI가 못 읽는 <strong>한글 HWP</strong>도 분석하는 sovereign AI</div>
+          <!-- 방안2: 지원 형식 아이콘 띠 -->
+          <div class="fmt-strip">
+            <span class="fmt hwp">HWP</span><span class="fmt hwp">HWPX</span>
+            <span class="fmt pdf">PDF</span><span class="fmt doc">DOCX</span>
+            <span class="fmt xls">XLSX</span><span class="fmt ppt">PPTX</span>
+            <span class="fmt csv">CSV</span><span class="fmt img">이미지</span>
+            <span class="fmt more">+10종</span>
+          </div>
+        </button>
+
+        <!-- 8개 카테고리 큰 카드 -->
+        <div class="cat-grid">
+          <button class="cat-card" data-q="민원 처리 절차와 필요한 서류를 알려주세요.">
+            <div class="cat-emoji">📝</div>
+            <div class="cat-name">민원</div>
+            <div class="cat-desc">절차·서류·전화</div>
+          </button>
+          <button class="cat-card" data-q="전남광주통합특별법의 주요 조항을 알려주세요.">
+            <div class="cat-emoji">📜</div>
+            <div class="cat-name">법령</div>
+            <div class="cat-desc">특별법·조례</div>
+          </button>
+          <button class="cat-card" data-q="전남광주 통합특별시 관광 명소를 추천해 주세요.">
+            <div class="cat-emoji">🗺️</div>
+            <div class="cat-name">관광</div>
+            <div class="cat-desc">22 시군 + 5구</div>
+          </button>
+          <button class="cat-card" data-q="전남광주 통합특별시 교통편을 안내해 주세요.">
+            <div class="cat-emoji">🚆</div>
+            <div class="cat-name">교통</div>
+            <div class="cat-desc">KTX·공항·페리</div>
+          </button>
+          <button class="cat-card" data-q="전남광주 통합특별시의 농수산 특산품을 알려주세요.">
+            <div class="cat-emoji">🌾</div>
+            <div class="cat-name">농수산</div>
+            <div class="cat-desc">GI 특산·수산물</div>
+          </button>
+          <button class="cat-card" data-q="전남광주 통합특별시의 주요 산업과 경제 규모를 알려주세요.">
+            <div class="cat-emoji">🏭</div>
+            <div class="cat-name">산업</div>
+            <div class="cat-desc">경제·기업</div>
+          </button>
+          <button class="cat-card" data-q="전남광주 통합특별시의 인구 통계와 지역 현황을 알려주세요.">
+            <div class="cat-emoji">📊</div>
+            <div class="cat-name">통계</div>
+            <div class="cat-desc">인구·경제</div>
+          </button>
+          <button class="cat-card" data-attach="true">
+            <div class="cat-emoji">📎</div>
+            <div class="cat-name">첨부문서</div>
+            <div class="cat-desc">HWP·PDF·이미지</div>
+          </button>
+        </div>
+
+        <!-- 추천 질문 (자주 묻는) -->
+        <div class="quick-section">
+          <div class="quick-label">자주 묻는 질문</div>
+          <div class="quick-grid">
+            <button class="quick-btn" data-q="전남광주 통합특별시장과 광주 5개 구청장, 전남 시장·군수 당선인이 각각 누구인가요?">🏛️ 지자체장 당선인</button>
+            <button class="quick-btn" data-q="전남광주(광주·전남) 지역구 국회의원 명단을 알려주세요.">🗳️ 지역구 국회의원</button>
+            <button class="quick-btn" data-q="주민등록증 재발급 절���와 필요한 서류는?">📇 주민등록증 재발급</button>
+            <button class="quick-btn" data-q="전남광주 통합특별시 인구는?">👥 통합특별시 인구</button>
+            <button class="quick-btn" data-q="보성 녹차밭 관광 안내 부탁해.">🍃 보성 녹차밭</button>
+            <button class="quick-btn" data-q="전남광주통합특별법 제6조 내용은?">📜 특별법 제6조</button>
+            <button class="quick-btn" data-q="전남광주 통합특별시청 대표 전화번호와 부서 안내는?">📞 시청 대표번호</button>
+            <button class="quick-btn" data-q="여수에서 가볼 만한 곳 3곳만 추천해.">🏖️ 여수 가볼 곳</button>
+            <button class="quick-btn" data-q="5·18 민주화운동 기록관 위치와 관람 안내는?">🏛️ 5·18 기록관</button>
+            <button class="quick-btn" data-q="2026년 7월 1일 전남광주 통합특별시 출범의 의미와 일정은?">🎌 7·1 출범</button>
+          </div>
+        </div>
+
+        <!-- 신뢰 배지 (첫 화면 only — NIA 본문은 composer footer에서 영구 표시) -->
+        <div class="portal-foot">
+          <div class="trust-line">
+            <span class="trust-badge">🔒 sovereign AI</span>
+            <span class="trust-badge">📅 기준일 2026-06-01</span>
+            <span class="trust-badge">📚 RAG 21,192 청크</span>
+            <span class="trust-badge">⚖️ 정식 행정 안내 아님 · 062-120 확인 권장</span>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- ===== 입력 영역 ===== -->
+    <footer id="composer">
+      <div class="warn-bar" id="warn-bar" hidden>
+        ✅ 2026년 6월 3일 지방선거 완료 — 민형배 통합특별시장 당선(7월 1일 취임). 단체장·지역구 국회의원 명단 반영 완료.
+      </div>
+      <div class="attach-row" id="attach-row"></div>
+      <div class="input-row">
+        <button id="attach-btn" title="파일 첨부 (HWP/HWPX/PDF/DOCX/PPTX/XLSX/XLS/CSV/이미지)" aria-label="파일 첨부">📎</button>
+        <button id="web-btn" title="웹검색 — 켜면 네이버·웹에서 최신 정보를 함께 검색합니다" aria-label="웹검색 켜기/끄기" aria-pressed="false">🔍</button>
+        <button id="minwon-btn" title="민원 — 켜면 질문을 민원으로 보고 담당 부서·연락처를 찾아드립니다" aria-label="민원 모드 켜기/끄기" aria-pressed="false">📞</button>
+        <input type="file" id="file-input" hidden multiple
+               accept=".hwp,.hwpx,.pdf,.docx,.pptx,.xlsx,.xls,.csv,.txt,.md,.jpg,.jpeg,.png,.gif,.webp">
+        <textarea id="input" rows="1" placeholder="질문을 입력하거나 파일을 첨부하세요 (Shift+Enter 줄바꿈)"></textarea>
+        <button id="send-btn" title="전송 (Enter)" aria-label="전송">
+          <svg viewBox="0 0 24 24" fill="currentColor"><path d="M2.01 21L23 12 2.01 3 2 10l15 2-15 2z"/></svg>
+        </button>
+      </div>
+
+      <!-- ===== NIA K-AI 1위 출처 문구 (항상 표시 — 모든 화면 하단) ===== -->
+      <div class="nia-disclaimer">
+        본 모델은 과학기술정보통신부·한국지능정보사회진흥원(NIA) K-AI 리더보드 1위 달성 모델을 기반으로,
+        전남광주 통합특별시 관련 공개정보를 추가 학습·최적화한 한국어 특화 모델입니다.
+        한국어 처리 능력과 한국 문화·사회·행정·전문 분야에 대한 이해를 바탕으로
+        시민 질의에 정확하고 친절하게 응답합니다.
+      </div>
+    </footer>
+    </div><!-- /view-chat -->
+
+    <!-- ===== 무료 오피스 (HanSoo 엔진 흡수 · same-origin iframe 임베디드) ===== -->
+    
+<section id="view-home" hidden>
+ <div class="svc-wrap">
+
+  <div class="svc-hero" data-view="chat">
+    <div class="eyebrow">가장 먼저 · 무엇이든 물어보세요</div>
+    <h2>JGOS 챗봇</h2>
+    <p>전입신고부터 재산세 납부 기한까지. 전남광주 통합특별시 행정에 맞춰 만든 우리 시 전용 AI가 24시간 답합니다.</p>
+    <span class="go">상담 시작하기 →</span>
+  </div>
+
+  <div class="svc-group">
+   <h3>지금 바로 쓰는 서비스</h3>
+   <div class="svc-grid">
+    <div class="svc-card" data-view="building" tabindex="0"><div class="row"><h4>🏗️ 건축 도면 만들기</h4><span class="svc-st st-live">가동</span></div><p>말로 설명하면 평면도와 도면 파일(DXF)을 만들어 드립니다.</p></div>
+    <div class="svc-card" data-view="office" tabindex="0"><div class="row"><h4>📑 무료 오피스</h4><span class="svc-st st-live">가동</span></div><p>한글(HWP)·PDF 문서를 설치 없이 열고 고치고 저장합니다.</p></div>
+    <div class="svc-card" data-view="image" tabindex="0"><div class="row"><h4>🎨 이미지 만들기</h4><span class="svc-st st-live">가동</span></div><p>가게 홍보물, 마을 안내문에 쓸 그림을 말로 설명해 만듭니다.</p></div>
+    <div class="svc-card" data-view="ax" tabindex="0"><div class="row"><h4>🏛️ 엑셀 자동 통합</h4><span class="svc-st st-live">가동</span></div><p>양식이 제각각인 부서 파일을 하나의 표로 합칩니다.</p></div>
+    <div class="svc-card" data-view="chat" data-q="이 파일 내용을 정리해 주세요." tabindex="0"><div class="row"><h4>📎 파일 분석</h4><span class="svc-st st-live">가동</span></div><p>고지서·계약서 사진을 올리면 무슨 내용인지 풀어 설명합니다.</p></div>
+    <div class="svc-card" data-view="saju" tabindex="0"><div class="row"><h4>🔮 사주 만세력</h4><span class="svc-st st-live">가동</span></div><p>생년월일시로 사주팔자·오행·십성을 정밀 계산합니다. 절기와 윤달까지 반영.</p></div>
+    <div class="svc-card" data-view="texray" tabindex="0"><div class="row"><h4>🔍 AI 글 판별</h4><span class="svc-st st-live">가동</span></div><p>제출물이 AI로 쓰였는지, 베낀 곳이 있는지 검사합니다.</p></div>
+    <div class="svc-card" data-view="chat" data-q="전남광주 통합특별시 관광 명소와 특산품, 교통편을 안내해 주세요." tabindex="0"><div class="row"><h4>🚄 관광·특산·교통</h4><span class="svc-st st-live">가동</span></div><p>명소, 지리적표시 특산품, KTX·공항·페리를 한자리에서.</p></div>
+    <div class="svc-card" data-view="chat" data-q="전남광주통합특별법의 주요 조항을 알려주세요." tabindex="0"><div class="row"><h4>⚖️ 특별법·조례</h4><span class="svc-st st-live">가동</span></div><p>통합특별법과 시 조례 내용을 찾아 설명합니다.</p></div>
+    <div class="svc-card" data-view="chat" data-q="어려운 행정 용어를 어르신도 알아듣기 쉬운 말로 풀어서 설명해 주세요." tabindex="0"><div class="row"><h4>🧓 쉬운 말로 듣기</h4><span class="svc-st st-live">가동</span></div><p>어려운 행정 용어를 알아듣기 쉬운 말로 바꿔 안내합니다.</p></div>
+   </div>
+  </div>
+
+  <div class="svc-group">
+   <h3>준비 중인 서비스</h3>
+   <div class="svc-grid">
+    <div class="svc-card soon"><div class="row"><h4>📄 문서 판독</h4><span class="svc-st st-soon">준비 중</span></div><p>손글씨 서식·진단서를 읽어 표로 정리합니다.</p></div>
+    <div class="svc-card soon"><div class="row"><h4>🗣️ 안내 아바타</h4><span class="svc-st st-soon">준비 중</span></div><p>사람 얼굴로 말하며 안내합니다. 글보다 말이 편한 분께.</p></div>
+    <div class="svc-card soon"><div class="row"><h4>☎️ AI 전화상담</h4><span class="svc-st st-soon">준비 중</span></div><p>인터넷을 안 쓰셔도 전화 한 통이면 됩니다.</p></div>
+    <div class="svc-card soon"><div class="row"><h4>🛡️ 어르신 생활반응</h4><span class="svc-st st-soon">준비 중</span></div><p>카메라 없이 집 안 움직임을 살펴 이상이 길어지면 알립니다.</p></div>
+    <div class="svc-card soon"><div class="row"><h4>🌾 영농 상담</h4><span class="svc-st st-soon">준비 중</span></div><p>작물 시기, 판로, 지원 사업을 물어보세요.</p></div>
+    <div class="svc-card soon"><div class="row"><h4>🏢 조달·나라장터</h4><span class="svc-st st-soon">준비 중</span></div><p>우리 시 기업이 낼 수 있는 공고를 찾아 드립니다.</p></div>
+    <div class="svc-card soon"><div class="row"><h4>💡 특허·지식재산</h4><span class="svc-st st-soon">준비 중</span></div><p>아이디어가 이미 나온 것인지 확인하고 출원을 돕습니다.</p></div>
+   </div>
+  </div>
+
+ </div>
+</section>
+
+<section id="view-building" hidden>
+  <iframe id="building-frame" title="건축 도면 만들기" src="about:blank"></iframe>
+</section>
+
+
+<section id="view-saju" hidden>
+ <div class="saju-wrap">
+  <div class="saju-head">
+    <h2>🔮 사주 만세력</h2>
+    <p>절기(입춘)와 윤달을 반영한 정밀 계산입니다. 생년월일만 넣으셔도 됩니다.</p>
+  </div>
+  <form class="saju-form" id="saju-form">
+    <div class="saju-row">
+      <label>생년월일<input type="date" id="sj-date" required></label>
+      <label>달력<select id="sj-cal"><option value="0">양력</option><option value="1">음력</option></select></label>
+      <label>성별<select id="sj-gender"><option value="male">남</option><option value="female">여</option></select></label>
+      <label>태어난 시각<select id="sj-hour">
+        <option value="-1">모름</option>
+        <option value="0">자시 23~01</option><option value="2">축시 01~03</option><option value="4">인시 03~05</option>
+        <option value="6">묘시 05~07</option><option value="8">진시 07~09</option><option value="10">사시 09~11</option>
+        <option value="12">오시 11~13</option><option value="14">미시 13~15</option><option value="16">신시 15~17</option>
+        <option value="18">유��� 17~19</option><option value="20">술시 19~21</option><option value="22">해시 21~23</option>
+      </select></label>
+      <button type="submit" id="sj-go">사주 보기</button>
+    </div>
+  </form>
+  <div id="sj-msg" class="saju-msg" hidden></div>
+  <div id="sj-result" class="saju-result" hidden></div>
+  <p class="saju-note">전통 명리학 계산 결과이며, 행정 안내가 아닙니다. 재미로 참고하세요.</p>
+ </div>
+</section>
+
+<section id="view-texray" hidden>
+  <iframe id="texray-frame" title="AI 글 판별" src="about:blank"></iframe>
+</section>
+
+<section id="view-office" hidden>
+      <iframe id="office-frame" title="무료 오피스 (HWP·DOCX·XLSX·PPTX·PDF)"
+              allow="clipboard-read; clipboard-write"></iframe>
+    </section>
+
+    <!-- ===== JGOS-Image (Qwen-Image-2512 한글 이미지 생성) ===== -->
+    <section id="view-image" hidden>
+      <div class="img-studio">
+        <div class="img-head">
+          <h2>🎨 이미지 생성 <small>한국형 AI 이미지 · 한국 인물·배경 · 영문 텍스트 · Qwen-Image-2512</small></h2>
+        </div>
+        <div class="img-examples">
+          <button class="img-ex" data-p="전남광주 통합특별시 출범 기념 포스터, 한국 시민들이 함께 모인 장면, 영문 제목 'Better Together', 밝고 희망찬">🎌 출범 포스터</button>
+          <button class="img-ex" data-p="보성 녹차밭 관광 포스터, 한국 전통 정취, 영문 문구 'Green Healing Tour', 청량하고 시원한">🍃 관광 홍보</button>
+          <button class="img-ex" data-p="민원 안내 인포그래픽, 깔끔한 한국 행정 디자인, 영문 제목 'Civil Service Guide', 아이콘">📋 민원 안내</button>
+          <button class="img-ex" data-p="전남 청정 농수산물 홍보, 한국 농촌 배경, 영문 문구 'Fresh Local Food', 풍성한">🌾 특산물</button>
+        </div>
+        <div class="img-opts">
+          <label class="img-opt-label">📐 비율
+            <select id="img-ratio">
+              <option value="1:1" selected>⬜ 정사각형 1:1</option>
+              <option value="3:4">📄 세로 3:4 (포스터)</option>
+              <option value="9:16">📱 세로 9:16 (모바일)</option>
+              <option value="4:3">🖼️ 가로 4:3</option>
+              <option value="16:9">🖥️ 가로 16:9 (배너)</option>
+            </select>
+          </label>
+        </div>
+        <div class="img-input-row">
+          <textarea id="img-prompt" rows="2" placeholder="원하는 이미지를 설명하세요 (예: 여수 밤바다 야경, 영문 문구 'Visit Yeosu')"></textarea>
+          <button id="img-gen-btn">🎨 생성</button>
+        </div>
+        <div id="img-status" class="img-status" hidden></div>
+        <div id="img-result" class="img-result"></div>
+        <div class="img-foot">⚖️ AI 생성 이미지 · 공식 행정자료 아님 · 상업적 이용 시 별도 검토</div>
+      </div>
+    </section>
+
+    <!-- ===== 🎓 AI 교육 (AI 시민 대학) ===== -->
+    <section id="view-edu" hidden>
+      <div class="edu-wrap">
+        <div class="edu-head">
+          <h2>🎓 AI 시민 대학 <small>AI 선생님에게 배우고 바로 실습하세요 · 누구나 무료</small></h2>
+        </div>
+        <div class="edu-cat-title">📱 JGOS 100% 활용</div>
+        <div class="edu-cards">
+          <button class="edu-card" data-q="JGOS에서 민원을 어떻게 물어보나요? 처음 쓰는 사람도 알 수 있게 쉽게 알려주세요." data-go="chat">① 민원 물어보기</button>
+          <button class="edu-card" data-q="JGOS 무료 오피스로 한글(HWP) 문서를 편집하고 저장하는 법을 알려주세요." data-go="office">② HWP 편집</button>
+          <button class="edu-card" data-q="JGOS 이미지 생성 기능 사용법과 좋은 설명(프롬프트) 쓰는 법을 알려주세요." data-go="image">③ 이미지 생성</button>
+          <button class="edu-card" data-q="JGOS에 PDF나 사진 파일을 올려서 내용을 분석하는 방법을 알려주세요." data-go="chat">④ 파일 분석</button>
+        </div>
+        <div class="edu-cat-title">🤖 AI 기본 소양</div>
+        <div class="edu-cards">
+          <button class="edu-card" data-q="AI가 무엇인지 어르신도 이해하기 쉽게 비유를 들어 설명해주세요.">⑤ AI란 무엇?</button>
+          <button class="edu-card" data-q="AI에게 질문을 잘 하는 방법(프롬프트)을 쉬운 예시와 함께 알려주세요.">⑥ 질문 잘하기</button>
+          <button class="edu-card" data-q="AI가 만든 가짜 정보(환각)를 구별하고 조심하는 방법을 알려주세요.">⑦ 가짜정보 판별</button>
+          <button class="edu-card" data-q="AI를 사용할 때 내 개인정보를 안전하게 지키는 방법을 알려주세요.">⑧ 개인정보 보호</button>
+        </div>
+        <div class="edu-cat-title">🌱 ���활 맞춤</div>
+        <div class="edu-cards">
+          <button class="edu-card" data-q="컴퓨터가 익숙하지 않은 어르신을 위해 AI를 처음 사용하는 법을 아주 쉽고 천천히 알려주세요.">⑨ 어르신 첫걸음</button>
+          <button class="edu-card" data-q="소상공인이 AI로 가게 홍보물과 안내 문서를 만드는 방법을 알려주세요.">⑩ 소상공인 홍보</button>
+          <button class="edu-card" data-q="학생이 AI를 공부와 학습에 올바르고 똑똑하게 활용하는 방법을 알려주세요.">⑪ 학생 학습</button>
+          <button class="edu-card" data-q="농어민이 AI로 농수산물 홍보·판매와 영농 정보를 활용하는 방법을 알려주세요.">⑫ 농어민 활용</button>
+        </div>
+        <div class="edu-teacher">
+          <div class="edu-teacher-head">🧑‍🏫 AI 선생님 — 무엇이든 편하게 물어보세요</div>
+          <div id="edu-messages" class="edu-messages"></div>
+          <div id="edu-goto" class="edu-goto" hidden></div>
+          <div class="edu-input-row">
+            <textarea id="edu-input" rows="1" placeholder="예: AI가 뭐예요?  /  프롬프트가 뭔가요?"></textarea>
+            <button id="edu-send">질문</button>
+          </div>
+        </div>
+        <div class="edu-foot">🎓 전남광주 통합특별시 AI 시민 대학 · 모든 시민 무료 · 위 강의를 누르면 AI 선생님이 설명해 드려요</div>
+      </div>
+    </section>
+
+    <!-- ===== 🏛️ 행정 AX 데이터 통합 (테스트 데모) ===== -->
+    <section id="view-ax" hidden>
+      <div class="ax-container">
+        <div class="ax-header">
+          <h2>🏛️ 행정 AX 데이터 통합 — 테스트 데모</h2>
+          <p class="ax-desc">이종 파일 포맷·서식의 행정 데이터를 자동으로 인식·정규화·통합합니다</p>
+        </div>
+
+        <!-- Demo 1: 이종 Excel 통합 -->
+        <div class="ax-demo-card">
+          <div class="ax-demo-header">
+            <span class="ax-demo-badge">Demo 1</span>
+            <h3>📊 이종 Excel 자동 통합</h3>
+            <p>27개 지자체가 제각각 다른 서식으로 제출한 Excel을 자동으로 표준화·통합합니다</p>
+          </div>
+          <div class="ax-demo-files">
+            <div class="ax-files-label">📁 예제 파일 (클릭하여 미리보기)</div>
+            <div class="ax-file-icons" id="ax-excel-demos"><!-- JS로 채움 --></div>
+          </div>
+          <div class="ax-upload-zone" id="ax-excel-drop">
+            <div class="ax-upload-inner">
+              <span class="ax-upload-icon">📤</span>
+              <div>Excel/CSV 파일을 여기에 드래그하거나 클릭하세요</div>
+              <div class="ax-upload-hint">XLSX, XLS, CSV — 여러 파일 동시 업로드 가능</div>
+            </div>
+            <input type="file" id="ax-excel-input" hidden multiple accept=".xlsx,.xls,.csv">
+          </div>
+          <div class="ax-actions">
+            <button class="ax-btn ax-btn-primary" id="ax-excel-run" disabled>
+              <span>⚡</span> 통합 실행
+            </button>
+            <span class="ax-file-count" id="ax-excel-count"></span>
+          </div>
+          <div class="ax-result-area" id="ax-excel-result" hidden></div>
+        </div>
+
+        <!-- Demo 2: 이종 포맷 통합 -->
+        <div class="ax-demo-card">
+          <div class="ax-demo-header">
+            <span class="ax-demo-badge ax-demo-badge-2">Demo 2</span>
+            <h3>🗂️ 이종 포맷 자동 통합</h3>
+            <p>HWP, XLSX, CSV, PPTX, DOCX, PDF — 7가지 다른 포맷의 데이터를 하나의 표로 통합합니다</p>
+          </div>
+          <div class="ax-demo-files">
+            <div class="ax-files-label">📁 예제 파일 7종 (클릭하여 미리보기)</div>
+            <div class="ax-file-icons" id="ax-format-demos"><!-- JS로 채움 --></div>
+          </div>
+          <div class="ax-upload-zone" id="ax-format-drop">
+            <div class="ax-upload-inner">
+              <span class="ax-upload-icon">📤</span>
+              <div>이종 포맷 파일을 여기에 드래그하거나 클릭하세요</div>
+              <div class="ax-upload-hint">HWPX, XLSX, CSV, PPTX, DOCX, PDF — 혼합 업로드 가능</div>
+            </div>
+            <input type="file" id="ax-format-input" hidden multiple accept=".hwp,.hwpx,.xlsx,.xls,.csv,.docx,.pptx,.pdf">
+          </div>
+          <div class="ax-actions">
+            <button class="ax-btn ax-btn-primary ax-btn-2" id="ax-format-run" disabled>
+              <span>⚡</span> 통합 실행
+            </button>
+            <span class="ax-file-count" id="ax-format-count"></span>
+          </div>
+          <div class="ax-result-area" id="ax-format-result" hidden></div>
+        </div>
+      </div>
+
+      <!-- 파일 미리보기 모달 -->
+      <div id="ax-modal" class="ax-modal-overlay" hidden>
+        <div class="ax-modal-box">
+          <div class="ax-modal-header">
+            <span id="ax-modal-title">파일 미리보기</span>
+            <button class="ax-modal-close" id="ax-modal-close">✕</button>
+          </div>
+          <div class="ax-modal-body" id="ax-modal-body">
+            <div class="ax-loading">⏳ 불러오는 중...</div>
+          </div>
+        </div>
+      </div>
+    </section>
+  </main>
+
+  <!-- 모바일 사이드바 백드롭 -->
+  <div id="sidebar-backdrop" hidden></div>
+</div>
+
+<div id="drag-overlay" hidden>
+  <div class="drop-card">
+    📂 여기에 파일을 놓으세요
+    <small>HWP · HWPX · PDF · DOCX · PPTX · XLSX · CSV · 이미지<br>(ESC 또는 클릭으로 닫기)</small>
+  </div>
+</div>
+
+<script src="/static/jgos_app_v611.js?v=612"></script>
+
+<script>
+/* JGOS AX 미리보기 — 인라인 (캐시 우회, v611-INLINE) */
+window.axPreviewDemo = async function(filename, label){
+  var modal=document.getElementById("ax-modal");
+  var body=document.getElementById("ax-modal-body");
+  var title=document.getElementById("ax-modal-title");
+  if(!modal||!body)return;
+  if(title)title.textContent="\uD83D\uDCC4 "+label+" \u2014 \uBBF8\uB9AC\uBCF4\uAE30";
+  body.innerHTML='<div class="ax-loading">\u23F3 \uBD88\uB7EC\uC624\uB294 \uC911... [INLINE]</div>';
+  modal.hidden=false;
+  try{
+    var r=await fetch("/api/demo/preview/"+encodeURIComponent(filename)+"?t="+Date.now());
+    if(!r.ok){body.innerHTML="<p style=\'color:#b91c1c\'>\uC11C\uBC84 \uC624\uB958 ("+r.status+")</p>";return;}
+    var d=await r.json();
+    body.innerHTML=(d.rows>0)?(d.html||"<p>\uBE48 \uACB0\uACFC</p>"):"<p style=\'color:#92400e\'>\u26A0\uFE0F \uD30C\uC2F1 \uC2E4\uD328</p>";
+  }catch(e){
+    body.innerHTML="<p style=\'color:red\'>\uC624\uB958: "+(e&&e.message?e.message:e)+"</p>";
+  }
+};
+/* 칩 onclick 재바인딩 (외부 js가 이미 그렸어도 인라인 함수로 연결) */
+(function(){
+  function rebind(){
+    document.querySelectorAll(".ax-file-chip").forEach(function(chip){
+      chip.onclick=function(){ window.axPreviewDemo(chip.dataset.demo, chip.dataset.label); };
+    });
+  }
+  if(document.readyState!=="loading")setTimeout(rebind,300);
+  else document.addEventListener("DOMContentLoaded",function(){setTimeout(rebind,300);});
+  // 탭 전환 후에도 재바인딩
+  document.addEventListener("click",function(e){
+    var t=e.target.closest&&e.target.closest('[data-view="ax"]');
+    if(t)setTimeout(rebind,400);
+  });
+})();
+console.log("[JGOS] AX inline preview v611-INLINE loaded");
+</script>
+
+
+<script>
+/* JGOS AX 예제 바로 실행 버튼 — DEMO-RUN-v1 */
+(function(){
+  async function runDemoMerge(btn, resultId, demoType){
+    var result=document.getElementById(resultId);
+    var old=btn.innerHTML; btn.disabled=true; btn.innerHTML="\u23F3 \uD1B5\uD569 \uC911...";
+    if(result){result.hidden=false;result.innerHTML='<div class="ax-loading">\u23F3 \uC608\uC81C \uD1B5\uD569 \uC911...</div>';}
+    try{
+      var r=await fetch("/api/demo/merge/"+demoType+"?t="+Date.now());
+      var d=await r.json();
+      if(result){
+        var src=(d.sources||[]).map(function(s){return '<span class="ax-source-chip">'+(s["\uD3EC\uB9F7"]||"")+' '+s["\uD30C\uC77C"]+' ('+s["\uAC74\uC218"]+'\uAC74)</span>';}).join("");
+        result.innerHTML='<div class="ax-source-list">'+src+'</div>'+(d.html||"");
+      }
+    }catch(e){if(result)result.innerHTML="<p style=\'color:red\'>\uC624\uB958: "+(e&&e.message?e.message:e)+"</p>";}
+    btn.disabled=false; btn.innerHTML=old;
+  }
+  function addBtn(runBtnId, resultId, demoType){
+    var runBtn=document.getElementById(runBtnId);
+    if(!runBtn) return;
+    if(document.getElementById(runBtnId+"-demo")) return;
+    var btn=document.createElement("button");
+    btn.id=runBtnId+"-demo";
+    btn.className=runBtn.className;
+    btn.style.background="#0d7377";
+    btn.style.marginLeft="8px";
+    btn.innerHTML="\uD83D\uDCC2 \uC608\uC81C\uB85C \uBC14\uB85C \uD1B5\uD569";
+    runBtn.parentNode.insertBefore(btn, runBtn.nextSibling);
+    btn.onclick=function(){ runDemoMerge(btn, resultId, demoType); };
+  }
+  function setup(){
+    addBtn("ax-excel-run","ax-excel-result","excel");
+    addBtn("ax-format-run","ax-format-result","formats");
+  }
+  if(document.readyState!=="loading") setTimeout(setup,500);
+  else document.addEventListener("DOMContentLoaded",function(){setTimeout(setup,500);});
+  document.addEventListener("click",function(e){
+    var t=e.target.closest&&e.target.closest('[data-view="ax"]');
+    if(t) setTimeout(setup,500);
+  });
+  console.log("[JGOS] AX demo-run buttons v1 loaded");
+})();
+</script>
+
+
+<script>
+/* AX-INTEGRATE-v2: 통합 결과 표시 + XLSX 다운로드 */
+(function(){
+  function chip(s){return '<span class="ax-source-chip">'+(s["\uD3EC\uB9F7"]||"")+" "+(s["\uD30C\uC77C"]||"")+" ("+(s["\uAC74\uC218"]||0)+"\uAC74)</span>";}
+  window.__axShow=function(resultId,d){
+    var result=document.getElementById(resultId);
+    if(!result)return;
+    result.hidden=false;
+    var src=(d.sources||[]).map(chip).join("");
+    result.innerHTML='<div class="ax-source-list">'+src+'</div>'+(d.html||"");
+    if(d.records&&d.records.length){
+      var dl=document.createElement("button");
+      dl.style.cssText="background:#1d6f42;color:#fff;margin-top:14px;padding:11px 24px;border:none;border-radius:9px;font-weight:700;cursor:pointer;font-size:0.95rem";
+      dl.textContent="\uD83D\uDCE5 \uD1B5\uD569\uBCF8 XLSX \uB2E4\uC6B4\uB85C\uB4DC ("+d.records.length+"\uAC74)";
+      dl.onclick=async function(){
+        var o=dl.textContent; dl.disabled=true; dl.textContent="\u23F3 \uC0DD\uC131 \uC911...";
+        try{
+          var rr=await fetch("/api/export/xlsx",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({records:d.records,title:"JGOS \uD589\uC815AX \uD1B5\uD569\uACB0\uACFC"})});
+          if(!rr.ok)throw new Error("\uC11C\uBC84 "+rr.status);
+          var b=await rr.blob(); var u=URL.createObjectURL(b);
+          var a=document.createElement("a"); a.href=u; a.download="JGOS_\uD589\uC815AX_\uD1B5\uD569\uACB0\uACFC.xlsx";
+          document.body.appendChild(a); a.click(); a.remove(); URL.revokeObjectURL(u);
+        }catch(e){alert("\uB2E4\uC6B4\uB85C\uB4DC \uC2E4\uD328: "+(e.message||e));}
+        dl.disabled=false; dl.textContent=o;
+      };
+      result.appendChild(dl);
+    }
+  };
+  async function exampleMerge(btn,resultId,type){
+    var o=btn.innerHTML; btn.disabled=true; btn.innerHTML="\u23F3 \uD1B5\uD569 \uC911...";
+    var result=document.getElementById(resultId);
+    if(result){result.hidden=false;result.innerHTML='<div class="ax-loading">\u23F3 \uC608\uC81C \uD1B5\uD569 \uC911...</div>';}
+    try{var r=await fetch("/api/demo/merge/"+type+"?t="+Date.now());var d=await r.json();window.__axShow(resultId,d);}
+    catch(e){if(result)result.innerHTML="<p style=\'color:red\'>\uC624\uB958: "+(e.message||e)+"</p>";}
+    btn.disabled=false; btn.innerHTML=o;
+  }
+  async function uploadMerge(btn,inputId,resultId,apiPath){
+    var input=document.getElementById(inputId);
+    if(!input||!input.files||!input.files.length){alert("\uD30C\uC77C\uC744 \uC120\uD0DD\uD558\uC138\uC694");return;}
+    var o=btn.innerHTML; btn.disabled=true; btn.innerHTML="\u23F3 \uD1B5\uD569 \uC911...";
+    var result=document.getElementById(resultId);
+    if(result){result.hidden=false;result.innerHTML='<div class="ax-loading">\u23F3 \uD1B5\uD569 \uC911...</div>';}
+    var fd=new FormData(); for(var i=0;i<input.files.length;i++)fd.append("files",input.files[i]);
+    try{var r=await fetch(apiPath,{method:"POST",body:fd});var d=await r.json();window.__axShow(resultId,d);}
+    catch(e){if(result)result.innerHTML="<p style=\'color:red\'>\uC624\uB958: "+(e.message||e)+"</p>";}
+    btn.disabled=false; btn.innerHTML=o;
+  }
+  function setup(){
+    var er=document.getElementById("ax-excel-run");
+    if(er)er.onclick=function(){uploadMerge(er,"ax-excel-input","ax-excel-result","/api/excel/merge");};
+    var fr=document.getElementById("ax-format-run");
+    if(fr)fr.onclick=function(){uploadMerge(fr,"ax-format-input","ax-format-result","/api/files/merge-formats");};
+    [["ax-excel-run","ax-excel-result","excel"],["ax-format-run","ax-format-result","formats"]].forEach(function(x){
+      var run=document.getElementById(x[0]); if(!run)return;
+      var id=x[0]+"-demo"; var b=document.getElementById(id);
+      if(!b){b=document.createElement("button");b.id=id;b.className=run.className;b.style.background="#0d7377";b.style.marginLeft="8px";b.innerHTML="\uD83D\uDCC2 \uC608\uC81C\uB85C \uBC14\uB85C \uD1B5\uD569";run.parentNode.insertBefore(b,run.nextSibling);}
+      b.onclick=function(){exampleMerge(b,x[1],x[2]);};
+    });
+  }
+  if(document.readyState!=="loading")setTimeout(setup,600);
+  else document.addEventListener("DOMContentLoaded",function(){setTimeout(setup,600);});
+  document.addEventListener("click",function(e){var t=e.target.closest&&e.target.closest('[data-view="ax"]');if(t)setTimeout(setup,600);});
+  console.log("[JGOS] AX integrate+download v2 loaded");
+})();
+</script>
+
+
+<script id="jgos-home-js">
+/* 서비스 첫화면 + 건축도면 뷰 — 기존 showView/switchTab 을 감싸서 확장 (원본 JS 무수정) */
+(function(){
+  var home=document.getElementById('view-home');
+  var build=document.getElementById('view-building');
+  var saju=document.getElementById('view-saju');
+  var tex=document.getElementById('view-texray');
+  var texf=document.getElementById('texray-frame');var texLoaded=false;
+  var frame=document.getElementById('building-frame');
+  var chat=document.getElementById('view-chat');
+  var loaded=false;
+  function paint(name){
+    home.hidden = name!=='home';
+    build.hidden = name!=='building';
+    saju.hidden = name!=='saju';
+    tex.hidden = name!=='texray';
+    if(name==='texray' && !texLoaded){ texf.src='https://ginigen-TeXray.hf.space/'; texLoaded=true; }
+    if(name==='building' && !loaded){ frame.src='https://VIDraft-building.hf.space/'; loaded=true; }
+    if(name!=='chat'){ if(chat) chat.style.display='none'; }
+  }
+  function go(name){
+    document.querySelectorAll('.top-tab').forEach(function(t){
+      t.classList.toggle('active', t.dataset.view===name);
+    });
+    if(typeof showView==='function') showView(['home','building','saju','texray'].indexOf(name)>=0 ? '__none__' : name);
+    paint(name);
+  }
+  window.jgosGo = go;
+  document.querySelectorAll('.top-tab').forEach(function(t){
+    t.addEventListener('click', function(){ go(t.dataset.view); });
+  });
+  document.addEventListener('click', function(e){
+    var c=e.target.closest('.svc-card, .svc-hero');
+    if(!c || c.classList.contains('soon')) return;
+    var v=c.dataset.view; if(!v) return;
+    go(v);
+    if(v==='chat' && c.dataset.q){
+      var box=document.querySelector('#composer-input, #input, textarea');
+      if(box){ box.value=c.dataset.q; box.focus(); }
+    }
+  });
+  go('home');   /* 첫 화면 = 서비스 */
+})();
+</script>
+<script id="jgos-saju-js">
+/* 사주 만세력 — JGOS 자체 UI (/api/saju) */
+(function(){
+  var form = document.getElementById('saju-form');
+  if(!form) return;
+  var msg = document.getElementById('sj-msg');
+  var box = document.getElementById('sj-result');
+  var btn = document.getElementById('sj-go');
+  var ELEM = {'목':'木','화':'火','토':'土','금':'金','수':'水'};
+
+  function say(t){ msg.textContent = t; msg.hidden = !t; }
+  function esc(s){ return String(s == null ? '' : s).replace(/[&<>"]/g, function(c){
+    return {'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[c]; }); }
+
+  function pillar(label, p){
+    if(!p) return '';
+    var han = esc(p.hanja || ''), kor = esc(p.hangul || '');
+    return '<div class="sj-p"><div class="lab">' + label + '</div>' +
+           '<div class="han">' + han + '</div><div class="kor">' + kor + '</div></div>';
+  }
+
+  function render(d){
+    var p = d.pillars || {};
+    var html = '';
+
+    html += '<div class="sj-card"><h3>사주팔자</h3>' +
+            '<div class="sj-pillars">' +
+              pillar('시주', p.hour) + pillar('일주', p.day) +
+              pillar('월주', p.month) + pillar('년주', p.year) +
+            '</div><div class="sj-meta">' +
+              '<span class="sj-tag">일간 <b>' + esc(d.day_master) + '</b> · ' + esc(d.day_master_element) + ' ' + esc(d.day_master_yinyang) + '</span>' +
+              '<span class="sj-tag">띠 <b>' + esc(d.animal) + '</b></span>' +
+              (d.unknown_hour ? '<span class="sj-tag">태어난 시각 모름 — 시주는 참고용</span>' : '') +
+            '</div></div>';
+
+    var oh = d.oheng_pct || d.oheng || {};
+    var keys = Object.keys(oh);
+    if(keys.length){
+      var bars = keys.map(function(k){
+        var v = Number(oh[k]) || 0;
+        return '<div class="sj-bar"><span class="n">' + esc(ELEM[k] || k) + '</span>' +
+               '<span class="t"><span class="f" style="width:' + Math.max(0, Math.min(100, v)) + '%"></span></span>' +
+               '<span class="v">' + v + '%</span></div>';
+      }).join('');
+      html += '<div class="sj-card"><h3>오행 분포</h3><div class="sj-bars">' + bars + '</div>' +
+              '<div class="sj-meta"><span class="sj-tag">가장 강한 기운 <b>' + esc(d.dominant) + '</b></span>' +
+              '<span class="sj-tag">가장 약한 기운 <b>' + esc(d.weak) + '</b></span></div></div>';
+    }
+
+    if(d.twelve_stages){
+      var st = Object.keys(d.twelve_stages).map(function(k){
+        return '<span class="sj-tag">' + esc(k) + ' <b>' + esc(d.twelve_stages[k]) + '</b></span>'; }).join('');
+      if(st) html += '<div class="sj-card"><h3>십이운성</h3><div class="sj-meta">' + st + '</div></div>';
+    }
+
+    box.innerHTML = html;
+    box.hidden = false;
+  }
+
+  form.addEventListener('submit', function(e){
+    e.preventDefault();
+    var dv = document.getElementById('sj-date').value;
+    if(!dv){ say('생년월일을 입력해 주세요.'); return; }
+    var parts = dv.split('-');
+    var payload = {
+      year: +parts[0], month: +parts[1], day: +parts[2],
+      hour: document.getElementById('sj-hour').value,
+      gender: document.getElementById('sj-gender').value,
+      is_lunar: document.getElementById('sj-cal').value === '1'
+    };
+    btn.disabled = true; box.hidden = true; say('계산하고 있습니다…');
+    fetch('/api/saju', {
+      method: 'POST',
+      headers: {'Content-Type': 'application/json'},
+      body: JSON.stringify(payload)
+    }).then(function(r){
+      return r.json().then(function(j){
+        if(!r.ok) throw new Error(j.detail || ('오류 ' + r.status));
+        return j;
+      });
+    }).then(function(d){
+      say(''); render(d);
+    }).catch(function(err){
+      say(String(err.message || err));
+    }).finally(function(){
+      btn.disabled = false;
+    });
+  });
+})();
+</script>
+</body>
+</html>