@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");

:root {
    --bg-primary: #05070c; /* Deeper midnight navy */
    --bg-secondary: rgba(10, 15, 30, 0.85); /* Darker glass base */
    --bg-card: rgba(16, 24, 48, 0.45); /* Frostier glass card */
    --bg-glass: rgba(8, 12, 24, 0.75);
    --border-glass: rgba(255, 255, 255, 0.06);
    
    --text-primary: #F9FAFB;
    --text-secondary: #D1D5DB;
    --text-muted: #9CA3AF;
    
    --accent-blue: #60A5FA;
    --accent-cyan: #22D3EE;
    --accent-green: #34D399;
    --accent-yellow: #FBBF24;
    --accent-red: #F87171;
    --accent-purple: #93C5FD;
    
    --gradient-primary: linear-gradient(135deg, #2563eb, #1e40af);
    --tab-on-bg: rgba(59, 130, 246, 0.14);
    --tab-on-fg: #BFDBFE;
    --tab-on-line: #60A5FA;
    --c-on-primary: #FFFFFF;   /* [20260923] 남색 바탕 위 글자 - 밝은 화면에서도 흰색. --c-white 는 밝은 화면에서 검정이 되어 탭 글자가 남색 위에 검게 떴다 */
    --c-kakao:      #FEE500;   /* [1008] 카카오 로그인 단추 바탕 - 그 회사 표시 빛깔이라 두 화면에서 일부러 같다(--c-amber-5 는 밝은 화면에서 #807300 올리브로 짙어져 로그인 단추가 탁했다) */
    --c-on-kakao:   #191919;   /* [1008] 카카오 노랑 위 글자 - 일부러 같다 */
    --c-naver:      #03C75A;   /* [1008] 네이버 로그인 단추 바탕 - 그 회사 표시 빛깔, 일부러 같다(--c-green-7 은 밝은 화면에서 #02883D) */
    --c-on-naver:   #FFFFFF;   /* [1008] 네이버 초록 위 글자 - 일부러 같다 */
    --gradient-success: linear-gradient(135deg, #10b981, #06b6d4);
    --gradient-danger: linear-gradient(135deg, #ef4444, #f97316);
    --gradient-accent: linear-gradient(135deg, #3b82f6, #2563eb);
    
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.7);
    --shadow-glow-primary: 0 0 25px rgba(99, 102, 241, 0.35);
    --shadow-glow-green: 0 0 25px rgba(16, 185, 129, 0.35);

    --c-cyan-pale:       #67E8F9;   /* 옅은 하늘 글자 - 검색칸 돋보기·임시저장 딱지 */
    --c-red-pale-2:      #FECACA;   /* 옅은 빨강 글자 - 지우기 단추 hover */
    --c-blue-pale:       #BFDBFE;   /* 옅은 파랑 글자 - 내 일감 딱지 */
    --c-indigo-pale:     #C7D2FE;   /* 옅은 남색 글자 - 고른 수 세기 */
    --c-purple-pale:     #9DC6FE;   /* 옅은 보라 글자 - 관리비 조회 단추 */
    --c-purple-pale-2:   #C8DFFF;   /* 옅은 보라 글자 - 정산 프리미엄 합계 */
    --s-app-2:           #080B11;   /* 페이지 바닥 한 겹 - 겹치기 막는 단색 바탕 */
    --s-card-2:          #090E1A;   /* 카드 단색 바탕(반투명이면 글이 겹쳐 보인다) */
    --s-raised-2:        #162034;   /* 떠 있는 면 - 표 줄 hover */
    --s-raised-3:        #263449;   /* 떠 있는 면 - 단추 hover */
    --s-raised-4:        #131C2B;   /* 떠 있는 면 - 일감 판 */
    --s-raised-5:        #172033;   /* 떠 있는 면 - 일감 줄 */
    --c-warn-box:        #3F2D1D;   /* 주의 상자 바탕(확장 안내) */

    --c-band-navy-1:    #1E3A8A;
    --c-band-navy-2:    #312E81;
    --c-band-navy-text: #E0F2FE;

    --c-newrow-bg:   rgba(251, 146, 60, 0.12);  /* 타사 신규 줄 - 어두운 쪽 */
    --c-newrow-text: #FDBA74;                   /* 그 줄 글자 */
    --sb-track:      rgba(0, 0, 0, 0.15);       /* 스크롤바 바탕 */
    --sb-track-2:    rgba(0, 0, 0, 0.25);       /* 스크롤바 바탕(진한 것) */

    --c-chip-all-text: #FFFFFF;
    --c-chip-all-bg:   rgba(255, 255, 255, 0.12);

    --c-brand-tiktok: #00F2FE;
    --c-brand-kakao:  #FFCD00;
    --c-brand-mono:   #E5E7EB;   /* X · 스레드 - 어두운 바탕에선 흰색이 상표색이다 */

    --c-tile-flat:      #334155;   /* 늘지도 줄지도 않은 칸의 바탕 */
    --c-tile-flat-text: #CBD5E1;   /* 그 칸의 글자 */
    --c-heat-up-1:   #4C1D1D;   /* 조금 늘어남(오름) */
    --c-heat-up-2:   #8B2C2C;
    --c-heat-up-3:   #DC2626;   /* 많이 늘어남 */
    --c-heat-down-1: #1E2D4A;   /* 조금 줄어듦(내림) */
    --c-heat-down-2: #2B4F8F;
    --c-heat-down-3: #2563EB;   /* 많이 줄어듦 */
    --c-heat-none:   #151C2B;   /* 자료 없는 칸 */
    --c-heat-ink:    #E5E7EB;   /* 옅은 단계 칸의 글자 */
    --c-heat-ink-on: #FFFFFF;   /* 짙은 단계 칸의 글자 */
    --c-heat-edge:   #94A3B8;   /* 도(시도) 경계선 */
    --c-heat-ours:   #F59E0B;   /* 우리 지역 테두리 */
    --s-app:      #06080F;   /* 페이지 바닥 */
    --s-sunken:   #080C15;   /* 입력칸·표 안쪽(눌린 면) */
    --s-card:     #0D1320;   /* 카드 */
    --s-raised:   #131B2B;   /* 모달·드롭다운(떠 있는 면) */
    --s-hover:    rgba(148, 163, 184, 0.06);

    --line-1: rgba(148, 163, 184, 0.10);   /* 구분선 */
    --line-2: rgba(148, 163, 184, 0.17);   /* 입력칸 기본 */
    --line-3: rgba(148, 163, 184, 0.30);   /* hover */

    --focus: #38BDF8;
    --focus-ring: 0 0 0 3px rgba(56, 189, 248, 0.16);

    --c-white:      #FFF;       /* 678곳 */
    --c-text-dim:   #94A3B8;    /* 523곳 · 잔글씨 */
    --c-ink:        #0F172A;    /* 451곳 · 가장 짙은 바탕 */
    --c-on-tint:    #0F172A;    /* [1007] 빛깔 채운 단추(초록·청록·주황) 위 글자 - 어두운 화면은 바탕이 밝은 빛이라 남색검정, 밝은 화면은 바탕이 짙어 흰색(테마 짝). --c-white 를 쓰면 밝은 화면에서 짙은 회색이 되어 초록 위에 흐렸다(접수함 [등록 채우기] 전수조사 21곳) */
    --c-paper:      #FFFFFF;    /* [1007] 인쇄 종이 바탕 - 테마와 상관없이 흰색 */
    --c-paper-ink:  #111111;    /* [1007] 인쇄 종이 글자 - 테마와 상관없이 검정 */
    --c-on-bright:  #0F172A;    /* [0928] 밝은 빛 바탕(켜진 칩) 위 글자 - 테마가 바뀌어도 안 뒤집힌다. --c-ink 는 밝은 테마에서 흰색이 되어 '공동중개' 칩 글자가 안 보였다(요청장부 62) */
    --c-line-mid:   #475569;    /* 416곳 · 입력칸 테두리 */
    --c-text-mute:  #64748B;    /* 389곳 · 더 흐린 글씨 */
    --c-sky:        #38BDF8;    /* 364곳 · 고른 것·링크 */
    --c-line-soft:  #334155;    /* 275곳 · 옅은 선 */
    --c-amber:      #F59E0B;    /* 220곳 · 뽑기·주의 */
    --c-green:      #10B981;    /* 173곳 · 됐음 */
    --c-text-soft:  #E2E8F0;    /* 165곳 · 본문 */
    --c-text-calm:  #CBD5E1;    /* 145곳 · 본문 약 */
    --c-red:        #EF4444;    /* 137곳 · 탈·지우기 */
    --c-red-soft:   #F87171;    /* 130곳 · 옅은 빨강(경고 글씨) */
    --c-ink-2:      #1E293B;    /* 123곳 · 둘째 바탕(카드·줄) */
    --c-red-pale:   #FCA5A5;    /* 70곳 · 더 옅은 빨강 */
    --c-ink-deep:   #0B1220;    /* 64곳 · 가장 깊은 바탕 */
    --c-amber-soft: #FBBF24;    /* 35곳 · 옅은 노랑 */
    --c-sky-soft:   #7DD3FC;    /* 35곳 · 옅은 하늘 */

    --rgb-ink:       15, 23, 42;    /* 107곳 · 어두운 바탕 */
    --rgb-overlay:   255, 255, 255; /* 212곳 · 옅은 덧칠(어두운 위의 밝은 막) */
    --rgb-ink-2:     30, 41, 59;    /* 38곳 · 둘째 바탕 */
    --rgb-ink-deep:  2, 6, 23;      /* 20곳 · 가장 깊은 바탕 */

    --c-green-1:       #4ADE80;    /* 30곳 */
    --c-green-2:       #34D399;    /* 26곳 */
    --c-indigo-1:      #5E9EF8;    /* 25곳 */
    --c-gray-1:        #9CA3AF;    /* 25곳 */
    --c-teal-1:        #0EA5E9;    /* 24곳 */
    --c-green-3:       #6EE7B7;    /* 23곳 */
    --c-amber-1:       #FDE68A;    /* 22곳 */
    --c-blue-1:        #93C5FD;    /* 19곳 */
    --c-blue-2:        #3B82F6;    /* 19곳 */
    --c-green-4:       #22C55E;    /* 16곳 */
    --c-purple-1:      #60A0FB;    /* 15곳 */
    --c-blue-3:        #818CF8;    /* 15곳 */
    --c-indigo-2:      #1E77F3;    /* 15곳 */
    --c-orange-1:      #FB923C;    /* 14곳 */
    --c-blue-4:        #090D16;    /* 14곳 */
    --c-gray-2:        #FFFFFF;    /* 14곳 */
    --c-red-1:         #F43F5E;    /* 13곳 */
    --c-blue-5:        #0369A1;    /* 13곳 */
    --c-blue-6:        #F1F5F9;    /* 12곳 */
    --c-blue-7:        #BAE6FD;    /* 11곳 */
    --c-blue-8:        #F8FAFC;    /* 11곳 */
    --c-blue-9:        #2563EB;    /* 11곳 */
    --c-gray-3:        #000;    /* 11곳 */
    --c-teal-2:        #38BDF8;    /* 11곳 */
    --c-green-5:       #86EFAC;    /* 11곳 */
    --c-blue-10:       #0F172A;    /* 11곳 */
    --c-blue-11:       #60A5FA;    /* 10곳 */
    --c-pink-1:        #F472B6;    /* 9곳 */
    --c-blue-12:       #94A3B8;    /* 9곳 */
    --c-amber-2:       #FCD34D;    /* 8곳 */
    --c-blue-13:       #1D4ED8;    /* 7곳 */
    --c-blue-14:       #0B1220;    /* 7곳 */
    --c-gray-4:        #999;    /* 7곳 */
    --c-blue-15:       #060913;    /* 6곳 */
    --c-orange-2:      #FDBA74;    /* 6곳 */
    --c-blue-17:       #CBD5E1;    /* 6곳 */
    --c-blue-18:       #F3F4F6;    /* 6곳 */
    --c-pink-2:        #EC4899;    /* 5곳 */
    --c-blue-19:       #D1D5DB;    /* 5곳 */
    --c-indigo-3:      #98C2FC;    /* 5곳 */
    --c-red-2:         #DC2626;    /* 5곳 */
    --c-blue-20:       #E2E8F0;    /* 5곳 */
    --c-blue-21:       #64748B;    /* 5곳 */
    --c-blue-22:       #0B1424;    /* 5곳 */
    --c-red-3:         #3F2A2A;    /* 4곳 */
    --c-orange-3:      #B45309;    /* 4곳 */
    --c-blue-23:       #1F2937;    /* 4곳 */
    --c-orange-4:      #EDC;    /* 4곳 */
    --c-amber-3:       #EAB308;    /* 4곳 */
    --c-lime:          #84CC16;    /* 매물종류 칩 글자(listing_kinds) - [더함 20260923] */
    --c-teal-chip:        #2DD4BF;    /* 매물종류 칩 글자(listing_kinds) - [더함 20260923] 규칙 글자색을 이름으로 옮기며 */
    --c-red-4:         #F87171;    /* 4곳 */
    --c-blue-24:       #0284C7;    /* 4곳 */
    --c-blue-25:       #334155;    /* 4곳 */
    --c-gray-5:        #000000;    /* 4곳 */
    --c-blue-26:       #6366F1;    /* 3곳 */
    --c-red-5:         #7F1D1D;    /* 3곳 */
    --c-blue-27:       #121C31;    /* 3곳 */
    --c-gray-6:        #111;    /* 3곳 */
    --c-gray-7:        #555;    /* 3곳 */
    --c-amber-4:       #FACC15;    /* 3곳 */
    --c-blue-28:       #3182F6;    /* 3곳 */
    --c-orange-5:      #F59E0B;    /* 3곳 */
    --c-green-6:       #16A34A;    /* 3곳 */
    --c-blue-29:       #1E3A5F;    /* 3곳 */
    --c-gray-8:        #BBB;    /* 3곳 */
    --c-purple-2:      #287CF5;    /* 3곳 */
    --c-blue-30:       #05070C;    /* 3곳 */
    --c-teal-3:        #22D3EE;    /* 3곳 */
    --c-red-6:         #EF4444;    /* 3곳 */
    --c-red-7:         #E11D48;    /* 3곳 */
    --c-blue-31:       #1E293B;    /* 3곳 */
    --c-blue-32:       #04121F;    /* 3곳 */
    --c-teal-4:        #14352A;    /* 3곳 */
    --c-lime-1:        #A3E635;    /* 2곳 */
    --c-blue-33:       #A5B4FC;    /* 2곳 */
    --c-red-8:         #FB7185;    /* 2곳 */
    --c-amber-5:       #FEE500;    /* 2곳 */
    --c-gray-9:        #191919;    /* 2곳 */
    --c-green-7:       #03C75A;    /* 2곳 */
    --c-green-8:       #04120C;    /* 2곳 */
    --c-green-9:       #A7F3D0;    /* 2곳 */
    --c-green-10:      #04220F;    /* 2곳 */
    --c-blue-34:       #18202F;    /* 2곳 */
    --c-gray-10:       #666;    /* 2곳 */
    --c-blue-35:       #EEF2FF;    /* 2곳 */
    --c-gray-11:       #888;    /* 2곳 */
    --c-indigo-4:      #1362CF;    /* 2곳 */
    --c-blue-36:       #111827;    /* 2곳 */
    --c-green-11:      #19C952;    /* 2곳 */
    --c-blue-37:       #4B5563;    /* 2곳 */
    --c-gray-12:       #333;    /* 2곳 */
    --c-gray-13:       #FFF;    /* 2곳 */
    --c-orange-6:      #FBBF24;    /* 2곳 */
    --c-indigo-5:      #4F46E5;    /* 2곳 */
    --c-teal-5:        #10B981;    /* 2곳 */
    --c-orange-7:      #F97316;    /* 2곳 */
    --c-teal-6:        #059669;    /* 2곳 */
    --c-blue-38:       #9FB0C8;    /* 2곳 */
    --c-our-row-bg:    #2A2110;    /* [1020] 매물표 우리 매물 줄 바탕 - 옅은 호박색(1004 파랑 #10213A 바꿈), 밝은 짝은 style_07. 대표님 '이 칼라를 사무소 매물 칼라로' */
    --c-cobroker-row-bg: #10291C;  /* [1020] 매물표 타 사무소 접수(공동중개) 줄 바탕 - 연한 초록(1019 호박색 #2A2110 은 우리 줄로 옮김), 밝은 짝은 style_07 */
    --c-our-ad:        #C4B5FD;    /* [1011] 타사 줄 '우리 광고' 띠 글자(보라) - 밝은 짝은 style_07 */
    --c-our-ad-bg:     rgba(167,139,250,0.16);    /* [1011] 그 띠 바탕 */
    --c-blue-39:       #0E1524;    /* 2곳 */
    --c-blue-40:       #475569;    /* 2곳 */
    --c-blue-41:       #121928;    /* 2곳 */
    --c-indigo-6:      #C5DDFE;    /* 2곳 */
    --c-red-9:         #3F1D1D;    /* 2곳 */

    --칸글자: 13px;      /* [1003] 입력칸 글자 - 쓰는 곳은 style_07_theme.css 입력칸 글자 한 규칙 */
    --칸글자-표: 12px;   /* 표 안 입력칸(좁은 칸) */
    --w-normal: 400;   /* 보통 글 · 보조 설명 */
    --w-medium: 500;   /* 배지 · 칩 · 작은 딱지 (예전엔 여기가 700 이었다) */
    --w-strong: 600;   /* 표 안에서 가장 굵게 쓰는 것 - 단지명 · 가격. 표의 상한 */
    --w-heavy:  700;   /* 표 **밖**에서만 - 큰 제목 · 눌리는 단추 */
    --w-light:  300;   /* [0928 밤] 대표님 '글자 크기 뿐만 아니라 두께로' - 조회로 저절로 채워지는 칸 이름처럼 한 걸음 물러선 글 */

    --tbl-check-col: 34px;    /* 칸 너비 */
    --tbl-check-size: 15px;   /* 체크 상자 한 변 */

}



html {
    overflow-x: hidden;
    max-width: 100%;
}